@import url(common.css);

#wrap {	
	position:relative;
	width:875px;	
	margin:0 auto;		
	background:url("/img/main/bg_wrap.jpg") no-repeat top;		
	background-color:#1A1F25;
	overflow:hidden;	
}

#accessibility	{display:none}

/* 헤더 */
#header {		
	position:relative;	
	width:100%;	
} 

#header h1	{width:200px; margin:0 auto;}

#header img	{display:block}

#header .gnbArea {position:relative; width:845px; height:376px; margin:0 auto; padding:0;}
#header .gnbArea .topMenu {position:absolute; top:0; left:0; z-index:2}
#header .gnbArea .topVisual {position:absolute; top:0; left:0; z-index:1}
/* noscript */
#header .gnbArea ul		{padding:12px 0 0 75px}
#header .gnbArea ul	li	{font-size:14px; float:left; width:180px; font-weight:bold; text-align:center; height:25px}
#header .gnbArea ul	li a	{display:block;}
#header .gnbArea ul	li a:link	{color:#8E9295}
#header .gnbArea ul	li a:visited	{color:#8E9295}
#header .gnbArea ul	li a:hover	{color:#fff}
#header .gnbArea ul	li a:active	{color:#8E9295}
#header .gnbArea p.visual	{clear:both; display:block}
#header .gnbArea p.visualMenu	{clear:both; display:block}

#body {width:100%; padding:24px 0 0 0; height:147px}

/* 컨텐츠 영역 */
#AreaOne {
	float:left;	
	padding:13px 0 0 20px;
}	

#AreaOne .titArea {width:253px; line-height:1px}
#AreaOne .titArea h2 {float:left; }
#AreaOne .titArea .more {float:right;}

#AreaOne ul	{clear:both; padding:14px 0 0 1px}
#AreaOne ul li.first	{
	background:url("/img/main/bl_arrow_w.gif") no-repeat 0 5px;
	padding-left:10px;
}
#AreaOne ul li	{
	background:url("/img/main/bl_dot.gif") no-repeat 0 6px;
	padding-left:10px;
	font-size:11px;
	margin-bottom:7px
}
.white	{color:#A6A8AB}
.blue	{color:#4886BD}
#AreaOne a:link		{color:#626365; text-decoration:none}
#AreaOne a:visited	{color:#626365; text-decoration:none}
#AreaOne a:hover	{color:#A6A8AB; text-decoration:none}
#AreaOne a:active	{color:#626365; text-decoration:none}

#AreaTwo {
	float:left;
	border-left:1px solid #252D38;
	border-right:1px solid #252D38;	
	padding:11px 13px 18px 11px;
	margin-left:15px;
}
#AreaTwo img	{display:block}
#AreaTwo div.txt {clear:both; padding:12px 0 0 0}

#AreaTwo .titArea {width:250px; margin-top:27px; line-height:1px}
#AreaTwo .titArea h2 {float:left; }
#AreaTwo .titArea .more {float:right;}
#AreaThree	{
	float:left;	
	padding:9px 0 0 13px;
}

#AreaThree img	{vertical-align:top}
#AreaThree dl dt	{float:left; border:1px solid #030201}
#AreaThree dl dd	{float:left; margin:8px 0 0 6px}


/* 푸터 영역 */
#footer {	
	clear:both;		
	width:875px;	
	margin:0 auto;
	height:58px;
}
#footer img	{vertical-align:top}

#footer ul	{float:left; padding:11px 0 0 2px}
#footer ul li.first	{background:none; padding:0}
#footer ul li	{
	font-family:Arial,; font-size:8px;
	float:left;
	background:url("/img/common/bl_foot.gif") no-repeat 0 1px;	
	padding-left:12px;	
	margin-right:10px;
}
#footer a:link		{color:#8E9295}
#footer a:visited	{color:#8E9295}
#footer a:hover		{color:#8E9295}
#footer a:active	{color:#8E9295}
#footer .copyright	{float:right; color:#8E9295; padding:10px 0 0; font-family:Tahoma; font-size:9px; font-weight:normal}

#vantt_tour	{position:absolute; top:150px; left:16px; z-index:15;}


/* layer */
#wrapPop	{padding:0; border:10px solid #BFBFBF}
#wrapPop img {display:block}

#bodyPop	{padding:15px; background:#ffffff;}

#footerPop	{clear:both; background:#BFBFBF; padding:3px 12px 0 0; height:20px; overflow:hidden}
#footerPop	.today	{float:left; padding:0 0 0 9px}
#footerPop  .close	{float:right;}
#footerPop img	{vertical-align:top}