#header.g_sticky .h_inner {
    max-width: 1400px
}

#header.g_sticky .h_inner .menu {
    left: 180px
}

#header.g_sticky .h_inner .menu>li>a {
    padding: 0 27px;
    margin: 0 7px
}

.ms_samp {
    background: url(https://lwi.nexon.com/lod/renewal/brand/main/ms_samp.png) no-repeat center 0
}

.main_slider {
    position: relative
}

.main_slider .img {
    height: 535px;
    padding: 0 16px;
    background-repeat: no-repeat;
    background-position: center 0
}

.main_slider .img .ms_inner {
    position: relative;
    max-width: 1400px;
    height: 535px;
    margin: 0 auto
}

.main_slider .img .ms_inner .txt {
    position: absolute;
    top: 140px;
    left: 0px
}

.main_slider .img .ms_inner .txt p.ms_t1 {
    height: 156px;
    margin-bottom: 18px;
    color: #FFF;
    font-size: 62px;
    font-weight: 500;
    line-height: 78px
}

.main_slider .img .ms_inner .txt p.ms_t2 {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.3px
}

.main_slider .img .ms_inner .txt p.ms_t3 {
    margin: 69px 0 0 122px;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.3px
}

.main_slider .ms_page {
    position: absolute;
    bottom: 105px;
    left: 50%;
    width: 100px;
    margin-left: -700px;
    z-index: 10;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.3px;
    text-align: center
}

.main_slider .ms_page span.swiper-pagination-total {
    color: rgba(255,255,255,0.5)
}

.main_slider .ms_nav {
    position: absolute;
    bottom: 105px;
    left: 50%;
    margin-left: -700px;
    z-index: 10;
    font-size: 0
}

.main_slider .ms_nav button {
    width: 12px;
    height: 18px;
    background-repeat: no-repeat;
    background-size: 12px 56px
}

.main_slider .ms_nav button.ms_prev {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/main/ms_prev.png)
}

.main_slider .ms_nav button.ms_next {
    margin-left: 76px;
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/main/ms_next.png)
}

.main_slider .ms_nav button:hover {
    background-position-y: -38px
}

.main_slider p.ms_tl {
    position: absolute;
    bottom: 103px;
    left: 50%;
    margin-left: -576px;
    z-index: 10;
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.3px
}

.main_slider p.ms_tl a {
    color: #FFF;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.3px
}

.user_line {
    top: 455px !important;
    min-width: 1400px
}

.mi_1 {
    max-width: 1400px;
    padding: 138px 16px 0;
    margin: 0 auto
}

.mi_1 h4.h4_s1 {
    font-size: 30px;
    letter-spacing: -0.6px
}

ul.ml_list {
    margin-top: 48px
}

ul.ml_list li {
    float: left;
    margin-right: 20px
}

ul.ml_list li a {
    display: block;
    position: relative;
    width: 320px;
    height: 280px;
    padding: 50px 34px 0;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    box-sizing: border-box
}

ul.ml_list li a:hover p.ml_t1 span.ml_mt {
    text-decoration: underline
}

ul.ml_list li .ml_cate {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    text-align: center
}

ul.ml_list li .ml_cate .mc_inner {
    display: inline-block;
    height: 40px;
    padding: 0 26px;
    border-radius: 30px;
    color: #fff
}

ul.ml_list li .ml_cate span.mc_ic {
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 25px;
    margin: 8px 1px 0 0;
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/main/mc_ic.png);
    background-repeat: no-repeat;
    background-size: 23px 150px;
    background-position-x: center
}

ul.ml_list li .ml_cate span.mc_t {
    display: inline-block;
    line-height: 38px
}

ul.ml_list li p.ml_t1 {
    position: relative;
    color: #000;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -1px
}

ul.ml_list li p.ml_t1 span.ml_mt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-width: calc(100% - 30px)
}

ul.ml_list li p.ml_t1 span.new {
    position: absolute;
    top: 0;
    right: 0;
    margin: 7px 0 0 2px
}

ul.ml_list li p.ml_date {
    margin: 11px 0;
    color: #999;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.3px
}

