@charset "utf-8";
body {word-break: break-all;}

/* header */
.wrap-header {border-bottom: 1px solid #eee;}
.wrap-header .container {display:table; table-layout:fixed; width:100%;}
.wrap-header .container > div {display:table-cell; vertical-align:middle;}
.wrap-header .head-logo {width:25%;} 
.wrap-header .head-logo > div {vertical-align:middle;}
.wrap-header .head-logo .logo-img img {display:inline-block; vertical-align: middle;}
.wrap-header .head-logo .logo-img span {display: inline-block; padding: 0 0 0 10px; font-family:'S-CoreDream-5Medium'; font-size: 22px; color: #272727; vertical-align: middle;}
.wrap-header .head-logo .logo-img .sub {display: inline-block; padding: 0 0 0 10px; font-family:'S-CoreDream-5Medium'; font-size: 15px; color: #272727; vertical-align: middle;}

.wrap-header .head-logo2 {width:30%;}
.wrap-header .head-logo2 > div {vertical-align:middle;}
.wrap-header .head-logo2 .logo-img img {display:inline-block; vertical-align: middle;}
.wrap-header .head-logo2 .logo-img span {display: inline-block; padding: 0 0 0 10px; font-family:'S-CoreDream-5Medium'; font-size: 19px; color: #f7f5f5; vertical-align: middle;}
.wrap-header .head-logo2 .logo-img .sub{display: inline-block; padding: 0 0 0 10px; font-family:'S-CoreDream-5Medium'; font-size: 19px; color: #272727; vertical-align: middle;}

.wrap-header .head-logo3 {width:18%;}
.wrap-header .head-logo3 > div {vertical-align:middle;}
.wrap-header .head-logo3 .logo-img img {display:inline-block; vertical-align: middle;}
.wrap-header .head-logo3 .logo-img span {display: inline-block; padding: 0 0 0 10px; font-family:'S-CoreDream-5Medium'; font-size: 17px; color: #272727; vertical-align: middle;}
.wrap-header .head-logo3 .logo-img .sub{display: inline-block; padding: 0 0 0 10px; font-family:'S-CoreDream-5Medium'; font-size: 17px; color: #272727; vertical-align: middle;}


.wrap-header .head-navi {padding: 0 19px 0 0; text-align: right;}
.wrap-header .head-navi .div_1 .li_1 {position: relative; display: inline-block;}
.wrap-header .head-navi .div_1 .li_1._last{display:none;}
.wrap-header .head-navi .div_1 .a_1 {display: block; padding: 31px 15px; font-family: 'Noto Medium'; font-size: 20px; color: #151515; }
.wrap-header .head-navi .div_1 .a_1:hover, .wrap-header .head-navi .div_1 .a_1.on {color:#1e51a2;}
.wrap-header .head-navi .div_1 .a_1.on::after {content:''; position: absolute; left: 50%; margin-left: -5px; bottom: 0; width: 0px; height: 0px; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent;}

.wrap-header .head-navi .div_1 .a_1 span.wrap {position:relative; display: inline-block;}
.wrap-header .head-navi .div_1 .a_1 span.wrap::before {content: ""; position: absolute; width: 14px; height: 5px; left: 50%;  margin-left: -7px; top: 0; opacity: 0; transition: opacity 0s, left 0s;}
.wrap-header .head-navi .div_1 .a_1 span.wrap::after {content: ""; position: absolute; width: 14px; height: 5px; right: 50%;  margin-right: -7px; top: 0; opacity: 0; transition: opacity 0s, left 0s;}
.wrap-header .head-navi .div_1 .a_1.on span.wrap::before  {opacity: 1; left: 0; margin-left: 0; transition: opacity 0.75s, left 0.5s;}
.wrap-header .head-navi .div_1 .a_1.on span.wrap::after  {opacity: 1; right: 0; margin-right: 0; transition: opacity 0.75s, right 0.5s;}

.wrap-header .head-navi .div_1 .a_1 span.wrapper {position:relative; display: inline-block;}
.wrap-header .head-navi .div_1 .a_1 span.wrapper::before {content: ""; position: absolute; width: 14px; height: 5px; left: 50%;  margin-left: -7px; bottom: 0; opacity: 0; transition: opacity 0s, left 0s;}
.wrap-header .head-navi .div_1 .a_1 span.wrapper::after {content: ""; position: absolute; width: 14px; height: 5px; right: 50%;  margin-right: -7px; bottom: 0; opacity: 0; transition: opacity 0s, left 0s;}
.wrap-header .head-navi .div_1 .a_1.on span.wrapper::before  {opacity: 1; left: 0; margin-left: 0; transition: opacity 0.75s, left 0.5s;}
.wrap-header .head-navi .div_1 .a_1.on span.wrapper::after  {opacity: 1; right: 0; margin-right: 0; transition: opacity 0.75s, right 0.5s;}

.wrap-header .head-navi .div_1 .a_1 span.inner {position:relative; display: inline-block; padding: 0 23px;}
.wrap-header .head-navi .div_1 .a_1 span.inner::before {content: ""; position: absolute; width: 5px; height: 100%; left: 50%; margin-left: -2.5px; top: 0; opacity: 0; transition: opacity 0s, left 0s; }
.wrap-header .head-navi .div_1 .a_1 span.inner::after {content: ""; position: absolute; width: 5px; height: 100%; right: 50%; margin-right: -2.5px; top: 0; opacity: 0; transition: opacity 0s, left 0s; }

.wrap-header .head-navi .div_1 .a_1.on span.inner::before  {opacity: 1; left: 0; margin-left: 0; transition: opacity 0.75s, left 0.5s;}
.wrap-header .head-navi .div_1 .a_1.on span.inner::after  {opacity: 1; right: 0; margin-right: 0; transition: opacity 0.75s, right 0.5s;}

.wrap-header .head-navi .div_2 {overflow:hidden; position: absolute; top: 100%; left:0; z-index: 105; width: 100%; max-height:0; text-align: left; transition: all 0s; }
.wrap-header .head-navi .div_2.on {max-height:800px; transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-header .head-navi .div_2 .ul_2 {padding:15px 0;}
.wrap-header .head-navi .div_2 .a_2 {position:relative; display:block; padding:8px 5px; font-size: 14px; letter-spacing: -0.5px; font-family:'Noto Light'; color:#fff; text-align: center;}
.wrap-header .head-navi .div_2 .a_2 span {position:relative; display: inline-block;}
.wrap-header .head-navi .div_2 .a_2 span:after {content:''; position: absolute; left:0px; bottom:-3px; width:0px; height:2px; background:#fff; transition:all 0.8s;}

.wrap-header .head-navi .div_2 .a_2:hover:after {content:''; position: absolute; right:10%; top:46%; width:5px; height:7px;}
.wrap-header .head-navi .div_2 .a_2:hover span:after {width:100%;}
.wrap-header .head-navi .div_2 .a_2.on {color:#0c2c67}
.wrap-header .head-navi .div_3 {display:none;}

.wrap-header .head-util {position: relative; width: 160px;}
.wrap-header .head-util li {float: left; width: 50%; height: 92px;}
.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 li.popup-btn {position: relative; padding-right: 4%; cursor: pointer;}
.wrap-header .head-util li.popup-btn::after {content: ""; position: absolute; width: 1px; height: 18px; background: #979797; right: 0; top: 50%; margin-top: -9px;}
.wrap-header .head-util li.popup-btn .popup-num {position: absolute; left: 49%; top: 24%; width: 20px; height: 20px; background: #ff6c00; border-radius: 100%; font-family: 'Mont Medium'; font-size: 10px; line-height: 20px; text-indent: 0; text-align: center; color: #fff;}

.wrap-header .head-util li.head-notify {position: relative; }
.wrap-header .head-util li.head-notify .num {position: absolute; left: 46%; top: 29%; width: 20px; height: 20px; background: #ff6c00; border-radius: 100%; font-family: 'Mont Medium'; font-size: 10px; line-height: 20px; text-indent: 0; text-align: center; color: #fff;}
.wrap-header .head-util li.head-sitemap {position: relative;}

.wrap-header .container .btn-mgnb {display: none;}
.wrap-header .container .btn-mgnb-close {display: none;}
.wrap-header .container .black-bg {display: none;}

@media all and (min-width:1024px) {
  .wrap-header .head-navi .div_2 {left:-25% !important; width: 160% !important;}
}

@media all and (max-width:1800px) {
  .wrap-header .head-navi .div_1 .a_1 {padding: 39px 0; font-size: 18px;}
}

@media all and (max-width:1023px) {
  .wrap-top {display: none;}
  .wrap-header {padding:0;}
  .wrap-header .container  {padding:0}
  .wrap-header .container .head-sitemap {display:none;}
  .wrap-header .container .btn-mgnb {display: block;  width:31px;}
  .wrap-header .container .btn-mgnb button {display:inline-block; vertical-align: middle; width:100%; background: url(../../images/button/btn_gnb_bl.png) no-repeat center center; background-size: contain; height: 31px; margin-top: 20px;}
  .wrap-header .container .btn-mgnb-close.on {display:block; position:absolute; right:20px; top:12px;  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% !important;}
  .wrap-header .head-logo .logo-img {width:100%; padding:0 0 0 15px;}
  .wrap-header .head-logo .logo-img a {width: auto;}
  .wrap-header .head-logo2 {width:100% !important;}
  .wrap-header .head-logo2 .logo-img {width:100%; padding:0 0 0 15px;}
  .wrap-header .head-logo2 .logo-img a {width: auto;}

  .wrap-header .head-navi {position:fixed; top:0; right:-100%; z-index:10000; width: 100%; max-width:450px; height: 100%; max-height: 650px; background: #23262F url("../../images/main/main_schedule_bg.jpg") no-repeat left bottom; background-size: 38% auto; opacity: 0; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1); padding: 0 20px; box-sizing: border-box;}
  .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 .menuUItop {position: relative; height: calc(100% - 70px);}
  .wrap-header .head-navi .div_1 {margin:70px 0 0 0;}
  .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:45%; height: auto; padding: 12px !important; background-image: none; background-position: right center; text-align: left; line-height: 39px; font-size: 18px !important; color: #fff !important;}
  .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_1 .a_1.on span:before {display:none;}
  .wrap-header .head-navi .div_1 .a_1.on {color:#fff; background: #12A0D8;}
  .wrap-header .head-navi .div_1 .a_1 span.inner {padding:0 !important;line-height:1.1;}
  .wrap-header .head-navi .div_2 {right:0px; left:auto; width:55% !important; transition-property:none; }
  .wrap-header .head-navi .div_2.on {top: 0; bottom: 20px; max-height:none; background:#fff; transition-property: none;}
  .wrap-header .head-navi .div_2 .container {padding: 0px;}
  .wrap-header .head-navi .div_2 .ul_2 {padding:0; border: 0; margin-top: 8px;}
  .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: 10px 15px 10px 20px !important;  margin:0; font-size: 16px !important; color:#666 !important; text-align: left;}
  .wrap-header .head-navi .div_2 .a_2.plus {position: relative;}
  .wrap-header .head-navi .div_2 .a_2.plus.on {color:#0c2c67;}
  .wrap-header .head-navi .div_2 .a_2:hover {color:#0c2c67;}
  .wrap-header .head-navi .div_2 .a_2[target=_blank] span:before {top:6px;}
  .wrap-header .head-navi .div_3 {overflow:hidden; display:block; max-height:0px; 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:0 0 5px 0;}
  .wrap-header .head-navi .div_3 .li_3 {position:relative; margin: 0px; float: none;}
  .wrap-header .head-navi .div_3 .a_3 {display:inline-block; padding:4px 0 4px 40px !important; font-size:14px !important; color:#999;}
  .wrap-header .head-navi .div_3 .a_3[target=_blank] {position:relative;}
  .wrap-header .head-navi .div_3 .a_3[target=_blank]:before {content:''; position:absolute; left:110%; top:10px; 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:25px; top:12px; width:6px; height:6px; background:#808080; border-radius: 50%;}
  .wrap-header .head-navi .div_3 .a_3:hover:after {width:6px; background:#FCAF15;}
  .wrap-header .head-navi .div_3 .a_3:hover {color:#FCAF15;}
  .wrap-header .head-navi .div_3 .a_3._active {color:#FCAF15;}
  .wrap-header .head-navi .div_3 .ul_3 {margin:0;}
  .wrap-header .head-navi .div_3 .ul_3 > li::before,
  .wrap-header .head-navi .div_3 .ul_3 > li::after{display:none;}

  .wrap-header .head-util {width:97px; }
  .wrap-header .head-util li {width: auto; height: 70px;}
  .wrap-header .head-util li.head-notify {display: none;}
.wrap-header .head-util li.popup-btn {display: none; /*width: 26px; margin-right: 15px; padding-right: 15px; box-sizing: content-box; background: url(../../images/button/btn_popup_bl.png) no-repeat left center;*/}
  .wrap-header .head-util li.popup-btn .popup-num {left: 33%;}
  .wrap-header .head-util li.btn-mgnb {float: right; margin-right: 10px; width: 31px; background: url('../../images/button/btn_gnb.png') no-repeat center center; background-size: contain;}
  .wrap-header .container .black-bg {display: none; position:fixed; left:0px; top:0px; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:1200;}
  .wrap-header .container .black-bg.on {display:block;}
  .mobile-menu {display: block; position: absolute; left: 20px; top: 19px;}
}

@media all and (max-width:768px) {
  .wrap-header .head-logo .logo-img img {width: 110px;}
  .wrap-header .head-logo2 .logo-img img {width: 110px;}
  .wrap-header .head-navi.on {right:0;}
}

@media all and (max-width:500px) {
  .wrap-header .head-logo .logo-img span {font-size: 14px;}
  .wrap-header .head-logo .logo-img a {width: 40%;}
  .wrap-header .head-logo2 .logo-img span {font-size: 14px;}
  .wrap-header .head-logo2 .logo-img a {width: 40%;}
}


/* body */
.wrap-contents .container{width:100%; max-width:1400px; margin:0 auto;}
@media all and (max-width:1400px) {
  .wrap-contents .container{padding:0 20px;}
}
@media all and (max-width:768px) {
  .wrap-contents {margin-top: -50px;}
}

/* footer */
.main .wrap-footer {margin-top: 0;clear:both;}
.sub .wrap-footer {margin-top: 100px;}

.wrap-footer {position: relative; background:#343539; padding-bottom: 55px;}
.wrap-footer .footer-top {margin: 0 auto; border-bottom: 1px solid rgba(255, 255, 255, 0.1); height: 60px; padding: 0 20px;}
.wrap-footer .footer-top::after {content: ""; display: block; clear: both;}

.footer-right {float: right; margin-top: 10px;}
.footer-right li {float: left; margin-left: 8px;}
.footer-right li a {display: block;}
.footer-left {float: left; margin-top: 18px;}

.footer-left li {float: left;}
.footer-left li a {display: inline-block; font-size: 15px;line-height: 20px; letter-spacing: -1px; color: #b1b1b1;}
.footer-left li.privacy a {color: #fff; font-weight: bold;}
.footer-left li:first-child a::after {content: ""; display: inline-block; width: 3px; height: 10px; background: url("/sites/styleguide/images/icon/ic_dot_2.png") no-repeat; vertical-align: middle; margin: 0 10px;}
.footer-left li:nth-child(2) a::after {content: ""; display: inline-block; width: 3px; height: 10px; background: url("/sites/styleguide/images/icon/ic_dot_2.png") no-repeat; vertical-align: middle; margin: 0 10px;}

.wrap-footer .container {padding-top: 20px;}

.wrap-footer .footer-site {float: right;}
.wrap-footer .footer-site select {float: left; width: 265px; height: 45px; padding: 0 20px; background: #fff url("/sites/styleguide/images/button/btn_select.png") no-repeat 95% center; box-sizing: border-box; font-size: 14px; letter-spacing: -0.3px; color: #666666; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.wrap-footer .footer-site select::-ms-expand { display: none; }
.wrap-footer .footer-site select option {color: #333;}
.wrap-footer .footer-site button {float: left; width: 75px; height: 45px; background: #606060 url("/sites/styleguide/images/button/btn_site_go.png") no-repeat center; font-family: "TitilliumWeb-Regular"; line-height: 50px; text-indent: -99999px;}

.wrap-footer .address {float: left;}
.wrap-footer .address p {font-size: 16px; line-height: 26px; letter-spacing: -0.5px; color: #b1b1b1;}
.wrap-footer .address p span {display: inline-block; margin-left: 5px;}
.wrap-footer .address strong {display:inline-block; font-family: "Noto Medium"; color: #b1b1b1; margin-right: 5px;}
.wrap-footer .address strong span {display: inline-block; margin-left: 10px;}
.wrap-footer .address span.copyright {display: block; font-size: 14px; font-family:'Mont Light'; color: #a5a2a2;}

.wrap-footer .footer-wa{width: 100%; max-width: 1400px; margin: 0 auto;}
.wrap-footer .footer-wa img{float: right;}

@media all and (max-width:1420px){
  .wrap-footer .footer-wa{padding-right: 70px;}
}

@media all and (max-width:1200px) {
  .wrap-footer {padding: 25px 0 55px; text-align: center;}
  .wrap-footer .footer-top {height: auto; border-bottom: 0;}
  .footer-left {float: none;}
  .footer-left ul {display: inline-block;}
  .footer-right {float: none; margin-top: 0;}
  .footer-right ul {display: inline-block;}
  .wrap-footer > .container {padding-top: 10px;}
  .wrap-footer .address {float: none; display: inline-block; text-align: center;}
  .wrap-footer .address strong {margin-bottom: 5px;}
  .wrap-footer .footer-site {float: none; width: 301px; margin: 0 auto; margin-top: 20px;}
  .wrap-footer .footer-site select {width: 226px; font-size: 14px;}
  .wrap-footer .footer-site button {font-size: 18px;}
  .wrap-footer .footer-wa{padding-right: 0; padding-top: 10px;}
  .wrap-footer .footer-wa img{float: none;}
}


/* 고탑 */
.top-btn {position: fixed; right: 130px; bottom: 20%; width: 70px; height: 70px; border-radius: 50%; background: #0AA0DC url("/sites/styleguide/images/button/btn_top.png") no-repeat center; box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.4); z-index: 102; opacity: 0; visibility: hidden; transition: opacity 0.5s;}
.top-btn.active {opacity: 1; visibility: visible;}
@media all and (max-width: 1420px){
  .top-btn {right: 0; bottom: 0; border-radius: 0; box-shadow: 0;}
}


/* 비주얼 */
.wrap-sub-visual {position:relative; display:table; width:100%; background:url('/sites/styleguide/images/common/sub-visual.jpg') no-repeat top center; background-size:cover;}
.wrap-sub-visual:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:100%; background:url('/sites/styleguide/images/common/pattern.png');}
.wrap-sub-visual .wrap-sub-cell {display:table-cell; height:350px; text-align:center; vertical-align: top; padding-top: 50px; color:#fff;}
.wrap-sub-visual .container {position:relative; z-index:1;}
/* 비주얼_슬로건 */
.wrap-sub-visual .slogan {display: table; width: 42%; height: 185px; background: rgba(0, 0, 0, 0.4); margin: 0 auto;}
.wrap-sub-visual .slogan-inner {display: table-cell; vertical-align: middle;}
.wrap-sub-visual .slogan-inner strong { display: block; font-size: 30px; letter-spacing: -0.5px; color: #fff; font-family: "Noto Bold"; }
.wrap-sub-visual .slogan-inner strong::after {content: ""; display: block; margin: 15px auto; width: 27px; height: 1px; background: #fff;}
.wrap-sub-visual .slogan-inner p {font-size: 16px; line-height: 25px; letter-spacing: -0.5px; color: rgba(255, 255, 255, 0.5);}
.wrap-sub-visual .slogan-big {position:relative; display:inline-block; font-family:'Noto Bold'; font-size:50px; line-height:1.2;}
.wrap-sub-visual .slogan-small {font-family:'Noto DemiLight'; font-size:18px;}
/* 비주얼_페이지이동
.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('/sites/styleguide/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('/sites/styleguide/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:1023px) {
  .wrap-sub-visual .wrap-sub-cell {height:265px;}
  .wrap-sub-visual .slogan {width: 70%; padding: 34px 15px; height: auto; word-break: break-all;}
  /*.wrap-sub-visual .page-move {display:none;}*/
}
@media all and (max-width:768px) {
  .wrap-sub-visual .wrap-sub-cell{padding: 0; height: 140px;}
  .wrap-sub-visual .slogan{background: transparent; padding: 52px 0;}
  .wrap-sub-visual .slogan-inner p{display: none;}
  .wrap-sub-visual .slogan-inner strong::after{display: none;}
}


/* 현재위치 */
.wrap-sub-navi {position:relative; margin-top: -65px; }
.wrap-sub-navi .container {position:relative; max-width:1400px; height:65px; background: #fff; margin: 0 auto; padding: 0; border-bottom: 1px solid #E5E5E5;}
/* 현재위치_홈 */
.wrap-sub-navi .sub-navi .home {min-width:auto; padding:0px; background-image:none;}
.wrap-sub-navi .sub-navi .home a {width:65px; background: #383838 url('/sites/styleguide/images/sub/btn_home.png') no-repeat center center; text-indent:-9999px;}
/* 현재위치_내비 */
.wrap-sub-navi .sub-navi .navUl {overflow:hidden;position:absolute; right:0px; top: calc(100% - 2px); width: 100%; max-height:0px; border:1px solid #fff; opacity:0; z-index: 5;}
.wrap-sub-navi .sub-navi .navUl.on {overflow:hidden; max-height:10000px; background:#fff; border:1px solid #111; transition: max-height 1s cubic-bezier(0.7, 0, 0.3, 1); opacity:1;}
.wrap-sub-navi .sub-navi .navUl:after {content:''; position:absolute; left:0px; top:0px; width:100%; height:4px; background:#111;}
.wrap-sub-navi .sub-navi .navUl a {display:block; padding:10px 15px; color:#333; word-break: keep-all;}
.wrap-sub-navi .sub-navi .navUl a:hover {background:#f5f5f5;}
@media all and (max-width: 1023px){
  .wrap-sub-navi {margin-top: 0;}
}
@media all and (min-width: 769px){
.wrap-sub-navi .sub-navi > ul > li {float:left; position:relative; background:url('/sites/styleguide/images/sub/arrow-page-nav.png') no-repeat left center;}
.wrap-sub-navi .sub-navi > ul > li > .inner {position: relative; padding: 0 30px; min-width: 175px; border-right: 1px solid #E5E5E5;}
.wrap-sub-navi .sub-navi > ul > li > .inner::after {content: ""; position: absolute; left: 50%; bottom: 0px; height: 2px; width: 0; background: #111; transition: width 0.5s, left 0.5s;}
.wrap-sub-navi .sub-navi > ul > li > .inner:hover::after {width: 100%; left: 0}
.wrap-sub-navi .sub-navi > ul > li > a, .wrap-sub-navi .sub-navi > ul > li > .inner > button {display:block;  height:65px; font-size:16px; color:#666666; line-height:65px;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button {width:100%; padding:0 15px 0 0 ; background:url('/sites/styleguide/images/common/btn_submenu.png') no-repeat center right; font-family:'Noto Light'; text-align:left; transition:background 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi > ul > li > .inner > button:hover {color: #111111; background:url('/sites/styleguide/images/common/btn_submenu_on.png') no-repeat center right; transition:background 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
}
/*@media all and (max-width:768px) {
  .wrap-sub-navi {position: relative; z-index: 100; top: -50px; right: 0;}
  .wrap-sub-navi .container {background: transparent; height: 50px; border-bottom: 0;}
  .wrap-sub-navi .sub-navi{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 > button {width:40px; height:65px; text-indent:-9999px;}
.wrap-sub-navi .sub-util .sub-favo { background: url('/sites/styleguide/images/sub/btn_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 {}
.wrap-sub-navi .sub-util .sub-favo:hover {}
.wrap-sub-navi .sub-util .sub-share { background: url('/sites/styleguide/images/common/btn_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-share:hover.wrap-sub-navi .sub-util .box-sub-share {transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-print { background: url('/sites/styleguide/images/sub/btn_print.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:hover {transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}


/* 유틸_즐겨찾기 */
.wrap-sub-navi .sub-util .box-sub-favo {overflow:hidden; position:absolute; right:0px; top:100%; width:210px; max-height:0px; background:#fff; border:1px solid #cdcdcd; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:0; z-index: 10;}
.wrap-sub-navi .sub-util .box-sub-favo.on {max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:1;}
.wrap-sub-navi .sub-util .box-sub-favo  > strong {display:block; padding:10px 20px; border-bottom:1px solid #cdcdcd; font-family:'Noto Medium'; font-size:16px;}
.wrap-sub-navi .sub-util .box-sub-favo ul li {padding:10px 20px;}
.wrap-sub-navi .sub-util .box-sub-favo ul li:hover {background:#f5f5f5;}
.wrap-sub-navi .sub-util .box-sub-favo ul li a span {display:none;}
.wrap-sub-navi .sub-util .box-sub-favo .close {position:absolute; right:0px; top:0px; width:47px; height:47px; background:url('/sites/styleguide/images/common/btn_favo_close.png') no-repeat center center; text-indent:-9999px;}
.wrap-sub-navi .sub-util .box-sub-favo .close:hover {transform: rotate( 180deg ); transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .box-sub-favo .del {width:17px; height:17px; margin:0 0 0 10px; background:url('/sites/styleguide/images/common/btn-favo-del.png') no-repeat center center; text-indent:-9999px;}
.wrap-sub-navi .sub-util .box-sub-favo .favo-content-box{background-color: #f0f0f0; text-align: center; border-bottom: 1px solid #cdcdcd; padding: 10px 0;}
.wrap-sub-navi .sub-util .box-sub-favo .favo-content-box strong{display: block; font-size: 14px; line-height: 20px; padding: 0 10px; word-break: keep-all;}
.wrap-sub-navi .sub-util .box-sub-favo .favo-content-box .add{border-radius: 5px; color: white; display: inline-block; font-size: 14px; font-family: 'Noto Regular'; padding: 5px 35px 5px 15px; background: #1678e2 url(/sites/styleguide/images/common/menu-more.png) no-repeat right 15px center; margin-top: 10px;}
.wrap-sub-navi .sub-util .box-sub-favo .list{border-bottom: 1px solid #cdcdcd;}
.wrap-sub-navi .sub-util .box-sub-favo .reset{border: 1px solid #50555d; text-align: center; padding: 5px 0; border-radius: 5px; margin: 15px auto; width: 80px; display: block;}




/* 유틸_공유 */
.wrap-sub-navi .sub-util .box-sub-share {overflow:hidden; position:absolute; left:0px; top:65px; width:70px; max-height:0px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:0; left: -10px;}
.wrap-sub-navi .sub-util .box-sub-share.on {max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); opacity:1; z-index: 200;}
.wrap-sub-navi .sub-util .box-sub-share .close {width:100%; height: 70px; background: #d9d9d9 url('/sites/styleguide/images/common/btn_share_close.png') no-repeat center center; text-indent: -9999px; border: 1px solid #3e454c; border-bottom: 0;}
.wrap-sub-navi .sub-util .box-sub-share ul {background:#fff; padding:5px 0; border:1px solid #3e454c;}
.wrap-sub-navi .sub-util .box-sub-share ul button {position:relative; display:block; width:100%; height:50px; text-indent:-9999px;}
.wrap-sub-navi .sub-util .box-sub-share ul button:after {content:''; position:absolute; bottom:0px; left:50%; width:30px; height:1px; background:#e5e5e5; transform: translate(-50%,0);}
.wrap-sub-navi .sub-util .box-sub-share ul li:last-child button:after {display:none;}
.wrap-sub-navi .sub-util .box-sub-share .fb {background: url('/sites/styleguide/images/common/ico_sns_fb.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .tw {background: url('/sites/styleguide/images/common/ico_sns_tw.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .pin {background: url('/sites/styleguide/images/common/ico_sns_pin.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .insta {background: url('/sites/styleguide/images/common/ico_sns_insta.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .kakao {background: url('/sites/styleguide/images/common/ico_sns_kakao.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .addr {background: url('/sites/styleguide/images/common/ico_sns_addr.png') no-repeat center center;}
@media all and (max-width:768px) {
  .wrap-sub-navi {position: relative; z-index: 100; top: 0px; right: 0;}
  .wrap-sub-navi .container {max-width: 100%; padding: 0; background: transparent; height: 50px; border-bottom: 0;}
  .wrap-sub-navi .sub-navi > ul::after {content:""; display: block; clear:both;}
  .wrap-sub-navi .sub-navi > ul > li {position: relative; float: left; border: 1px solid #ddd; border-right: 0; }
  .wrap-sub-navi .sub-navi > ul > li.home {display: none;}
  .wrap-sub-navi .sub-navi > ul > li > .inner {padding: 0; min-width: auto;}
  .wrap-sub-navi .sub-navi.third > ul > li {width: 33.33%;}
  .wrap-sub-navi .sub-navi.third > ul > li:nth-child(5) {border:0;}
  .wrap-sub-navi .sub-navi.second > ul > li {width: 50%;}
  .wrap-sub-navi .sub-navi.second > ul > li:nth-child(4), .wrap-sub-navi .sub-navi.second > ul > li:nth-child(5) {border:0;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {position:relative; display: inline-block; padding: 5px 20px 5px 10px; width: 100%; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; min-width: auto; height: auto; line-height: 30px; background: none; text-align: left;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button::after {content: ""; position: absolute; height: 100%; width: 11px; margin-top: 0; right: 10px;     background: url('/sites/styleguide/images/common/btn_submenu.png') no-repeat center; top: 0;}
  .wrap-sub-navi .sub-navi .navUl {top: 100%; border: 1px solid #ddd; border-top: 0;}
  .wrap-sub-navi .sub-navi .navUl:after {display: none;}
  .wrap-sub-navi .sub-navi .navUl a {font-size: 14px; padding: 5px 10px;}
  .wrap-sub-navi .sub-navi .navUl.on {border: 1px solid #ddd;}
  .wrap-sub-navi .sub-navi .navUl a[target="_blank"] {padding: 5px 30px 5px 10px;}
  .wrap-sub-navi .sub-navi .navUl a[target="_blank"] span:before {top: 10px;}

  .wrap-sub-navi .sub-util{display: none; right: 5px;}
  .wrap-sub-navi .sub-util .box-sub-share{top: 50px; left: -10px; width: 50px;}
  .wrap-sub-navi .sub-util .sub-share{height: 50px;}
  .wrap-sub-navi .sub-util > ul > li{display: none}
  .wrap-sub-navi .sub-util > ul > li:nth-child(1){display: block;}
  .wrap-sub-navi .sub-util .box-sub-share .close {height: 50px;}


  /*.wrap-sub-navi .sub-util{right: 5px;}
  .wrap-sub-navi .sub-util .box-sub-share{top: 50px; left: -10px; width: 50px;}
  .wrap-sub-navi .sub-util .sub-share{height: 50px;}
  .wrap-sub-navi .sub-util > ul > li{display: none}
  .wrap-sub-navi .sub-util > ul > li:nth-child(1){display: block;}
  .wrap-sub-navi .sub-util .box-sub-share .close {height: 50px;}
  .wrap-contents {margin-top: -50px;}*/
}

/* 현재위치모바일 */
#_pageNavigation{display: none;}
@media all and (max-width: 768px ){
  #_pageNavigation{display: none; padding: 12px 20px 17px; border-bottom: 1px solid rgba(0,0,0,0.1);}
	#_pageNavigation::after{content:"";display: table;clear: both}
	#_pageNavigation li:first-child{margin-left: 0;}
	#_pageNavigation li:last-child{color: black;}
	#_pageNavigation li.home{width: 14px; height: 15px; background: url(/sites/styleguide/images/common/pageNavhome.png) no-repeat center center; text-indent: -9999px; padding-right: 0}
	#_pageNavigation li{font-size: 14px; font-family: 'Noto Light'; color: #666666; line-height: 15px; position: relative; padding-right: 15px; margin-top: 5px;}
	#_pageNavigation li .gt{text-indent: -9999px; width: 6px; height: 11px; display: inline-block; background: url(/sites/styleguide/images/common/pageNavGT.png) no-repeat center center; margin-top: 2px; position: absolute; right: 0;}
	#_pageNavigation li:last-child .gt{background: url(/sites/styleguide/images/common/pageNavGT_on.png)};

  /*#_pageNavigation{display: block; padding: 17px 20px; border-bottom: 1px solid rgba(0,0,0,0.1);}
  #_pageNavigation::after{content:"";display: table;clear: both}
  #_pageNavigation li:first-child{margin-left: 0;}
  #_pageNavigation li:last-child{color: black;}
  #_pageNavigation li.home{width: 14px; height: 15px; background: url(/sites/styleguide/images/common/pageNavhome.png) no-repeat center center; text-indent: -9999px; padding-right: 0}
  #_pageNavigation li{font-size: 14px; font-family: 'Noto Light'; color: #666666; line-height: 15px; position: relative; padding-right: 15px;}
  #_pageNavigation li .gt{text-indent: -9999px; width: 6px; height: 11px; display: inline-block; background: url(/sites/styleguide/images/common/pageNavGT.png) no-repeat center center; margin-top: 2px; position: absolute; right: 0;}
  #_pageNavigation li:last-child .gt{background: url(/sites/styleguide/images/common/pageNavGT_on.png)};
  #_pageNavigation li:last-child .gt{background: none;}*/
}


/* 좌메뉴 */
.left-layout .sub-content {float: right; width: calc(96% - 310px);}
.left-layout .left-menu {float: left; width: 310px; margin-right: 4%;}
.left-layout .left-menu #menuUIsub .sub_div {border-bottom: 3px solid #111111; border-top: 3px solid #111111;}
.left-layout .left-menu #menuUIsub h2 {padding: 49px 0;  font-family: "Noto Medium"; font-size: 26px; font-weight: 500; text-align: left; line-height: 1.2; letter-spacing: -0.5px; color: #010101; }
.left-layout .left-menu #menuUIsub ul li.li_2._active {}
.left-layout .left-menu #menuUIsub ul li.li_2:first-child .a_2 {border-top: 0;}
.left-layout .left-menu #menuUIsub .a_2 {position: relative; display: block; padding: 20px 25px 20px 20px; border-top: 1px solid #d6d6d6; font-size: 18px; color:#666666; font-family: "Noto DemiLight";}
.left-layout .left-menu #menuUIsub .a_2 span {position: relative; z-index: 3;}
.left-layout .left-menu #menuUIsub .a_2._active,
.left-layout .left-menu #menuUIsub .a_2:hover {color: #fff;}
.left-layout .left-menu #menuUIsub .a_2::before {content: ""; position: absolute; width: calc(100% + 20px); height: 100%; left: -10px; top: 0; background: #53606F; z-index: 2; opacity: 0; transition: opacity 0.3s; box-shadow: 10px 10px 9px rgba(0, 0, 0, 0.2);}
.left-layout .left-menu #menuUIsub .a_2._active::before,
.left-layout .left-menu #menuUIsub .a_2:hover::before{opacity: 1;}
.left-layout .left-menu #menuUIsub .a_2::after {content: ""; position: absolute; width: 19px; height: 11px; background: url("/sites/styleguide/images/sub/ic_leftmenu.png") no-repeat; transform: rotate(0); transition: background 0.5s, transform 0.5s; left: 85%; top: 50%; margin-top: -5.5px; z-index: 2;}
.left-layout .left-menu #menuUIsub .a_2._active::after,
.left-layout .left-menu #menuUIsub .a_2:hover::after {background: url("/sites/styleguide/images/sub/ic_leftmenu_on.png") no-repeat; transform: rotate(360deg);}
.left-layout .left-menu #menuUIsub .div_3{position: relative; overflow: hidden; max-height: 0; z-index: 1;}
.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;margin:0;}
.left-layout .left-menu #menuUIsub .ul_3 > li{float:none;margin:0;}
.left-layout .left-menu #menuUIsub .ul_3 > li::before,
.left-layout .left-menu #menuUIsub .ul_3 > li::after{display:none;}
.left-layout .left-menu #menuUIsub .a_3{display: block; position: relative; padding: 7px 25px 7px 40px; font-size: 16px; color: #999999;}
.left-layout .left-menu #menuUIsub .a_3[target="_blank"]{background: url("/sites/styleguide/images/sub/ic_leftmenu_link.png") no-repeat 90% 17px;}
.left-layout .left-menu #menuUIsub .ul_3 > li > a::after{display:none;}
.left-layout .left-menu #menuUIsub .a_3:hover,
.left-layout .left-menu #menuUIsub .a_3._active{color: #111111;}
.left-layout .left-menu #menuUIsub .a_3:hover:before,
.left-layout .left-menu #menuUIsub .a_3._active::before{content: ""; position: absolute; left: 20px; top: 20px; width: 10px; height: 2px; background-color: #111111;}
@media all and (max-width: 1023px){
  .left-layout .sub-content {width: 100%;}
  .left-layout .left-menu {display: none;}
}
.sub-content .subject h2 {font-size: 36px; line-height: 36px; letter-spacing: -0.5px; color: #1e242e; font-family: "Noto Regular"; padding: 45px 0; border-bottom: 3px solid #DDDDDD;margin-bottom:50px;}
@media all and (max-width: 1023px) {
  .sub-content .subject h2{font-size: 30px;}
}


/* 탭메뉴 */
@media all and (min-width: 769px){
  /* .ul_3 {overflow: hidden; margin: 0 -10px;} */
  .wrap-contents .ul_4 {overflow: hidden; margin-bottom: 30px;}
  .wrap-contents .ul_4 > li {position: relative; float: left; margin: 5px 10px; width:auto;border-bottom:0;}
  .wrap-contents .ul_4 > li::before {content: ""; position: absolute; width: 3px; height: 10px; background: #C8C8C8; left: 0; bottom: 0;}
  .wrap-contents .ul_4 > li::after {content: ""; position: absolute; width: 3px; height: 10px; background: #C8C8C8; right: 0; bottom: 0;border:0;left:auto;top:auto;opacity: 0;transition: opacity 0.5s;}
  .wrap-contents .ul_4 > li > a {position: relative; display: block; padding: 15px 20px; z-index: 2; font-size: 16px; font-family: "Noto Medium"; transition: color 0.5s;}
  .wrap-contents .ul_4 > li > a::after {content: ""; position: absolute; z-index: -1; width: 100%; height: 3px; background: #C8C8C8; left: 0; bottom: 0; transition: height 0.5s;border:0;border-radius:0;right:auto;top:auto;}

  .wrap-contents .ul_4 > li:hover > a::after{width:100%;top:auto;border-radius:0;right:auto;}
  .wrap-contents .ul_4 > li:hover > a::after,
  .wrap-contents .ul_4 > li._active > a::after,
  .wrap-contents .ul_4 > li.on > a::after{height: 100%;background:#23499E;}
  .wrap-contents .ul_4 > li:hover > a,
  .wrap-contents .ul_4 > li._active > a,
  .wrap-contents .ul_4 > li.on > a{color: #fff;}

  .wrap-contents .ul_5 {overflow: hidden;}
  .wrap-contents .ul_5 > li {position: relative; float: left; width: 25%; border-bottom: 1px solid #CBCBCB;}
  .wrap-contents .ul_5 > li::before {content: ""; position: absolute; width: 1px; height: 20px; background: #CBCBCB; left: 0; top: 18px; transition: opacity 0.3s;}
  .wrap-contents .ul_5 > li::after {content: ""; position: absolute; width: 100%; height: 100%; box-sizing: border-box; border: 3px solid #23499E; left: 0; top: 0; opacity: 0; transition: opacity 0.5s;}
  .wrap-contents .ul_5 > li:nth-child(4n-3)::before {display: none;}
  .wrap-contents .ul_5 > li > a {position: relative; display: block; padding: 15px 50px 15px 20px; font-size: 16px; font-family: "Noto Light"; letter-spacing: -0.5px; color: #555555; z-index: 3;}
  .wrap-contents .ul_5 > li > a::after {content: ""; position: absolute; width: 25px; height: 25px; border: 1px solid #CBCBCB; border-radius: 50%; right: 20px; top: 15px; background: url("../../images/common/more_arrow_1.png") no-repeat center; transition: all 0.3s;}

  .wrap-contents .ul_5 > li:hover::before, .wrap-contents .ul_5 > li._active::before {opacity: 0;}
  .wrap-contents .ul_5 > li:hover + li::before, .wrap-contents .ul_5 > li._active + li::before {opacity: 0;}
  .wrap-contents .ul_5 > li:hover::after, .wrap-contents .ul_5 > li._active::after {opacity: 1;}
  .wrap-contents .ul_5 > li:hover > a::after, .wrap-contents .ul_5 > li._active > a::after {width: 19px; height: 4px; background: #91A4CE; top: 25px; border-radius: 0; right: 23px;}
}

.wrap-contents .tab_div > button {display: none;}

@media all and (max-width: 1023px){
  .wrap-contents .ul_4 > li {width: calc(33.33% - 20px);}
}
@media all and (max-width: 800px){
  .wrap-sub-navi .sub-util{right: 0px;}
}
@media all and (max-width: 768px){
  .wrap-contents .tab{margin-bottom:50px;}
  .wrap-contents .ul_4 > li {width: 100%;}
  .wrap-contents .tab_div {position: relative;}
  .wrap-contents .tab_div > ul {position: absolute; width: 100%; left: 0;  height: 0;  max-height: 0; overflow: hidden; transition: max-height 0.5s; background: #fff;}
  .wrap-contents .tab_div > ul.on {max-height: 400px; z-index: 3; height: auto;}
  .wrap-contents .tab_div.div_4 {margin-top: 30px;}
  .wrap-contents .tab_div.div_4 > button {position: relative; display: block; width: 100%; padding: 0 4%; height: 50px; line-height: 50px; font-size: 15px; letter-spacing: -0.5px; font-family: "Noto DemiLight"; background: #0090FF; text-align: left; color: #fff;}
  .wrap-contents .tab_div.div_4 > button::after {content: ""; position: absolute; width: 25px; height: 25px; background: url("../../images/sub/dep4_arrow.png") no-repeat; right: 4%; top: 50%; margin-top: -12.5px;}

  .wrap-contents .tab_div.div_4 ul {border: 2px solid #0090FF; z-index: 4;}
  .wrap-contents .tab_div.div_4 ul li a {position: relative; display: block; width: 100%; padding: 10px 4%; font-size: 15px; letter-spacing: -0.5px; color: #464646; font-family: "Noto DemiLight"; transition: all 0.3s;}
  .wrap-contents .tab_div.div_4 ul li:hover a {background: #D9E4ED; color: #0090ff;}
  .wrap-contents .tab_div.div_4 ul li a[target="_blank"]::after {content: ""; position: absolute; right: 4%; width: 16px; height: 14px; background: url("../../images/sub/ic_link.png") no-repeat; top: 14px;}

  .wrap-contents .tab_div.div_5 {margin-top: 10px;}
  .wrap-contents .tab_div.div_5 > button {position: relative; display: block; width: 100%; padding: 0 4%; height: 50px; line-height: 50px; font-size: 14px; letter-spacing: -0.5px; text-align: left; color: #183d93; border: 1px solid #183d93;}
  .wrap-contents .tab_div.div_5 > button::after {content: ""; position: absolute; width: 15px; height: 9px; background: url("../../images/sub/dep5_arrow.png") no-repeat; right: 4%; top: 50%; margin-top: -4.5px;}

  .wrap-contents .tab_div.div_5 ul {border: 1px solid #183d93; border-top: 0;}
  .wrap-contents .tab_div.div_5 ul li a {position: relative; display: block; width: 100%; padding: 10px 4%; font-size: 14px; letter-spacing: -0.5px; color: #464646; transition: all 0.3s;}
  .wrap-contents .tab_div.div_5 ul li:hover a {background: #D8DEED; color: #183d93;}
  .wrap-contents .tab_div.div_5 ul li a[target="_blank"]::after {content: ""; position: absolute; right: 4%; width: 16px; height: 14px; background: url("../../images/sub/ic_link.png") no-repeat; top: 14px;}
}


/*20210817추가*/
.no-data .popup-num{display:none;}

/*.newWin .inner{background: url("/sites/styleguide/images/common/aLink_1_b.png") no-repeat right center;}*/
/*
.wrap-header .head-navi .div_2 .a_2[target=_blank] span:before {content: '';display:inline-block; width: 14px; height: 14px; background: url(/sites/styleguide/images/common/aLink_3_w.png) no-repeat center;}
*/
.wrap-header .head-navi .div_2 .a_2[target=_blank] span:before {content: '';display:inline-block; width: 14px; height: 14px; background: url(/sites/styleguide/images/common/aLink_3_w.png) no-repeat center; position:absolute; right:-21px; top:4px; }
@media all and (max-width: 1023px) {
  .wrap-header .head-navi .div_2 .a_2[target=_blank] span:before { background: url(/sites/styleguide/images/common/aLink_3_g.png); }
}