@charset "utf-8";

#top_head {position:fixed;background-color:white;z-index: 1010;}
#nav {margin-top:54px;}

@media only screen and (min-width:320px) {
   #header #nav ul li span {font-size:15px;letter-spacing:-0.5px;}
}

@media only screen and (min-width:480px) {
   #header #nav ul li span {font-size:18px;letter-spacing:-0.5px;}
   .sub_menu_box ul li p {font-size:16px;}
   #top_head h1 input {width:82%;}
}

@media only screen and (min-width:640px) {
	   #wrap {border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;}
	   #top_head {height:84px;max-width:800px;}
	   #top_head h1 img {width:180px;position:relative;top:5px;}
	   #top_head .menu_btn{width:44px;position:absolute;top:37px;left:13px;}
	   #top_head .menu_btn img{width:23px}
	   #top_head .search_btn{width:44px;position:absolute;top:37px;right:13px}
	   #top_head .search_btn img{width:23px}
	   #header #nav ul li span {font-size:20px;letter-spacing:-0.5px;}  
	   .sub_menu_box ul li p {font-size:18px;}
	   #top_head h1 input {width:85%;}
	   #top_head .menu_btn2  {top:33px;left:15px;}
	   #top_head .search_btn2  {top:33px;lright:15px;}
	   .search_result_box h4 {font-size:22px;}
	   #nav{margin-top: 80px;}
}