@charset "utf-8";
/* NOTICE TEST */
.wrap-header .head-navi .top_div_11280 .li_3_14322{display:none;}
/* NOTICE TEST */


.tab_k2wiz_GNB_ul_11333, .tab_div_11333{display:none!important;}
.tab_k2wiz_GNB_ul_11334, .tab_div_11334{display:none!important;}
.top_k2wiz_GNB_12572{display:none!important;}
#tab_k2wiz_GNB_11820{display:none;}
.tab_div_11134 .li_5_11820{border-bottom:none!important;}
.tab_div_11134{display:none!important;}
.li_3_11407{display:none!important;}
.top_k2wiz_GNB_11407{display:none!important;}
.top_k2wiz_GNB_11407 .a_3 .k2wiz_GNB_11402{display:none!important;}
.li_3_12120{display:none!important;}
.top_k2wiz_GNB_12120{display:none!important;}
.top_k2wiz_GNB_12120 .a_3 .k2wiz_GNB_11402{display:none!important;}


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

/* Container */
.container {max-width: 1600px; margin: 0 auto;}

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

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

#contentsEditHtml {padding-bottom: 0px !important;}
.wrap-contents {overflow: hidden;}

/* 언어변환 */
body {top: 0 !important;}
.skiptranslate {display: none;}
#goog-gt-tt {display: none !important;}

