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

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

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

#main_container>.inner {
    position: relative;
    max-width: 1200px;
    padding: 140px 16px 100px;
    margin: 0 auto;
	min-height:800px;
	
}

#main_container .sub_top {
    position: relative;
    background-repeat: no-repeat;
    background-position: center 0
}

.sub_top.sub_mypage,.sub_top.sub_sitemap {
    background-image: url('/img/sub_slide.png');
}

.sub_top.sub_news {
    background-image: url('/img/sub_slide.png');
}

.sub_top.sub_info {
    background-image: url('/img/sub_slide.png');
}

.sub_top.sub_honor {
    background-image: url('/img/sub_slide.png');
}

.sub_top.sub_community {
    background-image: url('/img/sub_slide.png');
}

.sub_top.sub_pds {
    background-image: url('/img/sub_slide.png');
}

.sub_top.sub_support {
    background-image: url('/img/sub_slide.png');
}

#main_container .sub_top .st_inner {
    position: relative;
    width: 1200px;
    height: 380px;
    padding: 0 30px;
    margin: 0 auto
}

#main_container .sub_top h2 {
    position: absolute;
    left: 30px;
    text-align: center;
    top: 151px;
    color: #fff;
    font-size: 54px;
    font-weight: 500;
    line-height: 78px
}

.ico {
    display: inline-block;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/spr_icon.png) no-repeat;
    background-size: 701px 152px
}

.ul_inner {
    max-width: 1200px
}

.uc_c {
    width: 368px
}

.uc_c a {
    width: 368px
}

.ul_info {
    width: 414px;
    margin: 0 23px
}

.ul_info p.ul_lg {
    margin: 18px 0 13px 0;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.48px
}

.ul_info .btn_lb a.btn_login {
    width: 130px;
    height: 44px
}

.ul_info .btn_lb a.btn_login span.lb_ic {
    margin: 15px 0 0 0
}

.ul_info .btn_lb a.btn_login span.lb_txt {
    line-height: 42px
}

.btn_gs button.game_start {
    width: 368px !imporant;
}

.gs_guide a.gs_btn1,.gs_guide a.gs_btn2 {
    width: 184px !imporant;
}

.ta_w {
    margin-bottom: 50px
}

.gi_visual {
    position: relative;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/gi_visual.jpg) no-repeat center 0
}

.gv_inner {
    padding: 98px 16px 165px
}

p.gv_title {
    margin-bottom: 50px;
    color: #E0E0E0;
    text-align: center;
    font-size: 26px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.52px
}

p.gv_title br:nth-child(1) {
    display: none
}

.gv_vw {
    max-width: 810px;
    margin: 0 auto
}

.gv_video {
    position: relative;
    height: 0;
    padding-top: calc(460 / 810 * 100%);
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/gi_video_frame.png) no-repeat;
    background-size: 100% auto
}

.gv_video .gv_border {
    position: absolute;
    max-width: 800px;
    max-height: 450px;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    margin: 0 auto
}

.gv_video .gv_border .gv_iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-top: calc(450 / 800 * 100%)
}

.gv_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

ul.gv_btn {
    margin-top: 35px;
    text-align: center;
    font-size: 0
}

ul.gv_btn li {
    display: inline-block;
    vertical-align: top
}

ul.gv_btn li a,ul.gv_btn li button {
    display: block;
    width: 260px;
    height: 70px;
    background-repeat: no-repeat;
    text-indent: -9999px
}

ul.gv_btn li a:hover,ul.gv_btn li button:hover {
    background-position-y: -90px
}

ul.gv_btn li.gv_l1 button {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/gv_btn1.png)
}

ul.gv_btn li.gv_l2 {
    margin: 0 15px
}

ul.gv_btn li.gv_l2 a {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/gv_btn2.png)
}

ul.gv_btn li.gv_l3 a {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/gv_btn3.png)
}

.gi_character {
    padding-top: 50px
}

ul.gi_c_list {
    overflow: hidden
}

ul.gi_c_list li {
    float: left;
    max-width: 380px;
    margin: 0 30px 30px 0
}

ul.gi_c_list li .gi_cimg img {
    display: block;
    width: 100%
}

ul.gi_c_list li .g_o {
    text-align: center
}

ul.gi_c_list li .g_o span {
    display: inline-block;
    vertical-align: top
}

ul.gi_c_list li .g_o span.go_ic {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 30px 30px
}

ul.gi_c_list li .g_o span.go_txt {
    display: inline-block;
    margin-top: 2px;
    color: #4F3E36;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.54px
}

ul.gi_c_list li p.gc_it {
    margin-top: 10px;
    color: #464646;
    text-align: center;
    font-size: 15px;
    font-weight: 400
}

ul.gi_c_list li .gi_ctxt {
    min-height: 169px;
    padding: 26px 0 16px 0;
    border-left: 1px solid #D0C3B4;
    border-right: 1px solid #D0C3B4;
    border-bottom: 1px solid #D0C3B4;
    box-sizing: border-box
}

ul.gi_c_list li.gi_c1 span.go_ic {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/go_ic1.png)
}

ul.gi_c_list li.gi_c2 span.go_ic {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/go_ic2.png)
}

ul.gi_c_list li.gi_c3 span.go_ic {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/go_ic3.png)
}

ul.gi_c_list li.gi_c4 span.go_ic {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/go_ic4.png)
}

ul.gi_c_list li.gi_c5 span.go_ic {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/go_ic5.png)
}

ul.gi_c_list li:nth-child(3n) {
    margin: 0 0 30px 0
}

table.table_a1 {
    width: 100%;
    border-top: 1px solid #D0C3B4;
    border-left: 1px solid #D0C3B4
}

table.table_a1 col.ta_w1 {
    width: 20%
}

table.table_a1 th {
    background: #F3F2F1;
    border-bottom: 1px solid #D0C3B4;
    border-right: 1px solid #D0C3B4;
    color: #4F3E36;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.54px
}

table.table_a1 td {
    padding: 19px 20px 9px;
    border-bottom: 1px solid #D0C3B4;
    border-right: 1px solid #D0C3B4
}

table.table_a1 td a {
    display: inline-block;
    height: 36px;
    padding: 0px 20px;
    margin: 0 2px 10px;
    border-radius: 2px;
    border: 1px solid #8E664E;
    color: #8E664E;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.32px
}

table.table_a1 td a:hover {
    text-decoration: underline
}

table.table_a1 td a.on {
    background: #8E664E;
    border: 1px solid #8E664E;
    color: #fff
}

.gi_type .bt_line {
    border-top: 1px solid #8E664E
}

.gi_guide_w {
    margin-top: 46px
}

.gg_tb {
    display: inline-block;
    height: 40px;
    padding: 0 28px;
    border-radius: 30px;
    background: #F3F2F1
}

.gg_tb p.gg_p {
    line-height: 40px
}

.gg_tb p.gg_p span {
    display: inline-block;
    vertical-align: top
}

.gg_tb p.gg_p span.gg_ic {
    width: 20px;
    height: 20px;
    margin: 11px 3px 0 0;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/gg_ic.png) no-repeat;
    background-size: 20px 20px
}

.gg_tb p.gg_p span.gg_t {
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.48px
}

p.gg_bt_t {
    margin-top: 15px
}

p.gg_bt_t span {
    display: inline-block;
    vertical-align: top
}

p.gg_bt_t span.gb_txt {
    color: #73716F;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin: 6px 8px 0 0
}

a.gt_btn {
    display: inline-block;
    vertical-align: top;
    height: 34px;
    padding: 0 22px 0 23px;
    border-radius: 2px;
    background: #8E664E
}

a.gt_btn span {
    display: inline-block
}

a.gt_btn span.gt_ic {
    width: 18px;
    height: 18px;
    margin: 7px 0 0 0;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/gt_ic.png) no-repeat;
    background-size: 18px 18px
}

a.gt_btn span.gb_t {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.32px
}

.mp_tb {
    height: 70px;
    margin-bottom: 40px;
    border-radius: 2px;
    background: #8E664E
}

.mp_tb p {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    line-height: 70px;
    letter-spacing: -1px
}

.sub_sitemap .mp_tb {
    display: none
}

.mp_b1 {
    margin-bottom: 40px;
    border: 1px solid #EDEAE6
}

.mb_t {
    height: 68px;
    padding: 0 20px;
    border-bottom: 1px solid #EDEAE6
}

.mb_t p {
    color: #55331F;
    font-size: 22px;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -0.44px
}

.mb1_ci {
    min-height: 83px
}

.mb1_ci p {
    padding: 20px 20px 0
}

.mb1_ci span.gc_guide {
    display: inline-block;
    margin: 6px 8px 0 0;
    color: #999;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

a.gc_btn {
    display: inline-block;
    vertical-align: top;
    height: 34px;
    padding: 0 22px 0 23px;
    border-radius: 2px;
    background: #8E664E
}

a.gc_btn span {
    display: inline-block
}

a.gc_btn span.gb_t {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.32px
}

a.gc_btn span.gb_ic {
    width: 7px;
    height: 13px;
    margin-left: 4px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/gb_ic.png) no-repeat;
    background-size: 7px 13px
}

.mp_b2 {
    margin-bottom: 40px;
    border: 1px solid #EDEAE6
}

.mp_b2 .mb2_ci {
    padding: 24px 20px 29px
}

.mp_b2 .mb2_ci ul.character_list li {
    padding: 24px 0 19px 0;
    border-bottom: 1px dashed #EDEAE6
}

.mp_b2 .mb2_ci ul.character_list li:last-child {
    padding: 24px 0 0 0;
    border-bottom: none
}

.mp_b2 .mb2_ci .character_info {
    height: auto;
    margin-top: 0;
    background: none
}

.mp_b2 .mb2_ci .character_info .ci_inner {
    overflow: hidden;
    padding: 0
}

.mp_b2 .mb2_ci .character_info .ci_inner .ci_i {
    top: 42px;
    margin: 0 15px 0 0
}

.mp_b2 .mb2_ci .character_info .ci_inner .ci_tu {
    margin: 0 0 0 81px
}

.mp_b2 .mb2_ci .character_info .ci_inner .ci_tu .c_info {
    overflow: hidden
}

.mp_b2 .mb2_ci .character_info .ci_inner .ci_tu .c_info>div {
    float: left
}

.mp_b2 .mb2_ci .character_info .ci_inner span.ci_cc {
    display: inline-block;
    height: 22px;
    padding: 3px 8px;
    margin-left: 12px;
    border-radius: 2px;
    border: 1px solid #D4C2AD;
    background: #fff;
    box-sizing: border-box;
    color: #8E664E;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: -0.24px
}

.mp_b2 .mb2_ci .character_info .ci_inner .ct_t {
    margin-top: 10px
}

.mp_b2 .mb2_ci .character_info .ci_inner textarea.textarea_s1 {
    overflow: hidden;
    white-space: nowrap;
    width: 560px;
    height: 34px;
    padding: 5px 2px 0px 5px;
    margin-right: 12px;
    border: 1px solid #EDEAE6;
    box-sizing: border-box;
    color: #282828;
    font-size: 15px;
    font-weight: 400;
    resize: none
}

p.ci_gt {
    margin-top: 10px;
    color: #282828;
    font-size: 15px;
    font-weight: 400
}

.bv_mainselect {
    position: relative;
    width: 100px
}

@media (max-width: 768px) {
    .bv_mainselect {
        border-left:0
    }
}

.bv_atual {
    width: 96px;
    height: 40px;
    line-height: 38px;
    color: #4c4c4c;
    font-weight: 500;
    font-size: 16px;
    padding-left: 12px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    cursor: pointer
}

@media (max-width: 768px) {
    .bv_atual {
        width:124px;
        border-left: 0;
        font-size: 14px
    }
}

.bv_background {
    background-color: #fff
}

.arrow {
    margin: 13px 12px 0 0;
    border: solid #aaa9a9;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    float: right;
    pointer-events: none
}

.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-top: 21px;
    transition: all .2s ease
}

.down {
    transition: all .2s ease;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.bv_ul_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.8);
    z-index: 10
}

.stop-scrolling {
    height: 100%;
    overflow: hidden
}

.bv_ul_inner {
    display: none;
    position: absolute;
    border: 1px solid #ddd;
    box-sizing: border-box;
    max-height: 400px;
    overflow-x: auto;
    z-index: 50
}

.bv_ul_inner li {
    padding: 12px 12px 10px 12px;
    color: #4c4c4c;
    font-size: 15px;
    cursor: pointer
}

@media (max-width: 768px) {
    .bv_ul_inner li {
        font-size:14px
    }
}

.bv_ul_inner li.bv_separator {
    display: none
}

@media (min-width: 1280px) {
    .bv_ul_inner li:not(.bv_separator):hover {
        background-color:#f9f9f9
    }
}

.sub_menu {
    position: relative;
    height: 70px;
    margin-bottom: 30px;
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden
}

@media (max-width: 768px) {
    .sub_menu {
        margin-top:0;
        border-top: 0;
        border-radius: 0;
        box-shadow: none
    }
}

.sub_menu .swiper-slide {
    position: relative;
    width: auto;
    margin-right: 3px;
    font-weight: 400;
    font-size: 16px;
    color: gray
}

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

.sub_menu .swiper-slide.active a {
    color: #fff;
    background-color: #8E664E
}

.sub_menu .swiper-slide.active::before {
    content: none
}

.sub_menu .swiper-slide a {
    display: block;
    height: 70px;
    background: #73716f;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 70px;
    letter-spacing: -1px
}

.sm_2 .swiper-slide a {
    width: 598px
}

.sm_4 .swiper-slide {
    margin-right: 4px
}

.sm_4 .swiper-slide a {
    width: 297px
}

.sm_5 .swiper-slide a {
    width: 230px
}

.sm_6 .swiper-slide a {
    width: 197px
}

span.ss_ic {
    display: inline-block;
    vertical-align: top;
    width: 19px;
    height: 19px;
    margin: 26px 0 0 7px;
    background-repeat: no-repeat;
    background-size: 19px 19px
}

span.ss_ic1 {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/ss_ic1.png)
}

.test_sb {
    position: relative;
    height: 203px;
    padding: 72px 46px 43px;
    margin-bottom: 40px;
    border: 4px solid #8E664E
}

.test_sb::before {
    display: block;
    content: '';
    position: absolute;
    top: 30px;
    right: 72px;
    width: 178px;
    height: 153px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/test_sb_img.png) no-repeat
}

.test_sb .ts_t p {
    color: #292929;
    font-size: 24px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.48px
}

.test_sb .ts_t p span.tst_c1 {
    color: #8E664E;
    font-weight: 500
}

.test_sb ul.ts_btn {
    display: flex;
    margin-top: 56px
}

.test_sb ul.ts_btn li {
    flex-grow: 1
}

.test_sb ul.ts_btn li a {
    display: block;
    height: 81px;
    background-repeat: no-repeat;
    background-size: auto 180px;
    background-position: center 0;
    text-indent: -9999px
}

.test_sb ul.ts_btn li a:hover {
    background-position: center -100px
}

.test_sb ul.ts_btn li.ts_b1 a {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/ts_b1.png)
}

.test_sb ul.ts_btn li.ts_b2 a {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/ts_b2.png)
}

.test_sb ul.ts_btn li.ts_b3 a {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/ts_b3.png)
}

.test_sb ul.ts_btn li.ts_b1 {
    margin-right: 13px
}

.test_sb ul.ts_btn li.ts_b3 {
    margin-left: 13px
}

.b_util {
    position: relative;
    margin-bottom: 25px
}

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

.b_tab {
    float: left;
    margin-top: 12px
}

.b_tab ul {
    overflow: hidden
}

.b_tab ul li {
    float: left;
    margin-right: 21px
}

.b_tab ul li a {
    display: block;
    padding-left: 20px;
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/b_tab_ic.png);
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: 7px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.54px;
    color: #8E664E
}

.b_tab ul li.active a {
    background-position-y: -29px;
    color: #DF7C35
}

.b_tab.nn_type ul {
    float: left
}

.nexon_notice {
    float: left;
    margin: -5px 0 0 0
}

a.nexon_notice_btn {
    display: block;
    padding: 0 24px;
    align-items: center;
    gap: 4px;
    height: 36px;
    background: #fff;
    border-radius: 20px;
    border: 1px solid #8E664E
}

a.nexon_notice_btn span.nn_tx {
    color: #8E664E;
    font-size: 18px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: -0.54px
}

a.nexon_notice_btn span.nn_ic {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    margin: 12px 0 0 2px;
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/nexon_notice_btn_ic.png);
    background-repeat: no-repeat;
    background-size: 14px 14px
}

a.nexon_notice_btn:hover {
    background: #8E664E;
    border: 1px solid #8E664E
}

a.nexon_notice_btn:hover span.nn_tx {
    color: #fff
}

a.nexon_notice_btn:hover span.nn_ic {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/nexon_notice_btn_on_ic.png)
}

.b_tab2 {
    float: left;
    margin-top: 12px
}

.b_tab2 ul {
    overflow: hidden
}

.b_tab2 ul li {
    float: left
}

.b_tab2 ul li a {
    display: block;
    position: relative;
    padding-left: 11px;
    margin-right: 16px;
    color: #AE8C78;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.32px
}

.b_tab2 ul li a::before {
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #AE8C78;
    border-radius: 100%
}

.b_tab2 ul li.active a {
    color: #583017
}

.b_tab2 ul li.active a::before {
    background: #583017
}

.b_tab_s2 {
    float: none;
    margin-top: 0
}

.bs_s_line {
    overflow: hidden;
    margin-top: 27px
}

ul.bs_tab {
    float: left
}

ul.bs_tab li {
    float: left
}

ul.bs_tab li a {
    display: block;
    width: 100px;
    height: 48px;
    border: 1px solid #8E664E;
    color: #8E664E;
    font-size: 14px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.28px;
    text-align: center
}

ul.bs_tab li a:hover {
    text-decoration: underline
}

ul.bs_tab li.on a {
    background: #8E664E;
    border: 1px solid #8E664E;
    color: #fff
}

