.qk_menu .itm01 span,.qk_menu .itm02 a,.qk_menu .itm04 a {
    font-size: 14px;
    display: block
}

.main_01 .cnt_wrap,.main_01 .cnt_wrap .tx_txt {
    font-size: 80px;
    line-height: 1.2;
    font-weight: 500
}

.nav_tools,.qk_menu {
    position: fixed;
    transform: translateY(-50%);
    z-index: 10
}

.th_wrap,.vcont {
    min-width: 1460px;
    max-width: 1920px
}

.ex_wrap,.th_wrap,.vcont {
    max-width: 1920px
}

.tbl_row,table {
    border-collapse: collapse
}

#ft ul,#hd ul,nav ul,ol,ul {
    list-style: none
}

#ft ul,#hd ul,button,input,legend,nav ul,p {
    margin: 0;
    padding: 0
}

*,.about_brand {
    box-sizing: border-box
}

.qk_menu {
    background-color: #4ea995;
    text-align: center;
    right: 0;
    top: 40%;
    width: 110px;
    border-radius: 10px 0 0 10px;
    overflow: hidden
}

.qk_menu .ln_sep {
    width: 100px;
    height: 1px;
    background-color: rgba(255,255,255,.4);
    margin: 10px auto auto
}

.main_01 .cnt_wrap,.main_01 .tit_0 {
    width: 100%;
    color: #fff;
    text-align: center
}

.qk_menu .itm01 {
    background-color: #4ea995;
    position: relative
}

.qk_menu .itm01 a {
    display: block;
    padding: 30px 0 10px
}

.qk_menu .itm01 span {
    font-weight: 500;
    color: #fff;
    line-height: 1.5;
    padding-top: 10px
}

.qk_menu .itm02,.qk_menu .itm03 {
    background-color: #4ea995;
    padding: 20px 0
}

.qk_menu .itm02 span {
    display: block;
    margin-top: 10px
}

.qk_menu .itm02 a {
    font-weight: 500;
    color: #fff;
    line-height: 1;
    padding: 10px 0
}

.qk_menu .itm04 {
    background-color: #000;
    position: relative;
    height: 30px
}

.qk_menu .itm04 a {
    font-weight: 600;
    color: #fff;
    line-height: 45px
}

.qk_menu .itm04 i {
    position: absolute;
    right: 50px;
    top: 10px
}

#fullpage {
    min-width: initial;
}

.gal_list ul,.main_01,body,html {
    overflow: hidden
}

