@charset "utf-8";

@media all and (max-width:768px) {
    body {opacity: 0;}
    body.on {opacity: 1;}
}

._contentBuilder {position: static;}

.container {width:100%; max-width:1620px; margin:0 auto;}

@media all and (max-width:1620px) {
	.container {padding:0 20px;}
}

.wrap-top-banner {overflow: hidden; max-height: 120px; background: #b5d4d9; transition: .4s;}
.wrap-top-banner.on {max-height: 0px; transition: .4s;}
.sub .wrap-top-banner {max-height: 0px; transition: .4s;}
.sub .wrap-top-banner.on {max-height: 120px;}
.wrap-top-banner .container {position: relative; max-width: 1680px;}
.wrap-top-banner .slick-slide {position: relative;}
.wrap-top-banner .slick-slide::after {content: ''; position: absolute; right: 0; top:17%; width: 1px; height: 67%; background: rgba(255,255,255,.4);}
.wrap-top-banner .slick-slide.slick-current+li+li::after {display: none;}
.wrap-top-banner .slick-slide a {display: block;}
.wrap-top-banner .control {position: absolute; left: 0; top: 50%; width: 100%; margin: -17px 0 0 0;}
.wrap-top-banner .control button {position: absolute; top: 0; display: inline-block; width: 20px; height: 35px; text-indent: -99999px;}
.wrap-top-banner .control .prev {right: 100%; background: url('../../images/main/btn-top-banner-prev.png') no-repeat center center;}
.wrap-top-banner .control .next {left: 100%; background: url('../../images/main/btn-top-banner-next.png') no-repeat center center;}

@media all and (max-width: 1740px) {
    .wrap-top-banner .slider {padding: 0 50px;}
    .wrap-top-banner .control .prev {right: auto; left: 20px;}
    .wrap-top-banner .control .next {left: auto; right: 20px;}
}

@media all and (max-width: 1300px) {
    .wrap-top-banner .slick-slide.slick-current+li::after {display: none;}
}

@media all and (max-width: 768px) {
    .wrap-top-banner {display: none;}
    .wrap-top-banner .slick-slide.slick-current::after {display: none;}
}

.wrap-top {position: relative; z-index: 1400; background: #004d5d;}
.wrap-top .container {max-width: 1860px;}
.wrap-top .top-link {float: left;}
.wrap-top .top-link ul {display: inline-block; font-size: 0; vertical-align: middle;}
.wrap-top .top-link ul li {display: inline-block; vertical-align: middle;}
.wrap-top .top-link ul li a {display: inline-block; position: relative; vertical-align: middle;}
.wrap-top .top-link ul li a::after {content: ''; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background: rgba(255,255,255,0.7); transition: 0s;}
.wrap-top .top-link ul li:hover a::after {width: 100%; transition: .5s;}
.wrap-top .top-big-link li {display: inline-block; min-width: 120px; text-align: center; line-height: 40px; }
.wrap-top .top-big-link li.color1 {background: #caa36a;}
.wrap-top .top-big-link li.color2 {background: #23a3b9;}
.wrap-top .top-big-link li a {font-family: 'Mont Medium'; font-size: 14px; color: #fff;}
.wrap-top .top-small-link {margin: 0 0 0 25px;}
.wrap-top .top-small-link li {padding: 0 15px 0 0; margin: 0 15px 0 0; background: url('../../images/common/dot-top.png') no-repeat right center;}
.wrap-top .top-small-link li:last-child {background: none;}
.wrap-top .top-small-link li a {position: relative; font-family: 'Noto Light'; font-size: 14px; color: #fff;}
.wrap-top .top-util {float: right; font-size: 0; line-height: 40px;}
.wrap-top .top-util ul {display: inline-block; vertical-align: middle; font-size: 0;}
.wrap-top .top-util ul li {display: inline-block; vertical-align: middle;}
.wrap-top .top-util button,
.wrap-top .top-util a {display: inline-block; font-family: 'Mont Regular'; font-size: 13px; vertical-align: middle; color: rgba(255,255,255,.8);}
.wrap-top .top-util .top-global {position: relative; margin: 0 35px;}
.wrap-top .top-util .top-global::after,
.wrap-top .top-util .top-global::before {content: ''; position: absolute; top: 2px; width: 1px; height: 15px; background: rgba(255,255,255, .3);}
.wrap-top .top-util .top-global::after {left: 0;}
.wrap-top .top-util .top-global::before {right: 0;}
.wrap-top .top-util .top-global a._fnctAdmin {display: none;}
.wrap-top .top-util .top-lang {position: relative;}
.wrap-top .top-util .top-lang::before {content: ''; position: relative; display: inline-block; width: 13px; height: 13px; margin: 0 10px 0 0; background: url('../../images/common/ico-lang.png') no-repeat; vertical-align: middle;}
.wrap-top .top-util .top-lang::after {content: ''; position: relative; display: inline-block; width: 7px; height: 5px; margin: 0 0 0 20px; background: url('../../images/common/arrow-lang-open.png') no-repeat; vertical-align: middle;}
.wrap-top .top-util .lang-list {overflow: hidden; position: absolute; left: 0; top: 100%; width: 100%; max-height: 0px; background: #004d5d; transition: .5s;}
.wrap-top .top-util .lang-list.on {max-height: 100px; transition: .5s;}
.wrap-top .top-util .lang-list a {display: block; padding: 0 10px; border-top: 1px solid rgba(255,255,255,.3); color: #fff;}

@media all and (max-width: 1860px) {
    .wrap-top .container {padding: 0 20px;}
}

@media all and (max-width: 1480px) {
    .wrap-top .top-util .top-global {margin: 0 15px;}
}

@media all and (max-width: 1090px) {
    .wrap-top .top-small-link li {margin: 0 10px 0 0; padding: 0 10px 0 0;}
}

@media all and (max-width: 1000px) {
    .wrap-top {display: none;}
}


.wrap-header {position: relative; z-index: 1300; background: #fff;}
.wrap-header > .container {display:table; table-layout:fixed; width:100%; max-width: 1860px; background: #fff}

.wrap-header .head-logo {width:280px; display:table-cell; vertical-align:middle;}
.wrap-header .head-logo > div {display:inline-block; vertical-align:middle;}
.wrap-header .head-logo img.small {display: none;}

.wrap-header .head-navi {display:table-cell;  padding: 0 8.5% 0 0; vertical-align:middle; text-align:right;}
.wrap-header .head-navi .head-mobile-top {display: none;}
.wrap-header .head-navi .head-mobile-gnb {display: none;}
.wrap-header .head-navi .div_1 .li_1 {display:inline-block;}
.wrap-header .head-navi .div_1 .a_1 {display:block; padding: 28px 32px; font-family:'Mont SemiBold'; font-size:21px; color: #222; }
.wrap-header .head-navi .div_1 .a_1 span {position:relative;}
.wrap-header .head-navi .div_2 {overflow:hidden; position: absolute; top: 100%; left: 0px; z-index: 100; width: 100%; max-height:0; background: #fff; text-align: left; opacity: 0; transition: all 0.4s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-header .head-navi .div_2.on {max-height:550px; opacity: 1;}
.wrap-header .head-navi .div_2 .sub-menu-wrap {display: table; width: 100%; min-height: 405px; table-layout: fixed; border-top: 1px solid #e6e8e9;}
.wrap-header .head-navi .div_2 .title {display: table-cell;width: 475px;padding: 45px 0 0 100px;background: url('../../images/common/bg-sub-menu.jpg') no-repeat right top;background-size: cover;vertical-align: top;}
.wrap-header .head-navi .div_2 .title strong {display: block; padding: 0 0 10px 0; font-family: 'Mont SemiBold'; font-size: 30px; color: #2f2f2f;}
.wrap-header .head-navi .div_2 .title span {display: block; font-family: 'Mont Regular'; font-size: 16px; color: #666;}
.wrap-header .head-navi .div_2 .ul_2 {overflow: hidden; position: relative; display: table-cell; padding: 25px 0; vertical-align: top; font-size: 0;}
.wrap-header .head-navi .div_2 .ul_2::after {content: '';position: absolute;left: 0;top: 0;width: 335px;height: 500px;background: #006276;}
.wrap-header .head-navi .div_2 .li_2 {position: relative; z-index: 1; display: inline-block; width: 100%; table-layout: fixed;}
.wrap-header .head-navi .div_2 .a_2 {position:relative;float: left; width: 360px; padding: 9px 0 9px 0; font-family: 'Mont Regular'; font-size: 18px; color: #fff;}
.wrap-header .head-navi .div_2 .a_2[target=_blank] span:before {content: ''; position: absolute; left: 111%; top: 6px; width: 14px; height: 14px; background: url(../../images/common/ico_blank_pc.png) no-repeat center center;}
.wrap-header .head-navi .div_2 .a_2 span {display: inline-block; position: relative; z-index: 1; padding: 0 10px 0 25px;}
.wrap-header .head-navi .div_2 .a_2::after {content: ''; position: absolute; left: -100%; top: 0px; width: 100%; height: 100%; background: #f99d28; opacity: .5; transition: .35s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-header .head-navi .div_2 .a_2.line::after,
.wrap-header .head-navi .div_2 .a_2:hover::after {left: 0; opacity: 1; transition: .35s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-header .head-navi .div_3 {float: left;width: calc(100% - 360px);padding: 0 40px 0 0;}
.wrap-header .head-navi .div_3 .li_3 {display: inline-block;}
.wrap-header .head-navi .div_3 .a_3 {display: inline-block; position: relative; padding: 10px 0 10px 25px; font-family: 'Mont Regular'; font-size: 16px; color: #666;}
.wrap-header .head-navi .div_2 .a_3[target=_blank] {padding-right: 20px;}
.wrap-header .head-navi .div_2 .a_3[target=_blank] span:before {content: ''; position: absolute; left: 93%; top: 18px; width: 10px; height: 10px; background: url(../../images/common/ico-blank.png) no-repeat center center;}
.wrap-header .head-navi .div_3 .a_3::after {content: ''; position: absolute; left: 15px; top: 19px; width: 6px; height: 6px;  background: #f99d28; border-radius: 100%; opacity: 0; transition: .35s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-header .head-navi .div_3 .a_3:hover::after {left: 10px; opacity: 1; transition: .35s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-header .head-navi .div_3 .a_3:hover {color: #f99d28;}

.wrap-header .head-util {display: block; position: absolute; right: 0; top: 0; width: 90px; height: 100%;}
.wrap-header .head-util ul {height: 100%;}
.wrap-header .head-util li {float:left; width: 100%; height: 100%;}
.wrap-header .head-util li a,
.wrap-header .head-util li button {display: block; width:100%; height:100%; text-indent:-99999px;}
.wrap-header .head-util .head-search {background: #23a3b9 url('../../images/common/ico-search.png') no-repeat center center;}
.wrap-header .head-util .head-sitemap {background: #006276 url('../../images/common/ico-sitemap.png') no-repeat center center;}
.wrap-header .btn-gnb,
.wrap-header .btn-gnb-close {display:none;}

.black-bg {position:fixed; left: -999999px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.45); z-index:1200; opacity: 0; transition: opacity .5s;}
.black-bg.on {left: 0; opacity: 1;}

.wrap-header .box-search {overflow: hidden; position: absolute; left: 0; top: 100%; width: 100%; max-height: 0px; opacity: 0; transition: .4s;}
.wrap-header .box-search.on {max-height: 300px; opacity: 1;}
.wrap-header .line-search {background: #046478;  padding: 50px 0; text-align: center;}
.wrap-header .row-search {position: relative; overflow: hidden; display: inline-block; width: 90%;}
.wrap-header .row-search .title-search {display: inline-block; margin: 0 15px 0 0; font-family: 'Mont Regular'; font-size: 28px; vertical-align: middle; color: #fff;}
.wrap-header .row-search .title-search::before {content: ''; display: inline-block; width: 32px; height: 32px; margin: -2px 15px 0 0; background: url('../../images/common/ico-search-question.png') no-repeat center center; vertical-align: middle;}
.wrap-header .row-search .form-search {position: relative; display: inline-block; width: 100%; max-width: 440px; height: 55px; background: #fff; vertical-align: middle;}
.wrap-header .row-search .inp-search {width: 100%; height: 100%; border: 0 solid #000; font-family: 'Noto DemiLight'; font-size: 16px; color: #000; text-indent: 15px;}
.wrap-header .row-search .inp-search::placeholder {font-family: 'Noto DemiLight'; font-size: 16px; color: #999; text-indent: 15px;}
.wrap-header .row-search .submit-search {position: absolute; right: 0; top: 0; width: 55px; height: 100%; background: url('../../images/common/ico-search-mini.png') no-repeat center center; text-indent: -99999px;}
.wrap-header .row-search .close-search {position: relative; display: inline-block; margin: 0 0 0 25px; font-family: 'Noto DemiLight'; font-size: 19px; vertical-align: middle; color: #fff;}
.wrap-header .row-search .close-search::after {content: ''; position: absolute; left: 0; bottom: -5px; width: 0; height: 1px; background: #fff; transition: 0s;}
.wrap-header .row-search .close-search:hover::after {width: 100%; transition: .4s;}

@media all and (max-width:1860px) {
    .wrap-header > .container {padding: 0 20px;}
}

@media all and (max-width:1600px) {
    .wrap-header .head-navi {padding: 0 13.5% 0 0;}
	.wrap-header .head-navi .div_1 .a_1 {padding: 28px 20px;}
    .wrap-header .head-navi .div_2 .title {width: 385px; padding: 45px 0 0 40px;}
}

@media all and (max-width:1410px) {
    .wrap-header .head-navi {padding: 0 9% 0 0;}
	.wrap-header .head-navi .div_1 .a_1 {padding: 28px 14px; font-size: 18px;}
}

@media all and (max-width:1230px) {
    .wrap-header .head-logo {width: 210px;}
    .wrap-header .head-util {width: 65px}
	.wrap-header .head-navi .div_1 .a_1 {padding: 28px 7px; font-size: 17px;}
    .wrap-header .head-navi .div_2 .title {display: none;}
}

@media all and (max-width:1000px) {
	.wrap-header {padding:0;}
	.wrap-header .container  {padding:0 20px;}
	.wrap-header .container .head-sitemap {display:none;}
	.wrap-header .container .btn-mgnb {display: block;  background: rgba(246,172,29,0.75) url(../../images/common/ic-head-util1.png) no-repeat center center;width:100%}
	.wrap-header .container .btn-mgnb-close.on {display:block; position:absolute; right:100%; top:0;  width:45px; height:45px; background:url('../../images/common/ic-navi-close.png') no-repeat center center;}
	.wrap-header .container .btn-mgnb-close button {text-indent:-9999px; display:block; width:100%; height:100%;}
	.wrap-header .head-logo {width:100%; height: 80px;}

    .wrap-header .head-navi {position:fixed; top:0px; left:-100%; z-index:10000; width: 100%; max-width:460px; height: 100%; padding: 0; background: #006276; opacity: 0; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);}
    .wrap-header .head-navi.on {left: 0; opacity: 1; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);}
    .wrap-header .head-navi .head-mobile-top {position: relative; display: block; padding: 10px 20px 11px 20px; background: #fff; text-align: left;}
    .wrap-header .head-navi .head-mobile-top .small {display: none;}
    .wrap-header .head-navi .head-mobile-gnb {display: block; position: relative; display: block; padding: 10px 20px; background: #004d5d; text-align: left;} 
    .wrap-header .head-navi .head-mobile-gnb .top-util {font-size: 0; line-height: 40px;}
    .wrap-header .head-navi .head-mobile-gnb .top-util ul {display: inline-block; vertical-align: middle; font-size: 0;}
    .wrap-header .head-navi .head-mobile-gnb .top-util ul li {display: inline-block; vertical-align: middle;}
    .wrap-header .head-navi .head-mobile-gnb .top-util button,
    .wrap-header .head-navi .head-mobile-gnb .top-util a {display: inline-block; font-family: 'Mont Regular'; font-size: 13px; vertical-align: middle; color: #fff;}
    .wrap-header .head-navi .head-mobile-gnb .top-util .top-global {position: relative; margin: 0 20px;}
    .wrap-header .head-navi .head-mobile-gnb .top-util .top-global::after,
    .wrap-header .head-navi .head-mobile-gnb .top-util .top-global::before {content: ''; position: absolute; top: 2px; width: 1px; height: 15px; background: rgba(255,255,255, .3);}
    .wrap-header .head-navi .head-mobile-gnb .top-util .top-global::after {left: 0;}
    .wrap-header .head-navi .head-mobile-gnb .top-util .top-global::before {right: 0;}
    .wrap-header .head-navi .head-mobile-gnb .top-util .top-global a._fnctAdmin {display: none;}
    .wrap-header .head-navi .head-mobile-gnb .top-util .top-global .top-gnb > div {padding: 0 20px;}
    .wrap-header .head-navi .head-mobile-gnb .top-util .top-lang {position: relative; z-index: 300;}
    .wrap-header .head-navi .head-mobile-gnb .top-util .top-lang::before {content: ''; position: relative; display: inline-block; width: 13px; height: 13px; margin: 0 10px 0 0; background: url('../../images/common/ico-lang.png') no-repeat; vertical-align: middle;}
    .wrap-header .head-navi .head-mobile-gnb .top-util .top-lang::after {content: ''; position: relative; display: inline-block; width: 7px; height: 5px; margin: 0 0 0 20px; background: url('../../images/common/arrow-lang-open.png') no-repeat; vertical-align: middle;}
    .wrap-header .head-navi .head-mobile-gnb .top-util .lang-list {overflow: hidden; position: absolute; left: 0; top: 100%; width: 100%; max-height: 0px; background: #004d5d; transition: .5s;}
    .wrap-header .head-navi .head-mobile-gnb .top-util .lang-list.on {max-height: 100px; transition: .5s;}
    .wrap-header .head-navi .head-mobile-gnb .top-util .lang-list a {display: block; padding: 0 10px; border-top: 1px solid rgba(255,255,255,.3); color: #fff;}

    .wrap-header .head-navi .menuUItop {position: relative; height: 100%;}
    .wrap-header .head-navi .div_1 .li_1 {position: static; display: block; width: 100%; padding:0px;}
    .wrap-header .head-navi .div_1 .a_1 {width:40%; height: auto; padding: 15px 0 15px 20px; background-image: none; background-position: right center; text-align: left; font-family: 'Noto Regular'; font-size: 18px; color: #fff;}
    .wrap-header .head-navi .div_1 .a_1.on {background: url('../../images/common/arrow-mobile-navi.png') no-repeat right center;}
    .wrap-header .head-navi .div_1 .a_1 span{position: relative;}
    .wrap-header .head-navi .div_1 .a_1[target=_blank] span::before {content: ''; position: absolute; left: 130%; top:6px; width: 14px; height: 14px; background: url(../../images/common/ico_blank_pc.png) no-repeat center center;}
    .wrap-header .head-navi .div_1 .a_1:after {display:none;}
	.wrap-header .head-navi .div_1 .a_1:hover {color:#fff;}
	.wrap-header .head-navi .div_1 .a_1.on span:after {display:none;}
    .wrap-header .head-navi .div_2 {right:0px; left:auto; width:60% !important; transition-property:none; }
    .wrap-header .head-navi .div_2.on {top:0; max-height:none; height:100%; background:#fff; transition-property: none;}
    .wrap-header .head-navi .div_2 .container {padding: 0px;}
    .wrap-header .head-navi .div_2 .ul_2 {padding: 10px; border: 0;}
    .wrap-header .head-navi .div_2 .ul_2::after {display: none;}
    .wrap-header .head-navi .div_2 .li_2 {display:block; padding:0px; border:0px;}
    .wrap-header .head-navi .div_2 .li_2 .a_2:after {display:none;}
    .wrap-header .head-navi .div_2 .a_2 {width:100%; padding: 13px 14px; border-bottom:1px solid #ececec; margin:0; font-family: 'Noto Regular'; font-size: 16px; color:#666;}
    .wrap-header .head-navi .div_2 .a_2:hover {color:#f99d28;}
    .wrap-header .head-navi .div_2 .a_2.plus {position: relative; background:url('../../images/common/arrow-a2.png') no-repeat 90% center}
    .wrap-header .head-navi .div_2 .a_2.plus.on {background:url('../../images/common/arrow_a2-hover.png') no-repeat 90% center; border-bottom:1px solid #cacaca; color:#f99d28;}
    .wrap-header .head-navi .div_2 .a_2 span{padding: 0;}
    .wrap-header .head-navi .div_2 .a_2[target=_blank] span:before {top:6px; background: url(../../images/common/ico-blank.png) no-repeat center center;}
    .wrap-header .head-navi .div_3 {overflow:hidden; display:block; width: 100%; max-height:0px; padding: 0; background: #fcfcfc; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
    .wrap-header .head-navi .div_3.on {max-height: 500px; transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
    .wrap-header .head-navi .div_3 .ul_3 {padding:12px 0; border-bottom: 1px solid #ececec;}
    .wrap-header .head-navi .div_3 .li_3 {position:relative; width: 100%; margin: 0px;}
    .wrap-header .head-navi .div_3 .a_3 {display:inline-block; padding:1px 0 1px 15px; font-family: 'Noto Regular'; font-size:15px; color:#666;}
    .wrap-header .head-navi .div_2 .a_3[target=_blank] span:before {top: 8px;}
    .wrap-header .head-navi .div_3 .a_3::after {display: none;}
    .wrap-header .head-navi .div_3 .a_3:hover {color:#f99d28;}
    .wrap-header .head-navi .div_3 .a_3._active {color:#f99d28;}
    .wrap-header .head-util {width: 80px;}
    .wrap-header .head-util .head-sitemap {display: none;}
    .wrap-header .head-util .head-search {background: #23a3b9 url(../../images/common/ico-search-m.png) no-repeat center center;}
    .wrap-header .btn-gnb {background: #006276 url(../../images/common/ico-sitemap-m.png) no-repeat center center;}
    .wrap-header .btn-gnb,
    .wrap-header .btn-gnb-close {display:block; cursor: pointer;}
    .wrap-header .btn-gnb-close {position: absolute; right: 0; top: 0; width: 80px; height: 100%; background: url('../../images/common/btn-navi-close.png') no-repeat center center; text-indent: -99999px;}
    .wrap-header .btn-gnb-close button {width: 100%; height: 100%;}
}

@media all and (max-width: 840px) {
    .wrap-header .line-search {padding: 30px 0;}
    .wrap-header .row-search {width: 100%;}
    .wrap-header .row-search .title-search {font-size: 20px;}
    .wrap-header .row-search .form-search {max-width: 300px}
}

@media all and (max-width:768px) {
    .wrap-header .head-navi .head-mobile-gnb {padding: 10px 20px;}
    .wrap-header .head-navi .head-mobile-gnb .top-banner-close {display: none !important;}
    .wrap-header .head-navi .head-mobile-gnb .top-util .top-global {margin: 0 20px 0 0;}
    .wrap-header .head-navi .head-mobile-gnb .top-util .top-global::after {display: none;}
}

@media all and (max-width:650px) {
    .wrap-header .head-navi {max-width: 100%;}
    .wrap-header .head-navi .head-mobile-top {padding: 15px 20px;}
    .wrap-header .head-navi .head-mobile-top .big {display: none;}
    .wrap-header .head-navi .head-mobile-top .small {display: block;}
    .wrap-header .row-search .title-search {margin: 0 10px 0 0;}
    .wrap-header .row-search .close-search {width: 65px; margin: 0 0 0 10px; text-align: left;}
    .wrap-header .row-search .form-search {max-width: 250px}
}

@media all and (max-width:500px) {
    .wrap-header .head-util {width: 70px;}
    .wrap-header .head-util .head-search {background: #23a3b9 url('../../images/common/ico-search-m.png') no-repeat center center;}
    .wrap-header .head-util .head-sitemap {background: #006276 url('../../images/common/ico-sitemap-m.png') no-repeat center center;}
    .wrap-header .head-logo {height: 70px;}
    .wrap-header .head-logo img.big {display: none;}
    .wrap-header .head-logo img.small {display: inline-block;}
	.wrap-header .head-navi.on {right:0;}
}

.wrap-sub-visual {position:relative; display:table; width:100%; background-size:cover;}
.wrap-sub-visual.m1 {background:#fff url('../../images/common/bg-sub-visual1.jpg') no-repeat top center; }
.wrap-sub-visual.m2 {background:#fff url('../../images/common/bg-sub-visual2.jpg') no-repeat top center; }
.wrap-sub-visual.m3 {background:#fff url('../../images/common/bg-sub-visual3.jpg') no-repeat top center; }
.wrap-sub-visual.m4 {background:#fff url('../../images/common/bg-sub-visual4.jpg') no-repeat top center; }
.wrap-sub-visual.m5 {background:#fff url('../../images/common/bg-sub-visual5.jpg') no-repeat top center; }
.wrap-sub-visual.m6 {background:#fff url('../../images/common/bg-sub-visual6.jpg') no-repeat top center; }
.wrap-sub-visual.m7 {background:#fff url('../../images/common/bg-sub-visual7.jpg') no-repeat top center; }
.wrap-sub-visual.m8 {background:#fff url('../../images/common/bg-sub-visual8.jpg') no-repeat top center; }
.wrap-sub-visual.none {background:#fff url('../../images/common/bg-sub-visual1.jpg') no-repeat top center; }
.wrap-sub-visual .wrap-sub-cell {display:table-cell; height: 290px; text-align:center; vertical-align: middle; color:#fff;}
.wrap-sub-visual .container {position:relative; z-index:1; max-width: 1480px;}
.wrap-sub-visual .slogan {position: relative; margin: -70px 0 0 0; padding: 0 50px 0 0; text-align: right;}
.wrap-sub-visual .slogan::after {content: ''; position: absolute; right: 0px; top: 6px; width: 2px; height: 70px; background: #fff;}
.wrap-sub-visual .slogan-big {position: relative; display: block; margin: 0 0 17px 0; font-family: 'Mont Medium'; font-size: 40px; line-height:1;}
.wrap-sub-visual .slogan-small {font-family:'Mont Light'; font-size: 16px; color: rgba(255,255,255,.5);}
.wrap-sub-visual .page-move {position:absolute; left:0px; top:30px; width:100%; height:0px;}
.wrap-sub-visual .page-move a {position:relative; display:block; width:70px; height:70px; border:1px solid rgba(255,255,255,0.5); border-radius:100%;}
.wrap-sub-visual .page-move a.prev {float:left; background:url('../../images/common/ico_prev_menu.png') no-repeat left center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.prev {background-position:right center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a.next {float:right; background:url('../../images/common/ico_next_menu.png') no-repeat right center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.next {background-position:left center; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a span {position:absolute;}
.wrap-sub-visual .page-move a.prev span {position:absolute; left:90%; top:50%;  margin:0 0 0 30px; color:rgba(255,255,255,0.5); white-space:nowrap;  transform: translate(0,-50%); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:0;}
.wrap-sub-visual .page-move a:hover.prev span {left:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:1;}
.wrap-sub-visual .page-move a.prev span:after {content:''; position:absolute; left:0px; bottom:-5px; width:0%; height:1px; background:rgba(255,255,255,0.5);  transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.prev span:after {width:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a.next span {position:absolute; right:90%; top:50%; margin:0 30px 0 0; color:rgba(255,255,255,0.5); white-space:nowrap; transform: translate(0,-50%); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:0; }
.wrap-sub-visual .page-move a:hover.next span {right:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:1;}
.wrap-sub-visual .page-move a.next span:after {content:''; position:absolute; right:0px; bottom:-5px; width:0%; height:1px; background:rgba(255,255,255,0.5);  transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a:hover.next span:after {width:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }

@media all and (max-width: 1480px) {
    .wrap-sub-visual .container {padding: 0 20px;}
}

@media all and (max-width:1000px) {
    .wrap-sub-visual .wrap-sub-cell {height:260px;}
    .wrap-sub-visual .page-move {display:none;}
    .wrap-sub-visual .slogan {margin: -60px 0 0 0; padding: 0 30px 0 0;}
    .wrap-sub-visual .slogan::after {top: 3px; height: 56px;}
    .wrap-sub-visual .slogan-big {margin: 0 0 10px 0; font-size: 30px;}
    .wrap-sub-visual .slogan-small {font-size: 14px;}
}

@media all and (max-width:500px) {
    .wrap-sub-visual .wrap-sub-cell {height:120px;}
    .wrap-sub-visual .slogan {margin: -45px 0 0 0;}
    .wrap-sub-visual .slogan::after {top: 1; height: 38px;}
    .wrap-sub-visual .slogan-big {margin: 0 0 0 0; font-size: 20px;}
    .wrap-sub-visual .slogan-small {font-size: 12px;}
}


.wrap-sub-navi {position:relative; z-index: 1010; margin: -80px 0 0 0;}
.wrap-sub-navi .container {position:relative; max-width: 1480px;}
.wrap-sub-navi .sub-navi {background: #fff;}
.wrap-sub-navi .sub-navi > ul > li {float:left; position:relative; padding: 0 0 0 30px;}
.wrap-sub-navi .sub-navi > ul > li > a, .wrap-sub-navi .sub-navi > ul > li > .inner > button {position: relative; display:block;  height:80px; font-size:16px; color:#666; line-height:80px;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button {width:100%; padding:0 55px 0 0 ; background:url('../../images/common/arrow-page-nav.png') no-repeat right center; font-family:'Noto Regular'; text-align:left; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi > ul > li > .inner > button::after {content: ''; position: absolute; right: 0; top: 45%; width: 1px; height: 9px; background: #b5b5b5;}
.wrap-sub-navi .sub-navi > ul > li#pagetitle4 {display: none;}
.wrap-sub-navi .sub-navi .home {min-width:auto; padding:0px; background-image:none;}
.wrap-sub-navi .sub-navi .home a {position: relative; padding: 0 75px 0 45px;}
.wrap-sub-navi .sub-navi .home a::after {content: ''; position: absolute; right: 0; top: 51%; width: 60px; height: 1px; background: #b0b0b0;}
.wrap-sub-navi .sub-navi .home img {display: inline-block; vertical-align: middle;}
.wrap-sub-navi .sub-navi .home img.small {display: none;}
.wrap-sub-navi .sub-navi .home img.tiny {display: none;}
.wrap-sub-navi .sub-navi .navUl {overflow:hidden; position:absolute; left:30px; top:100%; width: 100%; min-width: 300px; max-height:0; padding: 0 0 10px 0; background: #046478; opacity:0;}
.wrap-sub-navi .sub-navi .navUl.on {max-height:10000px; transition: max-height 1s cubic-bezier(0.7, 0, 0.3, 1); opacity:1;}
.wrap-sub-navi .sub-navi .navUl a {position: relative; display:block; padding:10px 20px; font-family: 'Noto Light'; font-size: 14px; color:#ffffff; word-break: keep-all;}
.wrap-sub-navi .sub-navi .navUl a::after {content: ''; position: absolute; left: 20px; bottom: 0; width: 0; height: 2px; background: #05bfe0; transition: .4s;}
.wrap-sub-navi .sub-navi .navUl a._active::after,
.wrap-sub-navi .sub-navi .navUl a:hover::after {width: calc(100% - 40px); transition: .4s;}
.wrap-sub-navi .sub-navi .navUl a[target=_blank]::before {content: ''; position: absolute; right: 20px; top: 18px; width: 8px; height: 8px; background: url('../../images/common/ico-subnavi-blank.png') no-repeat center center;}
.wrap-sub-navi .sub-navi .navUl a span {position: relative; padding: 0 0 0 15px;}
.wrap-sub-navi .sub-navi .navUl a span::after {content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background: #05bfe0; border-radius: 100%;}
.wrap-sub-navi .sub-navi .navUl .top_k2wiz_GNB_633 {display: none;}

.wrap-sub-navi .sub-util {position: absolute; right: 25px; top: 0px;}
.wrap-sub-navi .sub-util > ul > li {float: left; position :relative;}
.wrap-sub-navi .sub-util > ul > li::after {content: ''; position: absolute; left: 0; top: 30px; width: 1px; height: 20px; background: #ccc;}
.wrap-sub-navi .sub-util > ul > li:first-child:after {display: none;}
.wrap-sub-navi .sub-util > ul > li > button {width:65px; height:80px; text-indent:-9999px;}
.wrap-sub-navi .sub-util .sub-favo { background: url('../../images/common/ico-favorite.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-favo.on { background: url('../../images/common/ico-favorite-on.png') no-repeat center center;}
.wrap-sub-navi .sub-util .sub-share { background: url('../../images/common/ico-share.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-print { background: url('../../images/common/ico-print.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}

.wrap-sub-navi .box-sub-favo {opacity: 0; overflow: hidden; max-height: 0px; position: absolute; right: -70px; top: 100%; width: 210px; background:#fff; border: 1px solid #3e454c; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo.on {opacity:1; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo  > strong {display:block; font-family:'Mont Medium'; font-size:18px; padding:10px 20px; border-bottom:1px solid #d6d6d6;}
.wrap-sub-navi .box-sub-favo ul li {padding:10px 20px;}
.wrap-sub-navi .box-sub-favo ul li:hover {background:#f5f5f5;}
.wrap-sub-navi .box-sub-favo ul li a span {display:none;}
.wrap-sub-navi .box-sub-favo .close {text-indent:-9999px; position:absolute; right:0px; top:0px; width:47px; height:47px; background:url('../../images/common/btn-favo-close.png') no-repeat center center;}
.wrap-sub-navi .box-sub-favo .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .box-sub-favo .del {width:17px; height:17px; margin:0 0 0 10px; background:url('../../images/common/btn-favo-del.png') no-repeat center center; text-indent:-9999px;}
.wrap-sub-navi .box-sub-favo .control {text-align:center; padding:15px 0;}
.wrap-sub-navi .box-sub-favo .control button {display:inline-block; display:inline-block; padding:5px 20px; color: #FFF;font-size: 12px; border-radius: 40px;}
.wrap-sub-navi .box-sub-favo .control button.add {background: #0067c3;}
.wrap-sub-navi .box-sub-favo .control button.reset {background: #707070;}

.wrap-sub-navi .box-sub-share {overflow:hidden; position:absolute; left:-9999999px; top:10px; width: 240px; max-height:0px; padding: 16px 20px; background: #fff; border: 1px solid #cecece; transition:opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:0;}
.wrap-sub-navi .box-sub-share.on {left: auto; right: -1px; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition:opacity 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:1;}
.wrap-sub-navi .box-sub-share .close {position: absolute; right: 11px; top: 17px; display: inline-block; width: 25px; height: 25px; background: url('../../images/common/btn-sns-close.png') no-repeat center center; text-indent: -9999px; vertical-align: middle;}
.wrap-sub-navi .box-sub-share ul {display: inline-block; vertical-align: middle;}
.wrap-sub-navi .box-sub-share ul li {float: left; margin: 0 5px 0 0;}
.wrap-sub-navi .box-sub-share ul button {position:relative; display:block; width: 25px; height: 25px; background: url('../../images/common/ico-sns-list.png') no-repeat; text-indent:-9999px;}
.wrap-sub-navi .box-sub-share ul .facebook {background-position: left top;}
.wrap-sub-navi .box-sub-share ul .twitter {background-position: -25px top;}
.wrap-sub-navi .box-sub-share ul .kakao {background-position: -50px top;}
.wrap-sub-navi .box-sub-share ul .naver {background-position: -75px top;}
.wrap-sub-navi .box-sub-share ul .instagram {display: none; background-position: -100px top;}
.wrap-sub-navi .box-sub-share ul .addr {width: 27px; margin: 0 0 0 10px; background-position: -125px top;}

@media all and (max-width:1480px) {
    .wrap-sub-navi .container {padding: 0 20px;}
}

@media all and (max-width: 1000px) {
    .wrap-sub-navi {margin: -60px 0 0 0;}
    .wrap-sub-navi .sub-util .sub-print {display: none;}
    .wrap-sub-navi .sub-util > ul > li:nth-child(3)::after {display: none;}
    .wrap-sub-navi .sub-navi .home img.big,
    .wrap-sub-navi .sub-navi .home img.tiny {display: none;}
    .wrap-sub-navi .sub-navi .home img.small {display: inline-block;}
    .wrap-sub-navi .sub-navi .home a {padding: 0 0 0 30px; background: none;}
    .wrap-sub-navi .sub-navi .home a::after {display: none;}
    .wrap-sub-navi .sub-navi > ul > li > a,
    .wrap-sub-navi .sub-navi > ul > li > .inner > button {height:60px; padding: 0 42px 0 0; line-height:60px;}
    .wrap-sub-navi .sub-util > ul > li > button {height: 60px}
    .wrap-sub-navi .sub-util > ul > li::after {top: 21px;}
    .wrap-sub-navi .box-sub-favo {right: -5px;}
    .wrap-sub-navi .box-sub-share {top: 0;}
}

@media all and (max-width: 800px) {
    .wrap-sub-navi {margin: -50px 0 0 0;}
    .wrap-sub-navi .container {padding: 0;}
	.wrap-sub-navi .sub-navi > ul > li {display: none;}
	.wrap-sub-navi .sub-navi .home,
	.wrap-sub-navi .sub-navi > ul > li.is {display: block; }
	.wrap-sub-navi .sub-navi > ul > li.is {width: calc(100% - 130px);}
	.wrap-sub-navi .sub-navi .is .navUl {left: 0; width: 100%;}
    .wrap-sub-navi .sub-navi {background: #f5f5f5;}
    .wrap-sub-navi .sub-navi .home a {padding: 0 0 0 20px;}
    .wrap-sub-navi .sub-navi .home img.big,
    .wrap-sub-navi .sub-navi .home img.small {display: none;}
    .wrap-sub-navi .sub-navi .home img.tiny {display: inline-block;}
    .wrap-sub-navi .sub-navi > ul > li {padding: 0 0 0 10px;}
    .wrap-sub-navi .sub-navi > ul > li > a,
    .wrap-sub-navi .sub-navi > ul > li > .inner > button {overflow: hidden; height: 50px; padding: 0 20px 0 0; background: url('../../images/common/arrow-page-nav-m.png') no-repeat right center; font-size: 15px; line-height: 50px; text-overflow: ellipsis; white-space: nowrap;}
    .wrap-sub-navi .sub-navi > ul > li > .inner > button::after {display: none;}
    .wrap-sub-navi .sub-navi .navUl {left: 0;}
    .wrap-sub-navi .sub-util {right: 10px;}
    .wrap-sub-navi .sub-util .sub-share {background: url('../../images/common/ico-share-m.png') no-repeat center center;}
    .wrap-sub-navi .sub-util .sub-favo {background: url('../../images/common/ico-favorite-m.png') no-repeat center center;}
    .wrap-sub-navi .sub-util > ul > li > button {width: 40px; height: 50px;}
    .wrap-sub-navi .sub-util > ul > li::after {top: 16px;}
    .wrap-sub-navi .box-sub-share {padding: 11px 20px;}
    .wrap-sub-navi .box-sub-share .close {top: 12px;}
}

/* Footer */
.wrap-rating {margin-top: 80px !important;}
.main .wrap-footer {margin:0px;}
.wrap-footer {background: #222935; margin-top: 100px; border-top: 6px solid #006276;}
.wrap-footer .footer-bottom  {font-size: 0px; border-bottom: 1px solid #393f4a;}
.wrap-footer .footer-bottom .footer-link ul {display: inline-block; width: 100%; padding: 33px 0;}
.wrap-footer .footer-bottom .footer-link li {float: left; margin-right: 20px; padding: 5px 20px 5px 0; background: url('../../images/common/dot-footer-bottom.png') no-repeat right center;}
.wrap-footer .footer-bottom .footer-link li:last-child {background: none;}
.wrap-footer .footer-bottom .footer-link li a {position: relative; font-family: 'Mont Regular'; font-size: 16px; color: #ccc;}
.wrap-footer .footer-bottom .footer-link li a:after {content: ''; position: absolute; left: 0; bottom: -3px; width: 0; height: 1px; background: rgba(255,255,255,.5); transition: 0s;}
.wrap-footer .footer-bottom .footer-link li a:hover:after {width: 100%; transition: 0.4s;}
.wrap-footer .footer-bottom {display: table; width: 100%;}
.wrap-footer .footer-link,
.wrap-footer .footer-jump-box {display: table-cell; vertical-align: middle;}
.wrap-footer .footer-jump-box {width: 440px; text-align: right;}

.wrap-footer .footer-contact-box {position: relative;}
.wrap-footer .footer-contact {display: table; width: 100%;}
.wrap-footer .footer-logo,
.wrap-footer .footer-info {display: table-cell; vertical-align: middle;}
.wrap-footer .footer-logo {width: 110px;}
.wrap-footer .footer-logo img.small {display: none;}
.wrap-footer .footer-info {padding: 36px 0 36px 53px; font-family: 'Mont Regular'; font-size: 16px; }
.wrap-footer .footer-info .footer-address {color: #ccc;}
.wrap-footer .footer-info .footer-copyright {color: #8c8b8b;}
.wrap-footer .footer-sns {position: absolute; right: 0px; top: 50px;}
.wrap-footer .footer-sns li {display: inline-block; margin: 0 0 0 15px;}
.wrap-footer .footer-sns li a {display: block; width: 20px; height: 20px; background: url('../../images/common/ico-footer-sns.png') no-repeat; text-indent: -99999px;}
.wrap-footer .footer-sns li.sns-list1 a {background-position: 0 0;}
.wrap-footer .footer-sns li.sns-list2 a {background-position: 0 -20px;}
.wrap-footer .footer-sns li.sns-list3 a {background-position: 0 -40px;}
.wrap-footer .footer-sns li.sns-list4 a {background-position: 0 -60px;}

.wrap-footer .footer-jump {display: inline-block; width:215px; padding-left: 5px;}
.wrap-footer .footer-jump > div {position:relative;}
.wrap-footer .footer-jump .default-jump {float:left; width:100%; height:45px; padding:0 20px; background:#2b313d url('../../images/common/ico-footer-jump.png') no-repeat right center; border: 1px solid #474d57; line-height:45px; text-align:left; font-family: 'Noto Light'; font-size: 16px; color:#a5a5a5;}
.wrap-footer .footer-jump .go-btn {display: none; float:left; width:22%; height:64px; background:#295ca4 url('../../images/common/arrow-jump.png') no-repeat center center; text-indent: -9999px; transition: .4s}
.wrap-footer .footer-jump .go-btn:hover {background-color: #1e4691;}
.wrap-footer .footer-jump .jump-menu-list {overflow:hidden; max-height:0px; position:absolute; bottom:9px; left:0px; width:100%; margin: 0 0 -10px 0; transition: max-height 0.8s ease;}
.wrap-footer .footer-jump .jump-menu-list.on {overflow: auto; max-height: 303px; transition: max-height 0.8s ease;}
.wrap-footer .footer-jump .jump-menu-list ul {background:#2b313d; border:1px solid #474d57; border-bottom:0px;}
.wrap-footer .footer-jump .jump-menu-list a {cursor:pointer; padding:10px 15px; border-bottom:1px solid #474d57; display:block; color:#a5a5a5; font-size:15px; text-align: left;}
.wrap-footer .footer-jump .jump-menu-list a:hover {color: #fff;}
.wrap-footer .footer-jump .jump-menu-list .parent a {position: relative; padding-left: 30px; background: #1b1f28;}
.wrap-footer .footer-jump .jump-menu-list .parent a::after {content: ''; position: absolute; left: 15px; top: 17px; width: 7px; height: 7px; background: #006276; border-radius: 100%; }

@media all and (max-width: 1620px) {
    .wrap-footer .container {padding: 0 20px;}
}

@media all and (max-width: 1400px) {
    .wrap-footer .footer-bottom,
    .wrap-footer .footer-link,
    .wrap-footer .footer-jump-box {display: block; width: 100%;}
    .wrap-footer .footer-bottom .footer-link ul {width: auto; padding: 18px 0;}
    .wrap-footer .footer-bottom,
    .wrap-footer .footer-jump-box {text-align: center;}
    .wrap-footer .footer-bottom {padding: 0 0 30px 0;}
}

@media all and (max-width: 1000px) {
    .wrap-footer {border-top: 4px solid #006276;}
    .wrap-footer .footer-bottom .footer-link li a {font-size: 14px;}
    .wrap-footer .footer-contact,
    .wrap-footer .footer-logo,
    .wrap-footer .footer-info {display: block; width: 100%; text-align: center;}
    .wrap-footer .footer-info {padding: 25px 0; font-size: 14px;}
    .wrap-footer .footer-sns {position: static; text-align: center;}
    .wrap-footer .footer-contact-box {padding: 20px 0 40px 0;}
    .wrap-footer .footer-logo img.big {display: none;}
    .wrap-footer .footer-logo img.small {display: inline-block;}
}

@media all and (max-width: 500px) {
    .wrap-footer .footer-jump {width: 100%; padding: 0 0 3px 0;}
    .wrap-footer .footer-info .footer-copyright {font-size: 13px;}
}

/* left menu */
.left-layout .sub-content {float: right; width: calc(94% - 310px);}
.left-layout .left-menu {float: left; width: 310px; margin-right: 6%;}
.left-layout .left-menu #menuUIsub {border-bottom: 3px solid #0070FF;}
.left-layout .left-menu #menuUIsub h2 {padding: 45px 0; border-bottom: 3px solid #1F1F1F;  font-family: "Noto Bold"; font-size: 36px; font-weight: 600; text-align: center; line-height: 1.2; letter-spacing: -0.5px; color: #010101; }
.left-layout .left-menu #menuUIsub ul li.li_2._active {background-color: #2B3E5C}
.left-layout .left-menu #menuUIsub ul li.li_2:first-child .a_2 {border-top: 0;}
.left-layout .left-menu #menuUIsub .a_2 {display: block; padding: 20px 25px 20px 20px; background: url("/sites/english/images/icon/ic_menu.png") no-repeat 90% center; border-top: 1px solid #d6d6d6; font-size: 18px; color:#333333;}
.left-layout .left-menu #menuUIsub .a_2._active {background: url("/sites/english/images/icon/ic_menu_on.png") no-repeat 90% center; border-color: #4a4a4a; border-bottom-color: #2a2a2a; color: #fff;}
.left-layout .left-menu #menuUIsub .div_3 {overflow: hidden; max-height: 0;}
.left-layout .left-menu #menuUIsub .li_2._active .div_3 { max-height: 1000px;}
.left-layout .left-menu #menuUIsub .ul_3 {padding: 5px 0; background: #efefef; border: 1px solid #d6d6d6; border-top: 0px;}
.left-layout .left-menu #menuUIsub .a_3 {display: inline-block; position: relative; padding: 10px 25px 10px 40px; font-size: 16px; color: #999999;}
.left-layout .left-menu #menuUIsub .a_3[target="_blank"] {background: url("/sites/english/images/icon/ic_link.png") no-repeat right 17px;}
.left-layout .left-menu #menuUIsub .a_3:hover, .left-layout .left-menu #menuUIsub .a_3._active { color: #0070ff;}
.left-layout .left-menu #menuUIsub .a_3:hover:before,.left-layout .left-menu #menuUIsub .a_3._active::before {content: ""; position: absolute; left: 20px; top: 22px; width: 10px; height: 2px; background-color: #0070FF;}

@media all and (max-width: 1000px){
	.left-layout .sub-content {float: none; width: 100%;}
	.left-layout .left-menu {display: none;}
}

.top-button {position: fixed; right: 30px; bottom: -120px; z-index: 1; width: 70px; height: 70px; background: #006276 url('../../images/common/btn-go-top.png') no-repeat center center; border-radius: 100%; text-indent: -99999px; box-shadow: 7px 5px 15px -4px rgba(0,0,0,0.49); transition: .75s;}
.top-button.fix {bottom: 30px;}

.private .wrap-contents {padding: 30px;}

#multipleDiv_cku_3924 {overflow: hidden; position: absolute; left: -99999px; top: 0; z-index: 4000; width: 100%; max-height: 0px; opacity: 0; transition: max-height  .5s;}
#multipleDiv_cku_3924.on {max-height: 2000px; opacity: 1; left: 0;  transition: max-height  .5s;}
.edit#multipleDiv_cku_3924 {display: none; position: relative; max-height: 20000px; opacity: 1;}