@charset "UTF-8";

#wrapper{position: relative;min-width: 1470px;}
#header{position:relative;width:100%;height: 6rem;z-index: 10;}
#header::after{display:block;content:'';position: absolute;bottom:0;left: 0;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.30);}
#header.over::after{display: none;}
#header .header-wrap{position: fixed;top:0;left:0;width: 100%;min-width: 1470px;}
.header-inbox{display:flex;justify-content: space-between;align-items: center;width:100%;padding:0 20px;max-width:1600px;height: 6rem;color:#fff;margin:0 auto;}
.header-inbox .logo{position:relative;z-index:1;margin-top: 1rem; width: 6.85rem;height: 3.5rem;background:url(/cms/contents/eng/resource/images/common/logo_wt.svg) 0 0 no-repeat;background-size: 100%;}
.header-inbox .logo a{display: block;width: 100%;height: 100%;}
.htop-rgbox{display: flex;align-items: center;position: relative;z-index: 1;}
.htop-search{width: 13.85rem;border:2px solid #fff;border-radius:30px;transition: width 0.2s;-webkit-transition: width 0.2s;}
.htop-search .search-box{position:relative;height: 2.2rem;padding-right: 1.8rem;}
.htop-search .fe-input{width: 100%;height: 100%; border:none;color:#fff;font-size: 15px;}
.htop-search .fe-input::placeholder{color: #fff;}
.htop-search .btn-search{position:absolute;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); right:3px;width: 1.9rem;height: 1.9rem;background: #fff;border-radius: 50%;}
.htop-search .btn-search::after{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); display:block;content:'';width: 16px;height: 15px;background:url(/cms/contents/eng/resource/images/common/btn_search.svg) 0 0 no-repeat;background-size: 100%;}
.htop-link{display: flex;font-size: 16px;}
.htop-link li{margin-left: 1.3rem;}
.hleft-area{display: flex;}
.m-toptit{display: none;}

#header.over::before{position: fixed;top:0;left:0; display: block;content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, 0.50);}
#gnbWrap{position: absolute;width: 100%;top:0;left:0;}
.gnb-inbox{max-width: 1470px;margin:0 auto;padding:0 15px;}
.gnb{display:flex;height:6rem;margin:0 0 0 8.7rem;}
.gnb > li{text-align: center;margin-right: 40px;}
.gnb .submenu-wrap{display:none;position: absolute;width: 100%;top:6rem;left:0;background: #fff;border-top: 1px solid #E2E4E7;height: 240px;overflow: hidden;}
.gnb > li.over .submenu-wrap{display: block;}
.gnb .a-depth01{position:relative;display: inline-flex;height:100%;align-items: center;font-size: 1.1rem;font-weight: 400;}
.gnb .a-depth01 > span{padding-top: 6px;}
.gnb > li.over .a-depth01,
.gnb > li.on .a-depth01{font-weight: 700;letter-spacing: -0.7px;}
.gnb > li.over .a-depth01{color: #0A73EF;}
.gnb .a-depth01:after{height: 2px; background: #fff; content: ''; position: absolute; left: 50%; bottom: 25px; transition:all ease-in-out .3s; width: 0}
.gnb > li.on .a-depth01:after,
.gnb > li.over .a-depth01:after{width: 80%; left: 10%;}
.gnb > li:last-child.over .a-depth01{letter-spacing: -0.5px;}
.gnb .submenu-inbox{position: relative; margin:0 auto;max-width: 1470px;padding:28px 15px 10px 190px;text-align: left;z-index: 1;}
.gnb .submenu-inbox::before{position: absolute;top:0; left:-225px; display: block;content: '';width: 356px;height: 100%;background: #F9F9F9;}
.gnb .submenu-inbox::after{position: absolute;top:112px; left:-225px; display: block;content: '';width: 356px;height: 278px;background:#F9F9F9 url(/cms/contents/eng/resource/images/common/bg_gnb.svg) 0 0 no-repeat;background-size: 100%;}
.gnb .submenu-inbox .txt-box{position: absolute;left:-80px;z-index: 1;}
.gnb .submenu-inbox .stit{font-size: 1.8rem;color: #0A73EF;font-weight: 700;text-align: right;padding-top: 5px;}
.gnb .submenu-inbox .stxt{font-size: 16px;color: #555;text-align: right;padding-top: 11px;}
.gnb .submenu-inbox .munu-depth01{display: flex;flex-wrap: wrap;padding-right: 300px;}
.gnb .submenu-inbox .munu-depth01 > li{width: 225px;margin-bottom: 40px;}
.gnb .submenu-inbox .munu-depth01 > li > a{display: inline-block; position: relative; font-size: 18px;font-weight: 500;padding-right: 27px;margin-bottom: 7px;}
.gnb .submenu-inbox .munu-depth01 > li > a::after{position: absolute;top:1px;right: 0; display: block;content: '';width: 27px;height: 27px;background:url(/cms/contents/eng/resource/images/common/icon_gnb_arrow.svg) 0 0 no-repeat;background-size: 100%;}
.gnb .submenu-inbox .munu-depth01 > li.ico-nwin > a::after{background-image: url(/cms/contents/eng/resource/images/common/icon_newopen.svg);}
.gnb .submenu-inbox .munu-depth02 li{margin-bottom: 5px;width: 160px;word-break: keep-all;}
.gnb .submenu-inbox .munu-depth02 a{font-size: 14px;color: #555;}
.gnb .submenu-inbox .munu-depth02 a:hover{color: #000;text-decoration: underline;}

.gnb > li:nth-child(2) .txt-box{left: -130px;}
.gnb > li:nth-child(3) .txt-box{left: -60px;}
.gnb > li:nth-child(4) .txt-box{left: -30px;}
.gnb > li:nth-child(5) .txt-box{left: -80px;}
.gnb > li:nth-child(6) .txt-box{left: -210px;}

.btn-allmenu{width: 32px; height: 24px; display: block; position: relative;margin-left:1.85rem;}
.btn-allmenu span{display: block; position: absolute; width: 100%; height:4px;background:#fff; opacity: 1; left: 0; transform: rotate(0deg);-webkit-transform: rotate(0deg); transition: .25s ease-in-out;-webkit-transition: .25s ease-in-out; transform-origin: left center;-webkit-transform-origin: left center;}
.btn-allmenu span:nth-child(1){top: 0px;}
.btn-allmenu span:nth-child(2){top:10px;}
.btn-allmenu span:nth-child(3){top:20px;}
.btn-allmenu.open span:nth-child(1){transform: rotate(45deg);-webkit-transform: rotate(45deg)}
.btn-allmenu.open span:nth-child(2){display: none;}
.btn-allmenu.open span:nth-child(3){top:22px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}

.header-wt .header-wrap,
#header.over .header-wrap,
#header.header-fixed .header-wrap{background: #fff;border-bottom:1px solid #E2E4E7;}
.header-wt .header-inbox,
#header.over .header-inbox,
#header.header-fixed .header-inbox{color: #000;}
.header-wt .header-wrap .gnb > li.on .a-depth01,
#header.over .gnb > li.on .a-depth01,
#header.header-fixed .gnb > li.on .a-depth01{color: #0A73EF;}
.header-wt .gnb .a-depth01:after,
#header.over .gnb .a-depth01:after,
#header.header-fixed .gnb .a-depth01:after{background: #0A73EF;}
.header-wt .header-wrap .logo,
#header.over .header-wrap .logo,
#header.header-fixed .header-wrap .logo{background-image:url(/cms/contents/eng/resource/images/common/logo.svg);}
.header-wt .htop-search,
#header.over .htop-search,
#header.header-fixed .htop-search{border-color: #000;}
.header-wt .htop-search .fe-input,
#header.over .htop-search .fe-input,
#header.header-fixed .htop-search .fe-input{color: #000;}
.header-wt .htop-search .fe-input::placeholder,
#header.over .htop-search .fe-input::placeholder,
#header.header-fixed .htop-search .fe-input::placeholder{color: #777;}
.header-wt .htop-search .btn-search,
#header.over .htop-search .btn-search,
#header.header-fixed .htop-search .btn-search{background: #000;}
.header-wt .btn-allmenu span,
#header.over .btn-allmenu span,
#header.header-fixed .btn-allmenu span{background:#000;border-color: #000;}
.header-wt .htop-search .btn-search::after,
#header.over .htop-search .btn-search::after,
#header.header-fixed .htop-search .btn-search::after{background-image:url(/cms/contents/eng/resource/images/common/btn_search_wt.svg);}
.header-wt .htop-link .btn-login a,
#header.over .htop-link .btn-login a,
#header.header-fixed .htop-link .btn-login a{background-image:url(/cms/contents/eng/resource/images/common/icon_login.svg);}
.header-wt .htop-link .btn-global a,
#header.over .htop-link .btn-global a,
#header.header-fixed .htop-link .btn-global a{background-image:url(/cms/contents/eng/resource/images/common/icon_global.svg);}
.header-wt .m-toptit .btn-prepage,
#header.header-fixed .m-toptit .btn-prepage{background-image:url(/cms/contents/eng/resource/images/common/icon_arrow_pre.svg)}

.allmenu-open{overflow: hidden;}
.allmenu-open .header-inbox .logo{z-index: 11;background-image: url(/cms/contents/eng/resource/images/common/logo_kra_b.svg) !important;}
.allmenu-open .htop-rgbox{z-index: 11;}
.allmenu-open .htop-rgbox .htop-search,
.allmenu-open .htop-rgbox .htop-link{display: none;}
.allmenu-open .flt-box{display: none;}
.allmenu-open .allmenu-wrapbox{display: block;}
.allmenu-open .btn-allmenu span{background-color: #000;}
.allmenu-open #header::after{display: none;}
.allmenu-open .header-wrap{border-bottom: none !important;background: #fff;}
.allmenu-wrapbox{display: none; position: fixed;top:0;left:0; width: 100%;height: 100%;padding-top: 7rem; background: #fff;z-index: 10;overflow-y: auto;}
.allmenu-wrapbox::before{position: fixed;top:0;left:0; display: block;content: '';width: 100%;height: 6rem;background: #fff;z-index: 2;}
.allmenu-ul{display: flex;justify-content: center;gap: 70px;}
.allmenu-ul .a-depth01{display: inline-block; font-size: 1.6rem;font-weight: 700;color: #0A73EF;margin-bottom: 0.2rem;}
.allmenu-ul .munu-depth01 > li{margin-top: 1rem;color: #000;}
.allmenu-ul .munu-depth01 > li > a{font-size: 18px;font-weight: 500;}
.allmenu-ul .munu-depth02{margin-top: 2px;}
.allmenu-ul .munu-depth02 li{margin-top: 4px;}
.allmenu-ul .munu-depth02 li a{position: relative; font-size: 14px;color: #555;}
.allmenu-ul .munu-depth02 li a::before{display: inline-block;content: '-';padding-right: 3px;}
.allmenu-ul .munu-depth01 > li.ico-nwin > a{position: relative;padding-right: 27px;}
.allmenu-ul .munu-depth01 > li.ico-nwin > a::after{position: absolute;top:0;right: 0; display: block;content: '';width: 27px;height: 27px;background:url(/cms/contents/eng/resource/images/common/icon_newopen.svg) 0 0 no-repeat;background-size: 100%;}
.allmenu-foot{background:#F9F9F9;margin-top: 1.6rem;color: #000;}
.allmenu-foot .allfoot-link{display: flex;}
.allmenu-foot .allfoot-link li{width: 100%;font-size: 18px;font-weight: 500;text-align: center;padding:1.1rem 0;}
.allmenu-foot .allmenu-footbot{border-top: 1px solid #ddd;}
.allmenu-foot .allmenu-footbot .inner-wrap{display: flex;justify-content: space-between;align-items: center;padding:1.5rem 0;max-width: 1400px;}
.allmenu-foot .sns-link{display: flex;}
.allmenu-foot .sns-link li{margin-left: 12px;}
.mob-quickbox{display: none;}

.layerlogin-box{position: fixed;top:6rem;left:0; width: 100%;height: calc(100% - 6rem);background: rgba(0, 0, 0, 0.50);}
.layerlogin-box .inbox{position: relative; padding: 0 20px;max-width: 1600px;margin: 0 auto;}
.layerlogin-box .inbox ul{position: absolute;right:42px;top:0; width: 160px;height: 144px;padding: 24px 0 0 34px; background: #fff;border-radius: 0 0 12px 12px;color: #666;font-size: 0.8rem;line-height: 48px;}
.layerlogin-box .inbox ul li:first-child{font-weight: 700;color: #0A73EF;}

.inner-wrap{max-width: 1470px;margin: 0 auto;padding:0 15px;}

.sub-container{position: relative;}
.sub-container .sub-bgbox{position: relative;left: 0;width: 100%;height: 19rem;overflow:hidden;margin-top:-6rem;}
.sub-container .sub-bgbox::before{content: "";position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;/*animation: zoomOut 3s linear;-webkit-animation: zoomOut 3s linear;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;*/}
.sub-container .sub-bgbox::after{content: "";position: absolute;bottom:0;right: 0;display: block;width: 21.1rem;height: 100%;background:url(/cms/contents/eng/resource/images/common/bg_logo.svg) 0 0 no-repeat;background-size: cover;}
.sub-container .sub-bg01::before{background:url(/cms/contents/eng/resource/images/sub/bg_openinfor.jpg) center 0 no-repeat;background-size: cover;}
.sub-container .sub-bg02::before{background:url(/cms/contents/eng/resource/images/sub/bg_prcenter.jpg) center 0 no-repeat;background-size: cover;}
.sub-container .sub-bg03::before{background:url(/cms/contents/eng/resource/images/sub/bg_kraintro.jpg) center 0 no-repeat;background-size: cover;}
.sub-container .sub-bg04::before{background:url(/cms/contents/eng/resource/images/sub/bg_betting.jpg) center 0 no-repeat;background-size: cover;}
.sub-container .sub-bg05::before{background:url(/cms/contents/eng/resource/images/sub/bg_mice.jpg) center 0 no-repeat;background-size: cover;}
.sub-container .sub-bg06::before{background:url(/cms/contents/eng/resource/images/sub/bg_contact.jpg) center 0 no-repeat;background-size: cover;}
.sub-container .sub-bg07::before{background:url(/cms/contents/eng/resource/images/sub/bg_contact.jpg) center 0 no-repeat;background-size: cover;}
.subin-wrap{position: relative;max-width: 1470px;margin: 0 auto;padding:3rem 15px 6rem;}
.subin-wrap::after{display: block;content: '';clear: both;}
.sub-content{float:right;width:calc(100% - 15.5rem - 3.89%);background-color: #fff;}

.con-titarea{display: flex;align-items: center;justify-content: space-between;padding:2.2rem 0 2.8rem;}
.con-titarea .location{color: #545F71;font-size: 16px;font-weight: 300;}
.con-titarea .location .home{display: inline-block; width:20px;height: 20px;background:url(/cms/contents/eng/resource/images/common/icon_home.svg) 0 0 no-repeat;background-size: 100%;vertical-align: middle;}
.con-titarea .location > span{position: relative; display: inline-block; vertical-align: middle;padding-left:16px;}
.con-titarea .location > span::after{position: absolute; top:50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);left:0;display: block;content: '';width: 12px;height: 12px;background:url(/cms/contents/eng/resource/images/common/icon_lc_arrow.svg) 0 0 no-repeat;background-size: 100%;}
.con-titarea .location .current{color: #2C3749;font-weight: 400;}
.m-connav{display: none;}

#aside{float:left;position:relative;top:0;bottom:auto;width:15.5rem;padding:2.2rem 1.2rem 2.55rem; transition: top 0.5s;-webkit-transition: top 0.5s;border: 1px solid #E2E4E7;border-radius: 16px;}
.aside-fixed #aside{position: fixed;top:7rem;}
#aside.aside-botfixed{position: absolute;bottom:6rem;top:auto;}
#aside h2{font-size: 1.5rem;font-weight: 500;line-height: 2.3rem;padding-bottom: 1.9rem;}
.snb{background:#fff;border-radius:5px;}
.snb a{position:relative;display: block;width: 100%;word-break: keep-all;}
.snb .munu-depth01 > li > a{position: relative;font-size: 1rem;padding:0.5rem 0.6rem 0.5rem 0.6rem;}
.snb .munu-depth01 > li{padding-bottom: 0.4rem;}
.snb .munu-depth01 > li.on > a{background: #F6F8FC;border-radius: 8px;font-weight: 700;margin-top: 0.6rem;}
.snb .munu-depth01 > li:first-child.on > a{margin: 0 0 0.6rem 0;}
.snb .munu-depth01 > li.has-depth.on > a{margin-bottom: 0;}
.snb .munu-depth02{visibility: hidden;height: 0;padding: 0 0.65rem;overflow: hidden;font-size:0.8rem;color:#666;transition: all 0.2s;-webkit-transition: all 0.2s;}
.snb .munu-depth02 li{padding-bottom: 0.5rem;}
.snb .munu-depth02 .on a{color: #0A73EF;font-weight: 700;}
.snb .on .munu-depth02{visibility: visible;height: auto;padding: 1.1rem 0.65rem 0.5rem;transition: all 0.2s;-webkit-transition: all 0.2s;}
.snb .has-depth > a::after{position:absolute;top:12px;right:20px;display: block;content:'';width: 24px;height:24px;background:url(/cms/contents/eng/resource/images/common/icon_plus.svg) 0 0 no-repeat;background-size: 100%;}
.snb .on.has-depth > a::after{background-image:url(/cms/contents/eng/resource/images/common/icon_minus.svg);}
.snb .munu-depth01 > li.clone,
.snb .munu-depth02 > li.clone{display: none;}


.flt-box{position: fixed;z-index:10;left: 50%;bottom:60px;margin-left: 740px;}
.flt-box .btn-wintop{position: relative; display:none;width: 64px;height: 64px;background: #0A73EF;border-radius: 50%;box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.16);}
.flt-box .btn-wintop::after{position: absolute;top:50%;left:50%; display: block;content: '';width: 36px;height: 35px;background:url(/cms/contents/eng/resource/images/common/icon_top.svg) 0 0 no-repeat;background-size: 100%; transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}

#footer{position:relative;z-index: 1;background-color: #F5F5F5;}
.footer-wrap{position:relative;max-width: 1470px;margin:0 auto;padding:2rem 15px 3.15rem;}
.footer-wrap .footer-logo{position: absolute; top:2rem;left:15px;}
.footer-address{ font-size: 14px;color: #555;font-weight: 500;line-height: 1.1; padding: 0 0 0 9.5rem;}
.footer-address p{padding-top: 12px;}
.footer-address p span{position: relative;padding:0 0 0 24px;display: inline-block;}
.footer-address p span::after{position: absolute; top:1px; left: 11px; display: block;content: '';width: 1px;height: 13px;background: #d4d4d4;}
.footer-address p span:first-child{padding-left: 0;}
.footer-address p span:first-child::after{display: none;}
.footer-address .copy{color: #999;}
.footer-address .mbr{display: none;}




/* 반응형 */

@media screen and (max-width: 1600px) {
    .htop-search{width: 11rem;}
    .gnb{margin-left:10rem;}
    .gnb .submenu-inbox{padding-left: 10.7rem;}
    .gnb .submenu-inbox .txt-box{left:30px;}
    .gnb .submenu-inbox .stit{font-size: 1.3rem;}
    .gnb > li:nth-child(2) .txt-box{left:5px;}
    .gnb > li:nth-child(3) .txt-box{left:50px;}
    .gnb > li:nth-child(4) .txt-box{left:70px;}
    .gnb > li:nth-child(5) .txt-box{left:30px;}
    .gnb > li:nth-child(6) .txt-box{left:1px;}
	.gnb > li:nth-child(6) .txt-box .stit{font-size:1rem;}
    .gnb .submenu-inbox::before,
    .gnb .submenu-inbox::after{left: -170px;}

    .flt-box{margin:0;right:20px;left:auto;}
}

/* @media screen and (max-width: 1400px) {
    .gnb .submenu-inbox .munu-depth01{padding-right: 100px;}
}

@media screen and (max-width: 1280px) {
    .htop-link,
    #gnbWrap{display: none;}

    #header,
    .header-inbox{height: 64px;padding: 0 15px;}
    .btn-allmenu{width: 18px;height: 12px;margin-left: 12px;}
    .btn-allmenu span{height: auto;border:1px solid #fff;}
    .btn-allmenu span:nth-child(2){top:5px;}
    .btn-allmenu span:nth-child(3){top:10px;}
    .btn-allmenu.open span:nth-child(3){top:13px;}
    #header.header-fixed .btn-allmenu span{border-color: #000;}
    .header-inbox .logo{width: 81px;height: 42px;margin-top: 0.5rem;}

    .htop-search{border: none;width: auto;}
    .htop-search .fe-input{display: none;}
    .htop-search .btn-search{width: 24px;height: 24px;border-radius: 0;background: none;}
    .htop-search .btn-search::after{width: 20px;height: 20px; background-image: url(/cms/contents/eng/resource/images/common/btn_search_wt.svg);}
    .header-wt .htop-search .btn-search, 
    #header.over .htop-search .btn-search, 
    #header.header-fixed .htop-search .btn-search{background: none;}
    .header-wt .htop-search .btn-search::after, 
    #header.over .htop-search .btn-search::after, 
    #header.header-fixed .htop-search .btn-search::after{width: 20px;height: 20px; background-image: url(/cms/contents/eng/resource/images/common/btn_search.svg);}

    .allmenu-open #header::after{display: none;}
    .allmenu-open .header-inbox .logo{z-index: 11;background-image: url(/cms/contents/eng/resource/images/common/logo_wt.svg) !important;}
    .allmenu-open .htop-rgbox .htop-link{display: none;}
    .allmenu-open .htop-rgbox .htop-link .btn-login{display: none;}
    .allmenu-open .htop-rgbox .htop-link .btn-global a{width: 24px;height: 24px;background:url(/cms/contents/eng/resource/images/common/icon_global_small.svg) 0 0 no-repeat !important;background-size: 100% !important;}
    .allmenu-open .btn-allmenu span{background-color: #fff !important;border-color: #fff !important;}
    .allmenu-open .header-wrap{border:1px solid #000 !important;background: #22283E !important;}
    .allmenu-wrapbox{background: #22283E;padding-top: 86px;}
    .allmenu-wrapbox::before{height: 64px;background: #22283E;border-bottom: 1px solid #000;}
    .allmenu-inbox .pcm-menuwrap{position: relative; background: #F6F8FC;margin-top: 24px;}
    .allmenu-inbox .pcm-menuwrap::before{position: absolute;top:0;left:0; display: block;content: '';width: 130px;height: 100%;background: #fff;border-right: 1px solid #E2E4E7;}
    .allmenu-foot{display: none;}
    .allmenu-ul{display: block;}
    .allmenu-ul > li{width: auto !important;max-width: none !important;margin:0 !important;}
    .allmenu-ul > li:nth-child(3) .potli01,
    .allmenu-ul > li:nth-child(3) .potli02,
    .allmenu-ul > li:nth-child(3) .potli03{position: static;}
    .allmenu-ul .a-depth01{position: absolute;left:0; display: flex; font-size: 16px;font-weight: 700;color: #555;margin: 0;width: 130px;height: 48px;padding-left:15px;align-items: center;}
    .allmenu-ul > li.on .a-depth01{color: #0A73EF;font-weight: 700;}
    .allmenu-ul > li:nth-child(1) .a-depth01{top:24px;}
    .allmenu-ul > li:nth-child(2) .a-depth01{top:72px;}
    .allmenu-ul > li:nth-child(3) .a-depth01{top:120px;}
    .allmenu-ul > li:nth-child(4) .a-depth01{top:168px;}
    .allmenu-ul > li:nth-child(5) .a-depth01{top:216px;}
    .allmenu-ul > li:nth-child(6) .a-depth01{top:264px;}
    .allmenu-ul > li:nth-child(3){position: static;}
    .allmenu-ul .submenu-wrap{display: none;padding:16px 0 60px 135px;}
    .allmenu-ul > li.on .submenu-wrap{display: block;min-height: 450px;}
    .allmenu-ul .munu-depth01 > li{margin-top: 0;}
    .allmenu-ul .munu-depth01 > li > a{position: relative; display: block; font-size: 14px;font-weight: 500;padding:12px 0;border-bottom: 1px solid #AEB6C4;}
    .allmenu-ul .munu-depth01 > li.has-depth > a::after{position: absolute;right:0;top:12px; display: block;content: '';width: 20px;height: 20px;background:url(/cms/contents/eng/resource/images/common/icon_allmenu_arrow.svg) 0 0 no-repeat;background-size: 100%;}
    .allmenu-ul .munu-depth01 > li.has-depth.on > a::after{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
    .allmenu-ul .munu-depth01 > li.on .munu-depth02{padding-top: 14px;height: auto;overflow: visible;}
    .allmenu-ul .munu-depth01 > li.ico-nwin > a::after{top:10px;}
    .allmenu-ul .munu-depth02{padding:0;height: 0;transition: all 0.3s;-webkit-transition: all 0.3s;overflow: hidden;}
    .allmenu-ul .munu-depth02 li{margin-top: 0;line-height: 32px;}
    .allmenu-ul .munu-depth02 li a{font-size: 14px;color: #666;}
    .allmenu-ul .munu-depth02 li a::before{display: none;}
    .mob-quickbox{display: block; color: #fff;padding:0 15px;}
    .mob-quickbox .mob-infor{display: flex;justify-content: space-between;align-items: center;}
    .mob-quickbox .mob-infor p{font-size: 16px;}
    .mob-quickbox .mob-infor p strong{font-weight: 700;padding-right: 5px;}
    .mob-quickbox .mob-infor p::before{display: inline-block;content: '';width: 26px;height: 26px;margin-right: 16px; background:url(/cms/contents/eng/resource/images/common/icon_human.svg) 0 0 no-repeat;background-size: 100%;vertical-align: middle;}
    .mob-quickbox .mob-infor.logout p::before{background-image: url(/cms/contents/eng/resource/images/common/icon_human_02.svg);}
    .mob-quickbox .link-log{color: #D3D4D8;font-size: 12px;}
    .mquick-swiper{overflow: hidden;padding-top: 9px;}
    .mquick-swiper ul li{font-size: 12px;font-weight: 400;text-align: center;white-space: nowrap;width: 25%;margin-top: 23px;}
    .mquick-swiper ul li a{display: block;width: 100%;height: 100%;}
    .mquick-swiper ul li a span{display: block;line-height: 21px;margin-top: 8px;}
    .mquick-swiper ul li a::before{display: inline-block;content: ''; width: 56px;height: 56px;background: #10131E url(/cms/contents/eng/resource/images/common/icon_mquick_01.svg)  center center no-repeat;border-radius: 50%;}
    .mquick-swiper ul li.ico01 a::before{background-image: url(/cms/contents/eng/resource/images/common/icon_mquick_01.svg);}
    .mquick-swiper ul li.ico02 a::before{background-image: url(/cms/contents/eng/resource/images/common/icon_mquick_02.svg);}
    .mquick-swiper ul li.ico03 a::before{background-image: url(/cms/contents/eng/resource/images/common/icon_mquick_03.svg);}
    .mquick-swiper ul li.ico04 a::before{background-image: url(/cms/contents/eng/resource/images/common/icon_mquick_04.svg);}
    .mquick-swiper ul li.ico05 a::before{background-image: url(/cms/contents/eng/resource/images/common/icon_mquick_05.svg);}
    .mquick-swiper ul li.ico06 a::before{background-image: url(/cms/contents/eng/resource/images/common/icon_mquick_06.svg);}
    .mquick-swiper ul li.ico07 a::before{background-image: url(/cms/contents/eng/resource/images/common/icon_mquick_07.svg);}
    .mquick-swiper ul li.ico08 a::before{background-image: url(/cms/contents/eng/resource/images/common/icon_mquick_08.svg);}
    .mquick-swiper ul li.ico09 a::before{background-image: url(/cms/contents/eng/resource/images/common/icon_mquick_09.svg);}
    .mquick-pagination{text-align: center;margin-top: 24px;}
    .mquick-pagination .swiper-pagination-bullet{background: #787c89;opacity: 1;margin: 0 3px;}
    .mquick-pagination .swiper-pagination-bullet-active{background:#cecfd3 ;}
    .mquick-slidebox .btn-box{text-align: center;margin-top: 14px;}
    .mquick-slidebox .btn-box .btn{width: 68px;height: 28px;background: none;color: #fff;border: 1px solid #fff;font-size: 12px;border-radius: 100px;}
    .mquick-slidebox.on .swiper-wrapper{flex-wrap: wrap;}
    .mquick-slidebox.on .mquick-pagination{display: none;}

    .layerlogin-box{display: none;}

    .m-toptit{display: flex;align-items: center;}
    .m-toptit .btn-prepage{display: inline-block;margin-right:8px;width: 24px;height: 24px;background:url(/cms/contents/eng/resource/images/common/icon_arrow_pre_wt.svg) 0 0 no-repeat;background-size: 100%;}
    .m-toptit h2{font-size: 20px;}

    .subin-wrap{padding: 16px 15px 3rem;}
    .sub-container .sub-bgbox::after{width: 179px;height: 200px;background-image: url(/cms/contents/eng/resource/images/common/bg_logo_m.svg);}
    .sub-container .sub-bgbox{margin-top: -64px;height: 13rem;}
    .con-titarea{display: none;}

    .sub-content{width: 100%;}

    .footer-wrap{padding-top: 1.5rem;text-align: center;}
    .footer-wrap .footer-logo{position: static;text-align: center;}
    .footer-wrap .footer-logo img{width: 102px;margin-left: 30px;}
    .footer-address{padding:0;font-size: 12px;}
    .footer-address p{padding-top: 8px;}
    .footer-address p span{display: block;text-align: center;padding: 0 0 0.9rem 0;word-break: keep-all;}
    .footer-address p span::after{top:-6px;left:50%;margin-left: -6px; width:13px;height: 1px;background: #d4d4d4;}
    .footer-address address{display: block;line-height: 1.5;}
    .footer-address .mbr{display: block;}
    .footer-address .copy{padding: 0;font-size: 14px;font-weight: 400;}

    .flt-box .btn-wintop{width: 50px;height: 50px;}
    .flt-box .btn-wintop::after{width: 30px;height: 30px;}

    #aside{float: none;width: 100%;position: static !important; padding: 0;min-height: 64px;margin-bottom: 1.6rem;border: none;}
    #aside h2{display: none;}
    .snb{position: relative;padding-top: 64px;z-index: 1;width: 100%;overflow: hidden;}
    .snb.son{overflow: visible;}
    .snb *{font-size: 16px !important;color: #666 !important;font-weight: 400 !important;}
    .snb .has-depth > a::after{display: none;}
    .snb .munu-depth01{display: flex;flex-wrap: wrap;width: 253px;position: absolute;border: 1px solid #fff;}
    .snb .munu-depth01,
    .snb .munu-depth02{border-radius: 12px;background: #FFF;overflow: visible;}
    .snb .munu-depth01 > li{width: 100%;order: 2;padding:0;display: none;}
    .snb .munu-depth01 > li.on{width: auto;}
    .snb .munu-depth01 li a{padding: 11px 18px;}
    .snb .munu-depth01 > li.on{order: 1;background: none;display: block;}
    .snb .munu-depth01 > li.on > a{margin: 0; background: none;padding: 0 40px 0 8px;height: 64px;display: flex;align-items: center;position: absolute;top:-64px;left:0;width: auto;overflow: hidden;}
    .snb .munu-depth01 > li.on > a::before{display: inline-block;content: '';position: absolute;top: 26px;right: 18px;border: solid #9BA5B7;border-width: 0 1px 1px 0;padding: 4px;transform: rotate(45deg);-webkit-transform: rotate(45deg);transition: all 0.2s;-webkit-transition: all 0.2s;}
    .snb .munu-depth01 > li.on > a.active::before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);top:31px;}
    .snb .munu-depth01 > li.has-depth.on > a{margin: 0;}
    .snb .munu-depth01 .munu-depth02{width: 253px;position: absolute;left:0;top:0;padding: 0;transition: none;}
    .snb .munu-depth01 .munu-depth02 .on > a{height: 64px;display: flex;align-items: center;position: absolute;left:0; top:-64px;width: auto;padding:0 40px 0 0;overflow: hidden;}
    .snb .munu-depth01 .munu-depth02 li{display: none;}
    .snb .munu-depth01 .munu-depth02 li.on{display: block;}
    .snb .munu-depth01 .munu-depth02 .on > a::before{display: inline-block;content: '';position: absolute;top: 26px;right: 18px;border: solid #9BA5B7;border-width: 0 1px 1px 0;padding: 4px;transform: rotate(45deg);-webkit-transform: rotate(45deg);transition: all 0.2s;-webkit-transition: all 0.2s;}
    .snb .munu-depth01 .munu-depth02 .on > a.active::before{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);top:31px;}
    .snb .munu-depth02 li{padding: 0;}
    .snb .munu-depth01.open,
    .snb .munu-depth01 .munu-depth02.open{padding: 40px 16px;border: 1px solid #E2E4E7;box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.12);}
    .snb .munu-depth01.open > li{display: block;}
    .snb .munu-depth01 .munu-depth02.open li{display: block;}
    .snb .munu-depth01.open > li.clone,
    .snb .munu-depth01 .munu-depth02.open li.on.clone{display: block;}
    .snb .munu-depth01 > li.clone > a,
    .snb .munu-depth02.open li.clone > a{border-radius: 8px;background: #F6F8FC;color: #0A73EF !important;font-weight: 700 !important;margin-left: 0 !important;}
}

@media screen and (max-width: 760px) {
    .sub-container .sub-bg01::before{background-image:url(/cms/contents/eng/resource/images/sub/bg_openinfor_m.jpg);background-size: 100% 100%;}
    .sub-container .sub-bg02::before{background-image:url(/cms/contents/eng/resource/images/sub/bg_prcenter_m.jpg);background-size: 100% 100%;}
    .sub-container .sub-bg03::before{background-image:url(/cms/contents/eng/resource/images/sub/bg_kraintro_m.jpg);background-size: 100% 100%;}  
}*/

