/*
#hd 는 관리자 사용으로 인해 변경불가.
*/
/* 공통 해더 */
.header_gnb_top { position: relative; padding-bottom: 67px; }

.builder_button { display: inline-block; padding: 10px; background: #009beb; border-radius: 5px; color: #fff !important; margin-left: 10px; margin-top: 4px; }


#hd {
	position:fixed; left:0px; top:0px; z-index:2000 !important; 
	width:100%; padding: 10px 0px 10px 0px; border-bottom: 1px solid #e5e5e5;
}

#hd > ul { width:1200px; margin:auto; }
#hd > ul > li { 
	float:left; width:300px;
}

#hd > ul > li:first-child { width:auto; }
#hd > ul > li:first-child img { height: auto; height: 45px; }
#hd > ul > li:last-child { 
	text-align:right; width: auto; 
	float: right;
}

div.header_button {	text-align: right; padding-bottom: 10px; }
div.header_button > p > a { display: inline; margin-left: 10px; }
div.pc_search_var { 
	display: none; left: 0px; top: 57px; width: calc(100% - 20px); padding: 10px 10px 10px 10px;
}
#pc_search_close { position: absolute; right: 10px; top: -15px; font-size: 30px; cursor: pointer; }
div.pc_search_var > div{ position: relative; width: 1200px; margin: auto;}
div.pc_search_var > form { position:relative; width: 1200px; margin: auto; margin-top: 0px;}
div.pc_search_var > form > input[type="submit"] {
	position: absolute; 
	right: 0px;
	width:60px;
	line-height: 40px;
	padding: 0px !important;
	border:none;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	background:#dfa057;
	color:#fff;
	font-weight:900;
	font-size:13px;
	-webkit-appearance: none;
	margin-left:-20px;
	vertical-align: middle; 

}


div.pc_search_var > form > input[type="text"] {
	width: calc(100% - 60px);
	padding-left: 10px;
	height: 38px;
	border: 1px solid #e8e8e8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size:13px;
	font-weight:400;
	vertical-align: middle; 
}


div.m_search { position: relative; margin: auto; text-align: left; margin-top: 10px; }
div.m_search > form > input[type="submit"] {
	position: absolute; 
	right: 0px;
	width:60px;
	line-height: 40px;
	padding: 0px !important;
	border:none;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	background:#dfa057;
	color:#fff;
	font-weight:900;
	font-size:13px;
	-webkit-appearance: none;
	margin-left:-20px;
	vertical-align: middle; 

}


div.m_search > form > input[type="text"] {
	width: calc(100% - 60px);
	padding-left: 10px;
	height: 38px;
	border: 1px solid #e8e8e8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size:13px;
	font-weight:400;
	vertical-align: middle; 
}



#gnb {
	width:100%; margin:auto;
}

#gnb > #gnb_1dul {
	width:100%; margin:auto;
}

#gnb > #gnb_1dul > li {
	float:left; text-align:center; font-size:14px; font-weight:500;
	cursor:pointer; position:relative;
}
#gnb > #gnb_1dul > li.chome {font-size:20px; }


#gnb > #gnb_1dul > li#gnb_empty {width:100%;}

#gnb > #gnb_1dul > li > a { display:table; font-size: 14px; font-weight: 300; padding:0px 23px 0px 23px; height:45px; line-height:45px; }

#gnb > #gnb_1dul > li.camenu { display: none; margin-top: 1px; }
#gnb > #gnb_1dul > li.camenu > a {font-size:25px !important;}


#gnb > #gnb_1dul > li.search { position: relative; }


#gnb > #gnb_1dul ul.gnb_2dul {
	position:absolute; top:50px; width:150px; margin:auto; margin-left:0px; font-size:13px;
	opacity: 0; display:none; padding: 10px 10px 10px 10px; border-radius: 2px;
}

#gnb > #gnb_1dul ul.gnb_2dul > li {
	text-align:left; 
}


#gnb > #gnb_1dul ul.gnb_2dul > li > a {
	display:table; width:calc(100% - 20px); padding:11px 10px 11px 10px; font-weight: 300;
}




#gnb_mobile {
	display: none; width:100%; top:0px;
}
#gnb_mobile > div.scroll_ck { padding:10px; overflow-x:hidden;overflow-y:auto;}

#gnb_mobile > div.scroll_ck > ul.etc_bt { width:100%; margin:auto;   }
#gnb_mobile > div.scroll_ck > ul.etc_bt > li { float:left; width:25%; height:55px; line-height:55px;  text-align:center;  }
#mobile_close {
	position:absolute; right:-30px; top:0px; cursor:pointer; font-size:25px; height:30px; width:30px; 
	background:#d0d0d0; color:#fff; line-height:27px; text-align:center;
}



#gnb_mobile > div.scroll_ck > ul.gnb_m { width:100%; margin:auto;  }
#gnb_mobile > div.scroll_ck > ul.gnb_m > li { width:100%; padding:15px 0px 15px 0px;  }
#gnb_mobile > div.scroll_ck > ul.gnb_m > li:last-child { border-bottom:none;  }
#gnb_mobile > div.scroll_ck > ul.gnb_m > li > span { margin-right:10px; }
#gnb_mobile > div.scroll_ck > ul.gnb_m > li > a { margin-left:10px; font-weight:400; font-size: 17px; padding: 10px; }

#gnb_mobile > div.scroll_ck > ul.gnb_m > li > ul.gnb_s {
	padding:5px; margin-top:10px; display:none;
	width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px); width: -o-calc(100% - 10px); width: calc(100% - 10px); width: expression(100% - 10px);
}
#gnb_mobile > div.scroll_ck > ul.gnb_m > li > ul.gnb_s > li {
	width:100%; padding:10px 10px 10px 10px; 
}

#gnb_mobile > div.scroll_ck > ul.gnb_m > li > ul.gnb_s > li > a { margin-left:5px; padding: 10px; }


@media screen and (max-width:1200px) {
	#hd {
		padding: 10px 0px 10px 0px;
	}

	#hd > ul { width:95%; margin:auto; }
	.gnb_1dli { display: none; }

	div.header_button { display: none; }
	#gnb { margin-top: 0px; }
	#gnb > #gnb_1dul > li.camenu { display: block; }
	#gnb > #gnb_1dul > li.camenu > a { padding:0px 13px 0px 13px; }
	#gnb > #gnb_1dul > li.search { display: none; }


}



@media screen and (max-width:500px) {
	.header_gnb_top { position: relative; padding-bottom: 54px; }
	.builder_button { padding: 0px 8px 0px 8px; margin-left: 4px; margin-top: 0px; }


	#hd {
		padding: 10px 0px 10px 0px;
	}

	#hd > ul { width:95%; margin:auto; }
	#hd > ul > li { height: 33px; line-height: 33px; }
	#hd > ul > li:first-child img { height: 33px; }
	.gnb_1dli { display: none; }

	#gnb {
		margin-top: -8px !important;
	}
}