ul.ml_list li p.ml_date span.ml_date_ic {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    margin: 5px 1px 0 0;
    background: url(https://lwi.nexon.com/lod/renewal/brand/main/ml_date_ic.png) no-repeat;
    background-size: 14px 14px
}

ul.ml_list li p.ml_date span.ml_date_t {
    display: inline-block;
    color: #999;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.42px
}

ul.ml_list li p.ml_t2 {
    color: #464646;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

ul.ml_list li.ml1_1 .ml_cate .mc_inner {
    background: #BB9364
}

ul.ml_list li.ml1_1 .ml_cate .mc_inner span.mc_ic {
    background-position-y: 1px
}

ul.ml_list li.ml1_2 .ml_cate .mc_inner {
    background: #C86666
}

ul.ml_list li.ml1_2 .ml_cate .mc_inner span.mc_ic {
    background-position-y: -39px
}

ul.ml_list li.ml1_3 .ml_cate .mc_inner {
    background: #8EBB64
}

ul.ml_list li.ml1_3 .ml_cate .mc_inner span.mc_ic {
    background-position-y: -79px
}

ul.ml_list li.ml1_4 .ml_cate .mc_inner {
    background: #6D64BB
}

ul.ml_list li.ml1_4 .ml_cate .mc_inner span.mc_ic {
    background-position-y: -117px
}

ul.ml_list li:last-child {
    margin-right: 0
}

ul.ml_list::after {
    display: block;
    content: '';
    clear: both
}

ul.m_ml {
    overflow: hidden;
    margin: 70px 0 133px 0;
    background: #8e664e
}

ul.m_ml li {
    position: relative;
    float: left
}

ul.m_ml li a {
    display: block;
    width: 340px;
    height: 100px;
    text-align: center
}

ul.m_ml li a span.m_ml_ic {
    display: inline-block;
    vertical-align: top;
    width: 28px;
    height: 28px;
    margin: 36px 5px 0 0;
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/main/m_ml_ic.png);
    background-repeat: no-repeat;
    background-size: 82px 185px
}

ul.m_ml li a span.m_ml_t {
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -1px;
    line-height: 100px;
    color: #FFECD9
}

ul.m_ml li a:hover span.m_ml_ic {
    background-position-x: -53px
}

ul.m_ml li a:hover span.m_ml_t {
    color: #fff
}

ul.m_ml li.m_ml2 a span.m_ml_ic {
    background-position-y: -56px
}

ul.m_ml li.m_ml3 a span.m_ml_ic {
    background-position-y: -111px
}

ul.m_ml li.m_ml4 a span.m_ml_ic {
    background-position-y: -159px
}

ul.m_ml li::after {
    display: block;
    content: '';
    position: absolute;
    top: 39px;
    right: 0px;
    width: 1px;
    height: 22px;
    background: #AE8C78
}

ul.m_ml li:last-child::after {
    display: none
}

.bs_slider {
    position: relative;
    min-width: 1400px;
    height: 620px;
    padding: 0 16px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/main/bs_bg.png) no-repeat center 0
}

.bs_slider p.bs_title {
    position: absolute;
    top: 79px;
    left: 50%;
    z-index: 10;
    margin-left: -700px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.6px
}

.bs_slider .swiper,.bs_slider swiper-container {
    overflow: visible
}

.bs_slider .s_inner {
    position: relative;
    max-width: 1400px;
    height: 620px;
    margin: 0 auto
}

.bs_slider .bs_page {
    position: absolute;
    top: 140px !important;
    bottom: auto !important;
    left: 50% !important;
    z-index: 10;
    width: auto !important;
    margin-left: -700px
}

.bs_slider .bs_page span.swiper-pagination-bullet {
    width: 150px;
    height: 42px;
    margin: 0 12px 0 0;
    border-radius: 0;
    opacity: 1;
    background-repeat: no-repeat;
    background-color: inherit
}

.bs_slider .bs_page span.swiper-pagination-bullet.swiper-pagination-bullet:nth-child(1) {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/main/bs_btn1.png)
}

.bs_slider .bs_page span.swiper-pagination-bullet.swiper-pagination-bullet:nth-child(2) {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/main/bs_btn2.png)
}

.bs_slider .bs_page span.swiper-pagination-bullet.swiper-pagination-bullet:nth-child(3) {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/main/bs_btn3.png)
}

.bs_slider .bs_page span.swiper-pagination-bullet.swiper-pagination-bullet:nth-child(4) {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/main/bs_btn4.png)
}