/* Main Header */
.main-header {position: fixed; left: 0; top: -100px; z-index: 100; width: 100%; background: #fff; border-bottom: 1px solid #f3f3f3;}
.sub .main-header {top: 0;}
.trans.main-header {background: transparent; border-bottom: 1px solid transparent;}

/* Header */
.wrap-header .container {display: flex; width:100%; max-width: 1800px; align-items: center; max-height:135px;} /*240731_kyj_구글 번역때믄에 max-height값 추가*/

@media all and (max-width: 1820px) {
  .wrap-header .container {padding: 0 40px; max-height:120px;} /*240731_kyj_구글 번역때믄에 max-height값 추가*/
}

@media all and (max-width: 1400px) {
  .main-header {top: 0;}
}

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

.wrap-header .head-logo .logo-img a {display: block; width: 100%; height: 100%;}
.wrap-header .head-logo .logo-img img {vertical-align: middle;}
.wrap-header .head-logo .logo-img img.white {display: none;}
.trans .wrap-header .head-logo .logo-img img.color {display: none;}
.trans .wrap-header .head-logo .logo-img img.white {display: inline-block;}

.wrap-header .head-navi {flex: 1; text-align:right;}
.wrap-header .head-mobile-top,
.wrap-header .head-mobile-util {display: none;}
.wrap-header .head-navi .div_1 .ul_1 {display: flex; justify-content: end; text-align: left;}
.wrap-header .head-navi .div_1 .li_1 {display:inline-block;}
.wrap-header .head-navi .div_1 .li_1.li_1_11421 {display: none;}
.wrap-header .head-navi .div_1 .li_1.li_1_11424 {display: none;}
.wrap-header .head-navi .div_1 .a_1 {display:block; padding: 34px 25px; font-family:'Noto Medium'; font-size: 21px; color: #121212; transition: all .3s;}
.en .wrap-header .head-navi .div_1 .a_1 {padding: 40px 11px; font-size: 14px;}
.trans .wrap-header .head-navi .div_1 .a_1 {color: #fff;}
.wrap-header .head-navi .div_1 .a_1 .inner {position: relative;}
.wrap-header .head-navi .div_1 .a_1 .inner::before {content: ''; position: absolute; left: 50%; bottom: -36px; z-index: 120; width: 100%; height: 4px; background: #2a5880; transform: translate(-50%, 0); opacity: 0; transition: .5s;}
.en .wrap-header .head-navi .div_1 .a_1 .inner::before {bottom: -42px;}
.wrap-header .head-navi .div_1 .line .a_1 .inner::before {opacity: 1;}

.wrap-header .head-navi .div_2 {overflow: hidden; position: absolute; left: 0; top: 100%; z-index: 110; width: 100%; max-height: 900px; padding: 10px 0 40px 0; background: #fff url('../../images/common/bg-gnb.png') no-repeat right bottom; text-align: left; opacity: 0; visibility: hidden; transition: opacity 0s, visibility 0s; z-index:10;}/*240731김연주 z-index추가(사이트번역시 2차메뉴 선택안되어서..)*/
.wrap-header .head-navi .div_2.on {left: 0; opacity: 1; border-top: 1px solid #f3f3f3; visibility: visible; transition: opacity 0.5s, visibility 0.5s;}
.wrap-header .head-navi .div_2 .ul_2 {overflow: hidden; position: relative; display: flex; flex-wrap: wrap; max-width: 1600px; margin: 0 auto;}
.wrap-header .head-navi .div_2 .ul_2::before {content: ''; position: absolute; left: 0; top: 30px; width: 1px; height: 100%; background: #ccc;}
.wrap-header .head-navi .div_2 .li_2 {position: relative; display: inline-block; width: 16.666%; margin-top: 30px; padding: 0 1.8%; vertical-align: top;}
.wrap-header .head-navi .div_2 .li_2::before {content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 1000%; background: #ccc}
.wrap-header .head-navi .div_2 .a_2 {position: relative; top: -2px; display: block; padding-bottom: 15px; font-family: 'Noto Medium'; font-size: 20px; text-align: left; line-height: 1; color: #333; transition: all 0.3s;}
.wrap-header .head-navi .div_2 .a_2.line {color: #008395;}
.wrap-header .head-navi .div_2 .a_2[target=_blank] span {position: relative;}
.wrap-header .head-navi .div_2 .a_2[target=_blank] span::after{content: ""; display: inline-block; position: absolute; right: -23px; top: 9px; width: 13px; height: 13px; background: url('../../images/common/new_win_gray.png'); vertical-align: middle;}

.wrap-header .head-navi .div_3 .li_3 {padding-bottom: 5px; text-align: left;}
.wrap-header .head-navi .div_3 .a_3 {display: inline-block; position: relative; font-family: "Noto Regular"; font-size: 16px; letter-spacing: -1px; word-break: break-all; color: #666; transition: all 0.3s;}
.en .wrap-header .head-navi .div_3 .a_3{font-size: 14px; word-break: break-word;}
.wrap-header .head-navi .div_3 .a_3._active,
.wrap-header .head-navi .div_3 .a_3:hover {color: #a78258;}
.wrap-header .head-navi .div_3 .a_3[target=_blank] {padding-right: 10px;}
.wrap-header .head-navi .div_3 .a_3[target=_blank] span::after{content: ''; position: absolute; right: -23px; top: 7px; width: 13px; height: 13px; background: url('../../images/common/new_win_gray.png') no-repeat center center;}
.wrap-header .head-navi .div_3 .a_3 span {position: relative;}
.wrap-header .head-navi .div_3 .a_3 span::before {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background: #bfa68c; transition: .75s;}
.wrap-header .head-navi .div_3 .a_3:hover span::before {width: 100%;}

.wrap-header .head-convert {position: relative; padding-left: 30px;}
.wrap-header .head-convert #google_translate_element {display: none;}
.wrap-header .head-convert .list-convert {overflow: hidden; position: absolute; left: 32px; top: 160%; width: 110px; max-height: 0; background: #f3f3f3; transition: max-height .5s;}
.wrap-header .head-convert .list-convert.on {max-height: 100px;}
.wrap-header .head-convert .list-convert ul {padding: 5px 0;}
.wrap-header .head-convert .list-convert li {padding: 3px 0;}
.wrap-header .head-convert .list-convert li:last-child {border: 0}
.wrap-header .head-convert .list-convert.on {max-height: 300px;}
.wrap-header .head-convert > button {position: relative; padding: 0 21px 0 25px; font-family: 'Noto Medium'; font-size: 15px; color: #333;}
.trans .wrap-header .head-convert > button {color: #fff;}
.wrap-header .head-convert > button::before {content: ''; position: absolute; left: 0; top: 3px; width: 17px; height: 18px; background: url('../../images/common/ic-lang.png') no-repeat center;}
.wrap-header .head-convert > button::after {content: ''; position: absolute; right: 0; top: 9px; width: 7px; height: 5px; background: url('../../images/common/arr-lang.png') no-repeat center;}
.trans .wrap-header .head-convert > button::after {background: url('../../images/common/arr-lang-white.png') no-repeat center;}
.wrap-header .head-convert .tip {position: absolute; left: -99999px; top: 170%; width: 440px; padding: 13px 20px; background: rgba(255,255,255,.9); border-radius: 10px; font-family: 'Noto Regular'; font-size: 14px; box-shadow: 2px 2px 10px rgba(0,0,0,.4); color: #666; opacity: 0; transition: opacity .75s; transition-delay: .2s;}
.wrap-header .head-convert .tip.on {left: auto; opacity: 1;}
.wrap-header .head-convert .tip button {display: inline-block; margin-top: 5px; padding: 5px 10px; background: #008395; border-radius: 5px; color: #fff;}

.wrap-header .head-util ul {position: relative; top: 2px; display: inline-block; font-size: 0;}
.wrap-header .head-util li {position: relative; float: left; margin-left: 10px; padding-left: 10px;}
.wrap-header .head-util li::after {content: ''; position: absolute; left: 0; top: 6px; width: 1px; height: 9px; background: #999;}
.wrap-header .head-util li:first-child::after {display: none;}
.wrap-header .head-util a {font-family: 'Noto Regular'; font-size: 14px; letter-spacing: normal; color: #333;}
.trans .wrap-header .head-util a {color: #fff;}
.wrap-header .head-util a span {position: relative;}
.wrap-header .head-util .eng a span {top: -1px;}
.wrap-header .head-util a span::after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #002d56; transition: .75s;}
.wrap-header .head-util a:hover span::after {width: 100%;}

.wrap-header .head-util2 li {float: left;}
.wrap-header .head-util2 a,
.wrap-header .head-util2 button {display: block; width: 30px; height: 100px; text-indent: -9999999px;}
.wrap-header .head-util2 .btn-search {padding-left: 50px;}
.wrap-header .head-util2 .btn-search button {background: url('../../images/common/ic-search.png') no-repeat center;}
.trans .wrap-header .head-util2 .btn-search button {background: url('../../images/common/ic-search-white.png') no-repeat center;}
.wrap-header .head-util2 .btn-sitemap {padding-left: 20px;}
.wrap-header .head-util2 .btn-sitemap a {background: url('../../images/common/ic-sitemap.png') no-repeat center;}
.trans .wrap-header .head-util2 .btn-sitemap a {background: url('../../images/common/ic-sitemap-white.png') no-repeat center;}

.wrap-header .btn-gnb-open {display: none;}
.wrap-header .btn-gnb-open button {background: url('../../images/common/ic-sitemap.png') no-repeat center;}
.trans .wrap-header .btn-gnb-open button {background: url('../../images/common/ic-sitemap-white.png') no-repeat center;}
.wrap-header .btn-gnb-close {display :none;}

@media all and (max-width: 1760px) {
  .wrap-header .head-util li:nth-child(n+3) {display: none;}
  .wrap-header .head-util2 .btn-search {padding-left: 35px;}
}

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

@media all and (max-width: 1450px) {
  .wrap-header .head-navi .div_1 .a_1 {padding: 37px 10px; font-size: 17px;}
}

@media all and (max-width: 1290px) {
  .wrap-header .head-logo .logo-img img {height: 35px;}
  .wrap-header .head-util2 .btn-search,
  .wrap-header .head-util2 .btn-sitemap {padding-left: 15px;}
  /*.wrap-header .head-util li:nth-child(n+2) {display: none;}*/
  .wrap-header .head-convert {padding-left: 20px;}
}

@media all and (max-width: 1105px) {
  .wrap-header .head-navi .div_1 .a_1 {padding: 37px 5px; font-size: 16px;}
}

@media all and (max-width: 1000px) {
  .wrap-header {padding:0;}
  .wrap-header .container  {justify-content: space-between;}

  .wrap-header .head-convert {flex: 1; display: block; padding-left: 25px;}

  .wrap-header .head-navi {overflow: auto; position:fixed; top:0px; right:-100%; z-index:10000; width: 100%; max-width: 500px; height: 100%; padding: 0; background: #152c46; opacity: 0; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1);}
  .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% - 141px);}

  .wrap-header .head-navi .div_1 .ul_1 {display: block; padding-top: 10px;}
  .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: 33.4%; height: auto; padding: 12px 0 12px 30px; background-image: none; background-position: right center; text-align: left; font-family: 'Noto Medium'; font-size: 18px; color: #fff;}
  .wrap-header .head-navi .div_1 .a_1 span {position: relative;}
  .wrap-header .head-navi .div_1 .a_1[target=_blank] span::before {content: ''; position: absolute; left: 113%; top: 8px; bottom: auto; width: 13px; height: 13px; background: url(../../images/common/ico_blank_mobile.png) no-repeat center center; opacity: 1; transform: translate(0);}
  .wrap-header .head-navi .div_1 .a_1:after {display:none;}
  .wrap-header .head-navi .div_1 .a_1:hover,
  .wrap-header .head-navi .div_1 .a_1._active {color:#6ab0ff;}
  .wrap-header .head-navi .div_1 .a_1.on span:after {display:none;}

  .wrap-header .head-navi .div_2 {top: 0;}
  .wrap-header .head-navi .div_2.on {overflow: auto; width: 66.6% !important; right:0px; left: auto; top: 0; max-height: none; height:100%; padding: 0; background:#fff; border: 0; transition-property: none;}
  .wrap-header .head-navi .div_2::-webkit-scrollbar {width: 12px;}
  .wrap-header .head-navi .div_2::-webkit-scrollbar-thumb {background-color: #008395; border: 2px solid #ececec; border-radius: 10px;}
  .wrap-header .head-navi .div_2::-webkit-scrollbar-track {background-color: #ececec;}
  .wrap-header .head-navi .div_2 .container {padding: 0px;}
  .wrap-header .head-navi .div_2 .ul_2 {display: block; border: 0;}
  .wrap-header .head-navi .div_2 .ul_2::after {display: none;}
  .wrap-header .head-navi .div_2 .ul_2::before {display: none;}
  .wrap-header .head-navi .div_2 .li_2 {display:block; width: 100%; margin: 0; padding:0px; border:0px;}
  .wrap-header .head-navi .div_2 .li_2::before {display: none;}
  .wrap-header .head-navi .div_2 .a_2 {width:100%; padding: 12px 20px; border-bottom: 1px solid #e7e7e7; margin: 0; font-family: 'Noto Regular'; font-size: 16px; color:#666;}
  .wrap-header .head-navi .div_2 .a_2._active,
  .wrap-header .head-navi .div_2 .a_2:hover {color:#008395;}
  .wrap-header .head-navi .div_2 .a_2.plus {position: relative; background:url('../../images/common/arrow-a2.png') no-repeat right center}
  .wrap-header .head-navi .div_2 .a_2.plus.on {background:url('../../images/common/arrow_a2-hover.png') no-repeat right center;}
  .wrap-header .head-navi .div_2 .a_2:after {display:none;}
  .wrap-header .head-navi .div_2 .a_2 span{padding: 0;}
  .wrap-header .head-navi .div_2 .a_2[target=_blank] span::after {width: 13px; height: 13px; top: 7px; background: url('../../images/common/ico_blank_mobile.png') no-repeat center;}

  .wrap-header .head-navi .div_3 {overflow:hidden; display:block; width: 100%; max-height:0px; padding: 0; background: #fcfcfc; transition:all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
  .wrap-header .head-navi .div_3.on {max-height: 500px; transition: all 0.25s cubic-bezier(0.7, 0, 0.3, 1);}
  .wrap-header .head-navi .div_3 .ul_3 {padding:12px 0; border-bottom: 1px solid #ececec;}
  .wrap-header .head-navi .div_3 .li_3 {position:relative; width: 100%; margin: 0px; padding: 0;}
  .wrap-header .head-navi .div_3 .a_3 {display:inline-block; padding:0 0 0 20px; font-family: 'Noto Light'; font-size:14px; color:#333;}
  .wrap-header .head-navi .div_3 .a_3[target=_blank] span::after {top: 5px; width: 13px; height: 13px; margin-left: 7px; background: url('../../images/common/ico_blank_mobile.png') no-repeat center;}
  .wrap-header .head-navi .div_3 .a_3::after {display: none;}
  .wrap-header .head-navi .div_3 .a_3:hover,
  .wrap-header .head-navi .div_3 .a_3._active {color:#e63b53;}

  .wrap-header .head-mobile-top {position: relative; display: block; padding: 28px 30px 29px 30px; background: #ececec;}
  .wrap-header .head-mobile-top ul {overflow: hidden;}
  .wrap-header .head-mobile-top li {float: left; position: relative; margin-right: 13px; padding-right: 13px;}
  .wrap-header .head-mobile-top li::after {content: ''; position: relative; position: absolute; right: 0; top: 10px; width: 1px; height: 9px; background: #8e8e8e;}
  .wrap-header .head-mobile-top li:last-child:after {display: none;}
  .wrap-header .head-mobile-top a {font-family: 'Noto Regular'; font-size: 14px; color: #333;}

  .wrap-header .head-mobile-util {display: block;}
  .wrap-header .head-mobile-util ul {overflow: hidden;}
  .wrap-header .head-mobile-util li {float: left; width: 33.333%; height: 60px; line-height: 56px; text-align: center;}
  .wrap-header .head-mobile-util li.color1 {background: #a78258;}
  .wrap-header .head-mobile-util li.color2 {background: #002d56;}
  .wrap-header .head-mobile-util li.color3 {background: #008395;}
  .wrap-header .head-mobile-util li button {padding-right: 20px; background: url('../../images/common/arr-mobile-util.png') no-repeat right center; font-family: 'Play Regular'; font-size: 14px; color: #fff;}
  .wrap-header .head-mobile-util li strong {font-family: 'Play Bold';}

  .wrap-header .head-util {display: none;}
  .wrap-header .head-util li:nth-child(n+2) {display: block;}

  .wrap-header .head-util2 .btn-search {padding-left: 30px;}
  .wrap-header .head-util2 .btn-gnb-open {padding-left: 20px;}
  .wrap-header .head-util2 .btn-sitemap {display: none;}
  .wrap-header .head-util2 a,
  .wrap-header .head-util2 button {height: 80px;}

  .wrap-header .btn-gnb-open {display: inline-block;}
  .wrap-header .btn-gnb,
  .wrap-header .btn-gnb-close {display:block; cursor: pointer;}
  .wrap-header .btn-gnb-close {position: absolute; right: 0; top: 0; width: 80px; height: 100%; background: url('../../images/common/btn-navi-close.png') no-repeat center center; text-indent: -99999px;}
  .wrap-header .btn-gnb-close button {width: 100%; height: 100%; text-indent: -999999px;}
  .wrap-header .head-navi .div_1 .a_1 .inner::before {height: 0px; }
}

@media all and (max-width: 660px) {
  .wrap-header .head-navi .menuUItop {height: calc(100% - 131px);}
  .wrap-header .head-mobile-top {padding: 23px 30px 23px 30px;}
  .wrap-header .head-util2 a,
  .wrap-header .head-util2 button {height: 70px;}
  .wrap-header .head-logo .logo-img img {height: 35px;}
  .wrap-header .head-navi {max-width: 100%; }
  .wrap-header .btn-gnb-open {padding-left: 20px;}
  .wrap-header .head-convert .tip.on {top: 210%; left: -108%;}
}

/* Search */
.wrap-search {display: flex; justify-content: center; align-items: center; position: fixed; left: -10000000000000px; top: 0; z-index: 200; width: 100%; height: 100vh; background: url('../../images/common/bg-search.jpg') no-repeat center center; background-size: cover; opacity: 0; transition: opacity .75s;}
.wrap-search.on {left: 0; opacity: 1;}
.wrap-search .container {position: relative; display: inline-block; width: 90%; max-width: 1000px; padding: 75px 125px 85px 125px; border: 10px solid #fff;}
.wrap-search .text {font-family: 'Play Bold'; font-size: 40px; line-height: 1; color: #fff;}
.wrap-search .line {display: flex;}
.wrap-search .line1 {align-items: end;}
.wrap-search .line1 .text {width: 205px;}
.wrap-search .line1 .form {flex: 1}
.wrap-search .form .input {position: relative; border-bottom: 2px solid #fff;}
.wrap-search .form input {width: 100%; height: 50px; background: transparent; border: 0; font-family: 'Noto Regular'; font-size: 19px; color: #fff; text-indent: 15px; line-height: 50px;}
.wrap-search .form input::placeholder {font-family: 'Noto Regular'; font-size: 19px; text-indent: 15px; color: #fff;}
.wrap-search .form button {position: absolute; bottom: 0; right: 0; width: 50px; height: 50px; background: url('../../images/common/btn-search-detail.png') no-repeat center; text-indent: -9999px;}

.wrap-search .line2 {align-items: center; margin-top: 40px;}
.wrap-search .line2 strong {width: 205px; font-family: 'Noto Medium'; font-size: 18px; color: #ffe6c9;}
.wrap-search .line2 ul {flex: 1;}
.wrap-search .line2 li {float: left;}
.wrap-search .line2 a {display: block; margin: 0 5px 5px 0; padding: 6px 10px; border: 1px solid #bea992; border-radius: 7px; font-family: 'Noto Medium'; font-size: 15px; color: #fff;}
.wrap-search .line2 a:hover {background: #fff; border: 1px solid #fff; color: #a78258;}

.wrap-search .close {position: absolute; left: calc(100% + 30px); bottom: calc(100% + 30px); width: 36px; height: 36px; background: url('../../images/common/btn-search-close.png') no-repeat center;}
.wrap-search .close button {display: block; width: 100%; height: 100%; text-indent: -99999px;}

@media all and (max-width: 1120px) {
  .wrap-search .container {padding: 45px 50px;}
  .wrap-search .line1 {display: block;}
  .wrap-search .line1 .text {width: 100%; font-size: 30px;}
  .wrap-search .form {width: 100%;}
  .wrap-search .form input {margin-top: 20px;}
  .wrap-search .text br {display: none;}

  .wrap-search .line2 {margin-top: 25px;}
  .wrap-search .line2 strong {font-size: 16px;}
  .wrap-search .line2 a {font-size: 12px;}

  .wrap-search .close {left: calc(100% - 30px);}
}

@media all and (max-width: 880px) {
  .wrap-search .line2 {display: block;}
  .wrap-search .line2 strong {display: block; margin-bottom: 10px;}
  .wrap-search .line2 a {margin: 5px;}
}

@media all and (max-width: 660px) {
  .wrap-search .container {padding: 25px 30px;}
}

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

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

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

/* Sub Visual */
.wrap-sub-visual {display: table; width: 100%; background: #fff;}
.wrap-sub-visual.m1 {background: url('../../images/common/sub-visual1.jpg') no-repeat top center;}
.wrap-sub-visual.m2 {background: url('../../images/common/sub-visual2.jpg') no-repeat top center;}
.wrap-sub-visual.m3 {background: url('../../images/common/sub-visual3.jpg') no-repeat top center;}
.wrap-sub-visual.m4 {background: url('../../images/common/sub-visual4.jpg') no-repeat top center;}
.wrap-sub-visual.m5 {background: url('../../images/common/sub-visual5.jpg') no-repeat top center;}
.wrap-sub-visual.m6 {background: url('../../images/common/sub-visual6no2.jpg') no-repeat top center;}
.wrap-sub-visual.m7 {background: url('../../images/common/sub-visual7.jpg') no-repeat top center;}
.wrap-sub-visual.m8 {background: url('../../images/common/sub-visual8.jpg') no-repeat top center;}
.wrap-sub-visual.m9 {background: url('../../images/common/sub-visual9.jpg') no-repeat top center;}
.wrap-sub-visual .wrap-sub-cell {position: relative; display: table-cell; height: 300px; text-align: center; vertical-align: middle; color: #fff;}
/* .wrap-sub-visual .wrap-sub-cell:after {content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: url('../../images/common/pattern.png');} */
.wrap-sub-visual .container {position: relative; z-index: 1;}
.wrap-sub-visual .slogan-big {position: relative; display: block; margin-top: 100px; font-family: 'Gmarket Bold'; font-size: 40px; line-height: 1;}
.wrap-sub-visual .slogan-small {display: block; margin-top: 17px; font-family: 'Gmarket Medium'; font-size: 17px;}
.wrap-sub-visual .page-move {display: none; position: absolute;left: 0px; top: -5px; width: 100%; height: 0px;}
.wrap-sub-visual .page-move a {position: relative; display: block; width: 50px; height: 50px; border: 2px solid rgba(255,255,255,1); border-radius: 100%;}
.wrap-sub-visual .page-move a.prev {float: left; transition: background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a.prev:after {content: ''; position: absolute; left: 18px; top: 20px; width: 12px; height: 9px; background:url('../../images/common/page_move_prev.png') no-repeat center center;}
.wrap-sub-visual .page-move a.next {float: right; transition:background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-visual .page-move a.next:after {content: ''; position: absolute; right: 18px; top:20px; width: 12px; height: 9px; background:url('../../images/common/page_move_next.png') no-repeat center center;}
.wrap-sub-visual .page-move a span {display: none;}

@media all and (max-width: 1000px) {
  .wrap-sub-visual .wrap-sub-cell {height: 180px;}
}

@media all and (max-width: 660px) {
  .wrap-sub-visual {background-size: auto 152% !important;}
  .wrap-sub-visual .wrap-sub-cell {height: 90px;}
}

/* Sub Navi */
.wrap-sub-navi {position: relative; z-index: 20; padding-top: 100px;}
.wrap-sub-navi .container {position: relative; max-width: 1400px;}
.wrap-sub-navi .subject {position: relative; padding: 55px 0 40px 0;}
.wrap-sub-navi .subject h2 {font-family: 'Noto Bold'; font-size: 60px; line-height: 1; color: #000;}
.wrap-sub-navi .sub-navi {padding-bottom: 28px; font-size: 0;}
.wrap-sub-navi .sub-navi > ul {display: inline-block; width: 100%;}
.wrap-sub-navi .sub-navi > ul > li {display: none; float: left; position: relative; padding: 0 15px 0 0;}
.wrap-sub-navi .sub-navi > ul > li.on {display: block;}
.wrap-sub-navi .sub-navi > ul > li > a,
.wrap-sub-navi .sub-navi > ul > li > .inner > button {position: relative; display: block; height: 20px; /*font-size: 0px;*/ color: #666; line-height: 20px;}
.wrap-sub-navi .sub-navi > ul > li.last > a,
.wrap-sub-navi .sub-navi > ul > li.last > .inner > button {color: #002d56;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button {width: 100%; padding: 0 38px 0 0 ; background: url('../../images/common/arrow-page-nav2.png') no-repeat top right; font-family: 'Noto Regular'; text-align: left; transition: background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi > ul > li > .inner > button::after {content: ''; position: absolute; right: 0; top: 5px; width: 1px; height: 9px; background: #b5b5b5;}
.wrap-sub-navi .sub-navi > ul > li > .inner > button:hover {background-position: bottom right; color: #002d56; transition: background-position 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-navi > ul > li > .inner > button span {display: inline-block; font-size: 17px; vertical-align: middle;}
.wrap-sub-navi .sub-navi .home {display: none; min-width: auto; padding: 0px; background-image: none;}
.wrap-sub-navi .sub-navi .home a {width: 147px; background: url('../../images/common/ic_home.png') no-repeat left center; text-indent: -9999px;}
.wrap-sub-navi .sub-navi .navUl {visibility: hidden; overflow: hidden; position: absolute; left: -15px; top: 242%; z-index: 1; width: 180px; max-height: 0; opacity:0;}
.wrap-sub-navi .sub-navi .navUl::-webkit-scrollbar {width: 5px;}
.wrap-sub-navi .sub-navi .navUl::-webkit-scrollbar-thumb {background-color: #008395; border-radius: 3px;}
.wrap-sub-navi .sub-navi .navUl::-webkit-scrollbar-track {background-color: #ccc;}
.wrap-sub-navi .sub-navi .navUl.on {visibility: visible; overflow: hidden; overflow-y: auto; max-height: 175px; padding: 9px 0; background: #fff; border: 1px solid #f2f2f2; border-right: 0; opacity: 1;}
.wrap-sub-navi .sub-navi .navUl a {position: relative; display: block; padding: 7px 15px; font-family: 'Noto Light'; font-size: 16px; color: #797979; word-break: keep-all;}
.wrap-sub-navi .sub-navi .navUl a._active,
.wrap-sub-navi .sub-navi .navUl a:hover {color: #008395;}
.wrap-sub-navi .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;}
.wrap-sub-navi .sub-navi .navUl a#top_k2wiz_GNB_506,
.wrap-sub-navi .sub-navi .navUl a#top_k2wiz_GNB_505 {display: none;}

.wrap-sub-navi .sub-util {position: absolute; right: 0; bottom: 25px;}
.wrap-sub-navi .sub-util > ul {position: relative; display: inline-block; vertical-align: middle;}
.wrap-sub-navi .sub-util > ul > li {float: left;}
.wrap-sub-navi .sub-util > ul > li > button {width: 45px; height: 25px; text-indent: -9999px;}

.wrap-sub-navi .sub-font {position: relative; top: 1px; display: inline-block; vertical-align: middle;}
.wrap-sub-navi .sub-font span {display: inline-block; margin-right: 10px; font-family: 'Noto Regular'; font-size: 15px; vertical-align: middle; color: #666;}
.wrap-sub-navi .sub-font button {display: inline-block; width: 30px; height: 30px; border: 1px solid #d3d3d3; text-indent: -999999px; vertical-align: middle;}
.wrap-sub-navi .sub-font button:hover {border: 1px solid #002d56;}
.wrap-sub-navi .sub-font button.font-add {margin-right: 3px; background: url('../../images/common/ic-font-add.png') no-repeat center;}
.wrap-sub-navi .sub-font button.font-minus {margin-right: 7px; background: url('../../images/common/ic-font-minus.png') no-repeat center;}

.wrap-sub-navi .sub-util .sub-favo { background: url('../../images/common/ic-favorite.png') no-repeat center center; transition:background-color 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .sub-favo.on {background: url('../../images/common/ic-favorite-on.png') no-repeat center center;}
.wrap-sub-navi .sub-util .sub-share { background: url('../../images/common/ic-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.on {background:url('../../images/common/ic-share-on.png') no-repeat center center;}
.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 {width: 35px !important; background: url('../../images/common/ico_print.png') no-repeat right 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 {opacity:0; overflow:hidden; max-height:0px; position:absolute;  right:0%; top:53px; width:250px; background:#fff; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .box-sub-favo.on {opacity:1; max-height:1000px; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .box-sub-favo > strong {display:block; border:1px solid #d2d2d2; font-family:'Noto Regular'; font-size:16px; padding: 18px 25px; border-bottom:1px solid #d6d6d6; color: #000;}
.wrap-sub-navi .sub-util .box-sub-favo ul {padding:15px 0; border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2;}
.wrap-sub-navi .sub-util .box-sub-favo ul li {padding:0px 25px; font-family:'Noto Regular'; font-size:14px; color:#666; letter-spacing:-.05em; transition:all .3s; position:relative;}
.wrap-sub-navi .sub-util .box-sub-favo li > a {display:inline-block; vertical-align:middle; color: #666;}
.wrap-sub-navi .sub-util .box-sub-favo ul li strong {position:relative; line-height:30px; display:inline-block; transition:color .3s;}
.wrap-sub-navi .sub-util .box-sub-favo ul li strong::after {content:''; width:0%; height:1px; background:#00307f; position:absolute; left:0; bottom:0; transition:all .3s;} 
.wrap-sub-navi .sub-util .box-sub-favo ul li:hover strong::after {width:100%; }
.wrap-sub-navi .sub-util .box-sub-favo ul li:hover strong {color:#00307f;}
.wrap-sub-navi .sub-util .box-sub-favo ul li a span {display:none;}
.wrap-sub-navi .sub-util .box-sub-favo .close {text-indent:-9999px; position:absolute; right:0px; top:0px; width:60px; height:60px; background:url('../../images/common/btn_favo_close.png') no-repeat center center;}
.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 10px 0 0; background:url('../../images/common/favo-del.png') no-repeat center center; text-indent:-9999px; display:inline-block; vertical-align:middle;}
.wrap-sub-navi .sub-util .box-sub-favo .control {text-align:center; font-size: 0;}
.wrap-sub-navi .sub-util .box-sub-favo .control::after {content:''; display:block; clear:both;}
.wrap-sub-navi .sub-util .box-sub-favo .control button {display:inline-block; display:inline-block; padding:12px 20px; line-height:30px; color: #FFF;font-size: 14px; width:50%; letter-spacing:-.05em;}
.wrap-sub-navi .sub-util .box-sub-favo .control button.add {background: #1F303E;}
.wrap-sub-navi .sub-util .box-sub-favo .control button.reset {background: #4F5F6C;}
.wrap-sub-navi .sub-util .box-sub-share {opacity:0; overflow:hidden; max-height:0px; position:absolute; right:29px; top:53px; width:53px; border:1px solid #c7c7c7; background:#fff; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1); }
.wrap-sub-navi .sub-util .box-sub-share strong {display:inline-block; text-indent:-9999px; position:absolute; }
.wrap-sub-navi .sub-util .box-sub-share.on {opacity:1; 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);}
.wrap-sub-navi .sub-util .box-sub-share .close {width:100%; height: 55px; text-indent: -9999px; background:url('../../images/common/btn_share_close.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .close:hover {transform: rotate( 180deg );transition: all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-sub-navi .sub-util .box-sub-share ul {margin-top:7px;}
.wrap-sub-navi .sub-util .box-sub-share ul button {position:relative; display:block; width:38px; height:38px;; text-indent:-9999px; margin:0px auto 7px auto;}
.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('../../images/common/ic-fb.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .tw {background: url('../../images/common/ic-tw.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .pin {background: url('../../images/common/ico_sns_pin.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .insta {background: url('../../images/common/ic-insta.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .kakao {background: url('../../images/common/ic-kakao.png') no-repeat center center;}
.wrap-sub-navi .sub-util .box-sub-share .addr {background:url('../../images/common/ic-copy.png') no-repeat center;}
.wrap-sub-navi .sub-util .copy {text-align:center;}
.wrap-sub-navi .sub-util .copy button {width:38px; height:38px; display:inline-block; margin: 0 auto 0px auto;  text-indent:-9999px;}

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

@media all and (max-width: 1450px) {
  .wrap-sub-navi .sub-util {right: 31px;}
}

@media all and (max-width: 1000px) {
  .wrap-sub-navi {padding-top: 80px;}
  .wrap-sub-navi .subject {padding: 35px 0 20px 0;}
  .wrap-sub-navi .subject h2 {font-size: 40px;}

  .wrap-sub-navi .sub-navi {padding-bottom: 20px;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button span {font-size: 16px;}
  .wrap-sub-navi .sub-navi .navUl {top: 40px;}
  .wrap-sub-navi .sub-navi .navUl a {padding: 2px 15px; font-size: 15px;}

  .wrap-sub-navi .sub-font {display: none;}
  .wrap-sub-navi .sub-util {bottom: 20px;}
  .wrap-sub-navi .sub-util .sub-print {display: none;}

  .wrap-sub-navi .sub-util .box-sub-share {right: -2px; top: 46px;}
  .wrap-sub-navi .sub-util .box-sub-favo {right: -20px; top: 46px;}
}

@media all and (max-width: 660px) {
  .wrap-sub-navi {padding-top: 70px;}
  .wrap-sub-navi .container {padding: 0 30px;}
  .wrap-sub-navi .subject {padding: 27px 0 13px 0;}
  .wrap-sub-navi .subject h2 {font-size: 30px;}

  .wrap-sub-navi .sub-util {right: 23px; bottom: 58px;}
  .wrap-sub-navi .sub-util > ul > li > button {width: 40px;}
  .wrap-sub-navi .sub-navi > ul > li {padding: 0 7px 0 0;}
  .wrap-sub-navi .sub-navi .navUl a {padding: 3px 15px; font-size: 14px;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button {padding: 0 8px 0 0; background: none;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button::after {top: 8px; width: 2px; height: 2px; background: #acacac;}
  .wrap-sub-navi .sub-navi > ul > li.last > .inner > button::after {display: none;}
  .wrap-sub-navi .sub-navi > ul > li > .inner > button span {font-size: 13px;}
  .wrap-sub-navi .sub-util .sub-favo,
  .wrap-sub-navi .sub-util .sub-share {background-size: auto 20px;}

  .wrap-sub-navi .sub-util .box-sub-favo {right: 0;}
}

.wrap-contents {padding-top: 60px; padding-bottom: 80px;}
.wrap-contents .tab {max-width: 1400px; margin: 0 auto;}
.wrap-contents .tab_div.div_4 {margin-bottom: 60px;}
.popup .wrap-contents {padding: 0 0 120px 0;}
.popup ._contentBuilder > div {max-width: 100% !important; padding: 0 30px;}

@media all and (max-width: 660px) {
  .wrap-contents {padding-top: 40px;}
}

/* Rating */
.wrap-contents .con-rating {margin: 90px 0 0 0;}
.wrap-contents .con-rating .info {overflow: hidden; width: 100%; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.wrap-contents .con-rating .people {float: left; padding: 22px 0 22px 60px; background: url('../../images/common/ico_people.png') no-repeat 20px center; color: #666;}
.wrap-contents .con-rating .mody-time {float: right; padding: 25px 0 25px 0; color: #666;}
.wrap-contents .con-rating .vote {display: table; width: 100%; padding: 25px 30px; background: #fbfbfb; border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2;}
.wrap-contents .con-rating .question, .wrap-contents .con-rating .radio, .wrap-contents .con-rating .comment {display: table-cell; vertical-align: middle;}
.wrap-contents .con-rating .question {width: 37%; padding: 0 0  0 30px; background: url('../../images/common/ico_question.png') no-repeat 0px 4px; color: #3f3f3f;}
.wrap-contents .con-rating .radio {width: 40%; font-size: 14px;}
.wrap-contents .con-rating .radio > div {float: left; padding: 0 4% 0 0;}
.wrap-contents .con-rating .radio input:checked + label {color: #ff4200;}
.wrap-contents .con-rating .radio input {position: relative; top: 2px;}
.wrap-contents .con-rating .comment input, .wrap-contents .con-rating .comment button {float: left;}
.wrap-contents .con-rating .comment input {width: 78%; height: 35px; border: 1px solid #b1b1b1; line-height: 35px;}
.wrap-contents .con-rating .comment button  {width: 20%; height: 35px; margin: 0 0 0 2%; background: #0178dd; color: #fff; font-size: 12px; line-height: 35px; text-align: center;}

@media all and (max-width: 1250px) {
  .wrap-contents .con-rating .question, .wrap-contents .con-rating .radio, .wrap-contents .con-rating .comment {display: inline-block; width: 100%;}
  .wrap-contents .con-rating .question {margin: 0 0 20px 0;}
  .wrap-contents .con-rating .radio {width: 68%;}
  .wrap-contents .con-rating .comment {width: 30%;}
  .wrap-contents .con-rating .comment input {width: 68%;}
  .wrap-contents .con-rating .comment button {width: 30%;}
}

@media all and (max-width: 655px) {
  .wrap-contents .con-rating .radio {width: 100%; margin: 0 0 15px 0;}
  .wrap-contents .con-rating .comment {width: 100%;}
  .wrap-contents .con-rating .question {margin: 0 0 10px 0;}
}

@media all and (max-width: 660px) {
  .wrap-contents .con-rating .people, .wrap-contents .con-rating .mody-time {width: 100%; float: none;}
  .wrap-contents .con-rating .people {padding: 0 0 0 60px; background-image: none;}
  .wrap-contents .con-rating .mody-time {padding: 0 0 0 60px;}
  .wrap-contents .con-rating .info {padding: 20px 0; background: url("../../images/common/ico_people.png") no-repeat 20px center;}
  .wrap-contents .con-rating .radio > div {padding: 0 4% 2% 0;}
}

/* Menu Title */
.contents .menu-title-box {max-width: 1400px; margin: 0 auto; margin-bottom: 40px;}
.contents .menu-title {position: relative; display: inline-block; max-width: 90%; font-family: 'Noto Bold'; font-size: 40px; letter-spacing: -0.5px; line-height: 1.2; color: #121212;}

@media all and (max-width: 660px) {
  .contents .menu-title-box {margin-bottom: 30px;}
  .contents .menu-title {font-size: 22px;}
}

/* Footer */
#multipleContentsDiv_hufs_5776 {padding-top: 0;}
.main .wrap-footer {margin-top: 0;}
.wrap-footer {margin-top: 0;}
.wrap-footer .container {max-width: 1600px; margin: 0 auto;}

.footer-service {border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}
.footer-service .container {position: relative;}
.footer-service button {position: absolute; top: 50%; width: 9px; height: 15px; transform: translate(0, -50%); text-indent: -99999px;}
.footer-service button.prev {left: 40px; background: url('../../images/common/btn-footer-service-prev.png') no-repeat center;}
.footer-service button.next {right: 40px; background: url('../../images/common/btn-footer-service-next.png') no-repeat center;}
.footer-service ul {overflow: hidden;}
.footer-service li {float: left; margin-right: 35px; padding: 10px 0;}
.footer-service a {display: inline-block; padding: 7px 0; font-family: 'Noto Regular'; font-size: 18px; color: #666;}
.footer-service a:hover {color: #000;}
.footer-service .privacy a {color: #008395;}
.footer-service .privacy a:hover {color: #006572;}

.footer-info {padding: 64px 0 64px 0; background: #f8f8f8;}
.footer-info .container {overflow: hidden;}

.footer-sns {float: left; width: 420px;}
.footer-sns .title {font-family: 'Noto Bold'; font-size: 24px; line-height: 1.3; color: #212121;}
.footer-sns .icon {margin-top: 34px;}
.footer-sns .icon ul {display: flex; justify-content: space-between;}
.footer-sns .link {margin-top: 40px;}
.footer-sns .link ul {display: flex; justify-content: space-between; gap: 0 20px;}
.footer-sns .link li {width: 50%;}
.footer-sns .link a {display: block; padding: 18px 10px 18px 20px; font-family: 'Noto Medium'; font-size: 16px; color: #f8f8f8;}
.footer-sns .link .color1 a {background: #008395;}
.footer-sns .link .color1 a:hover {background: #00a7bd;}
.footer-sns .link .color2 a {background: #00284a;}
.footer-sns .link .color2 a:hover {background: #00437e;}
.footer-sns .link a::after {content: ''; position: relative; top: -2px; display: inline-block; width: 60px; height: 8px; margin-left: 14px; background: url('../../images/common/arr-footer-link.png') no-repeat right center;}

.footer-link {display: flex; float: left; width: calc(100% - 420px); padding-left: 11.2%;}
.footer-link .space1 {width: 26%;}
.footer-link .space2 {flex: 1}
.footer-link .space3 {width: 24%;}
.footer-link .title {font-family: 'Noto Bold'; font-size: 24px; line-height: 1.3; color: #212121;}
.footer-link .list {margin-top: 30px;}
.footer-link .list li {padding-bottom: 5px;}
.footer-link .list a {font-family: 'Noto Light'; font-size: 16px; color: #666;}
.footer-link .list a:hover {color: #333;}
.footer-link .list a span {position: relative;}
.footer-link .list a span::after {content: ''; position: absolute; left: 0; bottom: -2px; width: 0; height: 1px; background: #646464; transition: .75s;}
.footer-link .list a:hover span::after {width: 100%;}

.footer-address .container {display: flex; justify-content: space-between; padding: 33px 0; border-top: 3px solid #000;}
.footer-address .add-logo {width: 270px;}
.footer-address .add-txt {position: relative; flex: 1; padding-right: 100px;}
.footer-address .add-txt li {padding-bottom: 5px; font-family: 'Noto Regular'; font-size: 16px; color: #666;}
.footer-address .add-txt li strong {display: inline-block; width: 135px; font-family: 'Noto Bold'; color: #353535;}
.footer-address .add-txt .copy {padding-top: 10px; font-family: 'Play Regular'; font-size: 15px; letter-spacing: normal; color: #000;}
.footer-address .add-txt .icons {position: absolute; right: 25px; top: -4px; text-align: center}
.footer-address .add-txt .icons li {display: inline-block; margin-left: 20px}

.footer-address .add-link {display: flex; gap: 0 10px; justify-content: space-between; width: 500px;}
.footer-address .add-link .box {position: relative; width: 50%;}
.footer-address .add-link .box:nth-child(1) {width: 53%;}
.footer-address .add-link .box:nth-child(2) {width: 47%;}
.footer-address .add-link .link-list {overflow: auto; position: absolute; left: 0; bottom: 100%; z-index: 3; width: calc(100%); max-height: 0px; transition: max-height .75s;}
.footer-address .add-link .link-list::-webkit-scrollbar {width: 7px;}
.footer-address .add-link .link-list::-webkit-scrollbar-thumb {background-color: #008395; border-radius: 3px;}
.footer-address .add-link .link-list::-webkit-scrollbar-track {background-color: #ccc; border-radius: 3px;}
.footer-address .add-link .on .link-list {max-height: 200px;}
.footer-address .add-link .link-list ul {background: #fff; border: 1px solid #d1d1d1; border-bottom: 0; }
.footer-address .add-link .link-list button {display: block; width: 100%; padding: 6.2px 15px; border-bottom: 1px solid #d1d1d1; font-family: 'Noto Regular'; font-size: 14px; text-align: left; color: #002c55;}
.footer-address .add-link .link-list button:hover {color: #003e77;}
.footer-address .add-link .link-now {position: relative; display: block; width: 100%; padding: 12px 15px; border: 1px solid #002c55; font-family: 'Noto Regular'; font-size: 14px; text-align: left; color: #002c55;}
.footer-address .add-link .link-now:hover {color: #003e77;}
.footer-address .add-link .link-go {position: absolute; right: 0; top: 0; width: 45px; height: 45px; font-family: 'Play Bold'; font-size: 18px; line-height: 43px; text-align: center; color: #002c55;}
.footer-address .add-link .link-go:hover {background: #002c55; color: #fff;}

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

@media all and (max-width: 1530px) {
  .footer-address .add-logo {width: 220px;}
  .footer-address .add-txt li strong {width: 100%;}
}

@media all and (max-width: 1350px) {
  .footer-info {padding: 35px 0;}
  .footer-address .container {padding: 33px 0px 60px 0px;}
  .footer-service a {font-size: 14px;}

  .footer-sns {width: 300px;}
  .footer-sns .title {font-size: 17px;}
  .footer-sns .icon {margin-top: 15px;}
  .footer-sns .icon ul {gap: 0 10px;}
  .footer-sns .link {margin-top: 20px;}
  .footer-sns .link ul {gap: 0 10px;}
  .footer-sns .link a {padding: 9px 0 9px 10px; font-size: 12px;}
  .footer-sns .link a::after {width: 26px;}

  .footer-link {width: calc(100% - 300px); padding-left: 5.2%;}
  .footer-link .title {font-size: 17px;}
  .footer-link .list {margin-top: 5px;}
  .footer-link .list a {font-size: 15px;}
  .footer-link .list li {padding-bottom: 1px;}

  .footer-address {padding: 0 40px;}
  .footer-address .add-txt li {padding-bottom: 0; font-size: 14px;}
  .footer-address .add-txt .copy {padding-top: 5px;}
  .footer-address .add-logo {display: none;}
  .footer-address .add-link {gap: 0 5px;}
  .footer-address .add-link .link-now {padding: 9px 15px; font-size: 14px;}
  .footer-address .add-link .link-go {width: 40px; height: 40px; line-height: 35px;}
}

@media all and (max-width: 1000px) {
  .footer-service a {font-size: 14px;}

  .footer-sns {width: 245px;}
  .footer-sns .title {font-size: 16px;}
  .footer-sns .link a {font-size: 11px;}

  .footer-link {width: calc(100% - 245px);}
  .footer-link .title {font-size: 16px;}
  .footer-link .list a {font-size: 14px;}

  .footer-address {padding: 0 30px;}
  .footer-address .container {position: relative; flex-wrap: wrap; padding: 25px 0 240px 0 !important;}
  .footer-address .add-logo,
  .footer-address .add-txt,
  .footer-address .add-link {width: 100%;}
  .footer-address .add-link .box:nth-child(1),
  .footer-address .add-link .box:nth-child(2) {width: 50%;}

  .footer-address .add-logo {display: block; position: absolute; left: 0; bottom: 155px; width: 100%; padding: 0 30px; text-align: center;}
  .footer-address .add-txt {position: static; padding-right: 0px;}
  .footer-address .add-txt li {padding-bottom: 6px; text-align: center; font-size: 14px;}
  .footer-address .add-txt li strong {width: 100%;}
  .footer-address .add-txt .copy {position: absolute; left: 0; top: 280px; width: 100%; padding: 0 30px; text-align: center;}
  .footer-address .add-txt .icons {top: auto; bottom: 20px; right: 0; width: 100%;}
  .footer-address .add-link {margin-top: 10px;}
}

@media all and (max-width: 760px) {
  .wrap-footer .container {padding: 0 30px;}
  .footer-info {padding: 25px 0 0 0;}

  .footer-service button.prev {left: 30px;}
  .footer-service button.next {right: 30px;}

  .footer-sns {display: flex; width: 100%; margin-bottom: 19px;}
  .footer-sns .title {width: 200px;}
  .footer-sns .box {flex: 1;}
  .footer-sns .icon {margin-top: 5px;}
  .footer-sns .link a::after {width: 16px; margin-left: 5px;}

  .footer-link {flex-wrap: wrap; width: 100%; padding-left: 0;}
  .footer-link .title br {display: none;}
  .footer-link .list ul {overflow: hidden;}
  .footer-link .list li {float: left; width: 50%;}
  .footer-link .space2 .list li {width: 100%;}
  .footer-link .space {width: 100%; margin-bottom: 25px;}
}

@media all and (max-width: 600px) {
  .footer-address .add-link {flex-wrap: wrap;}
  .footer-address .add-link .box:nth-child(1),
  .footer-address .add-link .box:nth-child(2) {width: 100%; margin: 5px 0;}
  .footer-address .add-txt .copy {top: 330px;}
}

/* 탑버튼 */
.top-button {position: fixed; right: 30px; bottom: -220px; z-index: 1; text-align: center; transition: 1s;}
.top-button a {display: block; margin: 0 auto; font-size:0px;}
.top-button button {display: inline-block; width: 65px; height: 65px; margin-top: 5px; background: #52565b url('../../images/common/ic-goto-top.png') no-repeat center 16px; border-radius: 100%; box-shadow: 7px 5px 15px -4px rgba(0,0,0,0.49); font-family: 'Play Bold'; font-size: 12px; line-height: 78px; color: #fff;}
.top-button button:hover {background-color: #046dcd; animation-duration: 1s; animation-name: bounceAni; animation-iteration-count: infinite;}
.top-button.fix {bottom: 30px;}
.top-button .faq {width: 65px;height: 65px;margin-top: 5px;background: #2589af url(/sites/hufs/images/common/faqicon.png) no-repeat center 16px;border-radius: 100%;box-shadow: 7px 5px 15px -4px rgba(0, 0, 0, 0.49);font-family: 'Play Bold';font-size: 12px;line-height: 89px; color: #fff; position: relative;}
.top-button .faq:hover {background-color: #03d0e5; animation-duration: 1s; animation-name: bounceAni; animation-iteration-count: infinite;}
.top-button a:hover img{transform: rotatey(360deg); transition: all 0.9s cubic-bezier(0.2, 0, 0.3, 1);}

@media all and (max-width: 1850px) {
  .top-button.fix {bottom: 180px;}
}
@media all and (max-width: 1399px) {
.top-button{bottom: 0;right: -65px;} 
.top-button.fix{bottom: 0;right: 0;} 
.top-button a {  font-size: 12px; width: 65px;height: 65px;
    background: #bf8e55 url(../../images/common/ic-goto-top2.png) no-repeat center 16px;
    box-shadow: 2px 4px 15px 0px rgb(73 67 67 / 64%); font-family: 'Play Bold'; color: #fff; line-height: 91px;}
.top-button a:hover {background-color: #ffc800; animation-duration: 1s; animation-name: bounceAni; animation-iteration-count: infinite;}
.top-button a img{display:none;}
.top-button button{border-radius: 0; margin-top: 0px;  box-shadow: 2px 4px 15px 0px rgb(73 67 67 / 64%); }
.top-button .faq{border-radius: 0; margin-top: 0px;  box-shadow: 2px 4px 15px 0px rgb(73 67 67 / 64%); }
  
  
}
@media all and (max-width: 1000px) {
 /* .top-button {right: 0px;}*/
  .top-button.fix {bottom: 0px;}
  .top-button a img {max-width: 90px}
  .top-button a:hover img{transform: none;}
}

@keyframes bounceAni {
  0% {
    background-position: center 16px;
  }
  50% {
    background-position: center 12px;
  }
  100% {
    background-position: center 16px;
  }
}

/* 플로팅 배너 */
#menu11101_obj5741 {position: absolute; right: -100px; top: 280px; width: 100px !important;}
.wrap-float li.ico1 {background: #a78258 url('../../images/common/ic-floating1.png') no-repeat center 17px;}
.wrap-float li.ico2 {background: #002d56 url('../../images/common/ic-floating2.png') no-repeat center 17px;}
.wrap-float li.ico3 {background: #008395 url('../../images/common/ic-floating3.png') no-repeat center 17px;}
.wrap-float li a {display: block; padding: 55px 0 14px 0; font-family: 'Play Regular'; font-size: 14px; text-align: center; line-height: 1.2; color: #fff;}
.wrap-float li a strong {display: block; font-family: 'Play Bold';}

.sub .wrap-float {position: absolute; right: 0; top: 303px; z-index: 10; width: 100px;}
.sub .wrap-float li a {padding: 53px 0 14px 0;}
.sub .wrap-float li.ico2 a {padding-top: 51px;}

@media all and (max-width: 1450px) {
  #menu11101_obj5741 {width: 80px !important;}
}

@media all and (max-width: 1400px) {
  #menu11101_obj5741 {right: 0;}
}

@media all and (max-width: 1000px) {
  #menu11101_obj5741 {top: 175px; width: 60px !important;}
  .wrap-float li{background-image: none !important;}
  .wrap-float li a {padding: 7px 0 !important; font-size: 11px;}

  .sub .wrap-float {display: none; top: 165px; width: 60px;}
}

@media all and (max-width: 660px) {
  #menu11101_obj5741 {display: none;}
  .sub .wrap-float {display: none;}
}

/* 퀵메뉴 */
.wrap-quick {position: fixed; left: 0; top: 200%; z-index: 130; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; opacity: 0; transition: .75s;}
.wrap-quick.on {top: 0; opacity: 1;}
.edit .wrap-quick {position: static; padding: 100px; opacity: 1; background: rgba(0,0,0,0.45);}
.sub .edit .wrap-quick {display: none;}
.wrap-quick .container {position: relative; width: 90%; max-width: 1240px; background: #008395; padding: 70px 130px 60px 130px;}
.wrap-quick .title strong {font-family: 'Noto Bold'; font-size: 45px; color: #fff;}
.wrap-quick .title strong span {position: relative;}
.wrap-quick .title strong span::after {content: ''; position: absolute; left: 100%; top: 0; width: 12px; height: 12px; background: #7defff; border-radius: 100%;}

.wrap-quick .box {position: relative;}

.wrap-quick .slider {display: inline-block; width: 100%;}
.wrap-quick .slider li {float: left; width: 25%; padding: 0 10px 20px 10px;}
.wrap-quick .slider a {display: block; padding: 15px; font-family: 'Noto Medium'; font-size: 18px; border: 1px solid #fff; text-align: center; color: #fff;}
.wrap-quick .slider a:hover {background: #fff; color: #008395;}

.wrap-quick .list {position: relative; min-height: 242px; margin-top: 65px;}
.wrap-quick.setting .list button {display: none !important;}
.wrap-quick .list .prev,
.wrap-quick .list .next {position: absolute; top: calc(50% - 50px);  width: 24px; height: 75px; text-indent: -999999px;}
.wrap-quick .list .prev {left: -65px; background: url('../../images/common/btn-floating-prev.png') no-repeat center;}
.wrap-quick .list .prev:hover {background: url('../../images/common/btn-floating-prev-on.png') no-repeat center;}
.wrap-quick .list .next {right: -65px; background: url('../../images/common/btn-floating-next.png') no-repeat center;}
.wrap-quick .list .next:hover {background: url('../../images/common/btn-floating-next-on.png') no-repeat center;}

.wrap-quick .button {padding-top: 15px; text-align: center;}
.wrap-quick .button button {width: 120px; height: 45px; margin: 0 8px; border-radius: 100px; font-family: 'Noto Regular'; font-size: 17px; text-align: center; line-height: 45px; color: #fff;}
.wrap-quick .button .btn-save {display: none;}
.wrap-quick .button .color1 {background: #00505b;}
.wrap-quick .button .color2 {background: #111617;}

.wrap-quick .setting {overflow: auto; display: none; position: absolute; left: 10px; top: 0; width: calc(100% - 20px); height: 100%; max-height: 218px; background: #fff; padding: 16px 30px;}
.wrap-quick .setting.on {display: block;}
.wrap-quick .setting li {position: relative; float: left; width: 25%; padding: 4px 0;}
.wrap-quick .setting a {font-family: 'Noto Light'; font-size: 16px; color: #000;}

.wrap-quick .setting input[type="checkbox"]{position: absolute; left: -3px; top: 8px; z-index: 1; border: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 1; cursor: pointer;}
.wrap-quick .setting input[type="checkbox"]:focus{position: absolute; left: -3px; top: 8px; z-index: 1; border: 5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 1; cursor: pointer;}
.wrap-quick .setting input[type="checkbox"] + i{position: relative; top: 2px; display:inline-block; width: 21px; height: 15px; background: url('../../images/common/bg-floating-input.png') no-repeat left center;opacity: 0;}
.wrap-quick .setting input[type="checkbox"]:checked + i::after{content:''; display:inline-block; position: absolute; left: 0; top:0; width: 21px; height: 15px; background: url('../../images/common/bg-floating-input-on.png') no-repeat left center;opacity:0;}

/*.wrap-quick .setting input[type="checkbox"]{position: absolute; left: -3px; top: 8px; z-index: 1; border: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity: 0; cursor: pointer;}
.wrap-quick .setting input[type="checkbox"] + i{position: relative; top: 2px; display: inline-block; width: 21px; height: 15px; background: url('../../images/common/bg-floating-input.png') no-repeat left center;}
.wrap-quick .setting input[type="checkbox"]:checked + i::after{content:''; position: absolute; left: 0; top:0; width: 21px; height: 15px; background: url('../../images/common/bg-floating-input-on.png') no-repeat left center;}
*/


.wrap-quick #lenghtChk {display: none; position: absolute; right: 0; top: -40px; color: #fff;}
.wrap-quick #lenghtChk.on {display: block;}

.wrap-quick .btn-close-quick {position: absolute; right: 0; top: 0; z-index: 10; width: 100px; height: 100px; background: url('../../images/common/btn-floating-close.png') no-repeat center center; text-indent: -99999px;}

@media all and (max-width: 1245px) {
  .wrap-quick .title strong {font-size: 35px;}

  .wrap-quick .list {min-height: 186.5px; margin-top: 31px;}

  .wrap-quick .slider a {padding: 13px; font-size: 15px;}
  .wrap-quick .setting {left: 5px; width: calc(100% - 10px);}
  .wrap-quick .slider li {padding: 0 5px 10px 5px;}

  .wrap-quick .setting {max-height: 172px; padding: 9px 30px;}
  .wrap-quick .setting li span {font-size: 14px;}
}

@media all and (max-width: 1000px) {
  .wrap-quick {left: -99999px; top: 0; background: rgba(0,131,149,.85); transition: opacity .75s;}
  .wrap-quick.on {left: 0;}
  .wrap-quick .container {width: 100%; padding: 0 190px; background-color: transparent;}

  .wrap-quick .title strong {font-size: 30px;}

  .wrap-quick .list {min-height: 143px; margin-top: 65px;}

  .wrap-quick .slider a {padding: 9px; font-size: 14px;}
  .wrap-quick .slider li {padding: 0 2.5px 5px 2.5px;}

  .wrap-quick .button {padding-top: 19px;}
  .wrap-quick .button button {font-size: 14px;}

  .wrap-quick .btn-close-quick {right: 193px; top: 11px; width: 30px; height: 30px;}

  .wrap-quick .setting {left: 2.5px; width: calc(100% - 5px); max-height: 133px;}
  .wrap-quick .setting li {width: 33.333%;}
}

@media all and (max-width: 970px) {
  .wrap-quick .setting {max-height: 179px;}
  .wrap-quick .list {min-height: 189px;}
}

@media all and (max-width: 955px) {
  .wrap-quick .setting li {width: 50%;}
}

@media all and (max-width: 840px) {
  .wrap-quick .container {width: 100%; padding: 0 50px;}

  .wrap-quick .list .prev {left: -40px;}
  .wrap-quick .list .next {right: -40px;}

  .wrap-quick .btn-close-quick {right: 53px;}

  .wrap-quick .setting {max-height: 179px;}
}

@media all and (max-width: 600px) {
  .wrap-quick .list {min-height: 281px;}
  .wrap-quick .setting {max-height: 271px;}
}

/* 유저서비스 */
.wrap-service {position: fixed; left: 0; top: 200%; z-index: 130; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; opacity: 0; transition: .75s;}
.wrap-service.on {top: 0; opacity: 1;}
.edit .wrap-service {position: static; padding: 100px; opacity: 1; background: rgba(0,0,0,0.45);}
.sub .edit .wrap-service {display: none;}
.wrap-service .container {position: relative; width: 90%; max-width: 1240px; background: #002d56; padding: 70px 120px 60px 120px;}
.wrap-service .title strong {font-family: 'Noto Bold'; font-size: 45px; color: #fff;}
.wrap-service .title strong span {position: relative;}
.wrap-service .title strong span::after {content: ''; position: absolute; left: 100%; top: 0; width: 12px; height: 12px; background: #00c4ff; border-radius: 100%;}

.wrap-service .box {position: relative;}

.wrap-service .tab {margin-top: 20px; border-bottom: 1px solid rgba(255,255,255,.3); text-align: center;}
.wrap-service .tab button {position: relative; margin: 0 45px; padding: 31px 0; font-family: 'Noto Light'; font-size: 35px; line-height: 1.2; color: #fff;}

/*.wrap-service .tab button:hover::after, .wrap-service .tab button.on::after {
    content: '선택';  position: absolute; left: calc(50% - 40px); bottom: 0; width: 80px;height: 4px; background: #00c4ff; font-size: 0;}*/
 .wrap-service .tab button.on::after { content: '선택';  position: absolute; left: calc(50% - 40px); bottom: 0; width: 80px;height: 4px; background: #00c4ff; font-size: 0;}
.wrap-service .tab button:hover,
.wrap-service .tab button.on {font-family: 'Noto Medium';}

.wrap-service .list {display: none; margin-top: 40px; padding: 0 50px;}
.wrap-service .list.on {display: block;}
.wrap-service .list ul {display: flex; flex-wrap: wrap; overflow: hidden;}
.wrap-service .list li {position: relative; width: 20%; padding: 12px 0 0 0;}
.wrap-service .list li::before {content: ''; position: absolute; left: 3px; top: 14px; width: 1px; height: 200%; background: #2f516c;}
.wrap-service .list a {position: relative; display: block; padding-left: 19px; font-family: 'Noto Light'; font-size: 16px; color: #fff;letter-spacing:-1px;}
.wrap-service .list a:hover {color: #00c4ff;}
.wrap-service .list a:hover::before {content: ''; position: absolute; left: 0; top: 9px; width: 7px; height: 7px; background: #00c4ff; border-radius: 100%;}
.wrap-service .list a span {position: relative;}
.wrap-service .list a span::after {content: ''; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; background: #00c4ff; transition: width .5s;}
.wrap-service .list a:hover span::after {width: 100%;}
.wrap-service .list a.center {text-align: center;}
.wrap-service .list a.center::before {display: none;}

.wrap-service .sns {margin-top: 80px; text-align: center;}
.wrap-service .sns li {display: inline-block; margin: 0 9px;}
.wrap-service .sns li a {display: inline-block;  height: 19px; text-indent: -99999px;}
.wrap-service .sns li.ico1 a {width: 20px; background: url('../../images/common/ic-service1.png') no-repeat center;}
.wrap-service .sns li.ico2 a {width: 20px; background: url('../../images/common/ic-service2.png') no-repeat center;}
.wrap-service .sns li.ico3 a {width: 15px; background: url('../../images/common/ic-service3.png') no-repeat center;}
.wrap-service .sns li.ico4 a {width: 10px; background: url('../../images/common/ic-service4.png') no-repeat center;}

.wrap-service .btn-close-service {position: absolute; right: 0; top: 0; z-index: 10; width: 100px; height: 100px; background: url('../../images/common/btn-floating-close.png') no-repeat center center; text-indent: -99999px;}

@media all and (max-width: 1245px) {

  .wrap-service .container {padding: 90px 110px 90px 110px;}
  .wrap-service .title strong {font-size: 35px;}

  .wrap-service .tab {margin-top: 17px;}
  .wrap-service .tab button {margin: 0 23px; padding: 16px 0; font-size: 25px;}

  .wrap-service .list {margin-top: 42px; padding: 0;}
  .wrap-service .list li {padding: 6px 0 0 0;}
  .wrap-service .list a {font-size: 15px;}

  .wrap-service .sns {margin-top: 52px;}
}

@media all and (max-width: 1000px) {
  .wrap-service {left: -99999px; top: 0; background: rgba(0, 45, 86, .85); transition: opacity .75s;}
  .wrap-service.on {left: 0;}
  .wrap-service .container {width: 100%; padding: 0 100px; background-color: transparent;}

  .wrap-service .title strong {font-size: 30px;}

  .wrap-service .tab button {font-size: 20px;}

  .wrap-service .list {margin-top: 32px;}
  .wrap-service .list a {font-size: 14px;}

  .wrap-service .btn-close-service {right: 103px; top: 10px; width: 30px; height: 30px;}
}

@media all and (max-width: 820px) {
  .wrap-service .container {padding: 0 50px}
  .wrap-service .list li {width: 33.333%;}
}

@media all and (max-width: 660px) {
  .wrap-service .container {padding: 0 30px}
  .wrap-service .list li {width: 50%;}
  .wrap-service .btn-close-service {right: 30px; top: 10px;}
}

/* 전화안내 추후 sub.css로 옮기기*/
.wrap-phone-intro {position: relative; padding-left: 100px;}
.wrap-phone-intro::after {content: ''; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; max-width: 350px; height: 100%; background: #a78258;}
.wrap-phone-intro .thumb {padding-top: 50px;}
.wrap-phone-intro .con {display: flex; align-items: center;}
.wrap-phone-intro .title {width: 250px; margin-right: 0px;}
.wrap-phone-intro .title strong {font-family: 'Noto Bold'; font-size: 30px; color: #fff;}
.wrap-phone-intro .tel {flex: 1; font-family: 'Noto Regular'; padding: 20px 0 20px 0; font-size: 20px; color: #333;}
.wrap-phone-intro .tel::before {content: ''; display: inline-block; width: 52px; height: 52px; margin-right: 20px; background: url('../../images/sub/ic-phone.png') no-repeat left center; vertical-align: middle;}
.wrap-phone-intro .tel em {font-family: 'Noto Bold'; font-size: 20px; color: #002d56;}

@media all and (max-width: 1024px) {
  .wrap-phone-intro {padding-left: 50px;}
  .wrap-phone-intro .title {width: 300px;}
  .wrap-phone-intro .title strong {font-size: 22px;}
  .wrap-phone-intro .tel {font-size: 18px;}
  .wrap-phone-intro .tel em {font-size: 18px;}
}

@media all and (max-width: 810px) {
  .wrap-phone-intro {padding: 0 30px 15px 30px;}
  .wrap-phone-intro::after {max-width: 100%}
  .wrap-phone-intro .con {flex-wrap: wrap;}
  .wrap-phone-intro .title {width: 49%; margin-right: 0; padding: 10px 0 25px; text-align:center;}
 .wrap-phone-intro .title strong {  color: #ffffff !important; text-align: center; border-bottom-color: #fff!important;}
 .wrap-phone-intro .title a {color: #ebd5bc !important; border-bottom: none!important;}
  .wrap-phone-intro .tel {padding: 0; color: #fff;}
  .wrap-phone-intro .tel em {color: #fff;}
}

/* 팝업 마스터 스킨 */
.popup .pop-title {position: relative; left: -30px; width: calc(100% + 60px); padding: 19px 30px; background: #002d56; font-family: 'Noto Bold'; font-size: 28px; color: #fff;}
.popup .pop-title .btn-pop-close {position: absolute; right: 0; top: 0; width: 130px; height: 100%; background: url('../../images/common/btn-pop-close.png') no-repeat center; text-indent: -999999px;}

.popup .pop-tab ul {display: flex; flex-wrap: wrap;}
.popup .pop-tab li {width: 33.333%; padding: 0 10px 10px 0;}
.popup .pop-tab a {display: block; padding: 16px 0; background: #aaabab; font-family: 'Noto Medium'; font-size: 18px; text-align: center; color: #fff;}
.popup .pop-tab a.on,
.popup .pop-tab a:hover {background: #e63b53;}

.popup .pop-notice .txt {padding: 24px; background: #e7f0f9 url('../../images/common/bg-pop-notice.jpg') no-repeat right top; background-size: cover; font-family: 'Noto Regular'; font-size: 18px; color: #1c1c1c;}
.popup .pop-close {position: fixed; left: 0; bottom: 0; width: 100%; padding: 25px 0; background: rgba(255,255,255,.2); text-align: center; border-top: 1px solid #d1d1d1; backdrop-filter: blur(10px);}
.popup .pop-close button {border: 2px solid #0e2c41; width: 120px; height: 40px; font-family: 'Noto Bold'; font-size: 20px; line-height: 30px; color: #0e2c41;}

@media all and (max-width: 800px) {
  .popup .pop-tab li {width: 50%;}
}

/* Full Page Nav */
.wrap-pager {position: fixed; left: 10px; top: 50%; font-size: 0; z-index: 1;  transform: translate(0, -50%);}

.wrap-pager .btn-pager {display: flex; align-items: start; position: relative; width: 100px; height: 32px; text-align: left; vertical-align: top;}
.wrap-pager .btn-pager::before {content: ''; position: absolute; left: 0; top: 8px; display: inline-block; width: 10px; height: 2px; background: #c7c7c6;}
.wrap-pager .btn-pager:hover,
.wrap-pager .btn-pager.on {margin-bottom: 0px;}
.wrap-pager .btn-pager:hover::before,
.wrap-pager .btn-pager.on::before {top: 4px;width: 10px;height: 10px;border-radius: 100%;background: #a78258;}
.wrap-pager .btn-pager span {display: none; padding-left: 20px; font-family: 'Play Regular'; font-size: 14px; color: #000;}
.wrap-pager .btn-pager:hover span,
.wrap-pager .btn-pager:focus-visible span,
.wrap-pager .btn-pager.on span {display: inline-block;}

.wrap-pager.white .btn-pager::before {background: rgba(255,255,255,1);}
.wrap-pager.white .btn-pager:hover::before,
.wrap-pager.white .btn-pager.on::before {background: rgba(255,255,255,.4)}
.wrap-pager.white .btn-pager span {color: #fff;}

@media all and (max-width: 1200px) {
  .check .wrap-pager,
  .edit .wrap-pager {display: none !important;}
}

/*외대소식 플로팅 배너*/
.wrap-gnb-banner {width: 58%; padding: 43px 0 0 60px;}
.wrap-gnb-banner .title {padding-bottom: 27px; font-family: 'H Bold'; font-size: 30px;}
.wrap-gnb-banner .title strong {font-family: 'H Bold'; color: #008395;}
.wrap-gnb-banner .banner ul {display: flex; justify-content: start;}
.wrap-gnb-banner .banner li {margin-right: 25px;}

@media all and (max-width: 1000px) {
 /* .wrap-gnb-banner {display: none;}*/
 .wrap-gnb-banner .title{display: none;}
.wrap-gnb-banner .banner ul { display: block;}
.wrap-gnb-banner .banner li{margin-top:1px}
.wrap-gnb-banner .banner li img{max-width: 200px;} .wrap-gnb-banner .banner ul { display: block;}
}


.wrap-header .head-navi .eQ04 .ul_2 .li_2:nth-child(2) .li_3:nth-child(4){display:none;}