body,html{width:100%;min-width:1165px;}
/*Thin(100)   Light(300)   Regular(400)   Medium(500)  Bold(700)  Black(900)*/
.inner{max-width:1365px;min-width:1165px; margin:0 auto;position:relative;clear: both;}

header{width:100%;min-width:1165px;background:#fff;}

header .top_ban{background:#e7fdff; width:100%; height:69px; box-sizing:border-box;}
header .top_ban .top_close{position:absolute;right:15px;top:10px;width:24px;height:auto;}
header .top_ban .top_banner:after{content:''; visibility:hidden; display:block; clear:both} 

header .top_nav{width:100%; background:#fff; border-bottom:0px solid #e9edf3; height:33px; box-sizing:border-box}
header .top_nav div:after{content:''; visibility:hidden; display:block; clear:both; }
header .top_nav div ul:after{content:''; visibility:hidden; display:block; clear:both; }
header .top_nav div ul li{float:left; height:33px; line-height:34px; }
header .top_nav div ul li a{font-size:12px; font-weight:normal; color:#333; line-height:34px; }
header .top_nav div ul li.active{background:#fff; height:34px; font-size:12px; color:#333; text-align:center}
header .top_nav div ul:nth-child(1){float:left}
header .top_nav div ul:nth-child(1) li{width:auto; text-align:left}
header .top_nav div ul:nth-child(1) li:after{content:''; display: block; width:1px; height:10px; background:#ccc; float:right; margin:12px}
header .top_nav div ul:nth-child(1) li:last-child:after{display:none}
header .top_nav div ul:nth-child(2) {float:right}
header .top_nav div ul:nth-child(2) li:after{content:''; display: block; width:0px; height:10px; background:#ccc; float:right; margin:8px}
header .top_nav div ul:nth-child(2) li:last-child:after{display:none}

header .top_wrap{width:100%; background:#fff; height:150px; }
header .top_wrap .logo_wrap { position:relative; width: 50%; float:left; text-align:center; height:150px;}
/* 전체카테고리 */
header .top_wrap .cate_wrap2{ width: 25%; float:left; padding-top:69px;}
header .top_wrap .cate_wrap{ width: 25%; float:left; padding-top:69px;}
header .top_wrap .cate_wrap .cate_img{
    width: 24px; height:24px; float:left;
	background: url(/images/new/icon_hmenu_b.png) no-repeat; 
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
header .top_wrap .cate_wrap .cate_img.active{
    width: 24px; height:24px; float:left;
	background: url(/images/new/icon_hclose_b.png) no-repeat;
	-webkit-transform: rotate(360deg);
		  transform: rotate(360deg);
}
header .top_wrap .cate_wrap .cate_text{
    width: 84px; height:24px; float:left; padding-left:3px; line-height:25px;
    padding-left: 5px;  text-align: left; font-size: 13px;  letter-spacing: 0px;
}
/* 검색창 */
header .top_wrap .search_area{ width: 25%; float:right;  padding-top:50px;}
header .top_wrap .search_area .search_inner{
    float: right; width: 243px;  height: 37px;  line-height: 37px; 
    border-bottom: 1px solid #8a8a8a;  box-sizing: border-box; margin-bottom: 14px;
} 
header .top_wrap .search_area .search_inner input{
    vertical-align: top; height: 35px; line-height: 35px;
    box-sizing: border-box;  width: 83%;  border: none; text-indent: 15px;
}
header .top_wrap .search_area .search_inner img{ display: inline-block;   margin:8px; float:right;  }

#top_category {
    width: 100%; 
    position: absolute;
    background: rgba(255, 255, 255, 0);
    z-index: 995;
    border-top: 1px solid #ddd;
    border-bottom: 0px solid #454545;
    left: 0;
	margin-top: 0px;
    display: none;
} 
#top_category .inner { border:1px solid #ddd; min-height: 540px; padding:0px; background:#fff;  margin-top:-1px;}
#top_category .cate_section {float:left; width:155.7px; height:160px; overflow-y:auto; overflow-x:hidden; text-align:left; padding:7px; border:1px solid #ccc;border-top: none;border-left: none;}
#top_category .cate_section:nth-child(8) {border-right: none;} 
#top_category .cate_section:nth-child(16) {border-right: none;} 
#top_category .cate_section h4 {padding-top:3px; border-bottom:0px solid #9f9f9f;font-size:12px; font-weight:700; color:#333; display:inline-block; width:100%;background:#fff;}
#top_category .cate_section ul {padding-top:5px;}
#top_category .cate_section li {line-height:22px;float:left;width:150px;}
#top_category .cate_section li a {color:#333; font-weight:300;}
#top_category .cate_section li a:hover {opacity:0.7}
 
.left_btn{ 
	clear:both;  position:absolute; bottom:0px; left:0px; z-index:10; display:block
}
.left_btn .btn01{
 float:left; background-color:#4855CC; color:#fff; margin-right:3px; 
text-align:center; padding:1px 7px; font-size:11px; font-family: 'Namum Gothic'; line-height:20px;
} 
.left_btn .btn02{
 float:left; background-color:#FF4001; color:#fff; margin-right:3px; 
text-align:center; padding:1px 7px; font-size:11px; font-family: 'Namum Gothic'; line-height:20px;
} 
.left_btn .btn03{
 float:left; background-color:#009966; color:#fff; margin-right:3px; 
text-align:center; padding:1px 7px; font-size:11px; font-family: 'Namum Gothic'; line-height:20px;
}  
@media screen and (max-width:1390px){
 
    .inner{width:1165px !important;clear: both;} 
	#top_category .cate_section {float:left; width:130.7px; height:160px; overflow-y:auto; overflow-x:hidden; text-align:left; padding:7px; border:1px solid #ccc;border-top: none;border-left: none;} 
  
}