.bs_slider .bs_page span.swiper-pagination-bullet.swiper-pagination-bullet:nth-child(5) {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/main/bs_btn5.png)
}

.bs_slider .bs_page span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-position-y: -54px
}

.bs_slider .img {
    position: absolute;
    bottom: 0px;
    right: -620px;
    width: 1410px;
    height: 735px;
    background-repeat: no-repeat
}

.bs_slider .img.bs_c1 {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/main/bs_c1.png)
}

.bs_slider .img.bs_c2 {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/main/bs_c2.png)
}

.bs_slider .img.bs_c3 {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/main/bs_c3.png)
}

.bs_slider .img.bs_c4 {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/main/bs_c4.png)
}

.bs_slider .img.bs_c5 {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/main/bs_c5.png)
}

.bs_slider .txt {
    position: absolute;
    top: 208px;
    left: 0px
}

.bs_slider .txt h4 {
    margin-bottom: 22px;
    color: #F7CA18;
    font-size: 90px;
    font-weight: 700;
    letter-spacing: -1.8px
}

.bs_slider .txt ul.bs_rank_list li {
    margin-bottom: 30px
}

.bs_slider .txt ul.bs_rank_list li span {
    display: inline-block;
    vertical-align: top
}

.bs_slider .txt ul.bs_rank_list li span.bs_rank,.bs_slider .txt ul.bs_rank_list li span.bs_nick {
    color: #E3D9C3;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

.bs_slider .txt ul.bs_rank_list li span.bs_rank {
    width: 46px;
    text-align: right
}

.bs_slider .txt ul.bs_rank_list li span.br_sv {
    width: 54px;
    height: 26px;
    margin: -2px 10px 0;
    border-radius: 16px;
    background: #8E664E;
    color: #FFF4E2;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 26px;
    letter-spacing: -0.42px
}

.bs_slider .txt ul.bs_rank_list li:first-child span.bs_rank,.bs_slider .txt ul.bs_rank_list li:first-child span.bs_nick {
    font-size: 30px;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.6px
}

.bs_slider .txt ul.bs_rank_list li:first-child span.br_sv {
    margin: 11px 10px 0
}

.mi_2 {
    max-width: 1400px;
    padding: 58px 16px 220px;
    margin: 0 auto
}

.mi_2 h4.h4_s1 {
    font-size: 30px;
    letter-spacing: -0.6px
}

.cm_slider {
    margin-top: 48px
}

.cm_slider .swiper,.cm_slider swiper-container {
    overflow: visible
}

.cm_slider .swiper-slide {
    width: 335px;
    margin-right: 16px
}

.cm_slider .swiper-slide:last-child {
    margin-right: 0
}

.cm_slider a {
    display: block;
    position: relative;
    width: 335px;
    height: 366px;
    padding: 50px 24px 0;
    border: 1px solid #E0E0E0;
    border-radius: 2px;
    box-sizing: border-box
}

.cm_slider a:hover p.cm_t1 span.cm_t {
    text-decoration: underline
}

.cm_slider .cm_cate {
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    text-align: center
}

.cm_slider .cm_cate .cm_inner {
    display: inline-block;
    height: 40px;
    padding: 0 26px;
    border-radius: 30px;
    color: #fff
}

.cm_slider .cm_cate span.cm_ic {
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 25px;
    margin: 8px 1px 0 0;
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/main/cm_ic.png);
    background-repeat: no-repeat;
    background-size: 22px 166px;
    background-position-x: center
}

.cm_slider .cm_cate span.cm_ct {
    display: inline-block;
    line-height: 38px
}

.cm_slider p.cm_t1 {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -1px
}

.cm_slider p.cm_t1 span {
    display: inline-block
}

