@charset "utf-8";

/* ================================================
	layout style
	source file:layout.css
	target:CSS Level 3
================================================ */
/* basic layout & align */
.left{float:left !important;}
.right{float:right !important;}
.clear{clear:both;}

.al_l{text-align:left !important;}
.al_r{text-align:right !important;}
.al_c{text-align:center !important;}

/* basic link */
a{text-decoration:none;cursor:pointer;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a.underline{text-decoration:underline;}

/* basic others */
.show{display:block;}
.hide{display:none;}
.ir *,
.blind{position:absolute;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}



/* layout */
#wrap{width:100%;}
#header{
	position:relative;
	height:95px;
	width:100%;
	min-width:1100px;
	z-index:100;
	border-bottom:#e24100 5px solid;
}
#header .area{position:relative; width:1100px; margin:0 auto;padding:0; z-index:150;}
#header h3{position:absolute; top:18px;left:0px; z-index:500;}

#tnb{
	position:relative;
	top:0;
	right:0px;
	width: 250px;
	z-index:300;
}
#tnb li{float:left;padding:0px;}
#gnbWrap{
	position:absolute;
	width:100%;
	min-width:1100px;
	height:95px;
	display:block;
	overflow:hidden;
	top: 0;
	left: 0;
}
#gnbBg{width:100%; background:url(../images/bg_gnb.png) repeat-x 0 bottom; height:336px;}
#gnb{
	position:relative;
	width:1100px;
	margin:0 auto;
	height:300px;
	padding:0;
}


#gnb ul{
	list-style:none;
	position:absolute;
	top:30px;
	right:0;
	margin:0;
	padding:0;
	right: 0;
}
#gnb li{float:left;padding:0 20px;}
#gnb ul li{float:left;display:inline;margin:0;padding:25px 10px 34px;}
#gnb ul li a{display:block;padding:0 20px;}
#gnb ul ul{display:block;list-style:none;position:absolute;left:0;top:70px;margin:0;padding:0px 0;z-index:10;}
#gnb ul ul li{display:block;clear:both;margin:0;padding:0;}
#gnb ul ul li a{display:block;padding:5px 0 5px 10px;background:url(../images/bullet_b01.gif) no-repeat 0 10px;}
#gnb ul li.on{border-bottom:5px solid #3e7ebc;}
#gnb ul ul li.on{border-bottom:0;}
#gnb ul ul li a:hover,#gnb ul ul li.on a{background:url(../images/bullet_b02.gif) no-repeat 0 10px;}
#gnb #top2m1 ul{left:25px;}
#gnb #top2m2 ul{
	left:140px;
}
#gnb #top2m3 ul{
	left:260px;
}
#gnb #top2m4 ul{
	left:400px;
}
#gnb #top2m5 ul{
	left:515px;
}
#gnb #top2m6 ul{left:658px;}



#mainContainer{width:1100px;margin:0 auto;margin-bottom:10px;}



/* gnb Image Sprite */
#gnb li a span{display:block;height:14px;font-size:0;line-height:0;}
#gnb .gm01{width:55px;height:21px; background:url(../images/menu01.jpg);}
#gnb .gm02{width:55px;height:21px; background:url(../images/menu02.jpg);}
#gnb .gm03{width:80px;height:21px; background:url(../images/menu03.jpg);}
#gnb .gm04{width:55px;height:21px; background:url(../images/menu04.jpg);}
#gnb .gm05{width:95px;height:21px; background:url(../images/menu05.jpg);}
#gnb .gm06{width:55px;height:21px; background:url(../images/menu06.jpg);}
#gnb .on .gm01,#gnb a:hover .gm01{ background:url(../images/menu01_over.jpg);}
#gnb .on .gm02,#gnb a:hover .gm02{background:url(../images/menu02_over.jpg);}
#gnb .on .gm03,#gnb a:hover .gm03{background:url(../images/menu03_over.jpg);}
#gnb .on .gm04,#gnb a:hover .gm04{background:url(../images/menu04_over.jpg);}
#gnb .on .gm05,#gnb a:hover .gm05{background:url(../images/menu05_over.jpg);}
#gnb .on .gm06,#gnb a:hover .gm06{background:url(../images/menu06_over.jpg);}


#submenutext {text-align:left; height:22px; width:150px;}


/* For print */
@media print{
	#header{display:none;}
	#footer{display:none;}
}
