@charset "utf-8";

/* Body Mobile Loaded */
@media screen and (max-width: 1200px) {
    body {opacity: 0}
    body.loaded {opacity: 1;}
}

body, html, input, button {font-family: ncm;}

.fnct-list {position:absolute !important; left:-30px; bottom:5px; width:25px; height:25px;}
.fnct-list a._fnctAdmin {width:25px !important; height: 25px !important;}

.inner {width: 100%; max-width: 1660px; margin: 0 auto;}
.wrap-sub-visual .inner,
.wrap-tab .inner,
.tab-import .inner,
.wrap-con .inner {max-width: 1480px;}

@media screen and (max-width: 1700px) {
  .inner {padding: 0 30px;}
}

@media screen and (max-width: 1500px) {
  .wrap-sub-visual .inner,
  .wrap-tab .inner,
  .tab-import .inner,
  .wrap-con .inner {padding: 0 30px;}
}

@media screen and (max-width: 700px) {
  .inner,
  .wrap-sub-visual .inner,
  .wrap-tab .inner,
  .tab-import .inner,
  .wrap-con .inner {padding: 0 20px;}
  .wrap-sub-navi .inner {padding: 0;}
}

/* Header */
.wrap-header {position: fixed; left: 0; top: 0; width: 100%; z-index: 100;}
.wrap-header > .inner {display: flex; justify-content: space-between; align-items: center; max-width: 1820px; height: 120px; transition: height .35s;}
.wrap-header.scrolled > .inner {height: 65px;}
.head-logo {flex-shrink: 0; width: 345px;}
.wrap-header.scrolled .head-logo {width: 345px;}
.head-logo img {position: relative; top: -5px;}
.wrap-header.scrolled .head-logo img {width: 210px;}
.wrap-header.scrolled .head-logo img {position: relative; top: -1px;}
.head-logo .color {display: none;}
.wrap-header.scrolled .head-logo .color,
.wrap-header.white .head-logo .color,
.wrap-header:hover .head-logo .color,
.usefull .wrap-header .head-logo .color {display: inline-block;}
.wrap-header.scrolled .head-logo .white,
.wrap-header.white .head-logo .white,
.wrap-header:hover .head-logo .white,
.usefull .wrap-header .head-logo .white {display: none;}

.btn-gnb-open,
.head-mobile-top,
.head-mobile-util {display: none;}

.head-navi {flex-grow: 1; padding-left: 6.4%;}
.head-navi .container {align-items: start;}

