

/* 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:fixed; }

#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%; 
	padding: 0 5%;	margin: 0px auto;
	display:flex; align-items:center; 
     transform: translate(-50%, 0); 
	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	}

.header h1 {line-height:0;}
.header h1 img {height:40px}
.header img.logo_c {display:none}
.header img.logo_w {display:inline-block}
 

.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 img.logo_w {display:none}
.header:hover img.logo_c {display:inline-block}
.header:hover .ham p span { background-color:#333; }



.header .last_div  { margin-left:auto;  display:flex; align-items:center; gap:15px;}
.header .last_div a {display:flex; letter-spacing:0;}
.header .last_div a:last-child {border:1px solid #fff; color:#fff; padding:7px 12px;box-sizing:border-box;font-size:.9em;}
.header .last_div i {font-size:21px; color:#fff; }

.shop .header .last_div a:last-child {border:1px solid #333; color:#333; }
.shop .header .last_div i {color:#333; }
.member .header .last_div a:last-child {border:1px solid #333; color:#333; }
.member .header .last_div i {color:#333; }

.header.scroll .last_div a:last-child {border:1px solid #333; color:#333; }
.header.scroll .last_div i {color:#333; }
.header:hover .last_div a:last-child {border:1px solid #333; color:#333; }
.header:hover .last_div i {color:#333; }




nav#gnb {
 position:relative;  top:0px;
 width:auto; margin-left:7%; 
}
nav#gnb > ul {display:flex;}
nav#gnb > ul > li {
 display:inline-block;  box-sizing:border-box; padding:0 50px; 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:#da0f1c}
.header.scroll  nav#gnb > ul > li > a {color:#333}


.top_lang {display:flex; align-items:center;  margin-left:3%; }
.top_lang ul{display:flex;align-items:center;gap:20px;}
.top_lang img{width:40px;}

.header .top_lang  span{color:#fff ; font-size:1.8em;}
.header .top_lang  span.insta{font-size:1.9em;}
.header:hover .top_lang  span {color:#000 }
.header.scroll .top_lang   span{color:#000}
.header.scroll .top_lang {color:#000 }
.header:hover .top_lang  {color:#000}



.shop header#header {border-bottom:1px solid #e1d7cc;}
.shop .header   {background-color:#fff}
.shop .header img.logo_w {display:none}
.shop .header img.logo_c {display:inline-block}
.shop .header .ham p span { background-color:#333; }
.shop .header nav#gnb > ul > li > a {color:#333}

.member header#header {border-bottom:1px solid #e1d7cc;}
.member .header   {background-color:#fff}
.member .header img.logo_w {display:none}
.member .header img.logo_c {display:inline-block}
.member .header .ham p span { background-color:#333; }
.member .header nav#gnb > ul > li > a {color:#333}

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;}
nav#gnb > ul > li > ul > li:hover a {color:#da0f1c; /* text-decoration:underline; */  } 


 



@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 img {height:30px}

		.header .last_div{display:none;}

}





.in {width:100%; box-sizing:border-box; padding:0 3%; max-width:1240px; margin:0 auto}

a.basic_btn {background-color:var(--red_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:#f94954} 
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;background:#000;padding:60px 0;box-sizing: border-box;font-weight:300;}
footer .inner{max-width:1500px;margin:0 auto;padding:0 5%;}

footer .footer_flex{display:flex;gap:80px;margin-top:30px;}
footer p{letter-spacing:0;color:#888;line-height:1.5}
footer li{line-height:1.4;margin-bottom:15px;}
footer li a{letter-spacing:0;color:#888 !important;font-weight:600}
footer li a:hover{color:#888}
footer .call{font-size:1.2em;color:#888;letter-spacing:0;}
@media screen and (max-width:900px) {
	footer{padding:40px 0;font-size:.9em}
	footer img{height:30px}
	footer .footer_flex{display:block;margin-top:20px;}
	footer p{margin-bottom:15px;}
}


.top_fixed {width:70px; height:70px; text-align:center; position:fixed; background:#fff; display:flex; align-items:center; justify-content:center;flex-direction:column; bottom:80px; right:60px; z-index:999; border-radius:50%;box-shadow:2px 10px 15px 3px rgb(41 41 41 / 15%)}
.top_fixed img{width:20px;}

@media (max-width: 900px) {
	.top_fixed{right:20px;bottom:60px;width:60px;height:60px;}
	.top_fixed img{width:15px}

}	