.cm_slider p.cm_t1 span.cm_t {
    max-width: 256px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cm_slider p.cm_t1 span.new {
    margin: 7px 0 0 5px
}

.cm_slider p.cm_date {
    margin: 11px 0;
    color: #999;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: -0.3px
}

.cm_slider p.cm_date span.cm_date_ic {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    margin: 5px 1px 0 0;
    background: url(https://lwi.nexon.com/lod/renewal/brand/main/ml_date_ic.png) no-repeat;
    background-size: 14px 14px
}

.cm_slider p.cm_date span.cm_date_t {
    display: inline-block
}

.cm_slider p.cm_t2 {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

.cm_slider p.cm_t2 span.u_sv {
    background: #8E664E;
    border: 1px solid #8E664E;
    color: #FFF4E2
}

.cm_slider p.cm_t2 span.u_n {
    color: #393939
}

.cm_slider .cm_thumb {
    margin-top: 20px
}

.cm_slider .cm_thumb>img {
    display: block;
    width: 285px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.cm_slider a.cm_l1 .cm_cate .cm_inner {
    background: #BB9D64
}

.cm_slider a.cm_l1 .cm_cate .cm_inner span.cm_ic {
    background-position-y: 1px
}

.cm_slider a.cm_l2 .cm_cate .cm_inner {
    background: #6486BB
}

.cm_slider a.cm_l2 .cm_cate .cm_inner span.cm_ic {
    background-position-y: -47px
}

.cm_slider a.cm_l3 .cm_cate .cm_inner {
    background: #9AA06F
}

.cm_slider a.cm_l3 .cm_cate .cm_inner span.cm_ic {
    background-position-y: -101px
}

.cm_slider a.cm_l4 .cm_cate .cm_inner {
    background: #64BBAE
}

.cm_slider a.cm_l4 .cm_cate .cm_inner span.cm_ic {
    background-position-y: -145px
}

.cm_slider:last-child {
    margin-right: 0
}

#footer .inner {
    max-width: 1400px
}

@media (max-width: 1460px) {
    .main_slider .ms_page {
        left:20px;
        margin-left: 0
    }

    .main_slider .ms_nav {
        left: 20px;
        margin-left: 0
    }

    .main_slider p.ms_tl {
        left: 144px;
        margin-left: 0
    }
}

@media (max-width: 1450px) {
    #header.g_sticky .h_inner {
        max-width:1200px
    }

    #header.g_sticky .h_inner .menu {
        left: 100px
    }

    #header.g_sticky .h_inner .menu>li>a {
        padding: 0 23px;
        margin: 0 5px
    }

    .mi_1 h4.h4_s1 {
        max-width: 1200px;
        margin: 0 auto
    }

    ul.ml_list {
        max-width: 1200px;
        margin: 48px auto 0
    }

    ul.ml_list li a {
        width: 285px;
        padding: 50px 15px 0
    }

    ul.m_ml {
        box-sizing: border-box;
        width: 1200px;
        margin: 70px auto
    }

    ul.m_ml li {
        box-sizing: border-box
    }

    ul.m_ml li a {
        width: 300px
    }

    .bs_slider {
        min-width: 1200px
    }

    .bs_slider p.bs_title,.bs_slider .bs_page {
        margin-left: -600px
    }

    .bs_slider .s_inner {
        max-width: 1200px
    }

    .bs_slider .img {
        right: -11%;
        width: 1000px;
        height: 521px;
        background-size: 1000px 521px
    }

    .mi_2 h4.h4_s1 {
        max-width: 1200px;
        margin: 0 auto
    }

    .mi_2 .cm_slider {
        max-width: 1200px;
        margin: 48px auto 0
    }
}

@media (max-width: 1250px) {
    .mi_1 h4.h4_s1 {
        max-width:900px;
        margin: 0 auto
    }

    ul.ml_list {
        max-width: 900px;
        margin: 48px auto 0
    }

    ul.ml_list li {
        margin-right: 14px
    }

    ul.ml_list li a {
        width: 214px;
        padding: 50px 10px 0
    }

    ul.m_ml {
        width: 900px
    }

    ul.m_ml li a {
        width: 225px
    }

    ul.m_ml li a span.m_ml_t {
        font-size: 16px
    }

    .bs_slider {
        min-width: 900px
    }

    .bs_slider p.bs_title,.bs_slider .bs_page {
        margin-left: -450px
    }

    .bs_slider .s_inner {
        max-width: 900px
    }

    .bs_slider .img {
        right: -26%
    }

    .mi_2 h4.h4_s1 {
        max-width: 900px
    }

    .mi_2 .cm_slider {
        max-width: 900px
    }
}