.head-navi .div_1 .li_1 {display:inline-block;}
.head-navi .div_1 .li_1:last-child,
.head-navi .div_1 .li_1.li_1_1753 {display: none;}
.head-navi .div_1 .a_1 {display: flex; align-items: center; height: 120px; padding: 0 34px; font-family: ncb; font-size: 20px; color: #fff; transition: all .3s;}
.wrap-header.scrolled,
.wrap-header.white,
.wrap-header:hover {background: rgba(255,255,255,1); box-shadow: 0 0 10px rgba(0,0,0,.3);}
.wrap-header.scrolled .head-navi .div_1 .a_1 {height: 65px;}
.wrap-header.scrolled .head-navi .div_1 .a_1,
.wrap-header.white .head-navi .div_1 .a_1,
.wrap-header:hover .head-navi .div_1 .a_1,
.usefull .wrap-header .head-navi .div_1 .a_1 {color: #111;}

.head-navi .div_2 {overflow: hidden; position: absolute; left: 50%; top: 100%; z-index: 110; width: 100%; max-height: 900px; min-height: 305px; background: #fff; text-align: left; opacity: 0; visibility: hidden; transition: opacity 0s, visibility 0s; transform: translate(-50%, 0);}
.head-navi .div_2.on {opacity: 1; border-top: 1px solid #f3f3f3; visibility: visible; transition: opacity 0.5s, visibility 0.5s;}
.head-navi .div_2::after {content: ""; position: absolute; left: 50%; top: 0px; z-index: -1; width: 350px; height: 100%; margin-left: -50.2%;}
.head-navi .div_2 .inner {display: flex; justify-content: space-between; align-items: flex-start; max-width: 1720px;}
.head-navi .div_2 .title {flex-shrink: 0; width: 290px;}
.head-navi .div_2 .title strong {position: relative; display: inline-block; margin-top: 34px; font-family: ncb; font-size: 35px; color: #000000;}
/* .head-navi .div_2 .title strong::before {content: ''; position: absolute; left: 81%; bottom: 66%; width: 122px; height: 94px; background: url('../../images/common/deco-gnb.png') no-repeat center;} */
.head-navi .div_2 .title p {margin-bottom: 40px; font-family: ncm; font-size: 20px; color: #fff;}
.head-navi .div_2 .title p::before {font-family: ncm; font-size: 20px; letter-spacing: normal; color: #666666;}
.head-navi .div_2 .title p.menu1::before {content: 'Flight information';}
.head-navi .div_2 .title p.menu2::before {content: 'Airport Guide';}
.head-navi .div_2 .title p.menu3::before {content: 'Transportation · Parking';}
.head-navi .div_2 .title p.menu4::before {content: 'Airport Facilities';}
.head-navi .div_2 .title p.menu5::before {content: 'Customer Center';}
.head-navi .div_2 .ul_2 {overflow: hidden; position: relative; flex-grow: 1; display: flex; flex-wrap: wrap; margin: 0 auto; padding-bottom: 40px; padding-left: 20px;}
.head-navi .div_2 .li_2 {position: relative; display: inline-block; width: 16.666%; margin-top: 30px; padding: 0 10px; vertical-align: top;}
.head-navi .div_2 .a_2 {position: relative; display: flex; align-items: center; height: 50px; padding: 0 20px; border: 1px solid #c5c9d6; border-radius: 5px; font-family: ncm; font-size: 16px; text-align: left; line-height: 1; color: #333333; transition: all 0.3s;}
.head-navi .div_2 .a_2.plus {position: relative;}
.head-navi .div_2 .a_2.plus::after {content: ''; position: absolute; right: 20px; top: 20px; width: 11px; height: 7px; background: url('../../images/common/arr-a2.png') no-repeat center top / cover;}
.head-navi .div_2 .a_2.plus:hover::after {background-position: center bottom;}
.head-navi .div_2 .a_2[target=_blank]::after {content: ''; position: absolute; right: 20px; top: 17px; width: 13px; height: 13px; background: url('../../images/common/ic-a2-blank.png') no-repeat center top;}
.head-navi .div_2 .a_2[target=_blank]:hover::after {background-position: center bottom;}
.head-navi .div_2 .a_2._active,
.head-navi .div_2 .a_2.line,
.head-navi .div_2 .a_2:hover {border: 1px solid #1473e6; color: #1473e6;}

.head-navi .div_3 .ul_3 {margin-top: 20px;}
.head-navi .div_3 .li_3 {padding-bottom: 5px; text-align: left;}
.head-navi .div_3 .a_3 {display: inline-block; position: relative; padding-left: 15px; font-family: ncm; font-size: 16px; word-break: break-all; color: #666666; transition: all 0.3s;}
.head-navi .div_3 .a_3._active,
.head-navi .div_3 .a_3:hover {color: #1473e6;}
.head-navi .div_3 .a_3::before {content: ''; position: absolute; left: 0; top: 9px; width: 4px; height: 4px; background: #c0c5ce;}
.head-navi .div_3 .a_3._active::before,
.head-navi .div_3 .a_3:hover::before {background: #1473e6;}
.head-navi .div_3 .a_3[target=_blank]::after {content: ''; position: relative; top: 2px; display: inline-block; width: 13px; height: 13px; margin: 0 0 0 10px; background: url('../../images/common/ic-a2-blank.png') no-repeat center top;}
.head-navi .div_3 .a_3[target=_blank]:hover::after {background-position: center bottom;}
.head-navi .div_3 .a_3 span {position: relative;}
.head-navi .div_3 .a_3 span::before {content: ''; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background: #4e96ec; transition: width .5s;}
.head-navi .div_3 .a_3._active span::before,
.head-navi .div_3 .a_3:hover span::before {width: 100%;}

.head-util {flex-shrink: 0; display: flex; justify-content: space-between; align-items: center; width: 422px;}
.head-util .util-box {display: flex; align-items: center; padding-right: 30px;}
.head-util .util-lang {position: relative;}
.head-util .util-lang button {display: flex; align-items: center; font-family: ncb; font-size: 14px; color: #fff;}
.wrap-header.scrolled .head-util .util-lang button,
.wrap-header.white .head-util .util-lang button,
.wrap-header:hover .head-util .util-lang button,
.usefull .wrap-header .head-util .util-lang button {color: #000;}
.head-util .util-lang button::before {content: ''; display: inline-block; width: 25px; height: 25px; border: 1px solid #d1d1d1; border-radius: 100%;}
.head-util .util-lang button.kor::before {background: url('../../images/common/ic-lang-kor.png') no-repeat center;}
.head-util .util-lang button.eng::before {background: url('../../images/common/ic-lang-eng.png') no-repeat center;}
.head-util .util-lang button.chn::before {background: url('../../images/common/ic-lang-chn.png') no-repeat center;}
.head-util .util-lang button.jpn::before {background: url('../../images/common/ic-lang-jap.png') no-repeat center;}
.head-util .util-lang button::after {content: ''; display: inline-block; width: 11px; height: 7px; background-color: #fff; mask: url('../../images/common/ic-lang-white.png') no-repeat center; -webkit-mask: url('../../images/common/ic-lang-white.png') no-repeat center; }
.wrap-header.scrolled .head-util .util-lang button::after,
.wrap-header.white .head-util .util-lang button::after,
.wrap-header:hover .head-util .util-lang button::after,
.usefull .wrap-header .head-util .util-lang button::after {background-color: #000;}
.head-util .util-lang button span {display: inline-block; margin: 0 10px;}
.head-util .util-lang .list {overflow: hidden; position: absolute; left: 0; top: 150%; z-index: 110; width: 100%; max-height: 0; padding: 10px 10px; background: rgba(0,0,0,.8); border-radius: 5px; opacity: 0; transition: max-height .35s;}
.head-util .util-lang .list.on {max-height: 130px; opacity: 1;}
.head-util .util-lang .list a {display: block; padding: 5px 0 5px 32px; font-family: ncb; font-size: 14px; letter-spacing: normal; color: #fff;}
.head-util .util-lang .list a:hover {color: #ff9000;}
.head-util .util-lang .list a.ico-kor {background: url('../../images/common/ic-lang-kor.png') no-repeat left center;}
.head-util .util-lang .list a.ico-eng {background: url('../../images/common/ic-lang-eng.png') no-repeat left center;}
.head-util .util-lang .list a.ico-chn {background: url('../../images/common/ic-lang-chn.png') no-repeat left center;}
.head-util .util-lang .list a.ico-jpn {background: url('../../images/common/ic-lang-jap.png') no-repeat left center;}

.head-util .util-pop button {display: flex; align-items: center; margin-left: 15px; font-family: ncb; font-size: 14px; color: #fff;}
.wrap-header.scrolled .head-util .util-pop button,
.wrap-header.white .head-util .util-pop button,
.wrap-header:hover .head-util .util-pop button,
.usefull .wrap-header .head-util .util-pop button {color: #000;}
.head-util .util-pop .num {display: inline-block; width: 20px; height: 20px; margin-left: 5px; background: #ff9000; border-radius: 100%; font-size: 12px; color: #fff;}
.head-util .util-link {flex-shrink: 0; width: 215px; position: relative;}
.head-util .util-link #_gnb {display: flex;}
.head-util .util-link ul {display: flex; justify-content: space-between; align-items: center;}
.head-util .util-link ul li {position: relative;}
.head-util .util-link ul li::after {position: absolute; left: 50%; top: 120%; display: flex; align-items: center; height: 25px; padding: 0 10px; background: #3c3c3c; border-radius: 100px; font-family: ncm; font-size: 14px; color: #fff; opacity: 0; transform: translate(-50%, 0); transition: .35s;}
.head-util .util-link ul li:hover::after {opacity: 1;}
.head-util .util-link ul li.ico1::after {content: '机场地图';}
.head-util .util-link ul li.ico2::after {content: '定制型服务';}
.head-util .util-link ul li.ico3::after {content: '登录';}
.head-util .util-link ul li.ico3.logout::after {content: '退出';} 
.head-util .util-link ul li.ico3.mypage::after {content: '我的页面';} 
.head-util .util-link ul li.ico4::after {content: '搜索';}
.head-util .util-link ul a, 
.head-util .util-link ul button {position: relative; display: block; width: 35px; height: 35px; text-indent: -99999px; margin: 0 2px;}
.head-util .util-link ul a.ico1 {background-color: #fff; mask: url('../../images/common/ic-top-util1-white.png') no-repeat center center; -webkit-mask: url('../../images/common/ic-top-util1-white.png') no-repeat center center;}
.head-util .util-link ul a.ico2 {background-color: #fff; mask: url('../../images/common/ic-top-util2-white.png') no-repeat center center; -webkit-mask: url('../../images/common/ic-top-util2-white.png') no-repeat center center;}
.head-util .util-link ul a.ico3 {background-color: #fff; mask: url('../../images/common/ic-top-util3-1-white.png') no-repeat center center; -webkit-mask: url('../../images/common/ic-top-util3-1-white.png') no-repeat center center;}
.head-util .util-link ul .logout a.ico3 {mask: url('../../images/common/ic-top-util3-2-white.png') no-repeat center center; -webkit-mask: url('../../images/common/ic-top-util3-2-white.png') no-repeat center center;}
.head-util .util-link ul .mypage a.ico3 {mask: url('../../images/common/ic-top-util4-white.png') no-repeat center center; -webkit-mask: url('../../images/common/ic-top-util4-white.png') no-repeat center center;}
.head-util .util-link ul button.ico4 {background-color: #fff; mask: url('../../images/common/ic-top-util5-white.png') no-repeat center center; -webkit-mask: url('../../images/common/ic-top-util5-white.png') no-repeat center center;}
.wrap-header.scrolled .head-util .util-link ul a,
.wrap-header.scrolled .head-util .util-link ul button,
.wrap-header.white .head-util .util-link ul a,
.wrap-header.white .head-util .util-link ul button,
.wrap-header:hover .head-util .util-link ul a,
.wrap-header:hover .head-util .util-link ul button,
.usefull .wrap-header .head-util .util-link ul a,
.usefull .wrap-header .head-util .util-link ul button {background-color: #283c82;}
.head-sitemap {flex-shrink: 0; width: 55px; text-align: right; font-size: 0;}
.head-sitemap a {display: inline-block; width: 24px; height: 21px; background: #fff; mask: url('../../images/common/ic-hamburg-white.png') no-repeat center; -webkit-mask: url('../../images/common/ic-hamburg-white.png') no-repeat center;}
.wrap-header.scrolled .head-sitemap a,
.wrap-header:hover .head-sitemap a,
.usefull .wrap-header .head-sitemap a {background-color: #000000;}

@media screen and (max-width: 1860px) {
    .wrap-header > .inner {padding: 0 30px;}
    .head-navi {padding-left: 4%;}
  .head-navi .div_1 .a_1 {padding: 0 29px;}
  .head-navi .div_2 .title {display: none;}
  .head-navi .div_2 .ul_2 {padding-left: 0;}
}

@media screen and (max-width: 1700px) {
  .head-navi {padding-left: 2%;}
  .head-navi .div_1 .a_1 {padding: 0 24px;}
}

@media screen and (max-width: 1650px) {
  .head-logo,
  .wrap-header.scrolled .head-logo {width: 280px;}
  .head-navi .div_1 .a_1 {padding: 0 14px;}
}

@media screen and (max-width: 1450px) {
  .head-logo,
  .wrap-header.scrolled .head-logo {width: 200px;}
  .head-navi .div_1 .a_1 {padding: 0 9px; font-size: 17px;}
  .head-util .util-link {width: 180px;}
  .head-util {width: auto;}
}

@media screen and (max-width: 1200px) {
  .head-logo {width: 240px;}

  .btn-gnb-open {display: block; flex-shrink: 0; width: 55px; text-align: right;  font-size: 0;}
  .btn-gnb-open button {display: inline-block; width: 24px; height: 21px; background: #fff; mask: url('../../images/common/ic-hamburg-white.png') no-repeat center; -webkit-mask: url('../../images/common/ic-hamburg-white.png') no-repeat center; font-size: 0;}
  .wrap-header.scrolled .btn-gnb-open button,
  .wrap-header.white .btn-gnb-open button,
  .wrap-header:hover .btn-gnb-open button,
  .usefull .wrap-header .btn-gnb-open button {background-color: #000000;}
  .btn-gnb-close {width: 23px; height:100%; background: url('../../images/common/ic-navi-close.png') no-repeat center center; flex-shrink:0;}
  .btn-gnb-close.on {display: block;}
  .btn-gnb-close button {display: block; width: 100%; height: 100%; text-indent: -99999px;}

  .head-navi {position: fixed; right: -100%; top: 0px; z-index: 120; width: 100%; max-width: 500px; height: 100%; padding: 0; background: #1473e6; opacity: 0; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);}
  .head-navi.on {overflow: auto; right: 0; opacity: 1; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);}
  .head-navi .menuUItop {position: relative; height: calc(100% - 95px);}

  .head-navi .div_1 .li_1 {position: static; display: block; width: 100%; padding: 0px;}
  .head-navi .div_1 .li_1:first-child {margin-top: 35px;}
  .head-navi .div_1 .li_1.li_1_1019,
  .head-navi .div_1 .li_1:last-child {display: inline-block;}
  .head-navi .div_1 .a_1 {position: relative; width: 40%; height: auto !important; padding: 15px 0 15px 20px; background-image: none; background-position: right center; font-family: ncb; font-size: 19px; text-align: left; color: #fff;}
  .head-navi .div_1 .a_1.on::after {content: ''; position: absolute; left: 0; top: 0; z-index: 150; width: calc(100% + 30px); height: 100%; background: #191919; border-radius: 0 100px 100px 0;}
  .head-navi .div_1 .a_1 span {position: relative; z-index: 160;}
  .wrap-header.scrolled .head-navi .div_1 .a_1,
  .wrap-header:hover .head-navi .div_1 .a_1,
  .usefull .wrap-header .head-navi .div_1 .a_1 {color: #fff;}
  .head-navi .div_2 {left: 0; top: 0; transform: translate(0);}
  .head-navi .div_2::after {display: none;}
  .head-navi .div_2 .inner {padding: 40px 30px 0 50px;}
  .head-navi .div_2.on {overflow: auto; width: 60% !important; right: 0px; left: auto; top: 0; max-height: none; height: calc(100% + 40px); margin-top: -35px; padding: 0; background:#fff; border: 0; border-radius: 40px 0 0 0; transition-property: none;}
  .head-navi .div_2::-webkit-scrollbar {width: 12px;}
  .head-navi .div_2::-webkit-scrollbar-thumb {background-color: #609015; border: 2px solid #ececec; border-radius: 10px;}
  .head-navi .div_2::-webkit-scrollbar-track {background-color: #ececec;}
  .head-navi .div_2 .container {padding: 0px;}
  .head-navi .div_2 .ul_2 {display: block; border: 0;}
  .head-navi .div_2 .ul_2::after {display: none;}
  .head-navi .div_2 .ul_2::before {display: none;}
  .head-navi .div_2 .li_2 {display: block; width: 100%; margin: 0; padding:0px; border:0px;}
  .head-navi .div_2 .li_2::before {display: none;}
  .head-navi .div_2 .a_2 {width: 100%; min-height: 35px; height:auto; margin-bottom: 10px; padding: 7px 30px 7px 20px; font-family: ncm; font-size: 16px; color:#333;}
  .head-navi .div_2 .a_2[target=_blank]::after {right: 10px; top: 10px;}
  .head-navi .div_2 .a_2 span{padding: 0;}
  .head-navi .div_2 .a_2.plus::after {right: 17px; top: 14px;}
  .head-navi .div_2 .a_2.plus[target=_blank]::after {top: 11px;}

  .head-navi .div_3 {overflow: hidden; display: block; width: 100%; max-height: 0px; padding: 0; transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
  .head-navi .div_3.on {max-height: 500px; transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
  .head-navi .div_3 .ul_3 {margin-top: 0; margin-bottom: 5px; padding-left: 10px;}

  .head-util {flex-grow: 1; justify-content: flex-end;}
  .head-util .util-box {padding-right: 40px;}

  .head-mobile-top {position: relative; z-index: 200; display: flex; height: 95px; padding: 0 30px;}
  .head-mobile-top .head-util {justify-content: space-between; width: 100%;}
  .head-mobile-top .head-util .util-box {padding-right: 20px;}
  .head-mobile-top .head-util .util-link ul a,
  .head-mobile-top .head-util .util-link ul button {background-color: #fff !important;}
  .head-mobile-top .head-util .util-lang button::after {background-color: #fff !important;}
  .head-mobile-top .head-util .util-lang button {color: #fff !important;}
  .head-mobile-top .head-util .util-pop button {color: #fff !important;}
  .head-mobile-top .head-util .util-link ul li::after {top: 110%; height: 20px; font-size: 12px;}
  .head-mobile-top .head-util .util-lang .list a {font-size: 12px;}
  /* 모바일 gnb 상단 검색창 숨김 */
  .head-mobile-top .head-util li:last-child {display: none;}
  .head-sitemap {display: none;}
}

@media screen and (max-width: 820px) {
  .head-util .util-box {display: none;}
  .head-mobile-top .head-util .util-box {display: flex;}
}

@media screen and (max-width: 700px) {
    .wrap-header > .inner {height: 90px;}
    .wrap-header.scrolled .head-logo,
    .head-logo {width: 100%; text-align: center;}
    .head-logo a {padding: 30px 0;}
    .wrap-header.scrolled .head-logo a {padding: 19px 0;}
    .head-logo img {width: 200px; top: 0;}
    .btn-gnb-open {position: absolute; left: 0; top: 0; width: 90px;}
    .btn-gnb-open button {width: 90px; height: 90px;}
    .wrap-header.scrolled .btn-gnb-open {width: 65px;}
    .wrap-header.scrolled .btn-gnb-open button {width: 90px; height: 65px;}
    .head-util {position: static;}
    .head-util .util-link {position: absolute; right: 30px; top: 29px; width: auto;}
    .wrap-header.scrolled .head-util .util-link {top: 13px;}
    .head-util .util-link ul {justify-content: flex-start;}
    .head-util .util-link ul a {display: none;}
    .head-util .util-link ul a.ico4 {display: block;}
    .head-mobile-top .head-util .util-link {position: static; width: 160px;}
    .head-mobile-top .util-link ul a {display: block;}
    .head-util .util-link ul li::after {display: none;}
}

/* Floating */
.wrap-floating {position: fixed; right: 0; top: calc(50% - 105px); z-index: 1; width: 70px; height: 210px; background: #002d64;}
.wrap-floating button {display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; padding-top: 12px; font-family: ncm; font-size: 16px; color: #fff;}
.wrap-floating button::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 70px; background: #fff url('../../images/svg/ic-float-open.svg') no-repeat center;}

/* Sub Visual */
.wrap-sub-visual {position: relative; height: 390px; background-attachment: fixed !important; background-size: cover auto;}
.wrap-sub-visual.none,
.wrap-sub-visual.m1 {background: url('../../images/common/bg-sub-visual1-small.jpg') no-repeat center top;}
.wrap-sub-visual.m2 {background: url('../../images/common/bg-sub-visual2-small.jpg') no-repeat center top;}
.wrap-sub-visual.m3 {background: url('../../images/common/bg-sub-visual3-small.jpg') no-repeat center top;}
.wrap-sub-visual.m4 {background: url('../../images/common/bg-sub-visual4-small.jpg') no-repeat center top;}
.wrap-sub-visual.m5 {background: url('../../images/common/bg-sub-visual5-small.jpg') no-repeat center top;}
.wrap-sub-visual.m6 {background: url('../../images/common/bg-sub-visual6-small.jpg') no-repeat center top;}
.wrap-sub-visual.m7 {background: url('../../images/common/bg-sub-visual7-small.jpg') no-repeat center top;}
.sub-info {position: absolute; left: 0; top: 34%; width: 100%;}
.sub-info.move {top: 39%;}
.sub-info .inner {position: relative;}
.sub-info .sub-title em {display: block; font-family: ncm; font-size: 20px; letter-spacing: 0; color: #fff;}
.sub-info .sub-title strong {display: block; margin-top: 18px; font-family: ncb; font-size: 46px; line-height: 1.1; color: #fff;}
.sub-info .sub-navi {margin-top: 19px;}
.sub-info .sub-navi .inner {padding: 0;}
.sub-info .sub-navi > ul {display: flex; align-items: center; font-size: 0;}
.sub-info .sub-navi > ul > li {position: relative; margin-right: 15px; padding-right: 20px; background: url('../../images/common/ic-sub-navi-arrow.png') no-repeat right center;}
.sub-info .sub-navi > ul > li.last {background: none;}
.sub-info .sub-navi > ul > li > .inner > button {padding-right: 20px; background: url('../../images/common/ic-sub-navi-open.png') no-repeat right center; font-family: ncm; font-size: 16px; color: #fff;}
.sub-info .sub-navi .home a {display: block; width: 18px; height: 18px; background: url('../../images/common/ic-sub-navi-home.png'); text-indent: -99999px;}
.sub-info .sub-navi > strong {width: 155px; flex-shrink: 0; font-family: 'Mont Bold'; font-size: 18px; font-style: italic; color: #005128;}
.sub-info .sub-navi .navUl {visibility: hidden; overflow: hidden; position: absolute; left: 0; top: calc(100% + 10px); z-index: 5; width: 210px; max-height: 0; opacity: 0;}
.sub-info .sub-navi .navUl::-webkit-scrollbar {width: 11px;}
.sub-info .sub-navi .navUl::-webkit-scrollbar-thumb {background: linear-gradient(34deg, rgba(137,49,208,1) 0%, rgba(0,76,237,1) 100%); border: 3px solid #0c1f4d; border-radius: 10px;}
.sub-info .sub-navi .navUl.on {visibility: visible; overflow: hidden; overflow-y: auto; max-height: 187px; padding: 9px 0; background: #0c1f4d; border-radius: 5px; opacity: 1;}
.sub-info .sub-navi .navUl a {position: relative; display: block; padding: 6px 25px; font-family: ncm; font-size: 15px; color: #fff; word-break: keep-all;}
.sub-info .sub-navi .navUl a::before {content: ''; position: absolute; left: 10px; top: 14px; display: none; width: 4px; height: 4px; background: #fff; border-radius: 100%;}
.sub-info .sub-navi .navUl a._active::before,
.sub-info .sub-navi .navUl a:hover::before {display: block;}
.sub-info .sub-navi .navUl a[target=_blank]::after {content: ''; position: relative; top: 0px; display: inline-block; width: 14px; height: 14px; margin: 0 0 0 5px; background: url('../../images/common/new_win_gray.png') no-repeat 93% center;}
.sub-info .sub-float  {display: none; position: absolute; right: 0; bottom: -25%;}
.sub-info .sub-float .button {display: none; flex-direction: column; justify-content: center; align-items: center; width: 120px; height: 120px; background: #061028; border-radius: 20px 20px 5px 20px;}
.sub-info .sub-float .button a {display: flex;}
.sub-info .sub-float .button span {padding: 57px 10px 0 10px; font-family: ncm; font-size: 12px; color: #fafafa;}
.sub-info .sub-float .float1 span {background: url('../../images/common/ic-float-banner1.png') no-repeat center top;}
.sub-info .sub-float .float2 span {background: url('../../images/common/ic-float-banner2.png') no-repeat center top;}
.sub-info .sub-float .float3 span {background: url('../../images/common/ic-float-banner3.png') no-repeat center top;}
.sub-info .sub-float .float4 span {background: url('../../images/common/ic-float-banner4.png') no-repeat center top;}
.sub-info .sub-float .float5 span {background: url('../../images/common/ic-float-banner5.png') no-repeat center top;}

.page_1594 .sub-info .sub-float {display: block;}
.page_1594 .sub-info .float1 {display: flex;}

.page_1591 .sub-info .sub-float {display: block;}
.page_1591 .sub-info .float2 {display: flex;}

.page_1608 .sub-info .sub-float {display: block;}
.page_1608 .sub-info .float2 {display: flex;}

.page_1634 .sub-info .sub-float {display: block;}
.page_1634 .sub-info .float2 {display: flex;}

.page_1648 .sub-info .sub-float {display: block;}
.page_1648 .sub-info .float2 {display: flex;}

.page_1692 .sub-info .sub-float {display: block;}
.page_1692 .sub-info .float3 {display: flex;}

.page_1713 .sub-info .sub-float,
.page_1714 .sub-info .sub-float,
.page_1715 .sub-info .sub-float,
.page_1716 .sub-info .sub-float,
.page_6603 .sub-info .sub-float {display: block;}
.page_1713 .sub-info .float4,
.page_1714 .sub-info .float4,
.page_1715 .sub-info .float4,
.page_1716 .sub-info .float4,
.page_6603 .sub-info .float4 {display: flex;}

.page_1731 .sub-info .sub-float {display: block;}
.page_1731 .sub-info .float5 {display: flex;}

/*입구장혼잡도 강제 숨김*/
#menu1594_obj1309 {display: none !important;}
/*예상주차요금 강제 숨김*/
#menu1692_obj1171 {display: none !important;}

/*
@media screen and (min-width: 2000px) {
  .wrap-sub-visual {background-size: 100% auto;}
  .wrap-sub-visual.none,
  .wrap-sub-visual.m1 {background: url('../../images/common/bg-sub-visual1.jpg') no-repeat center top;}
  .wrap-sub-visual.m2 {background: url('../../images/common/bg-sub-visual2.jpg') no-repeat center top;}
  .wrap-sub-visual.m3 {background: url('../../images/common/bg-sub-visual3.jpg') no-repeat center top;}
  .wrap-sub-visual.m4 {background: url('../../images/common/bg-sub-visual4.jpg') no-repeat center top;}
  .wrap-sub-visual.m5 {background: url('../../images/common/bg-sub-visual5.jpg') no-repeat center top;}
  .wrap-sub-visual.m6 {background: url('../../images/common/bg-sub-visual6.jpg') no-repeat center top;}
  .wrap-sub-visual.m7 {background: url('../../images/common/bg-sub-visual7.jpg') no-repeat center top;}
}
*/

@media screen and (max-width: 1700px) {
    .sub-info .sub-float {right: 30px;}
}

@media screen and (max-width: 1200px) {
  .wrap-sub-visual {height: 250px; background-size: cover; background-attachment: initial}
  .sub-info .sub-title em {display: none;}
  .sub-info .sub-title strong {font-size: 32px;}
  .sub-info .sub-navi > ul > li {padding-right: 15px;}
  .sub-info .sub-navi > ul > li > .inner > button {padding-right: 15px; font-size: 14px;}
  .sub-info .sub-float {bottom: -33%;}
  .sub-info .sub-float .button {width: 100px; height: 100px;}
  .sub-info .sub-float .button span {padding: 37px 10px 0 10px; background-size: 28px auto !important; font-size: 15px; text-align: center;}
}

/*---- [S] 태블릿 서브 메뉴명 한줄로 변경 코드 ----*/
@media screen and (max-width:1000px) {
  .sub-info .sub-navi > ul > li.on {display: none;}
  .sub-info .sub-navi > ul > li.on.last{display: block; width: 100%;}
  .sub-info .sub-navi .navUl.on{width: auto;}
}
/*----[E]---- */

/* 비주얼 오른쪽 버튼 위치 테스트 수정본 */
@media screen and (max-width: 700px) {  
  .sub-info .sub-navi > ul > li.home {display: none;}
  .sub-info .sub-navi > ul > li {margin-right: 0; background: none;}
  .sub-info .sub-navi .navUl {width:185px;}
  /* .sub-info .sub-navi #pagetitle4 {display: none;} */
  .sub-info .sub-float {top: -5px; right: 10px;}
  .sub-info .sub-float .button {width: 100px; height: 100px;}
  .sub-info .sub-float .button span {padding: 37px 10px 0 10px; background-size: 28px auto !important; font-size: 14px; text-align: center; line-height: 130%;}
  .sub-info .sub-float .float3 span {background-position: center 3px;}
  .sub-info .sub-float .float5 span {background-position: center 5px;}
}

/* 비주얼 오른쪽 버튼 위치 테스트 원본
@media screen and (max-width: 700px) {
  .sub-info .sub-navi > ul > li.home {display: none;}
  .sub-info .sub-navi > ul > li {margin-right: 0; background: none;}
  .sub-info .sub-navi .navUl {width:185px;}
  .sub-info .sub-navi #pagetitle4 {display: none;}
  .sub-info .sub-float {position: fixed; right: 20px; bottom: 20px; z-index: 50;}
  .sub-info .sub-float .button {width: 100px; height: 110px;}
  .sub-info .sub-float .button span {padding: 37px 10px 0 10px; background-size: 28px auto !important; font-size: 16px; text-align: center;}
}
*/

@media (max-width:600px) {
    .sub-info .sub-navi .navUl {left:0;}
}
/* Sub Subject */
.sub-subject .inner {display: flex; justify-content: center;}
.sub-subject .inner strong {margin: 60px 0 38px 0; font-family: ncb; font-size: 50px; line-height: 1.1; color: #323232;}

@media screen and (max-width: 1200px) {
  .sub-subject .inner strong {margin: 35px 0 10px 0; font-size: 36px;}
}

@media screen and (max-width: 700px) {
  .sub-subject .inner strong {margin: 30px 0 10px 0; font-size: 30px;}
}

/* Sub Util */
.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/ic-share.png') no-repeat center center;}
.sub-util .sub-favo {margin-right: 15px; background: url('../../images/common/ic-favorite.png') no-repeat center center;}
.sub-util .sub-print {margin-right: 15px; background: url('../../images/common/ic-print.png') no-repeat center center;}
.sub-util .sub-font {background: url('../../images/common/ic-font.png') no-repeat center center;}

.sub-util .box-sub-favo {opacity: 0; overflow: hidden; position: absolute; left: calc(50% - 125px); top: calc(100% + 18px); z-index: 1; width: 250px; max-height: 0px; background: #fff; border-radius: 10px;  transition: .35s;z-index: 10;}
.sub-util .box-sub-favo.on {opacity: 1; max-height: 500px;}
.sub-util .box-sub-favo > strong {display: block; border: 1px solid #d2d2d2; border-radius: 10px 10px 0 0; font-family: ncm; 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: ncm; 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/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 .control {display: flex;overflow: hidden; border-radius: 0 0 10px 10px; 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: ncm; 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,
.sub-util .box-sub-share ul a {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/ic-fb.png') no-repeat center center;}
.sub-util .box-sub-share .tw {background: url('../../images/common/ic-tw.png') no-repeat center center;}
.sub-util .box-sub-share .pin {background: url('../../images/common/ico_sns_pin.png') no-repeat center center;}
.sub-util .box-sub-share .insta {background: url('../../images/common/ic-insta.png') no-repeat center center;}
.sub-util .box-sub-share .kakao {background: url('../../images/common/ic-kakao.png') no-repeat center center;}
.sub-util .box-sub-share .naver {background: url('../../images/common/ic-blog.png') no-repeat center center;}
.sub-util .box-sub-share .addr {background: url('../../images/common/ic-copy.png') no-repeat center;}
.sub-util .box-sub-share .close {background: url('../../images/common/ic-share-close.png') no-repeat center center;}
.sub-util .box-sub-share .whatsapp {background:#30b545 url('../../images/common/ic-noti-app.png') no-repeat center center;}
.sub-util .box-sub-share .mail {background:#2c3a4c url('../../images/common/ic-mail.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: ncb; 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;}

.tab-import {margin-bottom: 40px;}

@media screen and (max-width: 700px) {
  .sub-util .sub-print {display: none;}
}

/* Sub Con */
.wrap-con {min-height: 500px;}

/* Footer */
.wrap-footer {padding: 50px 0; background: #222222;}
.sub .wrap-footer {margin-top: 80px;}
.wrap-footer .top {display: flex; justify-content: space-between;}
.wrap-footer .info .address {margin-top: 20px;}
.wrap-footer .info .address p {font-family: ncm; font-size: 16px; color: #fff;}
.wrap-footer .info .sns {margin-top: 15px;}
.wrap-footer .info .sns ul {display: flex; height: 22px;}
.wrap-footer .info .sns li {margin-right: 20px;}
.wrap-footer .info .sns li a {display: block; background: url('../../images/common/footer-sns.png') no-repeat left center; text-indent: -99999px;}
.wrap-footer .info .sns li.ico1 a {width: 9px;}
.wrap-footer .info .sns li.ico2 a {width: 22px; background-position: -31px center;}
.wrap-footer .info .sns li.ico3 a {width: 23px; background-position: -71px center;}
.wrap-footer .info .sns li.ico4 a {width: 28px; background-position: -113px center;}
.wrap-footer .info .sns li.ico5 a {width: 24px; background-position: -157px center;}
.wrap-footer .info .sns li.ico6 a {width: 22px; background-position: -196px center;}
.wrap-footer .info .tel {margin-top: 14px; font-family: ncb; font-size: 30px; line-height: 1; color: #008fff;}
.wrap-footer .links {display: flex; justify-content: space-between;}
.wrap-footer .links .col {padding-left: 50px;}
.wrap-footer .links .col li {margin-bottom: 7px;}
.wrap-footer .links .col strong {display: block; margin-bottom: 10px; font-family: ncm; font-size: 20px; color: #fff;}
.wrap-footer .links .col a {position: relative; font-family: ncm; font-size: 15px; color: #7a7a7a;}
.wrap-footer .links .col a:hover {color: #fff;}
.wrap-footer .links .col a::after {content: ''; position: absolute; left: 0; bottom: -3px; width: 0; height: 1px; background: #fff; transition: width .5s;}
.wrap-footer .links .col a:hover::after {width: 100%;}
.wrap-footer .links .col .pri a {color: #ffee00;}
.wrap-footer .links .col .pri a::after {background: #ffee00;}
.wrap-footer .bottom {position: relative; margin-top: 17px;padding-top: 24px;border-top: 1px solid #3f3f3f;width: 100%;}
.wrap-footer .copy {font-size: 16px; letter-spacing: 0; color: #7c7b7b;}
.wrap-footer .family {position: absolute;right: 0;display: flex;top: 25px;}
.wrap-footer .family .box {position: relative; margin-left: 40px;}
.wrap-footer .family button {display: flex; align-items: center; font-family: pb; font-size: 18px; color: #fff;}
.wrap-footer .family button::after {content: ''; display: inline-block; width: 25px; height: 25px; margin-left: 20px; background: url('../../images/common/footer-more.png') no-repeat center center; transform: rotate(0deg); transition: 0.5s;}
.wrap-footer .family button:hover::after {transform: rotate(360deg);}
.wrap-footer .family .list {overflow: auto; position: absolute; left: 0; bottom: calc(100% + 25px); width: 100%; max-height: 0px; background: #111; border-radius: 10px; transition: .35s;}
.wrap-footer .family .list.on {max-height: 240px;}
.wrap-footer .family .list::-webkit-scrollbar {width: 15px;}
.wrap-footer .family .list::-webkit-scrollbar-thumb {background: linear-gradient(34deg, rgba(137,49,208,1) 0%, rgba(0,76,237,1) 100%); border: 3px solid #111; border-radius: 10px;}
.wrap-footer .family .list::-webkit-scrollbar-track {background-color: #111; border-radius: 10px;}
.wrap-footer .family .list ul {padding: 10px 5px;}
.wrap-footer .family .list a {display: block; padding: 5px 10px; font-family: pr; font-size: 15px; color: rgba(255,255,255,.7);}
.wrap-footer .family .list a:hover {color: #008fff;}
.wrap-footer .down {display: flex;position: absolute;right: 330px;top: 25px;}
.wrap-footer .down .app {display: inline-flex;margin: -10px;}
.wrap-footer .down .app li {margin-right: 10px; }
.wrap-footer .down .app li:last-child {margin-right: 0;}
.wrap-footer .down .app .app1 img {position: relative; left: 2px;}
.wrap-footer .down .app .app2 img {position: relative; top: -2px;}
.wrap-footer .down .app a {display: block; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: #000; border-radius: 100%;}
.wrap-footer .down .info {font-family: pb;font-size: 13px;line-height: 1.3;color: #FFF;margin-left: 25px;text-align: left;}
.wrap-footer .down .info span {font-family: pb; font-size: 12.5px; letter-spacing: 0;}


@media screen and (max-width: 1200px) {
  .wrap-footer .info .address p {font-size: 14px;}
  .wrap-footer .links .col strong {font-size: 16px;}
  .wrap-footer .links .col a {font-size: 14px;}
  .wrap-footer .family button {font-size: 16px;}
  .wrap-footer .down {position: absolute;left: 0;}
  .wrap-footer .copy {margin-top: 60px;}
}

@media screen and (max-width: 1000px) {
  .wrap-footer .info {flex-shrink: 0; width: 350px;}
  .wrap-footer .links {flex-wrap: wrap; flex-grow: 1;}
  .wrap-footer .links .col {width: 100%; padding-left: 0;}
  .wrap-footer .links .col ul {margin-bottom: 5px;}
  .wrap-footer .links .col li {display: inline-block; margin-bottom: 0; margin-right: 5px;}
  .wrap-footer .links .col strong {margin-bottom: 5px;}
  .wrap-footer .family {flex-shrink: 0; width: 400px;}
  .wrap-footer .copy {flex-grow: 1;}
}

@media screen and (max-width: 700px) {
  .wrap-footer .top {flex-wrap: wrap;}
  .wrap-footer .info {width: 100%; text-align: center;}
  .wrap-footer .info .sns ul {justify-content: center;}
  .wrap-footer .links {width: 100%; margin-top: 40px;}
  .wrap-footer .links .col {padding-left: 0; width: calc(33.333% - 10px);}
  .wrap-footer .links .col ul {margin-bottom: 0;}
  .wrap-footer .links .col li {display: block; margin-bottom: 5px; margin-right: 0; line-height: 1.2;}
  .wrap-footer .links .col strong {margin-bottom: 10px;}
  .wrap-footer .bottom {flex-direction: column-reverse;}
  .wrap-footer .family {justify-content: center; width: 100%;}
  .wrap-footer .family .box {margin-left: 0; margin: 0 8px;}
  .wrap-footer .down {width: 180px;top: 90px;left: calc(50% - 140px);}
  .wrap-footer .copy {margin: 130px 0 0 0;text-align: center;font-size: 14px;}
}

/* Search */
.wrap-search {overflow: hidden; position: absolute; left: 0; top: calc(100% - 2px); z-index: 5; width: 100%; max-height: 0; background: #fff; opacity: 0; transition: opacity 0s, visibility 0s;}
.wrap-search.on {opacity: 1; max-height: 200px; transition: opacity 0.5s, visibility 0.5s;}
.wrap-search .box {display: flex; justify-content: center; align-items: center; padding: 5px 0 0 0;}
.wrap-header.scrolled .wrap-search .box {padding: 10px 0 0 0;}
.wrap-search .title {font-family: ncb; font-size: 25px; color: #000000;}
.wrap-search .title strong {color: #1473e6;}
.wrap-search .form {flex-shrink: 0; position: relative; margin: 0 40px; width: 490px;}
.wrap-search .form .input input {width: 100%; height: 66px; padding: 0 30px; background: #e8edf1; border-radius: 100px; font-family: ncm; font-size: 18px; color: #000;}
.wrap-search .form .input input::placeholder {font-family: ncm; font-size: 18px; color: #666;}
.wrap-search .form .submit {position: absolute; right: 7px; top: 7px;}
.wrap-search .form .submit .btn-submit {width: 50px; height: 50px; background: #1473e6 url('../../images/common/ic-search-btn.png') no-repeat center; border-radius: 100%; text-indent: -999999px;}
.wrap-search .close button {width: 50px; height: 50px; background: url('../../images/common/ic-search-close.png') no-repeat center; text-indent: -999999px;}
.wrap-search .favo {display: flex; justify-content: center; align-items: center; padding: 20px 0 50px 0;}
.wrap-header.scrolled .favo {padding: 20px 0 30px 0;}
.wrap-search .favo strong {margin-right: 20px; padding: 3px 7px; background: #1473e6; border-radius: 5px; font-size: 15px; color: #fff;}
.wrap-search .favo ul {display: flex; align-items: center;}
.wrap-search .favo li {position: relative; margin-right: 10px; padding-right: 10px;}
.wrap-search .favo li::after {content: ''; position: absolute; right: 0; top: 6px; width: 1px; height: 10px; background: #d1d1d1;}
.wrap-search .favo li:last-child::after {display: none;}
.wrap-search .favo li a {color: #666;}
.wrap-search .favo li a:hover {color: #1473e6;}

@media screen and (max-width: 1024px) {
    .wrap-search .title {font-size: 20px;}
    .wrap-search .form {width: 350px; margin: 0 20px;}
    .wrap-search .form .input input {height: 50px;}
    .wrap-search .form .submit {right: 5px; top: 5px;}
    .wrap-search .form .submit .btn-submit {width: 40px; height: 40px; background-size: 50%;}
    .wrap-search .close button {width: 40px; height: 40px; background-size: 100%;}
}

@media screen and (max-width: 700px) {
    .wrap-search .box {flex-wrap: wrap; padding: 5px 0 0 0;}
    .wrap-search .favo {padding: 20px 0 30px 0;}
  	.wrap-search .favo li:nth-child(n + 5) {display: none;}
    .wrap-search .title {width: 100%; margin-bottom: 20px; text-align: center;}
    .wrap-search .form {flex-grow: 1; width: calc(100% - 40px); margin: 0; padding-right: 15px;}
    .wrap-search .form .submit {right: 21px;}
    .wrap-search .form .input input {font-size: 16px;}
    .wrap-search .form .input input::placeholder {font-size: 16px;}
    .wrap-search .close {flex-shrink: 0; width: 40px;}
}

/* Sub Contents Reset */
.sub #_contentBuilder ._objTag,
.sub #_contentBuilder ._objHtml,
.sub #_contentBuilder ._objImage,
.sub #_contentBuilder ._objWidget,
.sub #_contentBuilder ._objHeading {max-width: 1480px; margin-left: auto !important; margin-right: auto !important; height: auto !important; min-height: 25px !important; z-index: auto !important;}
.sub #_contentBuilder ._objHeading {width: 100% !important;}
.sub #_contentBuilder .full-width {max-width: none;}

@media screen and (max-width: 1500px) {
  .sub #_contentBuilder ._objTag,
  .sub #_contentBuilder ._objHtml,
  .sub #_contentBuilder ._objImage,
  .sub #_contentBuilder ._objWidget,
  .sub #_contentBuilder ._objHeading {padding: 0 30px;}
}

@media screen and (max-width: 500px) {
  .sub #_contentBuilder ._objTag,
  .sub #_contentBuilder ._objHtml,
  .sub #_contentBuilder ._objImage,
  .sub #_contentBuilder ._objWidget,
  .sub #_contentBuilder ._objHeading {padding: 0 20px;}
}

._contentBuilder .tab_div {display: none !important;}

.black-bg {position: fixed; left: -99999px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 90; opacity: 0; transition: opacity .3s;}
.black-bg.on {left: 0; opacity: 1;}

/* 임시 유튜브 숨기기 */
.dev .cultural-wrap::before {content: '유튜브 비디오가 들어갑니다.'; display: flex; align-items: center;  justify-content: center; width: 100%; margin: 20px 0; padding: 30px 50px; background: #f3f6fd; border-radius: 10px; font-family: ncb; font-size: 20px; color: #000;}

/* 공공언어개선 */
.btn-dadum span {position: relative; font-size: 17px; color: #333; cursor: text;}
.wrap-dadum.on .btn-dadum span {cursor: pointer;}
.wrap-dadum.on .btn-dadum span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 10px;}
.wrap-dadum.on .btn-dadum.f-color1 span::after {background: #f75b5b4d;}
.wrap-dadum.on .btn-dadum.f-color2 span::after {background: #bb5bf74d;}
.wrap-dadum.on .btn-dadum.f-color3 span::after {background: #5bf7cc4d;}

.wrap-dadum .common-pop2 {position: fixed; right: 20px; bottom: -500px; max-width: 500px; z-index: 50; transition: .35s}
.wrap-dadum .common-pop2.on {bottom: 20px;}
.wrap-dadum .desc {margin-top: 0;}
.wrap-dadum .desc strong {padding-right: 10px; font-family: ncb;}

.wrap-dadum .btn-dadum-open {position: fixed; right: 0; top: 50%; width: 70px; height: 70px; padding: 10px; background: url('../../images/common/img-dadum.png') no-repeat center / 50px; border: 1px solid #d1d1d1; border-right: 0; border-radius: 10px 0 0 10px; text-indent: -99999px;}

/* 기능 관리자 화면 */
#fnctMngrArea {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45); z-index: 110;}
#fnctMngrArea.on {display: flex; justify-content: center; align-items: center;}
#fnctMngrArea #adminWrap {overflow: auto; width: 100%; max-width: 600px; max-height: 415px; background: #fff; border-radius: 10px; position:relative;}

/* 탑버튼 */
.btn-top-page {position: fixed; right: 30px; bottom: -10px; z-index: 10; transition: .53s;}
.btn-top-page.fix {bottom: 30px;}
.btn-top-page li {margin-bottom: 10px;}
.btn-top-page button {opacity: 0; width: 80px; height: 80px; background: url('../../images/common/btn_top.png') no-repeat center; text-indent: -99999px; transition: opacity .5s;}
.btn-top-page.fix button {opacity: 1;}
.btn-top-page.fix .co-link {display: none;}

@media screen and (max-width: 1500px) {
    .btn-top-page img {width: 65px;}
    .btn-top-page li {margin-bottom: 5px;}
    .btn-top-page button {width: 65px; height: 65px; background-size: contain;}
}

@media screen and (max-width: 700px) {
    .btn-top-page img {width: 50px;}
    .btn-top-page button {width: 50px; height: 50px;}
}