@charset "utf-8";

/* base */
.wrap {width: 1200px; margin: 0 auto; position: relative;z-index: 2;}
.area_all_menu {display: none;}

/* header */
/* #header {position: absolute; z-index: 999;} */
header#header.hide {
    transition: all 0.5s ease;
    transform: translateY(00%);
}
#header .btn_close {display: none;}
#header .inner {display:flex;justify-content: flex-end;align-items:center;padding: 35px 95px;position: relative;box-sizing: border-box;transition: all 0.3s ease;}

#header #btn_pc, #header .btn_menu{position:relative;/*position:absolute;top: 52px;left: 95px;*/width: 28px;height: 18px;transition:.5s ease-in-out;transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;cursor:pointer;font-size: 0px;}
#header #btn_pc span, #header .btn_menu > span{display:block;position:absolute;opacity:1;right:0;width:100%;height: 2px;background:#FFF;transition:.25s ease-in-out;transform:rotate(0deg);-webkit-transform:rotate(0deg);border-radius:9px;-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;}
#header #btn_pc span:nth-child(1), #header .btn_menu > span:nth-of-type(1){top:0px;}
#header #btn_pc span:nth-child(2), #header .btn_menu > span:nth-of-type(2){top:50%;}
#header #btn_pc span:nth-child(3), #header .btn_menu > span:nth-of-type(3){top:100%;}
#header #btn_pc.open span:nth-child(1), #header .btn_menu.open > span:nth-of-type(1){top:10px; transform:rotate(135deg); -webkit-transform:rotate(135deg); -moz-transform:rotate(135deg); -o-transform:rotate(135deg);}
#header #btn_pc.open span:nth-child(2), #header .btn_menu.open > span:nth-of-type(2){opacity:0; right:-20px;}
#header #btn_pc.open span:nth-child(3), #header .btn_menu.open > span:nth-of-type(3){top:10px; transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -o-transform:rotate(-135deg);}

#header .btn_menu.active .full_menu {display: block;}
#header.web .btn_menu {display: none;}

body.scrolled #header {background:#fff;box-shadow: 7px 8px 29px 0px rgb(0 0 0 / 9%);}
#google_translate_element .skiptranslate{display: block !important;padding-top: 15px;}
#google_notranslate_top{display:none}
#google_translate_element > div > span{display:none}
#google_translate_element > div select{    padding: 7px 15px;    border-radius: 20px;    font-size: 13px;margin: 0 0 0 2px; border:0}

/* header */
#header{position:fixed;z-index: 99;top: 0;left: 0;width: 100%;transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
body.scroll #header {top: -100px;transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}
#header h1{position: absolute;top: 20px;left: 50%;height: 47px;width:220px;transform: translate(-50%, 0);z-index: 999;display: inline-block;transition: all 0.9s cubic-bezier(0.165, 0.84, 0.44, 1);}
#header h1 a {display: inline-block;width:100%;height:100%;background: url(../img/main/logo_w.png) no-repeat; background-size: contain;}
#header.on h1 a {background: url(../../images/common/img_logo_on.png) no-repeat;background-size: contain;}
#header.on h1 {position:inherit;transform: inherit;top: inherit;left: inherit;width: 268px;height: 53px;overflow: hidden;}

#header nav .gnb{display: none;}
#header.on nav .gnb{display: block;}
#header nav .gnb > li{display:inline-block;position:relative;padding: 0 18px;transition: .5s;}
#header nav .gnb > li:last-child:after{background:none;}
#header.web nav .gnb > li > a{color:#000;padding: 32px 0;font-family: 'Cormorant Garamond', 'Noto Sans KR', Sans-serif;font-size: 19px;text-transform: uppercase;font-weight: 600;}
#header.web nav .gnb > li > a.on, #header.on nav .gnb > li > a:hover {color: #a57d43;}
#header.on{background:#fff;top: 0;}
#header.on > .inner{padding: 11px 92px;box-shadow: 15px 20px 29px 0px rgb(0 0 0 / 8%);}
#header.on nav{color:#222;}
#header.on .btn_sitemap > span{background:#000 !important;}
#header.on.short .inner{padding:17px 0;}
#header.on.short h1 a{width:54px; height:54px;}

.ani_on #header{top:0;}
#header.on, #header.on .util_sns a,
#header.on .util_wrap a.icon_lang {color: #c3934f;}
#header.on .btn_menu {display: none;}
#header.on .btn {color: #c3934f !important;border: 1px solid #c3934f;background: #FFF !important;font-weight: 300 !important;}

#header .util_sns a {float: left;font-size: 0;display: inline-block;margin: 0 8px;}
#header .util_sns *[class^=icon_] {width: 21px;height: 21px;background-size: contain;background-repeat: no-repeat;background-position: center;}
#header .util_sns .icon_Ista {background-image: url(../images/common/icon-insta.svg);}
#header .util_sns .icon_faceB {background-image: url(../images/common/icon_facebook.svg);}
#header .util_sns .icon_Utube {background-image: url(../images/common/icon_youtube.svg);}

#header .util_wrap {display: flex;align-items: center;z-index: 999;}
#header .util_wrap a.icon_lang, #header.on .util_wrap {display: flex;align-items: center;color: #fff;font-weight: 500;font-size: 14px;}
#header .util_wrap a.icon_lang i {background: url(../images/common/icon_lang.png) no-repeat center;width: 19px;height: 19px;margin-right: 9px;display: inline-block;background-size: contain;}
#header .util_wrap a.btn i {background: url(../images/common/icon_calendar.png);width: 21px;height: 22px;margin-right: 12px;display: inline-block;}
#header .util_wrap .btn {display: flex;align-items: center;justify-content: center;margin-left: 20px;padding: 9px 9px;font-weight: 200;background: #0000000f;}
#header.on .util_wrap a.icon_lang i {background: url(../images/common/icon_lang_on.png);}
#header.on .util_wrap a.btn i {background: url(../images/common/icon_calendar_on.png);}

#header .util_wrap .btn_news {display: inline-block;width: 24px;height: 27px;background: url(/images/common/icon_notice.svg) center no-repeat;background-size: contain;margin-right: 18px;text-indent: -9999px;cursor: pointer;transform-origin: 50% 0%;animation-name: shake;animation-duration: 3.5s;animation-iteration-count: infinite;animation-timing-function: ease;animation-delay: 3s;}
#header.on .util_wrap .btn_news {background: url(/images/common/icon_notice_on.svg) center no-repeat;}
@keyframes shake{
    0%,20%,40%{
        transform: rotate(0deg);
    }
    50%{
        transform: rotate(10deg);
    }
    60%{
        transform: rotate(-8deg);
    }
    70%{
        transform: rotate(6deg);
    }
    80%{
        transform: rotate(-4deg);
    }
    90%,100%{
        transform: rotate(0deg);
    }
}

