/* NeoClick Header Style Sheet	*/
/* Prototype 1.0				*/
/* made mo3552					*/


#header {z-index:9999;position:fixed;width:100%;}
#header .headerWrap {z-index:9998;width:100%;height:66px;background-color:#FFFFFF;position:fixed;min-width:1185px;border-top:5px solid #fff;}
#header .headerWrap li {z-index:9997;float:left;color:#fff;font-family:malbd;font-size:16px;padding-left:35px;padding-right:15px;letter-spacing:-1px;font-weight:100;}	/*border-top:5px solid #fff;margin-top:-5px;*/
#header .headerWrap li.logo {width:197px;padding-top: 13px;}

.topadv { width:100%;background:#ffae0c;color:#fff;min-width: 1185px; }
.adv {text-align:center;color:#fff;height:55px;line-height:55px;font-size:18px; font-weight: 500;font-stretch: normal;font-style: normal;letter-spacing: -1.44px;}

.lay_area { position: absolute;top: 130px;right: 15px; }
.lay_top { margin: 0 50px 0px 230px;border-bottom: 15px solid #ffff; border-right: 10px solid transparent; border-left: 10px solid transparent; }
.lay_box { width:300px;height:80px;line-height:1.17;border-radius: 5px;background-color: #ffffff;font-size: 18px;font-weight: normal;font-stretch: normal;font-style: normal;letter-spacing: -1.08px;text-align: center;color: #ffae0c; }

/* 타이틀 바 메뉴 트랜지션, css3 cubic-bezier 를 지원하지 않는 브라우저는 트랜지션 제거 */
#header .headerWrap li.menu {
	cursor:pointer;
	text-align:center;
	width:100px;
	line-height:66px;
	z-index:8000;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

@media only screen and (max-width: 1045px)
{
	#header .headerWrap li.menu{width:60px}
	#header .headerWrap li.menu span a span.smallwidthHidden{display:none}
}

#header .headerWrap li.menu span {font-family:malbd;font-weight:100;color:#fff;text-decoration:none;}
#header .headerWrap li.menu span a {font-family:malbd;font-weight:100;color:#414348;text-decoration:none;display:block;}
/*	#header .headerWrap li.menu:hover {border-top:5px solid #004279;background-color:#03639D;}	*/
/*#header .headerWrap li.menu:hover > ul {
	display:block;
}*/
/*#header .headerWrap li.menu.over{background-color:#03639D;border-top:5px solid #004279}*/

#header .headerWrap li.menu ul {
	display:none;
	position:absolute;
	width:100%;
	top:66px;
	background-color:#03639D;
	height:55px;
	left:0;
}
#header .headerWrap li.menu ul.m01 {
	padding-left:220px;
}
#header .headerWrap li.menu ul.m02 {
	padding-left:360px;
}
#header .headerWrap li.menu ul.m03 {
	padding-left:505px;
}
#header .headerWrap li.menu ul.m04 {
	padding-left:656px;
}

@media only screen and (max-width: 1045px)
{
	#header .headerWrap li.menu ul.m01 {
		padding-left:110px;
	}
	#header .headerWrap li.menu ul.m02 {
		padding-left:310px;
	}
	#header .headerWrap li.menu ul.m03 {
		padding-left:408px;
	}
	#header .headerWrap li.menu ul.m04 {
		padding-left:496px;
	}
}

#header .headerWrap li.menu ul li {
	float:left;
	padding-left:30px;
	padding-right:30px;
	text-align:center;
	line-height:55px;
	margin:0;
	border:none;
}

#header .headerWrap li.menu ul li a {
	color:#85DEFF;
	letter-spacing:-1px;
	font-family:malbd;
	font-size:15px;
	display:block;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

#header .headerWrap li.menu ul li:hover a {
	color:#fff;
}


/* 상단 타이틀바 세로형 */
#header .headerWrap li.menuh {
	cursor:pointer;
	text-align:center;
	width:100px;
	line-height:66px;
	z-index:8000;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

@media only screen and (max-width: 1045px)
{
	#header .headerWrap li.menuh{width:60px}
	#header .headerWrap li.menuh span a span.smallwidthHidden{display:none}
}

#header .headerWrap li.menuh span {font-family:malbd;font-weight:100;color:#000;text-decoration:none;}
#header .headerWrap li.menuh span a {font-family:malbd;font-weight:100;color:#000;text-decoration:none;display:block;}		/*#fff*/
/*#header .headerWrap li.menuh:hover {border-top:5px solid #dedede;background-color:#03639D;}*/
#header .headerWrap li.menuh:hover > ul {
	display:block;
}
#header .headerWrap li.menuh.over{background-color:#03639D;border-top:5px solid #004279}

#header .headerWrap li.menuh ul {
	display:none;
	position:absolute;
	width:150px;
	top:66px;
	background-color: #f7f7f7;		/*#03639D*/
	border:1px solid #dedede;
	left:0;
}
#header .headerWrap li.menuh ul li {
	float:left;
	padding-left:30px;
	padding-right:30px;
	text-align:center;
	line-height:55px;
	margin:0;
	border:none;
}

#header .headerWrap li.menuh ul li a {
/*	color:#85DEFF;	*/
	color:#888;
	letter-spacing:-1px;
	font-family:malbd;
	font-size:15px;
	display:block;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-moz-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	-o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
	transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

#header .headerWrap li.menuh ul li:hover a {
	color:#000;
}
/* 상단 타이틀바 세로형 */


