@charset "utf-8";

.main-header a{text-decoration:none;color:inherit}
.main-header{position:fixed;top:0;left:0;width:100%;z-index:1000;color:#fff;transition:background-color .3s,padding .3s;}
.header-inner{margin:0 auto;position:relative;padding:28px 65px 0;display:flex;flex-direction:column;align-items:center}
.header-top{width:100%;display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:21px;transition:margin .3s}
.header-utils,.lang-selector{display:flex;align-items:center}
.header-utils{height:100%}
.lang-selector{cursor:pointer;padding:10px 0}
.lang-dropdown{display:none;position:absolute;top:100%;right:-18px;background:#fff;border:1px solid #eee;padding:5px 0;list-style:none;box-shadow:0 4px 10px rgba(0,0,0,.1);
z-index:100;min-width:80px;border-radius:4px;margin-top:-10px}
.header-inner,.header-phone,.header-top{position:relative}
.header-utils::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:20px;background:0 0}
.header-utils:hover .lang-dropdown{display:block}
.lang-dropdown li{margin:0}
.lang-dropdown li a{display:block;padding:8px 12px;color:#333;text-decoration:none;font-size:13px;text-align:center;transition:background .2s,color .2s}
.lang-dropdown li a:hover{background:#f9f9f9;color:#679ac1;font-weight:600}
.gnb-list li a i{border-radius:100%;background:#e94812;color:#fff;font-size:11px;width:16px;line-height:16px;display:block;text-align:center;height:16px;align-items:center}
.header-top{display:flex;justify-content:space-between;align-items:center;z-index:9991}
.header-left,.header-right{display:flex;align-items:center;height:100%}
.header-phone{display:flex;align-items:center;color:#fff;padding-left:24px}
.center-menu-trigger,.header-nav{flex-direction:column;display:flex}
/* .header-phone::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:14px;background-color:rgba(255,255,255,.3)} */
.phone-text{font-size:14px;margin-right:8px}
.phone-num{font-size:22px;font-weight:500;letter-spacing:.5px}
.center-menu-trigger{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:0 0;border:none;cursor:pointer;
justify-content:center;align-items:center;gap:12px;width:80px;height:40px;z-index:1003}
.center-menu-trigger span{display:block;width:80px;height:3px;background-color:#832e29;transition:.3s}
.center-menu-trigger:hover span{background-color:#fff}
.center-menu-trigger.active span:first-child{transform:translateY(9.5px) rotate(45deg);background-color:#fff}
.center-menu-trigger.active span:last-child{transform:translateY(-4.5px) rotate(-45deg);background-color:#fff}
.header-right .lang-selector{border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:6px 17px;color:#fff;font-size:15px;display:flex;align-items:center;gap:10px;cursor:pointer}

.nav-auth,.nav-circles{display:flex;gap:15px}
.nav-auth a,.nav-col ul li a{text-decoration:none;transition:.2s}
body.nav-open{overflow:hidden}
.dii_bn{width:100%;height:35px}
.ddi_slide{background:#232323;text-align:center;height:35px;line-height:35px}
.ddi_slide a,.nav-auth a:hover{color:#fff}
.header-nav{position:fixed;top:0;left:0;width:100%;height:86vh;background:#611516;z-index:1001;opacity:0;visibility:hidden;transition:.4s;padding-top:100px;display:flex;flex-direction:column;
color:#fff}
.header-nav.active{opacity:1;visibility:visible}
.header-nav::before{content:'';position:absolute;top:165px;left:40px;right:40px;height:2px;background:rgba(255,255,255,.4)}
.nav-inner-container{display:flex;flex:1;padding:60px 40px;position:relative;align-items:center}
.nav-bg-text,.nav-bottom-bar,.nav-desc-text{position:absolute;left:80px}
.nav-bg-text{top:180px;opacity:.05;font-size:70px;font-weight:700;line-height:1.2;z-index:0;pointer-events:none}
.nav-grid-wrapper{display:flex;width:100%;z-index:1;margin-top:-60px;max-width:1400px;margin-left:auto;margin-right:auto;justify-content:space-between}
.nav-col{flex:1;display:flex;flex-direction:column;padding:0 10px;text-align:center}
.nav-col h3{font-size:30px;font-weight:500;margin-bottom:50px;color:#fff}
.nav-col ul{list-style:none;padding:0;margin:0}
.nav-col ul li{margin-bottom:26px}
.nav-col ul li a{position: relative;color:rgba(255,255,255,.6);font-size:18px;font-weight:300}
.nav-col ul li a:hover{color:#fff;font-weight:400}
.nav-col ul li a::after{content:'';width:0;height:1px;position: absolute;bottom:0;left:0;background: #fff;    transition: .3s;}
.nav-col ul li a:hover::after{width:100%;}
.nav-col ul li.enwnf a::after{bottom:-8px;left:-20px}
.nav-col ul li a span{font-size:16px;color:#a1a1a1;opacity: .5;display:block;margin-top:6px;}
.nav-col ul li.active a{color:#fff;font-weight:500;display:inline-block;border-bottom:1px solid #fff;padding-bottom:2px}
.nav-desc-text{color:rgba(255,255,255,.25);font-size:15px;text-align:left;bottom:auto;top:50%;z-index:0}
.nav-bottom-bar{bottom:50px;right:80px;display:flex;justify-content:space-between;align-items:flex-end;z-index:1}
.nav-circle{width:80px;height:80px;border-radius:50%;background:rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center;text-align:center;color:rgba(255,255,255,.6);font-size:13px;line-height:1.3;font-weight:300}
.nav-auth{font-size:14px;color:rgba(255,255,255,.7);font-weight:300;align-items:center}
.nav-auth a{color:inherit}
.nav-auth .separator{width:1px;height:12px;background:rgba(255,255,255,.3)}
.scrolled:not(.menu-open) .header-phone{color:#333}
.scrolled:not(.menu-open) .header-phone::before{background-color:rgba(0,0,0,.2)}
.scrolled:not(.menu-open) .lang-selector{border-color:rgba(0,0,0,.3);color:#333}
.scrolled:not(.menu-open) .lang-selector img{filter:invert(1)}
.scrolled:not(.menu-open) .center-menu-trigger span{background-color:#333}

.scrolled:not(.menu-open):hover .center-menu-trigger span{background-color:#832e29}
.logo-s{display:none}
.logo-w{display:block;}
.scrolled:not(.menu-open) .logo-s{display:block}
.scrolled:not(.menu-open) .logo-w{display:none}
.scrolled.main-header{background:#fff}
.scrolled.main-header .header-inner{    padding: 14px 65px 0;}

.lang-dropdown a,.lang-selector span{font-size:13px;font-weight:600;letter-spacing:.5px}
.lang-selector{position:relative;display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid rgba(255,255,255,.3);border-radius:20px;cursor:pointer;user-select:none;
transition:border-color .2s,background .2s}
.lang-selector:hover{border-color:rgba(255,255,255,.7);background:rgba(255,255,255,.05)}
.lang-selector span{color:#fff}
.lang-selector .arrow-icon{width:12px;height:12px;display:flex;align-items:center;justify-content:center;transition:transform .25s}
.lang-selector .arrow-icon svg{width:12px;height:12px;stroke:#fff}
.lang-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#212121;border:1px solid rgba(255,255,255,.15);border-radius:10px;overflow:hidden;
min-width:80px;box-shadow:0 8px 24px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(-6px);transition:opacity .22s,visibility .22s,transform .22s;z-index:100}
.lang-selector.open .lang-dropdown,.lang-selector:hover .lang-dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.lang-selector.open .arrow-icon,.lang-selector:hover .arrow-icon{transform:rotate(180deg)}
.lang-dropdown a{display:block;text-align:center;padding:9px 20px;color:rgba(255,255,255,.7);text-decoration:none;transition:background .15s,color .15s}
.lang-dropdown a:hover{background:rgba(255,255,255,.1);color:#fff}
.lang-dropdown a+a{border-top:1px solid rgba(255,255,255,.08)}
.scrolled:not(.menu-open) .lang-selector span{color:#000}
@media (max-width:1580px) {
	.header-inner{margin:0 auto;padding:1.7722vw 4.1139vw 0;flex-direction:column;align-items:center}
	.header-top{width:100%;justify-align-items:center;margin-bottom:1.3291vw;transition:margin .3s}
	.header-utils,.lang-selector{align-items:center}
	.header-utils{height:100%}
	.scrolled.main-header .header-inner{padding: 1.7722vw 4.1139vw 0;}
	.lang-selector{cursor:pointer;padding:0.6329vw 0}
	.lang-dropdown{top:100%;right:-1.1392vw;background:#fff;border:0.0633vw solid #eee;padding:0.3165vw 0;list-style:none;box-shadow:0 0.2532vw 0.6329vw rgba(0,0,0,.1);
	min-width:5.0633vw;border-radius:0.2532vw;margin-top:-0.6329vw}
	.header-inner,.header-phone,.header-top{position:relative}
	.header-utils::after{bottom:0;left:0;width:100%;height:1.2658vw;background:0 0}
	.header-utils:hover .lang-dropdown{display:block}
	.lang-dropdown li{margin:0}
	.lang-dropdown li a{padding:0.5063vw 0.7595vw;text-decoration:none;font-size:0.8228vw;transition:background .2s,color .2s}
	.lang-dropdown li a:hover{background:#f9f9f9;font-weight:600}
	.gnb-list li a i{border-radius:100%;background:#e94812;font-size:0.6962vw;width:1.0127vw;line-height:1.0127vw;height:1.0127vw;align-items:center}
	.header-top{justify-align-items:center;z-index:9991}
	.header-left,.header-right{align-items:center;height:100%}
	.header-phone{align-items:center;padding-left:1.5190vw}
	.center-menu-trigger,.header-nav{flex-direction:column;display:flex}
	/* .header-phone::before{left:0;top:50%;transform:translateY(-50%);width:0.0633vw;height:0.8861vw;background-color:rgba(255,255,255,.3)} */
	.phone-text{font-size:0.8861vw;margin-right:0.5063vw}
	.phone-num{font-size:1.3924vw;letter-spacing:0.0316vw}
	.center-menu-trigger{left:50%;top:50%;transform:translate(-50%,-50%);background:0 0;border:none;cursor:pointer;
	justify-align-items:center;gap:0.7595vw;width:5.0633vw;height:2.5316vw;z-index:1003}
	.center-menu-trigger span{width:5.0633vw;height:0.1899vw;transition:.3s}
	.center-menu-trigger:hover span{background-color:#fff}
	.center-menu-trigger.active span:first-child{transform:translateY(0.6013vw) rotate(45deg);background-color:#fff}
	.center-menu-trigger.active span:last-child{transform:translateY(-0.2848vw) rotate(-45deg);background-color:#fff}
	.header-right .lang-selector{border:0.0633vw solid rgba(255,255,255,.5);border-radius:1.2658vw;padding:0.3797vw 1.0759vw;font-size:0.9494vw;align-items:center;gap:0.6329vw;cursor:pointer}

	.nav-auth,.nav-circles{gap:0.9494vw}
	.nav-auth a,.nav-col ul li a{text-decoration:none;transition:.2s}
	body.nav-open{overflow:hidden}
	.dii_bn{width:100%;height:2.2152vw}
	.ddi_slide{background:#232323;height:2.2152vw;line-height:2.2152vw}
	.ddi_slide a,.nav-auth a:hover{color:#fff}
	.header-nav{top:0;left:0;width:100%;height:86vh;background:#611516;opacity:0;visibility:hidden;transition:.4s;padding-top:6.3291vw;flex-direction:column;
	color:#fff}
	.header-nav.active{opacity:1;visibility:visible}
	.header-nav::before{top:10.4430vw;left:2.5316vw;right:2.5316vw;height:0.1266vw;background:rgba(255,255,255,.4)}
	.nav-inner-container{flex:1;padding:3.7975vw 2.5316vw;align-items:center}
	.nav-bg-text,.nav-bottom-bar,.nav-desc-text{left:5.0633vw}
	.nav-bg-text{top:11.3924vw;opacity:.05;font-size:4.4304vw;line-height:1.2;pointer-events:none}
	.nav-grid-wrapper{width:100%;margin-top:-3.7975vw;max-width:88.6076vw;margin-left:auto;margin-right:auto;justify-content:space-between}
	.nav-col{flex:1;flex-direction:column;padding:0 0.6329vw;text-align:center}
	.nav-col h3{font-size:1.8987vw;margin-bottom:3.1646vw;color:#fff}
	.nav-col ul{list-style:none;padding:0;margin:0}
	.nav-col ul li{margin-bottom:1.6456vw}
	.nav-col ul li a{color:rgba(255,255,255,.6);font-size:1.1392vw;font-weight:300}
	.nav-col ul li a:hover{font-weight:400}
	.nav-col ul li a::after{width:0;height:0.0633vw;bottom:0;left:0;background: #fff;    transition: .3s;}
	.nav-col ul li a:hover::after{width:100%;}
	.nav-col ul li a span{font-size:1.0127vw;opacity: .5;margin-top:0.3797vw;}
	.nav-col ul li.active a{border-bottom:0.0633vw solid #fff;padding-bottom:0.1266vw}
	.nav-desc-text{color:rgba(255,255,255,.25);font-size:0.9494vw;bottom:auto;top:50%;z-index:0}
	.nav-bottom-bar{bottom:3.1646vw;right:5.0633vw;justify-align-items:flex-end;z-index:1}
	.nav-circle{width:5.0633vw;height:5.0633vw;border-radius:50%;background:rgba(0,0,0,.15);align-items:center;justify-color:rgba(255,255,255,.6);font-size:0.8228vw;line-height:1.3;font-weight:300}
	.nav-auth{font-size:0.8861vw;color:rgba(255,255,255,.7);align-items:center}
	.nav-auth a{color:inherit}
	.nav-auth .separator{width:0.0633vw;height:0.7595vw;background:rgba(255,255,255,.3)}
}
@media (max-width:768px) {
	.nav-grid-wrapper{display:flex;flex-direction:column}
	.nav-col{border-bottom:1px solid rgba(255,255,255,.2)}
	.nav-col h3{cursor:pointer;position:relative;padding:20px 10px;margin:0;display:flex;justify-content:space-between;align-items:center;font-size:18px;color:#fff}
	.nav-col h3::after{content:'';display:block;width:12px;height:12px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg);transition:transform .3s;margin-right:5px}
	.nav-col h3.active::after{transform:rotate(-135deg);margin-top:6px}
	.nav-col ul{display:none;padding:0 10px 20px}
	.nav-col ul li{padding:8px 0;text-align: left;}
	.nav-col ul li a{color:rgba(255,255,255,.7);font-size:16px;text-decoration:none}
	.header-phone{display:none}
	.header-right{margin-right:13vw;}
	.center-menu-trigger{}
	.phone-text{font-size:1.8229vw;margin-right:1.0417vw}
	.phone-num{font-size:2.8646vw;letter-spacing:0.0651vw}
	.center-menu-trigger{right:0;left:auto;transform:translate(-0%,-50%);background:0 0;border:none;cursor:pointer;
	justify-align-items:center;gap:1.5625vw;width:10.4167vw;height:5.2083vw;z-index:1003}
	.center-menu-trigger span{width:6.4167vw;height:0.3906vw;transition:.3s}
	.center-menu-trigger:hover span{background-color:#fff}
	.center-menu-trigger.active span:first-child{transform:translateY(1.2370vw) rotate(45deg);background-color:#fff}
	.center-menu-trigger.active span:last-child{transform:translateY(-0.5859vw) rotate(-45deg);background-color:#fff}
	.header-utils::after{bottom:0;left:0;width:100%;height:2.6042vw;background:0 0}
	.header-right .lang-selector{border:0.1302vw solid rgba(255,255,255,.5);border-radius:2.6042vw;padding:0.7813vw 2.2135vw;font-size:1.9531vw;align-items:center;gap:1.3021vw;cursor:pointer}
	.header-nav::before{display:none}
	.header-nav{height:100vh}

}
@media (max-width:480px) {
	.dii_bn{width:100%;height:6.2500vw}
	.ddi_slide{background:#232323;height:6.2500vw;line-height:6.2500vw}
	.ddi_slide a{font-size:3.2500vw}
	.main-header a img{width:34.6429vw}
	.phone-text{font-size:2.5000vw;margin-right:1.4286vw}
	.phone-num{font-size:3.9286vw;letter-spacing:0.0893vw}
	.center-menu-trigger{background:0 0;border:none;cursor:pointer;
	justify-align-items:center;gap:2.1429vw;width:8.2857vw;height:7.1429vw;z-index:1003}
	.center-menu-trigger span{width:8.2857vw;height:0.5357vw;transition:.3s}
	.center-menu-trigger:hover span{background-color:#fff}
	.center-menu-trigger.active span:first-child{transform:translateY(1.6964vw) rotate(45deg);background-color:#fff}
	.center-menu-trigger.active span:last-child{transform:translateY(-0.8036vw) rotate(-45deg);background-color:#fff}
	.header-utils::after{bottom:0;left:0;width:100%;height:3.5714vw;background:0 0}
	.header-right .lang-selector{border:0.1786vw solid rgba(255,255,255,.5);border-radius:3.5714vw;padding:1.0714vw 3.0357vw;font-size:2.6786vw;align-items:center;gap:1.7857vw;cursor:pointer}
	.header-right .lang-selector img{width:2vw}
	.nav-auth{gap:2vw}
	.nav-auth a{font-size:4vw;}
	.nav-auth .separator{height: 3.7595vw;}
}