@charset "utf-8";
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/

/* White Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }

/* Site Layout - Body Wrap */
body {
	background-color: #ffffff;
	background-position: center 130px;
}
#bodyWrap {
	position:relative;
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* Site Layout - Header */
#header {
	position:relative;
	width:950px;
	height:133px;
	z-index:99;
}
#header h1 {
	position:absolute;
	top:45px;
	left:0px;
}
#siteTitle{
	position:absolute;
	top:10px;
	z-index:100;
	white-space:nowrap;
	left: 5px;
	font-size: 11px !important;
	line-height: 15px;
	color: #666;
	}
#topmenu {
	position:absolute;
	top:10px;
	right:5px;
	z-index:100;
	white-space:nowrap;
}
#topmenu li {
	list-style:none;
	float:left;
	position:relative;
	white-space:nowrap;
	margin-right: 8px;
}
#topmenu  li a {
	display:block;
	float:left;
	color:#727272;
	white-space:nowrap;
	text-decoration:none;
	padding-bottom: 0;
	line-height: 15px;
	font-size:11px;
}


#it_search_form { position:absolute; top:50px; right:15px;}
#it_search_form .input { border:1px solid #d9d9d9; height:17px; width:120px; color:#888888; font-size:.9em;}
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }

#gnb {
	position:absolute;
	top:90px;
	left:0;
	height:36px;
	overflow:hidden;
	white-space:nowrap;
	
}
#gnb li { list-style:none; float:left;  position:relative; white-space:nowrap;}
#gnb li a {
	display:block;
	float:left;
	height:38px;
	color:#727272;
	white-space:nowrap;
	text-decoration:none;
	padding-bottom: 0;
}
#gnb li a:hover,
#gnb li a:focus { color:#000000;}
#gnb li.on a { font-weight:bold; color:#3f3f3f; background:url(../images/white/bgGnbOn.gif) no-repeat center top;}

#isSearch { position:absolute; top:100px; right:15px; width:214px; text-align:right;}
#isSearch .searchOrder { display:none;}
#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/white/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c; line-height:normal;}
#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #b2b2b2; background:#ffffff; overflow:hidden;}
#isSearch ul li { width:67px; height:18px; list-style:none;}
#isSearch ul li input { display:none;}
#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c;}
#isSearch ul li label.on { background:#ededed; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#ededed;}
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:150px; height:13px; color:#000000; border:1px solid #B0B0AF; background-color:#FFFFFF; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:1px solid #8E8E8D; background-color:#FFFFFF; }
*:first-child+html  #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html #isSearch .submit { position:relative; top:-1px;}

/* Site Layout - Content Body */
#contentBody {
	position:relative;
	width:965px;
	overflow:hidden;
}

/* Site Layout - Column Left */
#columnLeft { position:relative; width:201px; float:left;}
#columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block;}

#lnb { border-top:1px solid #dddddd; padding:4px 5px; width:190px;}
#lnb li { list-style:none; padding-bottom:4px;}
#lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #e8e8e8; background:url(../images/white/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;}
#lnb li a:hover,
#lnb li a:focus { color:#ffffff; background:#de4332; border:1px solid #de4332;}
#lnb li.on a { color:#ffffff; background:#de4332; border:1px solid #de4332;}
#lnb li.on a:hover,
#lnb li.on a:focus { font-weight:bold;}
#lnb li ul { display:block; position:relative; width:184px; padding:0 3px; position:relative; border-top:1px solid #ffffff; overflow:hidden;}
#lnb li.on ul { display:block;}
#lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;}
#lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/white/bulletLnb.gif) no-repeat 175px center  !important;}

/* Site Layout - Column Right */
#columnRight { width:770px; float:right; overflow:hidden;}
#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}

/* Site Layout - Footer */
#foot {
	background-image: url(../images/white/footbg2.jpg);
	background-repeat: repeat-x;
	background-position: center 18px;
	height: 120px;
	width: auto;
	position: relative;
	margin-top: 5px;
	}
#footbody{

	height: 100px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	}

#footer {
	float: left;
	overflow:hidden;
	padding-top:16px;
	width: 400px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	height: 30px;
}
/*#footer img {
	right:0px;
	position:absolute;
	top:-10px;

}*/
#footer li { display:inline; background:url(../images/white/vrType1.gif) no-repeat left 2px;}
#footer li.first-child { background:none;padding:0 .6em 0 1em;}
#footer li a {
	
	color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-left: 18px;
	color: #996633;
}
#footer li address { display:inline; }

#foot01{
	clear:both;
	float: left;
	margin-top: 20px;
	color: #996633;
	width: 940px;
	}
#foot01 li{
	display:inline;
	height: 20px;
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 300px;
	float: left;
	text-align: left;
}
#xe{
	float: right;
	overflow:hidden;
	padding-top:10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	width: 410px;
	height: 30px;
	}
#xe li{
	display:inline;
	float:left;
	color: #996633;
	line-height: 26px;
}
.end-foot{
	width:600px;
	float: left;
	}
	.topon{
	height: 18px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	}
/* White Skin - End */

