@import url('global.css');

html, body {width:100%; height:100%;}
body {background:url(../images/container_bg.gif) no-repeat center top;}

#wrapper {height:100%;}
	#container {margin:0 auto; width:1000px; min-height:100%; _height:100%;}
	
		#header {margin:0 auto; width:986px; height:182px;}
			/* 090828 수정 */
			.gnbMenu {float:right; width:181px; background:url(../images/bg_gnb.gif) repeat-x 0 0; height:33px;}
			.gnbMenu li {float:left; padding-top:5px; width:92px; line-height:11px; height:14px; text-align:center;}
			.gnbMenu li.fir {width:88px; background:url(../images/v_12.gif) no-repeat right 5px;}

			.elleWrap {clear:both; padding-bottom:11px; width:100%; height:90px;}
			.elleWrap .logo {float:left;}
			.elleWrap .topBanner {float:right;}

			.topNavi {padding-bottom:7px; width:100%; height:41px;}

		#contentsWrap {padding:12px 7px 35px; width:986px; background:#FFF;}		
			.leftWrap {float:left; width:670px; padding-right:16px;}

			.rightWrap {float:left; width:300px;}

		.footer {padding:0; width:1000px; height:163px; background:#FFF;}
		.footer .footerFlash {#position:absolute;}

/* floating banner */
.floatBanner {position:absolute; margin:540px 0 0 270px;}
	
/* contents */
.coverStroyFlash {float:left; width:364px;}
.inLeft {float:left; width:349px;}
.inRight {float:right; width:293px;}
.brandShowroom {clear:both; width:100%;}
.brandShowroom h2 {margin:0 0 10px 1px;}

.newsFlash {}
.starStyleMapFlash {margin:0 0 24px 1px; padding-top:1px;}
.wikiFlash {margin:0 0 25px; padding-top:3px;}
.todayClip {margin-bottom:18px;}
.brandShowroomFlash {margin:0;}

/* more */
.moreBtnA {float:right; margin-top:-20px;}
.moreBtnB {float:right; margin-top:-10px;}

/* title */
.titleA {margin:0 0 8px 0; border-bottom:1px solid #000;}
.titleB {margin:0; height:18px; border-bottom:1px solid #E1E1E1;}
.titleC {margin:0 0 3px 0;}
.titleD {margin:26px 0 3px 0;}

/* style search */
.styleSearch {margin:0 1px; height:25px;}
.styleSearch .flash {position:absolute; z-index:100;}

/* banner */
.rBannerA {margin:0 0 23px; padding-bottom:2px; background:url(../images/box_bg_01.gif) repeat-x left bottom;}
.rBannerA img {vertical-align:top;}
.rBannerB {padding:1px 1px 3px 1px; background:url(../images/right_banner_bg04.gif) no-repeat 0 0;}
.rBannerC {padding-bottom:2px; background:url(../images/box_bg_01.gif) repeat-x left bottom;}
.rBannerC img {border:1px solid #C9C6C6;}
.rBannerD {clear:both; height:61px; background:url(../images/line_bg.gif) repeat-x left bottom;}
.mainSection .rBannerB {margin-top:22px;}

/* contents */
.contents {clear:both; height:117px; margin-left:-20px;}
.contents li {_display:inline; float:left; margin-left:20px; padding:1px 3px 3px 1px; width:321px; height:113px; background:url(../images/box_01.gif) no-repeat left top;}
.contents li .thumb {float:left; width:113px;}
.contents li .cont {float:left; width:208px;}
.contents li .cont .more {margin:5px 5px 0 0; height:10px; text-align:right;}
.contents li .cont h3 {margin:0 0 14px 0;}
.contents li .cont dl {padding:0 10px; line-height:15px;}
.contents li .cont dl dt {color:#212121; font-size:12px; font-weight:bold;}
.contents li .cont dl dd {padding-top:6px;}

/* 090831 수정 */
.mainCont {clear:both; width:100%;}
.mainCont .stylemap {float:left; width:349px; margin-top:20px;}
.mainCont .wiki {float:right;margin-top:20px;}

/* 090814 추가 */
.elleTv {width:293px; height:168px; text-align:center; background:url(../images/elletv_bg.gif) repeat-x 0 0;}
.elleTv li.txt {padding:10px 0 1px 0;}
.elleTv li img {vertical-align:top;}


/* 100708 추가 */
.calendar {clear:both; height:18px; font-family:Arial, Helvetica, sans-serif:}
.calendar .bo {color:#272727; font-weight:bold !important; font-family:Arial, Helvetica, sans-serif:}
.calendar .ba {color:#676767;font-family:Arial, Helvetica, sans-serif:}

.coverStroy {float:left; width:668px;  margin-bottom:22px;}
.coverleft {float:left; width:360px;}
.coverleft .trtb {clear:both; width:360px; margin-top:-87px; height:79px; background:url(../images/cover_bg.png) no-repeat left top; _background:none;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7; opacity:0.7;}
.coverleft .tit1{color:#d9d9d9; font:12px '돋음', arial, sans-serif;  margin-top:-63px; padding-left:13px; z-index: 20; position: absolute; word-spacing:-2px;}
.coverleft .tit2{color:#ffffff;    font:30px , arial, sans-serif;   margin-top:-48px; padding-left:13px; z-index: 20; position: absolute; font-family:Arial, Helvetica, sans-serif: height:25px;}

.coverRight {float:right; width:294px;}
.coverRight .top {clear:both; height:80px; border-bottom:1px solid #e4e4e4;}
.coverRight .top .tit {float:left; padding:4px 0px 0px 5px;}
.coverRight .top .tab {float:right; padding:44px 1px 0px 0px;}
.coverRight .top .tab img {padding-left:8px !important;}

.coverRight .confir {clear:both; height:102px; border-bottom:1px solid #e4e4e4;}
.coverRight .confir .po {float:left; padding-top:11px;}
.coverRight .confir .tx {float:left; padding:13px 0px 0px 12px; width:202px; line-height:14px;}
.coverRight .confir .tx .tit {color:#000000;   font:16px 'arial';}
.coverRight .confir .tx .con {color:#8c8c8c;  font:12px '굴림'; padding-top:5px;  line-height:14px;}
.coverRight .confir .tx .d_fashion {color:#303030;   font:11px 'arial'; padding-top:5px;}
.coverRight .confir .tx .d_beauty {color:#e50083;   font:11px 'arial'; padding-top:5px;}
.coverRight .confir .tx .d_shopping {color:#ff7800;    font:11px 'arial'; padding-top:5px;}
.coverRight .confir .tx .d_star {color:#b61f32;    font:11px 'arial'; padding-top:5px;}
.coverRight .confir .tx .d_remix {color:#289051;    font:11px 'arial'; padding-top:5px;}

.coverRight .conse {clear:both; height:110px; border-bottom:1px solid #e4e4e4;}
.coverRight .conse .h { padding:14px 0px 0px 6px;}
.coverRight .conse .h_fashion {clear:both; height:12px; font:11px  '돋음'; width:39px;  background:#000000; color:#ffffff; text-align:center !important; }
.coverRight .conse .h_beauty {clear:both; height:12px; font:11px  '돋음'; width:39px;  background:#e50083; color:#ffffff; text-align:center !important; }
.coverRight .conse .h_shopping {clear:both; height:12px; font:11px  '돋음'; width:39px;  background:#ff7800; color:#ffffff; text-align:center !important; }
.coverRight .conse .h_star {clear:both; height:12px; font:11px  '돋음'; width:39px;  background:#b61f32; color:#ffffff; text-align:center !important; }
.coverRight .conse .h_remix {clear:both; height:12px; font:11px  '돋음'; width:39px;  background:#289051; color:#ffffff; text-align:center !important; }

.coverRight .conse .tx {float:left; padding:5px 0px 0px 8px; line-height:14px;}
.coverRight .conse .tx .tit {color:#000000; font:16px 'arial', sans-serif;}
.coverRight .conse .tx .tit2 {color:#494949; font:12px '굴림',  arial, serif, sans-serif; padding-top:4px;}
.coverRight .conse .tx .con {color:#a9a8a8;  font:11px '돋음'; padding-top:5px; line-height:13px; word-spacing:-2px;}

.coverRight .more {float:right; padding-top:3px;}

.maincontap {width:668px; height:287px;border-bottom:1px solid #e5e5e5; margin-bottom:30px;}
.maincontap .tap {height:45px;}
.maincontap .tap .fir {float:left;}
.maincontap .tap .sec {float:left; padding-left:2px;}

.maincontap .left {float:left; width:351px; height:208px ;border-right:1px solid #e5e5e5; margin-top:10px; margin-left:9px;}
.maincontap .left .tabl {width:351px; height:112px ;}
.maincontap .left .tabl .tx{float:left; width:235px; padding-left:19px}
.maincontap .left .tabl .tx .tit{color:#2e2e2e;  font:14px 'arial', sans-serif;}
.maincontap .left .tabl .tx .bo{color:#7e7e7e;  font-size:11px; padding-top:4px; line-height:14px; word-spacing:-2px;}
.maincontap .left .tabl .tx .da{color:#6478a6;  font-size:11px; padding-top:4px; line-height:14px; font-weight:bold !important; font-family:Arial, Helvetica, sans-serif: height:25px;}

.maincontap .right {float:left; width:294px; margin-top:10px; margin-left:11px;}
.maincontap .right .tabl { height:77px;}
.maincontap .right .tabl .tx{float:left; width:230px; padding-left:9px}
.maincontap .right .tabl .tit{color:#2e2e2e;  font-size:13px; padding-top:2px; word-spacing:-2px; }
.maincontap .right .tabl .tx .bo{color:#7e7e7e;  font-size:11px; padding-top:4px; line-height:14px; word-spacing:-2px;}
.maincontap .right .tabl .tx .da{color:#6478a6;  font-size:11px; padding-top:4px; line-height:14px; font-weight:bold !important;  font-family:Arial, Helvetica, sans-serif:}