/* body.scroll #header {background: #fff;}
body.scroll #header h1 {filter: invert(1);width: 180px;height: 54px;top:12px;}
body.scroll #header #btn_pc span {background: #000;} */
body.scrolled .hd_login a {color:#FFF;background: #000;}
.hd_login a {color:#000;padding: 7px 15px;border-radius: 20px;background: #fff;font-size: 14px;}
body.scrolled #header h1 a {background: url(../img/main/logo.png) no-repeat; background-size: contain;}
body.scrolled #header h1 {height: 43px;width: 200px;top: 18px;}

/* full_menu */
#header #btn_pc.open span {background: #000;}

#header.open i.btn_close {display: none;}
.full_inner{border-top: 1px solid #ffffff1c;border-bottom: 1px solid #ffffff1c;}
.full_inner .wrap{display:flex;position:relative;height: calc(100vh - 190px);max-height: calc(100vh - 190px);align-items: center;}

.full_gnb{display:flex;align-items:center;position:relative;opacity:0;}

.full_menu{position:fixed;opacity:0;visibility:hidden;overflow:hidden;top:0;left:0;z-index: -1;width:100%;height:100vh;transition:all 0.7s ease 0s;background-position: right 60%;}
.full_menu.open{opacity:1;visibility:visible;z-index: 98;background-repeat: no-repeat;}
.full_menu.open .full_gnb{opacity:1;transition: all 1.2s ease 0.3s;}

.full_menu .full_gnb *{color:#000;}
.full_menu .full_gnb > .gnb > li.hover, .full_menu .full_gnb > .gnb > li.on{margin-bottom: 45px;transition: all 0.5s ease 0s;}
.full_menu .full_gnb > .gnb > li {transition: all 0.5s ease 0s;}
.full_menu .full_gnb > .gnb > li:last-child{margin-bottom:0;}
.full_menu .full_gnb > .gnb > li > ul{display:flex;position:relative;top: 10px;flex-wrap:wrap;transition: all 0.5s ease 0s;}
.full_menu .full_gnb > .gnb > li:hover > ul {height: auto;}
.full_menu .full_gnb > .gnb > li > ul > li > a{font-size:15px;line-height: 1;text-transform: uppercase;}
.full_menu .full_gnb > .gnb > li > a + ul > li.active:after{opacity:1;}
.full_menu .full_gnb > .gnb > li > ul > li > a i{display:none;}
.full_menu .full_gnb > .gnb > li > ul > li{margin-right:20px;}
.full_menu .full_gnb > .gnb > li > a{display:flex;align-items:center;position:relative;/*opacity: 0.25;*/line-height:1;font-size: 47px;letter-spacing:1px;transition:all 0.5s ease 0s;}
.full_menu .full_gnb > .gnb > li > a:hover{opacity:1;}
.full_menu .full_gnb > .gnb > li > a + ul > li{opacity:0;visibility:hidden;transition:all 0.5s ease 0s;position: relative;}
.full_menu .full_gnb > .gnb > li.hover > ul > li, .full_menu .full_gnb > .gnb > li.on > ul > li{opacity:1; visibility:visible; transform:translateX(0px);}
.full_menu .full_gnb > .gnb > li.hover > a, .full_menu .full_gnb > .gnb > li.on > a{opacity:1;}
.full_menu .full_gnb > .gnb > li.hover > a:before{opacity:1; transform:translateX(0px);}
.full_menu .full_gnb span[data-gnb="ko"]{display:none;}
.full_menu .full_gnb > .gnb > li > ul > li > a.hide {display:none;}
.full_menu .full_inner .img {padding-right: 130px;}

.full_menu .copyright_wrap {width: 1400px;margin: 0 auto;display: flex;align-items: center;justify-content: space-between;padding-top: 25px;font-size: 14px;}
.full_menu .copyright_wrap > * {color: red;font-weight: 200;font-size: 14px;}

.mob .full_menu .full_gnb > .gnb > li > a + ul > li {opacity: 1;visibility: visible;}
.mob .full_menu .full_gnb > .gnb > li > ul {transition: none;}
.full_menu .full_gnb > .gnb > li {padding: 7px 0;}

.main.open #top_banner {display: none;}


/* global-language */
header .global-language-wrap {display: flex;}
header .global-language {background-color: #fff;position: relative;display: inline-block;padding: 8px;border-radius: 30px;margin-left:18px;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 0.15s;transition-duration: 0.15s;-webkit-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-delay: 0s;transition-delay: 0s; }
header .global-language .btn-language {display: block;width: 20px;height: 20px;margin: 0 auto;border-radius: 50%;overflow: hidden;background: url(/img/main/ico_global.png) center/120%;border: 1px solid #000;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 0.15s;transition-duration: 0.15s;-webkit-transition-timin-function: linear;transition-timing-function: linear;}
header .global-language .btn-language:hover {animation: vibration .5s; }
header .global-language > ul {position: absolute;top: 35px;background: #fff;left: calc(50% - 18px);overflow: hidden;height: 0;padding:0 6px;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 0.15s;transition-duration: 0.15s;-webki-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-delay: 0s;transition-delay: 0s;border-radius: 0 0 18px 18px;}
header .global-language > ul li:last-child {padding-bottom:8px;}
header .global-language > ul > li ~ li {margin-top: 5px;}
header .global-language > ul > li > a {position: relative;z-index: 1;display: block;width: 24px;height: 24px;border-radius: 50%;overflow: hidden;background-repeat: no-repeat;background-position: 50% 50%;background-size: 28px auto;border: 1px solid #9999997a;}
header .global-language > ul > li > a:hover {animation: vibration .5s;}
header .global-language.show > ul {height: auto;}
header .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
header .global-language.show:after {content:'';width:36px;height:16px;background: #fff;display: inline-block;position: absolute;bottom: 0;left: 0;z-index: -1;}
.hd_login li {padding: 0;margin: 0 2px;}  

/* quick */
article.area_quick {padding:0 !important}
.area_quick a.btn_top {opacity: 0;bottom: 0rem;transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}
body.scrolled .area_quick .btn_top {opacity: 1;position: fixed;bottom: 5rem;right: 10px;z-index: 999;display: flex;color: #fff;justify-content: center;align-items: center;flex-direction: column;}
.area_quick a.btn_top span {text-transform: uppercase;font-size: 12px;letter-spacing: 0;}
.area_quick a.btn_top:before {content:'';width: 0;height: 0;border-bottom: 7px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;margin-bottom: 3px;}
.quick_wrap {position: fixed;bottom: 5rem;right: 10px;font-size: 13px;z-index: 100;transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);}
body.scrolled .quick_wrap {bottom: 9.3rem;}
.quick_wrap ul {position: relative;margin: 0;padding: 0;list-style: none;}
.quick_wrap li {width: 60px;height: 60px;border-radius: 50%;cursor: pointer;}

.ico02, .ico03, .ico04, .ico05 {background: #fff;}
.ico01 {background: #393939;border: 1px solid #fff;position: relative;z-index: 5;}
.ico02 {transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);z-index: 4;}
.ico04 {transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;z-index: 3;}
.ico03 {transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;z-index: 2;}
.ico02 {transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;z-index: 1;}
.move-ico {position: absolute;bottom: 0;}

.active .ico05 {transform: translateY(calc(-60px + -8px));transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 1.2s;}
.active .ico04 {transform: translateY(calc(-60px * 2 + -8px * 2));transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0.8s;}
.active .ico03 {transform: translateY(calc(-60px * 3 + -8px * 3));transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1) 0.4s;}
.active .ico02 {transform: translateY(calc(-60px * 4 + -8px * 4));transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);}
.active .ico05, .active .ico04, .active .ico03, .active .ico02 {box-shadow: 3px 5px 10px 0px rgb(0 0 0 / 5%);}

/* menu-object style */
.menu-object {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;height: 60px;}
.menu-object .link{position: relative;display: block;width: 100%;height: 100%;color: #fff;line-height: 1;}
.menu-object .link i{position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);}
.menu-object .link em {display:none;}
.menu-object .link:hover em {display: block;background: #393939;font-size: 13px;padding: 7px 0;position: absolute;right: 66px;top: 14px;width: 80px;border-radius: 20px;text-align: center;letter-spacing: 0;}
.stage {display: flex;justify-content: center;align-items: center;position: relative;padding: 26px 0;margin: 0 -5%;overflow: hidden;}
.dot-pulse {position: relative;left: -9995px;width: 6px;height: 6px;border-radius: 5px;background-color: #fff;color: #fff;box-shadow: 9995px 0 0 0;}
.dot-pulse::before, .dot-pulse::after {content: "";display: inline-block;position: absolute;top: 0;width: 6px;height: 6px;border-radius: 5px;background-color: #fff;color: #fff;}
.dot-pulse::before {box-shadow: 9983px 0 0 0;}
.dot-pulse::after {box-shadow: 10007px 0 0 0;}

@-webkit-keyframes dot-pulse-before {
0% {
	box-shadow: 9983px 0 0 0;
}
30% {
	box-shadow: 9983px 0 0 2px;
}
60%,
100% {
	box-shadow: 9983px 0 0 0;
}
}
@keyframes dot-pulse-before {
0% {
	box-shadow: 9983px 0 0 0;
}
30% {
	box-shadow: 9983px 0 0 2px;
}
60%,
100% {
	box-shadow: 9983px 0 0 0;
}
}

@-webkit-keyframes dot-pulse {
0% {
	box-shadow: 9995px 0 0 0;
}
30% {
	box-shadow: 9995px 0 0 2px;
}
60%,
100% {
	box-shadow: 9995px 0 0 0;
}
}
@keyframes dot-pulse {
0% {
	box-shadow: 9995px 0 0 0;
}
30% {
	box-shadow: 9995px 0 0 2px;
}
60%,
100% {
	box-shadow: 9995px 0 0 0;
}
}

@-webkit-keyframes dot-pulse-after {
0% {
	box-shadow: 10007px 0 0 0;
}
30% {
	box-shadow: 10007px 0 0 2px;
}
60%,
100% {
	box-shadow: 10007px 0 0 0;
}
}
@keyframes dot-pulse-after {
0% {
	box-shadow: 10007px 0 0 0;
}
30% {
	box-shadow: 10007px 0 0 2px;
}
60%,
100% {
	box-shadow: 10007px 0 0 0;
}
}
.btn_top {width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;background: #000;
    border: 1px solid #fff;display: inline-block;}



/* footer */
.section.footer {box-sizing: border-box; margin-top: -1px;background:#000;padding: 120px 0 80px;}
.footer .fp-tableCell {height: auto !important;}
.footer *, .footer *::before, .footer *::after {box-sizing: border-box;}
.section.footer .fp-tableCell > .container-fluid{display: block;text-align: center;vertical-align: middle;width: 1400px;margin: 0 auto;}

.contact {display:flex; flex-wrap:wrap; justify-content:space-between; width:1400px; margin:0 auto;}
.contact .info, .contact .cont_map {width:calc((100% - 45px) / 2);}
.contact .info {display:block; margin:0 0 0px; max-width:100%;    color: #fff;text-align: left;}
.contact .info h3{font-size:46px;font-weight:800;font-family:'Montserrat', 'GmarketSansBold';padding-bottom:40px;}
.contact .info h3 img {}
.contact .info dl {display:flex; flex-wrap:wrap; padding:25px 0; border-top:1px solid #141414;}
.contact .info dl:last-child {border-bottom:1px solid #141414;margin-bottom: 0;}
.contact .info dl dt {width:145px; letter-spacing: -0.63px; color:var(--white); font-weight:500; font-size:1rem;}
.contact .info dl dd {width:calc(100% - 145px);}
.contact .info dl dd.ko{display:flex; flex-wrap:wrap; align-items:center; font-size:1rem;font-weight:400;line-height:1.2;}
.contact .info dl dd.eng {line-height: 1;display:flex; flex-wrap:wrap; align-items:center; }
.contact .info dl dd.eng a{font-size:1.5rem; font-weight:700;font-family:'Montserrat', sans-serif;letter-spacing: 0;color:#fff;}
.contact .info dl dd.eng i {font-size:23px; display:block; margin-right:8px;}
.contact .info dl dd.eng .mobr{color:#fff; padding:0 10px; display:block;}
.contact .info dl dd ul li {padding-left:160px; box-sizing:border-box; position:relative; line-height:1.4; color:#fff; font-size:1rem; margin:0 0 6px;font-family:'Montserrat', sans-serif;}
.contact .info dl dd ul li:last-of-type {margin:0;}
.contact .info dl dd ul li.po_txt {padding-left:0; color:#b3caa3; margin:11px 0 0; font-size:1rem;font-family: 'pretendard', sans-serif;}
.contact .info dl dd ul li span {position:absolute; top:0; left:0; line-height:inherit;  display:block; letter-spacing: -0.45px; font-size:1rem;color:#fff;font-family: 'pretendard', sans-serif;width:80px;text-align-last:justify;}

.contact .cont_map .map_wrap{height:100%; width:100%;}
.contact .cont_map .map_wrap .root_daum_roughmap{width:100%; height:100%;}
.contact .cont_map .map_wrap .root_daum_roughmap .wrap_map{height:100%;}

.link_cont {display:flex; flex-wrap:wrap; justify-content:space-between;margin-top: 10px;max-width:1400px;margin:0 auto;}
.link_cont a {display:flex; flex-wrap:Wrap; align-items:center; justify-content:center; width:calc((100% - 3px) / 4); background:rgba(0,0,0,0.1); line-height:60px; font-size:18px; text-align:center; color:#fff; transition:all 0.3s linear;}
.link_cont a i {display:block; margin-right:10px;}
.link_cont a i img { margin:0  !important;vertical-align:middle; width:35px; height:35px; }
.link_cont a:hover {background:#ed6c26; transition:all 0.3s linear;  font-weight:500; color:#fff !important;}

#footer {position:relative; padding:0px 0 0; margin:120px 0 0;}
#footer:before{position: absolute; content:'';border-top:1px solid #262626; width:100%; top:0; height:1px ;} 
#footer .other_list {display:flex; flex-wrap:wrap; width:1400px; margin:0 auto;}
#footer .other_list li {margin-right:30px; position:relative; }
#footer .other_list li:last-of-type {margin-right:0;}
#footer .other_list li:last-of-type::after {display:none;}
#footer .other_list li a {display:block; color:#fff; font-size:1.1rem; letter-spacing: -0.45px; line-height:1; transition:all 0.3s linear;}
#footer .other_list li a.privacy {color:var(--main);}
#footer .other_list li a:hover {opacity:0.7; transition:all 0.3s linear;}
#footer dl { width:1400px; margin:0 auto;padding: 30px 0;overflow: hidden;color:#fff;}
#footer dl dd {float:left; font-size:1.1rem;letter-spacing: -0.45px; line-height: 140%; margin-right:25px;padding-bottom: 10px;color:#fff !important;}
#footer dl dd:nth-child(1){float: none;}
#footer dl dd:last-of-type {margin-right:0;}
#footer .copy {margin-top: 20px;clear: both;letter-spacing: 0.28px; text-transform: uppercase; font-size:1rem; color:rgba(255,255,255,0.4); margin:15px 0 0;width:1400px; margin:0 auto;  }
#footer .copy a {display:inline-block; font-size:inherit; letter-spacing:inherit; color:inherit; line-height:inherit; transition:all 0.3s linear;}
#footer .copy a:hover {color:var(--white); transition:all 0.3s linear;}
.foot_in {padding:50px 0;}
.section.footer .wrap.contact, .contact .cont_map {padding:0;}

@media (min-width: 1450px) {
    .contact .info dl dd ul li{padding-left: 100px;}
}
@media (max-width: 1400px) {
    .contact {width: 100%;}
}
@media (min-width: 1200px) {
    .contact .info h3 img {width:276px;}
    .section.footer {
    	margin-top: -1px;
    }

    .footer .container {
        padding: 50px 0 50px 0;
    }
}
@media (max-width: 1450px) {
    .section.footer .fp-tableCell > .container-fluid, #footer .other_list, #footer dl, #footer .copy{width: 94%;}
    .section .fp-tableCell .container-fluid h3{font-size: 70px;}
    /* .youtube .content .view{width:100%;} */
    .section.content-3 .tit a{margin-top:10vh;}
    .section.footer .fp-tableCell > .container-fluid .wrap{width:100%}
}
@media (max-width: 1400px) {
    .contact {width:calc(100% - 60px);}
}
@media (max-width: 1024px) {
	#header h1 {left:0;transform: translate(10px, 0);width: 130px;height: 39px;}
	body.scrolled #header h1 {width: 130px;height: 39px;top: 10px;}
	#header .container-fluid .btn-area .btn-nav {height: 40px !important;width: 40px !important;}
	body.scrolled #header .container-fluid .btn-area .btn-nav span,
	body #header .container-fluid .btn-area .btn-nav span {margin-left: 5px;}
	header .global-language {margin-left: 4px;}
	/* .area_quick a.btn_top {bottom: 27%;} */
	.section.footer .container-fluid {padding-left:0 !important;padding-right:0 !important}
	.section.footer .fp-tableCell > .container-fluid .wrap{flex-direction:column;}
	.contact .cont_map{width: calc(100% - 20px);margin: 0 auto;}
	.section.signature ul{display: flex;}

	.section.footer{padding:50px 0}
	.link_cont a{width: calc((100% - 3px) / 2); line-height: 40px;font-size: 1rem; margin-bottom: 5px;}
	.link_cont a i{margin-right: 0px;}
	.link_cont a i img{width:50%; height:inherit;}
	#footer{margin: 30px 0 0;}

	.contact {flex-direction:column;width:100%;}
	.contact .info{width:100%;box-sizing:border-box;}
	.contact .info h3{font-size:30px;padding-left: 10px;}
	.contact .info dl {display:block;}
	.contact .info dl dt{padding-bottom:12px;padding-left:10px;position:relative;}
	.contact .info dl dd{width:100%;padding-left:13px;}
	.contact .info dl dt, .contact .info dl dd.ko, .contact .info dl dd ul li, .contact .info dl dd ul li.po_txt, #footer .other_list li a, #footer dl dd, .contact .info dl dd ul li span {font-size: 1rem;}
	.contact .info dl dd ul li{padding-left:78px;}
	.contact .info dl dd ul li span{width:80px;}
		
	.contact .cont_map .map_wrap #daumRoughmapContainer1715929882519{height:240px;}
	.contact .cont_map .map_wrap{height:240px;}

	.link_cont{padding:20px 20px 0;}
	.link_cont a{font-size:14px;}
	bodywrap.consult-opened .btn-consult {bottom: 235px !important;}
	#footer dl {padding: 0 0;}

	.quick_wrap li, body.scrolled .area_quick .btn_top {width: 45px;height: 45px;}
	.active .ico05 {transform: translateY(calc(-45px + -8px));}
	.active .ico04 {transform: translateY(calc(-45px * 2 + -8px * 2));}
	.active .ico03 {transform: translateY(calc(-45px * 3 + -8px * 3));}
	.active .ico02 {transform: translateY(calc(-45px * 4 + -8px * 4));}
	.menu-object {height: 45px;}
	.stage {padding: 19px 0;}
	body.scrolled .area_quick .btn_top {bottom: 5rem;}
}

@media (max-width: 768px) {
    .contact .info h3 img {width:60%;}
    .section.signature ul li a figcaption{bottom: 30px;left: 20px;}
    .section.signature ul li a .img {border-top-left-radius: 100px;}
    .equipment-slider .slick-slide a figure figcaption{bottom: 4vw;}
}
@media (max-width: 480px){
.section .fp-tableCell > .container-fluid {    vertical-align: middle;}
.section .fp-tableCell .container-fluid p{    font-size: 16px;line-height: 1.4;}
.contact .info dl{padding: 20px 0;}
.contact .info dl dt, .contact .info dl dd.ko, .contact .info dl dd ul li, .contact .info dl dd ul li.po_txt, #footer .other_list li a, #footer dl dd, .contact .info dl dd ul li span
{font-size: 1rem;}
.contact .info dl dd ul li{margin:0;line-height: 27px;}
.contact .info dl dd ul li.po_txt{margin: 5px 0 0;}
.foot_in {  padding: 30px 0;}
#footer dl{padding: 20px 0;}
#footer dl dd{padding-bottom: 4px;}
.section .fp-tableCell > .container-fluid{padding-top:0;}
/* .section.footer {padding: 30px 0 120px;} */
.contact .info dl dd.eng .mobr{color:#fff; padding:0 10px; display:block; font-size:0;}
}






/* quick-consult */
/* bodywrap *, bodywrap *::before, bodywrap *::after {
				box-sizing: border-box; 
			}
            .container {
				max-width: 1240px;
				width: 100%;
				display: block;
				margin: 0 auto; 
			}
    			@media (min-width: 1024px) {
    				.container {
    					padding: 0 20px; 
    				} 
    			}
    
    			.container-fluid {
    				width: 100%;
    				padding: 0 20px;
    				margin: 0 auto;
    				display: block; 
    			}
    			@media (min-width: 1024px) {
    				.container-fluid {
    					padding: 0 20px; 
    				} 
    			}

                .sr-only {
    				position: absolute;
    				width: 1px;
    				height: 1px;
    				padding: 0;
    				overflow: hidden;
    				clip: rect(0, 0, 0, 0);
    				white-space: nowrap;
    				border: 0; 
    			} */





		/* quick-consult */
		.btn-cs {border: 0;position: fixed;bottom: 0;left:50%;text-align: center;z-index: 30;transform: translate(-50%, 0);width: 210px;height: 60px;}
		.btn-cs span {font-size: 22px;color: #fff;}
		.quick-consult {
			position: fixed;
			bottom: -242px;
			left: 0;
			width: 100%;
			z-index: 11;
			-webkit-transition-property: all;
			transition-property: all;
			-webkit-transition-duration: 0.15s;
			transition-duration: 0.15s;
			-webkit-transition-timing-function: linear;
			transition-timing-function: linear;
			-webkit-transition-delay: 0s;
			transition-delay: 0s; 
		}
		.btn-consult {border: 0;
			position: fixed;
			bottom:0px;background: #272727;border-radius: 10px 10px 0 0;
			width: 244px;
			height: 60px;
			font-size: 18px;
			color: #fff;
			overflow: hidden;
			cursor:pointer;
			z-index: 11;
			-webkit-transition-property: all;
			transition-property: all;
			-webkit-transition-duration: 0.15s;
			transition-duration: 0.15s;
			-webkit-transition-timing-function: linear;
			transition-timing-function: linear;
			-webkit-transition-delay: 0s;
			transition-delay: 0s; transform: translate(-50%, 0);
		}
		bodywrap.consult-opened .btn-consult{
			bottom:298px;

		}
		.btn-consult.consult-close:after {
			transform: rotate(180deg);
			-webkit-transform: rotate(180deg); 
		}
		.quick-consult .consult-body {
			background-color: #272727;
		}
		.quick-consult .consult-body .container-fluid {
			padding: 20px 20px;
			max-width: 1200px; overflow: hidden;margin: 0 auto;
		}
		.quick-consult .consult-body .container-fluid .img-phone {
			display: none; 
		}
		.quick-consult .consult-body .container-fluid .input-form .form-group .form-control {
			 display: block;
			height: 60px;
			font-size: 16px;
			color: #000;
			border-radius: 40px;
			border: 0;
			background-color: #fff; width: 49%;margin: 0 2px;padding: 2px 10px;
			float: left;
			}
			.quick-consult .consult-body .container-fluid .input-form .form-group .form-control::placeholder,
			.quick-consult .consult-body .container-fluid .input-form .form-group textarea::placeholder {
				color: rgba(0, 0, 0, 0.3);
				opacity: 1; 
			}
			.quick-consult .consult-body .container-fluid .input-form .form-group textarea::-webkit-scrollbar {display: none;}
			.quick-consult label.privacy {margin-left:10px;}
			.quick-consult .consult-body .container-fluid .input-form .form-group .privacy i {display:inline-block;color: #fff;font-size: 14px;}
			.quick-consult .consult-body .container-fluid .input-form .form-group .privacy > input[type="checkbox"] {width: 17px;height: 17px;
				position: relative;
				top: -19px;
				margin: 0;
				margin-right: 2px; 
			}
			.quick-consult .consult-body .container-fluid .input-form .form-group .privacy > a {
				float: right;
				width: 90px;
				margin-left:20px;
				display: inline-block;
				text-align: center;
				font-size: 18px;
				color: #fff;
				font-weight: 300;
				line-height: 30px;
				border-radius: 5px;
				background-color: #616161; 
			}
			.quick-consult .consult-body .container-fluid .input-form .btn-area {
				width: 100%;
				margin-top: 15px; 
			}
			.quick-consult .consult-body .container-fluid .input-form .btn-area .btn-submit {
				position: relative;
				display: block;
				width: 100%;
				font-size: 18px;
				line-height: 50px;
				font-weight: bold;
				padding: 0 20px;
				background-color: #d7ba90;
				-webkit-transition-property: all;
				transition-property: all;
				-webkit-transition-duration: 0.15s;
				transition-duration: 0.15s;
				-webkit-transition-timing-function: linear;
				transition-timing-function: linear;
				-webkit-transition-delay: 0s;
				transition-delay: 0s; 
				cursor:pointer;border: 0;border-radius: 30px;
			}
			.quick-consult .consult-body .container-fluid .input-form .btn-area .btn-submit:after {
				position: absolute;
				top: 50%;
				right: 20px;
				width: 14px;
				height: 8px;
				margin-top: -4px;
				display: block;
				content: '';
				transform: rotate(90deg);
				background-repeat: no-repeat;
				background-position: 0 0;
				background-size: auto; 
			}
			.quick-consult .consult-body .container-fluid .input-form .btn-area .btn-submit:hover {
				opacity: .7; 
			}
			
			button.btn-consult span {width: 0;
			height: 0;
			border-bottom: 12px solid #fff;
			border-left: 7px solid transparent;
			border-right: 7px solid transparent;
			margin: 2px 10px;
			display: inline-block;}
	
			.consult-opened button.btn-consult span {border-top: 12px solid #fff;border-bottom: 0;}	
			
			button.btn-consult.consult-close .btn-consult span {transform: scaleY(-1);}
			.quick-consult .consult-body .container-fluid .input-form .form-group {overflow: hidden;width: 50%;}
			.quick-consult .consult-body .container-fluid .input-form .form-group:first-child {width: 60%;}
			.quick-consult .consult-body .container-fluid .input-form .form-group + .form-group {width: 40%;}
			.quick-consult .consult-body .container-fluid .input-form {width:calc(100% - 175px);}
			.quick-consult .consult-body .container-fluid .input-form .form-group textarea {display: inline-block;height: 60px;    min-height: 60px;width: 70%; font-size: 16px;color: #000;font-weight: 400;padding:0;padding-left: 20px;border: 0;border-radius: 30px;background-color: #fff; line-height: 40px;}
			.quick-consult .consult-body .container-fluid .input-form .form-group textarea::placeholder {padding-top:10px}
			.quick-consult .consult-body .container-fluid .input-form .btn-area .btn-submit {height: 60px;}				
			.quick-consult .consult-body .container-fluid .input-form .form-group {float: left; display: flex;flex-direction: row;align-items: center;}

			@media (max-width: 1023px) {
				.quick-consult .consult-body .container-fluid .input-form .form-group .form-control,
				.quick-consult .consult-body .container-fluid .input-form .form-group textarea {height: 40px;}
				.quick-consult .consult-body .container-fluid .input-form .form-group .privacy > input[type="checkbox"] {top: 0;}
				.quick-consult .consult-body .container-fluid .input-form .form-group,
				.quick-consult .consult-body .container-fluid .input-form .form-group + .form-group,
				.quick-consult .consult-body .container-fluid .input-form,
				.quick-consult .consult-body .container-fluid .input-form .form-group:first-child,
				.quick-consult .consult-body .container-fluid .input-form .form-group textarea {width: 100%;margin-top:0}
				.quick-consult .consult-body .container-fluid .input-form .form-group .form-control {width: 50%;}
				.quick-consult .consult-body .container-fluid .input-form .form-group {margin:5px 0}
				.quick-consult .consult-body .container-fluid .input-form .form-group + .form-group {display: flex;flex-direction: column;justify-content: center;}
				.quick-consult label.privacy {margin: 10px 0;}
				.quick-consult .consult-body .container-fluid .input-form .form-group .privacy i > br {display:none}
				.quick-consult .consult-body .container-fluid .input-form .btn-area .btn-submit {height: 45px;width: 40%;margin: 0 auto;color: #000;font-size: 16px;line-height: 45px;}
				.quick-consult .consult-body .container-fluid .input-form .form-group textarea::placeholder {padding-top:0px}
				.btn-consult {width: 160px;height: 45px;font-size: 16px;}
				button.btn-consult span {border-bottom: 7px solid #fff;border-left: 4px solid transparent;border-right: 4px solid transparent;}
				.consult-opened button.btn-consult span {border-top: 7px solid #fff;}
				.consult-opened button.btn-consult span {border-top: 7px solid #fff;}
			}
			@media (min-width: 1024px) {
				.btn-consult {
					width: 100%;
					line-height: 53px; 
				}
				.btn-consult:after {
					transform: rotate(180deg);
					-webkit-transform: rotate(180deg);
				}
				.btn-consult.consult-close:after {
					transform: rotate(0);
					-webkit-transform: rotate(0); 
				}
				.quick-consult .consult-body .container-fluid {
					position: relative;
				}
				.quick-consult .consult-body .container-fluid .img-phone {
					position: absolute;
					left: 0;
					bottom: -10px;
					z-index: 1;
					font-size: 0;
					display: none; 
				}
				.quick-consult .consult-body .container-fluid .img-phone figure {
					display: inline-block; 
				}
				.quick-consult .consult-body .container-fluid .img-phone figure img {
					display: inline-block; 
				}
				.quick-consult .consult-body .container-fluid .img-phone strong {
					display: inline-block;
					font-size: 24px;
					color: #000;
					font-weight: 800;
					line-height: 32px;
					padding-top: 80px;
					vertical-align: top; 
					font-family: 'Noto Sans KR', sans-serif;
				}
				.quick-consult .consult-body .container-fluid .input-form .form-group .privacy:hover {
					opacity: .7; 
				}
				.quick-consult .consult-body .container-fluid .input-form .btn-area {
					position: absolute;
					top: 20px;
					right: 20px;
					width: 175px;
					margin-top: 0; 
				}
			}
			@media (min-width: 1400px) {
				.quick-consult {
					bottom: 0px; 
				}
				.quick-consult .consult-body .container-fluid .img-phone {
					position: absolute;
					left: 0;
					bottom: -10px;
					z-index: 1;
					font-size: 0;
					display: block; 
				}
				.quick-consult .consult-body .container-fluid .img-phone figure img {
					width: 130px; 
				}
				.quick-consult .consult-body .container-fluid .img-phone strong {
					padding-top: 72px; 
					font-family: 'Noto Sans KR', sans-serif;
				}
				.quick-consult .consult-body .container-fluid .img-phone strong br {
					display: none; 
				}
				.quick-consult .consult-body .container-fluid .input-form {
					overflow: hidden; 
				}
				.quick-consult .consult-body .container-fluid .input-form .form-group .privacy {
					margin-left: 10px;
				}
				.quick-consult .consult-body .container-fluid .input-form .form-group .privacy > a {
					float: none;
					display: inline-block;
					vertical-align: top;
					margin-left: 10px; 
				}    				 
			}    
      
/* consult-opened */ 
bodywrap{background-color: #272727;}
bodywrap.consult-opened .quick-consult {bottom: 0px;} 

	@media (min-width: 1024px) {
		bodywrap .quick-consult {
			bottom: -97px; 
		}
		.btn-consult {
			bottom:0;
			font-size: 20px;
			color: #fff;
			font-weight: 400;
			text-align: center;
		}
		bodywrap.consult-opened .btn-consult{
			bottom: 100px;  
		}
		bodywrap.consult-opened .quick-consult {
			bottom: 0; 
		}
		bodywrap.quick-consult .consult-body .container-fluid .img-phone figure img{
			 opacity:1;
		} 
		bodywrap.consult-opened .quick-consult .consult-body .container-fluid .img-phone figure img{
			 opacity:0;
		}

	}
	/* @media (min-width: 1400px) {
		bodywrap.consult-opened .quick-consult {
			bottom: -100px; 
		}
		bodywrap.consult-opened .btn-consult{
			bottom: 0px;  
		}
		
	} */


/* ////////////////////////////////////////////////// */
/* header */
#header {position: fixed;top: 0;left: 0;z-index: 101;width: 100%;background-color: transparent;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 0s;transition-duration: 0s;-webkit-transition-timing-function: linear;transition-timing-function: linear;webkit-transition-delay: 0s;transition-delay: 0s;}
#header .container-fluid {position: relative;padding: 10px 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
#header .container-fluid .logo > a {display: block;width: 100%;height: 100%;}
#header .container-fluid .btn-area .member {display: none;}
#header .container-fluid .btn-area .btn-nav {display: inline-block;vertical-align: top;width: 60px;height: 60px;background: transparent;border: 0;}
#header .container-fluid .btn-area .btn-nav span {position: relative;display: block;width: 30px;height: 2px;background-color: #fff; margin-left:20px;/* border-radius: 10px; */}
body.scrolled #header .container-fluid .btn-area .btn-nav span {background-color: #000;}
#header .container-fluid .btn-area .btn-nav span:before {position: absolute;bottom: 0;right: 0;display: block;width: 0;height: 2px;content: '';background-color: #d7d4c7;}
#header .container-fluid .btn-area .btn-nav span ~ span {margin-top: 5px;}
#header .container-fluid .btn-area .btn-nav span:nth-of-type(1):before {-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 0.15s;transition-duration: 0.15s;-webkit-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-delay: 0s;transition-delay: 0s;}
#header .container-fluid .btn-area .btn-nav span:nth-of-type(2):before {-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 0.15s;transition-duration: 0.15s;-webkit-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-delay: 0.05s;transition-delay: 0.05s; }
#header .container-fluid .btn-area .btn-nav span:nth-of-type(3):before {-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 0.15s;transition-duration: 0.15s;-webkit-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-delay: 0.1s;transition-delay: 0.1s; }
#header .container-fluid .btn-area .btn-nav:hover span:before {width: 100%;left: 0;}
#header .mcall-btn { width: 60px; height: 60px; position: absolute; top: 0; left: 0; display:none;}
#header .mcall-btn img { display: block; width: 32px; margin: 0 auto; }

#header .btn-area {display: flex;align-items: center;justify-content: flex-end;width: 100%;padding: 0 50px;}

/* body.scrolled #header {box-shadow: 7px 8px 29px 0px rgb(0 0 0 / 9%);}
body.scrolled #header .container-fluid .logo img {transition: all 0.3s ease;filter: invert(100%);}
body.scrolled #header .container-fluid .btn-area .btn-nav span {position: relative;display: block;width: 30px;background-color: #000;}
body.scrolled #header .container-fluid .btn-area .btn-nav span ~ span {margin-top: 5px; }
body.scrolled .global-language-wrap .dropdown-toggle {border: 1px solid #000;color:#000;} */

@media (min-width: 1024px) {
	#header .mcall-btn { display: none; }
	#header .container-fluid { width:100%; /*max-width:1681px;*/ margin:0 auto; }
	#header .container-fluid .btn-area .btn-nav span{background:#fff;}
	#header .container-fluid .btn-area .member {position: relative;display: inline-block;vertical-align: top;margin-right: 50px;}
	#header .container-fluid .btn-area .member .btn-drop {display: block;width: 30px;height: 60px;background-image: url(/_files/6lONb-K_b.png);background-repeat: no-repeat;background-size: auto;background-position: 50% 50%; }
	body.scrolled #header .container-fluid .btn-area .member .btn-drop {display: block;width: 30px;height: 60px;background-image: url(/_files/6lONlIy3O.png);background-repeat: no-repeat;background-size: auto;background-position: 50% 50%; }
	#header .container-fluid .btn-area .member > ul {position: absolute;top: calc(100% - 10px);left: 50%;width: 120px;opacity: 0;visibility: hidden;padding: 30px 0;text-align: center;transform: translateX(-50%);background-color: #fff;-webkit-transition-property: all;ransition-property: all;-webkit-transition-duration: 0.15s;transition-duration: 0.15s;-webkit-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-delay: 0s;transition-delay: 0s; }
	#header .container-fluid .btn-area .member > ul > li {display: block; }
	#header .container-fluid .btn-area .member > ul > li a, #header .container-fluid .btn-area .member > ul > li span {font-size: 16px;color: #000;line-height: 30px;font-weight: 400; }
	#header .container-fluid .btn-area .member > ul > li > a {-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 0.15s;transition-duration: 0.15s;-webkit-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-delay: 0s;transition-delay: 0s; }
	#header .container-fluid .btn-area .member > ul > li > a:hover {color: #1e6d9a; }
	#header .container-fluid .btn-area .member.show .btn-drop {animation: bounce .7s both;background-image: url(/_files/6lONlIy3O.png); }
	#header .container-fluid .btn-area .member.show > ul {display: block;top: 100%;opacity: 1;visibility: visible; }
}

@media (min-width: 1280px) {
	#header:hover {background-color: rgba(255, 255, 255, 0); } 
	#header .container-fluid .btn-area .member .btn-drop, body.scrolled #header .container-fluid .btn-area .member .btn-drop{width: 60px;/*height: 60px;*/}  
}
			
/* gnb */
#gnb {display: none; }
@media (min-width: 1024px) {
	#gnb {display: inline-block;padding: 30px 0;text-align: center;transition: all 0.3s cubic-bezier(0.25, 0.1, 0.43, 0.89);}
	#gnb > ul {font-size: 0; }
	#gnb > ul > li {position: relative;display: inline-block;/*vertical-align: top; */}
	body.scrolled #gnb > ul > li > a{color:#000;}
	#gnb > ul > li > a {position: relative;display: inline-block;font-size: 18px;line-height: 24px;color: #fff;z-index: 20;margin:0 26px;opacity: 1;transition: opacity 0.2s ease,color 0.2s ease;}
	#gnb > ul > li > a:hover{opacity: 1; color:#fff; }
	#gnb > ul > li > a:after{position: absolute;display: block;bottom: -6px;left: 0;width: 00%;-ms-transform: scaleX(0);-webkit-transform: scaleX(0);transform: scaleX(0);content: "";padding-bottom: inherit;  transform-origin: 0 0;transition: transform .35s cubic-bezier(.52,.01,.16,1);bottom: -3px;backface-visibility: hidden;-webkit-transform: scaleX(1);transform: scaleX(1);}
	#gnb > ul > li > a:hover:after{border-top: 1px solid #fff !important; transition:all 0.2s linear;width: 100%;}
	
	.fp-viewing-0 #gnb > ul > li > a, .fp-viewing-1 #gnb > ul > li > a, .fp-viewing-2 #gnb > ul > li > a, .fp-viewing-3 #gnb > ul > li > a, .fp-viewing-5 #gnb > ul > li > a
	{color:#7a6a56;}
	.fp-viewing-0 #gnb > ul > li > a:hover:after, .fp-viewing-1 #gnb > ul > li > a:hover:after, .fp-viewing-2 #gnb > ul > li > a:hover:after, .fp-viewing-3 #gnb > ul > li > a:hover:after, .fp-viewing-5 #gnb > ul > li > a:hover:after
	{border-top:1px solid #7a6a56 !important;}
	.fp-viewing-0 #header .container-fluid .logo > a img+img, .fp-viewing-1 #header .container-fluid .logo > a img+img, .fp-viewing-2 #header .container-fluid .logo > a img+img, .fp-viewing-3 #header .container-fluid .logo > a img+img, .fp-viewing-5 #header .container-fluid .logo > a img+img
	{display:none;}
	.fp-viewing-0 #header .container-fluid .logo > a img+img+img+img, .fp-viewing-1 #header .container-fluid .logo > a img+img+img+img, .fp-viewing-2 #header .container-fluid .logo > a img+img+img+img, .fp-viewing-3 #header .container-fluid .logo > a img+img+img+img, .fp-viewing-5 #header .container-fluid .logo > a img+img+img+img
	{display:block;}
	.fp-viewing-1 #header .container-fluid .btn-area .member .btn-drop, .fp-viewing-2 #header .container-fluid .btn-area .member .btn-drop, .fp-viewing-5 #header .container-fluid .btn-area .member .btn-drop{background-image:url(/_files/6mMxEWYqK.png);}
	.fp-viewing-0 #header .container-fluid .btn-area .member .btn-drop{background-image: url(/_files/6n0DmA9ko.png); }
	.fp-viewing-1 #header .container-fluid .btn-area .btn-nav span, .fp-viewing-2 #header .container-fluid .btn-area .btn-nav span, .fp-viewing-5 #header .container-fluid .btn-area .btn-nav span
	{background-color:#cfa46a;}
	.fp-viewing-0 #header .container-fluid .btn-area .btn-nav span{background-color:#7a6a56;}
	
	#gnb > ul > li > div {position: absolute;top: calc(100% - 0px);left: 0;visibility: hidden;opacity: 0;z-index: 10;padding: 20px;text-align: left;background-color: #fff; }
	#gnb > ul > li > div > ul > li > a {position: relative;display: block;color: #222;font-size: 15px;white-space: nowrap;font-weight: 400;line-height: 35px;padding-left:5px;}
	#gnb > ul > li > div > ul > li > a:hover{/*background:#cfa46a;color:#fff;*/ padding-left:5px;left: 0;}
	#gnb > ul > li > div > ul > li .depth3 > li > a {position: relative;display: block;font-size: 14px;padding-left:20px;color: #fff;white-space: nowrap;font-weight: 400;line-height: 25px;}
	#gnb > ul > li > div > ul > li .depth3 > li > a:hover {color: #e59b38;}
	#gnb > ul > li.active > div {visibility: visible;top: 100%;width: 240px;opacity: 1;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 0.15s;transition-duration: 0.15s;-webkit-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-delay: 0s;transition-delay: 0s;}
	#gnb > ul > li:last-child {margin-right: 0;} 
}
@media (min-width: 1280px) {
	#gnb > ul > li.active > div {top: calc(100% + 30px);}
}

/* nav */
#nav {
  position: fixed;
  top: 0;
  left: 0;
  right:0;
  z-index: 100;
  display:none;
  width:100%;
  height: 100%;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
	background: #fff;
}
  #nav .nav-container {
	position: relative;
	width: 100%;
	height: 100%; }
	#nav .nav-container .btn-nav-close {
	  position: absolute;
	  top: 0;
	  display: block;
	  right: 0px;
	  width: 50px;
	  height:49px;z-index: 999;background: transparent;
border: 0;}
	  #nav .nav-container .btn-nav-close span {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 30px;
		height: 2px;
		background-color: #000; }
		#nav .nav-container .btn-nav-close span:nth-of-type(1) {
		  transform: translate(-50%, -50%) rotate(45deg); }
		#nav .nav-container .btn-nav-close span:nth-of-type(2) {
		  transform: translate(-50%, -50%) rotate(-45deg); }
	#nav .nav-container .logo{margin: 10px 0 10px 10px;width: 143px;}
	/* #nav .nav-container .nav-content, .site-map .container-fluid {
	  overflow-y: auto;
	  width: 100%;
	  height: calc(100% + 60px);
	  padding: 100px 0;position: relative;border-top: 1px solid #ffffff1f;} */
	  #nav .nav-container .nav-content .member {display: inline-block;width: 100%;text-align: center;
		border-bottom: 0px solid rgba(255, 255, 255, 0.5); }/*로그아웃회원정보수정관리자*/
		#nav .nav-container .nav-content .member > ul > li{float: left; text-align:center;width: 50%;}
		#nav .nav-container .nav-content .member > ul > li > a, #nav .nav-container .nav-content .member > ul > li span {
		  font-size: 14px;width: 140px;    text-align: center;
		  color: #fff;
		  font-weight: 400;
		  line-height: 25px;     padding: 5px 20px;
			border: 1px solid #fff;
			border-radius: 30px;
			display: inline-block;
			margin-bottom: 10px;}
	  #nav .nav-container .nav-content .menu {padding: 50px 0;}
		#nav .nav-container .nav-content .menu > ul > li{text-align:center;}
		#nav .nav-container .nav-content .menu > ul > li > a {
		  font-size: 24px;
		  color: #000;
		  font-weight: bold;
		  line-height: 56px; }
		  #nav .nav-container .nav-content .menu > ul > li > a:hover{opacity: .8;}
		#nav .nav-container .nav-content .menu > ul > li > div {
		  display: none; }
		  #nav .nav-container .nav-content .menu > ul > li > div > ul {
			padding: 20px 0;
			padding-left: 0px; background:#e5e5e5;}
			#nav .nav-container .nav-content .menu > ul > li > div > ul > li > a {
			  display: inline-block;
			  vertical-align: top;
			  font-size: 16px;
			  color: #666;
			  font-weight: 400;
			  line-height: 30px; 
					  
					 background-repeat: no-repeat;
					  background-size: 0% 100%;
					  transition: background-size 0.5s;
					  /* background-image: linear-gradient(transparent 97%, #444 40%); */
				  }
				#nav .nav-container .nav-content .menu > ul > li > div > ul > li > a:hover {color: #444;background-size: 100% 100%;}
			  #nav .nav-container .nav-content .menu > ul > li > div > ul > li > div > ul {
			padding-bottom: 10px;
			padding-left: 15px; }
			  #nav .nav-container .nav-content .menu > ul > li > div > ul > li > div > ul > li > a {
			  display: inline-block;
			  vertical-align: top;
			  font-size: 14px;
			  color: #fff;
			  font-weight: 300;
			  line-height: 30px; }
  @media (min-width: 1024px) {
	#nav {
	  display: none; } }

/* site-map */
.site-map {display: none;}
  @media (min-width: 1024px) {
.site-map .has-child div > a {font-size:30px;font-weight: 700;}
	.site-map {display: block;position: fixed;top: -110%;left: 0;z-index: 200;width: 100%;height: 100vh;overflow-y: auto;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 0.15s;transition-duration: 0.15s;-webkit-transition-timing-function: linear;transition-timing-function: linear;-webkit-transition-delay: 0s;transition-delay: 0s;background: #fff; }
	.site-map .container-fluid {
		position: relative;
		display: table;
		width: 100%;
		height: 100%;
		min-height: 800px;display: flex;align-items: center;
justify-content: center;}
		.site-map .container-fluid h2{color: rgb(255, 255, 255);
			font-size: 40px;
			line-height: 50px;
			text-align: center;
			padding-bottom: 60px !important;    font-family: 'Cormorant Garamond', serif;}
		.site-map .container-fluid .btn-map-close {
		  position: absolute;
		  top: 5px;
		  right: 45px;
		  width: 60px;
		  height: 60px;background: transparent;border: 0;}
		  .site-map .container-fluid .btn-map-close span {
			position: absolute;
			top: 50%;
			left: 50%;
			width: 40px;
			height: 2px;
			background-color: #000; }
			.site-map .container-fluid .btn-map-close span:nth-of-type(1) {
			  transform: translate(-50%, -50%) rotate(45deg); }
			.site-map .container-fluid .btn-map-close span:nth-of-type(2) {
			  transform: translate(-50%, -50%) rotate(-45deg); }

			.site-map .container-fluid .v-align {height: 100%;width: 100%;}
			.site-map .depth1 {display: flex;flex-wrap: wrap;height: 100%;}
			.site-map .depth1 > li {width:25%;height: 100vh;}
			.site-map .depth1 > li:not(:last-child) {border-right: 1px solid #ddd;}
			.site-map .depth1 > .has-child > div {height:50%;padding: 80px 0 0 80px;}
			.site-map .depth1 > li > div + div {padding-top:0 !important;}  
			  
			  .site-map .container-fluid .v-align > div > a {
				line-height: 50px;
				font-weight: 600;
				opacity: 1 !important;
				padding: 3px 0 5px 0!important;
				font-size: 20px;
				letter-spacing: -0.6px;
				display: block;}
			.site-map .container-fluid .v-align a + div {margin-top: 20px; }
			.site-map .container-fluid .v-align > ul > li > div > ul {
			  padding: 0 0px; }
			  .site-map .container-fluid .v-align .depth2 a {
				position: relative;
				display: inline-block;
				font-size: 20px;
				line-height: 40px;
				color:#666;
				font-weight: 400 !important;
				letter-spacing: -0.4px;
				opacity: 1;
				  
				 background-repeat: no-repeat;
				  background-size: 0% 100%;
				  transition: background-size 0.5s;background-image: linear-gradient(transparent 97%, #fff 40%);
			  }
}

/* body add class */
.nav-opened #header {border-bottom:0;}
.nav-opened nav#gnb, .nav-opened .btn-area {display:none;}
body.nav-opened #nav {
  left: 0;display:block;transition: all 0.2s linear;}
@media (min-width: 1024px) {
  body.nav-opened .site-map {
	top: 0; }
  /* body.scrolled #header {background-color: rgba(255, 255, 255, 1);} */
	body.scrolled #header .container-fluid .logo > a img+img{display:none;}
	body.scrolled #gnb {padding: 18px 0;}
	body.scrolled #gnb > ul > li > div {
	  top: calc(100% - 10px); }
	body.scrolled #gnb > ul > li.active > div {
	  top: 100%; } }
	  
	  

@media (max-width: 1500px) {
	#header .container-fluid{max-width:100%;padding: 10px;}
	
	.site-map .has-child div > a {font-size: 24px;}
	.site-map .container-fluid .v-align .depth2 a {font-size: 18px;}
}
@media (max-width: 1210px) {
	#gnb > ul > li:nth-child(1) {margin-left: 0px;}
	#gnb > ul > li > a{margin: 0 25px;}

	.wrap {width:100%;padding:0 20px;}
	.site-map .depth1 > .has-child > div {padding: 80px 0 0 50px;}
}

@media (max-width: 1023px) {
	body.scrolled .container-fluid .logo > a img{display:none}
	body.scrolled .container-fluid .logo > a img+img+img{display: block !important;}
	body.scrolled .container-fluid .logo > a img+img+img+img{display:none !important}
	#header .container-fluid .btn-area{top: 0;padding: 0 0;}
	#nav{z-index:102;}
	#header .container-fluid .logo img {width: 130px !important;height: 31px !important;transition: all 0.3s ease;}
	.nav-container .logo img {width: 130px !important;height: 31px !important;transition: all 0.3s ease;}
	.mobr {display:block;}
	
	#header .area_search, body.scrolled #header .area_search {margin-top:0;}
	
	.global-language-wrap {right: 50px;}
	
	#header .area_search form {width:100%;}
	#header .area_search form, #header .area_search input[type="text"] {margin-top: 0px;height: 40px;}
	.search-bar input[type="search"] {height: 40px;padding: 0 0 0 10px;width: calc(100% - 35px);font-size: 13px;}
	.search-bar input[type="submit"] {width: 22px;height: 22px;}
	#header .area_search input[type="text"], #header .area_search form {background:#eee;}
	#header .area_search #searchBtn {width: 40px;background-size: 47%;}
	#header .header_inner {width: 70%;padding-right: 90px;}
	/*body.scrolled #header .header_inner {margin-top: 7px;}*/
	article[class^=area_] {padding: 60px 0 40px;}
}

@media (max-width: 540px) {
.hd_login a {font-size: 12px;padding: 5px 7px;}
}