ul.bs_tab li.on a:hover {
    text-decoration: none
}

.s_bb_w {
    float: right
}

.search {
    float: left
}

.search label {
    display: inline-block;
    width: 160px;
    height: 100%;
    background-color: #f0f0f0;
    font-weight: 400;
    font-size: 16px;
    line-height: 60px;
    color: #888;
    text-indent: 20px;
    margin-right: 2px;
    vertical-align: top
}

.search label::after {
    content: '';
    border: 2px solid #8e664e;
    border-width: 0 0 2px 2px;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    margin-left: 64px;
    margin-top: -8px;
    vertical-align: middle
}

.search .n_select {
    float: left;
    width: 98px;
    height: 48px;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    background: #F5F5F5
}

.search .n_select select {
    text-align: center;
    margin-top: 12px;
    color: #464646;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.48px;
	background:none;
}

.search input[type=text] {
    display: block;
    float: left;
    width: 268px;
    height: 50px;
    background-color: #f5f5f5;
    border: 1px solid #E0E0E0;
    vertical-align: top;
    font-weight: 400;
    font-size: 16px;
    line-height: 60px;
    color: #464646;
    padding: 0 15px;
    box-sizing: border-box;
    outline: 0
}

.search input[type=text]::-webkit-input-placeholder {
    color: #464646
}

.search input[type=text]::-moz-placeholder {
    color: #464646
}

.search input[type=text]:-ms-input-placeholder {
    color: #464646
}

.search input[type=text]::-ms-input-placeholder {
    color: #464646
}

.search input[type=text]::placeholder {
    color: #464646
}

:lang(en) .search input[type=text] {
    width: 410px
}

.search ::-webkit-input-placeholder {
    color: #888;
    font-size: 16px
}

.search ::-moz-placeholder {
    color: #888;
    font-size: 16px
}

.search :-ms-input-placeholder {
    color: #888;
    font-size: 16px
}

.search input:-moz-placeholder {
    color: #888;
    font-size: 16px
}

.btn_search {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: top;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/ico_search.png) no-repeat;
    text-indent: -100000px
}

.btn_search:hover {
    background-color: #AC6D50
}

.search .s_form {
    float: left
}

.search .s_form .bv_mainselect {
    float: left
}

.search .s_form .bv_mainselect .bv_atual {
    height: 50px;
    background: #f5f5f5;
    line-height: 48px
}

.search .s_form .bv_mainselect .bv_atual .arrow {
    margin: 19px 12px 0 0
}

.search .select_w {
    float: left;
    background: #f5f5f5
}

select#selSearch {
    min-width: 100px;
    height: 50px;
    padding: 0 12px;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

.search .s_form .search_box {
    float: left;
    margin: 0 4px
}

.search .sb_area {
    float: left;
    vertical-align: top
}

.search .sb_area a.btn_al {
    display: block;
    width: 100px;
    height: 50px;
    border-radius: 2px;
    background: #8E664E;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 50px;
    letter-spacing: -0.32px
}

.bb_line {
    float: left;
    margin-left: 1px;
    font-size: 0;
    text-align: right
}

.bb_line a {
    margin-left: 5px
}

.hr_util {
    overflow: hidden;
    margin-bottom: 20px
}

.hu_sbb,.hu_ib {
    float: left;
    height: 48px;
    margin-right: 16px;
    border-radius: 2px 0px 0px 2px;
    border: 1px solid #E0E0E0
}

.hu_sbb {
    width: 175px
}

.hu_sbb .hu_t {
    float: left;
    width: 61px;
    border-right: 1px solid #E0E0E0;
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -0.48px;
    text-align: center
}

.hu_sbb .hu_sb select {
    width: 113px;
    height: 48px;
    border: none;
    font-size: 16px;
    line-height: 48px
}

.hu_ib {
    width: 250px
}

.hu_ib .hu_t {
    position: relative;
    float: left;
    width: 74px;
    padding-left: 18px;
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -0.48px
}

.hu_ib .hu_t::after {
    display: block;
    content: '';
    position: absolute;
    top: 18px;
    right: 0px;
    width: 2px;
    height: 14px;
    background: #8E664E
}

.hu_ib input {
    float: left;
    width: 138px;
    height: 48px;
    padding: 0 10px;
    line-height: 48px
}

.hu_ib2 {
    width: 198px
}

.hu_ib2 .hu_t {
    width: 49px
}

.hu_ib2 input {
    width: 54px
}

.hu_ib2 span.hu2_num {
    display: inline-block;
    vertical-align: top;
    margin: 17px 0 0 0;
    color: #999;
    text-align: right;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: -0.24px
}

.hu_sb {
    position: relative;
    float: left
}

button.search_bt1 {
    display: inline-block;
    width: 98px;
    height: 50px;
    border-radius: 2px;
    background: #8E664E
}

button.search_bt1 span {
    display: inline-block;
    vertical-align: top
}

button.search_bt1 span.sb1_ic {
    width: 20px;
    height: 20px;
    margin: 3px 2px 0 0;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/s1_ic.png) no-repeat;
    background-size: 20px 20px
}

button.search_bt1 span.sb1_t {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.54px
}

button.btn_st1 {
    display: inline-block;
    height: 50px;
    padding: 0 20px;
    border-radius: 2px;
    background: #8E664E;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.54px
}

.tb_slider_line,.cn_slider_line {
    background: #f3f2f1
}

.tsl_inner,.csl_inner {
    max-width: 1200px;
    padding: 140px 16px 47px;
    margin: 0 auto
}

#main_container .tb_slider_line+.h_rank {
    padding: 1px 16px 100px 16px
}

.hr_tb_w h4.h4_s1 {
    margin-bottom: 8px
}

p.tb_gt {
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

ul.hr_gl {
    margin: 44px 0 28px 0
}

ul.hr_gl li {
    padding-left: 13px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/list_ic3.png) no-repeat left 8px;
    background-size: 5px 5px;
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.32px
}

.hr_ci {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: -1px 7px 0 0;
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/hr_ic.png);
    background-repeat: no-repeat;
    background-size: 26px 169px
}

.hr_ci.hr_ci2 {
    background-position-y: -35px
}

.hr_ci.hr_ci3 {
    background-position-y: -73px
}

.hr_ci.hr_ci4 {
    background-position-y: -108px
}

.hr_ci.hr_ci5 {
    background-position-y: -144px
}

.tb_slider {
    margin-top: 20px;
    border: 2px solid #b5937c;
    border-radius: 2px
}

.tb_slider .swiper-slide {
    width: 239px
}

.tb_slider .swiper-slide:last-child ul.tb_list li {
    border-right: none
}

ul.bs_tab_2 {
    overflow: hidden;
    margin-bottom: 20px;
    border-bottom: 1px solid #8e664e
}

ul.bs_tab_2 li {
    float: left
}

ul.bs_tab_2 li a {
    display: block;
    width: 100px;
    height: 48px;
    border: 1px solid #8E664E;
    border-bottom: none;
    color: #8E664E;
    font-size: 14px;
    font-weight: 700;
    line-height: 50px;
    letter-spacing: -0.28px;
    text-align: center
}

ul.bs_tab_2 li a:hover {
    text-decoration: underline
}

ul.bs_tab_2 li.on a {
    background: #8E664E;
    border: 1px solid #8E664E;
    border-bottom: none;
    color: #fff
}

ul.bs_tab_2 li.on a:hover {
    text-decoration: none
}

ul.tb_list {
    width: 239px
}

ul.tb_list li {
    height: 53px;
    background: #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #F3F2F1;
    box-sizing: border-box
}

ul.tb_list li>span {
    display: inline-block;
    vertical-align: top
}

ul.tb_list li span.tl_rank {
    color: #8E664E;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.28px
}

ul.tb_list li span.tl_rank span.tr_num {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.36px
}

ul.tb_list li span.ci_n {
    color: #55331F;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.3px
}

ul.tb_list li.tl_top_honor {
    position: relative;
    height: 235px;
    padding-top: 17px;
    background: #f3f2f1;
    border-right: 1px solid #fff
}

ul.tb_list li.tl_top_honor .th_tl,ul.tb_list li.tl_top_honor .tl_ci {
    text-align: center
}

ul.tb_list li.tl_top_honor .tl_ci {
    margin: 5px 0 0 0
}

ul.tb_list li.tl_top_honor .hr_ci {
    width: 30px;
    height: 30px;
    margin: 2px 7px 0 0;
    background-size: 30px 195px
}

ul.tb_list li.tl_top_honor .hr_ci.hr_ci2 {
    background-position-y: -41px
}

ul.tb_list li.tl_top_honor .hr_ci.hr_ci3 {
    background-position-y: -85px
}

ul.tb_list li.tl_top_honor .hr_ci.hr_ci4 {
    background-position-y: -125px
}

ul.tb_list li.tl_top_honor .hr_ci.hr_ci5 {
    background-position-y: -166px
}

ul.tb_list li.tl_top_honor span.hr_ts {
    display: inline-block;
    vertical-align: top;
    color: #6D4A36;
    font-size: 23px;
    font-weight: 700
}

ul.tb_list li.tl_top_honor .th_cimg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 240px;
    height: 160px;
    background-repeat: no-repeat;
    background-size: 240px 160px
}

ul.tb_list li.tl_top_honor .th_cimg1 {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/th_cimg1.png)
}

ul.tb_list li.tl_top_honor .th_cimg2 {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/th_cimg2.png)
}

ul.tb_list li.tl_top_honor .th_cimg3 {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/th_cimg3.png)
}

ul.tb_list li.tl_top_honor .th_cimg4 {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/th_cimg4.png)
}

ul.tb_list li.tl_top_honor .th_cimg5 {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/th_cimg5.png)
}

ul.tb_list li.tl_nor {
    padding: 16px 0 0 24px;
    border-right: 1px solid #F3F2F1
}

ul.tb_list li.tl_nor .u_sv {
    width: 38px;
    height: 20px;
    margin: 0 3px 0;
    font-size: 12px;
    line-height: 20px
}

table.table_s1 {
    width: 100%;
    margin-bottom: 40px;
    border-top: 1px solid #D0C3B4;
    border-left: 1px solid #D0C3B4
}

table.table_s1 col.ts_w1 {
    width: 25%
}

table.table_s1 col.ts_w2,table.table_s1 col.ts_w3 {
    width: 20%
}

table.table_s1 col.ts2_w1 {
    width: 16.5%
}

table.table_s1 col.ts2_w2,table.table_s1 col.ts2_w5 {
    width: 10%
}

table.table_s1 col.ts2_w3 {
    width: 19.1%
}

table.table_s1 col.ts2_w4 {
    width: 16.6%
}

table.table_s1 col.ts2_w6 {
    width: 13.3%
}

table.table_s1 col.ts3_w1 {
    width: 19%
}

table.table_s1 col.ts3_w2,table.table_s1 col.ts3_w3 {
    width: 14.5%
}

table.table_s1 col.ts3_w4 {
    width: 20.8%
}

table.table_s1 col.ts3_w5 {
    width: 14.1%
}

table.table_s1 col.ts4_w2,table.table_s1 col.ts4_w3 {
    width: 40%
}

table.table_s1 tr.select td {
    background: #FFD59F
}

table.table_s1 th {
    height: 48px;
    background: #F3F2F1;
    border-right: 1px solid #D0C3B4;
    border-bottom: 1px solid #D0C3B4;
    color: #4F3E36;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.32px
}

table.table_s1 td {
    height: 49px;
    border-right: 1px solid #D0C3B4;
    border-bottom: 1px solid #D0C3B4;
    text-align: center;
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

table.table_s1 td p {
    display: inline-block;
    vertical-align: top
}

table.table_s1 td p.hr_rank {
    min-width: 30px;
    color: #464646;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.32px
}

table.table_s1 td p.hr_fb {
    width: 60px
}

table.table_s1 td span {
    display: inline-block;
    vertical-align: top
}

table.table_s1 td span.hr_new {
    color: #8EBB64
}

table.table_s1 td span.hr_new,table.table_s1 td span.hr_num {
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.32px
}

table.table_s1 td span.hr_nc,table.table_s1 td span.hr_up,table.table_s1 td span.hr_down {
    width: 9px;
    height: 10px;
    margin: 6px 0 0 0;
    background-repeat: no-repeat;
    background-size: 9px 10px
}

table.table_s1 td span.hr_nc {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/hr_nc.png)
}

table.table_s1 td span.hr_up {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/hr_up.png)
}

table.table_s1 td span.hr_up+.hr_num {
    color: #FF5A00
}

table.table_s1 td span.hr_down {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/hr_down.png)
}

table.table_s1 td span.hr_down+.hr_num {
    color: #6486BB
}

table.table_s1 td span.hr_ct {
    width: 48px;
    text-align: left
}

table.table_s1:last-child {
    margin-bottom: 0
}

.view_subject {
    display: inline-block;
    position: relative;
    margin: 24px 0 0 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.3px;
    word-break: keep-all;
    color: #4d4d4d
}

.view_head {
    min-height: 101px;
    padding: 0 20px 28px;
    border-top: 1px solid #8e664e;
    border-bottom: 1px solid #e3d9c3
}

.view_tl .bc_type1,.view_tl .bc_type2,.view_tl .bc_type3 {
    vertical-align: top;
    margin: 24px 5px 0 0
}

.sv_b {
    display: inline-block;
    vertical-align: top;
    margin: 26px 7px 0 0
}

.sv_b span {
    display: block;
    float: left;
    text-align: center;
    line-height: 34px
}

.sv_b span.sv_t1 {
    box-sizing: border-box;
    width: 170px;
    height: 36px;
    border: 1px solid #8E664E;
    border-right: none;
    border-radius: 30px 0px 0px 30px;
    color: #8E664E;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.32px
}

.sv_b span.sv_t2 {
    width: 53px;
    height: 36px;
    background: #8E664E;
    border-radius: 0px 30px 30px 0px;
    color: #fff
}

.view_util {
    position: relative;
    margin-top: 14px;
    text-align: left
}

.view_util span {
    position: relative;
    color: #8e664e;
    font-weight: 400
}

.view_util .date {
    margin-top: 0;
    border: 0
}

.view_util .user {
    margin-right: 0 !important;
    float: right
}

.board_wrap .view_util span {
    text-align: left;
    margin-right: 11px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.48px
}

.subject {
    position: relative;
    width: 100%;
    border-top: 1px solid #8e664e;
    border-bottom: 1px solid #d0c3b4;
    height: 94px;
    padding: 10px 40px;
    box-sizing: border-box
}

.subject input[type=text] {
    background: 0 0;
    border: 0;
    width: 100%;
    height: 100%;
    display: block;
    font-weight: 400;
    font-size: 24px;
    color: #4d4d4d;
    outline: 0
}

.subject::before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    left: 0;
    top: -3px;
    background-color: #8e664e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.subject::after {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    right: 0;
    top: -3px;
    background-color: #8e664e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.editor {
    position: relative;
    border-bottom: 1px solid #d0c3b4;
    min-height: 650px;
    box-sizing: border-box
}

.bt_line {
    position: relative;
    border-bottom: 1px solid #8e664e;
    padding: 48px 0 34px;
    color: #4d4d4d;
    font-weight: 400
}

.bt_line .character_info .ci_inner {
    padding: 42px 0 0 0
}

.bt_line .character_info .ci_inner .ci_i {
    top: 42px
}

.bt_line .character_info .ci_inner .ci_tu p.ct_t {
    margin-top: 5px;
    color: #282828;
    font-size: 15px;
    font-weight: 400
}

.bt_line .character_info .ci_inner .ci_admin {
    width: 122px;
    height: 32px;
    margin: 13px 0 0 30px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/ci_admin.png) no-repeat;
    background-size: 122px 32px
}

ul.tag_list {
    margin-bottom: 20px
}

ul.tag_list li {
    display: inline-block;
    margin-right: 9px;
    color: #8E664E;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.32px
}

.board_text {
    position: relative;
    overflow: hidden;
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
    padding: 0 25px;
    margin-bottom: 50px;
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.48px
}

.board_text img {
    max-width: 100%;
    height: auto !important
}

.board_text a,.board_text i,.board_text span {
    font-family: inherit
}

.board_text table {
    max-width: 100%;
    border-collapse: separate !important
}

.board_text strong {
    font-weight: 700;
    font-family: inherit
}

.board_text a:hover {
    text-decoration: underline
}

.board_text * {
    font-family: inherit !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 400
}

.board_text a * {
    color: inherit !important;
    text-decoration: underline
}

ul.vt_sns {
    margin-top: 76px;
    text-align: center;
    font-size: 0
}

ul.vt_sns li {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px
}

ul.vt_sns li a {
    display: block;
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
    background-repeat: no-repeat
}

ul.vt_sns li.vt_s1 a {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/vt_s1.png)
}

ul.vt_sns li.vt_s2 a {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/vt_s2.png)
}

ul.vt_sns li.vt_s3 a {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/vt_s3.png)
}

ul.vt_sns li.vt_s4 a {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/vt_s4.png)
}

.bb_area {
    overflow: hidden;
    margin-top: 26px;
    text-align: right;
}

.bb_al {
    float: left
}

.bb_ar {
    float: right
}

.bb_ar a {
    margin-left: 5px
}

.comment_wrap {
    position: relative;
    width: 100%;
    margin-top: 60px
}

.comment_wrap .paging {
    text-align: center
}

.cmt_write {
    position: relative;
    height: 90px;
    background-color: #F3F2F1;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    padding: 9px 20px;
    margin-bottom: 64px;
    box-sizing: border-box
}

.btn_cmt {
    position: absolute;
    background-color: #8e664e;
    width: 140px;
    height: 50px;
    top: 19px;
    right: 19px;
    border-radius: 2px;
    color: #8e664e;
    font-size: 18px
}

.btn_cmt:hover {
    background-color: #ac6d50;
    color: #ac6d50
}

.btn_cmt::before {
    content: '댓글 등록';
    position: absolute;
    top: 11px;
    font-size: 18px;
    color: #fff;
    left: 0;
    right: 0
}

