@charset "utf-8";

.pc_cont_480{display:block; opacity:1; visibility:visible;}
.m_cont_480{display:none; opacity:0; visibility:hidden;}
/* header */
.main-header{z-index:99999;border-bottom:1px solid #aa9a93;transition: .8s;}
.main-header.upup{top:-200px;}

.main-header.scroll{background:#fff;}
.main-header.scroll .logo a{filter: brightness(0.1);}
.main-header.scroll .hd_left_list li a{color:#111}
.main-header.scroll .select-lang-btn02{filter: brightness(0.1);}
.main-header.scroll .hamberger_wrap::before{color:#111}
.main-header.scroll .hamberger_box .line{background-color: #111;}

.open .main-header.scroll .hamberger_box .line {background-color: #fff;}
.open .main-header.scroll .hamberger_wrap::before{color:#fff}
.open .main-header.scroll .logo a{filter: none;}
.open .main-header.scroll .hd_left_list li a{color:#fff}
.open .main-header.scroll .select-lang-btn02{filter: none;}

.main-header.sub_scroll .logo a{filter: brightness(0.1);}
.main-header.sub_scroll .hd_left_list li a{color:#111}
.main-header.sub_scroll .select-lang-btn02{filter: brightness(0.1);}
.main-header.sub_scroll .hamberger_wrap::before{color:#111}
.main-header.sub_scroll .hamberger_box .line{background-color: #111;}
.main-header.sub_scroll .hd_call img{filter: none;}

/* .main-header02{transition: .5s;border-bottom: 1px solid #fff;} */
.header-inner{position: relative;z-index: 99;}
.header-inner__left{gap: 0 77px;align-items: flex-start;}
.header-inner__left a.hd_left_logo{font-size:25px;line-height:30px;font-weight:600;}
.header-inner__left p{font-size:18px;line-height:28px;font-weight:300}
.header-inner__left span{display:block;padding:14px 0 }
.hamberger {transition: all .3s;transition-duration: .7s;display:flex;align-items:center;}
.hamberger.open {margin-top: 13px;}
.hd_menu{display:block;cursor:pointer;z-index:1;}
.hd_menu:after{left:0;top:0;width:100%;}
/* .hd_menu span{display:block;background:#429c98;width:42px;height:4px;border-radius:3px;transition:margin .25s .25s,transform .25s} */
.hd_menu span{display:block;background:#6bab9e;width:46px;height:3px;border-radius:0px;transition:margin .25s .25s,transform .25s;background-size:cover}
.hd_menu span:first-child{margin-bottom:9px}
.hd_menu span:nth-child(3){margin-top:9px}
.hd_menu.active span{transition:margin .25s,transform .25s .25s;height:2px;}
.hd_menu.active span:first-child{margin-top:8px;margin-bottom:-3px;transform:rotate(27deg)}
.hd_menu.active span:nth-child(2){transform:rotate(153deg)}
.hd_menu.active span:nth-child(3){display:none}
.logo a{background:url(../img/hd_logo.png) no-repeat;display: block;width:168px;height:50px;background-size: cover;}
.header_top{display: flex;justify-content: space-between;align-items: center;height: 100%;}


ul.header_center>li:after{content:'';background:#6bab94;width:0;height:2px;position: absolute;bottom:-6px;left:0;transition: .3s;}
ul.header_center>li:hover:after{width:100%;}
/* 다국어 버튼 */
.language {position: relative; text-align:center; }
.language > span{display:inline-block; cursor: pointer; color: #2b2b2b; font-size:16px;display: flex; align-items: center; justify-content: center; gap: 8px;    letter-spacing: .6px;
    font-weight: 500;height:23px;overflow: hidden;padding:0} 
.language > span img{}
.language > span > i { /* display: block; width: 0.813rem; height: 0.813rem; background: url("../img/header_icon_globe.png") 50% 50%/100% no-repeat;  */ }
.language > span b{font-size:21px;color:#fd6637}
.lang-select-list{display:flex; justify-content:center; flex-wrap:wrap; align-items:center; position: absolute; top: 115%; left: -13%; width: 126%; font-size:1rem; background-color:rgba(55, 55, 55, 0.3); text-align:center; line-height:1; padding:13px 0; 
opacity: 0; visibility: hidden;border-radius:10px;}
.lang-select-list li{width:100%; line-height:1; font-size:0.9rem; color:#fff; padding:9px 0; letter-spacing: 1px; }
.lang-select-list > li > a { font-weight:500; transition:0.3s;}
.lang-select-list li.active{font-size:0.9rem; color: #6accc2;text-decoration:line-through;}
.header-inner{height:78px;padding:0 35px;}
.select-network-btn,.select-lang-btn{ position: relative; cursor: pointer;}
.select-network-btn{background:none;border:0;color:#fff;transition:.6s}
.select-network-btn img{vertical-align: middle;width:16px;height:16px;margin-right:6px;}
.select-network-btn span{position: relative;font-size:14px;color:#82a0b7}
.select-network-btn::after,.select-lang-btn::after{content:''; position: absolute;top:50%;right:-20px;
background:url(../img/hd_icon02.png) no-repeat;width:8px;height:5px;transform: translate(0, -50%) rotate(0deg);}
.select-network-btn span::before,.select-lang-btn::before{content:'';position: absolute;left:0;bottom:-6px;background:#b4cfe4;width:0%;height:2px;transition:.6s;}
.select-network-btn.opened::after{background:url(../img/hd_icon02.png) no-repeat;transform: translate(0, -50%) rotate(180deg);}
.select-network-btn.opened span::before{width:100%;}
.network-select-list{border-radius:5px;border:1px solid #dedede;width:155px;left:-13px;top:30px;text-align:left;background:#fff;color:#000}
.network-select-list li{padding:0 14px;}
.network-select-list li a{font-size:14px;width:127px;height:38px;border-radius:50px;padding-left: 19px;text-align: left;line-height: 38px;transition-duration: .7s;position: relative;transition: color .5s, transform .4s cubic-bezier(.4,0,.1,1);margin: 0;z-index: 1;}
.network-select-list li a:hover{background:#dedede;}
.network-select-list li a span{position: absolute;left: 0;z-index: 1;transform: translate3d(-6em, 0, 0);transition:color .7s, transform .7s cubic-bezier(0.4, 0, 0.51, 1.3);/* transition: color .7s, transform .7s cubic-bezier(.4,0,.1,1); */}
.network-select-list li a b{transform: translate3d(1em, 0, 0);position: absolute;left: 0;z-index: 1;transition:color .7s, transform .7s cubic-bezier(0.4, 0, 0.51, 1.3);/* transition: color .7s, transform .7s cubic-bezier(.4,0,.1,1); */}
.network-select-list li a:hover b{transform: translate3d(14em, 0, 0);}
.network-select-list li a:hover span{transform: translate3d(1em, 0, 0);}
.network-select-list li a:hover span img{padding-left:50px;}
.network-select-list li:last-child a:hover span img{padding-left:25px;}
.select-lang a{font-size:14px;color:#606060}
.select-lang a img{vertical-align:middle}
.select-lang a span{padding-left:10px;}
.select-lang a span img{transform:rotate(0deg);}
.select-lang::before{content:'';background:#b4cfe4;width:0;height:2px;position: absolute;left:0;bottom:-6px;transition:.6s}
.select-lang.opened::before{width:100%;}
.select-lang.opened a span img{transform:rotate(180deg);}
.lang-select-list {text-align: left;font-size: 14px;border-radius:10px;left:0px;top:43px;padding: 10px 0 10px 0px;text-align:left;width: 83px;text-align: right;background:#fff;border:1px solid #e1e1e1}
.lang-select-list li{text-align:center;}
.gnb-inner{width:100%;height:auto;padding-top:30px;display:none}
.language{display:flex;align-items: center;gap:8px}
.lang-select-list02{left:-18px;}
.main-header.nav-down.active .header-inner__right p{color:#fff}
.main-header.nav-down.active .header-inner__right p img.off{display:inline-block}
.main-header.nav-down.active .header-inner__right p img.on{display:none}
.main-header.nav-down.active.scrolled .select-lang a.on{display:none}
.main-header.nav-down.active.scrolled .select-lang a.scroll{display:block;}
.main-header.nav-down.active .hamberger.on{top:30px;}
.main-header.nav-down.active.scrolled{box-shadow:none}
.main-header .header-inner__left a img{display:none}

.gnb-container{height:500px;transform: translateY(-500px);transition: 1s;max-width:920px;right:0;left:auto;height:100vh;}
.gnb-container.open{background: #fffef2;opacity: 1;transform: translateY(0px);transition:1s;}
.hamberger.open span{background:#f7594e}
.gnb-menu-depth1{height:80px;border-bottom: 1px solid #dad9d3;}
.gnb-inner .flex_row{height:100%;    flex-wrap: wrap;padding:0 58px;}
.gnb-menu-depth1 .gnb-menu-depth1-inner > a{font-size:20px;font-weight:500;line-height: 25px;display:flex;align-items:center;height:100%;padding-left:25px;}
.gnb-menu-depth1.gnb-menu-last{padding-top:42px;}
.gnb-menu-depth1.gnb-menu-last .gnb-menu-depth1-inner > a{font-size:13px;color:#272727;font-weight:400;position: relative;}
.gnb-menu-depth1.gnb-menu-last .gnb-menu-depth1-inner > a:after{content:'';width:0%;height:2px;background:#f7594e;position: absolute;left:0;bottom:-4px;transition: .3s;}
.gnb-menu-depth1.gnb-menu-last .gnb-menu-depth1-inner > a:hover:after{width:100%;}
.gnb-menu-depth1.gnb-menu-last > div{display:flex;gap:0 30px;}

.gnb-menu-list02 .gnb-menu-depth2{left:115px;}
.gnb-menu-depth2 > li > a{font-size:17px;color:#323232;position: relative;transition: .3s;}
.gnb-menu-depth2 > li > a:after{content:'';width:0%;height:2px;background:#f7594e;position: absolute;left:0;bottom:-4px;transition: .3s;}
.gnb-menu-depth2 > li > a:hover:after{width:100%;}
.gnb-menu-depth2 > li{margin-right:19px;}
.gnb-menu-depth2 > li > a img{vertical-align:middle}
.gnb-menu-list01{width:100%;}
.gnb-menu-list02 {width:623px;padding-left:50px;}
.gnb-menu-list li .gnb-menu-depth1-inner{position: relative;height:100%;}
.gnb-menu-list li:first-child{padding-top:0}
.gnb-menu-list03{display:flex;justify-content: space-between;width: 100%;border-bottom:1px solid #f7594e;margin-bottom:65px;padding: 0px 20px 19px 20px;margin-top:50px;}
.gnb-menu-list03 ul{display:flex;gap:0 25px;}
.gnb-menu-list03 ul li a{font-size:14px;color:#323232}
.gnb-menu-list03 p{font-size:15px;color:#323232;}

.gnb-menu-depth1_1 .gnb-menu-depth1-inner > a.hd_gnb_title01{font-size:18px;color:#a3c2da;font-style: italic;font-weight:500}
.gnb-menu-depth1_1 .gnb-menu-depth1-inner > a.hd_gnb_title02{font-size:18px;color:#d5b696;font-style: italic;font-weight:500}
.main-header.open .select-network-btn span{color:#0a0a0a;font-weight:600}
.main-header.scrolled .header_center{color:#000}
.main-header .header_center a.off{display:block;}
.main-header .header_center a.off img{width:75px;height:67px;}
.main-header.open .header_center a.off,.main-header.scrolled .header_center a.off{display:none;}
.main-header .header_center a.on{display:none;}
.main-header.open .header_center a.on,.main-header.scrolled .header_center a.on{display:block;}
.main-header.open .header_center a.on{margin-top:6px;}
.main-header.scrolled .header_center a.on{width:80%;}

.main-header.open .select-lang a{color:#606060}
.main-header.scrolled .header_cetner_text{opacity: 0;transition: .5s;}
.main-header.open .header_cetner_text{opacity: 0;}
.main-header.on2{}

.main-header.scrolled{transition: all .3s;transition-duration: .7s;}
.main-header.scrolled .header_top{opacity: 1;transition:opacity 1s}
.main-header.scrolled .header-inner__left a img{display:block}
.main-header.scrolled .header-inner__right .hamberger{}
.main-header.scrolled .header_bottom{margin-top:0;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.main-header.scrolled .header_bottom ul li a{color:#000;transition: .3s;}
.main-header.scrolled .header_bottom ul li:hover a{color:#f7594e}
.main-header.scrolled.nav-up .hamberger {top:-101%;}
.main-header.scrolled.nav-up{top:-101%; height:110px;}
.main-header.scrolled .header-inner{padding-top:0;transition:width .5s cubic-bezier(.75, 1.27, .17, 0.92) .2s,opacity .7s cubic-bezier(.75, -.27, .3, 1.33);}
.main-header.scrolled .header-inner .header-inner__right p{color:#111}
.main-header .header-inner .header-inner__right p img.on{display:none}
.main-header.scrolled .header-inner .header-inner__right p img{display:none}
.main-header.scrolled .header-inner .header-inner__right p img.on{display:inline-block}
.hamberger.on{top:22px;}

/* sub header */
.main-header.sub-header{border-bottom:none}
.main-header.sub-header.scrolled .logo a {background: url(../img/hd_logo.png) no-repeat;width:73px;height:35px;background-size:73px 35px}
.main-header.sub-header .hamberger{margin-top:0}

ul.header_center>li{position: relative;}
ul.header_center>li>ul {display: none;margin-top: 12px;position: absolute;width: 100%;min-height:96px;left: 50%;min-width: 140px;padding: 15px 0 15px 0px;z-index: 1000;background:#fff;
    -webkit-transform: translate(-50%,0px);
    -ms-transform: translate(-50%,0px);
    transform: translate(-50%,0px);}
ul.header_center>li>ul>li {text-align:center;}
ul.header_center>li>ul>li>a {display:block;color:#616161;font-size:15px;line-height:2.2em;font-weight:400; text-align:center;letter-spacing:-0.8px; 
-webkit-transition: all 0.20s ease-in-out;
-moz-transition: all 0.20s ease-in-out; 
-ms-transition: all 0.20s ease-in-out;
-o-transition: all 0.20s ease-in-out;
}

.main-header .hoverDownIcon_b {display: none;}
.main-header .hoverDownIcon_w {display: block;}
.header_lang02{margin-right:22px;}
.select-lang-btn02{width:38px;height:19px;background:url(../img/select-lang-btn02.png) no-repeat;display:flex;align-items: center;justify-content: center;}
.language02 {position: relative;}
.lang-select-list li a:after{content:'';transition: .3s;position: absolute;left:0;bottom:-2px;width:0;height:1px;background:#ff7048;}
.lang-select-list li a:hover:after{width:100%;}
.lang-select-list01{padding: 13px 0px 13px 16px;width:94%;justify-content: flex-start;}
.lang-select-list01 li{width:auto;}
.lang-select-list01 li a{display:flex;gap:6px;}
.lang-select-list01 li a b{color: #ff7048;font-style: italic;font-size:15px;}

.network-select-list.on{display:block;opacity: 1;visibility: visible;}
.lang-select-list li a{position: relative;}
.lang-select-list li a.on2{color:#46aca8}
.lang-select-list li a.on2::after{content:'';background:#46aca8;width:20px;height:2px;position: absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.header_center{gap:78px;/* position: absolute;left: 50%;transform: translate(-50%, 0);top:45px; */font-size:15px;display:flex;color:#fff;position: absolute;
    left: 50%;
    transform: translate(-50%, 0);}
.header_bottom{margin-top:53px;}
.header_bottom ul{display:flex;height:65px;align-items: center;gap: 0 40px;}
.header_bottom ul li a{font-size:16px;display:block;color:#fff;transition: .3s;}
.header_bottom ul li:hover a{color:#f7594e}

.open .header-inner{box-shadow:none}
/********************************************************** 
* hamberger
***********************************************************/
.hamberger{position: relative;width: auto;height: 1.2rem;z-index: 104;cursor: pointer;/* overflow:hidden;  */background:none;will-change: transform;
transform:
	  translateY(var(--ty, 0))
	  rotateX(var(--rx, 0))
	  rotateY(var(--ry, 0)); 
transform-style: preserve-3d;}
.open .hamberger{position:fixed;top:4.4rem;right:5rem;width:auto;height:2rem;}
.open .hamberger.scrolled {position:fixed;top:1.5rem;right:5.3rem;width:auto;height:2rem;}
.open .hamberger.hamberger_gnb.scrolled{position:fixed;right:5.3rem;width:auto;height:2rem;}
.hamberger.hamberger_gnb{position: absolute;top: 50%;transform: translate(-0%, -50%);right:2rem;width:22px;height: 18px;}
.open .hamberger.hamberger_gnb{}
.hamberger_wrap{position:relative; width:100%; height:100%;}
.hamberger_box{position:relative; display:flex; justify-content:center; gap: 0.4rem 0; align-items:center; flex-direction:column; width:38px; height:100%; line-height:1;}
.hamberger_box .line{position:relative; width: 100%;height: 3px;background-color: #fff;display: block;margin:0 auto;
	-webkit-transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;
	-o-transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;
}
.hamberger_box .line.m_cont_960 { display: none;}
.open .hamberger_box .line{background-color: #fff;}
.open .scrolled .hamberger_box .line{background-color: #fff;}
.hamberger.open .hamberger_box{width:3rem;
	-webkit-transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;
	-o-transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;
	transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;	
}

.hamberger.open .hamberger_box .line{margin:0px auto; }
.hamberger.open .hamberger_box .line:nth-child(1),
.hamberger.open .hamberger_box .line:nth-child(2){
	-webkit-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.hamberger.open .hamberger_box .line:nth-child(1){
	-webkit-transform: translateY(0rem) rotate(20deg);
	-ms-transform: translateY(0rem) rotate(20deg);
	-o-transform: translateY(0rem) rotate(20deg);
	transform: translateY(0rem) rotate(20deg);
}
.hamberger.open .hamberger_box .line:nth-child(2){
	-webkit-transform: translateY(-0.55rem) rotate(-20deg);
	-ms-transform: translateY(-0.55rem) rotate(-20deg);
	-o-transform: translateY(-0.55rem) rotate(-20deg);
	transform: translateY(-0.55rem) rotate(-20deg);
}
.hamberger_text{position:relative; margin-left:0.8rem; margin-top:4px; display:none;}
.open .hamberger_text{display:block;}
.hamberger.open .hamberger_box .line.m_cont_960 { display: none; }
.hamberger_box{ gap:0;justify-content: space-between;}
.hamberger_box .line.m_cont_960 { display: block; }
.hamberger.open .hamberger_box .line.m_cont_960 { display: block; }
.hamberger_box .line{
-webkit-transition: transform 0.2s ease-in-out, width 0.2s ease-in-out;
-o-transition: transform 0.2s ease-in-out, width 0.2s ease-in-out;
transition: transform 0.2s ease-in-out, width 0.2s ease-in-out;
}
.hamberger.open .hamberger_box .line:nth-child(1),
.hamberger.open .hamberger_box .line:nth-child(2),
.hamberger.open .hamberger_box .line:nth-child(3){
-webkit-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
transition-delay: 0.2s;
}

.hamberger { height: 3rem; }
.hamberger_box { justify-content: space-between;        width:100%;}
.hamberger_box .line { background-color: #fff; height: 2px; width: 100%;}
.gnb-outer .hamberger_box .line:last-of-type { opacity: 0;}
.hamberger.open .hamberger_box .line:nth-child(3){opacity: 1;}

.hamberger.open .hamberger_box .line:nth-child(1){
-webkit-transform: translateX(0.8rem) translateY(0.05rem) rotate(45deg);
-ms-transform: translateX(0.8rem) translateY(0.05rem) rotate(45deg);
-o-transform: translateX(0.8rem) translateY(0.05rem) rotate(45deg);
transform:translateX(0.8rem) translateY(0.05rem) rotate(45deg);
}
.hamberger.open .hamberger_box .line:nth-child(2){
-webkit-transform: rotate(90deg) translateY(-0.03rem);
-ms-transform: rotate(90deg) translateY(-0.03rem);
-o-transform: rotate(90deg) translateY(-0.03rem);
transform: rotate(90deg) translateY(-0.03rem);
}
.hamberger.open .hamberger_box .line:nth-child(3){
-webkit-transform: translateX(-0.7rem) translateY(-1.5rem) rotate(-45deg);
-ms-transform: translateX(-0.7rem) translateY(-1.5rem) rotate(-45deg);
-o-transform: translateX(-0.7rem) translateY(-1.5rem) rotate(-45deg);
transform:  translateX(-0.7rem) translateY(-1.5rem) rotate(-45deg);
}
.open .hamberger.hamberger_gnb.scrolled { height: 4rem; }
.open .hamberger_box { display: block;}
.open .hamberger_box .line:first-of-type{transform: rotate(45deg); margin-top:8px;margin-bottom:0;}
.open .hamberger_box .line{ width: 80%; transform: rotate(133deg);margin-bottom: 0; margin-top: -2px; }
.open .hamberger_box .line:nth-child(3){display:none}
.open .hamberger_box .line{background-color:#fff ;}

.hd_left_list{display:flex;gap:35px;}
.hd_left_list li a{color:#fff;font-size:16px;}
.hd_left_list li a{position: relative;}
.hd_left_list li a:after {
    content: '';
    background: #c8aa97;
    width: 0;
    height: 3px;
    bottom: -3px;
    left: 0;
    position: absolute;
    transition: .3s;
}
.hd_left_list li a:hover:after{width:100%;}
.header_lang03{margin-right:106px;}
.header_lang03 a{background: #b99b87;color: #fff;    border-radius: 30px;padding: 12px 37px;font-size: 13px;display: flex;align-items: center;justify-content: center;}
.hamberger_wrap::before{content:'MENU';color:#fff;font-size:15px;position: absolute;left:-55px;}
/********************************************************** 
* gnb
***********************************************************/
.gnb-outer{width:100%;position: fixed !important; top:0px; left:50%; transform: translate(-50%, 0); height: 100vh; z-index:15; opacity: 0; visibility: hidden; 
transition: opacity .8s cubic-bezier(0.23, 1, 0.320, 1);}
.gnb-outer.open{opacity: 1; visibility: visible;}

.gnb-inner { 
position:relative; width:50rem; height:100%; margin-left:auto; margin-right:0; background-color:#957c6d; 
display:flex; justify-content:center; align-items:center;
opacity:0; visibility:hidden; 
transform:translateY(-100%) translateZ(0); 
-webkit-transform:translateY(-100%) translateZ(0);
-moz-transform:translateY(-100%) translateZ(0);
-ms-transform:translateY(-100%) translateZ(0);
-o-transform:translateY(-100%) translateZ(0);
transition:all 1.2s 0.2s ease; 
-webkit-transition:all 1.2s 0.2s ease; 
-moz-transition:all 1.2s 0.2s ease; 
-ms-transition:all 1.2s 0.2s ease; 
-o-transition:all 1.2s 0.2s ease; 
}
.open .gnb-inner { 
opacity:1; visibility:visible; 
transform:translateY(0%) translateZ(0); 
-webkit-transform:translateY(0%) translateZ(0);
-moz-transform:translateY(0%) translateZ(0);
-ms-transform:translateY(0%) translateZ(0);
-o-transform:translateY(0%) translateZ(0);
transition:all 1.2s ease; 
-webkit-transition:all 1.2s ease; 
-moz-transition:all 1.2s ease; 
-ms-transition:all 1.2s ease; 
-o-transition:all 1.2s ease; 
}

.gnb_logo_bg{
width:728px; height:525px; 
background:url("../img/hd_gnb_bgbg.png") 100% no-repeat; opacity:0.9; overflow:hidden;
background-position:50% -650px;
transition:all 0.5s 0.5s ease; 
-webkit-transition:all 0.5s 0.5s ease; 
-moz-transition:all 0.5s 0.5s ease; 
-ms-transition:all 0.5s 0.5s ease; 
-o-transition:all 0.5s 0.5s ease; 
}
.open .gnb_logo_bg{
background-position:50% 50%;
transition:all 1.1s 0.85s ease; 
-webkit-transition:all 1.1s 0.85s ease; 
-moz-transition:all 1.1s 0.85s ease; 
-ms-transition:all 1.1s 0.85s ease; 
-o-transition:all 1.1s 0.85s ease;
}
.hd_gnb_bg_t{opacity: 0;font-size:90px;color:#fefefe;position: absolute;bottom:64px;right:65px;z-index:-1;
transition:all 1s 0.5s ease; 
-webkit-transition:all 0.5s 0.5s ease; 
-moz-transition:all 0.5s 0.5s ease; 
-ms-transition:all 0.5s 0.5s ease; 
-o-transition:all 0.5s 0.5s ease; }
.open .hd_gnb_bg_t{
opacity: .2;
transition:all 1.5s 0.85s ease; 
-webkit-transition:all 1.5s 0.85s ease; 
-moz-transition:all 1.5s 0.85s ease; 
-ms-transition:all 1.5s 0.85s ease; 
-o-transition:all 1.5s 0.85s ease;
}
.gnb-menu-list-wrap{position:relative; width:100%; height:100%; padding:7rem 0 1rem; display:flex; flex-direction:row; justify-content:center; align-items:center;}
.gnb-menu-list{position:relative; width:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
.gnb-menu-list-m{display:none;}

.gnb-menu-list{display:flex; width:100%; height:auto; flex-wrap: wrap;}
/* width */
.gnb-menu-list::-webkit-scrollbar {
width:5px;
}
/* Track */
.gnb-menu-list::-webkit-scrollbar-track {
background: rgba(240, 240, 240, 0);
}
/* Handle */
.gnb-menu-list::-webkit-scrollbar-thumb {
background: #fd4f00;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
-o-border-radius: 10px;
}
/* Handle on hover */
.gnb-menu-list::-webkit-scrollbar-thumb:hover {
background: #fd4f00;
}

.gnb-menu-depth1{position: relative;margin-left:0; border-bottom:none; overflow: hidden; }
.gnb-menu-depth1.on{height:auto;}
.gnb-menu-depth1.gnb-menu-depth1-1.on{height:339px;}
.gnb-menu-depth1-last{margin:0 auto 6%;}
.gnb-menu-depth1 > a {
position:relative; display:inline-block; padding: 1.5rem 0rem; opacity:0; 
transform: translateY(50px);
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
}
.gnb-outer.open .gnb-menu-list > li:nth-child(1) > a {opacity:1; transform: translateY(0px); transition:transform 1s 0.8s ease, opacity 1s 0.8s ease;}
.gnb-outer.open .gnb-menu-list > li:nth-child(2) > a {opacity:1; transform: translateY(0px); transition:transform 1s 0.9s ease, opacity 1s 0.9s ease;}
.gnb-outer.open .gnb-menu-list > li:nth-child(3) > a {opacity:1; transform: translateY(0px); transition:transform 1s 1.0s ease, opacity 1s 1.0s ease;}
.gnb-outer.open .gnb-menu-list > li:nth-child(4) > a {opacity:1; transform: translateY(0px); transition:transform 1s 1.1s ease, opacity 1s 1.1s ease;}
.gnb-outer.open .gnb-menu-list > li:nth-child(5) > a {opacity:1; transform: translateY(0px); transition:transform 1s 1.2s ease, opacity 1s 1.2s ease;}
.gnb-outer.open .gnb-menu-list > li:nth-child(6) > a {opacity:1; transform: translateY(0px); transition:transform 1s 1.3s ease, opacity 1s 1.3s ease;}
.gnb-outer.open .gnb-menu-list > li:nth-child(7) > a {opacity:1; transform: translateY(0px); transition:transform 1s 1.4s ease, opacity 1s 1.4s ease;}
.gnb-outer.open .gnb-menu-list > li:nth-child(8) > a {opacity:1; transform: translateY(0px); transition:transform 1s 1.5s ease, opacity 1s 1.5s ease;}
.gnb-menu-depth1.on > a {color: #ff7048 !important;font-weight: 500;}

.gnb-menu-depth2{height:auto; padding:0;}
.gnb-menu-depth2 > li {}
.gnb-menu-depth2 > li:last-child{padding:0 0 2.5rem;}
.gnb-menu-depth2 > li > a {display:inline-block; width:auto; color: #d6d6d7 !important; padding-top:4px; font-size: 1.3rem; font-weight:400; letter-spacing:-0.02em;}
.gnb-menu-depth2 > li:hover > a {color: #fff !important;}

.gnb_number_wrap{}

/* .gnb_logo {position: absolute; top: 1.5rem; left: 50%; width: 22rem; transform: translateX(-50%) translateZ(0); -webkit-transform: translateX(-50%) translateZ(0); -moz-transform: translateX(-50%) translateZ(0); -ms-transform: translateX(-50%) translateZ(0); -o-transform: translateX(-50%) translateZ(0);}*/
.gnb-inner{width: 100%; height: 100%; display: flex;}
.gnb-inner::after{display:none;}
.gnb-menu-list-wrap{padding:9rem 0 4rem;}
.gnb-menu-depth1{display: flex;width:100%;flex-direction: column;}
.gnb-menu-depth1 ul{display:flex;gap:28px;}
.gnb-menu-depth1 ul li{}
.gnb_logo_bg{/* display:none; */} 
.gnb_number_wrap {}
.gnb-menu-depth1 > a{padding: 0;font-size: 25px;color:#ffffff;    font-weight: 600;padding-bottom: 10px;}
.gnb-menu-depth2 > li > a > p{font-size:3.4249vw;color: #000;}
.gnb-menu-depth2 > li:hover > a{color:#5d5d5d;}
.login_wrap .login_menu_item{font-size:1.3rem;}
.open .hamberger{}
.open .hamberger.hamberger_gnb {}
.gnb_logo{top:2.5rem; width:auto;position: unset;padding-left: 4.8177vw;}
.gnb_logo a img{width: 18.8477vw;}
.gnb-menu-list-wrap{padding:0;gap: 97px;}
.gnb-menu-list{padding:0;max-width: 810px;gap:24px;}
.login_wrap{padding-top: 10%;}

.hd_join{display:none;}
.hd_join a.login{position: relative;display:flex;}
.hd_join a.login:after{content:'';background:#5c5c5c;width:1px;height:100%;margin:0 20px;display:inline-block;}
.open .hd_join{display:flex;}
.hd_join a{font-size:14px;color:#5c5c5c;}
.gnb-menu-list.m_cont_768{display:none}
.gnb_bgbg{width:530px;height:650px;background:#fd5d24;border-radius:0 0 50px 0}
.gnb-menu-depth1 ul li a p{color:#fff;display:inline-block;font-size:17px;letter-spacing: -1px;position: relative;font-weight:300}
.gnb-menu-depth1 ul li a p:after{content:'';background:#c8aa97;width:0;height:3px;bottom:0;left:0;position: absolute;transition: .3s;}
.gnb-menu-depth1 ul li a p:hover:after{width:100%;}
.hd_call{display:none}
@media (max-width:1860px) {
	.logo a{background:url(../img/hd_logo.png) no-repeat;width:9.0860vw;height:2.6882vw;background-size:9.0860vw 2.6882vw}
	.hd_left_list{gap:1.8817vw;}
	.hd_left_list li a{font-size:0.8602vw;}
	.header_lang03{margin-right:5.6989vw;}
	.header_lang03 a{background: #b99b87;    border-radius: 1.6129vw;padding: 0.6452vw 1.9892vw;font-size: 0.6989vw;align-items: center;justify-}
	.hamberger_wrap::before{font-size:0.8065vw;left:-2.9570vw;}

	/* gnb */
	.gnb_logo_bg{
	width:39.1398vw; height:28.2258vw; 
	background:url("../img/hd_gnb_bgbg.png") 100% no-repeat; opacity:0.9; 
	background-size:39.1398vw 28.2258vw
	}
	.hd_join a.login:after{background:#5c5c5c;width:0.0538vw;height:100%;margin:0 1.0753vw;}
	.open .hd_join{}
	.hd_join a{font-size:0.7527vw;}
	.gnb-menu-list.m_cont_768{display:none}
	.gnb_bgbg{width:28.4946vw;height:34.9462vw;background:#fd5d24;border-radius:0 0 2.6882vw 0}
	.gnb-menu-depth1 ul li a p{font-size:0.9140vw;letter-spacing: -0.0538vw;font-weight:300}
	.gnb-menu-depth1 ul li a p:after{background:#05dc1e;width:0;height:0.1613vw;bottom:0;left:0;transition: .3s;}
	.gnb-inner{width: 100%; height: 100%; }
	.gnb-inner::after{}
	.gnb-menu-list-wrap{padding:9rem 0 4rem;}
	.gnb-menu-depth1{width:100%;flex-direction: column;}
	.gnb-menu-depth1 ul{gap:1.5054vw;}
	.gnb-menu-depth1 ul li{}
	.gnb_logo_bg{/*  */} 
	.gnb_number_wrap {}
	.gnb-menu-depth1 > a{padding: 0;font-size: 1.3441vw;    padding-bottom: 0.5376vw;}
	.gnb-menu-depth2 > li > a > p{font-size:3.4249vw;}
	.gnb-menu-depth2 > li:hover > a{}
	.login_wrap .login_menu_item{font-size:1.3rem;}
	.open .hamberger{}
	.open .hamberger.hamberger_gnb {}
	.gnb_logo{top:2.5rem; width:auto;padding-left: 4.8177vw;}
	.gnb_logo a img{width: 18.8477vw;}
	.gnb-menu-list-wrap{padding:0;gap: 5.2151vw;}
	.gnb-menu-list{padding:0;max-width: 43.5484vw;gap:1.2903vw;}
}
@media (max-width:1280px) {
	.logo a{width:13.2031vw;height:3.9063vw;background-size:13.2031vw 3.9063vw}
	.hd_left_list{gap:1.7344vw;}
	.hd_left_list li a{font-size:1.2500vw;}
	.header_lang03{margin-right:8.2813vw;}
	.header_lang03 a{background: #b99b87;    border-radius: 2.3438vw;padding: 0.9375vw 2.8906vw;font-size: 1.0156vw;align-items: center;justify-}
	.hamberger_wrap::before{font-size:1.1719vw;left:-4.2969vw;}

	.gnb-inner{width: 100%; height: 100%; }
	.gnb-inner::after{}
	.gnb-menu-list-wrap{padding:9rem 0 4rem;}
	.gnb-menu-depth1{width:100%;flex-direction: column;}
	.gnb-menu-depth1 ul{gap:2.1875vw;}
	.gnb-menu-depth1 ul li{}
	.gnb_logo_bg{/*  */} 
	.gnb_number_wrap {}
	.gnb-menu-depth1 > a{padding: 0;font-size: 1.9531vw;    padding-bottom: 0.7813vw;}
	.gnb-menu-depth2 > li > a > p{font-size:3.4249vw;}
	.gnb-menu-depth2 > li:hover > a{}
	.login_wrap .login_menu_item{font-size:1.3rem;}
	.open .hamberger{}
	.open .hamberger.hamberger_gnb {}
	.gnb_logo{top:2.5rem; width:auto;padding-left: 4.8177vw;}
	.gnb_logo a img{width: 18.8477vw;}
	.gnb-menu-list-wrap{padding:0;gap: 7.5781vw;}
	.gnb-menu-list{padding:0;max-width: 63.2813vw;gap:1.8750vw;}

	.hd_join a.login:after{background:#5c5c5c;width:0.0781vw;height:100%;margin:0 1.5625vw;}
	.open .hd_join{}
	.hd_join a{font-size:1.0938vw;}
	.gnb-menu-list.m_cont_768{display:none}
	.gnb_bgbg{width:41.4063vw;height:50.7813vw;background:#fd5d24;border-radius:0 0 3.9063vw 0}
	.gnb-menu-depth1 ul li a p{font-size:1.3281vw;letter-spacing: -0.0781vw;font-weight:300}
	.gnb-menu-depth1 ul li a p:after{background:#05dc1e;width:0;height:0.2344vw;bottom:0;left:0;transition: .3s;}

	.gnb_logo_bg{display:none;
	width:56.8750vw; height:41.0156vw;  
	background:url("../img/hd_gnb_bgbg.png") 100% no-repeat; opacity:0.9; 
	background-position:50% -50.7813vw;
	transition:all 0.5s 0.5s ease; 
	-webkit-transition:all 0.5s 0.5s ease; 
	-moz-transition:all 0.5s 0.5s ease; 
	-ms-transition:all 0.5s 0.5s ease; 
	-o-transition:all 0.5s 0.5s ease; 
	}
}
@media (max-width:768px) {
	.gnb-menu-list.m_cont_768{display:block;max-width: unset;}
	.gnb-menu-list.pc_cont_768{display:none;}
	.open .scrolled .logo, .open .bk-header .logo{display:none}
	.hamberger{display:block;}
	.hamberger.open {margin-top:2.625vw;}
	.header_bottom,.header-inner__left{display:none}
	.logo a {width:22.0052vw;height:6.5104vw;background-size: 22.0052vw 6.5104vw;}
	.main-header{border-bottom:0;opacity: 1;}
	.header-inner__right{right:auto;left:0;}
	.header-inner__right a{}
	.hd_menu span{width: 6.9896vw;height: 0.3906vw;background:#fff}
	.header-inner{max-width: 92.4063vw;width:100%;}
	.m_header_r{position: absolute;right:0;top:4.5573vw;}
	.m_header_r img{width: 6.0729vw;}
	.hamberger{}
	.header_lang02{position: absolute;right:9vw;top:3.9vw}
	.header_top{margin-top: 0vw;justify-content: center;}
	.hd_menu span:first-child{margin-bottom: 1.4031vw;}
	.hd_menu span:nth-child(3){margin-top: 1.4031vw;}
	.header_center{}
	.gnb-menu-list03{margin-top:0;align-items: flex-end;}
	.gnb-menu-list {height: fit-content;min-height: auto;}
	.header-inner{padding: 0;height:10.2500vw;background: none;box-shadow:none}
	.lang-select-list {font-size: 1.7500vw;border-radius:1.2500vw;left:-3.1250vw;top:3.7500vw;padding: 1.2500vw 0 1.2500vw 0.0000vw;width: 10.3750vw;background:#fff;border:0.1250vw solid #e1e1e1}
	.lang-select-list li{padding:0}
	.gnb-inner{width:100%;height:62.5000vw;padding-top:0vw;}
	.header-inner__right{gap: 0 11.6250vw;}
	.header-inner__right p{font-size:1.7500vw;}
	.header-inner__right p img{padding-right:0.5000vw;}
	.gnb-menu-list03 ul li a{font-size: 2.0938vw;}
	.main-header.scrolled .header-inner__right{        top: 2.7344vw;transform: none;}
	.main-header.scrolled .header-inner__right .hd_menu span{background: #6bab9e;}
	.header-inner__right a{font-size:1.8750vw;border-radius:3.1250vw;}

	.header-inner__right a{overflow:hidden}
	.header-inner__right .u-btn-body{width:18.1250vw;height:5.6250vw;background: #283232;}
	.header-inner__right .u-btn-o .o{height:5.6250vw;}
	.header-inner__right .u-btn-o .t{height:5.6250vw;padding:0;}
	.header-inner__right .u-btn-body::before,.u-btn-body:after{left:0;top:0;width:100%}
	.header-inner__right .u-btn-body{position:relative}
	.header-inner__right .u-btn-body::before{transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),background var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);height:100%;position:absolute}
	.header-inner__right .u-btn-g .o,.u-btn-o .o{height:5.8750vw;line-height:0;z-index:3}
	.header-inner__right .u-btn-body:after{border-radius:100%;height:100%;transform:translateY(110%);z-index:2}
	.header-inner__right .u-btn-o .t{align-items:center;height:5.8750vw;justify-line-height:0;transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);}
	.header-inner__right .u-btn-body .t:last-child{color:var(--c-black-0);}
	.header-inner__right .u-btn-hv:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);}
	.header-inner__right .u-btn-hv:hover .u-btn-body:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}
	.header-inner__right .u-btn-hv:hover .u-btn-body{background:none}

	/* header event */
	/* .main-header.nav-down.active .logo a{background: url(../img/logo_l.png) no-repeat;background-size:80% 80%;} */
	.main-header.nav-down.active .header-inner__right p{color:#fff}
	.main-header.nav-down.active .header-inner__right p img.off{display:inline-block}
	.main-header.nav-down.active .header-inner__right p img.on{display:none}
	.main-header.nav-down.active.scrolled .select-lang a.on{display:none}
	.main-header.nav-down.active.scrolled .select-lang a.scroll{}
	.main-header.nav-down.active .hamberger.on{top:3.7500vw;}
	.main-header.nav-down.active.scrolled{box-shadow:none}

	.gnb-container{height:100%;transform: translateY(-62.5000vw);transition: 1s;display:none}
	.gnb-container.open{background: #fff;opacity: 1;transform: translateY(0.0000vw);transition:1s;max-width:100%;}
	.hamberger.open span{background:#000}
	.gnb-menu-depth1{}
	.gnb-inner .flex_row{height:100%;}
	.gnb-menu-depth1 .gnb-menu-depth1-inner > a{font-size:2.0000vw;font-weight:600}
	.gnb-menu-depth1.gnb-menu-last{padding-top:0;}
	.gnb-menu-depth1.gnb-menu-last .gnb-menu-depth1-inner > a{font-size:1.6250vw;}
	.gnb-menu-depth1.gnb-menu-last .gnb-menu-depth1-inner > a:after{width:0%;height:0.2500vw;left:0;bottom:-0.5000vw;transition: .3s;}
	.gnb-menu-depth1.gnb-menu-last .gnb-menu-depth1-inner > a:hover:after{width:100%;}
	.gnb-menu-depth1.gnb-menu-last > div{gap:0 3.7500vw;}
	.gnb-menu-list02 .gnb-menu-depth2{left:1.3750vw;}
	.gnb-menu-depth2 > li > a{font-size:1.8750vw;transition: .3s;}
	.gnb-menu-depth2 > li > a:after{width:0%;height:0.2500vw;left:0;bottom:-0.5000vw;transition: .3s;}
	.gnb-menu-depth2 > li > a:hover:after{width:100%;display:none}
	.gnb-menu-depth2 > li{margin-right:2.3750vw;}
	.gnb-menu-depth2 > li > a img{vertical-align:middle}
	/* .gnb-menu-depth2 li:hover a{transition: .3s;} */
	/* .gnb-menu-list li.regi .gnb-menu-depth1-inner a:hover{transition: .3s;} */
	.gnb-menu-list01{width:88.8750vw}
	.gnb-menu-list02 {width:77.8750vw;padding-left:0vw;padding-top: 9.5085vw;}
	.gnb-menu-list li .gnb-menu-depth1-inner{}
	.gnb-menu-list li:first-child{padding-top:0}
	.gnb-menu-list03 p{font-size:2.6250vw;padding-top:0vw;}
	.gnb-menu-list03 p b{font-weight:600}
	.gnb-menu-depth1_1 .gnb-menu-depth1-inner > a.hd_gnb_title01{font-size:2.2500vw;font-style: italic;font-weight:500}
	.gnb-menu-depth1_1 .gnb-menu-depth1-inner > a.hd_gnb_title02{font-size:2.2500vw;font-style: italic;font-weight:500}
	.main-header.scrolled .logo a,.main-header.scrolled2 .logo a,.main-header.sub-header.scrolled .logo a{}
	.main-header.scrolled2 .logo a{background: url(../img/logo_on2.png) no-repeat;}
	.main-header.open .select-network-btn span{font-weight:600}
	.main-header.open .header_center{top: 5.5156vw;}
	.main-header.scrolled .header_center{top:1.8156vw;}
	.main-header .header_center a.off{}
	.main-header .header_center a.off img{width:9.3750vw;height:8.3750vw;}
	.main-header.open .header_center a.off,.main-header.scrolled .header_center a.off{}
	.main-header .header_center a.on{}
	.main-header.open .header_center a.on,.main-header.scrolled .header_center a.on{}
	.main-header.open .header_center a.on{margin-top:0.7500vw;}
	.main-header.scrolled .header_center a.on{width:6.3750vw;}
	.main-header.open .header-inner{}
	.main-header.open .select-lang a{color:#606060}
	.main-header.scrolled .header_cetner_text{opacity: 0;transition: .5s;}
	.main-header.open .header_cetner_text{opacity: 0;}


	.main-header.scrolled{box-shadow: rgba(0, 0, 0, 0.1) 0 0 2.5000vw;transition: all .3s;transition-duration: .7s;top:0;background: #fff;}
	.main-header.scrolled.nav-up .hamberger {top:-101%;}
	.main-header.scrolled.nav-up{top:-101%; height:13.7500vw;}
	/* .main-header.scrolled.nav-down{top:-2.5rem; height:13.7500vw;} */
	.main-header.scrolled .header-inner{padding:5.5000vw 0}
	.main-header.scrolled .header-inner .header-inner__right p{color:#111}
	.main-header .header-inner .header-inner__right p img.on{display:none}
	.main-header.scrolled .header-inner .header-inner__right p img{display:none}
	.main-header.scrolled .header-inner .header-inner__right p img.on{display:inline-block}
	.main-header.scrolled .header_top{margin-top:0}
	.gnb-inner{width:100%;height:100%;}



	.gnb-inner > div::-webkit-scrollbar {width: 0;}

	/* new sc */
	.gnb-container.open2{background: #fff;visibility: visible;opacity: 1;transform: translateY(0.0000vw);transition: 1s;max-width: 100%;z-index:-1}
	.lang-select-list02{left:0}
	.header_top{opacity: 1;}
	.header_lang03{display:none}
	/********************************************************** 
	* hamberger
	***********************************************************/
	.hamberger{
		position: relative;
		width: auto;
		height: 1.2rem;
		z-index: 104;
		cursor: pointer;
		overflow:hidden; background:none;
		will-change: transform;
		transform:
		  translateY(var(--ty, 0))
		  rotateX(var(--rx, 0))
		  rotateY(var(--ry, 0)); 
		transform-style: preserve-3d;
	}
	.open .hamberger{
		position:fixed;
		top:4.4rem;
		right:5rem;
		width:auto;
		height:2rem;
	}
	.open .hamberger.scrolled {
		position:fixed;
		top:1.5rem;
		right:5.3rem;
		width:auto;
		height:2rem;
	}
	.open .hamberger.hamberger_gnb.scrolled{
		position:fixed;
		
		right:5.3rem;
		width:auto;
		height:2rem;
	}
	.scrolled .hamberger.hamberger_gnb{top: 5.3719vw;}
	.hamberger.hamberger_gnb{
		position:fixed;
		top: 5.2719vw;
		right:3rem;
		width:auto;
		height: 6.7708vw;
	}
	.main-header.scrolled .header-inner__right .hamberger{width:auto;height: 6.7708vw;}
	.open .hamberger.hamberger_gnb{

	}
	.hamberger_wrap{position:relative; width:100%; height:100%;}
	.hamberger_box{position:relative; display:flex; justify-content:center; gap: 0.4rem 0; align-items:center; flex-direction:column; width:2.5rem; height:100%; line-height:1;}
	.hamberger_box .line{
		position:relative; 
		width: 100%;
		height: 3px;
		background-color: #fd4f00;
		display: block;
		margin:0 auto;
		-webkit-transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;
		-o-transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;
		transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;
	}
	.hamberger_box .line.m_cont_960 { display: none;}
	.scrolled .hamberger_box .line{

	}
	.open .hamberger_box .line{
		background-color: #fff;
	}
	.open .scrolled .hamberger_box .line{
		background-color: #fff;
	}

	.hamberger.open .hamberger_box{
		width:3rem;
		-webkit-transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;
		-o-transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;
		transition: transform 0.4s ease-in-out, width 0.4s ease-in-out;
		
	}

	.hamberger.open .hamberger_box .line{
		margin:0px auto; 
	}
	.hamberger.open .hamberger_box .line:nth-child(1),
	.hamberger.open .hamberger_box .line:nth-child(2){
		-webkit-transition-delay: 0.4s;
		-o-transition-delay: 0.4s;
		transition-delay: 0.4s;
	}
	.hamberger.open .hamberger_box .line:nth-child(1){
		-webkit-transform: translateY(0rem) rotate(20deg);
		-ms-transform: translateY(0rem) rotate(20deg);
		-o-transform: translateY(0rem) rotate(20deg);
		transform: translateY(0rem) rotate(20deg);
	}
	.hamberger.open .hamberger_box .line:nth-child(2){
		-webkit-transform: translateY(-0.55rem) rotate(-20deg);
		-ms-transform: translateY(-0.55rem) rotate(-20deg);
		-o-transform: translateY(-0.55rem) rotate(-20deg);
		transform: translateY(-0.55rem) rotate(-20deg);
	}
	.hamberger_text{position:relative; margin-left:0.8rem; margin-top:4px; display:none;}
	.open .hamberger_text{display:block;}
	.hamberger.open .hamberger_box .line.m_cont_960 { display: none; }
	.hamberger_box{ gap:0;justify-content: space-between;}
	.hamberger_box .line.m_cont_960 { display: block; }
	.hamberger.open .hamberger_box .line.m_cont_960 { display: block; }
	.hamberger_box .line{
	-webkit-transition: transform 0.2s ease-in-out, width 0.2s ease-in-out;
	-o-transition: transform 0.2s ease-in-out, width 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, width 0.2s ease-in-out;
	}
	.hamberger.open .hamberger_box .line:nth-child(1),
	.hamberger.open .hamberger_box .line:nth-child(2),
	.hamberger.open .hamberger_box .line:nth-child(3){
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
	}

	.hamberger { height: 3rem; }
	.hamberger_box { justify-content: space-evenly;        width: 6.7708vw;}
	.hamberger_box .line { background-color: #fff; height: 4px;  }
	.scrolled .hamberger_box .line{}
	.hamberger_box .line:first-of-type {     }
	.hamberger_box .line:last-of-type {   margin-left: 30%;  display:none}

	.gnb-outer .hamberger_box .line:last-of-type { opacity: 0;}
	.hamberger.open .hamberger_box .line:nth-child(3){opacity: 1;}

	.hamberger.open .hamberger_box .line:nth-child(1){
	-webkit-transform: translateX(0.8rem) translateY(0.05rem) rotate(45deg);
	-ms-transform: translateX(0.8rem) translateY(0.05rem) rotate(45deg);
	-o-transform: translateX(0.8rem) translateY(0.05rem) rotate(45deg);
	transform:translateX(0.8rem) translateY(0.05rem) rotate(45deg);
	}
	.hamberger.open .hamberger_box .line:nth-child(2){
	-webkit-transform: rotate(90deg) translateY(-0.03rem);
	-ms-transform: rotate(90deg) translateY(-0.03rem);
	-o-transform: rotate(90deg) translateY(-0.03rem);
	transform: rotate(90deg) translateY(-0.03rem);
	}
	.hamberger.open .hamberger_box .line:nth-child(3){
	-webkit-transform: translateX(-0.7rem) translateY(-1.5rem) rotate(-45deg);
	-ms-transform: translateX(-0.7rem) translateY(-1.5rem) rotate(-45deg);
	-o-transform: translateX(-0.7rem) translateY(-1.5rem) rotate(-45deg);
	transform:  translateX(-0.7rem) translateY(-1.5rem) rotate(-45deg);
	}
	.open .hamberger.hamberger_gnb.scrolled { height: 4rem; }
	/* 	.open .hamberger.hamberger_gnb { height: 4rem;border:2px solid #fff} */

	/********************************************************** 
	* gnb
	***********************************************************/
	.gnb-outer{position: fixed !important; top:0; right:0; width: 100vw; height: 100vh; z-index:15; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.3) !important; transition: opacity .8s cubic-bezier(0.23, 1, 0.320, 1);}
	.gnb-outer.open{opacity: 1; visibility: visible;}

	.gnb-inner { 
	position:relative; width:50rem; height:100%; margin-left:auto; margin-right:0; background-color:#fff; 
	display:flex; justify-content:center; align-items:center;
	opacity:0; visibility:hidden; 
	transform:translateY(-100%) translateZ(0); 
	-webkit-transform:translateY(-100%) translateZ(0);
	-moz-transform:translateY(-100%) translateZ(0);
	-ms-transform:translateY(-100%) translateZ(0);
	-o-transform:translateY(-100%) translateZ(0);
	transition:all 1.2s 0.2s ease; 
	-webkit-transition:all 1.2s 0.2s ease; 
	-moz-transition:all 1.2s 0.2s ease; 
	-ms-transition:all 1.2s 0.2s ease; 
	-o-transition:all 1.2s 0.2s ease; 
	}
	.open .gnb-inner { 
	opacity:1; visibility:visible; 
	transform:translateY(0%) translateZ(0); 
	-webkit-transform:translateY(0%) translateZ(0);
	-moz-transform:translateY(0%) translateZ(0);
	-ms-transform:translateY(0%) translateZ(0);
	-o-transform:translateY(0%) translateZ(0);
	transition:all 1.2s ease; 
	-webkit-transition:all 1.2s ease; 
	-moz-transition:all 1.2s ease; 
	-ms-transition:all 1.2s ease; 
	-o-transition:all 1.2s ease; 
	}

	.gnb_logo_bg{
	position:absolute; bottom:4rem; right:3rem; width:15.813rem; height:11.375rem; 
	background:url("../img/gnb_logo_bg.png") 100% no-repeat; opacity:0.9; overflow:hidden;
	background-position:50% -11.5rem;
	transition:all 0.5s 0.5s ease; 
	-webkit-transition:all 0.5s 0.5s ease; 
	-moz-transition:all 0.5s 0.5s ease; 
	-ms-transition:all 0.5s 0.5s ease; 
	-o-transition:all 0.5s 0.5s ease; 
	}
	.open .gnb_logo_bg{
	background-position:50% 50%;
	transition:all 1.1s 0.85s ease; 
	-webkit-transition:all 1.1s 0.85s ease; 
	-moz-transition:all 1.1s 0.85s ease; 
	-ms-transition:all 1.1s 0.85s ease; 
	-o-transition:all 1.1s 0.85s ease;
	}

	.gnb-menu-list-wrap{position:relative; width:100%; height:100%; padding:7rem 0 1rem; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start;}
	.gnb-menu-list{position:relative; width:100%; display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
	.gnb-menu-list-m{display:none;}
	.gnb-menu-list.m_cont_1024 { display: none;}

	.gnb-menu-list{display:block; width:100%; height:auto; padding:0 5rem 0 6rem; overflow-x:hidden; overflow-y:auto;}
	/* width */
	.gnb-menu-list::-webkit-scrollbar {
	width:5px;
	}
	/* Track */
	.gnb-menu-list::-webkit-scrollbar-track {
	background: rgba(240, 240, 240, 0);
	}
	/* Handle */
	.gnb-menu-list::-webkit-scrollbar-thumb {
	background: #fd4f00;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	}
	/* Handle on hover */
	.gnb-menu-list::-webkit-scrollbar-thumb:hover {
	background: #fd4f00;
	}

	.gnb-menu-depth1{position: relative; width:22rem; height:88px; margin-left:0; margin-right:auto; border-bottom:none; overflow: hidden; }
	.gnb-menu-depth1.on{height:auto;}
	.gnb-menu-depth1.gnb-menu-depth1-1.on{height:339px;}
	.gnb-menu-depth1-last{margin:0 auto 6%;}
	.gnb-menu-depth1 > a {
	position:relative; display:inline-block; width:100%; color: #000 !important; padding: 1.5rem 0rem; opacity:0; 
	transform: translateY(50px);
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	}
	.gnb-menu-depth1 > a::after {content:''; background:url(../img/hd_gnb_icon1.png) no-repeat;height: 2.2917vw;filter: invert(1);
	width: 5.9167vw;background-size:5.9167vw 2.2917vw;position:absolute; top:50%; left:auto; right:0; font-size: 2.6rem; margin-left:0%; font-weight:500; color:#fff; transform: translateY(-50%) translateZ(0); -webkit-transform: translateY(-50%) translateZ(0); -moz-transform: translateY(-50%) translateZ(0); -ms-transform: translateY(-50%) translateZ(0); -o-transform: translateY(-50%) translateZ(0);}
	.gnb-menu-depth1.on > a::after {content:'';background:url(../img/hd_gnb_icon1.png) no-repeat;height: 2.2917vw;
	width: 5.9167vw;background-size:5.9167vw 2.2917vw; position:absolute; top:37%; left:auto; right:0px; font-size:2.2rem; margin-left:0; font-weight:600; color:#fff;
	transform: translateY(-50%) translateZ(0); -webkit-transform: translateY(-50%) translateZ(0); -moz-transform: translateY(-50%) translateZ(0); -ms-transform: translateY(-50%) translateZ(0); 
	-o-transform: translateY(-50%) translateZ(0);transform: rotate(180deg);}

	.gnb-outer.open .gnb-menu-list > li:nth-child(1) > a {opacity:1; transform: translateY(0px); transition:transform 1s 0.8s ease, opacity 1s 0.8s ease;}
	.gnb-outer.open .gnb-menu-list > li:nth-child(2) > a {opacity:1; transform: translateY(0px); transition:transform 1s 0.9s ease, opacity 1s 0.9s ease;}
	.gnb-outer.open .gnb-menu-list > li:nth-child(3) > a {opacity:1; transform: translateY(0px); transition:transform 1s 1.0s ease, opacity 1s 1.0s ease;}
	.gnb-outer.open .gnb-menu-list > li:nth-child(4) > a {opacity:1; transform: translateY(0px); transition:transform 1s 1.1s ease, opacity 1s 1.1s ease;}
	.gnb-outer.open .gnb-menu-list > li:nth-child(5) > a {opacity:1; transform: translateY(0px); transition:transform 1s 1.2s ease, opacity 1s 1.2s ease;}
	.gnb-outer.open .gnb-menu-list > li:nth-child(6) > a {opacity:1; transform: translateY(0px); transition:transform 1s 1.3s ease, opacity 1s 1.3s ease;}
	.gnb-outer.open .gnb-menu-list > li:nth-child(7) > a {opacity:1; transform: translateY(0px); transition:transform 1s 1.3s ease, opacity 1s 1.3s ease;}
	.gnb-menu-depth1.on > a {color: #c8aa97 !important;font-weight: 500;}

	.gnb-menu-depth2{height:auto; padding:0;flex-direction: column;}
	.gnb-menu-depth2 > li {}
	.gnb-menu-depth2 > li:last-child{padding:0 0 2.5rem;}
	.gnb-menu-depth2 > li > a {display:inline-block; width:auto; color: #d6d6d7 !important; padding-top:4px; font-size: 1.3rem; font-weight:400; letter-spacing:-0.02em;}
	.gnb-menu-depth2 > li:hover > a {color: #fff !important;}

	.gnb_number_wrap{}

	/* .gnb_logo {position: absolute; top: 1.5rem; left: 50%; width: 22rem; transform: translateX(-50%) translateZ(0); -webkit-transform: translateX(-50%) translateZ(0); -moz-transform: translateX(-50%) translateZ(0); -ms-transform: translateX(-50%) translateZ(0); -o-transform: translateX(-50%) translateZ(0);}
	 */.gnb-inner{width: 100%; height: 100%; display: flex;}
	.gnb-inner::after{display:none;}
	.gnb-menu-list-wrap{padding:9rem 0 4rem;}
	.gnb-menu-list{padding:0 8rem;}
	.gnb-menu-depth1{width:100%;height: 9.6354vw;border-bottom: 1px solid #000;border-left:0}
	.gnb-menu-depth1:nth-child(-n+4){height: 9.6354vw;}
	.gnb_logo_bg{display:none;}
	.gnb_number_wrap {}
	.gnb-menu-depth1 > a{padding: 2.6042vw 0;}
	.gnb-menu-depth1 > a{font-size: 2.8646vw;font-weight: 300;}
	.gnb-menu-depth2 > li > a > p{font-size:3.4249vw;color: #000;}
	.gnb-menu-depth2 > li:hover > a{color:#5d5d5d;}
	.login_wrap .login_menu_item{font-size:3.3438vw;color: #464646;}
	.open .hamberger{}
	.open .hamberger.hamberger_gnb {}
	.gnb_logo{top:2.5rem; width:auto;position: unset;padding-left: 4.8177vw;}
	.gnb_logo a img{width: 18.8477vw;}
	.gnb-menu-list-wrap{padding:2.5vw 0 0;gap: 7.9427vw;}
	.gnb-menu-list{padding:2rem 3rem;}
	.login_wrap{padding-top: 10%;}
	.gnb_number_wrap{position: absolute;width:100%;bottom:3.5104vw;}
	.login_wrap .login_menu{gap: 2.6042vw;padding:0}
	.open .hamberger_box .line:first-of-type{transform: rotate(45deg);  margin-top: 2.7344vw;margin-bottom:0;background-color:#fff;}
	.open .hamberger_box .line{    transform: rotate(135deg);margin-bottom: 3.1250vw;background-color:#fff;}
	.open .hamberger_box .line:nth-child(3){display:none}
	.open .hamberger_box .line{background-color:#000 !important;}
	.open .hamberger.hamberger_gnb{}
	.login_wrap{display: flex;justify-content: space-between;margin: 0 4.5313vw;padding:0}
	.login_wrap p{font-size: 2.3438vw;}
	.open .hd_gnb_bg_t{display:none}
	.gnb-menu-depth1 ul li a p{color:#111}

}
@media (max-width:480px) {
	.pc_cont_480{display:none; opacity:0; visibility:hidden;}
	.m_cont_480{display:block; opacity:1; visibility:visible;}
	.header-inner{height:13.25vw;}
	.header_top{opacity: 1;margin-top:0;justify-content: center;padding-top: 0vw;}
	.main-header.scrolled .header_top{padding-top:0}
	.logo a{background: url(../img/hd_logo_n.png) no-repeat;width:34.3810vw;height:10.2857vw;background-size:34.3810vw 10.2857vw;}
	.hd_menu.active span:first-child{margin-bottom: -.2344vw;}
	.hd_menu span:first-child{margin-bottom: 2.4031vw;}
	.hd_menu span:nth-child(3){margin-top: 2.4031vw;}
	.hd_menu span,.hd_menu.active span{width: 9.9896vw;}
	.hamberger.open{margin-top: 4.625vw;}
	.hamberger_box .line{height:.4vw}
	.header_center{top: 6.5156vw;z-index:11;position:unset;transform:none;padding-top: 1vw;}
	.m_header_r{top: 5.5573vw;            z-index: 11;}
	.main-header.scrolled .header-inner{padding:8vw 0}
	.main-header.scrolled .header_center {top: 6.5156vw;}
	.hd_menu.active span:nth-child(2){transform: rotate(151deg);}
	.gnb-menu-depth1 .gnb-menu-depth1-inner > a{line-height: 3.9531vw;font-size: 4.5311vw;}
	.gnb-menu-depth2 > li > a{font-size: 3.8249vw;}
	.gnb-menu-list03 p{font-size: 3.825vw;}
	.gnb-menu-list03 ul li a{font-size: 3.4938vw;}
	.main-header.scrolled .logo a, .main-header.scrolled2 .logo a, .main-header.sub-header.scrolled .logo a{}
	.login_wrap p{        font-size: 3.3438vw;}
	.gnb_logo a img{width:21.3929vw;}
	.hamberger_box{width:7.7708vw}
	.hamberger.hamberger_gnb{height:8.7708vw;top: 7.0719vw;right:4.7857vw}
	.main-header.scrolled .header-inner__right .hamberger{height:9.7708vw;}
	.scrolled .hamberger.hamberger_gnb{top:8.1719vw}
	.gnb-menu-list-wrap{padding: 1vw 0 0;}
	.open .hamberger_box .line{margin-bottom: 5.125vw; width: 95%;}
	.gnb-menu-depth1 > a{font-size: 5.5422vw;font-weight: 400;
        letter-spacing: -0.01em;}
	.gnb-menu-depth2 > li > a > p{font-size:3.8249vw}
	.login_wrap{display: flex;justify-content: space-between;border-bottom: 0;padding-bottom: 2.7083vw;}
	.gnb-menu-depth1{height:11.6354vw;}
	.open .hamberger_box .line:first-of-type{margin-top: 3.5344vw;}
	.hd_call{display:block;position: absolute;left:0}
	.hd_call img{width:44%}
	.open .hd_call{display:none}
	.open .header_center{display:none}
	.gnb-menu-list{max-height: 64.0139vh;/* padding: 2rem 5rem 2rem 2rem; */}
	.gnb-menu-depth1,.gnb-menu-depth1:nth-child(-n+4){height: 12.6354vw;}

	.gnb-menu-depth1 > a::before { opacity: 1; content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 4.1735vw; transition: all 0.3s ease; 
	width: 0.3410vw; height: 4.5651vw; background: #c8aa97; }
	.gnb-menu-depth1.on > a::before { opacity: 0; }
	.gnb-menu-depth1 > a::after { right: 1.9229vw; filter: none; width: 4.5651vw; height: 0.3410vw; background: #c8aa97; }
	.gnb-menu-depth1.on > a::after { top: 50%; transform: rotate(180deg) translateY(-50%); right: 0.7229vw; filter: none; width: 6.2651vw; height: 0.2410vw; background: #c8aa97; }
	.gnb-menu-depth1 > p.gnb-menu-txt { padding-block: 3.3735vw; }

	.gnb-menu-depth1 ul { gap: 2.8916vw; }
	.gnb-menu-depth1 ul li a p { font-weight: 500;font-family: var(--font-suit-sb); font-size: 3.8554vw; }
	.gnb-menu-depth1 ul li a p:hover { font-weight: normal; }

	.login_wrap .login_menu { gap: 1.9277vw; position: absolute; right:auto; bottom: 3vw; font-family: var(--font-suit); color: #5f5f5f;left: 8vw; }
	.gnb-menu-depth1{border-bottom:1px solid #d5d7d7}
	.gnb-inner > div{height:97%}
	.header_lang02{top:5vw;right:5vw}
	.main-header.scrolled .header_lang02{top:6.5vw}
	.lang-select-list02{left:-3vw;top:7.75vw;gap:2vw;padding:2.25vw 0}
	.header-inner__right a{font-size: 2.875vw;}
	.select-lang-btn02{background:none;width:3.1429vw;height:3.1429vw}
	.hamberger_box .line:last-of-type{display:block;margin-left:0}
	.open .hamberger.hamberger_gnb{top:9.2vw}
	.gnb-menu-list{padding:2rem}

}
