@charset "utf-8";

.pc_cont_480{display:block; opacity:1; visibility:visible;}
.m_cont_480{display:none; opacity:0; visibility:hidden;}
/* header */
.main-header{position: fixed;z-index:99999;border-bottom:0;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: 99999;}
.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}
.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:28px;height:35px;}
.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;text-align:center; line-height:1; 
opacity: 0; visibility: hidden;text-align: left;font-size: 14px;left:0px;top:30px;padding: 10px 0 10px 0px;
text-align:left;width: 75px;text-align: right;background:#fff;border:1px solid #c5b4a4}
.lang-select-list li{width:100%; line-height:1; font-size:0.9rem; color:#fff; padding:9px 0; letter-spacing: 1px; text-align:center;}


.lang-select-list > li > a { font-weight:600; transition:0.3s;}
/* .lang-select-list li.active{font-size:0.9rem; color: #313131;text-decoration:underline;} */
.header-inner{height:78px;max-width:1655px;}
.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%;}

.select-lang a{font-size:12px;color:#313131}
.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);}
.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:#fff;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:40px; */}
.select-lang-btn02{width:48px;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:#313131;}
.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%);left:0;width:22px;height: 18px;z-index: 999999;}
.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: #000000; 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{}
.header_lang03 a{transition: .3s;background: #313131;color: #f7f4ef;padding:15px 31px;font-size: 15px;display: flex;align-items: center;justify-content: center;}
.header_lang03 a:hover{background:#f7f4ef;color:#313131;border:1px solid #313131}
/********************************************************** 
* gnb
***********************************************************/
#gnb{ position: fixed;inset: 0;width: 100vw;height: 100vh;background: rgba(0,0,0,.5); opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .35s ease, visibility .35s ease;z-index: 9999;         
}
#gnb.open{opacity: 1;visibility: visible;pointer-events: auto;}
#gnb .gnb-inner{width:700px;height: 100%;margin-right: auto;    transform: translateX(-100%);transition: transform .45s cubic-bezier(0.22,1,0.36,1);}
#gnb.open .gnb-inner{transform: translateX(0);}
.gnb-outer{width:1076px;position: fixed !important; top:0px; right: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%; background-color:#e94911; 
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;position: absolute;bottom:0px;right:0px;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: 1;
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-bottom:150px;}
.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%; max-width: 488px;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;gap:19px;margin-left:0; border-bottom:none; overflow: hidden; height:auto;}
.gnb-menu-depth1.on{height:auto;}
.gnb-menu-depth1-last{margin:0 auto 6%;}
.gnb-menu-depth1 > a {transition:all .5s;
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-menu-depth1 > a:hover{transition:all .5s;background: #da3f09;}
.gnb-outer.open .gnb-menu-list > li:nth-child(1) > a {opacity:1; transform: translateY(0px); transition:background 0.4s, transform 1s 0.1s ease, opacity 1s 0.1s ease;}
.gnb-outer.open .gnb-menu-list > li:nth-child(2) > a {opacity:1; transform: translateY(0px); transition:background 0.4s, transform 1s 0.2s ease, opacity 1s 0.2s ease;}
.gnb-outer.open .gnb-menu-list > li:nth-child(3) > a {opacity:1; transform: translateY(0px); transition:background 0.4s, transform 1s 0.3s ease, opacity 1s 0.3s ease;}
.gnb-outer.open .gnb-menu-list > li:nth-child(4) > a {opacity:1; transform: translateY(0px); transition:background 0.4s, transform 1s 0.4s ease, opacity 1s 0.4s ease;}
.gnb-outer.open .gnb-menu-list > li:nth-child(5) > a {opacity:1; transform: translateY(0px); transition:background 0.4s, transform 1s 0.5s ease, opacity 1s 0.5s ease;}
.gnb-outer.open .gnb-menu-list > li:nth-child(6) > a {opacity:1; transform: translateY(0px); transition:background 0.4s, transform 1s 0.6s ease, opacity 1s 0.6s ease;}
.gnb-outer.open .gnb-menu-list > li:nth-child(7) > a {opacity:1; transform: translateY(0px); transition:background 0.4s, transform 1s 0.7s ease, opacity 1s 0.7s ease;}
.gnb-outer.open .gnb-menu-list > li:nth-child(8) > a {opacity:1; transform: translateY(0px); transition:background 0.4s, transform 1s 0.8s ease, opacity 1s 0.8s ease;}
.gnb-menu-depth1.on > a {background: #da3f09;font-weight: 500;padding: 16px 0 16px 18px;}

.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-depth1{display: flex;width:100%;height:65px;flex-direction: column;}
.gnb-menu-depth1 ul{display:flex;gap:13px;flex-direction: column;padding-left:65px;}
.gnb-menu-depth1 ul li{}
.gnb_logo_bg{/* display:none; */} 
.gnb_number_wrap {position: absolute;left:58px;bottom:66px;}
.gnb-menu-depth1 > a{padding: 15px 0 14px 18px;font-size: 19px;color:#ffffff;font-weight: 500;width:100%;display: flex;align-items: center;gap: 10px;border-bottom: 1px solid rgba(255, 255, 255, .3);position: relative;}
.gnb-menu-depth1.gnb-menu-depth1-1 > a{font-size:22px;}
.gnb-menu-depth1 > a em{font-size:17px}
.gnb-menu-depth1 > a i{font-size:20px;}
.gnb-menu-depth2 > li > a > p{font-size:3.4249vw;color: #000;}
.gnb-menu-depth2 > li:hover > a{color:#5d5d5d;}

.gnb-menu-depth1 > a::before { content: "";opacity: 1;  position: absolute; top: 50%; transform: translateY(-50%); right: 20px; transition: all 0.3s ease; 
width: 1px; height: 12px; background: rgba(255,255,255,.5); }
.gnb-menu-depth1.on > a::before { opacity: 0; }
.gnb-menu-depth1 > a::after { content: "";position: absolute; top: 50%; transform: translateY(-50%);right: 15px; filter: none; width: 12px; height:1px; background: rgba(255,255,255,.5); }
.gnb-menu-depth1.on > a::after { top: 50%; transform: rotate(180deg) translateY(-50%); }

.gnb-menu-depth1 > p.gnb-menu-txt { padding-block: 3.3735vw; }
.login_wrap .login_menu_item{font-size:14px;color:#fff}
.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{    flex-direction: column;display:flex;align-items: center;justify-content: center;}
.gnb-menu-list{padding:0;gap:0px;}
.login_wrap{padding-top: 10%;}
.gnb-inner .login_menu{gap:27px;}
.gnb-inner .login_menu a{color:#fff;font-size:15px;opacity: .8;}

.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:flex;align-items: center;font-size:17px;letter-spacing: -1px;position: relative;font-weight:400}
.gnb-menu-depth1 ul li a p svg{width:110px;padding-top: 4px;}
.gnb-menu-depth1 ul li a p:after{content:'';background:#fff;width:0;height:1px;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:1680px) {
	.header-inner{width:92vw}
}
@media (max-width:1280px) {
	.header-inner {height: 6.0938vw;padding: 0 2.0000vw;}
	.hamberger.hamberger_gnb{left:2vw;}
}
@media (max-width:768px) {
	.open .scrolled .logo, .open .bk-header .logo{display:none}
	.hamberger{display:block;}
	.header_lang03{display:none}
	.header-inner{height: 12.0938vw;padding:0 4vw;width:100%}
	.hamberger.hamberger_gnb{left:4vw;}
	.header_lang02{margin-right:0}
}
@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: 17.0938vw;padding: 0 4vw;}
	.hamberger.hamberger_gnb{left:4vw;width: 5.7826vw;height: 3.9130vw;}
	.logo a{background: url(../img/hd_logo_m.png) no-repeat;width:4.9167vw;height:6.3333vw;background-size: cover;}
	.select-lang-btn02{background: url(../img/select-lang-btn02_m.png) no-repeat;width:8.8889vw;height:3.5556vw;background-size: contain;}
	.gnb-menu-depth1 > a{color:#131313}
	.gnb-inner{background-color:#fff}
	.open .hamberger_box .line{background-color:#2b2b2b}
	.open .select-lang-btn02{display:none}
	.gnb-menu-depth1.gnb-menu-depth1-1 > a{font-family: "Sorts Mill Goudy", serif;}
	#gnb .gnb-inner{width:100%;padding:0}
	.gnb-menu-depth1 > a::before{background:#131313}
	.gnb-menu-depth1 > a::after{background:#131313}
	.gnb-menu-depth1 > a{padding: 2vw 0 2vw 6.0143vw;}
	.gnb-menu-depth1.gnb-menu-depth1-1 > a{font-size: 4.2286vw;letter-spacing: 0.1786vw;}
	.gnb-menu-depth2 > li > a{font-size: 3.9286vw;padding:0}
	.gnb-menu-depth1 > a i{font-family: "Sorts Mill Goudy", serif;}
	.gnb-menu-depth1 > a em{display:flex;align-items: center;}
	.gnb-menu-depth1 > a{background: #fff;font-size: 4.2286vw;gap:2vw;font-family: 'KoPubWorld-Batang_Pro-Medium';}
	.gnb-menu-depth1.on > a{color: #e94911;background:none;padding: 2.6786vw 0 2.5000vw 8.0143vw;}
	.gnb-menu-depth1 ul li a p{color:#454545;font-size: 3.3357vw;font-weight:500}
	.gnb-menu-depth1.on > a::after{background:#e94911}
	.gnb-menu-depth1.on{gap:2vw}
	.gnb-menu-depth1 ul{padding-left: 18.6071vw;}
	.gnb-menu-depth1{height: 11.6071vw;}
	.gnb-inner .login_menu a{color:#2e2e2e;opacity: 1;}
	.gnb_number_wrap{left:8.0143vw}
	.gnb-inner .login_menu{display:flex;gap:3vw;flex-direction: column;}
	.gnb-inner .login_menu a{font-size: 3.1286vw;}
	.lang-select-list {font-size: 2.5000vw;border-radius:1.7857vw;left:0.0000vw;top:7.6786vw;padding: 1.7857vw 0 1.7857vw 0.0000vw;width: 14.8214vw;background:#fff;border:0.1786vw solid #e1e1e1}
	.lang-select-list li{}
	.gnb-inner{width:100%;height:auto;padding-top:5.3571vw;}
	.language{align-items: center;gap:1.4286vw}
	.lang-select-list02{left:-3.2143vw;}
	.open .main-header.scroll .hamberger_box .line{background-color:#000}
	.hamberger_box .line{height:0.2786vw;}
	.open .hamberger_box .line{margin-top:-0.2571vw}
	.open .hamberger_box .line:first-of-type{margin-top:1.4286vw;}
}