.cmt_write textarea::-webkit-input-placeholder {
    display: block;
    background: 0 0;
    width: 860px;
    height: 100%;
    line-height: 30px;
    color: #777;
    font-size: 16px;
    font-weight: 400;
    resize: none;
    outline: 0
}

.cmt_write textarea::-moz-placeholder {
    display: block;
    background: 0 0;
    width: 860px;
    height: 100%;
    line-height: 30px;
    color: #777;
    font-size: 16px;
    font-weight: 400;
    resize: none;
    outline: 0
}

.cmt_write textarea:-ms-input-placeholder {
    display: block;
    background: 0 0;
    width: 860px;
    height: 100%;
    line-height: 30px;
    color: #777;
    font-size: 16px;
    font-weight: 400;
    resize: none;
    outline: 0
}

.cmt_write textarea::-ms-input-placeholder {
    display: block;
    background: 0 0;
    width: 860px;
    height: 100%;
    line-height: 30px;
    color: #777;
    font-size: 16px;
    font-weight: 400;
    resize: none;
    outline: 0
}

.cmt_write textarea,.cmt_write textarea::placeholder {
    display: block;
    background: 0 0;
    width: 860px;
    height: 100%;
    line-height: 30px;
    color: #777;
    font-size: 16px;
    font-weight: 400;
    resize: none;
    outline: 0
}

.word {
    position: absolute;
    right: 226px;
    top: 33px;
    font-weight: 400;
    font-size: 15px;
    text-align: center;
    color: #999;
    z-index: 1
}

.word span {
    color: #000
}

.cmt_all {
    position: absolute;
    top: -34px;
    left: 10px
}

.cmt_all span {
    padding-left: 23px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/cmt_all.png) no-repeat left 1px;
    background-size: 20px 21px;
    color: #73716F;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px
}

.cmt_list {
    position: relative;
    margin-bottom: 25px
}

.cmt_list li {
    border-bottom: 1px solid #edeae6;
    padding: 25px 20px;
    position: relative
}

.cmt_list li span {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.cmt_list li a span,.cmt_list li span span {
    vertical-align: top
}

.cmt_list li span.sv_n {
    display: inline-block;
    width: 54px;
    height: 26px;
    margin-right: 5px;
    border-radius: 16px;
    background: #8E664E;
    color: #FFF4E2;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.42px
}

.cmt_list li a {
    position: absolute;
    width: 22px;
    height: 22px;
    right: 0;
    top: 27px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/cmt_list_delete.png) no-repeat;
    background-size: 22px 22px;
    text-indent: -100000px;
    overflow: hidden
}

.comment_wrap .user {
    margin-top: -1px;
    color: #464646;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: -0.54px
}

.comment_wrap .date {
    margin: 2px 0 0 7px;
    color: #8E664E;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

.comment_wrap .date::before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    margin: 3px 5px 0 0;
    background: url(https://lwi.nexon.com/lod/renewal/brand/time_ic.png) no-repeat;
    background-size: 16px 16px
}

.comment_wrap .con {
    display: block;
    width: 1100px;
    margin-top: 30px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #4d4d4d
}

.view_aside {
    margin-top: 47px;
    border-top: 1px solid #E3D9C3
}

.view_aside>a {
    display: block;
    position: relative;
    height: 64px;
    padding: 0 28px;
    border-bottom: 1px solid #E3D9C3
}

.view_aside>a>span,.view_aside>a .vat_line>span {
    display: inline-block;
    vertical-align: top;
    color: #8E664E;
    font-size: 18px;
    font-weight: 500;
    line-height: 64px;
    letter-spacing: -0.54px
}

.view_aside>a .vat_line span.va_at {
    padding-right: 22px;
    margin-right: 4px;
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/va_ic.png);
    background-repeat: no-repeat;
    background-position: right 33px;
    background-size: 15px 3px
}

.view_aside>a .vat_line span.tit {
    position: relative
}

.view_aside>a .vat_line span.tit .bc_type1,.view_aside>a .vat_line span.tit .bc_type2,.view_aside>a .vat_line span.tit .bc_type3 {
    margin: 14px 6px 0 0
}

.view_aside>a .vat_line span.tit span.tit_t {
    color: #464646;
    font-weight: 400;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.54px
}

.view_aside>a .vat_line .new {
    margin: 22px 0 0 2px
}

.view_aside>a .time {
    position: absolute;
    top: 0;
    right: 28px;
    font-size: 16px;
    font-weight: 400
}

.view_aside>a .time::before {
    display: inline-block;
    content: '';
    vertical-align: top;
    margin: 26px 4px 0 0;
    background: url(https://lwi.nexon.com/lod/renewal/brand/time_ic.png) no-repeat;
    background-size: 14px 14px;
    width: 14px;
    height: 14px
}

.board_list,.board_wrap {
    position: relative;
    width: 100%;
    height: auto
}

.board_wrap .bug_noti {
    position: absolute;
    left: 10px;
    top: -40px;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #8e664e
}

.board_wrap .bug_noti::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 20px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/spr_icon.png) -79px -132px no-repeat;
    background-size: 701px 152px;
    vertical-align: middle;
    margin-right: 7px;
    margin-top: -2px
}

.board_list ul {
    position: relative;
    border-top: 1px solid #8e664e
}

.board_list li {
    position: relative;
    border-bottom: 1px solid #8E664E;
    box-sizing: border-box
}

.board_list li.fix_type1 {
    background: #FCFAF3
}

.board_list li>a {
    display: inline-block;
    vertical-align: top;
    height: 96px;
    padding: 0 38px 0 26px
}

.board_list li a span,.board_list li span span {
    vertical-align: top
}

ul.community_s1 li>a {
    width: 664px
}

ul.community_s1 li>a .tit {
    max-width: 510px
}

.board_list ul.cashshop_s1 li>a {
    width: 890px
}

.board_wrap li a:hover .cmt,.board_wrap li a:hover .tit {
    text-decoration: underline
}

.board_wrap li.no_data {
    color: #464646;
    text-align: center;
    padding: 221px 0;
    border-color: #8e664e;
    height: auto;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.48px
}

.board_wrap li.no_data strong {
    font-weight: 300;
    color: #8e664e
}

.board_wrap li.no_data span {
    display: block;
    font-size: 18px;
    line-height: 36px;
    color: #4d4d4d;
    font-weight: 300
}

.board_list li a .bc_type1,.board_list li a .bc_type2,.board_list li a .bc_type3 {
    margin: 31px 6px 0 0
}

.board_wrap .timeline {
    width: 220px
}

.board_wrap .date {
    font-size: 16px;
    width: 140px;
    margin-top: -5px;
    border-top: 1px solid #fff;
    text-align: center
}

.board_wrap .date::before {
    content: '';
    display: inline-block;
    width: 17px;
    height: 18px;
    margin: 4px 5px 0 0;
    vertical-align: top;
    background: url(https://lwi.nexon.com/lod/renewal/brand/date_ic.png) no-repeat;
    background-size: 17px 18px
}

.board_wrap .time {
    font-size: 14px;
    width: 60px;
    letter-spacing: -0.3px
}

.board_wrap .time::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(https://lwi.nexon.com/lod/renewal/brand/time_ic.png) no-repeat;
    background-size: 14px 14px
}

.board_wrap .tit {
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    line-height: 96px;
    letter-spacing: -0.3px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #4d4d4d
}

span.s_ts {
    color: #820000
}

.cmt {
    display: inline-block;
    padding-left: 20px;
    margin: 39px 0 0 11px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/cmt_ic.png) no-repeat left 4px;
    background-size: 15px 15px;
    color: #8E664E;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.board_wrap .user {
    display: inline-block;
    font-size: 16px;
    width: 210px
}

.board_wrap .user.master {
    display: inline-block;
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/master.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 122px 32px;
    line-height: 96px;
    text-indent: -1000000px
}

.board_wrap .user img,.comment_wrap .user img {
    vertical-align: middle
}

.board_list li .user .u_sv {
    margin: 36px 0 0 0
}

.board_wrap .user.master::before,.comment_wrap .user.master::before {
    text-indent: 0
}

.board_wrap .like {
    width: 100px;
    font-size: 14px
}

.board_wrap li .view,.board_wrap li .user,.board_wrap li .time {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 96px;
    color: #8E664E
}

.board_wrap .view::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 12px;
    margin-top: -2px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/spr_icon.png) -45px -62px no-repeat;
    background-size: 701px 152px
}

.board_wrap .img {
    width: 18px;
    height: 18px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/spr_icon.png) -149px -59px no-repeat;
    background-size: 701px 152px;
    vertical-align: middle;
    margin-left: 7px;
    margin-top: 34px
}

.board_wrap .cate li {
    position: relative
}

.board_wrap .cate li .timeline {
    width: 250px
}

.board_wrap .cate li .timeline .date {
    width: 160px
}

:lang(en) .board_wrap .cate li .timeline .date {
    width: 220px;
    text-align: left
}

:lang(en) .board_wrap .cate li .timeline::before {
    content: '';
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 22px;
    vertical-align: top;
    background: #d0c3b4;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: 40px
}

.board_wrap li .time {
    position: absolute;
    top: 0;
    right: 38px;
    width: 110px;
    text-align: right
}

.board_wrap .cate li a {
    display: inline-block
}

.board_wrap .cate li a .tit,.board_wrap .cashshop_s1 li a .tit {
    max-width: 870px
}

:lang(en) .board_wrap .cate li a {
    padding-left: 40px;
    width: 880px
}

.bc_type1,.bc_type2,.bc_type3 {
    display: inline-block;
    vertical-align: top;
    z-index: 1;
    height: 34px;
    padding: 0 25px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 34px;
    letter-spacing: -0.32px
}

.bc_type1 {
    border: 1px solid #8E664E;
    color: #8E664E
}

.bc_type2 {
    border: 1px solid #DF7C35;
    color: #DF7C35
}

.bc_type3 {
    border: 1px solid #C0C0C0;
    color: #C0C0C0
}

.bw_tline {
    position: relative;
    margin-bottom: 30px;
    text-align: center
}

.bw_tline::after {
    display: block;
    content: '';
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    z-index: -1;
    height: 1px;
    background: #8E664E
}

.bw_tc {
    display: inline-block;
    width: 280px;
    height: 48px;
    background: #fff;
    border-radius: 50px;
    border: 1px solid #8E664E
}

.bw_tc span {
    color: #8E664E;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: -0.54px
}

.bw_tc span.bw_ic {
    display: inline-block;
    vertical-align: top;
    width: 25px;
    height: 25px;
    margin: 12px 0 0 0;
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/bw_ic.png);
    background-repeat: no-repeat;
    background-size: 25px 121px
}

.bw_tc span.bw_ic.bw_ic1 {
    background-position-y: 1px
}

.bw_tc span.bw_ic.bw_ic2 {
    background-position-y: -49px
}

.bw_tc span.bw_ic.bw_ic3 {
    background-position-y: -99px
}

.bw_tc span.bt_on {
    color: #BB9364
}

.bw_t {
    padding-right: 22px;
    margin-bottom: 26px
}

.bw_t input {
    width: 100%;
    padding: 0 10px;
    color: #464646;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.48px
}

.bw_m_img_line {
    position: relative;
    margin-bottom: 30px
}

.bw_m_img_line p.m_img_t {
    position: absolute;
    top: 3px;
    left: 0;
    padding-right: 15px;
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

.bw_m_img_line p.m_img_t::after {
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    content: '';
    width: 1px;
    height: 14px;
    background: #E0E0E0
}

.bw_m_img_line .filebox {
    margin: -12px 0 0 143px
}

.bw_m_img_line .filebox span.file_name {
    color: #999
}

.bw_m_img_line p.m_img_guide {
    margin: 9px 0 0 143px;
    color: #999;
    font-size: 15px;
    font-weight: 400
}

.board_wrap .editor {
    position: relative;
    box-sizing: border-box
}

.edFSec03 a {
    background-position-y: 0 !important
}

.w_hashtag {
    overflow: hidden;
    padding: 10px 0 23px 12px
}

p.wh_t,ul.wh_list li input {
    color: #8E664E;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.32px;
    line-height: 34px
}

p.wh_t {
    float: left;
    width: 78px
}

ul.wh_list {
    float: left
}

ul.wh_list li {
    float: left;
    margin-right: 10px
}

ul.wh_list li input {
    display: block;
    width: 212px;
    height: 36px;
    padding: 0 10px;
    border-radius: 2px;
    border: 1px solid #EDEAE6;
    background: #fff;
    box-sizing: border-box;
    text-align: center
}

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

.media_list,.media_wrap {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 60px
}

.media_list {
    border-top: 1px solid #8e664e
}

.media_list ul {
    position: relative;
    overflow: hidden;
    padding-top: 29px;
    border-bottom: 1px solid #8e664e
}

.media_list li {
    float: left;
    margin: 0 30px 40px 0;
    width: 380px
}

.media_list li a {
    display: block
}

.media_list li a:hover .thumb {
    background-size: 130% 130%;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
    transition: all 0.5s ease-in-out
}

.media_list li a:hover .thumb img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    transition: all 0.4s ease-in-out
}

.media_list li a:hover .tit {
    text-decoration: underline
}

.media_list li:nth-child(3n) {
    margin: 0 0 30px 0
}

.media_list li.no_data {
    float: none;
    max-width: 100%;
    width: auto;
    margin-top: 0;
    font-size: 36px;
    color: #4d4d4d;
    text-align: center;
    padding: 190px 0;
    border-color: #8e664e;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

.media_list li.no_data strong {
    font-weight: 300;
    color: #8e664e
}

.media_list li.no_data span {
    display: block;
    font-size: 18px;
    line-height: 36px;
    color: #4d4d4d;
    font-weight: 300
}

.media_list li .thumb {
    overflow: hidden;
    position: relative;
    width: 380px;
    height: 213px;
    border: 1px solid #E0E0E0
}

.media_list li .thumb img {
    display: block;
    width: 100%;
    height: 100%
}

.media_list li .t_util {
    height: 65px;
    padding: 0 15px;
    text-align: center
}

.media_list li span.screenshot {
    color: #47a594
}

.media_list li span.movie {
    color: #6d6bd9
}

.media_list li span {
    display: inline-block;
    color: #8e664e;
    font-weight: 400;
    vertical-align: top
}

.media_list .tit {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: calc(100% - 40px);
    margin-top: 19px;
    color: #282828;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.54px
}

.media_list .new {
    width: 18px;
    height: 18px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/new.png) no-repeat;
    background-size: 18px 18px;
    vertical-align: top;
    margin-left: 3px;
    margin-top: 22px;
    font-size: 0
}

.media_list .user {
    color: #8e664e;
    height: 22px
}

.media_list .user .u_n {
    color: #282828;
    line-height: 22px;
    font-size: 16px;
    font-weight: 400
}

.media_list .info {
    border-top: 1px solid #edeae6;
    padding-top: 6px
}

.media_list .info {
    text-align: center
}

.media_list .info span.timeline {
    display: block;
    padding: 0 10px
}

.media_list .info span.timeline span.date {
    padding-left: 26px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/fp_st_ic.png) no-repeat left 3px;
    background-size: 17px 18px
}

.media_list .info span {
    height: 22px;
    line-height: 22px
}

.media_list .date {
    color: #8E664E;
    font-size: 14px;
    font-weight: 400
}

.media_list .fp_st {
    color: #8E664E;
    font-size: 14px;
    font-weight: 400
}

.media_list .time {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400
}

.media_list .time::before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/spr_icon.png) 0 -61px no-repeat;
    background-size: 701px 152px;
    margin-top: -2px
}

.media_list .like {
    margin-left: 10px;
    font-size: 14px
}

.media_list .view {
    margin-left: 10px;
    font-size: 14px
}

.media_list .view::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 12px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/spr_icon.png) -45px -62px no-repeat;
    background-size: 701px 152px
}

.ml_s2 .t_util {
    display: flex;
    align-items: center;
    text-align: left
}

.ml_s2 .tit {
    max-width: calc(100% - 90px);
    margin-top: -1px;
    line-height: 24px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ml_s2 .new {
    margin-top: 0;
    margin-left: 6px
}

.ml_s2 .cmt {
    margin: 0 0 0 5px
}

.ml_s2 .info {
    padding: 11px 0 0;
    text-align: left
}

.ml_ev .tit {
    max-width: calc(100% - 93px)
}

.ml_ev .cmt {
    margin: 21px 0 0 3px
}

.select_media {
    position: relative;
    margin: 26px 0 0 40px;
    z-index: 100
}

.select_media .jquery-selectbox,.select_media .jquery-selectbox .jquery-selectbox-list {
    background-color: #f8f8f8
}

.select_media+.editor {
    top: -40px
}

.media_wrap .search {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0;
    height: 60px
}

.media_wrap .search form {
    display: inline-block
}

.media_wrap .search label {
    display: inline-block;
    width: 160px;
    height: 100%;
    background-color: #f0f0f0;
    font-weight: 400;
    font-size: 16px;
    line-height: 60px;
    color: #888;
    text-indent: 20px;
    margin-right: 2px;
    vertical-align: top
}

.media_wrap .search label::after {
    content: '';
    border: 2px solid #8e664e;
    border-width: 0 0 2px 2px;
    width: 7px;
    height: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: inline-block;
    margin-left: 64px;
    margin-top: -8px;
    vertical-align: middle
}

.media_wrap .search input[type=text] {
    display: inline-block;
    width: 268px;
    height: 60px;
    background-color: #f0f0f0;
    vertical-align: top;
    font-weight: 400;
    font-size: 16px;
    line-height: 60px;
    color: #888;
    text-indent: 30px;
    padding-right: 20px;
    box-sizing: border-box;
    outline: 0
}

.media_wrap .search ::-webkit-input-placeholder {
    color: #888;
    font-size: 16px
}

.media_wrap .search ::-moz-placeholder {
    color: #888;
    font-size: 16px
}

.media_wrap .search :-ms-input-placeholder {
    color: #888;
    font-size: 16px
}

.media_wrap .search input:-moz-placeholder {
    color: #888;
    font-size: 16px
}

.media_wrap .btn_search {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    vertical-align: top;
    background: #f0f0f0 url(https://lwi.nexon.com/lod/renewal/brand/sub/spr_icon.png) -292px -38px no-repeat;
    background-size: 701px 152px;
    text-indent: -100000px
}

.media_wrap .btn_search::before {
    position: absolute;
    left: -40px;
    top: 27px;
    content: '';
    width: 5px;
    height: 5px;
    margin-right: 22px;
    vertical-align: middle;
    background: #d0c3b4;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: 34px
}

.media_wrap .search .btn_area {
    display: inline-block;
    width: auto;
    margin: 0;
    vertical-align: top
}

.paging {
    position: relative;
    height: 48px;
    margin-top: 37px;
    font-size: 0;
    text-align: center;
	display: flex;
    justify-content: center;
}

.paging>a {
    position: relative;
    width: 36px;
    height: 48px;
    display: inline-block;
    text-indent: -100000px;
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/spr_icon.png);
    background-repeat: no-repeat;
    background-size: 701px 152px;
    background-position: 0 16px
}