@media (max-width: 950px) {
    #container {
        padding-top:56px
    }

    .mi_1 {
        padding: 56px 16px 0
    }

    .main_slider .img {
        height: auto;
        background-size: cover
    }

    .main_slider .img .ms_inner {
        height: auto;
        padding-top: calc(210 / 375 * 100%)
    }

    .main_slider .img .ms_inner .txt {
        top: 24%
    }

    .main_slider .img .ms_inner .txt p.ms_t1 {
        height: 16vw;
        margin-bottom: 7px;
        font-size: 6vw;
        line-height: 1.3
    }

    .main_slider .img .ms_inner .txt p.ms_t2 {
        font-size: 3vw
    }

    .main_slider .ms_page {
        bottom: 15px;
        width: 74px;
        font-size: 12px
    }

    .main_slider .ms_nav {
        bottom: 17px
    }

    .main_slider .ms_nav button {
        display: inline-block;
        width: 8px;
        height: 12px;
        background-size: 8px 37px
    }

    .main_slider .ms_nav button.ms_next {
        margin-left: 58px
    }

    .main_slider .ms_nav button:hover {
        background-position-y: -25px
    }

    .main_slider .ms_nav .swiper-button-lock {
        display: none
    }

    .main_slider p.ms_tl {
        display: none
    }

    .user_line {
        display: none
    }

    .mi_1 {
        padding: 18px 16px 0
    }

    .mi_1 h4.h4_s1 {
        margin-bottom: 0;
        font-size: 20px;
        letter-spacing: -0.4px
    }

    ul.ml_list {
        max-width: none;
        margin: 11px 0 0 0;
        border-top: 2px solid #55331f
    }

    ul.ml_list li {
        float: none;
        margin-right: 0;
        margin-bottom: 0
    }

    ul.ml_list li a {
        width: auto;
        height: 89px;
        padding: 47px 0 0;
        border: none;
        border-bottom: 1px solid #E0E0E0
    }

    ul.ml_list li a .ml_cate {
        top: 21px;
        right: auto
    }

    ul.ml_list li a .ml_cate .mc_inner {
        height: 24px;
        padding: 0 20px
    }

    ul.ml_list li a .ml_cate span.mc_ic {
        display: none
    }

    ul.ml_list li a .ml_cate span.mc_t {
        vertical-align: top;
        font-size: 12px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: -0.24px
    }

    ul.ml_list li a p.ml_t1 {
        text-align: left
    }

    ul.ml_list li a p.ml_t1 span.ml_mt {
        display: inline-block;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: calc(100% - 120px);
        -webkit-line-clamp: 1;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.48px;
        color: #464646
    }

    ul.ml_list li a p.ml_t1 span.new {
        position: static
    }

    ul.ml_list li a p.ml_date {
        position: absolute;
        bottom: 16px;
        right: 0px;
        margin: 0
    }

    ul.ml_list li a p.ml_date span.ml_date_ic {
        width: 15px;
        height: 15px;
        margin-top: 5px;
        background-size: 15px 15px
    }

    ul.ml_list li a p.ml_date span.ml_date_t {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: -0.24px;
        color: #8E664E
    }

    ul.ml_list li a p.ml_t2 {
        display: none
    }

    ul.ml_list li:last-child a {
        border-bottom: none
    }

    ul.m_ml {
        width: auto;
        padding: 10px;
        margin: 15px -16px 0
    }

    ul.m_ml li {
        width: 50%;
        box-sizing: border-box
    }

    ul.m_ml li a {
        width: auto;
        height: 40px;
        padding-left: 10px;
        border-right: 1px solid #AE8C78;
        border-bottom: 1px solid #AE8C78;
        text-align: left
    }

    ul.m_ml li a span.m_ml_ic {
        position: absolute;
        top: 0;
        left: 10px;
        width: 30px;
        height: 30px;
        margin: 6px 5px 0 0;
        border-radius: 20px;
        background-color: #7A5540;
        background-size: 53px 120px;
        background-position-x: 6px
    }

    ul.m_ml li a span.m_ml_t {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-left: 36px;
        font-size: 14px;
        letter-spacing: -0.28px;
        line-height: 40px
    }

    ul.m_ml li a:hover span.m_ml_ic {
        background-position-x: -28px
    }

    ul.m_ml li::after {
        display: none
    }

    ul.m_ml li.m_ml1 a span.m_ml_ic {
        background-position-y: 5px
    }

    ul.m_ml li.m_ml2 a span.m_ml_ic {
        background-position-y: -30px
    }

    ul.m_ml li.m_ml3 a span.m_ml_ic {
        background-position-y: -66px
    }

    ul.m_ml li.m_ml4 a span.m_ml_ic {
        background-position-y: -97px
    }

    ul.m_ml li.m_ml1 a,ul.m_ml li.m_ml2 a {
        padding-bottom: 10px
    }

    ul.m_ml li.m_ml3 a,ul.m_ml li.m_ml4 a {
        padding-top: 10px;
        border-bottom: none
    }

    ul.m_ml li.m_ml3 a span.m_ml_ic,ul.m_ml li.m_ml4 a span.m_ml_ic {
        top: 10px
    }

    ul.m_ml li.m_ml2 a,ul.m_ml li.m_ml4 a {
        padding-left: 20px;
        border-right: none
    }

    ul.m_ml li.m_ml2 a span.m_ml_ic,ul.m_ml li.m_ml4 a span.m_ml_ic {
        left: 20px
    }

    .bs_slider {
        height: 552px
    }

    .bs_slider p.bs_title {
        top: 22px;
        left: 15px;
        margin-left: 0;
        font-size: 20px;
        letter-spacing: -0.4px
    }

    .bs_slider .s_inner {
        height: 552px
    }

    .bs_slider .img {
        right: -20%
    }

    .bs_slider .bs_page {
        top: 70px !important;
        left: 15px !important;
        width: 484px !important;
        margin-left: 0
    }

    .bs_slider .bs_page span.swiper-pagination-bullet {
        width: auto;
        margin: 0 6px 0 0;
        background-image: none !important
    }

    .bs_slider .bs_page span.swiper-pagination-bullet::after {
        display: block;
        width: 60px;
        height: 35px;
        padding: 0 9px;
        color: #C1B2AD;
        border-radius: 30px;
        border: 2px solid #4F3E36;
        box-sizing: border-box;
        font-size: 14px;
        font-weight: 700;
        line-height: 30px;
        text-align: center;
        letter-spacing: -0.32px
    }

    .bs_slider .bs_page span.swiper-pagination-bullet.swiper-pagination-bullet-active::after {
        background: #F7CA18;
        border: 2px solid #F7CA18;
        color: #4F3E36
    }

    .bs_slider .bs_page span.swiper-pagination-bullet:nth-child(1)::after {
        content: '전사'
    }

    .bs_slider .bs_page span.swiper-pagination-bullet:nth-child(2)::after {
        content: '도적'
    }

    .bs_slider .bs_page span.swiper-pagination-bullet:nth-child(3)::after {
        content: '마법사'
    }

    .bs_slider .bs_page span.swiper-pagination-bullet:nth-child(4)::after {
        content: '성직자'
    }

    .bs_slider .bs_page span.swiper-pagination-bullet:nth-child(5)::after {
        content: '무도가'
    }

    .bs_slider .txt {
        top: 110px
    }

    .bs_slider .txt h4 {
        font-size: 60px;
        letter-spacing: -1.2px
    }

    .bs_slider .txt ul.bs_rank_list {
        margin-top: 196px
    }

    .bs_slider .txt ul.bs_rank_list li {
        margin-bottom: 22px
    }

    .bs_slider .txt ul.bs_rank_list li:first-child {
        margin-bottom: 14px
    }

    .bs_slider .txt ul.bs_rank_list li:first-child span.bs_rank,.bs_slider .txt ul.bs_rank_list li:first-child span.bs_nick {
        font-size: 26px;
        letter-spacing: -0.52px
    }

    .bs_slider .txt ul.bs_rank_list li span.br_sv {
        width: 40px;
        height: 22px;
        margin: 0 10px 0;
        font-size: 12px;
        line-height: 22px;
        letter-spacing: -0.24px
    }

    .mi_2 {
        padding: 26px 16px 93px
    }

    .mi_2 h4.h4_s1 {
        margin-bottom: 0;
        font-size: 20px;
        letter-spacing: -0.4px
    }

    .mi_2 .cm_slider {
        margin-top: 28px
    }
}

@media (max-width: 629px) {
    .bs_slider {
        min-width:auto
    }

    .bs_slider .img {
        bottom: 160px;
        right: 50%;
        width: 660px;
        height: 344px;
        margin-right: -456px;
        background-size: 660px 344px
    }
}