.main_01 .cnt_wrap {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.main_01 .cnt_wrap .tx_txt {
    color: #fff;
    letter-spacing: -3px
}

.main_01 .tit_0 {
    line-height: 1;
    font-size: 18px;
    font-weight: 300
}

.main_01 .ln_sep {
    width: 40px;
    height: 2px;
    background: #fff;
    margin: 30px auto
}

.main_01 .com_tx01,.main_01 .com_tx02 {
    line-height: 1;
    margin-bottom: 30px;
    color: #fff
}

.main_01 .tt_it {
    width: 100%;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    letter-spacing: -2px
}

.main_01 .tt_it span.t1 {
    font-size: 64px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 20px;
    display: block;
    line-height: 1.4;
    letter-spacing: 0
}

.main_01 .tt_it span.t2 {
    font-size: 27px;
    font-weight: 400;
    color: #fff;
    display: block;
    letter-spacing: -1px
}

.main_01 .scrll {
    position: absolute;
    left: 0;
    bottom: 50px;
    width: 100%;
    text-align: center;
    z-index: 5;
    animation: 1s infinite alternate movingPara
}

.section .anime,.section.active .anime,.swiper-slide-active .anime {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both
}

.main_01 .mgr,.main_03 .mgr {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.main_01 .com_tx01 {
    font-size: 17px;
    font-weight: 400
}

.main_01 .com_tx02 {
    font-size: 65px;
    font-weight: 500;
    letter-spacing: -3px
}

.main_01 .com_tx03 {
    font-size: 17px;
    color: #fff;
    line-height: 1.8;
    margin-bottom: 80px;
    font-weight: 400
}

.main_01 .com_tx04 {
    font-size: 17px;
    color: #fff;
    line-height: 1;
    margin-bottom: 30px
}

.main_01 .com_tx04 button {
    transition: .5s ease-in-out;
    border: 1px solid #4ea995;
    position: relative;
    width: 200px;
    height: 50px;
    border-radius: 30px;
    background-color: rgba(78,168,149,.78);
    font-size: 17px;
    color: #fff;
    padding-right: 15px
}

.main_01 .mn_nxt,.main_01 .mn_prv {
    cursor: pointer;
    top: 45%;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: rgba(255,255,255,.1);
    z-index: 5;
    position: absolute
}

.main_01 .com_tx04 button .arrow_long {
    transition: .5s ease-in-out;
    position: absolute;
    right: 35px;
    top: 17px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
}

.main_01 .com_tx04 button:hover {
    background-color: #4ea895
}

.main_01 .mn_prv {
    left: 5%
}

.main_01 .mn_nxt:hover,.main_01 .mn_prv:hover {
    background-color: rgba(255,255,255,.2)
}

.main_01 .mn_prv>div {
    margin-left: 45px;
    margin-top: 37px
}

.main_01 .mn_nxt {
    right: 5%
}

.main_01 .mn_nxt>div {
    margin-left: 38px;
    margin-top: 37px
}

@keyframes movingPara {
    0% {
        bottom: 50px
    }

    100% {
        bottom: 40px
    }
}

.main_01 .swiper-slide {
    background-size: cover;
    background-position: center;
    overflow: hidden
}

.nav_tools {
    left: 3%;
    top: 50%
}

.nav_tools .cn_cls {
    width: 100%;
    position: relative
}

.nav_tools .cn_cls:after {
    position: absolute;
    z-index: 2;
    left: 5px;
    top: 10px;
    height: 92%;
    width: 0;
    background: #c3c2b7;
    content: "";
    display: block
}

.main_06 .nws_cls .r_nx3,.main_06 .nws_cls .r_pr3 {
    top: 55%;
    cursor: pointer;
    transform: translateY(-50%)
}

.nav_tools .nav_step * {
    -moz-transition: 0ms ease-in-out;
    -webkit-transition: 0ms ease-in-out;
    -o-transition: 0ms ease-in-out;
    transition: 0ms ease-in-out
}

.nav_tools .nav_step::selection {
    background: 0 0
}

.nav_tools .nav_step {
    white-space: nowrap;
    cursor: pointer;
    margin-bottom: 25px;
    width: auto;
    text-align: left;
    position: relative;
    margin-right: 0
}

.nav_tools .nav_step.on {
    width: auto;
    text-align: center;
    padding-right: 0
}

.nav_tools .nav_step .nav_label {
    transition: 0ms;
    opacity: 0;
    height: 0;
    font-size: 1px;
    color: #fff;
    opacity: 1;
    white-space: nowrap;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    overflow: hidden;
    margin: auto
}

.nav_tools .nav_step.on .nav_label {
    height: auto;
    display: block;
    font-size: 15px;
    color: #fff;
    line-height: 1;
    width: auto;
    opacity: 1;
    margin-top: 20px
}

.nav_tools .nav_step .nums:after,.nav_tools .nav_step.on .nums:after {
    position: absolute;
    background: #fff;
    height: 1px;
    left: 0;
    bottom: 0;
    content: ""
}

.nav_tools .nav_step .nav_dot {
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: relative;
    z-index: 10;
    margin-left: 2px
}

.nav_tools .nav_step.on .nav_dot,.nav_tools.black .nav_step.on .nav_dot {
    border: 2px solid #4ea995
}

.nav_tools .nav_step .nums:after {
    z-index: 2;
    width: 15px
}

.nav_tools .nav_step .nums,.nav_tools .nav_step.on .nums {
    font-size: 12px;
    width: 95px;
    display: block;
    line-height: 40px;
    color: #fff
}

.nav_tools .nav_step.on .nums:after {
    z-index: 2;
    width: 100%
}

.nav_tools .nav_step .nums {
    float: right;
    opacity: .5;
    overflow: hidden;
    position: relative;
    text-align: left
}

.nav_tools .nav_step.on .nums {
    opacity: 1;
    overflow: visible
}

.nav_tools.black * {
    color: #4ea995!important
}

.nav_tools .nav_step .ln_sep {
    width: 1px;
    height: 0;
    background: #aaa;
    margin: 20px auto
}

.main_03,.main_04 .cnt_wrap .bs2,.main_05 .cnt_wrap .vnt_cls .swiper-slide .mg_r,.main_05 .cnt_wrap .x_r .swiper-slide .mg_r {
    background-position: center;
    background-size: cover
}

.nav_tools .nav_step.on .ln_sep {
    width: 1px;
    height: 55px;
    background: #aaa
}

.nav_tools.black .nav_step .nav_dot {
    border: 2px solid #555
}

.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.main_02 {
    background-color: #fbfafa
}

.main_02 .cnt_wrap {
    width: 100%;
    height: 100%;
    padding-top: 150px
}

.main_02 .cnt_wrap .tp_r,.product_list,.tl_cls .cnt_wrap {
    width: initial;
    max-width: 1500px;
    margin: auto
}

.clear:after,.clear_b:after,.main_02 .cnt_wrap .tp_r:after {
    clear: both;
    content: "";
    display: block
}

.main_02 .cnt_wrap .tp_r .tt_r {
    float: left;
    width: 50%
}

.main_02 .cnt_wrap .tp_r .tt_r .tt01 {
    font-size: 18px;
    color: #4ea995;
    line-height: 1;
    margin-bottom: 20px;
    font-weight: 300
}

.main_02 .cnt_wrap .tp_r .tt_r .tt02 {
    font-size: 65px;
    color: #000;
    line-height: 1;
    margin-bottom: 20px;
    font-weight: 600
}

.main_02 .cnt_wrap .tp_r .tt_r .tt03 {
    color: #555;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 300
}

.main_02 .cnt_wrap .tp_r .tb_r {
    float: left;
    margin-top: 100px;
    width: 50%;
    display: flex;
    justify-content: space-between
}

.main_02 .cnt_wrap .tp_r .tb_r .itm_box {
    transition: .3s;
    width: 170px;
    height: 50px;
    line-height: 48px;
    text-align: center;
    font-size: 17px;
    color: #666766;
    background-color: #fff;
    border: 1px solid #4ea995;
    border-radius: 40px;
    cursor: pointer;
    position: relative
}

.main_02 .cnt_wrap .tp_r .tb_r .itm_box.on,.main_02 .cnt_wrap .tp_r .tb_r .itm_box:hover {
    background-color: #4ea995;
    border: 1px solid #4ea995;
    color: #fff
}

.main_02 .cnt_wrap .md_r .m_prev {
    position: absolute;
    left: 0;
    top: 50%
}

.main_02 .cnt_wrap .md_r .mpd_cls {
    padding: 0 50px;
    display: none
}

.main_02 .cnt_wrap .md_r .swiper-container {
    overflow: visible
}

.main_02 .cnt_wrap .md_r {
    width: 650px;
    height: 450px;
    margin: auto;
    padding: 60px 70px 0
}

.main_02 .cnt_wrap .md_r .swiper-slide {
    vertical-align: middle;
    display: inline-block;
    width: 320px;
    height: 300px;
    margin-top: 80px;
    transition: .3s
}

.main_02 .cnt_wrap .md_r .swiper-slide img {
    width: 100%;
    height: 300px;
    object-fit: cover
}

.main_02 .cnt_wrap .md_r .swiper-slide .txr {
    transition: .5s;
    background-color: #4ea995;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px
}

.main_02 .cnt_wrap .md_r .swiper-slide .txr .prod_name {
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff
}

.main_02 .cnt_wrap .md_r .swiper-slide .txr .prod_desc {
    display: none;
    text-align: center;
    font-size: 16px;
    line-height: 1.6;
    color: #fff;
    word-break: keep-all;
    padding: 0 50px
}

.main_02 .cnt_wrap .md_r .swiper-slide .txr .lnk_r {
    text-align: center;
    display: none;
    padding-top: 40px
}

.main_02 .cnt_wrap .md_r .swiper-slide .txr .lnk_r .btn_btn {
    transition: .5s ease-in-out;
    display: inline-block;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #fff;
    position: relative
}

.main_02 .cnt_wrap .md_r .swiper-slide .txr .lnk_r .arrow_long {
    transition: .5s ease-in-out;
    position: absolute;
    right: 13px;
    top: 13px;
    border-top: 2px solid #4ea995;
    border-left: 2px solid #4ea995
}

.main_02 .cnt_wrap .md_r .swiper-slide .txr .lnk_r .arrow_long:after,.main_06 .sns_cls .snsbx .snt_it .mgs_img.on {
    background-color: #4ea995
}

.main_02 .cnt_wrap .md_r .swiper-slide .nwrp {
    width: 350px;
    height: 300px;
    position: relative;
    margin: auto;
    background-color: rgba(0,0,0,.05)
}

.main_02 .cnt_wrap .md_r .swiper-slide-active {
    width: 490px;
    height: 400px;
    margin-top: 0
}

.main_02 .cnt_wrap .md_r .swiper-slide-active .nwrp,.product_wrap .product_list .itm_box .mgs_img img {
    width: 100%;
    height: auto
}

.main_02 .cnt_wrap .md_r .swiper-slide-active img {
    width: 100%;
    height: 380px;
    object-fit: cover
}

.main_02 .cnt_wrap .md_r .swiper-slide-active:hover .txr {
    height: 100%;
    background-color: rgba(78,169,149,.5);
    padding-top: 100px
}

.main_02 .cnt_wrap .md_r .swiper-slide-active:hover .txr .prod_name {
    font-size: 30px;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff
}

.clearfix,.main_02 .cnt_wrap .md_r .swiper-slide-active:hover .txr .lnk_r,.main_02 .cnt_wrap .md_r .swiper-slide-active:hover .txr .prod_desc,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

.main_03 .cnt_wrap {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4
}

.main_06 {
    background-color: #f4f5f5
}

.main_06 .cnt_wrap {
    width: 1400px;
    margin: auto;
    padding-top: 150px;
    position: relative
}

.main_06 .tt_it {
    font-size: 50px;
    font-weight: 700;
    color: #222;
    padding-bottom: 40px
}

.main_06 .nws_lst {
    display: flex;
    justify-content: space-between
}

.main_06 .nws_lst .itm_box {
    width: 30%
}

.main_06 .nws_lst .itm_box .mgs_img {
    background-size: cover;
    background-position: top center;
    width: 100%;
    height: 280px
}

.main_06 .nws_lst .itm_box .dsc_cls {
    padding: 20px 30px;
    background: #fff;
    height: 130px
}

.main_06 .nws_lst .itm_box .dsc_cls .tx01 {
    font-size: 16px;
    color: #4ea995;
    padding-bottom: 10px
}

.main_06 .nws_lst .itm_box .dsc_cls .tx02 {
    font-size: 15px;
    color: #222;
    padding-bottom: 0;
    font-weight: 400;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.main_06 .nws_cls .r_pr3 {
    z-index: 2;
    position: absolute;
    left: -40px
}

.main_06 .nws_cls .r_nx3 {
    z-index: 2;
    position: absolute;
    right: -40px
}

.main_05 .cnt_wrap .x_r i,.main_06 .nws_cls i {
    width: 25px;
    height: 25px;
    opacity: .6
}

.main_05 .cnt_wrap .x_r i:hover,.main_06 .nws_cls i:hover {
    opacity: 1
}

.main_06 .nws_cls {
    position: relative
}

.main_06 .sns_cls {
    margin-top: 70px;
    position: relative;
    min-width: 1400px
}

.main_06 .sns_cls .tt2 {
    font-size: 14px;
    font-weight: 400;
    color: #555;
    padding-bottom: 10px
}

.main_06 .sns_cls .ntx_txt {
    font-size: 36px;
    color: #222;
    line-height: 1.4;
    font-weight: 400
}

.main_06 .sns_cls .ntx_txt span {
    font-size: 36px;
    color: #222;
    line-height: 1.4;
    font-weight: 700
}

.main_06 .sns_cls .snsbx {
    position: absolute;
    right: 100px;
    top: 0;
    display: flex;
    justify-content: space-between;
    width: 630px
}

.main_06 .sns_cls .snsbx .snt_it {
    width: 22%
}

.main_06 .sns_cls .snsbx .snt_it .mgs_img {
    transition: .5s;
    border: 1px solid #fff;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    margin: auto
}

.main_06 .sns_cls .snsbx .snt_it:hover .mgs_img {
    border: 1px solid #4ea995;
    background-color: #4ea995
}

.main_06 .sns_cls .snsbx .snt_it .mgs_img img {
    transition: .3s ease-in-out;
    position: relative;
    vertical-align: middle;
    top: 50%;
    transform: translateY(-50%)
}

.main_06 .sns_cls .snsbx .snt_it .tx_txt {
    font-size: 16px;
    color: #222;
    text-align: center;
    padding: 10px 0
}

.main_04 .cnt_wrap {
    width: 100%;
    height: 100%
}

.main_04 .cnt_wrap .bs1 {
    height: 100%;
    width: 50%;
    float: left
}

.main_04 .cnt_wrap .bs1 .dsc_cls {
    position: relative;
    padding-top: 150px;
    width: 80%;
    max-width: 720px;
    min-width: 660px;
    float: right;
    padding-right: 40px
}

.main_05 .cnt_wrap .x_r .ar_next02,.main_05 .cnt_wrap .x_r .ar_prev02 {
    z-index: 2;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    cursor: pointer;
    top: 50%
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx01 {
    font-size: 18px;
    color: #4ea995;
    line-height: 1;
    margin-bottom: 30px;
    font-weight: 400
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx02 {
    font-size: 65px;
    color: #222;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: -3px
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx03 {
    font-size: 17px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 50px;
    font-weight: 400
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx04 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
    width: 90%
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx04 .itm_box {
    width: 123px
}

.board_bottom .paging,.main_04 .cnt_wrap .bs1 .dsc_cls .tx04 .itm_box .mg_img,.table.list td,.tac {
    text-align: center
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx04 .itm_box .mg_img img {
    max-width: 95%;
    height: auto
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx04 .itm_box .tx_txt {
    font-size: 17px;
    color: #222;
    text-align: center;
    padding: 15px 0
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx05 .btt_r {
    display: inline-block;
    float: left;
    margin-right: 30px
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx05 .mr_btn {
    font-size: 15px;
    color: #444;
    font-weight: 500;
    display: inline-block;
    position: relative;
    padding-right: 50px
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx05 .mr_btn .tx_txt {
    transition: .5s ease-in-out;
    font-size: 15px;
    line-height: 38px;
    color: #444;
    font-weight: 500;
    position: relative;
    z-index: 2
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx05 .btn_btn,.main_04 .cnt_wrap .bs2 .dsc_cls .tx03 .btn_btn {
    transition: .5s ease-in-out;
    display: inline-block;
    width: 38px;
    height: 38px;
    position: absolute;
    border-radius: 50%;
    background-color: #4ea995;
    left: 100px;
    top: 0
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx05 .btn_btn .arrow_long,.main_04 .cnt_wrap .bs2 .dsc_cls .tx03 .btn_btn .arrow_long {
    transition: .5s ease-in-out;
    position: absolute;
    right: 13px;
    top: 13px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx05 .mr_btn:hover .btn_btn,.main_04 .cnt_wrap .bs2 .dsc_cls .tx03 .mr_btn:hover .btn_btn {
    width: 100%;
    border-radius: 50px;
    left: 0
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx05 .mr_btn:hover .tx_txt,.main_04 .cnt_wrap .bs2 .dsc_cls .tx03 .mr_btn:hover .tx_txt {
    color: #fff;
    padding-left: 30px
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx05 .mr_btn:hover .arrow_long,.main_04 .cnt_wrap .bs2 .dsc_cls .tx03 .mr_btn:hover .arrow_long {
    right: 17px
}

.main_04 .cnt_wrap .bs2 {
    height: 100%;
    width: 50%;
    float: right;
    background-image: url(/src_dataw/lang/en/img/main/worldbg.jpg)
}

.main_04 .cnt_wrap .bs2 .dsc_cls {
    padding-top: 565px;
    padding-left: 100px
}

.main_04 .cnt_wrap .bs2 .dsc_cls .tx01 {
    margin-bottom: 0
}

.main_04 .cnt_wrap .bs2 .dsc_cls .tx01 span {
    font-size: 24px;
    color: #fff;
    line-height: 1;
    padding-bottom: 5px;
    border-bottom: 0 solid #fff;
    font-weight: 400
}

.main_04 .cnt_wrap .bs2 .dsc_cls .tx01 span.eb {
    font-size: 34px;
    color: #fff
}

.main_04 .cnt_wrap .bs2 .dsc_cls .tx02 {
    font-size: 100px;
    color: #fff;
    line-height: 120px;
    font-weight: 700;
    margin-bottom: 40px
}

.main_04 .cnt_wrap .bs2 .dsc_cls .tx02 .pnm_cls {
    font-size: 100px;
    color: #fff;
    line-height: 120px;
    font-weight: 700
}

.main_04 .cnt_wrap .bs2 .dsc_cls .tx02 span {
    font-size: 70px;
    color: #fff;
    line-height: 120px;
    font-weight: 700;
    display: inline-block;
    vertical-align: top
}

.main_04 .cnt_wrap .bs2 .dsc_cls .tx02 .tx_0 {
    font-size: 30px;
    color: #fff;
    line-height: 120px
}

.main_04 .cnt_wrap .bs2 .dsc_cls .tx03 .mr_btn {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    display: inline-block;
    position: relative;
    padding-right: 50px
}

.main_04 .cnt_wrap .bs2 .dsc_cls .tx03 .mr_btn .tx_txt {
    transition: .5s ease-in-out;
    font-size: 15px;
    line-height: 38px;
    color: #fff;
    font-weight: 500;
    position: relative;
    z-index: 2
}

button.ham_btn,button.ham_btn span {
    -moz-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out
}

.main_05 {
    background-color: #f6fbfa
}

.main_05 .cnt_wrap {
    width: 100%;
    height: 100%;
    padding-top: 150px;
    position: relative
}

.main_05 .cnt_wrap .x_r {
    width: 1400px;
    position: relative;
    margin: 0 auto 30px
}

.main_05 .cnt_wrap .x_r .tt_it {
    font-size: 50px;
    font-weight: 700;
    color: #222;
    padding-bottom: 40px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.main_05 .cnt_wrap .x_r .swiper-slide {
    padding-bottom: 20px;
    overflow: hidden
}

.main_05 .cnt_wrap .x_r .swiper-slide .mg_r {
    width: 100%;
    height: 300px
}

.main_05 .cnt_wrap .x_r .swiper-slide .tx_txt {
    font-size: 17px;
    font-weight: 400;
    padding: 15px 0;
    color: #222
}

.main_05 .cnt_wrap .x_r .ar_prev02 {
    position: absolute;
    left: -40px
}

.main_05 .cnt_wrap .x_r .ar_next02 {
    position: absolute;
    right: -40px
}

.main_05 .cnt_wrap .vnt_cls {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}

.about_brand.chapter_3 .mg_r img,.main_05 .cnt_wrap .vnt_cls .swiper-slide,.w100x {
    width: 100%
}

.main_05 .cnt_wrap .vnt_cls .swiper-slide .mg_r {
    width: 100%;
    height: 26vh;
    background-repeat: no-repeat
}

.swiper-pagination-bullet {
    background: #fff;
    border: 2px solid #6fbfae;
    opacity: 1
}

.swiper-pagination-bullet-active {
    background: #6fbfae;
    border: 2px solid #6fbfae
}

.ex_wrap {
    margin: auto
}

.video-container {
    position: relative;
    background: #000;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container embed,.video-container iframe,.video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.th_wrap {
    margin: auto
}

.vcont {
    background: #000;
    margin: auto
}

.wrap,body {
    min-width: initial;
}

.w_v {
    width: 1000px;
    margin: auto;
    padding: 100px 0
}

button.berger:active,button.berger:focus,button.ham_btn:focus {
    outline: 0
}

body {
    line-height: 1.4;
    background: #fff;
    font-weight: 400;
    font-family: Montserrat,'Noto Sans KR',NotoSans,'Malgun Gothic';
    color: #222
}

.header.on button.ham_btn span,.header.on2 button.ham_btn span {
    background: #222!important
}

button.ham_btn {
    background: 0 0;
    z-index: 70;
    width: 36px;
    height: 36px;
    cursor: pointer;
    transition: .3s ease-in-out;
    border: 0
}

button.ham_btn span.ham_b2 {
    width: 17px;
    opacity: 1;
    transform: translateY(0) rotate(0);
    background: #fff
}

button.ham_btn span {
    display: block;
    vertical-align: top;
    margin: 5px 0 0;
    transition: .3s ease-in-out;
    opacity: 1;
    position: relative;
    width: 20px;
    height: 2px;
    background: #fff;
    z-index: 10!important
}

.arrow_det,.table td img {
    margin-left: 5px
}

button.ham_btn span.ham_b1 {
    -webkit-animation: 1s forwards menu-bar01_1;
    -moz-animation: 1s forwards menu-bar01_1;
    animation: 1s forwards menu-bar01_1
}

button.ham_btn span.ham_b3 {
    -webkit-animation: 1s forwards menu-bar02_1;
    -moz-animation: 1s forwards menu-bar02_1;
    animation: 1s forwards menu-bar02_1;
    margin-left: 0
}

button.ham_btn.on span.ham_b1 {
    width: 27px;
    -webkit-animation: 1s forwards menu-bar01;
    -moa-animation: menu-bar01 1s forwards;
    animation: 1s forwards menu-bar01
}

button.ham_btn.on span.ham_b2 {
    opacity: 0;
    width: 0
}

button.ham_btn.on span.ham_b3 {
    width: 27px;
    -webkit-animation: 1s forwards menu-bar02;
    -moz-animation: 1s forwards menu-bar02;
    animation: 1s forwards menu-bar02
}

.all_menu button.ham_btn {
    right: 50%;
    top: 80px;
    margin-right: -640px;
    -moz-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.all_menu button.ham_btn span,.btns .btn01:hover {
    background: #222
}

#wrap.on+.all_menu button.ham_btn,.header.on button.ham_btn,body.on button.ham_btn {
    top: 60px
}

@keyframes menu-bar01 {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }

    50% {
        -webkit-transform: translateY(6px) rotate(0);
        transform: translateY(6px) rotate(0)
    }

    100% {
        -webkit-transform: translateY(6px) rotate(45deg);
        transform: translateY(6px) rotate(45deg)
    }
}

@keyframes menu-bar02 {
    0% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }

    50% {
        -webkit-transform: translateY(-12px) rotate(0);
        transform: translateY(-12px) rotate(0)
    }

    100% {
        -webkit-transform: translateY(-12px) rotate(-45deg);
        transform: translateY(-12px) rotate(-45deg)
    }
}

@keyframes menu-bar01_1 {
    0% {
        -webkit-transform: translateY(6px) rotate(45deg);
        transform: translateY(6px) rotate(45deg)
    }

    50% {
        -webkit-transform: translateY(6px) rotate(0);
        transform: translateY(6px) rotate(0)
    }

    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
}

@keyframes menu-bar02_1 {
    0% {
        -webkit-transform: translateY(-6px) rotate(-45deg);
        transform: translateY(-6px) rotate(-45deg)
    }

    50% {
        -webkit-transform: translateY(-6px) rotate(0);
        transform: translateY(-6px) rotate(0)
    }

    100% {
        -webkit-transform: translateY(0) rotate(0);
        transform: translateY(0) rotate(0)
    }
}

.arrow {
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    vertical-align: middle;
    padding: 5px
}

.arrow_det,.arrow_det2 {
    display: inline-block;
    vertical-align: top
}

.arrow_det {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    padding: 3px;
    margin-top: 55px
}

.arrow_det2 {
    border: solid #fff;
    border-width: 0 1px 1px 0;
    padding: 13px
}

.right_c {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

.left_c {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.up_c {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.down_c {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.pt0 {
    padding-top: 0!important
}

.pt55 {
    padding-top: 55px!important
}

.pt60 {
    padding-top: 60px!important
}

.pt90 {
    padding-top: 90px!important
}

.pt140 {
    padding-top: 140px!important
}

.pt200 {
    padding-top: 200px!important
}

.pb0 {
    padding-bottom: 0!important
}

.pb40 {
    padding-bottom: 40px!important
}

.pb60 {
    padding-bottom: 60px!important
}

.pb70 {
    padding-bottom: 70px!important
}

.pb80 {
    padding-bottom: 80px!important
}

.pb90 {
    padding-bottom: 90px!important
}

.mt0 {
    margin-top: 0!important
}

.mt10 {
    margin-top: 10px!important
}

.mt100 {
    margin-top: 100px!important
}

.mt20 {
    margin-top: 20px!important
}

.mt30 {
    margin-top: 30px!important
}

.mt40 {
    margin-top: 40px!important
}

.mt50 {
    margin-top: 50px!important
}

.mt60 {
    margin-top: 60px!important
}

.mt90 {
    margin-top: 90px!important
}

.mr0 {
    margin-right: 0!important
}

.mr20 {
    margin-right: 20px!important
}

.mr30 {
    margin-right: 30px!important
}

.mr40 {
    margin-right: 40px!important
}

.mr60 {
    margin-right: 60px!important
}

.mr80 {
    margin-right: 80px!important
}

.mr90 {
    margin-right: 90px!important
}

.mb0 {
    margin-bottom: 0!important
}

.mb10 {
    margin-bottom: 10px!important
}

.mb20 {
    margin-bottom: 20px!important
}

.mb50 {
    margin-bottom: 50px!important
}

.mb90 {
    margin-bottom: 90px!important
}

.eng {
    font-family: Montserrat,NotoSans,sans-serif!important
}

.w1200 {
    margin: auto;
    width: 1200px!important
}

.w100p {
    width: 100%!important
}

.h100p {
    height: 100%!important
}

.fz16 {
    font-size: 16px!important
}

.fz18 {
    font-size: 18px!important
}

.fz20 {
    font-size: 20px!important
}

.fz30 {
    font-size: 30px!important
}

.fz40 {
    font-size: 40px!important
}

.fz50 {
    font-size: 50px!important
}

.section .anime,.section.active .anime {
    -webkit-animation-duration: 3.2s;
    -moz-animation-duration: 3.2s;
    -o-animation-duration: 3.2s;
    animation-duration: 3.2s;
    animation-fill-mode: both
}

.section.active .anime.faleft {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.swiper-slide-active .anime {
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    animation-fill-mode: both;
    animation-name: fadeInDown
}

.swiper-slide-active .anime3,.swiper-slide-active .nm2 {
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both
}

.swiper-slide-active .nm2 {
    animation-fill-mode: both;
    animation-name: scalein;
    animation-duration: 7s
}

.swiper-slide-active .anime3 {
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-duration: 1s
}

.swiper-slide-active .nm4 {
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-duration: 2.5s
}

.section.active .anime.faleft2 {
    -webkit-animation-name: blur_in;
    -moz-animation-name: blur_in;
    -o-animation-name: blur_in;
    animation-name: blur_in
}

.section.active .moveup {
    animation-fill-mode: both;
    animation-duration: 7s;
    animation-name: scalein2
}

.anim1,.anim2,.mainani {
    animation: 2.5s ease-in-out infinite alternate mainItemx
}

.anim3 {
    animation: 3.5s ease-in-out infinite alternate mainItemx
}

.anim4,.anim5 {
    animation: 3s ease-in-out infinite alternate mainItemx
}

.anim6 {
    animation: 2s ease-in-out infinite alternate mainItemx
}

@keyframes mainItemx {
    0% {
        transform: translateY(5%)
    }

    100% {
        transform: translate(-5%)
    }
}

.swiper-slide-active .anime.du1 {
    animation-delay: 1.2s
}

.section.active .anime.dur3,.swiper-slide-active .anime.du2 {
    animation-delay: 2.2s
}

.swiper-slide-active .anime.du3 {
    animation-delay: 3.2s
}

.swiper-slide-active .anime.du4 {
    animation-delay: 4.2s
}

.section.active .anime.dur0 {
    animation-delay: .7s
}

.section.active .anime.dur1,.subtop .post2 {
    animation-delay: 1s
}

.section.active .anime.dur2 {
    animation-delay: 1.9s
}

.section.active .anime.dur4,.section.active .anime.dur6 {
    animation-delay: 2.5s
}

.section.active .anime.dur5 {
    animation-delay: 2.8s
}

.section.active .anime.dur7 {
    animation-delay: 3.5s
}

.section.active .anime.dur8 {
    animation-delay: 4.5s
}

.du1 {
    animation-delay: .3s!important
}

.du2 {
    animation-delay: .8s!important
}

.du3 {
    animation-delay: 1.2s!important
}

.du4 {
    animation-delay: 1.6s!important
}

@-webkit-keyframes sheen {
    0% {
        -webkit-transform: skewY(-45deg) translateX(0);
        transform: skewY(-45deg) translateX(0)
    }

    100% {
        -webkit-transform: skewY(-45deg) translateX(12.5em);
        transform: skewY(-45deg) translateX(12.5em)
    }
}

@keyframes sheen {
    0% {
        -webkit-transform: skewY(-45deg) translateX(0);
        transform: skewY(-45deg) translateX(0)
    }

    100% {
        -webkit-transform: skewY(-45deg) translateX(12.5em);
        transform: skewY(-45deg) translateX(12.5em)
    }
}

.wrap {
    width: 100%;
    transition: .3s linear;
    max-width: 100%;
    padding-top: 0
}

.qk_menu,.scdim,hr {
    display: none
}

.fix {
    overflow: hidden!important
}

.fix_body {
    width: 100%;
    height: 100%;
    position: fixed;
    right: -100%;
    top: 0;
    z-index: 10110;
    transition: .3s;
    opacity: 1
}

.fix_body .cnt_wrap {
    width: 100%;
    height: 100%;
    position: relative
}

.fix_body .bg,.fix_body .menus {
    float: left;
    width: 50%;
    height: 100%
}

.fix_body .bg {
    background-size: cover;
    background-position: top center;
    background-image: url(img/common/full_bg.jpg)
}

.fix_body .menus {
    background-color: #fff
}

.fix_body .menus .mn {
    position: relative;
    padding-left: 10%;
    top: 50%;
    transform: translateY(-50%)
}

.fix_body .menus .mn .itm {
    margin-bottom: 30px
}

.fix_body .menus .mn .itm a.link {
    transition: .1s;
    font-size: 2.5vw;
    color: #222333;
    font-weight: 300;
    display: block;
    line-height: 1.6
}

.fix_body .menus .mn .itm a.link:hover {
    font-weight: 500;
    color: #b3a58c
}

.fix_body .menus .mn .itm .itmsub {
    line-height: 1.8;
    padding: 20px 0
}

.fix_body .menus .mn .itm .itmsub a.slink {
    transition: .3s;
    font-size: 1.1vw;
    color: #222333;
    font-weight: 300;
    display: block;
    line-height: 2.1
}

.fix_body .menus .mn .itm .itmsub a.slink:hover {
    color: #b3a58c;
    text-decoration: underline
}

.fix_body .hd {
    position: absolute;
    left: 5%;
    top: 0;
    height: 100px;
    min-width: 1300px;
    width: 90%;
    margin: auto
}

.fix_body .hd .nav_panel {
    float: right;
    margin-top: 30px
}

.tl_cls * {
    font-family: NotoSans
}

.about_brand {
    width: 100%;
    min-height: 1040px;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    overflow: hidden
}

.about_brand.chapter_1 {
    background: url('../img/brand/brand_01.jpg') center 0/cover no-repeat fixed
}

.about_brand.chapter_2 {
    background: url('../img/brand/brand_02.jpg') center 0/cover no-repeat fixed
}

.about_brand.chapter_3 {
    background: url('../img/brand/brand_03.jpg') center 0/cover no-repeat fixed
}

.about_brand.chapter_4 {
    background: url('../img/brand/brand_04.jpg') center 0/cover no-repeat
}

.about_brand.chapter_3 .text_area {
    float: left;
    width: 44%;
    height: 100%
}

.about_brand.chapter_3 .mg_r {
    position: absolute;
    top: 0;
    right: 0;
    width: 56%;
    height: 100%;
    background-color: #f0eeeb
}

.text_box {
    position: absolute;
    top: 350px;
    right: 160px
}

.text_box.nrt {
    position: absolute;
    top: 350px;
    right: 55%
}

.text_box.mv {
    position: absolute;
    top: 100px;
    right: 0;
    width: 100%
}

.text_box.mv * {
    text-align: center!important
}

.text_box.brand h4 {
    font-size: 72px;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 1;
    position: relative;
    z-index: 1
}

.text_box.brand h4 .tx01 {
    font-size: 46px;
    line-height: 1.3;
    color: #4a4a48
}

.text_box.brand h4 .tx02 {
    font-size: 72px;
    line-height: 1.3;
    color: #4a4a48;
    font-weight: 700
}

.text_box.brand h4 .tx03 {
    font-size: 36px;
    line-height: 1.3;
    color: #4a4a48;
    font-weight: 700
}

.about_brand .text .tx01 {
    line-height: 2;
    color: #4a4a48;
    font-size: 37px;
    padding: 30px 0
}

.about_brand .text .tx02 {
    line-height: 1.4;
    color: #4a4a48;
    font-size: 18px
}

.text_box.brand p {
    font-size: 37px;
    line-height: 50px;
    color: #4f4035
}

.text_box.brand span {
    display: inline-block;
    margin: 0 0 36px;
    font-size: 14px;
    font-family: trajan-pro-3;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase
}

.text_box.brand_sub {
    position: absolute;
    bottom: 180px;
    top: 180px
}

.text_box.brand_sub.right {
    left: auto;
    right: 116px;
    width: 460px
}

.text_box.brand_sub.right h4 {
    line-height: 40px
}

.text_box.brand_sub.right .text {
    position: absolute;
    bottom: 0
}

.text_box.brand_sub.left .text {
    position: absolute;
    bottom: 0;
    width: 420px
}

.text_box.brand_sub.left span {
    color: #1f3336
}

.text_box.brand_sub.left p {
    color: #9f8870
}

.text_box.brand_sub.left h4 {
    line-height: 40px;
    color: #1f3336
}

.about_brand.chapter_3 .text_box.brand_sub {
    position: relative;
    top: 0;
    bottom: 0;
    padding-top: 180px;
    z-index: 1
}

.about_brand.chapter_3 .text_box.brand_sub .text {
    position: relative;
    padding-bottom: 180px;
    height: auto
}

.button-down,.button-up {
    position: relative;
    padding: 5px;
    margin: 30px auto;
    background: #222;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    transition: .2s linear
}

.button-down:hover {
    transform: translate3d(0,10px,0)
}

.button-up:hover {
    transform: translate3d(0,-10px,0)
}

.arrow-up,.button-up::after {
    transform: rotate(45deg)
}

.button-down::after,.button-up::after {
    content: "";
    position: absolute;
    left: 17px;
    z-index: 11;
    display: block;
    width: 25px;
    height: 25px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
}

.button-up::after {
    top: 20px
}

.button-down::after {
    top: 10px;
    transform: rotate(225deg)
}

.arrow-down,.arrow-left,.arrow-right,.arrow-up,.long-arrow-left,.long-arrow-right {
    display: block;
    margin: 0 auto;
    width: 12px;
    height: 12px;
    border-top: 2px solid #5d5d5d;
    border-left: 2px solid #5d5d5d
}

.arrow-down {
    transform: rotate(225deg)
}

.arrow_white {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff
}

.arrow-right,.long-arrow-right {
    transform: rotate(135deg)
}

.arrow-left,.long-arrow-left {
    transform: rotate(-45deg)
}

.long-arrow-left::after,.long-arrow-right::after {
    content: "";
    display: block;
    width: 2px;
    height: 15px;
    background-color: #fff;
    transform: rotate(-45deg) translate(5px,2px);
    left: 0;
    top: 0
}

.triangle-bottom,.triangle-left,.triangle-right,.triangle-top {
    width: 0;
    height: 0;
    margin: 30px auto
}

.triangle-left,.triangle-right {
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent
}

.triangle-bottom,.triangle-top {
    border-left: 18px solid transparent;
    border-right: 18px solid transparent
}

.triangle-right {
    border-left: 30px solid #000
}

.triangle-left {
    border-right: 30px solid #000
}

.triangle-top {
    border-bottom: 30px solid #000
}

.triangle-bottom {
    border-top: 30px solid #000
}

.vimeo-wrapper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative
}

.vimeo-wrapper .bg {
    background-color: rgba(0,0,0,.5);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    left: 0;
    top: 0
}

.vimeo-wrapper iframe {
    position: absolute;
    bottom: 0;
    top: -100%;
    left: 0;
    width: 100%;
    height: 300%;
    background-color: #000;
    background-position: center center;
    background-size: contain;
    object-fit: cover;
    z-index: 2
}

@media (min-aspect-ratio: 16/9) {
    .video-foreground {
        height:300%;
        top: -100%
    }
}

@media (max-aspect-ratio: 16/9) {
    .video-foreground {
        width:300%;
        left: -100%
    }
}

.tl_cls {
    width: 100%;
    background-color: #525252;
    position: relative
}

.header,.header .cnt_wrap .menu_cn .mnu_top a.mnu_link:after {
    background-color: transparent;
    left: 0;
    transition: .3s ease-in-out
}

.tl_cls .cnt_wrap .t01 {
    padding: 30px 0 20px;
    border-bottom: 1px solid #5f5c5b
}

.tl_cls .cnt_wrap .t01 .logo {
    float: left
}

.tl_cls .cnt_wrap .t01 .lnk_cls {
    float: right
}

.tl_cls .cnt_wrap .t01 .lnk_cls a {
    display: inline-block;
    padding-top: 30px;
    font-size: 16px;
    color: #fff;
    margin-left: 20px;
    vertical-align: middle
}

.tl_cls .cnt_wrap .t02 {
    padding: 30px 0 40px
}

.tl_cls .cnt_wrap .t02 .ft_tt {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    padding-bottom: 20px
}

.tl_cls .cnt_wrap .t02 .ft01 {
    width: 48%;
    float: left
}

.tl_cls .cnt_wrap .t02 .fd__cls {
    margin-right: 15px;
    line-height: 1.6
}

.tl_cls .cnt_wrap .t02 .ft_cls {
    font-size: 14px;
    color: #a0a0a0;
    font-weight: 400
}

.tl_cls .cnt_wrap .t02 .fd_cls {
    font-size: 14px;
    color: #fff;
    font-weight: 300
}

.tl_cls .cnt_wrap .t02 .ft02 {
    width: 48%;
    float: right
}

.tl_cls .cnt_wrap .t02 .tls_cls {
    padding-bottom: 20px
}

.tl_cls .cnt_wrap .t02 .tls_cls .tl1 {
    font-size: 36px;
    color: #fff;
    font-weight: 700;
    line-height: 36px;
    margin-right: 10px
}

.tl_cls .cnt_wrap .t02 .nf_cls,.tl_cls .cnt_wrap .t02 .tls_cls .tl2 {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 36px
}

.subtop {
    width: 100%;
    min-width: 1400px;
    height: 0;
    padding-bottom: 29%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 0;
    overflow: hidden
}

.subtop .tt_it {
    width: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    color: #fff
}

.subtop .tt_it span,.subtop .tt_it span.xf1 {
    display: block;
    text-align: center;
    font-size: 60px;
    font-weight: 700;
    color: #fff
}

.subtop .tt_it span.xf2 {
    display: block;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    color: #fff
}

.subtop .submnu {
    width: 1400px;
    margin: auto auto auto -700px;
    position: absolute;
    bottom: 0;
    left: 50%;
    display: flex
}

.subtop .submnu .itm_box {
    transition: .3s ease-in-out;
    background-color: rgba(78,169,149,.5);
    flex-grow: 1;
    flex-basis: 0;
    height: 65px
}

.subtop .submnu .itm_box a {
    transition: .3s ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    line-height: 65px;
    color: #fff;
    text-align: center;
    font-weight: 400;
    border-bottom: 1px solid transparent
}

.subtop .submnu .itm_box.on,.subtop .submnu .itm_box:hover {
    background-color: rgba(80,79,79,.85)
}

.subtop .submnu .itm_box.on a {
    color: #fff;
    font-weight: 500
}

.subtop .submnu .itm_box:hover a {
    color: #fff
}

.header {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%
}

.header.bg {
    background-color: rgba(0,0,0,.8)
}

.header .cnt_wrap {
    width: 100%;
    position: relative;
    min-width: initial;
    max-width: 96%;
    margin: auto
}

.header .cnt_wrap .logo {
    position: absolute;
    left: 0;
    top: 20px
}

.header .cnt_wrap .menu_cn {
    float: left;
    height: 100px;
    line-height: 120px;
    text-align: center;
    width: 100%
}

.header .cnt_wrap .menu_cn .mnu_top {
    display: inline-block
}

.header .cnt_wrap .menu_cn .mnu_top .itm_box {
    display: inline-block;
    margin-right: 50px;
    vertical-align: top;
    margin-top: 0;
    position: relative
}

.header .cnt_wrap .menu_cn .mnu_top .itm_box .submnu {
    transition: .3s ease-in-out;
    width: 170px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 15px 10px 15px 30px;
    background-color: #4ea995;
    position: absolute;
    left: 0;
    top: 90px
}

.header .cnt_wrap .menu_cn .mnu_top .itm_box:hover .submnu,.header .cnt_wrap .menu_cn .t_cmn .lang_sel:hover .lang_list {
    height: auto;
    opacity: 1
}

.header .cnt_wrap .menu_cn .mnu_top .itm_box .submnu a.smnu {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    text-align: left;
    padding: 5px 0
}

.header .cnt_wrap .menu_cn .mnu_top .itm_box .submnu a.smnu:hover {
    font-weight: 500
}

.header .cnt_wrap .menu_cn .mnu_top a.mnu_link {
    display: inline-block;
    line-height: 60px;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    position: relative
}

.header .cnt_wrap .menu_cn .mnu_top a.mnu_link:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0%;
    height: 2px
}

.header .cnt_wrap .menu_cn .mnu_top .itm_box:hover a.mnu_link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 00%;
    height: 0;
    background-color: #fff
}

.header .cnt_wrap .menu_cn .mnu_util {
    position: absolute;
    right: 0;
    top: 0;
    padding-left: 1.5vw
}

.header .cnt_wrap .menu_cn .mnu_util a {
    display: inline-block;
    font-size: 18px;
    line-height: 90px;
    font-weight: 500;
    color: #fff;
    margin-right: 1vw;
    vertical-align: top
}

.header .cnt_wrap .menu_cn .t_cmn {
    float: left;
    position: relative
}

.header .cnt_wrap .menu_cn .t_cmn .lang_list {
    transition: .3s ease-in-out;
    width: 140px;
    height: 0;
    overflow: hidden;
    opacity: 0;
    padding: 15px 10px 15px 30px;
    background-color: #4ea995;
    position: absolute;
    left: -10px;
    top: 80px
}

.header .cnt_wrap .menu_cn .t_cmn .lang_list a.lng_g {
    display: block;
    font-size: 16px;
    line-height: 34px;
    color: #fff;
    font-weight: 400;
    text-align: left
}

.header .cnt_wrap .menu_cn .t_cmn .lang_list a.lng_g:hover {
    font-weight: 700
}

.header .cnt_wrap .menu_cn .t_cmn .lang_sel a.lnglnk {
    line-height: 120px;
    font-size: 17px;
    color: #fff;
    margin-top: 0
}

.header .cnt_wrap .menu_cn .nav_panel {
    float: left;
    padding-top: 0;
    padding-left: 30px;
    line-height: 107px;
}

.header.on {
    background-color: #fff !important;
    border-bottom: 1px solid #ddd
}

.header.on .cnt_wrap .menu_cn .mnu_top a,.header.on .cnt_wrap .menu_cn .mnu_util a,.header.on .cnt_wrap .menu_cn .t_cmn .lang_sel a.lnglnk {
    color: #777
}

.header.on .cnt_wrap .menu_cn .t_cmn .lang_sel .global_img {
    filter: invert(50%)
}

.header.on .cnt_wrap .menu_cn .t_cmn .lang_sel i {
    border: solid #333;
    border-width: 0 1px 1px 0
}

.header.mbg {
    background-color: transparent
}

.fullnav {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000;
    background-color: rgba(82,170,152,.95);
    overflow-y: auto;
}

.fullnav .cls_cls {
    position: fixed;
    right: 0;
    top: 0
}

.fullnav .cnt_wrap {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 160px);
    position: relative;
    margin: auto;
    height: 100%;
    min-width: 1400px
}

.fullnav .cnt_wrap .itm_box {
    width: 16.6%;
    flex-grow: 1;
    flex-basis: 0;
    height: 100%;
    border-right: 1px solid #6fbfae;
    padding: 100px 20px
}

.fullnav .cnt_wrap .itm_box:first-child {
    border-left: 1px solid #6fbfae
}

.fullnav .cnt_wrap .itm_box .f_t_it {
    font-size: 1.2vw;
    font-weight: 600;
    color: #fff;
    line-height: 1
}

.fullnav .cnt_wrap .itm_box .f_stt {
    padding-top: 30px;
    font-size: 1vw;
    font-weight: 500;
    color: #fff;
    line-height: 1.6;
    display: block
}

.fullnav .cnt_wrap .itm_box .f_stt a {
    font-size: 1vw;
    font-weight: 500;
    color: #fff
}

.fullnav .cnt_wrap .itm_box .f_itm {
    font-size: 1vw;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    padding: 20px 0 20px 20px
}

.fullnav .cnt_wrap .itm_box .f_itm a.ft_link {
    font-weight: 400;
    color: #ddd;
    font-size: .9vw;
    line-height: 2;
    display: block
}

.fullnav .cnt_wrap .itm_box .f_itm a.ft_link:hover {
    font-weight: 500;
    color: #fff
}

.fullnav .cnt_wrap .itm_box .f_stt a.fs_lnk {
    display: block;
    font-size: 1vw;
    font-weight: 400;
    color: #fff;
    line-height: 2.2
}

@media (max-width: 1400px) {
    .fullnav .cnt_wrap .itm_box .f_t_it {
        font-size:18px;
        font-weight: 600;
        color: #fff;
        line-height: 1
    }

    .fullnav .cnt_wrap .itm_box .f_stt {
        padding-top: 30px;
        font-size: 18px;
        font-weight: 500;
        color: #fff;
        line-height: 1
    }

    .fullnav .cnt_wrap .itm_box .f_stt a.fs_lnk {
        font-size: 16px;
        font-weight: 400;
        color: #fff;
        line-height: 1.6
    }

    .fullnav .cnt_wrap .itm_box .f_itm {
        font-size: 1vw;
        font-weight: 700;
        color: #fff;
        line-height: 1;
        padding: 20px 0 20px 20px
    }

    .fullnav .cnt_wrap .itm_box .f_itm a.ft_link {
        font-weight: 400;
        color: #ddd;
        font-size: 14px;
        line-height: 2;
        display: block
    }
}

/* ====== Responsive add-ons for .header ====== */

/* 데스크톱 드롭다운은 그대로 두고, 모바일 레이아웃만 변경 */
@media (max-width: 1024px){
  .header { border-bottom: 1px solid rgba(255,255,255,.15); }
  .header .cnt_wrap{ max-width: 100%; }
  .header .cnt_wrap .logo{left: 26px;top: 1px;}
  .header .cnt_wrap .menu_cn{height:64px;line-height: 0;}
  .header .cnt_wrap .menu_cn .mnu_top{display: none !important;}          /* 데스크톱 메뉴 감춤 */
  .header .cnt_wrap .menu_cn .mnu_util{top:8px;right:10px;display: flex;align-items: center;}  /* 유틸 정렬 */
  .header .cnt_wrap .menu_cn .mnu_util a{line-height: 3 !important;}
  .header button.ham_btn{/* display:inline-block; */}               /* 햄버거 보이기 */

  /* 언어 드롭다운은 모바일에선 hover 불가 → 오버레이에서 따로 제공 */
  .header .cnt_wrap .menu_cn .t_cmn .lang_list{/* display:none !important; */}
  .header .cnt_wrap .menu_cn .t_cmn .lang_sel i{
    position: relative;
    top: -35px;
}
}

/* 스크롤 시 헤더 on 상태(기존 클래스)에 맞춘 컬러 */
@media (max-width: 1024px){
  .header.on{ background:#fff; border-bottom:1px solid #e8edf0; }
  .header.on .mnu_util a{ color:#333; }
  .header.on .ham_btn span{ background:#222 !important; }
}


@media (max-width: 1400px){
  /* 기존 min-width:1400px를 모바일에서 무력화 */
  .fullnav .cnt_wrap{ min-width:auto !important; width:calc(100% - 40px) !important; }
}

/* 모바일 레이아웃: 한 컬럼 스택 */
@media (max-width:1024px){
  .fullnav .cnt_wrap{
    display:block;
    padding:70px 0 30px;
    width:calc(100% - 40px)!important;
    flex-direction: column;
  }
  .fullnav .cnt_wrap .itm_box{
    width: 100% !important;
    border-left:0!important;
    border-right:0!important;
    border-bottom:1px solid #6fbfae;
    padding: 36px 20px !important;
    height: max-content !important;
  }
  .fullnav .cnt_wrap .itm_box:last-child{ border-bottom:0; }
  .fullnav .cnt_wrap .itm_box .f_t_it{ font-size:18px; margin-bottom:10px; }
  .fullnav .cnt_wrap .itm_box .f_stt{ padding-top:10px; font-size:16px; }
  .fullnav .cnt_wrap .itm_box .f_stt a{ font-size:15px; line-height:1.9; }
.header .cnt_wrap .menu_cn .nav_panel{
    line-height: 0;
    top: -9px;
    position: relative;
}    
    .header .cnt_wrap .menu_cn .mnu_util{
    
}
}

/* 오버레이 바디 스크롤 락 */
html.no-scroll, html.no-scroll body{ overflow:hidden; }



.product_wrap {
    width: 1400px;
    margin: auto;
    padding-bottom: 100px
}

.product_wrap .product_tit {
    padding: 100px 0;
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    color: #1f3336;
    line-height: 1
}

.product_wrap .product_list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.product_wrap .product_list .itm_box {
    width: 32%;
    display: block
}

.product_wrap .product_list .itm_box .mgs_img {
    width: 100%;
    transition: .3s ease-in-out;
    border: 1px solid #fff
}

.product_wrap .product_list .itm_box:hover .mgs_img {
    border: 1px solid #6fbfae
}

.product_wrap .product_list .itm_box .dsc_cls {
    padding: 45px 0;
    text-align: center
}

.product_wrap .product_list .itm_box .dsc_cls .ptx_01 {
    font-size: 24px;
    font-weight: 400;
    color: #1f3336;
    line-height: 1.8
}

.product_wrap .product_list .itm_box .dsc_cls .ptx_02 {
    font-size: 16px;
    font-weight: 400;
    color: #9b999a;
    line-height: 1.8
}

.board_wrap {
    width: 1250px;
    margin: 0 auto 100px
}

.table,textarea.text {
    width: 100%
}

.btn_request2,.table td label,.table td label input[type=checkbox] {
    margin-right: 10px
}

.bo_title {
    text-align: center;
    padding: 100px 0 20px;
    font-size: 40px;
    font-weight: 700;
    color: #1f3336
}

.bo_title2 {
    display: block;
    text-align: center;
    padding-bottom: 50px;
    line-height: 1;
    font-size: 18px
}

.table {
    border-top: 2px solid #222
}

.btn_request,.btn_request2 {
    transition: .3s ease-in-out;
    width: 200px;
    height: 45px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

.table td,.table th {
    border-bottom: 1px solid #ddd;
    height: 56px
}

input.text,textarea.text {
    border: 1px solid #e1e1e1
}

.table th {
    font-size: 16px;
    color: #222;
    font-weight: 400;
    background: #fafafa;
    padding: 0 20px
}

.table td {
    padding: 8px 10px
}

.table td label {
    float: left;
    line-height: 32px;
    font-size: 14px;
    color: #222
}

.table td .br {
    display: block;
    clear: both;
    border-top: 0 dashed #ddd
}

.table.list td.subject {
    text-align: left
}

.table.table_gt {
    border-top: 1px solid #afafaf
}

.table.table_tn {
    border-top: 0
}

.table.table_tn td {
    border: 1px solid #ccc!important
}

.table.p20 td {
    padding: 20px
}

.table .mg_img {
    padding: 0;
    font-size: 0!important
}

input.text {
    height: 40px
}

.tbl_row td,.tbl_row th {
    vertical-align: top;
    border-bottom: 1px solid #ddd
}

.btn_request2 {
    border-radius: 30px;
    color: #222;
    background: #fff;
    border: 1px solid #aaa
}

.btn_request2:hover {
    background: #f1f1f1
}

.btn_request {
    line-height: 43px;
    border-radius: 30px;
    color: #fff;
    background: #4aa38f;
    border: 0
}

.tbl_row td,.tbl_title,a,a:active,a:focus,a:hover {
    color: #222
}

.board_top .search_wrap .text,.tbl_row {
    border: 1px solid #ddd
}

.btn_request:hover {
    color: #4aa38f;
    background: #fff;
    border: 1px solid #4aa38f
}

.btns {
    margin-top: 20px;
    font-size: 0;
    overflow: hidden
}

.btns .btn_btn {
    display: inline-block;
    width: 140px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    vertical-align: top;
    margin: 0 2px;
    cursor: pointer
}

.btns .btn01 {
    color: #fff;
    background: #343434;
    border: 1px solid #343434
}

.btns .btn02 {
    color: #666;
    background: #fff;
    border: 1px solid #666
}

.btns .btn02:hover {
    background: #f5f5f5
}

.btns .fl .btn_btn,.btns .fr .btn_btn {
    width: 100px
}

.board_top .search_wrap {
    text-align: right;
    margin-bottom: 30px
}

.board_top .search_wrap .search_btn,.board_top .search_wrap .search_text,.board_top .search_wrap select.text {
    display: inline-block;
    vertical-align: top;
    height: 40px
}

.board_top .search_wrap select.text,.grid_2 {
    width: 90px
}

.board_top .search_wrap .search_text {
    width: 260px
}

.board_top .search_wrap .search_btn {
    width: 80px;
    line-height: 40px;
    border: 0;
    background: #415959;
    color: #fff;
    font-weight: 700;
    text-align: center
}

.board_bottom .paging a {
    display: inline-block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 13px;
    color: #666
}

.board_bottom .paging a.on,.board_bottom .paging a:hover {
    background: #343434;
    color: #fff;
    font-weight: 700
}

.board_bottom .paging .nums {
    margin: 0 10px
}

.board_bottom .paging .arrow {
    letter-spacing: -2px;
    font-family: 'nanum gothic';
    background: #f5f5f5
}

.tbl_title {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px
}

.btn_top,.btn_top.rev,.req i,.tbl_title .tar,legend {
    position: absolute
}

.attend,.red {
    color: #eb0000
}

.tbl_title .tar {
    display: block;
    top: 0;
    right: 0;
    line-height: 30px;
    font-size: 13px;
    color: #999
}

.tbl_title .tar span {
    padding: 0 10px;
    font-size: 10px;
    color: #ccc
}

.gal_list {
    background: #f8f8f8;
    padding: 100px 0 50px
}

.gal_list ul li {
    float: left;
    width: 288px;
    margin-left: 16px;
    border: 1px solid #ccc;
    background: #fff
}

.gal_list ul li:first-child {
    margin-left: 0
}

.gal_list ul li .mg_img {
    width: 100%;
    height: 238px;
    line-height: 238px;
    overflow: hidden;
    text-align: center;
    background: #f5f5f5
}

.gal_list ul li .mg_img img {
    vertical-align: middle;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.gal_list ul li .txt {
    padding: 30px
}

.gal_list ul li .txt strong {
    display: block;
    font-size: 18px;
    color: #555;
    font-weight: 400;
    line-height: 26px;
    height: 52px;
    overflow: hidden
}

.gal_list ul li .txt em {
    display: block;
    font-size: 14px;
    color: #999;
    font-weight: 500;
    margin: 15px 0
}

.attend,.red,caption,td,th {
    font-weight: 400
}

.gal_list ul li .txt p {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    line-height: 22px;
    height: 66px;
    overflow: hidden
}

.btn_top {
    right: 50px;
    top: 50px
}

.btn_top.rev {
    right: 0;
    top: 0
}

.attend {
    text-align: right;
    font-size: 16px;
    line-height: 42px
}

.agree {
    padding: 50px 0
}

.agree .agree_tit {
    font-size: 16px;
    color: #000;
    line-height: 2;
    font-weight: 700;
    padding-bottom: 20px
}

.agree .agree_wrap,.tbl_row td,.tbl_row th {
    font-size: 16px;
    line-height: 1.6
}

.agree .agree_wrap {
    border: 1px solid #aaa;
    padding: 30px 0
}

.agree_chk {
    padding: 25px 0 10px;
    font-size: 17px
}

.tbl_row {
    width: 100%
}

.tbl_row th {
    color: #222;
    padding: 10px 20px
}

.tbl_row td {
    padding: 10px 0;
    font-weight: 300
}

.req {
    background-color: #fff;
    width: 160px;
    height: 50px;
    border-radius: 30px;
    border: 1px solid #52aa98;
    position: relative
}

.req i {
    right: 20px;
    top: 20px
}

html {
    overflow-y: scroll
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

button,caption,img,input,label,select,td,th {
    vertical-align: middle;
}

sup {
    font-size: 10px
}

blockquote,q {
    quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
    content: '';
    content: none
}

table {
    border-spacing: 0
}

caption,td,th {
    text-align: left
}

h1,h2,h3,h4,h5,h6 {
    clear: both;
    font-size: 14px
}

legend {
    font-size: 0;
    line-height: 0;
    text-indent: -9999em;
    overflow: hidden
}

button,input,pre,select,textarea {
    font-size: 14px
}

button {
    cursor: pointer
}

select {
    margin: 0
}

p {
    word-break: keep-all
}

pre {
    overflow-x: scroll
}

a {
    text-decoration: none
}

.roboto {
    font-family: Roboto!important
}

input:focus,textarea:focus {
    outline: #4aa38f solid 1px
}

.grid_1 {
    width: 40px
}

.grid_3 {
    width: 140px
}

.grid_4 {
    width: 190px
}

.grid_5 {
    width: 240px
}

.grid_6 {
    width: 290px
}

.grid_7 {
    width: 340px
}

.grid_8 {
    width: 390px
}

.grid_9 {
    width: 440px
}

.grid_10 {
    width: 490px
}

.grid_11 {
    width: 540px
}

.grid_12 {
    width: 590px
}

.grid_13 {
    width: 640px
}

.grid_14 {
    width: 690px
}

.grid_15 {
    width: 740px
}

.grid_16 {
    width: 790px
}

.grid_17 {
    width: 840px
}

.grid_18 {
    width: 890px
}

/* GLOBAL NETWORK VISUAL */
.topvbbox25111001 {
    position: relative;
    width: 100%;
    min-height: 761px;
    padding: 120px 24px 80px;
    box-sizing: border-box;
    background: transparent;
    background-size: cover;
    color: #ffffff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.topvbbox25111001-inner {
    max-width: 900px;
    margin: 0 auto;
    z-index: 1;
}

.topvbbox25111001-sub {
    font-size: 18px;
    margin-bottom: 14px;
    opacity: 0.95;
}

.topvbbox25111001-line {
    display: inline-block;
    width: 40px;
    height: 2px;
    background: #ffffff;
    margin-bottom: 26px;
}

.topvbbox25111001-title {
    font-size: 64px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: 0.06em;
    margin-bottom: 18px;
}

.topvbbox25111001-desc {
    font-size: 22px;
    line-height: 1.5;
    opacity: 0.95;
}

/* 반응형 */
@media (max-width: 1024px) {
    .topvbbox25111001 {
        padding: 110px 20px 60px;
        min-height: 360px;
    }

    .topvbbox25111001-title {
        font-size: 46px;
    }

    .topvbbox25111001-desc {
        font-size: 19px;
    }
}

@media (max-width: 768px) {
    .topvbbox25111001 {
        padding: 100px 18px 40px;
        min-height: 430px !important;
        background-position: center center;
    }

    .topvbbox25111001-sub {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .topvbbox25111001-line {
        width: 32px;
        margin-bottom: 18px;
    }

    .topvbbox25111001-title {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .topvbbox25111001-desc {
        font-size: 15px;
    }
}
.worldsldctr25111002 {
      width: 100%;
      padding: 60px 4vw 80px;
    }

    .worldsldctr25111002 .wb-title-wrap {
      text-align: center;
    }

    .worldsldctr25111002 .wb-title-wrap h2 {
      font-size: 40px;
      font-weight: 700;
      letter-spacing: 0.08em;
      margin-bottom: 8px;
    }

    .worldsldctr25111002 .wb-title-wrap p {
      font-size: 17px;
      color: #555;
    }

    .worldsldctr25111002 .wb-inner {
      margin: 0 auto;
      width: 100%;
      max-width: 1370px;
      margin-top: 50px;
      display: flex;
      gap: 0;
      align-items: stretch;
      justify-self: baseline;
    }

    /* LEFT MENU */
    .worldsldctr25111002 .wb-menu {
      flex: 1;
      display: flex;
      flex-direction: column;
    }

    .worldsldctr25111002 .wb-menu-item {
      padding: 32px 40px;
      font-size: 26px;
      font-weight: 400;
      color: #222;
      cursor: pointer;
      transition: all 0.25s ease;
      border-bottom: 1px solid #f0f0f0;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .worldsldctr25111002 .wb-menu-item span.arrow {
      display: inline-flex;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      align-items: center;
      justify-content: center;
      border: 2px solid rgba(255,255,255,0.0);
      background: transparent;
      transition: all 0.25s ease;
      font-size: 22px;
      color: #fff;
    }

    .worldsldctr25111002 .wb-menu-item.active {
      background: #3fa08a;
      color: #fff;
    }

    .worldsldctr25111002 .wb-menu-item.active span.arrow {
      border-color: rgba(255,255,255,0.9);
      background: transparent;
    }

    .worldsldctr25111002 .wb-menu-item:first-child {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
    }

    /* RIGHT : SLIDER + CONTROLLER */
    .worldsldctr25111002 .wb-slider-area {
      flex: none;
      display: flex;
      align-items: center;
      gap: 22px;
    }

    /* Swiper container width: 이미지 영역만 직사각형 느낌 */
    .worldsldctr25111002 .worldsldctr25111002-swiper {
      width: 640px;
      max-width: 48vw;
    }

    .worldsldctr25111002 .swiper-slide {
      display: flex;
      flex-direction: column;
      border-radius: 4px;
      overflow: hidden;
      background: #000;
    }

    .worldsldctr25111002 .wb-slide-img {
      width: 100%;
      /* 4:3 비율 정도 */
      padding-top: 66%;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }

    .worldsldctr25111002 .wb-slide-caption {
      padding: 26px 28px 30px;
      background: rgba(0, 104, 87, 0.88);
      color: #fff;
      font-size: 15px;
      line-height: 1.7;
    }

    .worldsldctr25111002 .wb-slide-caption .date {
      display: block;
      margin-bottom: 4px;
      font-size: 14px;
      opacity: 0.95;
    }

    .worldsldctr25111002 .wb-slide-caption .title {
      font-weight: 600;
      margin-bottom: 6px;
      font-size: 16px;
    }

    /* CONTROLLER (이미지 오른쪽 세로 정렬) */
    .worldsldctr25111002 .wb-controller {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 16px;
      min-width: 40px;
    }

    .worldsldctr25111002 .wb-arrow {
      width: 26px;
      height: 26px;
      border-radius: 50%;
      border: 1px solid #111;
      background: transparent;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.2s ease;
    }

    .worldsldctr25111002 .wb-arrow:hover {
      background: #111;
      color: #fff;
    }

    .worldsldctr25111002 .wb-arrow span {
      display: block;
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
    }

    .worldsldctr25111002 .wb-prev span {
      border-bottom: 7px solid #111;
    }
    .worldsldctr25111002 .wb-next span {
      border-top: 7px solid #111;
    }

    .worldsldctr25111002 .wb-arrow:hover.wb-prev span {
      border-bottom-color: #fff;
    }
    .worldsldctr25111002 .wb-arrow:hover.wb-next span {
      border-top-color: #fff;
    }

    .worldsldctr25111002 .wb-fraction {
      font-size: 13px;
      letter-spacing: 0.16em;
      color: #111;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2px;
    }

    .worldsldctr25111002 .wb-fraction .line {
      font-size: 11px;
      opacity: 0.4;
    }

    .worldsldctr25111002 .wb-fraction .current {
      font-weight: 600;
    }

    /* 반응형 */
    @media (max-width: 1024px) {
      .worldsldctr25111002 {
        padding: 40px 16px 60px;
      }

      .worldsldctr25111002 .wb-inner {
        flex-direction: column;
        gap: 24px;
      }

      .worldsldctr25111002 .wb-menu {
        flex: 1;
      }

      .worldsldctr25111002 .wb-menu-item {
        padding: 20px 18px;
        font-size: 18px;
      }

      .worldsldctr25111002 .wb-slider-area {
        width: 100%;
        flex-direction: column-reverse;
        align-items: flex-end;
        gap: 10px;
      }

      .worldsldctr25111002 .worldsldctr25111002-swiper {
        width: 100%;
        max-width: 100%;
      }

      .worldsldctr25111002 .wb-slide-img {
        padding-top: 70%;
      }

      .worldsldctr25111002 .wb-controller {
        flex-direction: row;
        gap: 10px;
      }

      .worldsldctr25111002 .wb-fraction {
        flex-direction: row;
        gap: 4px;
      }
    }

    @media (max-width: 600px) {
      .worldsldctr25111002 .wb-title-wrap h2 {
        font-size: 26px;
      }
      .worldsldctr25111002 .wb-title-wrap p {
        font-size: 13px;
      }
    }
	    /* 이미지 줌인 → 줌아웃 효과 */
    .worldsldctr25111002 .swiper-slide .wb-slide-img {
      transform: scale(1.26);               /* 시작은 살짝 확대 */
      transition: transform 1s ease-out;    /* 활성화되면 서서히 1로 */
    }

    .worldsldctr25111002 .swiper-slide-active .wb-slide-img,
    .worldsldctr25111002 .swiper-slide-duplicate-active .wb-slide-img {
      transform: scale(1);                  /* 현재 슬라이드는 최종 1 */
    }
	/* 공통 초기화는 기존거 사용해도 됨 */

.worldsldctr25111003.manpower {
  position: relative;
  padding: 80px 5vw 90px;
  color: #fff;
  overflow: hidden;
}

/* 배경 이미지 */
.worldsldctr25111003.manpower .wm-bg {
  position: absolute;
  inset: 0;
  background: url("https://picsum.photos/1600/900?blur=2") center/cover no-repeat;
  transform: scale(1.03);
  filter: brightness(0.45);
  z-index: 0;
}

.worldsldctr25111003.manpower .wm-inner {
  position: relative;
  z-index: 1;
  max-width: 1400px;
  margin: 0 auto;
}

/* 타이틀 */
.worldsldctr25111003.manpower .wm-title-wrap {
  text-align: left;
  margin-bottom: 60px;
}

.worldsldctr25111003.manpower .wm-title-wrap h2 {
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 8px;
}

.worldsldctr25111003.manpower .wm-title-wrap p {
  font-size: 18px;
  opacity: 0.9;
}

/* 원 + 라인 영역 */
.worldsldctr25111003.manpower .wm-circle-line-wrap {
  margin-bottom: 40px;
}

/* >>> 여기가 핵심: 기본은 한 줄, 줄바꿈 금지 */
.worldsldctr25111003.manpower .wm-circle-list {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px;
  flex-wrap: nowrap; /* 한 줄 고정 */
}

/* 각 아이템은 유연하게 줄이기 */
.worldsldctr25111003.manpower .wm-item {
  flex: 1 1 0;
  display: flex;
  justify-content: center;
}

/* 원 스타일 */
.worldsldctr25111003.manpower .wm-circle {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: #fff;
  color: #1c8a78;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.25);
}

/* 하단 라인 + 점 */
.worldsldctr25111003.manpower .wm-line-wrap {
  position: relative;
  margin-top: 40px;
}

.worldsldctr25111003.manpower .wm-line {
  height: 2px;
  background: rgba(255, 255, 255, 0.7);
}

.worldsldctr25111003.manpower .wm-dot {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
}

/* 설명 텍스트 */
.worldsldctr25111003.manpower .wm-desc {
  margin-top: 24px;
  font-size: 15px;
  line-height: 1.8;
  max-width: 1200px;
  color: rgba(255, 255, 255, 0.9);
}

/* 반응형 */
@media (max-width: 1200px) {
  .worldsldctr25111003.manpower {
    padding: 60px 4vw 70px;
  }
  .worldsldctr25111003.manpower .wm-title-wrap h2 {
    font-size: 34px;
  }
  .worldsldctr25111003.manpower .wm-circle {
    width: 130px;
    height: 130px;
    font-size: 18px;
  }
}

/* 태블릿 이하에서는 줄바꿈 허용 */
@media (max-width: 900px) {
  .worldsldctr25111003.manpower .wm-circle-list {
    flex-wrap: wrap;          /* 여기서부터는 감기도록 */
    justify-content: center;
    gap: 24px 40px;
  }

  .worldsldctr25111003.manpower .wm-item {
    flex: 0 1 30%;
  }

  .worldsldctr25111003.manpower .wm-line-wrap {
    margin-top: 28px;
  }
}

/* 모바일 */
@media (max-width: 600px) {
  .worldsldctr25111003.manpower {
    padding: 40px 16px 50px;
  }
  .worldsldctr25111003.manpower .wm-title-wrap {
    text-align: center;
    margin-bottom: 40px;
  }
  .worldsldctr25111003.manpower .wm-title-wrap h2 {
    font-size: 26px;
  }
  .worldsldctr25111003.manpower .wm-title-wrap p {
    font-size: 14px;
  }
  .worldsldctr25111003.manpower .wm-item {
    flex: 0 1 45%;
  }
  .worldsldctr25111003.manpower .wm-circle {
    width: 120px;
    height: 120px;
    font-size: 16px;
  }
  .worldsldctr25111003.manpower .wm-desc {
    font-size: 13px;
    text-align: center;
  }
}
.worldsldctr251110a {
      padding: 70px 5vw 80px;
      max-width: 1600px;
      margin: 0 auto;
    }

    .worldsldctr251110a .ex-title-wrap {
      text-align: center;
      margin-bottom: 36px;
    }

    .worldsldctr251110a .ex-title-wrap h2 {
      font-size: 40px;
      font-weight: 700;
      letter-spacing: 0.08em;
      margin-bottom: 10px;
    }

    .worldsldctr251110a .ex-title-wrap p {
      font-size: 18px;
      color: #444;
    }

    /* 공용 화살표 아이콘 */
    .worldsldctr251110a .ex-arrow {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      border: 1px solid #ccc;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      transition: all 0.2s ease;
      background: rgba(255, 255, 255, 0.9);
      font-size: 18px;
      color: #444;
      z-index: 10;
    }

    .worldsldctr251110a .ex-arrow:hover {
      background: #111;
      color: #fff;
      border-color: #111;
    }

    /* 상단 메인 슬라이더 영역 */
    .worldsldctr251110a .ex-main-wrap {
      position: relative;
      margin-bottom: 70px;
      overflow: hidden;
    }

    .worldsldctr251110a .ex-main-swiper {
      padding: 20px 0;
    }

    .worldsldctr251110a .ex-main-swiper .swiper-slide {
      background: #f5f5f5;
      border-radius: 6px;
      overflow: hidden;
      box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    }

    .worldsldctr251110a .ex-main-slide-img {
      width: 100%;
      padding-top: 70%; /* 비율 유지용 */
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
    }

    /* 상단 네비게이션 위치 */
    .worldsldctr251110a .ex-main-prev {
      position: absolute;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
    }

    .worldsldctr251110a .ex-main-next {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
    }

    /* 하단 로고 슬라이더 */
    .worldsldctr251110a .ex-logo-wrap {
      position: relative;
      margin-top: 10px;
      overflow: hidden;
    }

    .worldsldctr251110a .ex-logo-swiper {
      padding: 20px 0 10px;
    }

    .worldsldctr251110a .ex-logo-swiper .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .worldsldctr251110a .ex-logo-box {
      width: 100%;
      max-width: 260px;
      height: 110px;
      border-radius: 6px;
      border: 1px solid #eee;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #fff;
      box-shadow: 0 6px 16px rgba(0,0,0,0.04);
      overflow: hidden;
    }

    .worldsldctr251110a .ex-logo-box img {
      max-width: 80%;
      max-height: 70%;
      object-fit: contain;
    }

    /* 하단 네비 */
    .worldsldctr251110a .ex-logo-prev {
      position: absolute;
      left: 0px;
      top: 50%;
      transform: translateY(-50%);
    }

    .worldsldctr251110a .ex-logo-next {
      position: absolute;
      right: 0;
      top: 50%;
      transform: translateY(-50%);
    }

    /* 반응형 */
    @media (max-width: 1200px) {
      .worldsldctr251110a {
        padding: 60px 4vw 70px;
      }
      .worldsldctr251110a .ex-title-wrap h2 {
        font-size: 34px;
      }
      .worldsldctr251110a .ex-title-wrap p {
        font-size: 16px;
      }
    }

    @media (max-width: 900px) {
      .worldsldctr251110a .ex-main-prev,
      .worldsldctr251110a .ex-main-next,
      .worldsldctr251110a .ex-logo-prev,
      .worldsldctr251110a .ex-logo-next {
        left: 8px;
        right: 8px;
      }
    }

    @media (max-width: 640px) {
      .worldsldctr251110a {
        padding: 40px 16px 50px;
      }
      .worldsldctr251110a .ex-title-wrap h2 {
        font-size: 26px;
      }
      .worldsldctr251110a .ex-title-wrap p {
        font-size: 14px;
      }
    }

/* ========== SECTION WRAP ========== */
    .worldsldctr251110b {
      max-width: 1920px;
      margin: 0 auto;
      padding: 70px 6vw 80px;
      background: #f5f5f5;
    }

    .worldsldctr251110b .af-title-wrap {
      text-align: center;
      margin-bottom: 40px;
    }

    .worldsldctr251110b .af-title-wrap h2 {
      font-size: 40px;
      font-weight: 700;
      letter-spacing: 0.08em;
      margin-bottom: 10px;
    }

    .worldsldctr251110b .af-title-wrap p {
      font-size: 18px;
      color: #555;
    }

    /* ========== SLIDER AREA ========== */
    .worldsldctr251110b .af-slider-wrap {
      position: relative;
      padding: 0 60px; /* 화살표 자리 */
      overflow: hidden;
    }

    .worldsldctr251110b .affiliate-swiper {
      width: 100%;
    }

    .worldsldctr251110b .affiliate-swiper .swiper-wrapper {
      align-items: center;
    }

    .worldsldctr251110b .affiliate-swiper .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .worldsldctr251110b .af-logo-box {
      width: 100%;
      max-width: 230px;
      height: 90px;
      border-radius: 6px;
      background: #fff;
      border: 1px solid #eee;
      box-shadow: 0 4px 10px rgba(0,0,0,0.04);
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 10px 16px;
      overflow: hidden;
    }

    .worldsldctr251110b .af-logo-box img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain;
      display: block;
    }

    /* ========== ARROWS ========== */
    .worldsldctr251110b .af-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      width: 32px;
      height: 32px;
      border-radius: 50%;
      border: 1px solid #666;
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(255,255,255,0.96);
      color: #333;
      cursor: pointer;
      font-size: 18px;
      transition: all 0.2s ease;
      z-index: 10;
      user-select: none;
    }

    .worldsldctr251110b .af-arrow:hover {
      background: #111;
      color: #fff;
      border-color: #111;
    }

    .worldsldctr251110b .af-prev { left: 20px; }
    .worldsldctr251110b .af-next { right: 20px; }

    /* ========== RESPONSIVE ========== */
    @media (max-width: 1024px) {
      .worldsldctr251110b {
        padding: 50px 4vw 60px;
      }
      .worldsldctr251110b .af-title-wrap h2 {
        font-size: 32px;
      }
      .worldsldctr251110b .af-title-wrap p {
        font-size: 16px;
      }
      .worldsldctr251110b .af-slider-wrap {
        padding: 0 44px;
      }
    }

    @media (max-width: 640px) {
      .worldsldctr251110b {
        padding: 40px 16px 40px;
      }
      .worldsldctr251110b .af-title-wrap h2 {
        font-size: 24px;
      }
      .worldsldctr251110b .af-title-wrap p {
        font-size: 13px;
      }
      .worldsldctr251110b .af-arrow {
        width: 28px;
        height: 28px;
        font-size: 16px;
      }
      .worldsldctr251110b .af-logo-box {
        max-width: 190px;
        height: 80px;
      }
    }
	section.sub.mltv .top-vs.topvbbox25111001 {
    min-height: 558px;
}

@keyframes scalein3 {
  0% {
	opacity: 1;
	transform: scale(1.12, 1.12);
	-ms-transform: scale(1.12, 1.12);
	-webkit-transform: scale(1.12, 1.12);
	-moz-transform: scale(1.12, 1.12);
	-webkit-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-ms-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1), transform 5s cubic-bezier(0.4, 0, 0.2, 1);

  }

  100% {
	opacity: 1;
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
  }
}
/*eisoft_hgv_widthtabmn_a*/
ul.subtabs__list.eisoft_hgv_widthtabmn_a {
    position: absolute;
    bottom: 0;
}
.subtabs__list.eisoft_hgv_widthtabmn_a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: auto hidden;
    scrollbar-width: none;
    width: 100%;
    max-width: 1370px;
}
.subtabs__list.eisoft_hgv_widthtabmn_a .subtabs__item {
    flex: 1 1 auto;
    text-align: center;
    position: relative;
    transition: 2s all;
}
.subtabs__list.eisoft_hgv_widthtabmn_a .subtabs__link.is-active {
    background: rgba(80,79,79,0.85);
    color: #fff;
}

.subtabs__list.eisoft_hgv_widthtabmn_a .subtabs__link {
    display: block;
    width: 100%;
    padding: 19px 0;
    color: #fff;
    text-decoration: none;
    font-size: 17px;
    font-weight: 500;
    border-radius: 0;
    background: rgb(172 172 172 / 50%);
    transition: .3s all;
}

.subtabs__list.eisoft_hgv_widthtabmn_a .subtabs__item:hover a {
    background: rgba(80, 79, 79, 0.85);
    color: #fff;
}
/*eisoft_hgv_widthtabmn_a*/

/* ========== Layout ========= */
  .itemboxv25111201a {padding: 100px 16px 80px;overflow-x: hidden;}
  .itemboxv25111201a .ibv-container { max-width: 1400px; margin: 0 auto; }

  .itemboxv25111201a .ibv-head {text-align: center;margin-bottom: 50px;}
  .itemboxv25111201a .ibv-title {font-size: 50px;font-weight: 800;letter-spacing: .02em;}
  .itemboxv25111201a .ibv-sub   {margin-top: 12px;color: #666;font-size: 21px;}

  .itemboxv25111201a .ibv-cols {display: flex;gap: 70px;justify-content: center;align-items: stretch;flex-wrap: wrap;}
  .itemboxv25111201a .ibv-col  { flex: 1 1 340px; max-width: 480px; display: flex; }
  .itemboxv25111201a .ibv-card { display: flex; flex-direction: column; width: 100%; text-align: center; }

  /* ========== Thumb (hover crossfade + zoom) ========= */
  .itemboxv25111201a .ibv-thumb {border-radius: 0;overflow: hidden;background: #f6f7f8;height: 460px;}
  .itemboxv25111201a .ibv-prdimg {position: relative;width: 100%;/* height: 460px; */aspect-ratio: 4/3;}

  /* 동적으로 추가되는 두 레이어 */
  .itemboxv25111201a .ibv-prdimg > .ibv-img-layer {
    position: absolute;
    inset: 0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: opacity .45s ease, transform .55s ease;
    will-change: transform, opacity;
    height: 460px;
  }
  .itemboxv25111201a .ibv-prdimg > .ibv-img-base {opacity: 1;transform: scale(1);/* height: 400px; */}
  .itemboxv25111201a .ibv-prdimg > .ibv-img-over { opacity: 0; transform: scale(1.03); }

  /* 카드 hover 시: 오버 이미지를 페이드인 + 확대, 베이스는 페이드아웃 */
  .itemboxv25111201a .ibv-card:hover .ibv-prdimg > .ibv-img-over { opacity: 1; transform: scale(1.06); }
  .itemboxv25111201a .ibv-card:hover .ibv-prdimg > .ibv-img-base { opacity: 0; transform: scale(1.02); }

  /* ========== Info ========= */
  .itemboxv25111201a .ibv-info { padding: 20px 10px 0; }
  .itemboxv25111201a .ibv-link {color: inherit;text-decoration: none;height: 460px;}
  .itemboxv25111201a .ibv-name { font-size: 20px; font-weight: 800; letter-spacing: .02em; margin-bottom: 6px; }
  .itemboxv25111201a .ibv-desc { font-size: 16px; color: #555; margin-bottom: 4px; }
  .itemboxv25111201a .ibv-tags { font-size: 14px; color: #8a94a6; }

  /* ========== Responsive ========= */
  @media (max-width: 1024px) {
    .itemboxv25111201a .ibv-title { font-size: 34px; }
    .itemboxv25111201a .ibv-sub { font-size: 16px; }
    .itemboxv25111201a .ibv-col { flex: 1 1 300px; }
  }
  @media (max-width: 640px) {
    .itemboxv25111201a .ibv-title { font-size: 28px; }
    .itemboxv25111201a .ibv-sub { font-size: 14px; }
    .itemboxv25111201a .ibv-info { padding-top: 16px; }
  }

   /* ================== itemboxv25111201b (Scoped) ================== */
  .itemboxv25111201b {
    position: relative;
    padding: 100px 20px;
    overflow: hidden;
    isolation: isolate; /* overlay 겹침 안전 */
  }
  .itemboxv25111201b .ibv-bg {
    position: absolute; inset: 0;
    background-position: center; 
    background-size: cover; 
    background-repeat: no-repeat;
    transform: scale(1.02);
    filter: saturate(0.95) contrast(1.02);
    z-index: -2;
  }
  /* 가독성 오버레이 (밝은 종이 느낌) */
  .itemboxv25111201b .ibv-overlay {
    position: absolute; inset: 0;
    background: linear-gradient(
      180deg,
      rgba(255,255,255,0.90) 0%,
      rgba(255,255,255,0.92) 40%,
      rgba(255,255,255,0.95) 100%
    );
    z-index: -1;
  }

  .itemboxv25111201b .ibv-container {
    max-width: 1160px; 
    margin: 0 auto; 
    text-align: center; 
    color: #1a1e24;
  }

  .itemboxv25111201b .ibv-title {
    font-weight: 800; 
    letter-spacing: .02em;
    line-height: 1.1;
    font-size: 56px;
    margin-bottom: 18px;
  }

  .itemboxv25111201b .ibv-sub {
    color: #2a2f36; 
    font-size: 20px; 
    line-height: 1.7; 
    margin-bottom: 42px;
  }

  .itemboxv25111201b .ibv-body {
    color: #464b55; 
    font-size: 17px; 
    line-height: 1.95; 
    max-width: 1060px; 
    margin: 0 auto;
  }
  .itemboxv25111201b .ibv-body p { 
    margin: 12px 0; 
  }

  /* -------- Responsive -------- */
  @media (max-width: 1200px) {
    .itemboxv25111201b { padding: 100px 18px; }
    .itemboxv25111201b .ibv-title { font-size: 48px; }
    .itemboxv25111201b .ibv-sub { font-size: 19px; }
  }
  @media (max-width: 900px) {
    .itemboxv25111201b { padding: 90px 16px; }
    .itemboxv25111201b .ibv-title { font-size: 40px; }
    .itemboxv25111201b .ibv-sub { font-size: 18px; }
    .itemboxv25111201b .ibv-body { font-size: 16px; }
  }
  @media (max-width: 600px) {
    .itemboxv25111201b { padding: 74px 14px; }
    .itemboxv25111201b .ibv-title { font-size: 32px; }
    .itemboxv25111201b .ibv-sub { font-size: 16px; margin-bottom: 28px; }
    .itemboxv25111201b .ibv-body { font-size: 15px; line-height: 1.85; }
  }
  /* ===================== Scoped: itemboxv25111201c (Core Values) ===================== */
.itemboxv25111201c { padding: 70px 16px 48px; overflow-x: hidden; }
.itemboxv25111201c .cv4-wrap { max-width: 1400px; margin: 0 auto; }

/* Title / Subtitle */
.itemboxv25111201c .cv4-title {
  text-align: center; font-weight: 800; font-size: 44px; letter-spacing: .02em; line-height: 1.12;
}
.itemboxv25111201c .cv4-sub {
  text-align: center; margin-top: 14px; color: #5e6673; font-size: 18px; line-height: 1.75;
}

/* Row (flex 3col) */
.itemboxv25111201c .cv4-row {
}

/* Card */
.itemboxv25111201c .cv4-card {
  position: relative;
  flex: 1 1 360px;
  min-width: 300px;
  max-width: initial;
  border-radius: 14px;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
  aspect-ratio: 16/9; /* 일정한 비율 유지 */
}

/* Background image layer */
.itemboxv25111201c .cv4-img {
  position: absolute; inset: 0;
  background-position: center; background-repeat: no-repeat; background-size: cover;
  transform: scale(1.01);
  transition: transform .6s ease;
}

/* Dark overlay */
.itemboxv25111201c .cv4-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,.56) 0%, rgba(0,0,0,.58) 60%, rgba(0,0,0,.62) 100%);
  transition: background .35s ease, opacity .35s ease;
  z-index: 1;
}

/* Text layer */
.itemboxv25111201c .cv4-desc {
  position: absolute;
  inset: auto 0 26px 0;
  z-index: 2;
  /* padding: 0 26px; */
  text-align: left;
  pointer-events: none;
  /* text-shadow: 0 2px 8px rgba(0,0,0,.35); */
}
.itemboxv25111201c .cv4-name {
  font-size: 36px; font-weight: 900; letter-spacing: .02em; line-height: 1.15;
}
.itemboxv25111201c .cv4-caption {
  margin-top: 10px; font-size: 18px; color: rgba(255,255,255,.94);
}

/* Hover effects */
.itemboxv25111201c .cv4-card:hover .cv4-img { transform: scale(1.06); }
.itemboxv25111201c .cv4-card:hover .cv4-overlay {
}

/* Responsive */
@media (max-width: 1200px) {
  .itemboxv25111201c .cv4-title { font-size: 38px; }
  .itemboxv25111201c .cv4-sub { font-size: 17px; }
}
@media (max-width: 900px) {
  .itemboxv25111201c .cv4-title { font-size: 34px; }
  .itemboxv25111201c .cv4-name { font-size: 30px; }
  .itemboxv25111201c .cv4-caption { font-size: 17px; }
}
@media (max-width: 640px) {
  .itemboxv25111201c { padding: 54px 14px 40px; }
  .itemboxv25111201c .cv4-title { font-size: 28px; }
  .itemboxv25111201c .cv4-sub { font-size: 15px; }
  .itemboxv25111201c .cv4-name { font-size: 26px; }
  .itemboxv25111201c .cv4-caption { font-size: 15px; }
}
/* ===================== Scoped: itemboxv25111201c (Core Values, full-bleed) ===================== */
.itemboxv25111201c { padding: 70px 0 48px; overflow-x: hidden; }
.itemboxv25111201c .cv4-wrap {max-width: initial;margin: 0 auto;padding: 0 0px;}

/* Title / Subtitle */
.itemboxv25111201c .cv4-title {
  text-align: center;
  font-weight: 800;
  font-size: 46px;
  letter-spacing: .02em;
  line-height: 1.12;
}
.itemboxv25111201c .cv4-sub {
  text-align: center;
  margin-top: 14px;
  color: #5e6673;
  font-size: 20px;
  line-height: 1.75;
  margin-bottom: 80px;
}

/* ===== Full-bleed row: viewport 가로로 꽉 차게 (이미지 사이 여백 X) ===== */
.itemboxv25111201c .cv4-row {
                 /* 뷰포트 가로 꽉차게 */
                  /* 컨테이너 밖으로 풀블리드 */
                 width: 100%;
                 display: flex;
}

/* Card (3등분, 여백/라운드 없음) */
.itemboxv25111201c .cv4-card {
  position: relative;
  flex: 1 1 33.333%;
  min-width: 0;
  border-radius: 0;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
  aspect-ratio: 16/9;               /* 높이 일정 유지 */
  height: 537px;
}

/* Background image layer */
.itemboxv25111201c .cv4-img {
  position: absolute; inset: 0;
  background-position: center; background-repeat: no-repeat; background-size: cover;
  transform: scale(1.01);
  transition: transform .6s ease;
}

/* Dark overlay */
.itemboxv25111201c .cv4-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6);
  transition: background .35s ease, opacity .35s ease;
  z-index: 1;
}

/* Text layer: 가운데 정렬(세로/가로 모두) */
.itemboxv25111201c .cv4-desc {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  /* padding: 0 26px; */
  /* text-shadow: 0 2px 8px rgba(0,0,0,.35); */
}
.itemboxv25111201c .cv4-name {
  font-size: 42px; font-weight: 900; letter-spacing: .02em; line-height: 1.15;
}
.itemboxv25111201c .cv4-caption {
  margin-top: 12px; font-size: 20px; color: rgba(255,255,255,.96);
}

/* Hover effects */
.itemboxv25111201c .cv4-card:hover .cv4-img { transform: scale(1.06); }
.itemboxv25111201c .cv4-card:hover .cv4-overlay {
  background: rgba(0,0,0,0.0);
}

/* Responsive */
@media (max-width: 1200px) {
  .itemboxv25111201c .cv4-title { font-size: 38px; }
  .itemboxv25111201c .cv4-sub   { font-size: 17px; }
  .itemboxv25111201c .cv4-name  { font-size: 36px; }
  .itemboxv25111201c .cv4-caption { font-size: 18px; }
}
@media (max-width: 900px) {
  .itemboxv25111201c .cv4-row {
    flex-direction: column;
    width: 100%;
    left: 50%;
    transform: none;
  }
  .itemboxv25111201c .cv4-card { flex-basis: auto; aspect-ratio: 16/10; }
}
@media (max-width: 640px) {
  .itemboxv25111201c { padding: 54px 0 40px; }
  .itemboxv25111201c .cv4-title { font-size: 28px; }
  .itemboxv25111201c .cv4-sub {font-size: 15px;padding: 0 16px;word-break: keep-all;}
  .itemboxv25111201c .cv4-name { font-size: 26px; }
  .itemboxv25111201c .cv4-caption { font-size: 15px; }
}

/* ===================== Scoped: MISSION & VISION (renamed) ===================== */
.itemboxv25111201e { padding: 100px 0; overflow-x: hidden; }
.itemboxv25111201e .mv-section { background-size: cover; background-position: center bottom; text-align: center; }

/* Title & subtitle */
.itemboxv25111201e .mv-title { font-size: 50px; font-weight: 800; margin-bottom: 10px; color: #222; letter-spacing: -2px; }
.itemboxv25111201e .mv-subtitle { font-size: 22px; line-height: 1.6; font-weight: 400; margin-bottom: 100px; color: #222; letter-spacing: -1px; }

/* Desktop layout */
.itemboxv25111201e .mv-circles { width: 1400px; max-width: 94vw; margin: auto; position: relative; }
.itemboxv25111201e .mv-circle { position: relative; text-align: center; float: left; width: 385px; height: 385px; border-radius: 50%; background-color: #e9f2ef; }
.itemboxv25111201e .mv-circle.mv-right { float: right; }
.itemboxv25111201e .mv-circle-center { position: relative; margin-left: 125px; text-align: center; float: left; width: 385px; height: 385px; border-radius: 50%; background-color: #4ea995; }
.itemboxv25111201e .mv-circle-center * { color: #fff; }

/* Centering inside circles */
.itemboxv25111201e .mv-content {position: relative;top: 50%;transform: translateY(-50%);padding: 0 22px;z-index: 1;}
.itemboxv25111201e .mv-content-center { top: 57%; }

/* Text styles */
.itemboxv25111201e .mv-label { font-size: 24px; color: #4ea995; font-weight: 700; letter-spacing: -2px; }
.itemboxv25111201e .mv-sep { width: 20px; height: 1px; margin: 20px auto; background: #4ea995; }
.itemboxv25111201e .mv-heading {font-size: 24px;color: #000;font-weight: 500;margin-bottom: 0;letter-spacing: -2px;}
.itemboxv25111201e .mv-text { font-size: 14px; color: #767777; font-weight: 300; margin-bottom: 15px; line-height: 1.8; }
.itemboxv25111201e .mv-logo img { height: 38px; width: auto; }
.itemboxv25111201e .mv-content-center .mv-text{
    color: #fff;
}
.itemboxv25111201e .mv-content-center .mv-heading{
    color: #fff;
}
/* connectors */
.itemboxv25111201e .mv-circle .mv-connector { position: absolute; left: -130px; top: 50%; width: 130px; height: 1px; background: #4ea995; transform: translateY(-50%); }
.itemboxv25111201e .mv-circle .mv-connector span { position: absolute; left: 126px; border-radius: 50%; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background: #4ea995; display: block; z-index: 2; }

.itemboxv25111201e .mv-circle-center .mv-connector { position: absolute; left: -125px; top: 50%; width: 130px; height: 1px; background: #4ea995; transform: translateY(-50%); }
.itemboxv25111201e .mv-circle-center .mv-connector span { position: absolute; right: 126px; border-radius: 50%; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background: #4ea995; display: block; z-index: 2; }

/* pulse (center blob) */
.itemboxv25111201e .mv-pulse:after {
  content:"";
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  background: #4ea995;
  position:absolute;
  left:0;
  top:0;
  z-index: 0;
  box-shadow: 0 0 0 0 rgba(78,169,149,1);
  transform: scale(1);
  animation: itemboxv25111201e_pulse 2s infinite;
}
@keyframes itemboxv25111201e_pulse {
  0%   { transform: scale(0.95); box-shadow:0 0 0 0 rgba(78,169,149,.7); }
  70%  { transform: scale(1);    box-shadow:0 0 0 100px rgba(78,169,149,0); }
  100% { transform: scale(0.95); box-shadow:0 0 0 0 rgba(78,169,149,0); }
}

/* ===================== Responsive ===================== */
@media (max-width: 1200px){
  .itemboxv25111201e .mv-title{font-size:42px}
  .itemboxv25111201e .mv-subtitle{font-size:18px;margin-bottom:70px}
  .itemboxv25111201e .mv-circle,
  .itemboxv25111201e .mv-circle-center{width:340px;height:340px}
  .itemboxv25111201e .mv-circle-center{margin-left:90px}
  .itemboxv25111201e .mv-circle .mv-connector{left:-90px;width:90px}
  .itemboxv25111201e .mv-circle-center .mv-connector{left:-90px;width:90px}  
}

@media (max-width: 960px){
  /* stack vertically */
  .itemboxv25111201e .mv-circles{display:flex;flex-direction:column;align-items:center;gap:22px}
  .itemboxv25111201e .mv-circle,
  .itemboxv25111201e .mv-circle-center{float:none;margin:0}
  .itemboxv25111201e .mv-circle-center{order:2}
  .itemboxv25111201e .mv-circle.mv-right{order:3}
  .itemboxv25111201e .mv-connector{display:none}
  .itemboxv25111201e .mv-content{top:50%;transform:translateY(-50%);/* max-width:86%; */}
}

@media (max-width: 600px){
  .itemboxv25111201e { padding: 72px 0; }
  .itemboxv25111201e .mv-title{font-size:32px}
  .itemboxv25111201e .mv-subtitle{font-size:15px;margin-bottom:42px}
  .itemboxv25111201e .mv-circle,
  .itemboxv25111201e .mv-circle-center{width:300px;height:300px}
  .itemboxv25111201e .mv-heading{font-size:20px}
  .itemboxv25111201e .mv-text{font-size:13px}
}

/*formboxv25111201a*/
    /* ====== Wrap & Head =================================================== */
    .formboxv25111201a{padding:56px 16px 80px;background:#fff;color:#111;}
    .formboxv25111201a .fb-container{max-width: 1200px;margin:0 auto;}
    .formboxv25111201a .fb-head{text-align:center;margin-bottom:28px;}
    .formboxv25111201a .fb-title{font-size:28px;font-weight:800;letter-spacing:.02em;margin-bottom:6px;}
    .formboxv25111201a .fb-sub{font-size:13px;color:#6b7684}
    .formboxv25111201a .fb-reqnote{font-size:11px;color:#d33;text-align:right;margin-top:4px}

    /* ====== Card ========================================================== */
    .formboxv25111201a .fb-card{margin-top:18px;border:1px solid #e6e8eb;border-radius:8px;background:#fafbfc}
    .formboxv25111201a .fb-body{padding:18px}

    /* ====== Field row (label + control) ================================== */
    .formboxv25111201a .fb-row{display:flex;gap:18px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #edf0f2}
    .formboxv25111201a .fb-row:last-child{border-bottom:none}
    .formboxv25111201a .fb-label{flex:0 0 150px;max-width:150px;font-size:13px;color:#394150;line-height:38px}
    .formboxv25111201a .fb-label.reqformv:after{content:" *";color:#d33;font-weight:700}
    .formboxv25111201a .fb-ctrl{flex:1;min-width:0}

    /* Inputs */
    .formboxv25111201a input[type="text"],
    .formboxv25111201a input[type="email"],
    .formboxv25111201a input[type="tel"],
    .formboxv25111201a select,
    .formboxv25111201a textarea{
      width:100%;
      height: 51px;
      padding:0 12px;
      border:1px solid #dfe3e8;
      border-radius:6px;
      background:#fff;
      font-size:13px;
      outline:none;
      transition:border-color .2s ease, box-shadow .2s ease;
    }
    .formboxv25111201a textarea{height:150px;resize:vertical;padding:12px}
    .formboxv25111201a input:focus,
    .formboxv25111201a select:focus,
    .formboxv25111201a textarea:focus{
      border-color:#4ea995;box-shadow:0 0 0 3px rgba(78,169,149,.12)
    }

    /* ====== Product groups =============================================== */
    .formboxv25111201a .fb-group{display:flex;flex-direction:column;gap:8px}
    .formboxv25111201a .fb-g-title{
      font-size:12px;font-weight:700;color:#3f8a7e;background:#eef7f5;border:1px solid #e2f1ee;border-radius:6px;
      padding:8px 10px;display:inline-block
    }
    .formboxv25111201a .fb-g-options{display:flex;flex-wrap:wrap;gap:10px 18px;padding:2px 2px 8px}
    .formboxv25111201a .fb-chip{
      display:inline-flex;
      align-items:center;
      gap:6px;
      border:1px solid #e2e6ea;
      border-radius:999px;
      padding: 12px 10px;
      background:#fff;
      font-size:12px;
      color:#1f2937;
      line-height:1
    }
    .formboxv25111201a .fb-chip input{accent-color:#4ea995}

    /* ====== Agreement (table-ish) ======================================== */
    .formboxv25111201a .fb-agree{margin-top:10px;border-top:1px solid #e6e8eb}
    .formboxv25111201a .fb-agrow{display:flex;gap:12px;border-bottom:1px solid #edf0f2}
    .formboxv25111201a .fb-agrow > div{padding:12px;font-size:12px}
    .formboxv25111201a .fb-agh{flex:0 0 160px;background:#f4f6f8;color:#475569;font-weight:700}
    .formboxv25111201a .fb-agt{flex:1;background:#fff;color:#3b424a}

    .formboxv25111201a .fb-consent{margin-top: 30px;display: block;font-size:12px;color:#46505a}
    .formboxv25111201a .fb-consent input{accent-color:#4ea995;margin-right:8px}

    /* ====== Submit ======================================================== */
    .formboxv25111201a .fb-actions{margin-top:18px;text-align:center}
    .formboxv25111201a .fb-submit{
      display:inline-flex;
      height:40px;
      align-items:center;
      justify-content:center;
      min-width:120px;
      padding:0 18px;
      border:none;
      border-radius:999px;
      background:#4ea995;
      color:#fff;
      font-weight:800;
      letter-spacing:.02em;
      cursor:pointer;
      transition: .3s all;
    }
    .formboxv25111201a .fb-submit:hover{filter:brightness(1.05);background: transparent;border: 1px solid #4ea995;color: #4ea995;}
    .formboxv25111201a .fb-submit:active{transform:translateY(1px)}

    /* ====== Responsive ==================================================== */
    @media (max-width:860px){
      .formboxv25111201a .fb-label{flex-basis:120px;max-width:120px}
    }
    @media (max-width:660px){
      .formboxv25111201a .fb-head{margin-bottom:14px}
      .formboxv25111201a .fb-title{font-size:22px}
      .formboxv25111201a .fb-row{flex-direction:column;gap:8px}
      .formboxv25111201a .fb-label{flex:0 0 auto;max-width:none;line-height:1.2}
      .formboxv25111201a .fb-chip{font-size:11px}
      .formboxv25111201a .fb-agrow{flex-direction:column}
      .formboxv25111201a .fb-agh{flex:0 0 auto}
    }
	/* ====== Checkbox: white check mark, keep green background when checked ====== */
.formboxv25111201a input[type="checkbox"]{
  -webkit-appearance:none; appearance:none; /* 기본 모양 제거 */
  width:14px; height:14px; margin:0;
  border:1px solid #cfd6dd; border-radius:3px;
  background:#fff; position:relative;
  display:inline-block; vertical-align:middle;
  outline:none; transition:box-shadow .2s ease, border-color .2s ease, background .2s ease;
}

/* 체크되었을 때: 배경은 기존 그린, 체크마크는 흰색 */
.formboxv25111201a input[type="checkbox"]:checked{
  background:#4ea995; border-color:#4ea995;
}
.formboxv25111201a input[type="checkbox"]:checked::after{
  content:"";
  position:absolute;
  left:3px;
  top:0px;
  width:6px;
  height:10px;
  border:2px solid #fff;             /* 하얀 체크 마크 */
  border-top:0;
  border-left:0;
  transform:rotate(45deg);
}

/* 포커스 표시 */
.formboxv25111201a .fb-chip input[type="checkbox"]:focus{
  box-shadow:0 0 0 3px rgba(78,169,149,.18);
}
/*formboxv25111201a*/

/* =========================
   FAQ – faqskinv25111201a
   ========================= */
.faqskinv25111201a{--faqskinv25111201a-text:#1f2d2b;--faqskinv25111201a-muted:#6d7a80;--faqskinv25111201a-line:#e6eaee;--faqskinv25111201a-bg: #f1f1f1;--faqskinv25111201a-accent:#2f4b4a}
.faqskinv25111201a{padding: 100px 16px 80px;}
.faqskinv25111201a .faqv-head{max-width:1040px;margin:0 auto 28px;text-align:center}
.faqskinv25111201a .faqv-title{font-size: 40px;line-height:1.15;font-weight:800;letter-spacing:.02em;color:var(--faqskinv25111201a-accent);margin:0 0 10px}
.faqskinv25111201a .faqv-sub{color:var(--faqskinv25111201a-muted);font-size: 18px;}

.faqskinv25111201a .faqv-wrap{max-width: 1300px;margin: 50px auto 0;border-top:1px solid var(--faqskinv25111201a-line)}
.faqskinv25111201a .faqv-item{border-bottom:1px solid var(--faqskinv25111201a-line)}
.faqskinv25111201a .faqv-q{width:100%;display:flex;align-items:center;gap: 30px;padding:20px 48px 20px 20px;background:#fff;border:0;cursor:pointer;text-align:left;position:relative}
.faqskinv25111201a .faqv-q:focus-visible{outline:2px solid rgba(47,75,74,.25);outline-offset:2px}

.faqskinv25111201a .faqv-qicon{flex: 0 0 50px;height: 50px;border-radius:50%;background:#eef2f3;color:#253435;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size: 20px;}
.faqskinv25111201a .faqv-qtxt{flex:1 1 auto;color:var(--faqskinv25111201a-text);font-size:16px}
.faqskinv25111201a .faqv-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%) rotate(0);width:18px;height:18px}
.faqskinv25111201a .faqv-arrow:before,.faqskinv25111201a .faqv-arrow:after{content:"";position:absolute;left:0;right:0;margin:auto;background:#b9c2c6}
.faqskinv25111201a .faqv-arrow:before{width:2px;height:18px}
.faqskinv25111201a .faqv-arrow:after{width:18px;height:2px;top:8px}

.faqskinv25111201a .faqv-item:hover span.faqv-qtxt {
    color: #036158;
}

.faqskinv25111201a .faqv-item.is-open .faqv-arrow{transform:translateY(-50%) rotate(180deg)}
/* + 아이콘 모양(위로 화살표 느낌) */
.faqskinv25111201a .faqv-item.is-open .faqv-arrow:before{transform:rotate(90deg);opacity:.0}

.faqskinv25111201a .faqv-a{display: flex;grid-template-columns:36px 1fr;gap: 30px;background:var(--faqskinv25111201a-bg);padding:18px 20px 20px 20px}
.faqskinv25111201a .faqv-aicon{grid-row:1/2;grid-column:1/2;flex: 0 0 50px;height: 50px;border-radius:50%;background: #525252;color: #ffffff;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size: 20px;}
.faqskinv25111201a .faqv-atxt{grid-column:2/3;color:#3b4a50;line-height:1.75;font-size: 16px;}

/* 토글(접기/펼치기) 애니메이션 */
.faqskinv25111201a .faqv-a{max-height:0;overflow:hidden;padding-top:0;padding-bottom:0;opacity:0;transition:max-height .35s ease,opacity .25s ease,padding .35s ease}
.faqskinv25111201a .faqv-item.is-open .faqv-a{max-height:300px;opacity:1;padding-top: 30px;padding-bottom: 30px;}

/* Responsive */
@media (max-width: 768px){
  .faqskinv25111201a{padding:40px 12px 64px}
  .faqskinv25111201a .faqv-title{font-size:26px}
  .faqskinv25111201a .faqv-q{padding-right:44px}
  .faqskinv25111201a .faqv-qtxt{font-size:15px}
  .faqskinv25111201a .faqv-atxt{font-size:13.5px}
}
body{
    --mobile-sector-h2-size: 40px;
    --mobile-sector-h3-size: 14px;
    --mobile-sector-pd-size: 25px;
}

@media (max-width: 860px){

    .main_01 .cnt_wrap .tx_txt {
    word-break: keep-all;
    font-size: 11vw;
    padding: 23vw;
}
    .main_01 .mn_nxt, .main_01 .mn_prv {
    display: none;
}

.main_01 .tt_it {
    padding: 20vw;
    padding-top: 1vw;
    padding-bottom: 1vw;
}

.main_01 .tt_it span.t1 {
    font-size: 8vw;
}

.main_01 .tt_it span.t2 {
    font-size: 4vw;
}

.main_02 .cnt_wrap .tp_r {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: initial;
}

.main_02 .cnt_wrap .tp_r .tt_r {
    width: 100%;
}

.main_02 .cnt_wrap {padding: var(--mobile-sector-pd-size);padding-top: 100px;}

.main_02 .cnt_wrap .tp_r .tb_r {
    width: 100%;
}
    .main_04 .cnt_wrap .bs1 {
    height: auto;
    width: 100%;
}

.main_04 .cnt_wrap .bs1 .dsc_cls {
    padding-right: 0;
    min-width: initial;
    max-width: initial;
    width: 100%;
    padding: var(--mobile-sector-pd-size);
    padding-top: 150px;
}

.main_04 .cnt_wrap {
    display: flex;
    flex-direction: column;
}

.main_04 .cnt_wrap .bs2 {
    width: 100%;
}

.main_04 .cnt_wrap .bs2 .dsc_cls .tx03 {
    display: none;
}

.main_04 .cnt_wrap .bs2 .dsc_cls {
    padding-top: 12vw;
    padding-left: 18vw;
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx05 {
    display: none;
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx04 {
    margin-bottom: 25px;
}

.main_05 .cnt_wrap {
    padding: var(--mobile-sector-pd-size);
    padding-top: 150px;
}

.main_05 .cnt_wrap .x_r .tt_it {
}

    

.main_06 .sns_cls {
    min-width: initial;
    display: flex;
    flex-direction: column;
}

.main_06 .sns_cls .snsbx {
    position: relative;
    right: 0;
    width: 77vw;
    display: none;
}

    
.tl_cls .cnt_wrap .t01 .logo {
    margin: 0 auto;
    position: relative;
    /* left: 50%; */
    /* transform: translateX(-50%); */
    text-align: center;
}

.tl_cls .cnt_wrap .t01 .lnk_cls {
    float: left;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.tl_cls .cnt_wrap .t01 .lnk_cls a:nth-child(1) {
    margin-left: 0px !important;
}

.tl_cls .cnt_wrap .t02 {
    display: flex;
    flex-direction: column;
    padding: 25px;
}

.tl_cls .cnt_wrap .t02 .ft01 {
    width: 100%;
}

.tl_cls .cnt_wrap .t02 .ft02 {
    width: 100%;
    margin-top: 20px;
}

.tl_cls .cnt_wrap .t02 .tls_cls .tl1 {
    display: block;
}

.tl_cls .cnt_wrap .t01 {
    display: flex;
    flex-direction: column;
}

.main_06 .nws_lst .itm_box .mgs_img {
    height: 160px;
}

    
.global .gr_02 {
    height: auto  !important;
    padding: 8vw 0px  !important;
}

.global .gr_02 .tx03 {
    position: relative  !important;
    bottom: 0  !important;
    font-size: 4vw !important;
    word-break: keep-all !important;
}

.global .gr_02 .map_view {
    position: relative  !important;
    top: 0  !important;
}

.global .mapbg {
    width: 100vw !important;
    height: 55vw !important;
}

.global .gr_02 .tx01 {
    font-size: 3.7vw !important;
    margin-bottom: 2vw !important;
}

.global .gr_02 .tx02 .et02 {
    font-size: 6.1vw !important;
    margin: 0 3vw !important;
    line-height: 0!important;
}

.global .gr_02 .tx02 .et01 span, .global .gr_02 .tx02 .et01 {
    font-size: 12vw  !important;
    width: auto  !important;
    line-height: normal  !important;
    height: auto  !important;
}

.worldsldctr251110a .ex-main-prev, .worldsldctr251110a .ex-logo-prev {left: 0;}

.worldsldctr251110a .ex-main-next, .worldsldctr251110a .ex-logo-next {
    left: auto;
}

.global .gr_02 .map_view .round {
    display: none;
}

}

@media (max-width: 480px){
.header .cnt_wrap .logo img {
    width: 40vw;
}

.header .cnt_wrap .logo {
    top: 50%;
    transform: translateY(-50%);
}

.header .cnt_wrap {
    display: flex;
}


.header .cnt_wrap .menu_cn .mnu_top .itm_box:hover .submnu, .header .cnt_wrap .menu_cn .t_cmn .lang_sel:hover .lang_list {
    display: none;
}

.header .cnt_wrap .menu_cn .t_cmn .lang_sel.active .lang_list {
    height: auto;
    opacity: 1;
    display: block;
}

    .main_02 .cnt_wrap .tp_r .tt_r .tt02 {
    font-size: var(--mobile-sector-h2-size);
}

.main_02 .cnt_wrap .tp_r .tt_r .tt03 {
    font-size: var(--mobile-sector-h3-size);
}

.main_02 .cnt_wrap .tp_r .tb_r {
    margin-top: 35px;
}

.main_02 .cnt_wrap .tp_r .tb_r .itm_box {
    font-size: 15px;
}

.main_02 .cnt_wrap .md_r {
    width: auto;
    height: auto;
}

.main_02 .cnt_wrap .md_r .mpd_cls {padding: 0;}

.main_02 .cnt_wrap .md_r .swiper-slide {
    height: auto !important;
    margin-top: 0;
}

.main_02 .cnt_wrap .md_r .swiper-slide .nwrp {
    width: auto;
    height: auto;
}

.main_02 .cnt_wrap .md_r .swiper-slide-active img {
    /* height: auto; */
}

.main_02 .cnt_wrap .md_r .swiper-slide img {
    height: auto;
}

    .main_04 .cnt_wrap .bs1 .dsc_cls .tx02 {
    font-size: var(--mobile-sector-h2-size);
}
    .main_04 .cnt_wrap .bs1 .dsc_cls .tx03 {font-size: var(--mobile-sector-h3-size);}
    
.main_04 .cnt_wrap .bs1 .dsc_cls .tx04 .itm_box .tx_txt {
    font-size: 3.7vw;
}

.main_04 .cnt_wrap .bs1 .dsc_cls .tx04 {
    width: 100%;
}

.main_04 .cnt_wrap .bs2 .dsc_cls .tx01 span {
    font-size: 4vw;
}

.main_04 .cnt_wrap .bs2 .dsc_cls .tx02 .pnm_cls {
    font-size: 20vw;
}

.main_04 .cnt_wrap .bs2 .dsc_cls .tx02 span {
    font-size: 11vw;
}

.main_04 .cnt_wrap .bs2 .dsc_cls .tx02 .tx_0 {
    font-size: 8vw;
}
    
.main_05 .cnt_wrap {
    padding: var(--mobile-sector-pd-size);
    padding-top: 150px;
}

.main_05 .cnt_wrap .x_r .tt_it {
    font-size: var(--mobile-sector-h2-size);
}

.main_06 .cnt_wrap {
    width: 100%;
    padding: var(--mobile-sector-pd-size);
    padding-top: 70px;
}

.main_06 .tt_it {font-size: var(--mobile-sector-h2-size);}

.main_06 .sns_cls .ntx_txt {font-size: var(--mobile-sector-pd-size);}

.main_06 .sns_cls .ntx_txt span {
    word-break: keep-all;
}
    .main_06 .nws_lst .itm_box {
    width: 50% !important;
}

    .header .cnt_wrap .menu_cn .t_cmn .lang_sel .lang_list.active {
    height: auto;
    opacity: 1;
    display: block !important;
}
    
}

.main_01 .tt_it span.t1 {
    word-break: keep-all;
}

.main_01 .tt_it span.t2 {
    word-break: keep-all;
}
@media (max-width: 768px){
  
  .pcv{
  display:none !important;
  }
  
}
@media (min-width: 768px){
 
  .mbv{
  display:none !important;
  }

}