@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 7px;}

			.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 10px; 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 10px 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;}



/* 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;}


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


/* 100901 변경 */ 
.maincontap {width:668px; height:287px;border-bottom:1px solid #e5e5e5; margin-bottom:0px;}
/* 100901 변경 */ 
.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:}


/* 100901 추가 */


.ewb {position:static; clear:both; width:986px; height:141px; padding:0px; margin:0px 7px 24px 7px; padding-top:3px;}
.ewb .event{float:left; width:284px; height:141px; background:url(../images/main_event_bg.gif) no-repeat left top;}
.ewb .event .left {float:left; width:32px; margin-top:45px; text-align:center !important;}
.ewb .event .right {float:left; width:32px; margin-top:45px; text-align:center !important;}
.ewb .event .con {float:left; width:220px; margin-top:17px;}
.ewb .event .con .text {margin-left:3px;  font:12px 'arial'; margin-top:5px;  line-height:18px; color:#727272;}

.ewb .wiki {float:left; width:385px; height:141px; background:url(../images/main_wiki_bg.gif) no-repeat left top; margin-left:3px;}
.ewb .wiki .tit {float:left; width:33px; height:12px; margin:12px 0px 0px 12px;}
.ewb .wiki .lin {float:left; width:265px; height:3px; background-color:#e5e5e5; margin:17px 0px 0px 6px;}
.ewb .wiki .cir {float:left; width:45px; height:11px; margin:13px 0px 0px 0px;}
.ewb .wiki .poto {float:left; width:94px; height:94px;  margin:8px 0px 0px 11px;}
.ewb .wiki .poto img {width:88px; height:88px;  border:3px solid #d7d7d7;}
.ewb .wiki .tex {float:left; width:250px; height:94px;  margin:8px 0px 0px 11px;}
.ewb .wiki .tex .tx1 {font:12px '돋음'; color:#4b4b4b;  line-height:13px; word-spacing:-1px;}
.ewb .wiki .tex .tx2 {font:11px '돋음'; color:#bcad91;  line-height:13px; word-spacing:0px;}
.ewb .wiki .tex .tx3 {font:11px '돋음'; color:#9d9d9d;  line-height:13px; word-spacing:-1px;}
.ewb .wiki .tex2 {float:left; width:360px; height:94px;  margin:8px 0px 0px 11px;}
.ewb .wiki .tex2 .tx1 {font:12px '돋음'; color:#4b4b4b;  line-height:13px; word-spacing:-1px;}
.ewb .wiki .tex2 .tx2 {font:11px '돋음'; color:#bcad91;  line-height:13px; word-spacing:0px;}
.ewb .wiki .tex2 .tx3 {font:11px '돋음'; color:#9d9d9d;  line-height:13px; word-spacing:-1px;}
.ewb .wiki .tex ul { margin:4px 0px 0px 0px;}
.ewb .wiki .tex ul li { margin:4px 0px 0px 0px;}

.ewb .abanner {float:left; width:300px; height:141px;  margin-left:13px;}

.brandShowroom1 { clear:both; margin:0px 0px 0px 0px;}
.brandShowroom1 .tit {margin:0px 0px 11px 0px;}
.brandShowroom1 .box { clear:both; width:985px; height:130px; background:url(../images/brandShowroom_bg.gif) no-repeat 49px 7px;}
.brandShowroom1 .box ul { margin:0px; padding:0px;}
.brandShowroom1 .box ul li {float:left; margin:0px;}
.brandShowroom1 .box .left {width:14px; height:23px; margin-top:29px;}
.brandShowroom1 .box .right {float:right; width:14px; height:23px; margin-top:29px;}
.brandShowroom1 .box .brand {float:left; width:148px; height:98px; margin-left:36px;}

.brandShowroom1 .box .roll img { border-width:0px; display:inline; } 
.brandShowroom1 .box .roll img.over { display:none; } 
.brandShowroom1 .box .roll:hover { border:0px } 
.brandShowroom1 .box .roll:hover img { display:none; } 
.brandShowroom1 .box .roll:hover img.over { display:inline; margin-top:10px;}

/* 985 62 베너 */
.top_banner {width:985px; height:62px; margin:4px 0px 0px 7px;}
/* 295 215 베너 */
#mbannerA {position:absolute; width:295px; height:215px; margin:-215px 0px 0px 0px;}

/* 295 215 베너 */
#mbannerB {position:absolute; width:400px; height:400px; margin:-286px 0px 0px -104px;}