@charset "utf-8";

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

/* 메인 로딩중 */
.loading-bg {position: fixed;width: 100%;height: 100%;background-color: #fff;background-image: url('../../images/common/new/sub-header-logo.jpg');background-size: 280px;background-position: center;background-repeat: no-repeat;opacity: 1;z-index: 20000;}
.loading-bg.off {opacity: 0;transition: 0.8s;}

@media(min-width: 1921px) {
  .loading-bg {background-size: 18vw !important;}
}

@media(max-width: 1000px) {
  .loading-bg {background-size: 30vw;}
}

._contentBuilder {position: static;}


.top-button {position: fixed; right: 30px; bottom: -120px; z-index: 5000; width: 70px; height: 70px; background-image: url('../../images/common/new/go-top-arrow.png'); background-color: #393e3aa1;; background-position: center top 20px;padding-top: 20px;border-radius: 100%;  box-shadow: 7px 5px 15px -4px rgba(0,0,0,0.49);background-repeat: no-repeat; transition: .75s;color: #fff;font-size: 12px;background-size: 29px;}
.top-button.fix {bottom: 30px;}


.subject .on{position: relative; display: inline-block; font-size:40px; font-family: 'Noto Bold'; margin:20px 0 55px 0; line-height:1.2;color: #111;}
.subject .on.mt {margin: 90px 0 55px 0;}
.subject .on:after {content: ''; position: absolute; right: -32px;top: 0;width: 25px;height: 25px;background-image: url('../../images/common/subject-obj.png');background-position: center;background-repeat: no-repeat;background-size: contain;}

@media (max-width: 1000px) {
  .subject .on {margin: 30px 0 55px 0;}
  .subject .on.mt {margin: 60px 0 55px 0;}
}

@media (max-width: 500px) {
  .subject .on {font-size: 30px; margin: 20px 0 30px 0;}
  .subject .on.mt {margin: 45px 0 30px 0;}
  .subject .on::after {width: 15px;height: 15px;right: -16px;}
  .objHeading_h2 {font-size: 22px;}
  .objHeading_h3 {font-size: 20px;}
  .objHeading_h4 {font-size: 18px;}
}

.wrap-top-banner {display: none;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 .inner {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 {display: none;position: relative; z-index: 1400; background: #004d5d;}
.wrap-top .inner {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: #9e773e;}
.wrap-top .top-big-link li.color2 {background: #23a3b9;}
.wrap-top .top-big-link li a {font-family: 'Noto Light'; font-size: 16px; 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 .inner {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: fixed; width: 100%;z-index: 1300;min-height: 80px;box-sizing: border-box;background-color: transparent; padding-left: 30px;transition: background-color 0.15s; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.main .wrap-header.on {background-color: #006276;border-bottom: 0;}
.main .wrap-header > .inner, 
.sub .wrap-header > .inner { display:flex;align-items: center;justify-content: space-between; width:100%;height: 100%;max-width: 100%;}
.wrap-header .head-logo {width: 257px; min-width: 220px;vertical-align:middle;}
.wrap-header .head-logo img {width: 100%;}

.wrap-header .head-navi {flex: 1;margin: 0 65px;z-index: 10000;}
.wrap-header .head-navi .head-mobile-top {display: none;}
.wrap-header .head-navi .head-mobile-gnb {display: none;}
.wrap-header .head-navi .div_1 .ul_1 {display: flex;align-items: center;}
.wrap-header .head-navi .div_1 .li_1 {flex: 1;}
.wrap-header .head-navi .div_1 .li_1:last-child {display: none;}
.wrap-header .head-navi .div_1 .a_1 {display:block; padding: 23px 15px; font-family:'Noto Medium'; font-size:20px; color: #fff; text-align: center;white-space: nowrap;}
.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: flex;width: 100%; min-height: 370px; border-top: 1px solid #e6e8e9;background-color: #edf0f4;margin-top: -1px;}
.wrap-header .head-navi .div_2 .title {position: relative;width: 440px; padding: 20px 0 0 185px; background-image: url('../../images/common/new/navi-logo.jpg');background-position: right bottom; background-repeat: no-repeat;background-color: #006696;background-size: 248px;}
.wrap-header .head-navi .div_2 .title::before {content: '';position: absolute;right: 0;top: 45px;width: 85px;height: 1px;background-color: #fff;}
.wrap-header .head-navi .div_2 .title strong {display: block; padding: 0 0 7px 0; font-family: 'Noto Bold'; font-size: 30px; color: #fff;}
.wrap-header .head-navi .div_2 .title span {display: block; font-family: 'Play Regular'; font-size: 14px; color: #fff;opacity: 0.5;text-transform: uppercase;}
.wrap-header .head-navi .div_2 .ul_2 {display: flex;overflow: hidden; position: relative;  padding: 40px 100px 40px 50px; vertical-align: top; font-size: 0;flex: 1;}
.wrap-header .head-navi .div_2 .li_2 {position: relative; z-index: 1; display: block;width: 100%;}
.wrap-header .head-navi .div_2 .a_2 {display: block;position:relative;padding: 9px 0 9px 0;margin-bottom: 2px; font-family: 'Noto Bold'; font-size: 18px; color: #222;transition: .35s}
.wrap-header .head-navi .div_2 .a_2:hover {color: #046478;}
.wrap-header .head-navi .div_2 .a_2[target=_blank] span:before {content: ''; position: absolute; right: 0; top: 10px; width: 8px; height: 8px; background: url(../../images/common/new/ic-new-page.png) no-repeat center center;background-size: cover;}
.wrap-header .head-navi .div_2 .a_2 span {position: relative; display: inline-block;padding-right: 18px;z-index: 1;font-size: 18px;font-family: 'Noto Bold';}
.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 .a_3 {display: block; position: relative;  font-size: 16px; color: #666;padding: 3px 0 3px 0;text-align: left;padding-left: 13px;}
.wrap-header .head-navi .div_3 .a_3 span {position: relative;display: inline-block;padding-right: 18px;}
.wrap-header .head-navi .div_2 .a_3[target=_blank] span:before {content: ''; position: absolute; right: 0; top: 9px; width: 8px; height: 8px; background: url(../../images/common/new/ic-new-page.png) no-repeat center center;background-size: cover;}
.wrap-header .head-navi .div_3 .a_3::after {content: ''; position: absolute; left: 10px; top: 15px; width: 3px; height: 3px;  background: #139cb4; opacity: 0; transition: .35s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-header .head-navi .div_3 .a_3:hover::after {left: 5px; opacity: 1; transition: .35s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-header .head-navi .div_3 .a_3:hover {color: #139cb4;}

.wrap-header .head-util {display: block; right: 0; top: 0; width: 510px; height: 100%;}
.wrap-header .head-util ul {height: 100%;}
.wrap-header .head-util li {height: 100%;}
.wrap-header .head-util .head-link li a { color: #fff; font-size: 16px; font-family: 'pm';} 
.wrap-header .top-lang .lang-list a {display: block; width:100%; height:100%;color: #fff;transition: color 0.15s;font-size: 11px;margin-bottom: 2px;letter-spacing: 0.04em;}
.wrap-header .top-lang .lang-list a:last-child {margin-bottom: 0;}
.wrap-header .top-lang .lang-list a:hover {color: #ffd200;}
.wrap-header .top-lang .lang-list a:nth-child(1) {font-family: 'Play Bold';}
.wrap-header .top-lang .lang-list a:nth-child(2) {font-family: 'Noto Regular';}
.wrap-header .head-util li button {display: block; width:100%; height:100%; text-indent:-9999px;}
.wrap-header .head-util > ul {display: flex;align-items: center;justify-content: space-between;}
.wrap-header .head-util .head-link {display: flex; justify-content: space-between; align-items: center;margin-right: 20px;font-size: 16px; }
.wrap-header .head-util .head-link > div {position: relative; display: flex; justify-content: space-between; align-items: center; }
.wrap-header .head-util .head-link > div:nth-child(1) { width: 184px; margin-right: 30px;} 


.wrap-header .head-util .head-link .top-info::before { content: ''; position: absolute; right: 81px; top: 50%; margin-top: -1.5px; width: 3px; height: 3px; background-color: #b7b7b7; } 
.wrap-header .head-util .btn-wrap {display: flex;}
.wrap-header .head-util .head-search {width: 80px;height: 80px;background: #009cff url('../../images/common/new/ic-search.png') no-repeat center center;background-size: 30px;}
.wrap-header .head-util .head-sitemap {width: 80px;height: 80px;background: #19323c url('../../images/common/new/ic-sitemap.png') no-repeat center center;text-indent: -9999px;background-size: 28px;}
.wrap-header .head-util .head-sitemap a {display: block;width: 100%;height: 100%;}

/* 비밀번호 변경 */
.wrap-header .head-util .head-link > div:nth-child(2) { width: auto; } 
.wrap-header .head-util .head-link > div:nth-child(2) > div {margin: 0 18px 0 0;}
.wrap-header .head-util .head-link > div:nth-child(2) > div:last-child {margin: 0;}
.wrap-header .top-newPwd a {position: relative;display: block;width: 22px;height: 26px;background-image: url('../../images/common/new/ic-lock.png');background-repeat: no-repeat;background-size: cover;background-position: center;}

.wrap-header .top-newPwd a::before {content: '';position: absolute;top: 29px;left: 50%;transform: translateX(-50%);width: 9px;height: 6px;background-image: url('../../images/common/new/btn-triangle.png');background-size: cover; pointer-events: none; transition: opacity .25s;opacity: 0;}
.wrap-header .top-newPwd a::after { content: '비밀번호 변경하기';position: absolute; left: 50%; bottom: -44px; transform: translateX(-50%); width: 48px; text-align: center; background-color: #006276; border-radius: 5px; padding: 5px; opacity: 0; pointer-events: none; transition: opacity .25s; z-index: 10; color: #fff;font-family: 'Noto Medium'; font-size: 11px;line-height: 1.2;} 
.sub .wrap-header .top-newPwd a {filter: invert(1);}
.sub .wrap-header .top-newPwd a::before {filter: invert(1);}
.sub .wrap-header .top-newPwd a::after {filter: invert(1);}
.wrap-header .top-newPwd a:hover::before {pointer-events: auto;opacity: 1;}
.wrap-header .top-newPwd a:hover::after {pointer-events: auto;opacity: 1;}
.wrap-footer .footer-sns.login-sns > ul > li:first-child {display: none;}


@media(min-width: 1920px) {
  .wrap-header .head-util .head-search {background-size: 1.4vw;}
  .wrap-header .head-util .head-sitemap {background-size: 1.4vw;}
}

.wrap-header .head-util .top-info a {color: #fff;font-family: 'Pretendard Medium';font-size: 16px;}
.wrap-header .head-util .top-library a {color: #fff;font-family: 'Pretendard Medium';font-size: 16px;}
.wrap-header.on .head-util .top-info a {color: #ccc;}
.wrap-header.on .head-util .top-library a {color: #ccc;}
.wrap-header .top-lang  {position: relative;}
.wrap-header  .head-util  .top-lang button {position: relative;width: 30px;height: 48px;background-image: url('../../images/common/new/ic-link1.png');background-size: 25px;background-repeat: no-repeat;background-position: center;}
.wrap-header .top-lang .lang-list {position: absolute;left: 50%;bottom: -44px;transform: translateX(-50%);width: 48px;text-align: center;background-color: #006276;border-radius: 5px;padding: 5px;opacity: 0;pointer-events: none;transition: opacity .25s;z-index: 10;}
.wrap-header .head-util .top-lang:hover .lang-list {opacity: 1;pointer-events: auto;}
.wrap-header .top-lang .lang-list.on {opacity: 1;pointer-events: auto;}
.wrap-header .top-lang .lang-list::before {content: '';position: absolute;top: -6px;left: 50%;transform: translateX(-50%);width: 9px;height: 6px;background-image: url('../../images/common/new/btn-triangle.png');background-size: cover;}
.wrap-header .top-global {position: relative;}
.wrap-header .head-util  .top-global .top-gnb {width: 27px;height: 48px;background-image: url('../../images/common/new/ic-link2.png');background-size: 22px;background-repeat: no-repeat;background-position: center;cursor: pointer;}
.wrap-header .top-global .top-gnb .badge {width: 100%;height: 100%;}
.wrap-header .top-global .gnb-login {position: absolute;left: 50%;bottom: -20px;transform: translateX(-50%);display: flex;justify-content: center;align-items: center;height: 20px;text-align: center;background-color: #006276;line-height: 1;border-radius: 5px;padding: 5px;opacity: 0;transition: opacity .25s;z-index: 10;}
.wrap-header .head-util .top-global:hover .gnb-login {opacity: 1;}
.wrap-header .top-global.on .gnb-login {opacity: 1;}
.wrap-header .top-global .gnb-login a {transition: color 0.15s;}
.wrap-header .top-global .gnb-login a:hover {color: #ffd200;}
.wrap-header .top-global .gnb-login .badge {font-size: 11px; color: #fff;font-family: 'Play Bold';letter-spacing: 0.04em;}
.wrap-header .head-util .top-global .gnb-login .click-area {position: absolute;left: 16px;top: -48px;width: 27px;height: 48px;text-indent: -9999px;}
.wrap-header .top-global .gnb-login::before {content: '';position: absolute;top: -6px;left: 50%;transform: translateX(-50%);width: 9px;height: 6px;background-image: url('../../images/common/new/btn-triangle.png');background-size: cover;}

.wrap-header .btn-gnb,
.wrap-header .btn-gnb-close {display:none;}

/* Sub Header */
.sub .wrap-header {background-color: #fff;}
.sub .wrap-header.on {background-color: #fff;border-bottom: 1px solid #e0e0e0;}
.sub .wrap-header .head-navi .div_1 .a_1 {color: #000;}
.sub .wrap-header .head-util .top-info a {color: #333;}
.sub .wrap-header .head-util .top-library a {color: #333;}
.sub .wrap-header .head-util .top-lang button {width: 27px;height: 48px;background-image: url('../../images/common/new/sub-ic-link1.jpg');background-size: 22px;background-repeat: no-repeat;background-position: center;cursor: pointer;background-size: 23px;}
.sub .wrap-header .head-util  .top-global .top-gnb {width: 27px;height: 48px;background-image: url('../../images/common/new/sub-ic-link2.jpg');background-size: 22px;background-repeat: no-repeat;background-position: center;cursor: pointer;background-size: 20px;}
.sub .wrap-header {border-bottom: 1px solid #e0e0e0;}

.black-bg {position:fixed; left: -999999px; top: 80px; 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-box-search {position: fixed;left: -9999px;top: 0;width: 100%;height: 100%;z-index: 1600;}
.wrap-box-search.on {left: auto;}
.wrap-box-search .inner {max-width: 100%;padding: 0 !important;}
.wrap-box-search .box-search {overflow: hidden; position: absolute; left: 50%; top: 50%; width: 100%;transform: translate(-50%, -50%); opacity: 0;height: 460px;max-width: 880px; padding: 119px 90px 38px 90px; background: url('../../images/common/new/popup-search-bg.jpg') no-repeat center center; background-color: #fff;background-size: 400px;z-index: 1;display:none;}
.wrap-box-search .box-search.on { transition: opacity .4s;opacity: 1;display:inherit;}
.wrap-box-search .search-black-bg { position: fixed; left: -999999px;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.45);opacity: 0;transition: opacity .5s;}
.wrap-box-search .search-black-bg.on {left: 0;opacity: 1;}
.wrap-box-search .row-search {position: relative; overflow: hidden; display: inline-block; width: 100%;}
.wrap-box-search .row-search .search-title {display: flex;justify-content: space-between;align-items: center;margin: 0 0 31px 0; font-family: 'SBAggroB'; font-size: 40px;color: #006276;}
.wrap-box-search .row-search .form-search {position: relative; width: 100%; background: transparent;}
.wrap-box-search .row-search .inp-search {width: 100%; height: 100%; padding: 17px 0 17px 22px;border: 6px solid #006276; font-family: 'Noto Regular'; font-size: 19px; color: #19323c;outline: none;background-color: transparent;}
.wrap-box-search .row-search .inp-search::placeholder {font-family: 'Noto Regular'; font-size: 19px; color: #19323c;}
.wrap-box-search .row-search .submit-search {position: absolute; right: 0; top: 0; width: 68px; height: 100%; background: url('../../images/common/new/ic-popup-search.png') no-repeat center center; background-size: 34px;text-indent: -99999px;}
.wrap-box-search .row-search .close-search {position: relative; display: inline-block;width: 50px;height: 50px;background: url('../../images/common/new/ic-popup-search-x.png') no-repeat center center;background-size: 33px; font-size: 19px; vertical-align: middle; color: #fff;text-indent: -9999px;}
.wrap-box-search .row-search .close-search::after {content: ''; position: absolute; left: 0; bottom: -5px; width: 0; height: 1px; background: #fff; transition: 0s;}
.wrap-box-search .row-search .close-search:hover::after {width: 100%; transition: .4s;}
.wrap-box-search .row-search .keyward {display: flex;justify-content: space-between;align-items: flex-start;margin-top: 18px;}
.wrap-box-search .row-search .keyward strong {margin-right: 20px;font-size: 20px;font-family: 'Noto Medium';color: #141414;white-space: nowrap;flex-shrink: 0;}
.wrap-box-search .row-search .keyward li {display: inline-block;margin: 0 21px 3px 0;}
.wrap-box-search .row-search .keyward li:last-child {margin-right: 0;}
.wrap-box-search .row-search .keyward li a {font-size: 15px;color: #006276;}
@media (min-width: 1001px) {
  .user-service { display: none;position: fixed; width: 105px;right: 113px;top: 50%;transform: translateY(-50%); margin-top: 2px;;z-index: 2000; }
  .user-service.on  {display: block;}
  .user-service .info {width: 100%;}
  .user-service .left {display: none;}
  .user-service .menu-list {display: none;position: relative; padding: 14px 0;border-radius: 7px;text-align: center;}
  .wrap-side-btn .popup-zone button {position: relative;}
  .wrap-side-btn .popup-zone button::before {display: none;content: '';position: absolute;top: 50%;margin-top: -4px; left: -11px;width: 6px;height: 8px;background-image: url(../../images/common/new/user-service-triangle.png);background-size: cover;background-repeat: no-repeat;}
  .wrap-side-btn .popup-zone button.on::before {display: block;}
  .user-service .menu-list.on {display: block;background-color: #fff;}
  .user-service .menu-list a { padding: 5px;font-size: 13px; transition: color .25s;}
  .user-service .menu-list a:hover {color: #006276;}
  .user-service .top {display: none;}
  
  .popup-zone .menu-list {display: none;position: relative; padding: 14px 0;border-radius: 7px;text-align: center;}
  .popup-zone .menu-list.on {display: block;background-color: #fff;}
  .popup-zone .menu-list a { padding: 5px;font-size: 13px; transition: color .25s;}
  .popup-zone .menu-list a:hover {color: #006276;}
}
@media (max-width: 1000px) {
	.popup-zone .menu-list.on {display: none;}
}
@media (max-width: 1750px) {
  .user-service {right: 110px;}
  .popup-zone .menu-list {right: 110px;}
}

.popup-zone .menu-list { position: fixed; right: -100%; top: 0; width: 105px; max-width: 500px; opacity: 0;transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);z-index: 1400;} 
.popup-zone .menu-list.on {right: 90px;opacity: 1;}
.popup-zone .menu-list li {
	background:none !important;
}
.popup-zone li:nth-of-type(1) .menu-list {
	top:60px;
}
.popup-zone li:nth-of-type(2) .menu-list {
	top:90px;
}
.popup-zone li:nth-of-type(3) .menu-list {
	top:120px;	
}
.popup-zone li:nth-of-type(4) .menu-list {
	top:180px;		
}
.popup-zone li:nth-of-type(5) .menu-list {
	top:80px;		
}

@media (min-width: 1850px) {
  .wrap-header .head-navi {margin: 0 20px 0 84px;}
  .wrap-header .head-navi .div_1 .li_1 {margin-right: 56px;flex: 0;}
  .wrap-header .head-navi .div_1 .a_1 {padding: 23px 0;}
  .wrap-header .head-navi .div_1 > ul >.li_1:last-child {margin-right: 0;}
  .wrap-header .head-util {width: auto;}
  .wrap-header .head-util .head-link > div:nth-child(1) {margin-right: 33px;}
  .wrap-header .head-util .head-link > div:nth-child(2) > div:nth-child(1) {margin: 0 23px 0 0;}
  .wrap-header .head-util .head-link > div:nth-child(2) > div:nth-child(2) {margin: 0 28px 0 0;}
  .wrap-header .head-util .head-link > div:nth-child(2) > div:first-child  {width: auto;}
  .wrap-header .head-util .head-link {margin: 0 25px 0 0;}

}

@media (max-width: 1860px) {
  .main .wrap-header > .inner,
  .sub .wrap-header > .inner {padding: 0;}
}

@media all and (max-width:1600px)  {
  .wrap-header {min-height: 75px;}
  .wrap-header .head-logo {width: 240px;}
  .wrap-header .head-navi {margin: 0 30px;}
  .wrap-header .head-navi .div_1 .a_1 {padding: 15px;font-size: 18px;}
  .wrap-header .head-navi .div_2 .title {width: 25%;background-size: 50%; padding: 45px 0 0 40px;}
  .wrap-header .head-util {width: 470px;}
  .wrap-header .head-util .head-link {font-size: 16px;}
  .wrap-header .head-util .head-link .top-info::before {right: 75px;}
  .wrap-header .head-util .head-link > div:nth-child(1) {Width: 170px;margin-right: 20px;}
  .wrap-header .head-util .head-link > div:nth-child(2) {width: 70px;}
  .wrap-header .head-util .head-search {width: 75px;height: 75px;}
  .wrap-header .head-util .head-sitemap {width: 75px;height: 75px;}
  .black-bg {top: 75px;}
  .wrap-header .head-navi .div_2 .ul_2 {flex-wrap: wrap;padding: 40px 20px 40px 50px;}
  .wrap-header .head-navi .div_2 .li_2 {margin: 0 25px 15px 0;width: auto;}
  .wrap-header .head-navi .div_2.on {max-height: calc(100vh - 75px)}
}

@media(max-width: 1500px) {
  .wrap-header .head-util {width: 285px;}
  .wrap-header .head-util .head-link > div:nth-child(1) {display: none;}
  .wrap-header .head-navi .div_1 .a_1 {padding: 15px 10px;}
} 

@media (max-width:1250px) {
  .wrap-header {min-height: 70px;}
  .wrap-header .head-logo {width: 220px;} 
  .wrap-header .head-navi {margin: 0 15px;}
  .wrap-header .head-navi .div_1 .a_1 {padding: 15px 8px;}
  .wrap-header .head-util .head-search {width: 70px;height: 70px; background-size: 25px;}
  .wrap-header .head-util .head-sitemap {width: 70px;height: 70px;}
  .wrap-header .head-util {width: auto;}
  .wrap-header .head-util .head-link {display: none;}
  .black-bg {top: 70px;}
}

@media all and (min-width:1001px) {
	.wrap-header .head-util .top-global .gnb-login .click-area {
		display:none;
	}
}
@media all and (max-width:1000px) {
  .wrap-header {min-height: 70px;padding:0 0 0 20px;}
  .wrap-header .inner .head-sitemap {display:none;}
  .wrap-header .inner .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 .inner .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 .inner .btn-mgnb-close button {text-indent:-9999px; display:block; width:100%; height:100%;}
  .wrap-header .head-navi {position:fixed; top:0px; right: -100%;  width: 100%; max-width:500px; height: 100%; padding: 0; background: #f7f7f7; opacity: 0; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);margin: 0;}
  .wrap-header .head-navi.on {right: 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; 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: flex;}
  .wrap-header .head-navi .head-mobile-gnb .top-util ul li {text-align: center;width: 50%;}
  .wrap-header .head-navi .head-mobile-gnb .top-util ul li:nth-child(1) {background-color: #005e99;}
  .wrap-header .head-navi .head-mobile-gnb .top-util ul li:nth-child(2) {background-color: #0ab9c4;}
  .wrap-header .head-navi .head-mobile-gnb .top-util button,
  .wrap-header .head-navi .head-mobile-gnb .top-util a {display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;  padding: 15px; font-family: 'SBAggroM'; font-size: 14px; color: #f5f5f5;}
  .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-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-util .head-mobile-gnb .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 .top-newPwd a {filter: invert(1);margin: 0 5px 0 25px;z-index: 100;}
  .wrap-header .top-newPwd a::before {filter: invert(1);}
  .wrap-header .top-newPwd a::after {filter: invert(1);}
  /*  .wrap-header .head-util .head-mobile-gnb .lang-list {overflow: hidden; position: absolute; left: 0; top: 100%; width: 100%; max-height: 0px; background: #004d5d; transition: .5s;}
  .wrap-header .head-util .head-mobile-gnb .lang-list.on {max-height: 100px; transition: .5s;}
  .wrap-header .head-util .head-mobile-gnb .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_2 .title {display: none;}
  .wrap-header .head-navi .div_2 .sub-menu-wrap {height: 100%;background-color: #f2f2f2;}
  .wrap-header .head-navi .div_1 {height: 100%;background-color: #006276;}
  .wrap-header .head-navi .div_1 .ul_1 {flex-direction: column;height: 100%;}
  .wrap-header .head-navi .div_1 .li_1 {position: static; display: block; width: 100%; padding:0px;height: auto;flex: none;}
  .wrap-header .head-navi .div_1 .a_1 {width: 30.3%; height: auto; padding: 15px 50px 15px 25px;position: relative; background-color: #006276;text-align: left; font-family: 'Noto Bold';  color: #fff;}
  .sub .wrap-header .head-navi .div_1 .a_1 {color: #fff;}
  .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 {background-color: #014e5d;}
  .wrap-header .head-navi .div_1 .a_1.on span:after {content:'';position: absolute;width: 17px;height: 17px;top: -1px;right: -23px;background-size: cover;background-image: url('../../images/common/subject-obj.png');}  
  .wrap-header .head-navi .div_1 .a_1.on {}
  .wrap-header .head-navi .div_2 {right:0px; left:auto; top: 0;width:70% !important; transition-property:none; }
  .wrap-header .head-navi .div_2.on {top:0; max-height:none; height:100%; background:#f7f7f7; transition-property: none;}
  .wrap-header .head-navi .div_2 .inner {padding: 0px;}
  .wrap-header .head-navi .div_2 .ul_2 {flex-wrap: nowrap;height: 100%;overflow-y: auto;padding: 5px 35px 180px 35px; border: 0;flex-direction: column;}
  .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%; border-bottom:1px solid #ececec; margin:0; font-family: 'Noto Regular'; font-size: 16px; color:#999;}
  .wrap-header .head-navi .div_2 .a_2.on {color:#046478;}
  .wrap-header .head-navi .div_2 .a_2.plus {position: relative; background:url('../../images/common/new/arrow-a2-down.jpg') no-repeat;background-position: right 5px center;}
  .wrap-header .head-navi .div_2 .a_2.plus.on { background:url('../../images/common/new/arrow-a2-up.jpg') no-repeat;background-position: right 5px center;color: #046478;}
  .wrap-header .head-navi .div_2 .a_2 span {padding-right: 15px;}
  .wrap-header .head-navi .div_2 .a_2[target=_blank] span:before {top:6px;}
  .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);border-radius: 3px;}
  .wrap-header .head-navi .div_3.on {max-height: 500px; margin: 15px 0 10px;transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
  .wrap-header .head-navi .div_3 .ul_3 {padding:14px 20px 14px 20px; border-bottom: 1px solid #ececec;}
  .wrap-header .head-navi .div_3 .li_3 {position:relative; width: 100%; margin: 0;}
  .wrap-header .head-navi .div_3 .a_3 {display:inline-block; padding:6px 0 6px 13px; font-family: 'Noto Regular'; font-size:16px; color:#666;}
  .wrap-header .head-navi .div_2 .a_3 span {padding-right: 13px;}
  .wrap-header .head-navi .div_2 .a_3[target=_blank] span:before {top: 8px;}
  .wrap-header .head-navi .div_3 .a_3::after {top: 17px;left: 0;;opacity: 1;}
  .wrap-header .head-navi .div_3 .a_3:hover {color:#139cb4;}
  .wrap-header .head-navi .div_3 .a_3._active {color:#046478;}
  .wrap-header .btn-gnb {width: 70px;height: 70px;background: #19323c url('../../images/common/new/ic-sitemap.png') no-repeat center center;background-size: 28px;}
  .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: 86px; height: 100%; background: url('../../images/common/new/btn-navi-close.png') no-repeat center center; text-indent: -99999px;}
  .wrap-header .btn-gnb-close button {width: 100%; height: 100%;}
  .wrap-header .head-navi .head-mobile-top {background-color: #f7f7f7;}
  .wrap-header .head-link {display: flex;justify-content: space-between;align-items: center;}
  .wrap-header .head-link > div {display: flex;align-items: center;position: relative;}
  .wrap-header .head-link > div:nth-child(2)::before {content: '';position: absolute;top: 50%;margin-top: -5px;right: -24px;width: 2px;height: 10px;background-color: #d9d9d9;}
  .wrap-header .head-navi .head-mobile-top {padding: 23px 110px 23px 30px;}
  .wrap-header .head-mobile-top  .top-info {margin-right: 20px;}
  .wrap-header .head-mobile-top  .top-info a {font-size: 16px;color: #333;font-family: 'Noto Light';} 
  .wrap-header .head-mobile-top  .top-library a {font-size: 16px; color: #333;;font-family: 'Noto Light'; }
  .wrap-header .head-mobile-top  .top-lang {width: 22px;height: 22px;background-image: url('../../images/common/new/ic-link1-mo.png');margin-right: 24px;background-size: contain;background-repeat: no-repeat;background-position: center;}
  .wrap-header .head-mobile-top  .top-lang  button {display: block;width: 100%;height: 100%;text-indent: -9999px;}
  .wrap-header .head-mobile-top .top-lang .lang-list {bottom: -62px;width: 53px;}
  .wrap-header .head-mobile-top .top-lang .lang-list a {font-size: 13px;}
  .wrap-header .head-mobile-top  .top-global .badge {display: block;width: 100%;height: 100%;font-size: 13px;}
  .wrap-header .head-mobile-top  .top-global .top-gnb {width: 20px;height: 24px;background-image: url('../../images/common/new/ic-link2-mo.png');background-size: contain;background-repeat: no-repeat;background-position: center;}
  .wrap-header .head-mobile-top .top-global .gnb-login {bottom: -31px; height: 22px}
  .wrap-header .head-mobile-top .top-global .gnb-login .click-area {position: absolute;left: 17px;top: -41px;width: 30px;height: 40px;text-indent: -9999px;}
  .wrap-header .head-navi .div_3 .a_3:hover::after {left: 0;}
  .wrap-box-search .box-search  {display: flex;justify-content: space-between;align-items: center;max-width: 100%;height: 100vh;padding: 40px 150px;}
  .wrap-box-search .line-search {width: 100%;}
  .user-service { position: fixed; right: -100%; top: 0; width: 100%; max-width: 500px; height: 100%; opacity: 0;transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);z-index: 1400;} 
  .user-service.on {right: 0;opacity: 1;}
  .user-service .top { display: flex; justify-content: space-between; align-items: center; padding: 4px 0px 0px 35px; background-color: #fff; } 
  .user-service .top .tit { font-size: 25px; font-family: 'SBAggroB'; color: #000; } 
  .user-service .top .tit i { color: #00b6d7; } 
  .user-service .top .btn-close {display: block;width: 86px;height: 86px;background: url('../../images/common/new/btn-navi-close.png') no-repeat center center;background-size: 24px; text-indent: -9999px;} 
  .user-service .info { display: flex; align-items: flex-start; height: 100%; padding: 50px 0; background-color: #196685; } 
  .user-service .info .left { width: 206px; padding: 0 38px; } 
  .user-service .info .tab-list li { margin-bottom: 28px; } 
  .user-service .info .tab-list li:last-child { margin-bottom: 0; } 
  .user-service .info .tab-list button { display: block; width: 100%; padding: 13px 0; font-size: 17px; color: #004662; background-color: #fff; font-family: 'Noto Bold'; border-radius: 25px; transition: .25s; } 
  .user-service .info .tab-list li:hover button, 
  .user-service .info .tab-list li.on button { color: #fff; background-color: #00b6d7; } 
  .user-service .info .right { flex: 1; height: 100%; padding: 0 0 80px 0; overflow-y: auto; border-left: 1px solid #47859d; } 
  .user-service .info .menu-list { display: none; height: 100%; } 
  .user-service .info .menu-list.on { display: block; } 
  .user-service .info .menu-list li { margin-bottom: 25px; } 
  .user-service .info .menu-list li:last-child { margin-bottom: 0; } 
  .user-service .info .menu-list a { display: block; position: relative; padding: 2px 40px; color: #fff; font-size: 18px; transition: .25s; line-height: 1.3; font-family: 'Noto Light'; } 
  .user-service .info .menu-list a:hover, .user-service .info .menu-list li.on a { color: #16dbff; font-family: 'Noto Medium'; } 
  .user-service .info .menu-list a:hover::before, .user-service .info .menu-list li.on a::before { content: ''; position: absolute; left: -1px; top: 0; width: 2px; height: 100%; background-color: #1bdcff; } 
  .black-bg {top: 0;}
}


@media all and (max-width:768px) {
  .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;}
  .wrap-box-search .box-search {padding: 20px;}
  .wrap-box-search .row-search .search-title {margin: 0 0 8px 0;font-size: 30px;}
  .wrap-box-search .row-search .close-search {width: 40px;height: 40px;background-size: 26px;}
  .wrap-box-search .row-search .keyward {flex-direction: column;}
  .wrap-box-search .row-search .keyward strong {margin-right: 0; margin-bottom: 2px;}
}

@media all and (max-width:650px) {
  .wrap-header .head-navi {max-width: 100%;}
  .wrap-header .head-navi .head-mobile-top .big {display: none;}
  .wrap-header .head-navi .head-mobile-top .small {display: block;}
  .user-service {max-width: 100%;}
}

@media all and (max-width:500px) {
  .wrap-header {min-height: 60px;}
  .wrap-header .head-logo {width: 187px;min-width: auto;}
  .wrap-header .head-util .head-search {width: 60px;height: 60px;background-size: 20px;}
  .wrap-header .btn-gnb {width: 60px;height: 60px;}
  .wrap-header .head-mobile-top .top-info {margin-right: 25px;}
  .wrap-header .head-navi .head-mobile-top {padding: 23px 112px 23px 25px;}
  .wrap-header .head-link > div:nth-child(2)::before {right: -26px;}
  .wrap-header .head-navi .head-mobile-gnb .top-util a  {padding: 5px;}
  .wrap-header .btn-gnb-close {width: 90px;}
  .wrap-header .head-navi .div_1 .a_1 {width: 30.5%}
  .wrap-box-search .box-search {background-size: 324px;}
}


.wrap-sub-visual {position:relative; display:table; width:100%; }
.wrap-sub-visual .wrap-sub-cell {display:table-cell;height:435px; text-align:center; vertical-align: middle; color:#fff;}
.wrap-sub-visual .inner {position:relative;max-width: 1400px;margin: 0 auto; z-index:1;}
.wrap-sub-visual .sub-title {margin-bottom:8px;}
.wrap-sub-visual .sub-info {margin-top:165px;}
.wrap-sub-visual .sub-info em {font-size:16px; font-family:'Mont Medium'; color:#009CFF; display:block;}
.wrap-sub-visual .sub-info .slogan-big {font-family:'Noto Bold';position:relative; display:inline-block; font-size:60px; line-height:1.2;}
.wrap-sub-visual .sub-visual::after {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('../../images/common/pattern.png');}

.wrap-sub-visual .slogan-small {font-size:18px; font-family:'Noto Bold';}
.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%; opacity:0; margin:0 0 0 30px; white-space:nowrap; color:rgba(255,255,255,0.5); transform: translate(0,-50%); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a:hover.prev span {opacity:1; left:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 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%; opacity:0; margin:0 30px 0 0; white-space:nowrap; color:rgba(255,255,255,0.5); transform: translate(0,-50%); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-visual .page-move a:hover.next span {opacity:1; right:100%; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 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 (max-width: 1440px) {
  .wrap-sub-visual .inner {padding: 0 40px;}
}

@media all and (max-width:1023px) {
  .wrap-sub-visual .wrap-sub-cell {height:330px;}
  .wrap-sub-visual .page-move {display:none;}
}

@media all and (max-width:768px) {
  .wrap-sub-visual .wrap-sub-cell {height:300px;}
  .wrap-sub-visual .slogan-big {font-size:34px; padding:0px; margin:0px;}
  .wrap-sub-visual .slogan-big:after {display:none;}
  .wrap-sub-visual .slogan-small {display:none;}
  .wrap-sub-visual .inner {padding: 0 20px;} 
  .wrap-sub-visual .sub-title {margin-bottom: 2px;}
}


.wrap-sub-navi {position:relative; display:flex; justify-content:space-between;}
.wrap-sub-navi .inner {position:relative; max-width:1600px; height:50px; padding: 0;}
.wrap-sub-navi .sub-navi > ul {margin-bottom:22px;}
.wrap-sub-navi .sub-navi > ul::after {content:''; display:block; clear:both;}
.wrap-sub-navi .sub-navi > ul > li {position:relative; float:left;  padding-right:18px;}
.wrap-sub-navi .sub-navi > ul > li > a, .wrap-sub-navi .sub-navi > ul > li > .inner > button {display:block; color:#222; font-size:16px; height:45px; line-height:45px; padding-right:25px; background:url('../../images/common/new/ic-navi-arrow.png') no-repeat right center; font-family:'Noto Regular'; letter-spacing:-.05em;}
/*.wrap-sub-navi .sub-navi > ul > li > .inner > button:hover {color:#faa635; background-position: bottom right; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);} */
.wrap-sub-navi .sub-navi #pagetitle1 {}
.wrap-sub-navi .sub-navi > ul > li.is > .inner > button {background:none;}
.wrap-sub-navi .sub-navi .home {padding-right:18px; background:url('../../images/common/new/ic-navi-home.png') no-repeat left center;}
.wrap-sub-navi .sub-navi .home a {width:40px; text-indent:-9999px;  padding-right:25px; background:url('../../images/common/new/ic-navi-arrow.png') no-repeat right center;}
.wrap-sub-navi .sub-navi .navUl { display:none; overflow:hidden; max-height:0px; opacity:0; position:absolute; left:-30px; top:100%; border:1px solid #fff; width:210px; z-index: 20;}
.wrap-sub-navi .sub-navi .navUl.on { display:inherit; overflow:hidden; max-height:187px; opacity:1; background:#0E3092; transition: max-height .3s cubic-bezier(0.7, 0, 0.3, 1);  border-radius:8px; border:1px solid #0E3092; overflow:hidden; overflow-y:auto; }
/*
.wrap-sub-navi .sub-navi .navUl {overflow:hidden; max-height:0px; opacity:0; position:absolute; left:-30px; top:100%; border:1px solid #fff; width:210px; z-index: 20;}
.wrap-sub-navi .sub-navi .navUl.on {overflow:hidden; max-height:187px; opacity:1; background:#0E3092; transition: max-height .3s cubic-bezier(0.7, 0, 0.3, 1);  border-radius:8px; border:1px solid #0E3092; overflow:hidden; overflow-y:auto; } /* border:1px solid #3e454c; */
*/
/* .wrap-sub-navi .sub-navi .navUl:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:4px; background:#faa635;} */
.wrap-sub-navi .sub-navi .navUl::-webkit-scrollbar {width: 11px;}
.wrap-sub-navi .sub-navi .navUl::-webkit-scrollbar-thumb {background:#F3F7F0; border: 3px solid #0E3092; border-radius: 10px;}
.wrap-sub-navi .sub-navi .navUl a {display:block; padding:10px 15px 10px 25px; color:#fff; word-break: keep-all; position:relative;}
.wrap-sub-navi .sub-navi .navUl a._active::after {content:''; width:5px; height:5px; background:#fff; border-radius:50%; position:absolute; left:15px; top:50%; margin-top:-2px;}
.wrap-sub-navi .sub-navi .navUl a:hover::after {content:''; width:5px; height:5px; background:#fff; border-radius:50%; position:absolute; left:15px; top:50%; margin-top:-2px;}

/* target-icon*/
.wrap-sub-navi .sub-navi .navUl a > span{position:relative; padding-right:18px; display:inline-block;}
.wrap-sub-navi .sub-navi .navUl a[target=_blank] span:before { content: ''; position: absolute;  right: 0; top: 10px;   width: 8px;  height: 8px;  background: url(../../images/common/new/sub-ic-new-page.png) no-repeat center center;  background-size: cover;}

/* Sub Util */
.sub-util .inner {padding: 0;}
.sub-util .inner > ul {display: flex; justify-content: center; align-items: center; position: relative; vertical-align: middle;}
.sub-util .inner > ul > li {position: relative; display: flex; align-items: center;}
.sub-util .inner > ul > li > button {width: 45px; height: 45px; border-radius: 15px; text-indent: -99999px; transition: box-shadow .35s;}
.sub-util .inner > ul > li > button.on,
.sub-util .inner > ul > li > button:hover {box-shadow: 0 0 10px rgba(0,0,0,.2);}

.sub-util .sub-share {margin-right: 15px; background: url('../../images/common/new/ic-share.png') no-repeat center center;}
.sub-util .sub-favo {margin-right: 15px; background: url('../../images/common/new/ic-favorite.png') no-repeat center center;}
.sub-util .sub-print {background: url('../../images/common/new/ic-print.png') no-repeat center center;}
.sub-util .sub-font {background: url('../../images/common/new/ic-font.png') no-repeat center center;}

.sub-util .box-sub-favo {opacity: 0; border:1px solid #D4D4D4; overflow: hidden; position: absolute; left: calc(50% - 125px); top: calc(100% + 18px); z-index: 1; width: 250px; max-height: 0px; background: #fff; transition: .35s;}
.sub-util .box-sub-favo.on {opacity: 1; max-height: 500px;}
.sub-util .box-sub-favo > strong {display: block; border-bottom: 1px solid #d2d2d2; border-radius: 10px 10px 0 0; font-family: pm; font-size: 18px; padding: 16px 25px; border-bottom: 1px solid #d6d6d6; color: #000000;}
.sub-util .box-sub-favo ul {padding: 15px 0; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2;}
.sub-util .box-sub-favo ul li {position: relative; padding: 2px 25px; transition: all .3s;}
.sub-util .box-sub-favo ul li > a {display: inline-block; font-family: pm; font-size: 15px; vertical-align: middle; color: #666;}
.sub-util .box-sub-favo ul li strong {position: relative; display: inline-block; transition: color .3s;}
.sub-util .box-sub-favo ul li:hover strong {color:#0e3999;}
.sub-util .box-sub-favo ul li strong::after {content: ''; position:absolute; left:0; bottom:0; width: 0%; height: 1px; background: #0e3999; transition:all .3s;} 
.sub-util .box-sub-favo ul li:hover strong::after {width: 100%;}
.sub-util .box-sub-favo ul li a span {display: none;}
.sub-util .box-sub-favo .close {position: absolute; right: 0px; top: 0px; width: 60px; height: 60px; background: url('../../images/common/new/btn_favo_close.png') no-repeat center center; text-indent: -99999px;}
.sub-util .box-sub-favo .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
/*.sub-util .box-sub-favo .del {display: inline-block; width: 17px; height: 17px; margin: 0 10px 0 0; background: url('../../images/common/favo-del.png') no-repeat center center; text-indent: -99999px; vertical-align: middle;}*/
.sub-util .box-sub-favo .del {display: inline-block; width: 17px; height: 17px; margin: 0 10px 0 0; background: url('../../images/common/btn-favo-del.png') no-repeat center center; text-indent: -99999px; vertical-align: middle;}
.sub-util .box-sub-favo .control {overflow: hidden; font-size: 0; text-align: center;}
.sub-util .box-sub-favo .control::after {content: ''; display: block; clear: both;}
.sub-util .box-sub-favo .control button {display: inline-block; width: 50%; padding: 16px 20px; font-family: pm; font-size: 16px; color: #fff;}
.sub-util .box-sub-favo .control button.add {background: #1f303e;}
.sub-util .box-sub-favo .control button.reset {background: #4f5f6c;}
.sub-util .box-sub-share {opacity: 0; overflow: hidden; position: absolute; left: 0; top: calc(100% + 20px); z-index: 1; max-height: 0px; transition: .35s}
.sub-util .box-sub-share.on {opacity: 1; max-height: 300px;}
.sub-util .box-sub-share ul button {position: relative; display: block; width: 45px; height: 45px; margin-bottom: 5px; border-radius: 15px; text-indent:-99999px;}
.sub-util .box-sub-share .fb {background: url('../../images/common/new/ic-fb.png') no-repeat center center;}
.sub-util .box-sub-share .tw {background: url('../../images/common/new/ic-tw-x.png') no-repeat center center;}
.sub-util .box-sub-share .pin {background: url('../../images/common/new/ico_sns_pin.png') no-repeat center center;}
.sub-util .box-sub-share .insta {background: url('../../images/common/new/ic-insta.png') no-repeat center center;}
.sub-util .box-sub-share .kakao {background: url('../../images/common/new/ic-kakao.png') no-repeat center center;}
.sub-util .box-sub-share .naver {background: url('../../images/common/new/ic-blog.png') no-repeat center center;}
.sub-util .box-sub-share .addr {background: url('../../images/common/new/ic-copy.png') no-repeat center;}
.sub-util .box-sub-share .close {background: url('../../images/common/new/ic-share-close.png') no-repeat center center;}
.sub-util .box-font-share {opacity: 0; overflow: hidden; position: absolute; left: 0; top: calc(100% + 20px); z-index: 1; max-height: 0; transition: .35s}
.sub-util .box-font-share.on {opacity: 1; max-height: 300px;}
.sub-util .box-font-share .font ul {display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 5px; padding: 10px 0; background: #fff; border: 1px solid #d2d2d2; border-radius: 10px;}
.sub-util .box-font-share .plus,
.sub-util .box-font-share .minus {position: relative; display: block; width: 30px; height: 30px; background: #fff; border: 1px solid #a9a9a9; border-radius: 3px; text-indent:-99999px;}
.sub-util .box-font-share .plus {background: url('../../images/common/ic-font-plus.png') no-repeat center;}
.sub-util .box-font-share .minus {background: url('../../images/common/ic-font-minus.png') no-repeat center;}
.sub-util .box-font-share .default {position: relative; margin-bottom: 7px; font-family: pb; color: #8c8c8c;}
.sub-util .box-font-share .default::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #8c8c8c;  }
.sub-util .box-font-share .close button {width: 45px; height: 45px; background: url('../../images/common/ic-share-close.png') no-repeat center; border-radius: 15px; text-indent: -99999px;}
.sub-util .copy {text-align: center;}
.sub-util .copy button {display: inline-block; width: 38px; height: 38px; margin: 0 auto 0px auto;  text-indent: -99999px;}

@media(min-width: 1921px) {
  .wrap-sub-navi .sub-navi .home {background: url('../../images/common/new/ic-navi-home.png') no-repeat left center / 0.6vw !important;}
  .wrap-sub-navi .sub-navi .home a { background:url('../../images/common/new/ic-navi-arrow.png') no-repeat right center / 0.3vw !important;}
  .sub-util .sub-share {background: url('../../images/common/new/ic-share.png') no-repeat center center / 2vw !important;}
  .sub-util .sub-favo { background: url('../../images/common/new/ic-favorite.png') no-repeat center center / 2vw !important;}
  .sub-util .sub-print { background: url('../../images/common/new/ic-print.png') no-repeat center center / 2vw !important;}
}

@media all and (max-width:1600px) {
  .sub-util .box-sub-favo {left:unset; right:-40px;}

}
@media all and (max-width: 600px) {
  .wrap-sub-navi .sub-navi #pagetitle1 {display: none;}
}
@media all and (max-width: 500px) {
  .wrap-sub-navi .sub-navi #pagetitle1 {display: none;}
  .wrap-sub-navi .sub-navi .navUl {width:150px;}
  .wrap-sub-navi .sub-navi .home {padding-right:6px;}
  .wrap-sub-navi .sub-navi .home a {padding-right:10px; width:28px;}
  .wrap-sub-navi .sub-navi > ul > li > a, .wrap-sub-navi .sub-navi > ul > li > .inner > button {padding-right:15px; font-size:15px;}
  .wrap-sub-navi .sub-navi > ul > li {padding-right:7px;}
  .sub-util .inner > ul > li > button {width:35px;}
  .sub-util .box-sub-share {left: -6px;}
  .sub-util .sub-share {margin-right: 5px;}
  .sub-util .sub-favo {margin-right: 9px;}
  .wrap-sub-navi .sub-navi .home {background: url('../../images/common/new/ic-navi-home.png') no-repeat left top 15px}
}

/* Footer */
.wrap-rating {margin-top: 80px !important;}
.main .wrap-footer {margin:0px;}
.wrap-footer > .inner {display: flex;justify-content: space-between;width: 100%;max-width: 1600px; margin: 0 auto; }
.wrap-footer {position: relative;background: #07222d; margin-top: 100px; padding: 54px 0 70px;}
.wrap-footer .footer-bottom  {display: flex;width: 590px;font-size: 0px;} /* width:552px;*/
.wrap-footer .footer-bottom .footer-link ul {display:flex;align-items: flex-start;flex-wrap: wrap; width: 100%;}
.wrap-footer .footer-bottom .footer-link li {width: 50%; padding: 6px 12px 6px 0; }
.wrap-footer .footer-bottom .footer-link li:nth-child(-n + 2) {padding-top: 0;}
.wrap-footer .footer-bottom .footer-link li:last-child {background: none;}
.wrap-footer .footer-bottom .footer-link li a {position: relative; font-family: 'Noto Medium'; font-size: 16px; color: #fff;transition: color .25s}
.wrap-footer .footer-bottom .footer-link li a:hover {color: #85b2c1;} 

.wrap-footer .footer-contact-box {position: relative;width: 660px;margin-right: 30px;}
.wrap-footer .footer-contact {display: flex;align-items: flex-start;}
.wrap-footer .footer-logo,
.wrap-footer .footer-info {vertical-align: middle;}
.wrap-footer .footer-logo {width: 160px;transform: translateY(3px);}
.wrap-footer .footer-logo img.small {display: none;}
.wrap-footer .footer-info {font-family: 'Noto Light'; font-size: 16px; }
.wrap-footer .footer-info .footer-address {padding:  0 0 0 45px;color: #ccc;}
.wrap-footer .footer-info .footer-copyright {padding: 0 0 0 45px;margin-top: 25px;color: #8e8e8e; font-family: 'SBAggroL';font-size: 12px;text-transform: uppercase;}
.wrap-footer .footer-access {position: absolute; right: 160px; top: 25px}
.wrap-footer .footer-info .footer-address > li {margin-bottom: 7px;color: #fff;font-family: 'Noto Medium';font-size: 16px;}
.wrap-footer .footer-info .footer-address > li:first-child {color: #aaa; }
.wrap-footer .footer-sns {position: absolute; right: 0px; top: 30px;}
.wrap-footer .footer-sns li {display: inline-block; margin: 0 15px 0 0;}
.wrap-footer .footer-sns li:last-child {margin: 0;}
.wrap-footer .footer-sns li a {display: block; width: 20px; height: 20px; text-indent: -99999px;}
.wrap-footer .footer-sns li.sns-list4 a { background: url('../../images/common/new/footer-sns-insta.jpg') no-repeat center / 21px; }
.wrap-footer .footer-sns li.sns-list3 a { background: url('../../images/common/new/footer-sns-youtube.jpg') no-repeat center / 21px; }
.wrap-footer .footer-sns li.sns-list2 a { background: url('../../images/common/new/footer-sns-blog.jpg') no-repeat center / 21px; }
.wrap-footer .footer-sns li.sns-list1 a { background: url('../../images/common/new/footer-sns-facebook.jpg') no-repeat center / 21px; }

.wrap-footer .footer-sns.login-sns ul {width: 150px; margin-top: -20px;}
.wrap-footer .footer-sns.login-sns li:first-child {width: 100%; margin-bottom: 5px;}
.wrap-footer .footer-sns.login-sns li:first-child a {height: auto;}
.wrap-footer .footer-jump-box {transform: translateY(-15px);}


.wrap-footer .footer-jump {display: inline-block; width:190px; padding-left: 3px;}
.wrap-footer .footer-jump > div {position:relative;}
.wrap-footer .footer-jump .default-jump { display: block;width:100%;  padding:17px 25px 17px 0; background: url('../../images/common/new/ic-select-arrow.png') no-repeat right center;background-size: 15px;border-bottom: 2px solid #fff;  text-align:left;color: #fff; font-family: 'Noto Regular'; font-size: 15px;}
.wrap-footer .footer-jump .default-jump.on {background: url('../../images/common/new/ic-select-arrow-down.png') no-repeat right center;background-size: 15px;}
.wrap-footer .footer-jump .go-btn {display: none; float:left; width:22%; height:64px; background: url('../../images/common/new/ic-select-arrow.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 48px 0; transition: max-height 0.8s ease;z-index: 1;}
.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:#07222d; 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 (min-width: 1921px) {
  .wrap-footer .footer-sns li.sns-list4 a { background: url('../../images/common/new/footer-sns-insta.jpg') no-repeat center / 1.09vw !important; }
  .wrap-footer .footer-sns li.sns-list3 a { background: url('../../images/common/new/footer-sns-youtube.jpg') no-repeat center / 1.09vw !important; }
  .wrap-footer .footer-sns li.sns-list2 a { background: url('../../images/common/new/footer-sns-blog.jpg') no-repeat center / 1.09vw !important; }
  .wrap-footer .footer-sns li.sns-list1 a { background: url('../../images/common/new/footer-sns-facebook.jpg') no-repeat center / 1.09vw !important; }
}

@media (max-width: 1620px) {
  .wrap-footer > .inner {padding: 0 40px;}
  .wrap-footer .footer-info .footer-address {padding: 0 0 0 40px;}
  .wrap-footer .footer-info .footer-copyright {width: 331px;padding: 0 0 0 40px;}
}

@media (max-width: 1150px) {
  .wrap-footer .footer-bottom {width: 670px;}
}

@media (max-width: 1000px) {

  /* .wrap-footer {position: relative;background: #07222d; margin-top: 100px; padding: 106px 0 50px;}*/
  .wrap-footer {position: relative;background: #07222d; margin-top: 100px; padding: 162px 0 50px;}
  .wrap-footer .footer-bottom {width: 200px;}
  .wrap-footer .footer-contact-box {width: 535px;}
  .wrap-footer .footer-info .footer-address {width: 120px;}
  .wrap-footer .footer-bottom .footer-link { position: absolute;  left: 50%;  transform: translateX(-50%);  top: 23px;   width: calc(100% - 78px);     /* padding: 0 120px 22px 0; */    border-bottom: 1px solid #394e57;    padding-bottom: 20px; }  /**/
  .wrap-footer .footer-bottom .footer-link li:nth-child(-n + 2) {padding-top: 0;}
  /*.wrap-footer .footer-bottom .footer-link li {flex:1;margin: 5px 0 5px 0;width: auto;text-align: center;padding: 0;}*/
  .wrap-footer .footer-bottom .footer-link li {margin: 5px 15px 5px 0;width: auto;text-align: center;padding: 0; }
  .wrap-footer .footer-bottom .footer-link li:last-child {margin-right: 0;}
  .wrap-footer .footer-bottom .footer-link li a {padding: 5px 0;}
  .wrap-footer .footer-jump .default-jump {padding: 14px 25px 14px 0}
  .wrap-footer .footer-sns {top: 40px;}
  .wrap-footer .footer-info .footer-address {width: 100%;;padding:  0 0 0 50px;}
  .wrap-footer .footer-info .footer-copyright {width: 345px;padding: 0 0 0 50px;}
  .footer-jump .default-jump {padding: 14px 25px 14px 0;}
  .footer-jump-box {transform: translateY(-10px);}
  .wrap-footer .footer-sns {width: 103%;}
  .wrap-footer .footer-sns li {margin-right: 37px;}
  .wrap-footer .footer-logo {min-width: 120px;width: 120px;}
  .wrap-footer > .inner {padding: 0 40px; max-width: 100%;  }
}

@media (max-width: 850px) {
  .wrap-footer .footer-bottom .footer-link {padding: 3px 30px 22px 3px;}
}

@media (max-width: 768px) {
  .wrap-footer {text-align: center;padding: 170px 0 65px;}
  .wrap-footer .inner { flex-direction: column;padding: 0 20px;}
  .wrap-footer .footer-contact-box {width: 100%;;margin-right: 0;}
  .wrap-footer .footer-contact {align-items: center;flex-direction: column-reverse;}
  .wrap-footer .footer-info {margin-bottom: 159px;}
  .wrap-footer .footer-info .footer-address {padding: 0;}
  .wrap-footer .footer-info .footer-address > li {font-size: 16px;}
  /*.wrap-footer .footer-bottom .footer-link li {flex: 0;} */
  .wrap-footer .footer-bottom .footer-link li {width:}
  .wrap-footer .footer-contact {align-items: center}
  .wrap-footer .footer-bottom .footer-link {padding: 0 0 18px 0; width: calc(100% - 40px);}
  .wrap-footer .footer-bottom .footer-link li {margin:5px 19px 5px 0}
  .wrap-footer .footer-bottom .footer-link li a {font-size: 13px;}
  .wrap-footer .footer-logo {width: 160px;min-width: auto;}
  .wrap-footer .footer-info .footer-copyright {position: absolute;transform: translateX(-50%);left: 50%;transform: translateX(-50%);max-width: 100%;width: 295px;padding: 0;margin-top: 0;bottom: -78px;}
  .wrap-footer .footer-sns {width: 120%;top: -287px;right: -26px;}
  .wrap-footer  .footer-jump-box {transform: translateY(-308px);}
  .wrap-footer .footer-jump {width: 100%;}
  .wrap-footer .footer-bottom {width: 220px;margin: 0 auto;}
}

/* 갤럭시 스마트폰 대응 */
.galaxy .wrap-footer {padding: 170px 0 65px !important;}
/* 아이폰 대응 */
.iphone .wrap-footer {padding: 170px 0 65px !important;}

@media screen and (max-width: 520px) {
  /* 사파리 대응 */
  @supports (-webkit-touch-callout: none) {
	.wrap-footer {padding: 170px 0 65px !important;}
  }
  .wrap-footer {padding: 200px 0 65px;}
}




/*
@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:1280px) {
.wrap-footer .footer-access {right: 0px; top: -86px}
.wrap-footer.login-footer .footer-info {padding-right: 160px;}

}

@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;}
.wrap-footer .footer-access {display: none;}

.wrap-footer.login-footer .footer-info {padding-right: 0px;}
.wrap-footer .footer-sns.login-sns ul {width: auto; margin-top: 10px;}
.wrap-footer .footer-sns.login-sns li:first-child {width: auto; margin-bottom: 0px;}
}

@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;}
}

.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;}*/

.sub #_contentBuilder .full-width {max-width: 100% !important;}


.tab_div .li_4 {
	padding:3px;
}