/* 로그인 버튼 */
#header .headerWrap li.login {
	cursor:pointer;
	text-align:center;
	height:45px;
	width:140px;
	background-color:#6dad3b;
/*	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;*/
	border-radius: 5px;
	overflow:hidden;
	float:right;
	line-height:45px;
	margin: 7px 14px 0px 0px;
}
#header .headerWrap li.login span {color: #ffffff;font-family:malbd;transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
/*#header .headerWrap li.login:hover {background-color:#004378;border-top:5px solid #fff;}*/
/*#header .headerWrap li.login:hover span {margin-left:11px;}*/
#header .headerWrap li.login i {transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
#header .headerWrap li.login:hover i {
	-moz-transform: translateX(60px);
	-webkit-transform: translateX(60px);
	-o-transform: translateX(60px);
	-ms-transform: translateX(60px);
	transform: translateX(60px);
}

/* 광고관리 버튼 */
#header .headerWrap li.adc {
	cursor:pointer;
	text-align:center;
	height:45px;
	width:140px;
	background-color:#295caa;
/*	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;*/
	border-radius: 5px;
	overflow:hidden;
	float:right;
	line-height:45px;
	margin: 7px 10px 0px 0px;
}


#header .headerWrap li.adc span {color:#fff;font-family:malbd;transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
#header .headerWrap li.adclogin span {color:#fff;font-family:malbd;transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
/*#header .headerWrap li.adc:hover {background-color:#54b31a;border-top:5px solid #fff;}*/
/*	#header .headerWrap li.adc:hover span {margin-left:11px;}	*/
#header .headerWrap li.adc i {transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
/*#header .headerWrap li.adc:hover i {
	-moz-transform: translateX(60px);
	-webkit-transform: translateX(60px);
	-o-transform: translateX(60px);
	-ms-transform: translateX(60px);
	transform: translateX(60px);
}*/

/* 광고신청 버튼 */
#header .headerWrap li.adr {
	cursor:pointer;
	text-align:center;
	height:66px;
	width:90px;
	background-color:#0274B3;
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	overflow:hidden;
	float:right;
	line-height:66px;
}
#header .headerWrap li.adr span {color:#fff;font-family:malbd;transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
#header .headerWrap li.adr:hover {background-color:#004378;border-top:5px solid #fff;}
/*	#header .headerWrap li.adc:hover span {margin-left:11px;}	*/
#header .headerWrap li.adr i {transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
#header .headerWrap li.adr:hover i {
	-moz-transform: translateX(60px);
	-webkit-transform: translateX(60px);
	-o-transform: translateX(60px);
	-ms-transform: translateX(60px);
	transform: translateX(60px);
}

/* 마이페이지 버튼 */
#header .headerWrap li.myPage {
	cursor:pointer;
	text-align:center;
	height:66px;
	width:60px;
	background-color:#004378;
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	overflow:hidden;
	float:right;
	line-height:66px;
}
#header .headerWrap li.myPage span {font-family:malbd;transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
#header .headerWrap li.myPage:hover {background-color:#002e4e;border-top:5px solid #fff;}
#header .headerWrap li.myPage:hover span {margin-left:12px;}
#header .headerWrap li.myPage i {transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
#header .headerWrap li.myPage:hover i {
	-moz-transform: translateX(60px);
	-webkit-transform: translateX(60px);
	-o-transform: translateX(60px);
	-ms-transform: translateX(60px);
	transform: translateX(60px);
}

/* 광고주 센터 버튼 */
#header .headerWrap li.adcenter {
	cursor:pointer;
	text-align:center;
	height:66px;
	width:110px;
	background-color:#FE670E;
	transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	overflow:hidden;
	float:right;
	line-height:66px;
}
#header .headerWrap li.adcenter span {font-family:malbd;transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
#header .headerWrap li.adcenter:hover {background-color:#FE670E;border-top:5px solid #fff;}
#header .headerWrap li.adcenter:hover span {margin-left:13px;}
#header .headerWrap li.adcenter i {transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;}
#header .headerWrap li.adcenter:hover i {
	-moz-transform: translateX(60px);
	-webkit-transform: translateX(60px);
	-o-transform: translateX(60px);
	-ms-transform: translateX(60px);
	transform: translateX(60px);
}

/* 글로벌 버튼 */
#header .headerWrap li.eng {float:right;cursor:pointer;text-align:center;width:96px;padding:0;background-color:#BCBCBC;color:#000;transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;line-height:66px;}
#header .headerWrap li.eng:before {content:"ENG";}
#header .headerWrap li.eng:hover {background-color:#666;border-top:5px solid #fff;color:#fff;}
#header .headerWrap li img {display:block;}
#header .headerWrap li i {margin-left:5px;}
#header .headerWrap li .searchWrap {border:1px solid #000;background-color:#fff;height:25px;width:245px;position:relative;margin-top:20px;display:none;}
#header .headerWrap li .searchWrap input {padding:4px;font-size:11px;border:none;padding-top:6px\9;width:235px;outline:none;}
#header .headerWrap li .searchWrap img {position:absolute;right:0;top:0;cursor:pointer;}

@media only screen and (min-width: 1500px)
{
	#header .headerWrap li .searchWrap {display:block;}
}
@media only screen and (max-width: 1530px)
{
	#header .headerWrap li.eng:before {content:"";}
	#header .headerWrap li.eng {width:50px;}
}
/* FireFox 3 and Up */
@-moz-document url-prefix()
{
	#header .headerWrap li .searchWrap input {padding-top:5px;}
}