.paging .btn_first {
    background-position-x: -287px
}

.paging .btn_prev {
    background-position-x: -326px
}

.paging .btn_next {
    background-position-x: -411px
}

.paging .btn_last {
    background-position-x: -447px
}

.paging button:hover {
    background-position-y: -120px
}

.paging span {
    display: inline-block;
    font-size: 0;
    line-height: 48px;
    height: 48px;
    vertical-align: middle;
    letter-spacing: .2em;
    text-align: center;
    margin: 0 12px
}

.paging span a,.paging span a:hover,.paging span strong {
    color: #8e664e;
    display: inline-block;
    line-height: 44px;
    min-width: 30px;
    box-sizing: border-box;
    font-size: 15px;
    font-weight: 500;
    margin: 0 3.5px
}

.paging span a:hover {
    font-weight: bold
}

.paging span strong {
    border-bottom: 4px solid #d29f63
}

#main_container .ciai_list {
    padding: 90px 16px 100px
}

.cn_slider .swiper-slide {
    float: left;
    width: 288px;
    margin-right: 16px
}

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

.cn_slider .cia_box {
    background: #fff
}

.cn_slider .cn_nav {
    text-align: center;
    margin: 28px 0 0 0
}

.cn_slider .cn_nav button {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px
}

.cn_slider button.cn_prev {
    width: 30px;
    height: 22px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/cn_prev.png) no-repeat
}

.cn_slider button.cn_next {
    width: 30px;
    height: 22px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/cn_next.png) no-repeat
}

.cn_slider .cn_page {
    display: inline-block;
    width: auto !important;
    text-align: center
}

.cn_slider .cn_page span.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 3px;
    background: #8D796E;
    opacity: 1
}

.cn_slider .cn_page span.swiper-pagination-bullet-active {
    background: #DF7C35
}

.cn_slider span.s_ts {
    color: #55331F
}

.cs_tab {
    margin-bottom: 20px;
    border-bottom: 2px solid #8E664E
}

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

.cs_tab .swiper-slide {
    float: left;
    width: 190px;
    margin-right: 2px
}

.cs_tab .swiper-slide a {
    display: block;
    height: 46px;
    background: #D7CDC4;
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 46px;
    letter-spacing: -0.54px
}

.cs_tab .swiper-slide.active {
    width: 240px
}

.cs_tab .swiper-slide.active a {
    background: #fff;
    border: 2px solid #8E664E;
    border-bottom: none;
    color: #8E664E
}

.cs_tab .swiper-slide.active a::after {
    display: block;
    content: '';
    position: absolute;
    bottom: -2px;
    left: 2px;
    right: 2px;
    z-index: 9999;
    height: 2px;
    background: #fff
}

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

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

ul.cia_list>li {
    float: left;
    margin: 0 16px 16px 0
}

ul.cia_list>li:nth-child(4n) {
    margin: 0 0 16px 0
}

ul.cia_list>li.no_data {
    float: none;
    border-top: 1px solid #8E664E;
    border-bottom: 1px solid #8E664E;
    color: #464646;
    text-align: center;
    padding: 221px 0;
    border-color: #8e664e;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.48px
}

.cia_box {
    width: 288px;
    height: 220px;
    padding: 12px;
    border-radius: 2px;
    background: #F3F2F1;
    box-sizing: border-box
}

.badge {
    overflow: hidden;
    height: 20px
}

.badge span {
    display: block;
    float: left;
    width: 40px;
    height: 20px;
    margin-right: 5px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.44px;
    color: #fffdfb;
    text-align: center
}

.badge span.m,.badge span.w {
    width: 22px;
    height: 20px;
    font-size: 12px;
    border: 1px solid #429D5B;
    color: #429D5B
}

.badge .ev {
    background-color: #C750FF
}

.badge .sale {
    background-color: #ED4741
}

.badge .b_new {
    background-color: #11C2C2
}

.badge .hot {
    background-color: #FF842C
}

.badge .d_pay {
    width: 50px;
    background-color: #4DA0FF
}

.badge .soldout {
    width: auto;
    padding: 0 5px;
    background-color: #73716F;
    letter-spacing: -0.66px
}

.item_img {
    position: relative;
    margin: 13px 0 9px
}

.item_i {
    position: relative;
    width: 108px;
    height: 88px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #d0c8c1;
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
    cursor: pointer
}

.item_i .id_b {
    position: absolute;
    bottom: -1px;
    right: -1px;
    width: 26px;
    height: 26px;
    background: #8e664e;
    background: #8e664e url(https://lwi.nexon.com/lod/renewal/brand/sub/id_ic.png) no-repeat center;
    background-size: 15px 15px
}

.id_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    overflow-y: auto;
    background-color: rgba(0,0,0,0.8)
}

.id_popup .id_p_body {
    position: relative;
    margin: 50px auto;
    max-width: 430px;
    min-height: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.id_popup .id_p_body .id_p_c {
    position: relative;
    max-width: 430px
}

.id_tb {
    height: 56px;
    background: #3E281B
}

.id_tb p.p_t {
    color: #FFECD9;
    font-size: 18px;
    font-weight: 500;
    line-height: 56px;
    letter-spacing: -0.36px;
    text-align: center
}

.id_bb {
    padding: 30px 25px 25px;
    background: #4F3E36
}

.item_ci {
    overflow: hidden;
    width: 264px;
    margin: 0 auto 30px
}

.item_ci .item_i {
    float: left;
    margin: 0;
    cursor: default
}

.id_cash_w {
    float: right
}

.id_cash_b {
    height: 26px;
    border-radius: 2px;
    background: #8E664E;
    text-align: center
}

.id_cash_b span {
    display: inline-block;
    vertical-align: top
}

.id_cash_b span.id_cash_ic {
    width: 16px;
    height: 16px;
    margin: 5px 2px 0 0;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/id_cash_ic.png) no-repeat;
    background-size: 16px 16px
}

.id_cash_b span.id_cash_t {
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.6px
}

ul.id_cash_list li {
    overflow: hidden;
    width: 126px;
    height: 25px;
    padding: 0 10px;
    border-bottom: 1px solid #6D4A36
}

ul.id_cash_list li span {
    display: block;
    color: #FFF;
    text-align: right;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: -0.42px
}

ul.id_cash_list li span.icl_1 {
    float: left
}

ul.id_cash_list li span.icl_2 {
    float: right
}

.id_guide {
    padding: 18px 15px 15px;
    background: #3E281B
}

.id_guide p.ig_t1 {
    position: relative;
    padding-left: 9px;
    margin-bottom: 6px;
    color: #FFECD9;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.32px
}

.id_guide p.ig_t1::before {
    display: block;
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 5px;
    height: 7px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/ig_t1_ic.png) no-repeat;
    background-size: 5px 7px
}

.id_guide p.ig_t2 {
    padding: 0 9px;
    color: #E0E0E0;
    font-size: 15px;
    font-weight: 300
}

.id_pop_close {
    position: absolute;
    top: 7px;
    right: 8px
}

.id_pop_close a {
    display: block;
    width: 42px;
    height: 42px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/id_pop_close.png) no-repeat center;
    background-size: 18px 18px;
    text-indent: -9999px
}

p.item_name {
    color: #55331F;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ipl {
    margin-top: 2px;
    text-align: center
}

.ipl span.ipl_t1 {
    color: #8D796E;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.32px
}

.ipl span.ipl_t1 span.cash_s {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.42px
}

.con_s1 h4.h4_s1 {
    margin-top: 46px
}

.dl_box {
    overflow: hidden;
    padding: 40px;
    border-radius: 2px;
    background: #F3F2F1
}

.gd_b {
    float: left
}

.gd_b a.dl_btn {
    display: block;
    width: 400px;
    height: 120px;
    text-indent: -9999px
}

.gd_b a.dl_btn.game_download {
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/game_download.png) no-repeat
}

.gd_b a.dl_btn.h_sv_btn {
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/h_sv_btn.png) no-repeat
}

.gd_b a.dl_btn:hover {
    background-position-y: -140px
}

ul.gd_guide {
    float: left;
    width: 690px;
    margin: 12px 0 0 25px
}

ul.gd_guide li {
    padding-left: 13px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/list_ic1.png) no-repeat left 8px;
    background-size: 5px 5px;
    color: #292929;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

p.cs1_p {
    margin-bottom: 20px;
    color: #292929;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

table.table_con1 {
    width: 100%;
    border-top: 1px solid #D0C3B4;
    border-left: 1px solid #D0C3B4
}

table.table_con1 col.tc_w1,table.table_con1 col.tc_w3 {
    width: 15%
}

table.table_con1 col.tc_w2 {
    width: 35%
}

table.table_con1 th,table.table_con1 td {
    height: 49px;
    padding: 0 28px;
    font-size: 16px;
    letter-spacing: -0.32px;
    text-align: left;
    border-right: 1px solid #D0C3B4;
    border-bottom: 1px solid #D0C3B4
}

table.table_con1 th {
    background: #F3F2F1;
    color: #4F3E36;
    font-weight: 500
}

table.table_con1 td {
    color: #464646;
    font-weight: 400
}

p.cs1_pl {
    padding-left: 12px;
    margin: 12px 0 0 8px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/list_ic_a1.png) no-repeat left 9px;
    background-size: 4px 4px;
    color: #999;
    font-size: 15px;
    font-weight: 400
}

ul.c_list1 {
    padding-left: 10px
}

ul.c_list1 li {
    padding-left: 13px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/list_ic1.png) no-repeat left 8px;
    background-size: 5px 5px;
    color: #292929;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

ul.step_cl {
    margin-top: 20px
}

ul.step_cl li {
    overflow: hidden;
    padding: 13px 0;
    border-bottom: 1px solid #D0C3B4
}

ul.step_cl li .step_b {
    float: left;
    width: 100px;
    height: 36px;
    border-radius: 30px;
    background: #D0C3B4
}

ul.step_cl li .step_b p {
    color: #fff;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    line-height: 36px
}

ul.step_cl li .st_ib {
    float: left;
    margin: 6px 0 0 10px
}

ul.step_cl li p.step_t {
    overflow: hidden
}

ul.step_cl li p.step_t span {
    display: block;
    float: left;
    font-size: 16px;
    letter-spacing: -0.32px
}

ul.step_cl li p.step_t span.st_t1 {
    color: #55331F;
    font-weight: 500
}

ul.step_cl li p.step_t span.st_t1_2 {
    color: #292929
}

ul.step_cl li p.step_t span.st_t1 {
    position: relative;
    padding-right: 14px
}

ul.step_cl li p.step_t span.st_t1::after {
    display: block;
    content: '';
    position: absolute;
    top: 6px;
    right: 0px;
    width: 2px;
    height: 13px;
    background: #55331F
}

ul.step_cl li p.step_t span.st_t1_2,ul.step_cl li p.step_t span.st_t2 {
    margin-left: 12px
}

ul.step_cl li p.step_t span.st_t2 {
    color: #292929;
    font-weight: 400
}

ul.step_cl li .step_desc {
    margin-top: 22px
}

ul.step_cl li .step_desc img {
    max-width: 470px;
    width: 100%
}

ul.multi_gallery {
    overflow: hidden
}

ul.multi_gallery>li {
    float: left;
    margin: 0 30px 30px 0
}

ul.multi_gallery>li>a {
    display: block;
    position: relative
}

ul.multi_gallery>li>a .mg_thumb {
    width: 380px;
    height: 213px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    border-radius: 2px;
    border: 1px solid #E0E0E0;
    box-sizing: border-box
}

ul.multi_gallery>li>a .thumb_ex {
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,0.6);
    border-radius: 100%
}

ul.multi_gallery>li>a .thumb_ex span.thumb_ex_ic {
    display: block;
    width: 28px;
    height: 29px;
    margin: 11px auto 0;
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/thumb_ex_ic.png);
    background-repeat: no-repeat;
    background-size: 28px 87px
}

ul.multi_gallery>li>a:hover .mg_thumb {
    background-size: 130% 130%;
    box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.25);
    transition: all 0.5s ease-in-out
}

ul.multi_gallery>li:nth-child(3n) {
    margin: 0 0 30px 0
}

ul.multi_gallery>li:nth-child(1) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb1.jpg)
}

ul.multi_gallery>li:nth-child(2) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb2.jpg)
}

ul.multi_gallery>li:nth-child(3) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb3.jpg)
}

ul.multi_gallery>li:nth-child(4) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb4.jpg)
}

ul.multi_gallery>li:nth-child(5) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb5.jpg)
}

ul.multi_gallery>li:nth-child(6) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb6.jpg)
}

ul.multi_gallery>li:nth-child(7) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb7.jpg)
}

ul.multi_gallery>li:nth-child(8) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb8.jpg)
}

ul.multi_gallery>li:nth-child(9) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb9.jpg)
}

ul.multi_gallery>li:nth-child(10) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb10.jpg)
}

ul.multi_gallery>li:nth-child(11) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb11.jpg)
}

ul.multi_gallery>li:nth-child(12) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb12.jpg)
}

ul.multi_gallery>li:nth-child(13) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb13.jpg)
}

ul.multi_gallery>li:nth-child(14) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb14.jpg)
}

ul.multi_gallery>li:nth-child(15) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb15.jpg)
}

ul.multi_gallery>li:nth-child(16) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb16.jpg)
}

ul.multi_gallery>li:nth-child(17) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb17.jpg)
}

ul.multi_gallery>li:nth-child(18) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb18.jpg)
}

ul.multi_gallery>li:nth-child(19) .mg_thumb {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_thumb19.jpg)
}

ul.multi_gallery>li:nth-child(1) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_1.jpg)
}

ul.multi_gallery>li:nth-child(2) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_2.jpg)
}

ul.multi_gallery>li:nth-child(3) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_3.jpg)
}

ul.multi_gallery>li:nth-child(4) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_4.jpg)
}

ul.multi_gallery>li:nth-child(5) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_5.jpg)
}

ul.multi_gallery>li:nth-child(6) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_6.jpg)
}

ul.multi_gallery>li:nth-child(7) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_7.jpg)
}

ul.multi_gallery>li:nth-child(8) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_8.jpg)
}

ul.multi_gallery>li:nth-child(9) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_9.jpg)
}

ul.multi_gallery>li:nth-child(10) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_10.jpg)
}

ul.multi_gallery>li:nth-child(11) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_11.jpg)
}

ul.multi_gallery>li:nth-child(12) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_12.jpg)
}

ul.multi_gallery>li:nth-child(13) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_13.jpg)
}

ul.multi_gallery>li:nth-child(14) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_14.jpg)
}

ul.multi_gallery>li:nth-child(15) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_15.jpg)
}

ul.multi_gallery>li:nth-child(16) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_16.jpg)
}

ul.multi_gallery>li:nth-child(17) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_17.jpg)
}

ul.multi_gallery>li:nth-child(18) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_18.jpg)
}

ul.multi_gallery>li:nth-child(19) .mg_img {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/original_19.jpg)
}

.mg_popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    overflow-y: auto;
    background-color: rgba(0,0,0,0.8)
}

.mg_popup .mg_p_body {
    position: relative;
    margin: 120px auto 50px;
    max-width: 900px;
    min-height: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    justify-content: center
}

.mg_popup .mg_p_body .mg_p_c {
    position: relative;
    max-width: 900px
}

.mg_popup .mg_p_body .mg_p_c .mg_img {
    max-width: 900px;
    height: 0;
    padding-top: calc(1200 / 900 * 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.mg_popup .mg_p_body .mg_p_c .mg_img .md_bg {
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.7)
}

.mg_popup .mg_p_body .mg_p_c .mg_img .md_bg a.mg_download {
    display: block;
    width: 75px;
    height: 81px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_download.png) no-repeat;
    background-size: 75px 81px
}

.mg_popup .mg_p_body .mg_p_c .mg_img:hover .md_bg {
    display: flex
}

.mg_popup .mg_p_body .mg_p_c .mg_pop_close {
    position: absolute;
    top: -100px;
    left: 0;
    right: 0
}

.mg_popup .mg_p_body .mg_p_c .mg_pop_close a {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/mg_pop_close.png) no-repeat;
    background-size: 80px 80px;
    text-indent: -9999px
}

.mg_popup.mg_popup_a1 .mg_p_body .mg_p_c .mg_img {
    padding-top: calc(1100 / 900 * 100%)
}

.mg_popup.mg_popup_a2 .mg_p_body {
    max-width: 1200px
}

.mg_popup.mg_popup_a2 .mg_p_body .mg_p_c {
    max-width: 1200px
}

.mg_popup.mg_popup_a2 .mg_p_body .mg_p_c .mg_img {
    max-width: 1200px;
    padding-top: calc(818 / 1200 * 100%)
}

.mg_popup.mg_popup_a3 .mg_p_body {
    max-width: 1200px
}

.mg_popup.mg_popup_a3 .mg_p_body .mg_p_c {
    max-width: 1200px
}

.mg_popup.mg_popup_a3 .mg_p_body .mg_p_c .mg_img {
    max-width: 1200px;
    padding-top: calc(675 / 1200 * 100%)
}

