@charset "utf-8";
#_contentBuilder {height: auto !important;}
.slider-btn-bx{display: none;}

/* Container */
.container {width: 100%; max-width: 1760px; padding: 0 20px; margin: 0 auto;}


/* Top Header */
.main-header {position: absolute; z-index: 1005; left: 0; top: 0px; width: 100%; transition: top 0.5s;}
.main-header.popup {top: 0;}

/* Header */
.header-top {background: rgba(31, 48, 62, 0.5);}
.header-top .container::after {content: ""; display: block; clear: both;}
.header-top-left {float: left;}
.header-top-left ul li {float: left; margin-left: 1px;}
.header-top-left ul li:first-child {margin-left: 0;}
.header-top-left ul li a {display: block; padding: 0 13px; line-height: 40px; font-size: 14px; color: #fff;}
.header-top-left ul li.menu1 a {background: #A90056;}
.header-top-left ul li.menu2 a {background: #5297B4;}
.header-top-left ul li.menu3 a {background: #C27F3D;}
.header-top-left ul li.menu4 a {background: #86775C;}
.header-top-left ul li.menu5 a {background: #595757;}

.header-top-right {float: right;}
.header-top-right::after {content: ""; display: block; clear: both;}
.header-top-right .modify-btn {float: left; border-left: 1px solid rgba(255, 255, 255, 0.15);}
.header-top-right .modify-btn a {display: block; padding: 0 20px; line-height: 40px; font-size: 14px; color: #fff;}
.header-top-right .popup-btn {float: left; border-left: 1px solid rgba(255, 255, 255, 0.15); border-right: 1px solid rgba(255, 255, 255, 0.15);}
.header-top-right .popup-btn button {display: block; padding: 0 20px; line-height: 40px; font-size: 14px; color: #fff;}
.header-top-right .popup-btn button::after {content: ""; display: inline-block; vertical-align: middle; width: 7px; height: 5px; background: url("../../images/button/btn_popup_arrow.png") no-repeat; margin-left: 10px; transform: rotate(0); transition: transform 0.5s;}
.header-top-right .popup-btn.on button::after {transform: rotate(180deg);}
.header-top-right .header-top-login {float: left;}
.header-top-right .header-top-lang {position: relative; float: left; padding:0 20px; border-left: 1px solid rgba(255, 255, 255, 0.15); border-right: 1px solid rgba(255, 255, 255, 0.15);}
.header-top-right .header-top-lang p {font-size: 14px; line-height: 40px; color: #fff; cursor: pointer;}
.header-top-right .header-top-lang p::after {content: ""; display: inline-block; vertical-align: middle; width: 7px; height: 5px; background: url("../../images/button/btn_popup_arrow.png") no-repeat; margin-left: 10px; }
.header-top-right .header-top-lang ul {position: absolute; width: 100%; border: 1px solid #fff; left: 0; text-align: center; padding: 10px 0;  opacity: 0; visibility: hidden; overflow: hidden; background: rgba(31, 48, 62, 0.5); transition: opacity 0.3s;}
.header-top-right .header-top-lang ul li a {display: block; font-size: 13px; color: #fff; padding: 5px 0; transition: color 0.3s;}
.header-top-right .header-top-lang ul li a:hover {color: #FCB041;}

.header-top-right .header-top-lang.on ul {opacity: 1; visibility: visible;}

.wrap-header {background: rgba(0, 0, 0, 0.2); transition: background 0.3s;}
.wrap-header-inner {position: relative; z-index: 1005;}
.wrap-header .container {width:100%;}
.wrap-header .container::after {content: ""; display: block; clear: both;}
.wrap-header .container > div {}

.wrap-header .head-logo {float: left; width: 197px;	margin-top: 12px;}
.wrap-header .head-logo > div {display:inline-block; vertical-align:middle;}
.wrap-header .logo-img {float: left; display: inline-block; vertical-align: middle;}
.wrap-header .head-logo .logo-img a {display: block; width: 197px; height: 78px; background: url("../../images/layout/logo.png") no-repeat center; background-size: contain;}
.wrap-header .head-logo .logo-img img {display:block;}

.wrap-header .head-navi-wrap {float: left; text-align: right; width: calc(100% - 197px);}
.wrap-header .head-navi {display: inline-block;  vertical-align: middle;}
.wrap-header .head-navi .li_1 {display:inline-block;}
.wrap-header .head-navi .li_1:last-child {display: none;}

.wrap-header .head-navi .a_1 span {position:relative;}
.wrap-header .head-navi .div_2 {overflow:hidden; max-height:0; position:absolute; top:100%; left:0px; width:100%;z-index:10000; background:#EDF0F4; text-align:left; transition:all 0.75s cubic-bezier(0.7, 0, 0.3, 1);}
.wrap-header .head-navi .div_2.on {max-height:700px;}

.wrap-header .head-navi .div_2::after {content: ""; display: block; clear: both;}
.wrap-header .head-navi .div_2 .title {float: left; width: 19%; padding: 35px 0% 35px 0%;}
.wrap-header .head-navi .div_2 .title strong {position: relative; display: block; font-size: 27px; line-height: 30px; color: #fff; font-weight: 500;}
/* .wrap-header .head-navi .div_2 .title strong::after {content: ""; position: absolute; right: 0; top: 50%; width: 40%; height: 1px; background: #fff; } */
.wrap-header .head-navi .div_2 .title p {font-size: 16px; line-height: 28px; color: rgba(255, 255, 255, 0.6); margin-top: 20px;}
.wrap-header .head-navi .div_2 .title p span {display: block;}


.wrap-header .head-navi .a_2 {position:relative; display:block; color:#000000; font-size: 17px; line-height: 20px; font-weight: 400; }
.wrap-header .head-navi .a_2 span {display: inline-block; position:relative; padding-right: 20px;}

.wrap-header .head-navi .a_2[target=_blank] span::before {content: ''; position: absolute; right: 0; top: 50%; margin-top: -7.5px; width: 15px;height: 15px; background: url(../../images/layout/ico_blank_link.png) no-repeat center center;}



.wrap-header .head-navi .a_2.on {color:#0c2c67}

.wrap-header .head-util {display: inline-block; vertical-align: middle; margin-left: 15px;}
.wrap-header .head-util li {float:left;}
.wrap-header .head-util li a,
.wrap-header .head-util li button {display:block;}
.wrap-header .head-util li.head-search{display: none;}
.wrap-header .head-util li.head-search button {display: inline-block; width: 40px; height: 40px; background: url("../../images/button/btn_search.png") no-repeat center; margin-right: 25px;}
.wrap-header .head-util li.head-sitemap {padding-top: 2px;}
.wrap-header .head-util li.head-sitemap a {width: 31px; height: 32px; background: url("../../images/button/btn_sitemap.png") no-repeat center; text-align: center; line-height: 32px; text-indent: -99999px;}


.wrap-header .head-util li.head-uhs {background:rgba(12,44,103,0.75) url('../../images/common/ic-head-util3.png') no-repeat center center;}

.wrap-header .btn-gnb-open {display: none;}
.wrap-header .btn-gnb-close {display :none;}
.wrap-header .mobile-global {display: none;}
.wrap-header .head-mobile-top {display: none;}

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

.head-mobile-menu {display: none;}

@media all and (min-width:1024px) {
  .wrap-header.on .head-logo .logo-img a {background: url("../../images/layout/logo_wh.png") no-repeat center; background-size: contain;}
  .wrap-header .head-navi .a_1 {display:block; padding: 0 40px;	font-size: 22px; letter-spacing: -0.5px; line-height: 100px; font-weight: 500; color: #fff;}
  .wrap-header .head-navi .a_1.on:hover {color: #a90056;}
  .wrap-header .head-navi .a_1.on span::after {content: ""; position: absolute; width: 10px; height: 10px; background: #890042; border-radius: 50%; left: 50%; margin-left: -5px; bottom: 15px; z-index: 10001;}
  .wrap-header .head-navi .a_1 span {position: relative; display: block;}
  .wrap-header .head-navi .ul_2 {min-height: 290px;}
  .wrap-header .head-navi .ul_2 {padding:20px 2.5% 20px 2.5%; float: left; width: 81%;}
  .wrap-header .head-navi .ul_2::after {content: ""; display: block; clear: both;}
  .wrap-header .head-navi .ul_2 .li_2 {display: inline-block; padding: 15px 0%; width: 14%; vertical-align: top;}

  .wrap-header .head-navi .div_2::after {content: ""; position: absolute; width: 430px; height: 100%; left: 50%; margin-left: -960px; top: 0; background:#890042 url("../../images/layout/gnb_bg.jpg") no-repeat left bottom; z-index: -1;}

  .wrap-header .head-navi .div_3 {margin-top: 10px;}
  .wrap-header .head-navi .a_3 {position: relative; display: inline-block; font-size: 13px; line-height: 22px; color: #5d5d5d; font-weight: 400; padding-left: 10px; padding-right: 20px;}
  .wrap-header .head-navi .a_3::before {content: ""; position: absolute; width: 3px; height: 3px; background: #890042; left: 0; top: 9px;}

  .wrap-header .head-navi .a_3:hover {color: #242424;}
  .wrap-header .head-navi .a_3 span {position: relative; display: inline-block;}
  .wrap-header .head-navi .a_3 span::before {content: ""; position: absolute; width: 0; height: 1px; background: #242424; left: 0; bottom: 1px; transition: width 0.3s;}
  .wrap-header .head-navi .a_3[target="_blank"]::after {content: ''; position: absolute; right: 0; top: 50%; margin-top: -6px; width: 12px;height: 12px; background: url(../../images/layout/ico_blank_link.png) no-repeat center center;}
  .wrap-header .head-navi .a_3:hover span::before {width: 100%;}

  .wrap-header.on {background: #fff;}
  .wrap-header.on .head-navi .a_1 {color: #000000;}
  .wrap-header.on .head-navi .a_1 {}
  .wrap-header.on .head-logo .logo-title {color: #363636; border-color: #363636; font-size: 1.4vw;}

  .wrap-header .head-navi .a_2:hover {color: #890042; }

  .wrap-header.on .head-util li.head-sitemap a {background: url("../../images/button/btn_sitemap_wh.png") no-repeat center;}
}

@media all and (max-width: 1720px){
  .wrap-header .head-navi .div_2::after {width: 19%; left: 0; margin-left: 0;}
  .wrap-header .head-navi .ul_2 .li_2 {width: 18%;}
}

@media all and (max-width: 1680px){
  .wrap-header .head-navi .a_1 {padding: 0 9px;}
}

@media all and (max-width: 1400px){
  .wrap-header .head-navi .a_1 {padding: 0 10px; font-size: 18px;}
  .wrap-header .head-navi .div_2 .title strong {font-size: 20px;}

}

@media all and (max-width: 1235px) {
  .wrap-header .head-navi .a_1 {font-size: 14.5px; padding: 0 5px;}
	.wrap-header .head-navi .ul_2 {padding: 20px 1%;}
  .header-top-left ul li a {padding: 0 10px;}
  .header-top-right .modify-btn a {padding: 0 10px;}
  .header-top-right .popup-btn button {padding: 0 10px;}
  .header-top-right .header-top-lang {padding-left: 10px;}
}

@media all and (max-width: 1023px) {
  /* body.popup {padding-top: 150px;} */
  .main-header {position: fixed; width: 100%; left: 0; top: 0;}

  .header-top {position: relative; z-index: 1011;}
  .header-top .container {padding-left: 0;}
  .header-top-left ul li a {line-height: 30px; font-size: 12px; padding: 0 10px;}
  .header-top-right .modify-btn {display: none;}
  .header-top-right .popup-btn button {line-height: 30px; font-size: 12px;}
  .header-top-right .header-top-lang p {line-height: 30px; font-size: 12px;}

  .wrap-header-inner.on.fixed {padding-top: 30px;}
  .wrap-header-inner.on.fixed .header-top {position: fixed; left: 0; top: 0; width: 100%; transition: top 0.5s;}
  .wrap-header-inner.on.fixed.popup .header-top {top: 150px;}

  .wrap-header {padding:0;}
  .wrap-header-inner {z-index: auto;}
  .wrap-header .container  {padding:0 20px;}
  .wrap-header .head-navi-wrap {float: right; width: auto;}
  .wrap-header .container .head-sitemap {display:none;}
  .wrap-header .container .btn-gnb-open {position: relative; z-index: 1004; padding-top: 5px;}
  .wrap-header .container .btn-gnb-open button {display: block; width:32px; height: 31px; background: url('../../images/button/btn_sitemap.png') no-repeat center center; text-indent: -9999px;}
  .wrap-header .container .btn-mgnb-close.on {position: absolute; right: 100%; top: 0; display: block; width: 45px; height:45px; background: url('../../images/common/ic-navi-close.png') no-repeat center center;}
  .wrap-header .head-util {position: relative; z-index: 1004; margin-top: 20px;}
  .wrap-header .container .btn-mgnb-close button {display: block; width: 100%; height: 100%; text-indent: -9999px;}
  .wrap-header .head-logo {position: relative; z-index: 1004; margin-top: 0px;}
  .wrap-header .head-logo .logo-img a {background-position: left center; height: 80px; background-size: 75%;}

  .wrap-header .head-navi {position: fixed; right: -100%; top: 30px; z-index: 1010; width: 100%; max-width:500px; height: 100vh;  padding: 0; opacity: 0; transition: all 0.55s cubic-bezier(0.7, 0, 0.3, 1); margin-top: 0;}
  .wrap-header .head-navi.on {right: 0; opacity: 1; transition: all 0.5s;}
  .wrap-header .head-navi.popup {top: 180px;}
  .wrap-header .head-navi.on.popup {top: 180px;}

  .wrap-header .head-mobile-top {position: relative; display: block; padding: 35px 8% 30px; height: 80px; text-align: left; background: #890042;}
  .wrap-header .mobile-link-top a {display: inline-block; padding: 3px 30px; border: 1px solid #fff; border-radius: 25px; font-size: 13px; line-height: 30px; color: #fff;}
  .wrap-header .mobile-link-top a:hover {text-decoration: underline;}

  .wrap-header .head-mobile-gnb .top-util {line-height: 40px; font-size: 0;}
  .wrap-header .head-mobile-gnb .top-util ul {display: inline-block; vertical-align: middle; font-size: 0;}
  .wrap-header .head-mobile-gnb .top-util ul li {display: inline-block; vertical-align: middle;}
  .wrap-header .head-mobile-gnb .top-util button,
  .wrap-header .head-mobile-gnb .top-util a {display: inline-block;  font-size: 13px; vertical-align: middle; color: #fff;}


  .wrap-header .head-navi .menuUItop {position: relative; height: calc(100% - 110px); background: #890042; padding: 0 6%; transition: height 0.5s;}
  .wrap-header .head-navi.popup .menuUItop {height: calc(100% - 260px);}
  .wrap-header .head-navi .div_1 {border-top: 1px solid #fff; height: 100%; overflow-y: auto;}
  .wrap-header .head-navi .div_1 .li_1 {position: static; display: block; width: 100%; padding: 0px; text-align: left; border-bottom: 1px solid #AD4D7B;}
  .wrap-header .head-navi .div_1 .li_1:first-child {}

  .wrap-header .head-navi .div_1 .a_1 {display: block; padding: 10px 4%; text-align: left; font-size: 20px; color: #fff;}
  .wrap-header .head-navi .div_1 .a_1.on {}
  .wrap-header .head-navi .div_1 .a_1 span{position: relative; display: block;}
  .wrap-header .head-navi .div_1 .a_1 span::before {content: ""; position: absolute; width: 21px; height: 13px; right: 0; top: 9px; background: url("../../images/layout/gnb_arrow_m.png") no-repeat center;}
  .wrap-header .head-navi .div_1 .a_1.on span::before {transform: rotate(180deg);}
  .wrap-header .head-navi .div_1 .a_1[target=_blank] span::before {content: ''; position: absolute; right: 0; top: 6px; width: 16px; height: 16px; background: url('../../images/icon/ic_link.png') no-repeat center center;}
  .wrap-header .head-navi .div_1 .a_1:after {display: none;}
  .wrap-header .head-navi .div_1 .a_1:hover {color: #fff;}
  .wrap-header .head-navi .div_1 .a_1.on span:after {display: none;}


  .wrap-header .head-navi .div_2 { position: static; max-height: 0; transition: all 0.5s;}
  .wrap-header .head-navi .div_2.on {top:0; max-height:700px; }
  .wrap-header .head-navi .div_2 .title {display: none;}
  .wrap-header .head-navi .div_2 .container {padding: 0px;}
  .wrap-header .head-navi .div_2 .ul_2 {padding: 0px 0; border: 0; background: #C41368;}
  .wrap-header .head-navi .div_2 .ul_2::after {display: none;}
  .wrap-header .head-navi .div_2 .li_2 {display: block; padding: 0px; border: 0px; width: 100%;}
  .wrap-header .head-navi .div_2 .a_2 {width: 100%; margin: 0; padding: 10px 5%;  font-size: 16px; color: #fff; border: 0;}
  .wrap-header .head-navi .div_2 .li_2:first-child .a_2 {padding-top: 20px;}
  .wrap-header .head-navi .div_2 .li_2:last-child .a_2 {padding-bottom: 20px;}

  .wrap-header .head-navi .div_2 .li_2:first-child .a_2.plus::before {content: ""; position: absolute; width: 12px; height: 2px; background: #fff; right: 5%; top: 50%; margin-top: 3px;}
  .wrap-header .head-navi .div_2 .li_2:first-child .a_2.plus::after {content: ""; position: absolute; width: 12px; height: 2px; background: #fff; right: 5%; top: 50%; margin-top: 3px; transform: rotate(90deg); transition: transform 0.5s;}
  .wrap-header .head-navi .div_2 .li_2:first-child .a_2.plus.on::after {transform: rotate(0deg);}

  .wrap-header .head-navi .div_2 .li_2:last-child .a_2.plus::before {content: ""; position: absolute; width: 12px; height: 2px; background: #fff; right: 5%; top: 50%; margin-top: -5px;}
  .wrap-header .head-navi .div_2 .li_2:last-child .a_2.plus::after {content: ""; position: absolute; width: 12px; height: 2px; background: #fff; right: 5%; top: 50%; margin-top: -5px; transform: rotate(90deg); transition: transform 0.5s;}
  .wrap-header .head-navi .div_2 .li_2:last-child .a_2.plus.on::after {transform: rotate(0deg);}

  .wrap-header .head-navi .div_2 .a_2:hover {color: #fff; text-decoration: underline;}
  .wrap-header .head-navi .div_2 .a_2.plus {position: relative;}
  .wrap-header .head-navi .div_2 .a_2.plus::before {content: ""; position: absolute; width: 12px; height: 2px; background: #fff; right: 5%; top: 50%; margin-top: -1px;}
  .wrap-header .head-navi .div_2 .a_2.plus::after {content: ""; position: absolute; width: 12px; height: 2px; background: #fff; right: 5%; top: 50%; margin-top: -1px; transform: rotate(90deg); transition: transform 0.5s;}
  .wrap-header .head-navi .div_2 .a_2.plus.on::after {transform: rotate(0deg);}
  .wrap-header .head-navi .div_2 .a_2 span{padding: 0; padding-right: 20px;}
  .wrap-header .head-navi .div_2 .a_2 span::after {background: none;}
  .wrap-header .head-navi .div_2 .a_2[target=_blank] span:before { width: 12px; height: 12px; background: url('../../images/icon/ic_link.png') no-repeat center center; margin-top: -6px; background-size: contain;}
  .wrap-header .head-navi .div_3 {overflow: hidden; display: block; width: 100%; max-height: 0px; padding: 0; background: #6E0638; 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: 6px 0;}
  .wrap-header .head-navi .div_3 .li_3 {position: relative; width: 100%; margin: 0px;}
  .wrap-header .head-navi .div_3 .a_3 {display: inline-block; padding: 3px 6%;  font-size: 13px; color: #ff99ca;}
  .wrap-header .head-navi .div_2 .a_3[target=_blank] span:before {top: 8px;}
  .wrap-header .head-navi .div_3 .a_3::after {display: none;}
  .wrap-header .head-navi .div_3 .a_3:hover {color: #fff;}
  .wrap-header .head-navi .div_3 .a_3._active {color: #fff;}
  .wrap-header .head-util .head-sitemap {display: none;}
  .wrap-header .btn-gnb-open {background: url('../../images/common/menu.png') no-repeat right center;}
  .wrap-header .btn-gnb-open,
  .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/button/btn_gnb_close.png') no-repeat center center; text-indent: -99999px;}
  .wrap-header .btn-gnb-close button {width: 100%; height: 100%;}
}

@media all and (max-width: 850px){
  .header-top-left {display: none;}
  .header-top-right .popup-btn button {padding: 0 15px;}
  .header-top-right .header-top-lang {padding-left: 15px;}

  .head-mobile-menu {display: block; position: absolute; left: 6%; top: 20px;}
  .head-mobile-menu ul li {float: left; margin-left: 1px;}
  .head-mobile-menu ul li:first-child {margin-left: 0;}
  .head-mobile-menu ul li a {display: block; padding: 0 5px; line-height: 40px; font-size: 13px; color: #fff;}
  .head-mobile-menu ul li.menu1 a {background: #A90056;}
  .head-mobile-menu ul li.menu2 a {background: #5297B4;}
  .head-mobile-menu ul li.menu3 a {background: #C27F3D;}
  .head-mobile-menu ul li.menu4 a {background: #86775C;}
  .head-mobile-menu ul li.menu5 a {background: #595757;}
}

@media all and (max-width: 500px) {
  .wrap-header .head-navi {max-width: 100%;}
  .wrap-header .head-logo {height: 70px; width: 195px;}
  .wrap-header .head-util {margin-top: 15px;}
  .wrap-header .head-util li.head-search button {width: 28px; background-size: contain; margin-right: 15px;}
  .wrap-header .container .btn-gnb-open button {width: 28px; background-size: contain;}
  .head-mobile-menu ul li {text-align: center;}
  .head-mobile-menu ul li a {font-size: 12px; line-height: 40px; white-space: nowrap;}
  .wrap-header .head-logo .logo-img a{height: 70px; background-size: 60%;}
}

@media all and (max-width: 460px){
  .head-mobile-menu {width: calc(100% - 90px); top: 15px;}
  .head-mobile-menu ul li {width: 50%; margin-left: 0; text-align: center;}
  .head-mobile-menu ul li.menu3, .head-mobile-menu ul li.menu4, .head-mobile-menu ul li.menu5 {width: 33.33%;}
  .head-mobile-menu ul li a {font-size: 11px; line-height: 25px;}
}

@media all and (max-width: 400px){
  .header-top-right .popup-btn button {padding: 0 7px;}
  .header-top-right .header-top-lang {padding-left: 7px;}
}



/* search bx */
.search-bx {position: absolute; width: 100%; background: #A90056; text-align: center; max-height: 0; overflow: hidden; transition: max-height 0.75s; opacity: 0; visibility: hidden;}
.search-bx-inner {padding: 55px 0;}
.search-bx p {display: inline-block; font-family: "Gm"; font-weight: 500; font-size: 24px; color: #fff; padding-left: 45px; background: url("../../images/icon/ic_search.png") no-repeat; margin-right: 30px;}
.search-bx .search-input {display: inline-block; vertical-align: middle; background: #fff; overflow: hidden;}
.search-bx .search-input input {float: left; width: 345px; height: 55px; padding: 0 15px; font-size: 16px; font-weight: 400; color: #000000; border: 0;}
.search-bx .search-input button {float: left; display: inline-block; width: 50px; height: 55px; background: url("../../images/button/btn_popup_search.png") no-repeat center;}
.search-bx .search-close {display: inline-block; vertical-align: middle; margin-left: 35px;}
.search-bx .search-close button {display: inline-block; font-size: 19px; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 7px;}

.search-bx.on {max-height: 165px; opacity: 1; visibility: visible;}

@media all and (max-width: 1023px){
  .search-bx-inner {padding: 30px 0;}
}

@media all and (max-width: 768px){
  .search-bx-inner {padding: 30px 20px; overflow: hidden;}
  .search-bx p {text-align: center; margin-bottom: 15px; font-size: 20px; background-size: 28px auto;}
  .search-bx .search-input {float: left; width: calc(100% - 60px);}
  .search-bx .search-input input {width: calc(100% - 50px); font-size: 14px;}
  .search-bx .search-close {float: left; width: 60px; margin-left: 0; padding-left: 10px; margin-top: 10px;}
  .search-bx .search-close button {font-size: 15px;}
}

/* Footer */
.main .wrap-footer {margin-top: 0;}
.wrap-footer {background-color: #464D5D; margin-top: 90px; padding: 31px 0;}
.siteGuide {padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 30px;}
.siteGuide::after {content: ""; display: block; clear: both;}
.siteGuideInner {float: left; margin-top: 12px;}
.siteGuideInner ul {overflow: hidden;}
.siteGuideInner li {float: left; position: relative; padding: 0 15px;}
.siteGuideInner li::before {content: ""; position: absolute; width: 1px; height: 11px; background: #6B717D; left: 0; top: 9px;}
.siteGuideInner li:first-child {padding-left: 0;}
.siteGuideInner li:first-child::before {display: none;}
.siteGuideInner li a {display: inline-block; font-size: 13px; line-height: 30px; color: #fff; font-weight: 400;}
.siteGuideInner li a:hover {text-decoration: underline;}
.siteGuideInner li.privacy a {font-weight: 400; color: #f8b62d;}

.wrap-footer .footer-jump {float: right; width:328px;}
.wrap-footer .footer-jump::after {content: ""; display: block; clear: both;}
.wrap-footer .footer-jump > div {position:relative;}
.wrap-footer .footer-jump .default-jump {float:left; width:82%; height:52px; padding:0 20px; background:url('../../images/layout/arrow-jump-open.png') no-repeat right center; line-height:50px; font-size:17px; text-align:left; color:#fff; border: 1px solid #303643;}
.wrap-footer .footer-jump .default-jump a {font-size: 14px; font-weight: 400; color:#fff;}
.wrap-footer .footer-jump .go-btn {float:left; width:18%; height:52px; background:#303643; transition: background .4s; font-family:'Titil Regular'; font-weight: 400; font-size: 20px; color: #fff;}
.wrap-footer .footer-jump .go-btn:hover {background-color: #A90057;}
.wrap-footer .footer-jump .jump-menu-list {overflow:hidden; max-height:0px; position:absolute; bottom:9px; left:0px; width:82%; margin: 0 0 -10px 0; transition: max-height 0.8s ease; opacity: 0; visibility: hidden;}
.wrap-footer .footer-jump .jump-menu-list.on {overflow: auto; max-height: 430px; transition: max-height 0.8s ease; opacity: 1; visibility: visible;}
.wrap-footer .footer-jump .jump-menu-list ul {background:#2b3543; border:1px solid #3c4654; border-bottom:0px;}
.wrap-footer .footer-jump .jump-menu-list a {cursor:pointer; padding:10px 15px; border-bottom:1px solid #3c4654; display:block; color:#fff; font-size:15px;}


.footerInner {overflow: hidden;}
.footer-address {float: left;}
.footer-address address {font-size: 14px; line-height: 24px; color: #eaeaea; letter-spacing: -0.25px;}
.footer-address address em {display: inline-block; min-width: 560px; margin-right: 35px;}
.footer-address address span {display: inline-block; margin-right: 35px;}
.footer-address address span:last-child {margin-right: 0;}
.footer-address address span.m-blank {display: inline; margin-left: 0;}
.footer-address .copyright {font-family: "Gm";font-size: 12px; line-height: 20px; color: #eaeaea; letter-spacing: 0; font-weight: 300; margin-top: 20px;}

.footer-sns {float: right;}
.footer-sns ul li {float: left; padding: 0 5px;}
.footer-sns ul li a {display: inline-block; width: 38px; height: 38px; }
.footer-sns ul li a.facebook {background: url("../../images/button/btn_facebook.png") no-repeat center;}
.footer-sns ul li a.facebook:hover {background: url("../../images/button/btn_facebook_on.png") no-repeat center;}
.footer-sns ul li a.cafe {background: url("../../images/button/btn_navercafe.png") no-repeat center;}
.footer-sns ul li a.cafe:hover {background: url("../../images/button/btn_navercafe_on.png") no-repeat center;}
.footer-sns ul li a.blog {background: url("../../images/button/btn_naverblog.png") no-repeat center;}
.footer-sns ul li a.blog:hover {background: url("../../images/button/btn_naverblog_on.png") no-repeat center;}
.footer-sns ul li a.youtube {background: url("../../images/button/btn_youtube.png") no-repeat center;}
.footer-sns ul li a.youtube:hover {background: url("../../images/button/btn_youtube_on.png") no-repeat center;}

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

}


@media all and (max-width: 1100px){
  .siteGuideInner {width: calc(100% - 235px);}
  .wrap-footer .footer-jump {width: 235px;}
  .wrap-footer .footer-jump .default-jump {padding: 0 10px;}
  .wrap-footer .footer-jump .default-jump a {font-size: 13px;}
  .wrap-footer .footer-jump .jump-menu-list a {font-size: 13px;}
}


@media all and (max-width: 1023px) {
  .footer-sns {width: 23%; border-left: 1px solid #6B717D; padding-left: 3%; margin-left: 3%;}
  .footer-address {width: 74%;}
}

@media all and (max-width: 768px){
  .footer-sns {float: none; width: 100%; border-left: 0; text-align: center; margin-left: 0; padding-left: 0; margin-bottom: 20px;}
  .footer-sns ul li {float: none; display: inline-block;}

  .footer-address {float: none; width: 100%; text-align: center;}
  .footer-address address em {display: block; margin-right: 0; min-width: auto;}
  .footer-address address span {margin-right: 25px;}
  .footer-address address:first-child {margin-bottom: 20px;}

  .siteGuide {padding: 0; padding-top: 15px; margin-bottom: 15px;}
  .siteGuideInner {float: none; width: 100%; text-align: center; padding: 15px 0; margin-top: 0;}
  .siteGuideInner li {float: none; display: inline-block;}
  .siteGuideInner li:nth-child(4)::before {display: none;}
  .wrap-footer .footer-jump .default-jump {padding: 0 20px;}
  .wrap-footer .footer-jump {float: none; width: 100%;}
  .wrap-footer .footer-jump .default-jump, .wrap-footer .footer-jump .jump-menu-list {width: calc(100% - 60px);}
  .wrap-footer .footer-jump .go-btn {width: 60px;}
}

@media all and (max-width: 500px){
  .wrap-footer {padding-bottom: 65px;}
}


/* 사이드 버튼 */
.slide-btn {position: fixed; bottom: 20px; right: 20px; z-index: 1003; text-align: center;}
.slide-btn .slider-btn-bx {border-radius: 45px; overflow: hidden;}
.slide-btn .slider-btn-bx button {display: block; width: 80px; height: 110px; padding: 20px 0; background: #F69910;}
.slide-btn .slider-btn-bx button p {font-size: 12px; line-height: 15px; letter-spacing: 0; color: #fff; font-weight: 400; margin-top: 10px;}
.slide-btn .slider-btn-bx button:first-child {background: #CB1071;}
.slide-btn .slider-btn-bx .gwnupopup-img {position: relative; display: inline-block;}
.slide-btn .slider-btn-bx .gwnupopup-img .num {position: absolute; width: 20px; height: 20px; border-radius: 50%; right: -10px; top: -10px; background: #FF6600; font-size: 11px; color: #fff; text-align: center; line-height: 20px; }
/* Go to top */
.top-btn {opacity: 0; visibility: hidden; transition: all .3s; margin-top: 10px;}
.top-btn.scrolled {opacity: 1; visibility: visible; }
.top-btn button {display: inline-block; width: 60px; height: 60px; padding-top: 5px; background: #A90057; border-radius: 50%; text-align: center; font-size: 10px; font-weight: 500; color: #fff; font-family: "Gm";}
.top-btn button img {display: block; margin: 0 auto; margin-bottom: 7px;}

.m-top-btn {display: none; position: fixed; bottom: 20px; z-index: 1003;}
.m-top-btn {opacity: 0; visibility: hidden; transition: all .3s; margin-top: 10px;}
.m-top-btn.scrolled {opacity: 1; visibility: visible; }
.m-top-btn  button {display: inline-block; width: 60px; height: 60px; padding-top: 5px; background: #A90057; border-radius: 50%; text-align: center; font-size: 10px; font-weight: 500; color: #fff; font-family: "Gm";}
.m-top-btn  button img {display: block; margin: 0 auto; margin-bottom: 7px;}


@media all and (max-width: 1023px){
  .top-btn {display: none;}
  .m-top-btn {display: block; right: 20px;}

  .slide-btn {position: static;}
  .sub .slide-btn {position: fixed;}
}

@media all and (max-width: 768px){
  .sub .slide-btn {display: none;}
}

@media all and (max-width: 500px){
  .slide-btn {top: auto; bottom: 10px; right: 10px;}
  .slide-btn .slider-btn-bx {}
  .slide-btn .slider-btn-bx button {width: 55px; height: 80px; padding: 13px 0;}
  .slide-btn .slider-btn-bx button p {font-size: 10px; line-height: 12px; margin-top: 5px;}
  .slide-btn .slider-btn-bx button img {max-width: 50%;}
  .slide-btn .slider-btn-bx .gwnupopup-img img {max-width: 75%;}
  .slide-btn .slider-btn-bx .gwnupopup-img .num {width: 15px; height: 15px; font-size: 8px; line-height: 15px; right: -5px; top: -5px;}
}


/* 팝업창 레이아웃 */
.popup-wrap {position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); z-index: 10000;}

.modify-popup-wrap {}
.modify-popup-wrap.on {opacity: 0; visibility: hidden;}
.modify-popup-wrap .popup-inner {position: relative; top: 50%; transform: translate(0, -50%); text-align: center;}
.modify-popup-wrap .popup-bx {position: relative; display: inline-block; padding: 20px;}
.modify-popup-wrap .popup-bx a {display: block;}
.modify-popup-wrap .popup-area {display: inline-block; padding: 20px;}
.modify-popup-wrap .popup-bx .gwnu-popup-close {right: 0px; top: 0px;}


.gwnu-popup-wrap {opacity: 0; visibility: hidden; transition: opacity 0.5s;}
.gwnu-popup-wrap.on {opacity: 1; visibility: visible;}
.gwnu-popup-wrap .popup-inner {position: relative; top: 50%; max-width: 1670px; margin: 0 auto; transform: translate(0, -50%);}
.gwnu-popup-wrap .popup-area {max-width: 1620px; padding: 0 100px; margin: 0 auto;}

.popup-bx .popup-top-bx {padding: 30px 0 55px;}
.popup-top-bx .popup-top-right {float: right; margin-right: 10px;}
.popup-top-bx .popup-num {float: left; padding-right: 20px; margin-right: 20px; background: url("../../images/layout/popbanner_line.png") no-repeat right center;}
.popup-top-bx .popup-num p {font-size: 16px; color: #fff; font-weight: 400;}
.popup-top-bx .popup-num p span {color: #ffa200;}
.popup-top-bx .popup-nottoday {float: left;}
.popup-top-bx .popup-nottoday input {display: none;}
.popup-top-bx .popup-nottoday label {font-size: 15px; color: #fff; line-height: 20px; padding-left: 30px; background: url("../../images/button/btn_checkcustom_1.jpg") no-repeat left center; vertical-align: middle;}
.popup-top-bx .popup-nottoday input:checked + label {background: url("../../images/button/btn_checkcustom_1_on.jpg") no-repeat left center;}

.popup-slider ul li {text-align: center; padding: 0 25px;}
.popup-slider ul li img {display: inline-block;}

.popup-slider {position: relative;}
.popup-slider .popup-arrow-btn {position: absolute; width: 30px; height: 50px; top: 50%; margin-top: -25px;}
.popup-slider .popup-arrow-btn.popup-prev {background: url("../../images/button/btn_popupbanner_prev.png") no-repeat center; left: -75px;}
.popup-slider .popup-arrow-btn.popup-next {background: url("../../images/button/btn_popupbanner_next.png") no-repeat center; right: -75px;}

.popup-bx .gwnu-popup-close {position: absolute; right: 10px; top: 0;background: rgba(213, 0, 108, 0.5); border-radius: 50%; text-align: center; width: 90px; height: 90px; padding: 10px;}
.popup-bx .gwnu-popup-close button {display: block; border-radius: 50%; width: 100%; height: 100%; background: #E70075 url("../../images/button/btn_popupbanner_close.png") no-repeat center; transform: rotate(0); transition: transform 0.5s;}
.popup-bx .gwnu-popup-close:hover {animation-name: bigRound; animation-duration: 0.5s; animation-iteration-count: infinite;}
.popup-bx .gwnu-popup-close:hover button {transform: rotate(270deg);}

@keyframes bigRound {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@media all and (max-width: 768px){
  .popup-bx .gwnu-popup-close {width: 60px; height: 60px; right: 10px;}
  .popup-bx .gwnu-popup-close button {background-size: 20px auto;}
  .popup-bx .popup-top-bx {padding: 20px 0 35px;}
  .popup-top-bx .popup-top-right {margin-right: 15px;}
  .gwnu-popup-wrap .popup-area {padding: 0 70px;}
  .popup-slider .popup-arrow-btn.popup-prev {left: -40px;}
  .popup-slider .popup-arrow-btn.popup-next {right: -40px;}
}

@media all and (max-width: 500px){
  .popup-bx .popup-top-bx {padding-top: 5px;}
  .popup-top-bx .popup-top-right {float: none;}
  .popup-top-bx .popup-num {float: none; background: none; margin-right: 0; padding-right: 0;}
  .popup-top-bx .popup-nottoday {float: none;}
  .popup-bx .gwnu-popup-close {right: 20px;}

  .popup-slider ul li {padding: 0;}
}

/* 유저서비스 팝업창 */

.user-popup-wrap {opacity: 0; visibility: hidden; transition: opacity 0.5s;}
.user-popup-wrap.on {opacity: 1; visibility: visible;}
.user-popup-wrap .popup-inner {max-width: 1160px; margin: 0 auto; height: 100%; padding: 0 20px;}
.user-popup {position: relative; top: 50%; padding-bottom: 70px; transform: translate(0, -50%); text-align: center; background: url("../../images/user/user_popup_bg.jpg") no-repeat center; background-size: cover;}
.user-popup .user-popup-close {position: absolute; width: 40px; height: 40px; background: url("../../images/button/btn_user_close.png") no-repeat center; right: 35px; top: 50px; transform: rotate(0); transition: transform 0.5s;}
.user-popup .user-popup-close:hover {transform: rotate(270deg);}

.user-popup-area {max-width: 780px; margin: 0 auto; padding: 0 20px;}
.user-popup-title {padding: 45px 80px 55px;}
.user-popup-title p {font-family: "Gm"; font-weight: 300; font-size: 20px; color: #a6a6a6; letter-spacing: 3.4px; margin-bottom: 20px;}
.user-popup-title strong {display: block; font-family: "Gm"; font-weight: 600; font-size: 46px; color: #252f42;}

.user-popup-btn {max-width: 640px; margin: 0 auto;}
.user-popup-btn li a {display: block; height: 68px; line-height: 68px; border-radius: 35px; font-size: 18px; color: #6e6e6e; font-weight: 400;}
.user-popup-btn li.slick-current a {color: #fff;}
.user-popup-btn li:first-child.slick-current a {background: #A90057;}
.user-popup-btn li:nth-child(2).slick-current a {background: #25AAE2;}
.user-popup-btn li:nth-child(3).slick-current a {background: #F39100;}
.user-popup-btn li:nth-child(4).slick-current a {background: #C4A161;}

.user-more {position: absolute; width: 80px; height: 85px; font-size: 11px; right: 0; bottom: 0; z-index: 2; }
.user-more a {position: relative; display: block; width: 100%; height: 100%;}
.user-more a::before {content: ""; position: absolute; left: 0; top: 0; width: 0; height: 0; z-index: 1;}
.user-more a span {display: block; position: absolute; right: 0; bottom: 0; font-size: 11px; color: #fff; font-weight: 400; padding-bottom: 25px; padding-right: 5px; z-index: 3;}
.user-more a span::after {content: ""; position: absolute; width: 12px; height: 12px; background: url("../../images/button/btn_user_more.png") no-repeat center; right: 15px; bottom: 10px; z-index: 2; transform: rotate(0); transition: transform 0.5s;}

.user-more a:hover span::after {transform: rotate(270deg);}

.user-popup-inner:first-child .user-more a::before {border-bottom: 42px solid #A90057; border-left: 40px solid transparent; border-right: 40px solid #A90057; border-top: 42px solid transparent;}
.user-popup-inner:nth-child(2) .user-more a::before {border-bottom: 42px solid #25AAE2; border-left: 40px solid transparent; border-right: 40px solid #25AAE2; border-top: 42px solid transparent;}
.user-popup-inner:nth-child(3) .user-more a::before {border-bottom: 42px solid #F39100; border-left: 40px solid transparent; border-right: 40px solid #F39100; border-top: 42px solid transparent;}
.user-popup-inner:nth-child(4) .user-more a::before {border-bottom: 42px solid #C4A161; border-left: 40px solid transparent; border-right: 40px solid #C4A161; border-top: 42px solid transparent;}

.user-popup-bx {position: relative; padding: 6px; background: url("../../images/user/user_line_bg.png"); margin-top: 38px;}
.user-popup-bx .slick-arrow.slick-hidden {display: block;}
.user-popup-bx .user-btn {position: absolute; display: inline-block; width: 24px; height: 40px; top: 50%; margin-top: -12px;}
.user-popup-bx .user-btn.user-prev {background: url("../../images/button/btn_user_prev.png") no-repeat center; left: -70px;}
.user-popup-bx .user-btn.user-prev:hover {background: url("../../images/button/btn_user_prev_on.png") no-repeat center;}

.user-popup-bx .user-btn.user-next {background: url("../../images/button/btn_user_next.png") no-repeat center; right: -70px;}
.user-popup-bx .user-btn.user-next:hover {background: url("../../images/button/btn_user_next_on.png") no-repeat center;}

.user-popup-list {background: #fff;}
.user-popup-list .user-popup-inner {padding: 25px 2% 30px; min-height: 290px;}
.user-popup-inner ul li {display: inline-block; width: 16%; vertical-align: top;}
.user-popup-inner ul li a {display: block; padding: 20px 0; font-size: 12px; line-height: 16px; color: #555555; font-weight: 400;}
.user-popup-inner ul li a p {margin-top: 5px;}
.user-popup-inner ul li img {display: inline-block;}

.user-popup-inner ul li a:hover {text-decoration: underline;}

@media all and (max-width: 1023px){
  .user-popup {padding-bottom: 40px;}
  .user-popup-area {padding: 0 80px; max-width: 960px;}

  .user-popup-title {padding: 45px 80px 30px;}
  .user-popup-title p {font-size: 16px;}
  .user-popup-title strong {font-size: 30px;}

  .user-popup-btn li a {height: 55px; line-height: 55px;}

  .user-popup-bx {margin-top: 20px;}
  .user-popup-bx .user-btn.user-prev {left: -40px;}
  .user-popup-bx .user-btn.user-next {right: -40px;}

  .user-popup-list .user-popup-inner {padding: 20px 20px 30px; height: 100%; min-height: 321px;}
  .user-popup-inner ul li {float: left; width: 25%;}
  .user-popup-inner ul li a {padding: 10px 0;}
}

@media all and (max-width: 768px){
  .user-popup-area {padding: 0 20px;}
  .user-popup .user-popup-close {width: 30px; background-size: contain; right: 20px; top: 20px;}
  .user-popup-bx .user-btn {display: none !important;}
  .user-popup-title {padding: 35px 50px 30px;}
  .user-popup-title p {font-size: 14px; margin-bottom: 10px;}
  .user-popup-title strong {font-size: 24px;}
  .user-popup-title strong .m-blank {display: block;}
  .user-popup-btn ul li {width: 25%;}
  .user-popup-btn li a {height: 40px; line-height: 40px; font-size: 15px;}

  .user-popup-list .user-popup-inner {min-height: 406px;}
  .user-popup-inner ul li {float: none; display: inline-block; width: 30%;}
}

@media all and (max-width: 500px){
  .user-popup-title {padding: 24px 50px 20px;}
  .user-popup-title p {display: none;}
  .user-popup-title strong {font-size: 22px;}
  .user-popup-list .user-popup-inner {padding: 20px 0 30px;}
}