/* body{background:#fdf6ef} */
.flex {display:flex}
.t_color {color:var(--main_c2)}
.box_100 {width:100%; display:inline-block}

/* Header */
#header_wrap {width:100%; display:inline-block; z-index:99999; top:0; position:absolute; }

#header_wrap:after {  content:''; width:100%; height:80px; top:0; left:0; position:absolute;  z-index:99999; }  

header#header {
	position:absolute;
	z-index: 99999999;
	width: 100%;
   	height:80px; top:0; left:50%; 
	margin: 0px auto;
	display:flex; align-items:center; 
	justify-content:space-between;
     transform: translate(-50%, 0); 
	 padding:0 10%;
	box-sizing: border-box;
	transition: all .3s;
		
}
 

header#header.scroll {border-bottom:1px solid #e1d7cc;}
header#header:hover {background-color:#fff; border-bottom:1px solid #e1d7cc	}
#sub header#header{border-bottom:1px solid #e1d7cc;}


.header h1 a{font-family: "Lobster", sans-serif; color:#fff; letter-spacing:3px; font-weight:500;}
.header img{height:50px;}
.header img.logo_c {display:none}
.header img.logo_w {display:inline-block}
#sub .header img.logo_c {display:inline-block}
#sub .header img.logo_w {display:none}

.header.scroll {background-color:#fff;  }
.header.scroll img.logo_w {display:none}
.header.scroll img.logo_c {display:inline-block;}
.header.scroll .ham p span { background-color:#333; }

.header:hover   {background-color:#fff}
.header:hover h1 a {color:var(--main_c)}
.header:hover img.logo_w {display:none}
.header:hover img.logo_c {display:inline-block}
.header:hover .ham p span { background-color:#333; }


#sub .header h1 a{color:var(--main_c)}




nav#gnb {
 position:relative;  top:0px;
 width:auto; 
}
nav#gnb > ul {display:flex;}
nav#gnb > ul > li {
 display:inline-block;  box-sizing:border-box; padding:0 45px; position:relative; z-index:9999999; white-space:nowrap
  
}
nav#gnb > ul > li:last-child  { background:none }

nav#gnb > ul > li > a {
display: inline-block;

font-size: 1.2em;
line-height:80px;
font-weight:500; 
color: #fff;
}


header#header:hover nav#gnb > ul > li > a {color:#111}
header#header:hover nav#gnb > ul > li > a:hover{color:var(--main_c)}
.header.scroll  nav#gnb > ul > li > a {color:#333}


#sub header#header nav#gnb > ul > li > a {color:#111}




nav#gnb > ul > li > ul { display:none;  width:220px; background-color:#fff;  position:absolute; left:50%; transform: translate(-50%, 0); box-shadow:2px 2px 5px rgba(0,0,0,.1); border-radius:0 0 10px 10px; padding:20px 0 }
nav#gnb > ul > li > ul > li {width:100%; padding:6px 5px; text-align:center;  box-sizing:border-box; white-space:nowrap; }
nav#gnb > ul > li > ul > li > a {display:inline-block;width:100%; font-size:1em; position:relative;}
nav#gnb > ul > li > ul > li:hover a {color:#da0f1c; /* text-decoration:underline; */  } 

nav#gnb a::after{
	content: '';
    position: absolute;
    top: 30px;
	left:calc(50% - 3px);
    display: inline-block;
    width: 6px;
    height: 6px;
	border-radius: 50%;
    background-color: var(--main_c);
    opacity: 0;
/*     -webkit-transform: translateY(20px);
    transform: translateY(20px); */
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}

nav#gnb a:hover::after{
    top: 18px;
    opacity: 1;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
}
 

.header .last_div  {display:flex; align-items:center; gap:30px;}
.header .last_div a{color:#eee;}
#sub .header .last_div a{color:#555;}

header#header:hover .last_div a{color:#555;}

@media screen and (min-width:900px) {
 .mobile_nav {display:none}
}

@media screen and (max-width:1500px) {
	nav#gnb > ul > li{padding:0 2vw;}

}
@media screen and (max-width:1300px) {
	header#header{padding:0 3%}
	.header h1 img{height:28px}
	nav#gnb{margin-left:10px;}
	nav#gnb > ul > li > ul{width:160px;}
	nav#gnb > ul > li > a{font-size:1em;}
	.top_lang ul{gap:10px;}
	.top_lang img{width:35px;}
	.header .last_div{gap:10px;}
}

@media screen and (max-width:900px) {
		header#header {background-color:#fff; height:70px; padding:0 4%; left:0; transform: translate(0, 0); justify-content:space-between; } 
		nav#gnb {display:none}
		.top_lang {display:none}
		.mobile_nav {display:block;  }
		.mobile_nav i {font-size:25px}
		.header img.logo_c {display:inline-block}
		.header img.logo_w {display:none}
		 .header h1 a{color:var(--main_c)}

		.header .last_div{display:none;}

}







a.basic_btn {background-color:var(--main_c);   font-size:1em; box-sizing:border-box; padding:0 20px; width:200px; line-height:50px; color:#fff; border-radius:5px; display:inline-flex; transition: all 0.3s ease-out; }
a.basic_btn:after {content:'→'; margin-left:auto}
a.basic_btn:hover {background-color:var(--main_c); opacity:.7} 
a.basic_btn + a.basic_btn {margin-left:5px}
a.basic_btn.black{background:#333;}
@media screen and (max-width:900px) {
   a.basic_btn.black{margin-bottom: 10px;}
}







footer{font-size:.95em; padding:60px 0;box-sizing: border-box; font-weight:400; border-top:1px solid #ddd;}
footer .in{padding:0 10%; display:flex; gap:80px;}
footer *{color:#888;}
footer h2{font-family: "Lobster", sans-serif; letter-spacing:2px; font-size:2.2em; font-weight:500;}
footer img{height:50px;}
footer .info{line-height:1.5;}
footer p{margin-top:10px;}

@media screen and (max-width:900px) {
	footer{padding:30px 0;}
	footer .in{flex-direction:column; gap:10px; padding:0 3%;}
}