#header{position: fixed; top: 0; left: 0; width: 100%; min-width: 330px; background-color: #fff;  z-index:50; font-size: 1.2rem; box-shadow: 0 0 2rem rgba(0, 0, 0, 0.16);}
#header .header_wrapper{display: flex; width: 100%;  max-width: 1024px; margin:0 auto; height: 90px; align-items: center;}
#header .header_wrapper .logo{display: flex;  justify-content:flex-start; width: 330px;  height:25px; padding-left: 20px;  line-height: 22px;}
#header .header_wrapper .logo a img{width: 100%;}

/*장바구니 아이콘*/
.top-cart{position: relative; margin-right: 10px; padding-top:4px;}
.badge {position: absolute;  top:1px; right: -5px; padding: 0; width: 15px; height: 15px; border-radius: 15px;  font-family: 'NotoSansM'; font-size: 9px !important; color: #fff;  text-align: center;  line-height: 15px;
        font-weight: normal;  background-color: #3488e6;}


/* 언어번경 */
#header .header_wrapper .lang{position: relative;}
#header .header_wrapper .lang .lang-btn{position: relative; cursor: pointer;background-color: #004da0; color: #FFF; font-size: .88rem; padding: .4rem 2rem .4rem .9rem; border-radius: 15px; z-index: 50;}
#header .header_wrapper .lang .lang-btn::after{content: ''; position:absolute;  right:.65rem; top:.65rem; width:16px; height:9px; background: url("../images/ico_main_sort2.png") no-repeat;}
#header .header_wrapper .lang .dropdown{position: absolute; /*visibility: hidden;*/ background-color: #FFF; border-radius: 15px; top: 0; width: 100%;box-shadow: 0 5px 5px rgba(0, 0, 0, .1);  transition: allease 0.35s; padding-top:35px; padding-bottom:.5rem;}
#header .header_wrapper .lang .dropdown a {display: block;padding: .5rem 2rem .5rem 1rem;   line-height: 1;  text-align:left; font-size: .9rem;color: #101c33; transition: allease 0.35s;}
#header .header_wrapper .lang .lang-ico{display: none; border: 1px solid red;}

#header .search_m{display: none}

.gnb {display: flex; flex-flow:row nowrap; width:calc(100% - 180px); justify-content:flex-end; align-items: center; margin-right: 20px;}
.gnb > ul{display: flex; justify-content:flex-end; width: 100%;}
.gnb > ul > li.nav_menu {display: flex;  padding: 0 5%; cursor: pointer;  text-align: center; font-weight:500; }
.gnb > ul > li.nav_menu:after{content: "";    position: absolute; top: 30%; right: 0;  width:1px;    height:25px; background:#cccccc;}
.gnb > ul > li.nav_menu:last-child:after{content: "";  width:0px; background:#FFF;}

.gnb > ul > li a.active{font-weight:900;}
.gnb > ul > li a.active:after{content: ""; position: absolute;	bottom:5px;	left: 50%;    background:#005dc1;    width:7px;    height:7px;    border-radius:7px;}
.gnb > ul > li.nav_menu{ position: relative}
.gnb > ul > li.nav_menu .depth{padding: 20px 0; font-size: 1.25rem; /*line-height: 45px;*/  color: #101c33; text-decoration: none;}
.gnb > ul > li.nav_menu a:hover:after{content: ""; position: absolute;bottom:5px;	left: 50%;    background:#005dc1;    width:7px;    height:7px;    border-radius:7px;}



.search_area{width: 100%; height: 100%; background-color: #FFF; border: 1px solid red}
@media screen and (max-width: 780px){
	#header .header_wrapper .logo {width:275px}
	#header .header_wrapper .logo a img{ width:255px; height: 22px;}
	.gnb > ul > li.nav_menu .depth{font-size: 1.1rem;}
	.gnb > ul > li.nav_menu {padding: 0 4%;}
	#header .header_wrapper .lang .lang-btn{background-color: transparent; font-size: .8rem; padding: .9rem 1.5rem .4rem .7rem; }
	#header .header_wrapper .lang .lang-btn span{display: none;}
	#header .header_wrapper .lang .lang-btn::after{ right:.65rem; top:0px; width:20px; height:20px; background:url("../images/language-globe.svg") no-repeat; background-size: 20px 20px;}
	#header .header_wrapper .lang .dropdown{padding:.25rem;background-color: #004da0; border-radius: 10px; top:30px; width: 110%; left: 50%; transform: translate(-58%, 0)}
	#header .header_wrapper .lang .dropdown::after{content: ''; position: absolute; width: 8px; height: 8px; top: -8px; left: 50%;transform: translate(-50%, 0); background: url("../images/bg.png"); }
	#header .header_wrapper .lang .dropdown a{font-size: .8rem; padding: .5rem; color: #FFF; text-align: center}
}

@media screen and (max-width: 640px){
	#header .header_wrapper{display:flex; flex-direction:column; height: 100px;}
	#header .header_wrapper .wrap{width: 100%;  height: 50px;  border-bottom: 1px solid #f0f0f0; display: flex;  }
	#header .header_wrapper .logo{justify-content:flex-start; align-items: center; height:50px; padding-left: 10px; width:calc(100% - 30px);}
	#header .header_wrapper .logo a img{ width:250px;}
	#header .header_wrapper .lang {position: absolute}
	.gnb {display: flex; align-items: center;  width:100%; height: 50px; margin-right: 0;}
	.gnb > ul{display: flex; justify-content:center; margin-right: 10px;  width:calc(100% - 20px);}
	.gnb > ul > li.nav_menu:after{content: ""; display: none}
	.gnb > ul > li a.active:after{content: "";    position: absolute;	bottom:10px;	left: 15%;    background:#005dc1;    width:70%;    height:2px;  }
	.gnb > ul > li.nav_menu a:hover:after{content: ""; position: absolute;bottom:10px;	left:15%;    background:#005dc1;    width:70%;    height:2px;  }
	    #header .search_m input[type=submit] {background-size: 25px 25px;  position: absolute;   right:40px;   top: 13px;   width:30px;    height: 30px;   border: 0;   text-indent: 500%;     background-image: url(../images/search_submit_m.png);		background-repeat: no-repeat; background-color: transparent; z-index: 10; cursor: pointer}
	#header .header_wrapper .wrap .search_m{ display: flex; justify-content:flex-end; width: 30px; right: 30px; }
	.top-cart{position: absolute; top: 10px; right: 3px;}
	
}

@media screen and (max-width:480px){
	#header .header_wrapper .logo a img{ width:215px;}
	.gnb > ul{margin-right: 20px; }
	.gnb > ul > li.nav_menu .depth{ font-size: 1rem;}
	.gnb > ul > li a.active:after{content: "";    position: absolute;	bottom:10px;	left:15%;   background:#005dc1;    width:70%;    height:2px;  }
	.gnb > ul > li.nav_menu a:hover:after{content: ""; position: absolute;bottom:10px;	left:15%;    background:#005dc1;    width:70%;    height:2px;  }
}