@charset "utf-8";

/* HEADER */

/*---------------맨위 home&login-----------------*/
.header_topwrap{width:100%;height:25px;background-color:#000;}
.header_top{width:980px;height:25px;margin:0 auto;}
.header_top>ul{float:right;list-style:none;}
.header_top>ul>li{float:left;height:25px;line-height:25px;}
.header_top>ul>li>a{text-decoration:none;color:#fff;}
#wall{color:#fff;padding:10px;}

/* Tablet Device */
@media all and (min-width:481px) and (max-width:980px) {
	.header_topwrap{display:none;}
	.header_top{width:100%;}
}
/* Mobile Device */
@media(max-width:480px){
	.header_topwrap{display:none;}
	.header_topwrap{width:100%;height:20px;background-color:#000;}	
	.header_top{width:100%;height:20px;margin:0 auto;}
	.header_top>ul{float:right;list-style:none;}
	.header_top>ul>li{float:left;height:20px;line-height:20px;}
	.header_top>ul>li>a{text-decoration:none;color:#fff;font-size:10px;}
}

/*검색*/
#search_li{position:relative;}
#search_button{color:#fff;cursor:pointer;}
#search_wrap{position:absolute;top:26px;right:0;z-index:10;width:160px;}
#search_wrap{color:#222; font-size:12px; font-weight:700; border:0; float:left;}
#search_inputText{background:#fff; border:1px solid #ddd; width:130px; height:21px;float:left;padding-left:5px;outline:none;}
#search_submit{background:#ddd; padding:4px 4px;width:15px; height:15px; float:right;cursor:pointer;}

/*--------------------맨위끝-----------------------*/


/*-----------------일반메뉴형---------------------------*/
<!--@if($layout_info->topmenu_type=='topmenu_type_general')-->
/*-----------------로고+gnb----------------------*/
.gnb{width:100%;}
.top_wrap{width:980px;height:100px;margin:0 auto;position:relative;}

.top_logo{position:absolute;padding-top:6px;}
.top_logo>ul{width:100%;margin:0 auto;overflow:hidden;}
.top_logo>a{display:block;}
.top_logo>ul>li{float:left;}
.top_logo>ul>li>a{display:block;}
.top_logo img{max-width:100%;}

/* Tablet Device */
@media all and (min-width:481px) and (max-width:980px) {
	.top_wrap{width:100%;height:100px;margin:0 auto;position:relative;}
	.top_logo{position:absolute;padding-top:6px;left:30px;}	
	.top_logo img{max-width:100%;}
}

/* Mobile Device */
@media(max-width:480px){
	.top_wrap{width:100%;height:50px;margin:0 auto;position:relative;}
	.top_logo{position:absolute;padding-top:6px;padding-left:10px;}	
	.top_logo img{width:50%;max-width:100%;}
}

/*-----------------로고+gnb 끝----------------------*/

/*-----------------TOP메뉴---------------------------*/

.navi_wrap{position:absolute; right:34px; top:40px;}/*탑메뉴 위치*/
.navi_wrap ul{list-style:none;}
.navi_wrap>ul li{float:left;}
.navi_wrap ul li a{text-decoration:none;}
.navi_wrap li.navi_1depts_li{position:relative; float:left; margin-left:46px;}
.navi_wrap li.navi_1depts_li:first-child{margin-left:0;}
.navi_wrap li.navi_1depts_li>a{display:block; height:34px; line-height:34px; padding:0 10px; font-size:15px; font-weight:700;}

/*2차메뉴*/
ul.two_depts_ul{position:absolute;left:0;top:32px;background-color:#fff;display:none;zoom:1;z-index:10;}/*초기상태: 2뎁스안보이기*/
ul.one_depts_ul li:hover ul.two_depts_ul{display:block;z-index:10;-moz-box-shadow:0 2px 6px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.1); box-shadow:0 2px 6px rgba(0,0,0,0.1);}/*2뎁스 보이기*/
ul.one_depts_ul li:hover ul.two_depts_ul a{width:100px;height:34px;line-height:34px; padding-left:10px; font-size:13px;color:#000;text-align:left;font-weight: normal;display:block;}/*2뎁스보일때 2뎁스의 a*/
ul.two_depts_ul .navi_2deps_li:hover{background-color:#efefef;}

/*3차메뉴*/
ul.three_depts_ul{position:absolute;display:none;top:0; left:110px;background-color:#fff;}
ul.two_depts_ul li:hover ul.three_depts_ul{display:block;z-index:10;}
ul.two_depts_ul li:hover ul.three_depts_ul a{width:100px;height:34px;line-height:34px;-moz-box-shadow:0 2px 6px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.1); box-shadow:0 2px 6px rgba(0,0,0,0.1);}
ul.three_depts_ul .navi_3deps_li:hover{background-color:#efefef;}
/*-----------------TOP메뉴 끝---------------------------*/
/* Mobile Device */
@media(max-width:980px){ /* 980미만일때 모바일형으로*/
	.navi_wrap{display:none;}
}
<!--@end-->
/*-----------------일반메뉴형 끝---------------------------*/







/*-----------------전체메뉴형---------------------------*/
<!--@if($layout_info->topmenu_type=='topmenu_type_all')-->
	#gnb{}
	.gnb{width:100%; height:100px; background: white; }
	.top_wrap2{width:100%;margin:0 auto;}
	.navi_wrap2{width:1200px;height:100px;margin:0 auto;z-index:8;position:relative;}/*탑메뉴 위치*/
	.navi_wrap2 ul{list-style:none;}
	.navi_wrap2>ul>li{float:left;}
	.navi_wrap2>ul>li>a{text-decoration:none;font-size:15px;font-weight:700;}
	/*로고*/
	.all_top_logo{float:left;padding-top:23px}
	/*1차메뉴*/
	#menu_ul{position:absolute;right:0;top:45px;}
	#menu_ul li.all_navi_1depts_li{position:relative; float:left;padding:0 30px;}
	#menu_ul li.all_navi_1depts_li:first-child{margin-left:0;}
	#menu_ul li.all_navi_1depts_li>a{display:block; height:34px; line-height:34px; font-size:15px; font-weight:700; color:black;}	
	/*2차메뉴*/
	#depts2_ul{position:absolute;width:100%;left:0;padding:25px 0;display:none;}
	#depts2_ul>li{width:100%;text-align:Center;}
	#depts2_ul>li>a{text-decoration:none;font-size:14px;color:#fff;height:30px; line-height:30px;}
	/*1차메뉴 ul 호버시 2차메뉴 ul 띄우기*/
	#menu_ul:hover #depts2_ul{display:block;}
	/*2차메뉴 백그라운드 초기값(스크립트)*/
	#all_2depts_wrap{position:absolute;z-index:7;width:100%;height:170px;background-color:#000;opacity:0.5;display:none;}
	
	/* Tablet Device */
	@media all and (min-width:481px) and (max-width:1199px) {
		.navi_wrap2{width:100%;}
		.all_top_logo{padding-top:23px;padding-left:30px;}	
		.all_top_logo img{max-width:100%;}
	}
	/* Mobile Device */
	@media(max-width:480px){
		.gnb{width:100%; height:50px; background: white; }
		.top_wrap2{width:100%; height:50px; margin:0 auto; background: white; }
		.navi_wrap2{width:100%;height:50px;margin:0 auto;z-index:8;position:relative;}
		.navi_wrap2 > #menu_ul{display: none;}
		.all_top_logo{padding-top:14px;padding-left:10px;}	
		.all_top_logo img{width:50%;max-width:100%;}
	}
	/* 980미만일때 모바일형으로*/
	@media(max-width:980px){
		#menu_ul{display:none;}
	}
<!--@end-->
/*-----------------전체메뉴형 끝---------------------------*/