﻿@charset "utf-8";
@import url(area.css) ;
/* Main layout */
#mainContainer {
	width: 1000px; margin:0 auto;	padding:0;	position:relative;}

#mainImg {
	clear:both;	width:1000px;	height:408px;	background: #F1F1F1;}
#mainCon {
	padding: 17px 20px 25px 20px;	margin:0;	background: #FFF;}

#mainCon {
*zoom:1;
} /* IE5.5~7 브라우저 대응 Hack */
#mainCon:after {
	content:"";
	display:block;
	clear:both; /*표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */
}
#bottomMain {
	clear:both; background: url(../img/footer_bg.gif) repeat-x center top;}
/* main contents area */
.sectionL {float:left; display:inline; width:322px; margin-right:42px;}
.sectionC {float:left; display:inline; width:239px;}
.sectionR {float:right; display:inline;}

.news {padding:0; margin:0; position:relative; margin-top:10px;}
#newsTab1, #newsTab2, #newsTab3, #newsTab4 { list-style:none; padding:0; margin:0; background:url(../img/m_noticebg.gif) repeat-x left top;}
#newsTab1 li, #newsTab2 li, #newsTab3 li, #newsTab4 li {display:inline; padding:0; margin:0; margin-right:-4px; cursor:pointer;}
.news div { margin-top:5px}
.news div ul {
	list-style:none; 
	padding:0; margin:0; 
	font: normal 0.9em 돋움, 굴림, Verdana, Arial, Helvetica, sans-serif;  
	color: #7d7d7d;}
.news div ul li {overflow:auto; width:322px;}
.news div ul li a {float:left; width:70%; line-height:150%;border-right:1px solid #FFF;}/*border값은 spari에서 스크롤제거용 */
html* .news div ul li a {line-height:140%;}
.news div ul li span.date {
	font: normal 0.85em Verdana, 돋움, 굴림, Arial, Helvetica, sans-serif; 
	color: #466b89; 
	line-height:150%;
	letter-spacing:-0.1em; 
	float:right; border-right:1px solid #FFF;}/*border값은 spari에서 스크롤제거용 */
.news p.more a {position:absolute; top:11px; right:0; margin:0;}

.mainBanner {position:relative; padding:0; margin-top:10px;}
.mainBanner span.mTitle {padding:0; margin:0; float:left; display:inline; padding:3px 0 7px 0; width:92px;}
.mainBanner ul.mControl {float:left; list-style:none; margin:0; padding:0; padding-top:2px;}
.mainBanner ul.mControl li {padding:0; margin:0;}
.mainBanner ul {float:right; list-style:none; padding:0; padding-top:2px; margin:0; margin-bottom:-3px;}
.mainBanner ul li {display:inline; margin:0; float:left; padding:0; padding-left:1px;}
.mainBanner p {clear:both; margin:0; padding:0; padding-top:7px;}
html* .mainBanner p {margin-top:-2px; padding-top:0;}

.mainLink {list-style:none; margin:0; margin:10px 0 18px 0; padding:0;}
.mainLink li {display:inline; margin:0; margin-left:-3px; padding:0;}

.outBanner {padding:0; margin:0; width:314px; vertical-align:middle; text-align:center;}
.outBanner {*zoom:1;} /* IE5.5~7 브라우저 대응 Hack */
.outBanner:after {	content:"";	display:block;	clear:both; /*표준계열 브라우저에 대응하는 float 해제용 가상 엘리먼트의 생성 */}
.outBanner div.arrowL {float:left; padding-top:5px; }
.outBanner div.bannerC {float:left; width:274px;}
.outBanner div.arrowR {float:right; padding-top:5px;}