.mg_popup.wp_popup_a1 .mg_p_body,.mg_popup.wp_popup_a2 .mg_p_body,.mg_popup.wp_popup_b1 .mg_p_body,.mg_popup.wp_popup_b2 .mg_p_body,.mg_popup.wp_popup_c1 .mg_p_body,.mg_popup.wp_popup_c2 .mg_p_body {
    max-width: 1200px
}

.mg_popup.wp_popup_a1 .mg_p_body .mg_p_c,.mg_popup.wp_popup_a2 .mg_p_body .mg_p_c,.mg_popup.wp_popup_b1 .mg_p_body .mg_p_c,.mg_popup.wp_popup_b2 .mg_p_body .mg_p_c,.mg_popup.wp_popup_c1 .mg_p_body .mg_p_c,.mg_popup.wp_popup_c2 .mg_p_body .mg_p_c {
    max-width: 1200px
}

.mg_popup.wp_popup_a1 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_a2 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_b1 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_b2 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_c1 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_c2 .mg_p_body .mg_p_c .mg_img {
    max-width: 1200px
}

.mg_popup.wp_popup_a1 .mg_p_body .mg_p_c .mg_img {
    padding-top: calc(1024 / 1280 * 100%);
    background-image: url(https://classicweb.vod.nexoncdn.co.kr/lod/renewal/wallPaper/250220_A021120110AC97CE/01_wallpaper_1280X1024_6B61B4CDAC11F57B.jpg)
}

.mg_popup.wp_popup_a2 .mg_p_body .mg_p_c .mg_img {
    padding-top: calc(2160 / 3840 * 100%);
    background-image: url(https://classicweb.vod.nexoncdn.co.kr/lod/renewal/wallPaper/250220_A021120110AC97CE/01_wallpaper_3840X2160_6B61B4CDAC11F57B.jpg)
}

.mg_popup.wp_popup_a3 .mg_p_body .mg_p_c .mg_img {
    padding-top: calc(2560 / 1440 * 100%);
    background-image: url(https://classicweb.vod.nexoncdn.co.kr/lod/renewal/wallPaper/250220_A021120110AC97CE/01_wallpaper_1440X2560_6B61B4CDAC11F57B.jpg)
}

.mg_popup.wp_popup_a4 .mg_p_body .mg_p_c .mg_img {
    padding-top: calc(2436 / 1125 * 100%);
    background-image: url(https://classicweb.vod.nexoncdn.co.kr/lod/renewal/wallPaper/250220_A021120110AC97CE/01_wallpaper_1125X2436_6B61B4CDAC11F57B.jpg)
}

.mg_popup.wp_popup_b1 .mg_p_body .mg_p_c .mg_img {
    padding-top: calc(1024 / 1280 * 100%);
    background-image: url(https://classicweb.vod.nexoncdn.co.kr/lod/renewal/wallPaper/250220_A021120110AC97CE/02_wallpaper_1280X1024_522126D9576B47B1.jpg)
}

.mg_popup.wp_popup_b2 .mg_p_body .mg_p_c .mg_img {
    padding-top: calc(2160 / 3840 * 100%);
    background-image: url(https://classicweb.vod.nexoncdn.co.kr/lod/renewal/wallPaper/250220_A021120110AC97CE/02_wallpaper_3840X2160_522126D9576B47B1.jpg)
}

.mg_popup.wp_popup_b3 .mg_p_body .mg_p_c .mg_img {
    padding-top: calc(2560 / 1440 * 100%);
    background-image: url(https://classicweb.vod.nexoncdn.co.kr/lod/renewal/wallPaper/250220_A021120110AC97CE/02_wallpaper_1440X2560_522126D9576B47B1.jpg)
}

.mg_popup.wp_popup_b4 .mg_p_body .mg_p_c .mg_img {
    padding-top: calc(2436 / 1125 * 100%);
    background-image: url(https://classicweb.vod.nexoncdn.co.kr/lod/renewal/wallPaper/250220_A021120110AC97CE/02_wallpaper_1125X2436_522126D9576B47B1.jpg)
}

.mg_popup.wp_popup_c1 .mg_p_body .mg_p_c .mg_img {
    padding-top: calc(1024 / 1280 * 100%);
    background-image: url(https://classicweb.vod.nexoncdn.co.kr/lod/renewal/wallPaper/250220_A021120110AC97CE/03_wallpaper_1280X1024_617D3FA801C9B446.jpg)
}

.mg_popup.wp_popup_c2 .mg_p_body .mg_p_c .mg_img {
    padding-top: calc(2160 / 3840 * 100%);
    background-image: url(https://classicweb.vod.nexoncdn.co.kr/lod/renewal/wallPaper/250220_A021120110AC97CE/03_wallpaper_3840X2160_617D3FA801C9B446.jpg)
}

.mg_popup.wp_popup_c3 .mg_p_body .mg_p_c .mg_img {
    padding-top: calc(2560 / 1440 * 100%);
    background-image: url(https://classicweb.vod.nexoncdn.co.kr/lod/renewal/wallPaper/250220_A021120110AC97CE/03_wallpaper_1440X2560_617D3FA801C9B446.jpg)
}

.mg_popup.wp_popup_c4 .mg_p_body .mg_p_c .mg_img {
    padding-top: calc(2436 / 1125 * 100%);
    background-image: url(https://classicweb.vod.nexoncdn.co.kr/lod/renewal/wallPaper/250220_A021120110AC97CE/03_wallpaper_1125X2436_617D3FA801C9B446.jpg)
}

ul.wall_paper {
    overflow: hidden;
    padding: 29px 0;
    border-top: 1px solid #8e664e;
    border-bottom: 1px solid #8e664e
}

ul.wall_paper>li {
    float: left;
    width: 380px;
    margin-right: 30px
}

ul.wall_paper>li>.wp_thumb>img {
    display: block;
    width: 380px;
    height: 210px
}

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

ul.wp_btn {
    overflow: hidden;
    margin-top: 20px
}

ul.wp_btn>li {
    float: left;
    margin: 0 4px 6px 0;
    box-sizing: border-box
}

ul.wp_btn>li>a {
    display: block;
    width: 186px;
    height: 40px;
    border: 1px solid #8E664E;
    text-align: center
}

ul.wp_btn>li>a span {
    display: inline-block;
    vertical-align: top
}

ul.wp_btn>li>a span.android_ic {
    width: 18px;
    height: 24px;
    margin: 8px 3px 0 0;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/android_ic.png) no-repeat;
    background-size: 18px 103px
}

ul.wp_btn>li>a span.ios_ic {
    width: 18px;
    height: 24px;
    margin: 8px 3px 0 0;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/ios_ic.png) no-repeat;
    background-size: 18px 113px
}

ul.wp_btn>li>a span.wp_bt {
    color: #8E664E;
    font-size: 16px;
    font-weight: 500;
    line-height: 40px;
    letter-spacing: -0.32px
}

ul.wp_btn>li>a:hover span.android_ic {
    background-position-y: -79px
}

ul.wp_btn>li>a:hover span.ios_ic {
    background-position-y: -91px
}

ul.wp_btn>li>a:hover span.wp_bt {
    color: #DF7C35
}

ul.wp_btn>li:nth-child(2n) {
    margin: 0 0 6px 0
}

.kt_download_guide {
    overflow: hidden
}

.kdg_b {
    width: 584px;
    height: 324px;
    border-radius: 2px;
    border: 3px solid #8E664E
}

.kdg_b .kdg_tl {
    overflow: hidden;
    padding: 28px 0 24px;
    margin: 0 29px;
    border-bottom: 1px solid #CABAAE
}

.kdg_b .kdg_tb {
    float: left
}

.kdg_b .kdg_tb span {
    display: inline-block;
    vertical-align: top
}

.kdg_b .kdg_tb span.kt_and_ic {
    width: 44px;
    height: 58px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/kt_and_ic.png) no-repeat;
    background-size: 44px 58px
}

.kdg_b .kdg_tb span.kt_ios_ic {
    width: 48px;
    height: 58px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/kt_ios_ic.png) no-repeat;
    background-size: 48px 58px
}

.kdg_b .kdg_tb span.kdg_t {
    margin: 15px 0 0 10px;
    color: #55331F;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.48px
}

.kdg_b .dl_btn {
    float: right;
    margin-top: 7px
}

.kdg_b ol {
    padding: 0 8px;
    margin: 19px 29px 0
}

.kdg_b ol li {
    position: relative;
    padding-left: 31px;
    margin-bottom: 10px;
    color: #292929;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px
}

.kdg_b ol li:before {
    display: block;
    content: '1';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 24px;
    height: 24px;
    background: #B5937C;
    border-radius: 100%;
    font-size: 12px;
    line-height: 22px;
    letter-spacing: -0.24px;
    text-align: center;
    color: #fff
}

.kdg_b ol li:nth-child(1):before {
    content: "1"
}

.kdg_b ol li:nth-child(2):before {
    content: "2"
}

.kdg_b ol li:nth-child(3):before {
    content: "3"
}

.kdg_b ol li:nth-child(4):before {
    content: "4"
}

.kdg_b ol li:nth-child(5):before {
    content: "5"
}

.kdg_b.kdg_b1 {
    float: left
}

.kdg_b.kdg_b2 {
    float: right
}

ul.kt_screenshot {
    overflow: hidden;
    margin: 50px 0 40px 0
}

ul.kt_screenshot li {
    float: left;
    width: 285px;
    margin-right: 20px;
    margin-bottom: 20px
}

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

ul.kt_screenshot li img {
    max-width: 285px
}

.bgm {
    position: relative
}

.bgm .player .cover,.bgm .player .info,.bgm .player .controls,.bgm .player .timeHolder,.bgm .player .progressbar {
    position: relative;
    z-index: 1
}

.bgm .bgm_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 440px;
    background-repeat: no-repeat
}

.bgm .player {
    height: 380px;
    padding-top: 60px
}

.bgm .player .info .artist,.bgm .player .controls .stop,.bgm .player .volume {
    display: none
}

.bgm .player .cover {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover
}

.bgm .player .info {
    margin: 22px 75px 18px
}

.bgm .player .info .title {
    color: #55331F;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -0.6px;
    text-align: center
}

.bgm .player .progressbar {
    position: relative;
    height: 6px;
    margin: 0 75px;
    border: 1px solid #fff;
    border-radius: 50px
}

.bgm .player .progressbar .bar-loaded {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100% !important;
    height: 8px;
    padding: 0 1px;
    background: rgba(255,255,255,0.5);
    border-radius: 50px
}

.bgm .player .progressbar .bar-played {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 0;
    height: 8px;
    padding: 0 1px;
    background: #CA9895;
    border-radius: 50px
}

.bgm .player .controls {
    width: 218px;
    height: 72px;
    margin: 0 auto
}

.bgm .player .controls>div {
    float: left;
    cursor: pointer;
    background-repeat: no-repeat
}

.bgm .player .controls .rew,.bgm .player .controls .fwd {
    width: 56px;
    height: 56px;
    margin-top: 8px;
    background-size: 56px 140px
}

.bgm .player .controls .rew:hover,.bgm .player .controls .fwd:hover {
    background-position-y: -84px
}

.bgm .player .controls .rew {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/rew.png)
}

.bgm .player .controls .fwd {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/fwd.png)
}

.bgm .player .controls .play,.bgm .player .controls .pause {
    width: 72px;
    height: 72px;
    margin: 0 16px;
    background-size: 72px 156px
}

.bgm .player .controls .play:hover,.bgm .player .controls .pause:hover {
    background-position-y: -84px
}

.bgm .player .controls .play {
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/play.png)
}

.bgm .player .controls .pause {
    display: none;
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/pause.png)
}

.bgm .player .controls .play.hidden {
    display: none
}

.bgm .player .controls .pause.visible {
    display: block
}

.bgm .player .timeHolder {
    margin: 19px 0 10px 0;
    text-align: center
}

.bgm .player .timeHolder>div {
    display: inline-block;
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

.bgm .player .timeHolder .time-current {
    font-weight: 500
}

.bgm ul.playlist {
    overflow: hidden;
    margin-top: 60px
}

.bgm ul.playlist li {
    float: left;
    margin: 0 30px 30px 0
}

.bgm ul.playlist li a {
    display: block;
    width: 380px;
    height: 324px;
    padding-top: 36px;
    background: #F3F2F1
}

.bgm ul.playlist li a .bgm_tb {
    width: 194px;
    height: 194px;
    margin: 0 auto;
    border: 8px solid #F3F2F1;
    border-radius: 100%
}

.bgm ul.playlist li a .bgm_thumb {
    width: 180px;
    height: 180px;
    margin: 7px auto;
    background-repeat: no-repeat;
    background-size: 180px 180px
}

.bgm ul.playlist li a .bgm_tl {
    margin-top: 18px;
    text-align: center
}

.bgm ul.playlist li a .bgm_tl span {
    display: inline-block;
    vertical-align: top
}

.bgm ul.playlist li a .bgm_tl span.bgm_t {
    color: #282828;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.54px
}

.bgm ul.playlist li a .bgm_tl .bi_b {
    display: none;
    vertical-align: top;
    width: 40px;
    height: 40px;
    margin: -6px 0 0 5px;
    background: #ca9895;
    border-radius: 100%
}

.bgm ul.playlist li a .bgm_tl .bi_b span.bgm_ic {
    width: 13px;
    height: 18px;
    margin: 11px auto 0;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/bgm_ic.png) no-repeat;
    background-size: 13px 18px
}

.bgm ul.playlist li:nth-child(3n) {
    margin: 0 0 30px 0
}

.bgm ul.playlist li.select .bgm_tb {
    border: 8px solid #ca9895
}

.bgm ul.playlist li.select .bgm_tl .bi_b {
    display: inline-block
}

ul.sh_lc {
    overflow: hidden
}

ul.sh_lc li {
    position: relative;
    float: left;
    width: 590px;
    height: 202px;
    padding: 40px 32px 0;
    margin: 0 20px 20px 0;
    background: #f3f2f1;
    box-sizing: border-box
}

ul.sh_lc li:nth-child(2n) {
    margin: 0 0 20px 0
}

ul.sh_lc li p.slc_t1 {
    margin-bottom: 44px;
    color: #55331F;
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.48px
}

ul.sh_lc li p.slc_t2 {
    color: #292929;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

ul.sh_lc li .slc_btn {
    position: absolute;
    top: 32px;
    right: 32px
}

ul.sh_lc li .slc_btn a {
    width: 190px;
    height: 50px;
    text-align: center
}

ul.sh_lc li .slc_btn a .btn_ic2 {
    margin: 12px 0 0 0
}

ul.sh_lc li .slc_btn a .btn_tx {
    line-height: 46px
}

ul.sh_lc li.sh_l2 a {
    background-position-y: -66px
}

ul.sh_lc li.sh_l3 a {
    background-position-y: -132px
}

ul.sh_lc li.sh_l4 a {
    background-position-y: -198px
}

ul.shw_table {
    border-top: 1px solid #8E664E;
    border-bottom: 1px solid #8E664E
}

ul.shw_table>li {
    min-height: 59px;
    padding: 10px 0 9px 0;
    border-bottom: 1px solid #E0E0E0;
    box-sizing: border-box
}

ul.shw_table>li:last-child {
    border-bottom: none
}

ul.shw_table>li p.sl_th,ul.shw_table>li textarea,ul.shw_table>li label {
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

ul.shw_table>li input {
    line-height: 38px
}

.shw_lb {
    position: relative;
    min-height: 40px
}

p.sl_th {
    position: absolute;
    top: 0;
    left: 20px;
    width: 110px;
    margin-top: 10px
}

p.sl_th::after {
    display: block;
    content: '';
    position: absolute;
    top: 3px;
    right: 0px;
    width: 1px;
    height: 14px;
    background: #E0E0E0
}

.sl_td {
    padding-left: 166px
}

.sl_td select,.sl_td input {
    border-radius: 0
}

.sl_td .select_w {
    display: inline-block;
    vertical-align: top
}

.sl_td .select_w::after {
    top: 17px
}

.sl_td .select_w select.select_1 {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

.sl_td .c_info {
    padding-top: 7px
}

.sl_td .c_info .u_sv {
    margin-right: 7px
}

.sl_td .sl_it_b {
    padding-right: 22px
}

.sl_td .sl_it_b input.input_1 {
    width: 100%;
    padding: 0 10px
}

.sl_td .shw_select_b .bv_mainselect {
    float: left;
    margin-right: 20px
}

.sl_td .shw_select_b .game_server,.sl_td .shw_select_b .live_game_server {
    width: 180px
}

.sl_td .shw_select_b .game_id,.sl_td .shw_select_b .live_game_id {
    width: 220px
}

.sl_td .shw_select_b input.input_1::-webkit-input-placeholder {
    color: #464646;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

.sl_td .shw_select_b input.input_1::-moz-placeholder {
    color: #464646;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

.sl_td .shw_select_b input.input_1:-ms-input-placeholder {
    color: #464646;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

.sl_td .shw_select_b input.input_1::-ms-input-placeholder {
    color: #464646;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

.sl_td .shw_select_b input.input_1::placeholder {
    color: #464646;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

.sl_td .shw_select_b::after {
    display: block;
    content: '';
    clear: both
}

.sl_td .shw_select_lb .bv_mainselect {
    width: 100%
}

.sl_td span.shw_t1 {
    margin-left: 8px;
    color: #464646;
    font-size: 15px;
    font-weight: 400
}

.sl_td .radio_b {
    overflow: hidden
}

.sl_td .radio_b>div {
    float: left
}

.sl_td .radio_b>div.rb_1 {
    margin-right: 40px
}

.sl_td .t_gt {
    margin-top: 7px;
    color: #464646;
    font-size: 15px;
    font-weight: 400
}

.sl_td .sl_ta_b {
    padding-right: 22px
}

.sl_td .sl_ta_b textarea.textarea_1 {
    width: 100%;
    height: 348px;
    padding: 10px;
    border: 1px solid #E0E0E0;
    resize: none
}

p.b_rt {
    margin-top: 5px;
    color: #464646;
    font-size: 15px;
    font-weight: 400
}

.shw_lbi {
    position: relative;
    float: left
}

.shw_lbi2 {
    margin-left: 70px
}

.shw_lb_t2 p.sl_th {
    width: 278px
}

.shw_lb_t2 .sl_td {
    padding-left: 336px
}

input#HappenDate {
    width: 158px;
    color: #464646;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

a.btn_calendar {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin: 10px 0 0 12px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/calendar.png) no-repeat;
    background-size: 20px 20px;
    text-indent: -9999px
}

#calendar {
    display: none;
    background: #fff;
    border: 2px solid #000;
    z-index: 9999
}

input.i_ts {
    width: 58px
}

span.i_ts_cut {
    margin: 0 15px
}

span.i_tg {
    margin-left: 10px;
    color: #999;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.48px
}

.filebox button {
    display: inline-block;
    width: 121px;
    height: 40px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/btn_file.png) no-repeat;
    background-size: 121px 40px;
    text-indent: -9999px;
    cursor: pointer
}

.filebox span.file_name {
    display: inline-block;
    vertical-align: top;
    margin: 9px 0 0 5px;
    color: #464646;
    font-size: 15px;
    font-weight: 400
}

p.sg_t {
    padding-left: 25px;
    margin-bottom: 10px;
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sg_t_ic.png);
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: left 3px;
    color: #464646;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.32px
}

ul.sg_list {
    padding-left: 10px
}

ul.sg_list li {
    padding-left: 13px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/list_ic2.png) no-repeat left 9px;
    background-size: 4px 4px;
    color: #73716F;
    font-size: 15px;
    font-weight: 400
}

.sitemap {
    overflow: hidden;
    padding-bottom: 100px
}

.sitemap>div {
    float: left;
    width: 288px;
    margin: 0 16px 16px 0;
    box-sizing: border-box
}

.sitemap>div .sm_title {
    height: 68px;
    border: 1px solid #EDEAE6
}

.sitemap>div .sm_title h5 a {
    display: block;
    padding-left: 42px;
    color: #55331F;
    font-size: 20px;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: -0.4px
}

.sitemap>div .sm_list {
    padding: 20px 0 21px 0;
    border: 1px solid #EDEAE6;
    border-top: none
}

.sitemap>div .sm_list ul {
    padding-left: 28px
}

.sitemap>div .sm_list ul li {
    padding-left: 12px;
    background: url(https://lwi.nexon.com/lod/renewal/brand/sub/list_ic_a1.png) no-repeat left 13px;
    background-size: 4px 4px
}

.sitemap>div .sm_list ul li a {
    display: inline-block;
    color: #999;
    font-size: 15px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.45px
}

.sitemap>div .sm_list ul li.sm_bl_type a {
    padding-right: 27px;
    background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/sm_ic1.png);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: right 9px
}

.sitemap>div.sm_4 {
    margin: 0 0 16px 0
}

@media (max-width: 1250px) {
    ul.gi_c_list {
        max-width:790px;
        margin: 0 auto
    }

    ul.gi_c_list li:nth-child(2n) {
        margin: 0 0 30px 0
    }

    ul.gi_c_list li:nth-child(3n) {
        margin: 0 30px 30px 0
    }

    .test_sb {
        border: none
    }

    .test_sb .ts_t p {
        text-align: center
    }

    .test_sb ul.ts_btn li.ts_b1,.test_sb ul.ts_btn li.ts_b3 {
        display: none
    }

    .test_sb ul.ts_btn li.ts_b2 {
        float: none;
        margin-right: 0
    }

    .test_sb ul.ts_btn li.ts_b2 a {
        width: 290px;
        height: 65px;
        margin: 0 auto;
        background-size: auto 146px
    }

    .test_sb ul.ts_btn li.ts_b2 a:hover {
        background-position-y: -81px
    }

    .test_sb:before {
        display: none
    }

    .cs_tab {
        border-bottom: none
    }

    .cs_tab .swiper-slide a {
        height: 36px;
        border: 1px solid #D7CDC4;
        border-radius: 2px;
        font-size: 15px;
        line-height: 36px;
        letter-spacing: -0.3px
    }

    .cs_tab .swiper-slide.active a {
        border: 1px solid #8E664E
    }

    ul.cia_list {
        width: 896px;
        margin: 0 auto
    }

    ul.cia_list>li:nth-child(3n) {
        margin: 0 0 16px 0
    }

    ul.cia_list>li:nth-child(4n) {
        margin: 0 16px 16px 0
    }

    .media_list ul li {
        width: 48%;
        margin: 0 0 50px 0
    }

    .media_list ul li:nth-child(2n) {
        margin: 0 0 50px 4%
    }

    .media_list ul li .thumb {
        width: 100%;
        height: 0;
        padding-top: calc(213 / 380 * 100%)
    }

    .media_list ul li .thumb img {
        position: absolute;
        top: 0;
        left: 0
    }

    .kdg_b {
        width: auto
    }

    .kdg_b.kdg_b1,.kdg_b.kdg_b2 {
        float: none
    }

    .kdg_b.kdg_b1 {
        margin-bottom: 16px
    }

    ul.kt_screenshot {
        margin: 16px 0 40px 0
    }

    .bgm ul.playlist {
        width: 790px;
        margin: 60px auto 0
    }

    .bgm ul.playlist li:nth-child(3n) {
        margin: 0 30px 30px 0
    }

    .bgm ul.playlist li:nth-child(2n) {
        margin: 0 0 30px 0
    }

    ul.multi_gallery li {
        width: 48%;
        margin: 0 0 30px 0
    }

    ul.multi_gallery li:nth-child(2n) {
        margin: 0 0 30px 4%
    }

    ul.multi_gallery li a .mg_thumb {
        width: 100%;
        height: 0;
        padding-top: calc(213 / 380 * 100%)
    }

    ul.wall_paper>li {
        width: 48%;
        margin: 0 0 30px 0
    }

    ul.wall_paper>li:nth-child(2n) {
        margin: 0 0 30px 4%
    }

    ul.wall_paper>li>.wp_thumb>img {
        width: 100%;
        height: auto
    }

    ul.wp_btn>li {
        width: 49%;
        margin: 0 2% 2% 0
    }

    ul.wp_btn>li:nth-child(2),ul.wp_btn>li:nth-child(4) {
        margin: 0 0 2% 0
    }

    ul.wp_btn>li>a {
        width: auto
    }

    ul.sh_lc {
        margin-top: 20px
    }

    ul.sh_lc li {
        float: none;
        width: auto;
        margin: 0 0 20px 0
    }

    .sitemap {
        width: 896px;
        margin: 0 auto
    }

    .sitemap>div:nth-child(3n) {
        margin: 0 0 16px 0
    }

    .sitemap>div:nth-child(4n) {
        margin: 0 16px 16px 0
    }

    .sitemap>div.sm_1,.sitemap>div.sm_2,.sitemap>div.sm_3 {
        min-height: 262px
    }

    .sitemap>div.sm_4,.sitemap>div.sm_5,.sitemap>div.sm_6 {
        min-height: 292px
    }

    .sitemap>div.sm_7 {
        min-height: auto
    }
}

@media (max-width: 1080px) {
    #main_container {
        min-height:auto
    }

    #main_container .sub_top,#main_container .user_line {
        display: none
    }

    #main_container .inner {
        padding: 56px 16px 63px
    }

    #main_container .tsl_inner,#main_container .csl_inner {
        padding: 56px 16px 22px
    }

    .sub_menu .swiper-slide {
        flex-grow: 0;
        font-weight: 400;
        font-size: 14px;
        margin: 0 8px
    }

    .sub_menu .swiper-slide:last-child {
        margin-right: 8px
    }

    #main_container .sub_mypage+.user_line {
        display: block;
        top: 128px;
        left: 0;
        right: 0;
        margin-left: 0;
        width: auto;
        height: auto;
        background: none
    }

    #main_container .sub_mypage+.user_line .ul_inner {
        max-width: none;
        padding: 0
    }

    #main_container .sub_mypage+.user_line .ul_cb {
        float: none
    }

    #main_container .sub_mypage+.user_line .ul_cb .uc_c {
        float: none;
        width: auto;
        height: auto;
        padding: 0 16px;
        background: url(https://lwi.nexon.com/lod/renewal/brand/common/uc_c_bg_m.png) no-repeat center;
        background-size: auto 80px
    }

    #main_container .sub_mypage+.user_line .ul_cb .uc_c a {
        display: block;
        max-width: 343px;
        width: auto;
        height: 80px;
        margin: 0 auto;
        background: none
    }

    #main_container .sub_mypage+.user_line .ul_cb .uc_c a .uc_ib {
        width: 40px;
        height: 40px;
        margin-top: 22px
    }

    #main_container .sub_mypage+.user_line .ul_cb .uc_c a .uc_ib span.uc_ic {
        width: 22px;
        height: 22px;
        margin: 8px auto 0;
        background-size: 22px 22px
    }

    #main_container .sub_mypage+.user_line .ul_cb .uc_c a span.uc_t {
        line-height: 80px
    }

    #main_container .sub_mypage+.user_line .ul_info,#main_container .sub_mypage+.user_line .ul_gs {
        display: none
    }

    .mp_b1,.mp_b2 {
        margin-bottom: 12px;
        border: none;
        border-bottom: 1px solid #EDEAE6
    }

    .mp_b1 {
        margin-top: 114px
    }

    .mb1_ci {
        min-height: auto;
        padding-bottom: 15px
    }

    .mb1_ci p {
        padding: 0
    }

    .mb1_ci p span.gc_guide {
        display: block;
        margin: 4px 0 8px;
        font-size: 14px
    }

    .mb_t {
        height: auto;
        padding: 0;
        border-bottom: none
    }

    .mb_t p {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: -0.36px
    }

    .mp_b2 .mb2_ci {
        padding: 16px 0 20px
    }

    .mp_b2 .mb2_ci .character_info .ci_inner .ci_i {
        width: 54px;
        height: 54px;
        margin: 0 8px 0 0;
        background-size: 54px 54px;
        border: 1px solid #8E664E
    }

    .mp_b2 .mb2_ci .character_info .ci_inner .ci_tu {
        margin: 4px 0 0 64px
    }

    .mp_b2 .mb2_ci .character_info .ci_inner .ci_tu .c_info>div {
        float: none
    }

    .mp_b2 .mb2_ci .character_info .ci_inner .ct_t {
        margin-top: 12px;
        text-align: right
    }

    .mp_b2 .mb2_ci .character_info .ci_inner .ct_t textarea.textarea_s1 {
        overflow: visible;
        white-space: normal;
        width: 100%;
        height: 56px;
        margin-right: 0;
        margin-bottom: 3px;
        font-size: 14px;
        font-weight: 400
    }

    .mp_b2 .mb2_ci ul.character_list li {
        padding: 16px 0 12px 0
    }

    .mp_b2 .mb2_ci ul.character_list li:first-child {
        padding: 0 0 12px 0
    }

    .mp_b2 .mb2_ci ul.character_list li:last-child {
        padding: 16px 0 0 0
    }

    .mp_b2 .mb2_ci ul.character_list li a.btn_st {
        margin-bottom: 8px
    }

    .mp_b2 .mb2_ci p.ci_gt {
        margin-top: 0
    }

    .gi_visual {
        margin: -16px -16px 0
    }

    p.gv_title {
        margin-bottom: 40px
    }

    .gi_character {
        padding-top: 30px
    }

    .mp_tb {
        position: relative;
        height: 52px;
        margin: 0 -16px 15px -16px;
        background: #6D4A36;
        border-radius: 0
    }

    .mp_tb p {
        padding: 0 20px;
        color: #FF9000;
        font-size: 15px;
        font-weight: 500;
        line-height: 52px;
        letter-spacing: -0.3px;
        text-align: left
    }

    .mp_tb.sticky {
        position: fixed;
        top: 0
    }

    .mp_tb button.logout_m {
        position: absolute;
        top: 11px;
        right: 16px
    }

    .sub_sitemap .mp_tb {
        display: block
    }

    table.table_a1 {
        margin-top: 15px;
        border-left: none
    }

    table.table_a1 th {
        font-size: 15px;
        letter-spacing: -0.3px
    }

    table.table_a1 td {
        padding: 12px 12px 8px;
        border-right: none
    }

    table.table_a1 td a {
        height: 28px;
        padding: 0 8px;
        margin: 0 2px 4px;
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: -0.42px
    }

    .ta_w {
        margin-bottom: 24px
    }

    h4.h4_s1 {
        font-size: 18px;
        line-height: 20px;
        letter-spacing: -0.36px
    }

    .gi_guide_w {
        margin-top: 30px
    }

    .gg_tb {
        height: 30px;
        padding: 0 20px
    }

    .gg_tb p.gg_p {
        line-height: 30px
    }

    .gg_tb p.gg_p span.gg_ic {
        width: 16px;
        height: 16px;
        margin: 8px 1px 0 0;
        background-size: 16px 16px
    }

    .gg_tb p.gg_p span.gg_t {
        font-size: 14px;
        line-height: 30px
    }

    p.gg_bt_t {
        margin-top: 10px
    }

    p.gg_bt_t span.gb_txt {
        font-size: 14px;
        margin: 6px 8px 10px 0
    }

    #main_container .b_tab {
        float: none;
        margin-top: 16px;
        margin-bottom: 10px
    }

    #main_container .b_tab ul li {
        margin-right: 6px;
        margin-bottom: 6px
    }

    #main_container .b_tab ul li a {
        height: 30px;
        padding-right: 10px;
        padding-left: 10px;
        background-image: none;
        background-color: #fff;
        border: 1px solid rgba(217,217,217,0.5);
        border-radius: 2px;
        color: #978E8A;
        font-size: 15px;
        font-weight: 500;
        line-height: 28px;
        box-sizing: border-box
    }

    #main_container .b_tab ul li.active a {
        color: #b64e2b;
        background-color: #B64E2B;
        border: #B64E2B;
        color: #fff
    }

    #main_container .b_tab.nn_type::after {
        display: block;
        content: '';
        clear: both
    }

    #main_container .b_tab .nexon_notice {
        margin: 0
    }

    #main_container .b_tab .nexon_notice a.nexon_notice_btn {
        height: 30px;
        background-image: none;
        border: 1px solid rgba(217,217,217,0.5);
        border-radius: 2px;
        box-sizing: border-box
    }

    #main_container .b_tab .nexon_notice a.nexon_notice_btn span.nn_tx {
        font-size: 15px;
        line-height: 28px
    }

    #main_container .b_tab .nexon_notice a.nexon_notice_btn span.nn_ic {
        margin: 9px 0 0 2px;
        background-size: 12px 12px
    }

    .bs_s_line {
        margin-top: 10px
    }

    .s_bb_w {
        float: none;
        margin-bottom: 10px
    }

    ul.hr_gl {
        margin: 34px 0 28px 0
    }

    .b_util+ul.hr_gl {
        margin: 12px 0 28px 0
    }

    .b_util {
        margin-bottom: 0
    }

    ul.bs_tab,ul.bs_tab_2 {
        float: none;
        overflow: hidden;
        margin-bottom: 12px
    }

    ul.bs_tab li,ul.bs_tab_2 li {
        width: 50%
    }

    ul.bs_tab li a,ul.bs_tab_2 li a {
        width: auto;
        height: 30px;
        line-height: 30px
    }

    ul.bs_tab li:first-child a,ul.bs_tab_2 li:first-child a {
        border-radius: 2px 0 0 0
    }

    ul.bs_tab li:last-child a,ul.bs_tab_2 li:last-child a {
        border-radius: 0 2px 0 0
    }

    .search {
        position: relative;
        overflow: hidden;
        float: none;
        padding: 0 0 0 10px;
        border: 1px solid #8E664E;
        border-radius: 2px
    }

    .search .s_form {
        position: relative;
        float: none
    }

    .search .s_form .search_box {
        float: none;
        margin: 0 48px 0 74px
    }

    .search .n_select {
        position: absolute;
        top: 0;
        left: 0;
        min-width: auto;
        width: 74px;
        height: 46px;
        padding: 0;
        border: none;
        background: none
    }

    .search .n_select p {
        margin-top: 11px;
        color: #8E664E;
        font-size: 16px
    }

    .search .select_w {
        position: absolute;
        top: 0;
        left: 0;
        background: none
    }

    .search select#selSearch {
        min-width: auto;
        width: 74px;
        height: 46px;
        padding: 0;
        border: none;
        background: none;
        color: #8E664E;
        font-size: 16px
    }

    .search input[type=text] {
        float: none;
        width: 100%;
        height: 46px;
        padding: 0 5px;
        border: none;
        background: none;
        color: #282828;
        font-size: 15px;
        font-weight: 400;
        line-height: 46px
    }

    .search input[type=text]::-webkit-input-placeholder {
        color: #978E8A
    }

    .search input[type=text]::-moz-placeholder {
        color: #978E8A
    }

    .search input[type=text]:-ms-input-placeholder {
        color: #978E8A
    }

    .search input[type=text]::-ms-input-placeholder {
        color: #978E8A
    }

    .search input[type=text]::placeholder {
        color: #978E8A
    }

    .search .btn_search {
        position: absolute;
        top: 0;
        right: 0;
        width: 38px;
        height: 46px;
        background: url(https://lwi.nexon.com/lod/renewal/brand/sub/ico_search_m.png) no-repeat center;
        background-size: 20px 20px
    }

    .search .sb_area {
        display: none;
        position: absolute;
        top: -1px;
        right: -1px
    }

    .search .sb_area a.btn_al {
        width: 70px;
        height: 48px;
        border-radius: 0 2px 2px 0;
        font-size: 14px;
        font-weight: 400;
        line-height: 46px;
        letter-spacing: -0.42px
    }

    .all_l_type .sb_area {
        display: block
    }

    .all_l_type .s_form .search_box {
        margin: 0 70px 0 74px
    }

    .all_l_type .s_form .search_box .btn_search {
        right: 70px;
        width: 38px
    }

    .sub_menu {
        height: 52px;
        margin: 0 -16px 16px;
        background: #6d4a36
    }

    .sub_menu .swiper-slide {
        flex-grow: 0;
        font-weight: 400;
        font-size: 14px;
        margin: 0 2px
    }

    .sub_menu .swiper-slide a {
        width: auto;
        height: 52px;
        padding: 0 13px;
        background: none;
        font-size: 15px;
        font-weight: 500;
        line-height: 52px;
        letter-spacing: -0.3px
    }

    .sub_menu .swiper-slide:first-child a {
        margin: 0 0 0 12px
    }

    .sub_menu .swiper-slide:last-child a {
        margin: 0 12px 0 0
    }

    .sub_menu .swiper-slide.active a {
        background: none;
        color: #FF9000
    }

    .sub_menu .swiper-slide span.ss_ic {
        width: 12px;
        height: 12px;
        margin: 21px 0 0 3px;
        background-size: 12px 12px
    }

    .sub_menu.sticky {
        position: fixed;
        top: 0
    }

    .test_sb {
        height: auto;
        padding: 16px 0 0
    }

    .test_sb .ts_t p {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: -0.96px
    }

    .test_sb ul.ts_btn {
        margin-top: 14px
    }

    .test_sb:before {
        display: none
    }

    .board_wrap .b_util {
        margin-bottom: 0
    }

    .board_wrap .view_tl .bc_type1,.board_wrap .view_tl .bc_type2,.board_wrap .view_tl .bc_type3 {
        padding: 0 12px;
        margin: 0 5px 0 0;
        height: 22px;
        font-size: 12px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: -0.24px
    }

    .board_wrap .view_tl .view_subject {
        display: block;
        margin: 9px 0 0 0;
        color: #464646;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.48px
    }

    .board_wrap .view_util .view,.board_wrap .view_util .date,.board_wrap .view_util .time {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: -0.24px
    }

    .board_wrap .board_text table {
        width: auto !important
    }

    .board_wrap .board_text table * {
        word-break: normal
    }

    .board_wrap .board_text table caption {
        font-size: 0;
        text-indent: -9999px
    }

    .bb_line {
        float: none;
        margin: 16px 0;
        margin-left: 0;
        text-align: left
    }

    .bb_line a {
        margin-left: 0;
        margin-right: 5px
    }

    .board_wrap .board_list ul {
        border-top: none
    }

    .board_wrap .board_list ul li {
        padding: 0 10px;
        border-bottom: 1px solid #E0E0E0
    }

    .board_wrap .board_list ul li a {
        display: flex;
        flex-wrap: wrap;
        width: auto;
        height: auto;
        padding: 0
    }

    .board_wrap .board_list ul li a .bc_type1,.board_wrap .board_list ul li a .bc_type2,.board_wrap .board_list ul li a .bc_type3 {
        margin: 0
    }

    .board_wrap .board_list ul li a .tit {
        max-width: calc(100% - 110px);
        margin: 70px 0 0 0;
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.48px
    }

    .board_wrap .board_list ul li a .new {
        margin: 22px 0 0 2px
    }

    .board_wrap .board_list ul li a .cmt {
        margin: 50px 0 0 11px;
        font-size: 12px
    }

    .board_wrap .board_list ul li .time {
        top: 50px;
        right: 10px
    }

    .board_wrap .board_list ul li.no_data {
        height: auto !important;
        padding: 150px 10px
    }

    .board_wrap .board_list ul.cate li,.board_wrap .board_list ul.community_s1 li,.board_wrap .board_list ul.cashshop_s1 li {
        height: 80px
    }

    .board_wrap .board_list ul.cate li a,.board_wrap .board_list ul.community_s1 li a,.board_wrap .board_list ul.cashshop_s1 li a {
        margin-bottom: 10px
    }

    .board_wrap .board_list ul.cate li a .tit,.board_wrap .board_list ul.community_s1 li a .tit,.board_wrap .board_list ul.cashshop_s1 li a .tit {
        margin: 12px 0 0 0
    }

    .board_wrap .board_list ul.cate li a .new,.board_wrap .board_list ul.community_s1 li a .new,.board_wrap .board_list ul.cashshop_s1 li a .new {
        margin: 12px 0 0 6px
    }

    .board_wrap .board_list ul.cate li a .cmt,.board_wrap .board_list ul.community_s1 li a .cmt,.board_wrap .board_list ul.cashshop_s1 li a .cmt {
        margin: 12px 0 0 11px;
        font-size: 12px
    }

    .board_wrap .board_list ul.cate li .view,.board_wrap .board_list ul.cate li .user,.board_wrap .board_list ul.cate li .time,.board_wrap .board_list ul.community_s1 li .view,.board_wrap .board_list ul.community_s1 li .user,.board_wrap .board_list ul.community_s1 li .time,.board_wrap .board_list ul.cashshop_s1 li .view,.board_wrap .board_list ul.cashshop_s1 li .user,.board_wrap .board_list ul.cashshop_s1 li .time {
        vertical-align: top;
        line-height: 26px;
        font-size: 12px;
        letter-spacing: -0.24px
    }

    .board_wrap .board_list ul.cate li .view,.board_wrap .board_list ul.community_s1 li .view,.board_wrap .board_list ul.cashshop_s1 li .view {
        position: absolute;
        top: 45px;
        right: 105px
    }

    .board_wrap .board_list ul.cate li .time,.board_wrap .board_list ul.community_s1 li .time,.board_wrap .board_list ul.cashshop_s1 li .time {
        top: 45px;
        width: auto
    }

    .board_wrap .board_list ul.cate li .user,.board_wrap .board_list ul.community_s1 li .user,.board_wrap .board_list ul.cashshop_s1 li .user {
        width: auto
    }

    .board_wrap .board_list ul.cate li .user .u_sv,.board_wrap .board_list ul.community_s1 li .user .u_sv,.board_wrap .board_list ul.cashshop_s1 li .user .u_sv {
        margin: 3px 0 0 0
    }

    .board_wrap .board_list ul.cate li .user.master,.board_wrap .board_list ul.community_s1 li .user.master,.board_wrap .board_list ul.cashshop_s1 li .user.master {
        width: 90px;
        height: 23px;
        background-size: 90px 23px;
        line-height: 40px
    }

    .board_wrap .board_list ul.cate li {
        height: 57px
    }

    .board_wrap .board_list ul.cate li a .tit {
        max-width: calc(100% - 136px);
        margin: 19px 0 0 0
    }

    .board_wrap .board_list ul.cate li a .new {
        margin: 19px 0 0 6px
    }

    .board_wrap .board_list ul.cate li a .cmt {
        margin: 18px 0 0 11px;
        font-size: 12px
    }

    .board_wrap .board_list ul.cate li .time {
        top: 15px
    }

    .board_wrap .board_list ul.cate.c_type1 li {
        height: 84px
    }

    .board_wrap .board_list ul.cate.c_type1 li a .bc_type1,.board_wrap .board_list ul.cate.c_type1 li a .bc_type2,.board_wrap .board_list ul.cate.c_type1 li a .bc_type3 {
        position: absolute;
        top: 16px;
        left: 10px;
        height: 24px;
        padding: 0 13px;
        font-size: 12px;
        line-height: 24px;
        letter-spacing: -0.24px
    }

    .board_wrap .board_list ul.cate.c_type1 li a .tit {
        max-width: calc(100% - 120px);
        margin: 48px 0 0 0
    }

    .board_wrap .board_list ul.cate.c_type1 li a .new {
        margin: 48px 0 0 6px
    }

    .board_wrap .board_list ul.cate.c_type1 li .time {
        top: 45px
    }

    .board_wrap .board_list ul.cashshop_s1 li a .tit {
        max-width: calc(100% - 40px)
    }

    .view_head {
        min-height: auto;
        padding: 18px 5px 9px 5px;
        border-top: none;
        border-bottom: 1px solid #8E664E
    }

    .view_head .sv_b {
        margin: 3px 7px 0 0
    }

    .view_util {
        margin-top: 4px
    }

    .bt_line {
        padding: 16px 0
    }

    .board_text {
        padding: 0 13px;
        margin-bottom: 18px;
        font-size: 15px;
        font-weight: 400
    }

    .bt_line .character_info {
        height: auto
    }

    .bt_line .character_info .ci_inner {
        padding: 15px 14px 17px 14px
    }

    .bt_line .character_info .ci_inner .ci_i {
        width: 52px;
        height: 52px;
        margin: 0 15px 0 0;
        background-size: 52px 52px;
        border: 1px solid #8E664E
    }

    .bt_line .character_info .ci_inner .ci_tu {
        margin: 2px 0 0 0
    }

    .bt_line .character_info .ci_inner .ci_tu .c_info {
        margin-left: 69px
    }

    .bt_line .character_info .ci_inner .ci_tu .c_info span.ci_n {
        display: block;
        margin-top: 1px
    }

    .bt_line .character_info .ci_inner .ci_tu .c_info span.ci_lv {
        font-size: 14px;
        font-weight: 400
    }

    .bt_line .character_info .ci_inner .ci_tu p.ct_t {
        margin-top: 18px
    }

    .bt_line .character_info .ci_inner .ci_admin {
        margin: 13px 0 13px 30px
    }

    .bt_line ul.vt_sns {
        margin-top: 16px
    }

    .bt_line ul.vt_sns li a {
        width: 40px;
        height: 40px;
        background-size: 40px 40px
    }

    .bb_area {
        margin-top: 16px
    }

    .cmt_write {
        height: auto;
        padding: 30px 20px 20px;
        margin-bottom: 0
    }

    .cmt_all span {
        font-size: 14px;
        font-weight: 400
    }

    .cmt_write textarea::-webkit-input-placeholder {
        width: 100%;
        font-size: 15px;
        font-weight: 400;
        line-height: 24px
    }

    .cmt_write textarea::-moz-placeholder {
        width: 100%;
        font-size: 15px;
        font-weight: 400;
        line-height: 24px
    }

    .cmt_write textarea:-ms-input-placeholder {
        width: 100%;
        font-size: 15px;
        font-weight: 400;
        line-height: 24px
    }

    .cmt_write textarea::-ms-input-placeholder {
        width: 100%;
        font-size: 15px;
        font-weight: 400;
        line-height: 24px
    }

    .cmt_write textarea,.cmt_write textarea::placeholder {
        width: 100%;
        font-size: 15px;
        font-weight: 400;
        line-height: 24px
    }

    .word {
        top: 10px;
        right: 14px;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: -0.2px
    }

    .btn_cmt {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: 120px;
        height: 35px;
        margin: 10px auto 0
    }

    .btn_cmt::before {
        top: 7px;
        font-size: 14px;
        letter-spacing: -0.28px
    }

    .cmt_list {
        margin-bottom: 4px
    }

    .cmt_list li {
        padding: 15px 8px
    }

    .cmt_list li .cmt_info span.sv_n {
        width: 40px;
        height: 22px;
        font-size: 12px;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: -0.24px
    }

    .cmt_list li .cmt_info span.user {
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: -0.3px
    }

    .cmt_list li .cmt_info span.date {
        margin: 0 0 0 3px;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: -0.24px
    }

    .cmt_list li .con {
        width: auto;
        margin-top: 15px;
        font-size: 15px;
        font-weight: 400
    }

    .cmt_list li button {
        top: 15px;
        right: 8px
    }

    .paging {
        height: 32px;
        margin-top: 14px
    }

    .paging .btn_first {
        display: none;
        background-position-y: 8px;
        background-position-x: -293px
    }

    .paging .btn_prev {
        background-position-y: 8px;
        background-position-x: -332px
    }

    .paging .btn_next,.paging .btn_last {
        background-position-y: 8px
    }

    .paging .btn_last {
        display: none
    }

    .paging>button {
        width: 30px;
        height: 32px
    }

    .paging>button:hover {
        background-position-y: -128px
    }

    .paging span {
        margin: 0;
        height: 30px;
        line-height: 30px
    }

    .paging span a,.paging span a:hover,.paging span strong {
        line-height: 30px;
        min-width: 20px;
        font-size: 15px;
        margin: 0 1px
    }

    .paging span strong {
        border-bottom: 2px solid #d29f63
    }

    .view_aside {
        margin-top: 34px
    }

    .view_aside>a {
        height: auto;
        padding: 14px 8px
    }

    .view_aside>a>span,.view_aside>a .vat_line>span {
        line-height: 24px
    }

    .view_aside>a .vat_line {
        margin-bottom: 8px
    }

    .view_aside>a .vat_line span.va_at {
        background-position: right 12px;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: -0.3px
    }

    .view_aside>a .vat_line span.tit {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: calc(100% - 110px)
    }

    .view_aside>a .vat_line span.tit .bc_type1,.view_aside>a .vat_line span.tit .bc_type2,.view_aside>a .vat_line span.tit .bc_type3 {
        height: 22px;
        padding: 0 13px;
        margin: 2px 6px 0 0;
        font-size: 12px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: -0.24px
    }

    .view_aside>a .vat_line span.tit span.tit_t {
        font-size: 15px;
        font-weight: 400
    }

    .view_aside>a .vat_line .new {
        margin: 4px 0 0 2px
    }

    .view_aside span.time {
        display: block;
        position: static;
        font-size: 12px;
        font-weight: 400;
        line-height: 22px;
        letter-spacing: -0.24px
    }

    .view_aside span.time::before {
        margin: 5px 4px 0 0
    }

    .bw_tline {
        margin-top: 20px
    }

    .bw_tline::after {
        top: 15px
    }

    .bw_tc {
        height: 30px
    }

    .bw_tc span {
        font-size: 14px;
        font-weight: 600;
        line-height: 30px;
        letter-spacing: -0.28px
    }

    .bw_tc span.bw_ic {
        width: 20px;
        height: 20px;
        margin: 5px 0 0 0;
        background-size: 20px 97px
    }

    .bw_tc span.bw_ic.bw_ic1 {
        background-position-y: 1px
    }

    .bw_tc span.bw_ic.bw_ic2 {
        background-position-y: -39px
    }

    .bw_tc span.bw_ic.bw_ic3 {
        background-position-y: -79px
    }

    .bw_t input {
        height: 30px;
        font-size: 15px;
        font-weight: 400
    }

    .bw_m_img_line {
        margin-bottom: 16px
    }

    .bw_m_img_line p.m_img_t {
        top: 5px;
        padding-right: 0;
        font-size: 14px
    }

    .bw_m_img_line p.m_img_t::after {
        display: none
    }

    .bw_m_img_line .filebox {
        margin: -12px 0 0 102px
    }

    .bw_m_img_line .filebox button {
        width: 111px;
        height: 32px;
        background: url(https://lwi.nexon.com/lod/renewal/brand/m_btn_file.png) no-repeat;
        background-size: 111px 32px
    }

    .bw_m_img_line span.file_name {
        display: block;
        margin: 3px 0 0 0;
        font-size: 12px;
        letter-spacing: -0.24px
    }

    .bw_m_img_line p.m_img_guide {
        padding-top: 6px;
        margin: 9px 0 0 0;
        border-top: 1px dashed #e3d9c3;
        font-size: 14px
    }

    .editor {
        border-top: 1px solid #E3D9C3
    }

    p.wh_t {
        float: none;
        width: auto
    }

    .w_hashtag {
        padding: 8px 0 13px 0
    }

    ul.wh_list {
        float: none;
        overflow: hidden
    }

    ul.wh_list li {
        float: left;
        width: 48%;
        margin-right: 0;
        margin-bottom: 5px
    }

    ul.wh_list li input {
        display: block;
        width: 100%;
        height: 34px;
        border-radius: 2px;
        border: 1px solid #EDEAE6;
        background: #fff;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.42px
    }

    ul.wh_list li:nth-child(2n) {
        margin-left: 4%
    }

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

    .media_list,.media_wrap {
        margin-bottom: 0
    }

    .media_wrap {
        margin-top: 16px
    }

    .media_list {
        border-top: none
    }

    .media_list ul {
        padding-top: 0;
        border-bottom: none
    }

    .media_list ul li .t_util .tit {
        margin-top: 21px;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: -0.48px
    }

    .media_list ul li .t_util .new {
        margin-top: 20px
    }

    .media_list ul li .info .timeline .user .u_n {
        font-size: 15px;
        font-weight: 400
    }

    .media_list ul li .info .timeline .view,.media_list ul li .info .timeline .time {
        margin-left: 4px;
        font-size: 12px
    }

    .ml_s2 ul li .t_util .tit {
        margin-top: 0
    }

    .ml_s2 ul li .t_util .new {
        margin-top: 0
    }

    .mg_popup.wp_popup_a1 .mg_p_body,.mg_popup.wp_popup_a2 .mg_p_body,.mg_popup.wp_popup_a3 .mg_p_body,.mg_popup.wp_popup_a4 .mg_p_body,.mg_popup.wp_popup_b1 .mg_p_body,.mg_popup.wp_popup_b2 .mg_p_body,.mg_popup.wp_popup_b3 .mg_p_body,.mg_popup.wp_popup_b4 .mg_p_body,.mg_popup.wp_popup_c1 .mg_p_body,.mg_popup.wp_popup_c2 .mg_p_body,.mg_popup.wp_popup_c3 .mg_p_body,.mg_popup.wp_popup_c4 .mg_p_body {
        max-width: 1080px
    }

    .mg_popup.wp_popup_a1 .mg_p_body .mg_p_c,.mg_popup.wp_popup_a2 .mg_p_body .mg_p_c,.mg_popup.wp_popup_a3 .mg_p_body .mg_p_c,.mg_popup.wp_popup_a4 .mg_p_body .mg_p_c,.mg_popup.wp_popup_b1 .mg_p_body .mg_p_c,.mg_popup.wp_popup_b2 .mg_p_body .mg_p_c,.mg_popup.wp_popup_b3 .mg_p_body .mg_p_c,.mg_popup.wp_popup_b4 .mg_p_body .mg_p_c,.mg_popup.wp_popup_c1 .mg_p_body .mg_p_c,.mg_popup.wp_popup_c2 .mg_p_body .mg_p_c,.mg_popup.wp_popup_c3 .mg_p_body .mg_p_c,.mg_popup.wp_popup_c4 .mg_p_body .mg_p_c {
        max-width: 1080px
    }

    .mg_popup.wp_popup_a1 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_a2 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_a3 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_a4 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_b1 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_b2 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_b3 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_b4 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_c1 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_c2 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_c3 .mg_p_body .mg_p_c .mg_img,.mg_popup.wp_popup_c4 .mg_p_body .mg_p_c .mg_img {
        max-width: 1080px
    }

    .con_s1 h4.h4_s1 {
        padding-bottom: 8px;
        margin-bottom: 9px;
        border-bottom: 1px solid #8E664E
    }

    .con_s1 h4.h4_s1:nth-child(1),.con_s1 h4.h4_s1:nth-child(3) {
        display: none
    }

    .con_s1 h4.h4_s1:nth-child(5) {
        margin-top: 16px
    }

    p.cs1_p {
        font-size: 15px;
        letter-spacing: -0.45px
    }

    .dl_box {
        display: none
    }

    table.table_con1 {
        width: 1080px
    }

    table.table_con1 th,table.table_con1 td {
        padding: 0 10px
    }

    p.cs1_pl {
        font-size: 14px;
        letter-spacing: -0.42px
    }

    ul.c_list1 li {
        font-size: 15px;
        letter-spacing: -0.45px
    }

    ul.step_cl li .step_b {
        float: none
    }

    ul.step_cl li .st_ib {
        float: none
    }

    ul.step_cl li .st_ib p.step_t span {
        float: none
    }

    ul.step_cl li .st_ib p.step_t span.st_t1 {
        padding-right: 0;
        font-size: 15px;
        letter-spacing: -0.3px
    }

    ul.step_cl li .st_ib p.step_t span.st_t1::after {
        display: none
    }

    ul.step_cl li .st_ib p.step_t span.st_t1_2,ul.step_cl li .st_ib p.step_t span.st_t2 {
        margin-left: 0;
        font-size: 14px
    }

    .kdg_b .dl_btn a.btn_download .btn_ic {
        margin: 7px 0 0 0;
        background-position-y: -301px
    }

    ul.sh_lc li .slc_btn a.btn_st {
        height: 46px
    }

    ul.sh_lc li .slc_btn a.btn_st .btn_ic2 {
        background-size: 18px 134px
    }

    ul.sh_lc li .slc_btn a.btn_st .btn_tx {
        line-height: 44px
    }

    .sh_v h4.h4_s1 {
        margin-top: 30px;
        margin-bottom: 10px
    }

    p.sl_th,.shw_lb_t2 p.sl_th {
        left: 0;
        width: 88px;
        margin-right: 12px
    }

    .shw_lb_t2 .sl_td {
        padding-left: 100px
    }

    ul.shw_table>li p.sl_th,ul.shw_table>li input,ul.shw_table>li textarea,ul.shw_table>li label {
        font-size: 14px
    }

    ul.shw_table>li p.sl_th::after {
        display: none
    }

    .sl_td {
        padding-left: 100px
    }

    .hr_tb_w h4.h4_s1 {
        margin-top: 11px
    }

    .hr_tb_w p.tb_gt {
        margin-top: 15px;
        font-size: 15px;
        font-weight: 400
    }

    .hr_tb_w .tb_slider {
        margin-top: 10px
    }

    ul.hr_gl li {
        font-size: 15px
    }

    .hr_util .hu_sbb,.hr_util .hu_ib {
        position: relative;
        float: none;
        width: auto;
        height: 40px;
        margin-right: 0;
        border-bottom: none
    }

    .hr_util .hu_sbb .hu_sb {
        float: none;
        margin-left: 30%
    }

    .hr_util .hu_sbb .hu_sb .select_w::after {
        top: 16px
    }

    .hr_util .hu_sbb .hu_sb select.select_1 {
        width: 100%;
        height: 40px;
        background: none;
        font-size: 14px;
        line-height: 40px
    }

    .hr_util .hu_t {
        position: absolute;
        top: 0;
        left: 0;
        float: none;
        width: 25%;
        padding-left: 5%;
        text-align: left;
        font-size: 14px;
        font-weight: 400;
        line-height: 40px
    }

    .hr_util .hu_ib .hu_t {
        position: absolute;
        top: 0;
        left: 0;
        float: none;
        padding-left: 5%;
        border-right: 1px solid #E0E0E0;
        font-size: 14px;
        font-weight: 400;
        line-height: 40px
    }

    .hr_util .hu_ib .hu_t:after {
        display: none
    }

    .hr_util .hu_ib input {
        float: none;
        width: 66%;
        height: 40px;
        padding: 0 2%;
        margin-left: 30%;
        line-height: 40px
    }

    .hr_util .hu_ib2 {
        border-bottom: 1px solid #E0E0E0
    }

    .hr_util .hu_ib2 input {
        width: 54px
    }

    .hr_util form>.hu_sb {
        display: flex;
        float: none;
        margin-top: 18px
    }

    .hr_util form>.hu_sb button.search_bt1,.hr_util form>.hu_sb button.btn_st1 {
        flex-grow: 1;
        width: 50%;
        height: 40px;
        background: none;
        border: 1px solid #8E664E
    }

    .hr_util form>.hu_sb button.search_bt1 span.sb1_ic {
        margin: 4px -3px 0 0;
        background: url(https://lwi.nexon.com/lod/renewal/brand/sub/sb1_ic_m.png) no-repeat;
        background-size: 15px 15px
    }

    .hr_util form>.hu_sb button.search_bt1 span.sb1_t {
        color: #8E664E;
        font-size: 16px;
        letter-spacing: -0.32px
    }

    .hr_util form>.hu_sb button.btn_st1 {
        margin-left: 6px;
        color: #8E664E;
        font-size: 16px;
        letter-spacing: -0.32px
    }

    .table_line {
        overflow-x: scroll
    }

    .table_line table.table_s1 {
        width: 1080px
    }

    table.table_s1 td {
        height: 39px;
        font-size: 14px;
        font-weight: 400
    }

    table.table_s1 td p.hr_rank,table.table_s1 td span.hr_num,table.table_s1 td span.hr_new {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: -0.42px
    }

    table.table_s1 td span.hr_nc,table.table_s1 td span.hr_up,table.table_s1 td span.hr_down {
        margin: 5px 0 0 0
    }

    table.table_s1 td span.hr_ct {
        display: none
    }

    .csl_inner h4.h4_s1 {
        margin-top: 23px
    }

    .b_tab2 {
        float: none
    }

    #main_container .ciai_list {
        padding: 20px 16px 63px
    }

    .cn_slider .cn_nav button {
        display: none
    }

    .cs_tab {
        margin-bottom: 16px
    }

    .ciai_list .b_tab2 {
        margin-top: 16px;
        margin-bottom: 16px
    }

    .ciai_list .search select#selSearch {
        width: 88px
    }

    .ciai_list .search .s_form .search_box {
        margin: 0 44px 0 88px
    }

    .sitemap {
        width: 592px;
        padding-top: 20px
    }

    .sitemap>div:nth-child(3n),.sitemap>div:nth-child(4n) {
        margin: 0 16px 16px 0
    }

    .sitemap>div:nth-child(2n) {
        margin: 0 0 16px 0
    }

    .sitemap>div.sm_5,.sitemap>div.sm_6 {
        min-height: 232px
    }
}

