@charset "utf-8";

/* Layout Selector */
body {background:none;}
#wrap {background:url('/car/img/main/wrap_bg.gif') 0 256px repeat-x;}
#container {width:1000px;}
#content {width:1000px; margin:0;}
#contentArea {position:relative; width:900px; margin:0 0 0 50px; padding:385px 0 0 0; *zoom:1; z-index:30;}
#contentArea:after {content:""; display:block; float:none; clear:both;}

/* 메인비주얼 */
#content div.mainVisual {position:absolute; left:0; top:0; z-index:20;}

/* 팝업존 */
div.popupzone {position:absolute; left:573px; top:182px; z-index:30;}
div.popupzone div.popup {position:relative; width:359px; height:118px; margin:24px 0 0 0;}
div.popupzone div.popup ul {display:inline-block; padding:75px 13px 0 0; *zoom:1;}
div.popupzone div.popup ul:after {content:""; display:block; float:none; clear:both;}
div.popupzone div.popup ul li {display:inline; float:left; margin:0 0 0 1px;}
div.popupzone div.popup ul li img.btn {position:relative; z-index:30;}
div.popupzone div.popup ul li p.image {position:absolute; left:0; top:0; z-index:20;}

/* 공지사항 */
div.article {position:relative; display:inline; float:left; width:365px;}
div.article div.articleContent {width:350px; margin:9px 0 0 15px;}
div.article div.articleContent ul {width:350px;}
div.article div.articleContent ul li {width:350px; padding:0 0 0 10px; line-height:18px; background:url('/car/img/main/article_bul.gif') 0 6px no-repeat; *zoom:1;}
div.article div.articleContent ul li:after {content:""; display:block; float:none; clear:both;}
div.article div.articleContent ul li span.date {float:left; width:50px; height:18px;}
div.article div.articleContent ul li span.subject {float:left; width:282px; height:18px;}
div.article div.articleContent p.more {position:absolute; left:328px; top:8px;}

/* 유용한 정보 */
div.usefulInfo {display:inline; float:left; width:303px; margin:10px 0 0 25px; padding:6px; border:3px solid #d0d0d0;}
div.usefulInfo ul {*zoom:1;}
div.usefulInfo ul:after {content:""; display:block; float:none; clear:both;}
div.usefulInfo ul li {float:left; display:inline;}
div.usefulInfo ul li p.title {display:inline; float:left; margin:0; padding:0 5px 0 0}
div.usefulInfo ul li p.content {display:inline; float:left; margin:0; padding:0 5px 0 0}


/* 바로가기 */
div.quickLink {display:inline; float:right; width:165px;}
div.quickLink ul li {border-top:1px solid #cdcdcd; padding:8px 0 8px 15px; background:url('/car/img/main/quickLink_bul.gif') 5px center no-repeat;}
div.quickLink ul li.first-child {border:none;}