@media (max-width: 946px) {
    ul.cia_list {
        width:auto
    }

    ul.cia_list>li {
        width: 49%;
        margin: 0 2% 2% 0
    }

    ul.cia_list>li:nth-child(3n),ul.cia_list>li:nth-child(4n) {
        margin: 0 2% 2% 0
    }

    ul.cia_list>li:nth-child(2n) {
        margin: 0 0 2% 0
    }

    ul.cia_list>li .cia_box {
        width: auto
    }

    ul.cia_list>li.no_data {
        width: auto;
        margin: 0
    }
}

@media (max-width: 890px) {
    .gi_visual {
        background:url(https://lwi.nexon.com/lod/renewal/brand/sub/gi_visual_m.jpg) no-repeat center 0
    }

    .gv_inner {
        padding: 50px 16px 73px
    }

    p.gv_title {
        margin-bottom: 20px;
        color: #E0E0E0;
        font-size: 18px;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: -0.54px;
        text-align: left
    }

    p.gv_title br:nth-child(1) {
        display: block
    }

    .gv_video .gv_border {
        top: 0.6vw;
        bottom: 0.6vw;
        left: 0.6vw;
        right: 0.6vw
    }

    ul.gv_btn li.gv_l1 {
        display: none
    }

    ul.gv_btn li.gv_l2 {
        margin: 0 15px 0 0
    }
}

@media (max-width: 830px) {
    ul.gi_c_list {
        max-width:380px;
        margin: 0 auto
    }

    ul.gi_c_list li {
        float: none;
        margin: 0 0 16px 0
    }

    ul.gi_c_list li:nth-child(2n),ul.gi_c_list li:nth-child(3n) {
        margin: 0 0 16px 0
    }

    .bgm .player .progressbar {
        margin: 0 16px
    }

    .bgm ul.playlist {
        width: auto;
        margin-top: 16px
    }

    .bgm ul.playlist li {
        float: none;
        margin: 0 0 16px 0;
        border-bottom: 1px solid #EDEAE6
    }

    .bgm ul.playlist li:nth-child(2n),.bgm ul.playlist li:nth-child(3n) {
        margin: 0 0 16px 0
    }

    .bgm ul.playlist li a {
        width: auto;
        height: auto;
        padding: 17px 10px
    }

    .bgm ul.playlist li a .bgm_tb {
        width: 80px;
        height: 80px;
        border: 4px solid #F3F2F1
    }

    .bgm ul.playlist li a .bgm_tb .bgm_thumb {
        width: 72px;
        height: 72px;
        margin: 4px auto;
        background-size: 72px 72px
    }

    .bgm ul.playlist li a .bgm_tl {
        margin-top: 14px
    }

    .bgm ul.playlist li a .bgm_tl span.bgm_t {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: -0.48px
    }

    .bgm ul.playlist li a .bgm_tl span.bgm_t br {
        display: none
    }

    .bgm ul.playlist li a .bgm_tl .bi_b {
        width: 30px;
        height: 30px;
        margin: -9px 0 0 7px
    }

    .bgm ul.playlist li a .bgm_tl .bi_b span.bgm_ic {
        width: 10px;
        height: 14px;
        margin: 8px auto 0;
        background-size: 10px 14px
    }

    .bgm ul.playlist li.select a .bgm_tb {
        border: 4px solid #ca9895
    }
}

@media (max-width: 760px) {
    ul.gv_btn {
        margin-top:4vw
    }

    ul.gv_btn li a {
        max-width: 165px;
        height: 0;
        padding-top: calc(50 / 165 * 100%);
        background-size: 165px auto
    }

    ul.gv_btn li a:hover {
        background-position-y: 0
    }

    ul.gv_btn li.gv_l2 {
        margin: 0 6px 0 0
    }

    ul.gv_btn li.gv_l2 a {
        display: block;
        background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/gv_btn2_m.png)
    }

    ul.gv_btn li.gv_l3 {
        margin-left: 6px
    }

    ul.gv_btn li.gv_l3 a {
        display: block;
        background-image: url(https://lwi.nexon.com/lod/renewal/brand/sub/gv_btn3_m.png)
    }

    table.table_con1 th,table.table_con1 td {
        font-size: 14px;
        font-weight: 400
    }

    .media_list ul li {
        float: none;
        width: auto;
        margin: 0 0 50px 0 !important
    }

    .media_list ul li .info span.timeline span.date {
        letter-spacing: -0.5px
    }

    ul.multi_gallery li {
        float: none;
        width: auto;
        margin: 0 0 16px 0
    }

    ul.multi_gallery li:nth-child(2n),ul.multi_gallery li:nth-child(3n) {
        margin: 0 0 16px 0
    }

    ul.multi_gallery li a .mg_thumb {
        width: auto;
        height: 0;
        padding-top: calc(213 / 380 * 100%);
        background-size: 100% 100%
    }

    .cs_tab {
        border-bottom: none
    }

    .cs_tab .swiper-slide {
        width: 100px
    }

    .cs_tab .swiper-slide.active {
        width: 100px
    }

    .kdg_b {
        height: auto;
        padding-bottom: 14px
    }

    .kdg_b .kdg_tl {
        padding: 14px 0
    }

    .kdg_b .kdg_tb span.kt_and_ic {
        width: 40px;
        height: 53px;
        background-size: 40px 53px
    }

    .kdg_b .kdg_tb span.kt_ios_ic {
        width: 40px;
        height: 48px;
        background-size: 40px 48px
    }

    .kdg_b .kdg_tb span.kdg_t {
        font-size: 22px;
        line-height: 26px;
        letter-spacing: -0.44px
    }

    .kdg_b ol li {
        font-size: 14px;
        font-weight: 400
    }

    .kdg_b ol li::before {
        width: 21px;
        height: 21px;
        line-height: 20px
    }

    ul.wall_paper {
        padding: 0;
        border-top: none;
        border-bottom: none
    }

    ul.wall_paper>li {
        float: none;
        width: auto;
        height: auto;
        margin-right: 0;
        margin-bottom: 0
    }

    ul.wall_paper>li:nth-child(2n) {
        margin: 0 0 30px 0
    }

    ul.wall_paper>li>.wp_thumb {
        width: auto;
        height: auto
    }

    ul.wall_paper>li>.wp_thumb>img {
        width: 100%;
        height: auto
    }

    .mg_popup .mg_p_body .mg_p_c .mg_pop_close {
        top: -70px
    }

    .mg_popup .mg_p_body .mg_p_c .mg_pop_close a {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background-size: 50px 50px
    }

    ul.wp_btn {
        margin-top: 2%;
        margin-bottom: 2%
    }

    ul.kt_screenshot {
        margin: 16px 0 32px 0
    }

    ul.kt_screenshot li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%
    }

    ul.kt_screenshot li img {
        max-width: none;
        width: 100%
    }

    ul.kt_screenshot li:nth-child(2),ul.kt_screenshot li:nth-child(4) {
        margin-right: 0
    }

    ul.kt_screenshot li:nth-child(3),ul.kt_screenshot li:nth-child(4) {
        margin-bottom: 0
    }

    .sl_td {
        padding-left: 100px
    }

    .sl_td .shw_select_b {
        font-size: 0
    }

    .sl_td .shw_select_b .game_server,.sl_td .shw_select_b .live_game_server {
        width: 40%;
        margin-right: 1%
    }

    .sl_td .shw_select_b .game_id,.sl_td .shw_select_b .live_game_id {
        width: 59%
    }

    ul.sh_lc {
        margin-top: 0
    }

    ul.sh_lc li {
        float: none;
        width: auto;
        height: auto;
        padding: 32px 0 34px 0;
        margin: 0;
        background: none;
        border-bottom: 1px solid #8E664E
    }

    ul.sh_lc li:first-child {
        padding: 16px 0 34px 0
    }

    ul.sh_lc li:nth-child(2n) {
        margin: 0
    }

    ul.sh_lc li p.slc_t1,ul.sh_lc li p.slc_t2 {
        text-align: center
    }

    ul.sh_lc li p.slc_t1 {
        margin-bottom: 0;
        font-size: 20px;
        letter-spacing: -0.4px
    }

    ul.sh_lc li p.slc_t2 {
        margin: 12px 0 18px 0;
        font-size: 15px
    }

    ul.sh_lc li .slc_btn {
        position: static;
        text-align: center
    }

    ul.shw_table li:last-child p.sl_th {
        position: static;
        width: auto;
        margin-top: 0;
        margin-right: 0;
        margin-bottom: 8px
    }

    ul.shw_table li:last-child .sl_td {
        padding-left: 0
    }

    .sh_guide {
        margin-top: 32px
    }

    p.sg_t {
        background-position: left 1px;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: -0.3px
    }

    ul.sg_list li {
        padding-left: 11px;
        font-size: 14px
    }

    .shw_select_type4 .shw_sc {
        width: 40%;
        margin-right: 1%
    }

    .shw_select_type4 input.input_1 {
        width: 59%;
        height: 40px;
        box-sizing: border-box
    }

    .shw_select_type4 span.shw_t1 {
        display: block
    }

    .sitemap {
        width: auto;
        padding-bottom: 0
    }

    .sitemap>div {
        float: none;
        width: auto;
        min-height: auto !important;
        margin: 0 0 15px 0 !important
    }

    .sitemap>div .sm_title {
        height: 48px
    }

    .sitemap>div .sm_title h5 a {
        font-size: 18px;
        line-height: 48px;
        letter-spacing: -0.36px
    }

    .sitemap>div .sm_list ul li a {
        font-size: 14px;
        line-height: 28px;
        letter-spacing: -0.42px
    }

    .sitemap>div .sm_list ul li.sm_bl_type a {
        background-position: right 8px
    }
}

@media (max-width: 500px) {
    ul.cia_list>li .cia_box {
        padding:8px
    }

    ul.cia_list>li .badge span {
        width: 28px;
        margin-right: 3px
    }

    ul.cia_list>li .badge span.d_pay {
        width: auto;
        padding: 0 3px;
        font-size: 10;
        letter-spacing: -0.5px
    }
}

@media (max-width: 400px) {
    table.table_con1 th,table.table_con1 td {
        padding:0 6px
    }
}

@media (max-width: 375px) {
    ul.gv_btn li a {
        background-size:100% auto
    }

    ul.gv_btn li a:hover {
        background-position-y: 0
    }

    ul.gv_btn li.gv_l2 {
        width: 48.5%;
        margin: 0 1.5% 0 0
    }

    ul.gv_btn li.gv_l2 a {
        display: block;
        width: auto
    }

    ul.gv_btn li.gv_l3 {
        width: 48.5%;
        margin-left: 1.5%
    }

    ul.gv_btn li.gv_l3 a {
        display: block;
        width: auto
    }
}