@CHARSET "EUC-KR";

#shopMain {
	float: left;
	width: 722px;
	margin-left: 15px;
	padding-top: 5px;
}

#shopMain .top {
	width: 722px;
	height: 256px;
}

#shopMain .top .eventBanner {
	float: left;
	width: 492px;
	height: 256px;
}

#shopMain .top .onAir {
	width: 216px;
	height: 254px;
	float: right;
	border: 1px solid #cccccc;
}

#shopMain .top .onAir .vodText {
	width: 196px;
	padding: 10px;
	height: 60px;
	overflow: hidden;
}

#shopMain .categoryBest {
	padding-top: 15px;
}

#shopMain .categoryBest .categoryListBG {
	float: left;
	background-image: url(/images/shopping/main/bg_01.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 154px;
	height: 190px;
}
#shopMain .categoryBest .categoryList {
	width: 135px;
	height: 170px;
	margin: 15px 0 0 13px;
}
#shopMain .categoryBest .categoryList .categoryMenu  {
	padding: 1px 0 2px 0;
}

#shopMain .categoryBest .categoryItemBG {
	float: left;
	background-image: url(/images/shopping/main/bg_02.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 568px;
	height: 190px;
}
#shopMain .categoryBest .categoryItem {
	width: 555px;
	height: 163px;
	margin-top: 13px;
	padding-top: 15px;
}
#shopMain .categoryBest .categoryItem .prdItmBox {
	width: 138px; 
	height: 145px; 
	text-align: center;
	cursor: pointer;
}
#shopMain .categoryBest .categoryItem .prdItmText {
	width: 110px;
	height: 28px;
	margin-top: 5px;
	line-height: 14px;
	overflow-y: hidden;
}
#shopMain .categoryBest .categoryItem .prdItmPrice {
	width: 100px;
	height: 14px;
	font-weight: bold;
	color: #9933cc;
}
#shopMain .categoryBest .categoryItem .prdItmSep {
	width: 1px;
	height: 145px;
}
#shopMain .categoryBest .categoryItem .prdItm {
	width: 100px;
	height: 100px;
} 
#shopMain .special {
	margin-top: 15px;
	width: 722px;
	height: 164px;
}
#shopMain .special .bannerA {
	float: left;
	width: 234px;
	height: 165px;
	border: 1px solid #a0a0a0;
	border-right: 0;
}
#shopMain .newHot {
	width: 720px;
	margin-top: 15px;
	border: 1px solid #999999;
}
#shopMain .newHot .newHotTitle {
	width: 704px;
	height: 18px;
	border-bottom: 1px solid #999999;
	padding: 8px 0px 7px 16px;
}
#shopMain .newHot .newHotItmes {
	width: 688px;
	padding: 16px;
}
.newHotA {
	float: left;
	width: 143px;
	height: 143px;
	border: 1px solid #999999;
	margin-right: 16px;
	cursor: pointer;
}
.newHotText {
	float: left;
	width: 153px;
	cursor: pointer;
}
.newHotB {
	float: left;
	width: 94px;
	height: 94px;
	border: 1px solid #999999;
	margin-right: 16px;
	cursor: pointer;
}
.newHotTextB {
	float: left;
	width: 203px;
	cursor: pointer;
}

#shopMain .brandBest {
	width: 720px;
	margin-top: 15px;
	border: 1px solid #999999;
}
#shopMain .brandBest .brandBestTitle {
	width: 704px;
	height: 18px;
	border-bottom: 1px solid #999999;
	padding: 8px 0px 7px 16px;
}
#shopMain .brandBest .brandBestItmes {
	width: 688px;
	padding: 16px;
}
.brandBestItemImg {
	float: left;
	width: 100px;
	height: 100px;
	cursor: pointer;
}
.brandBestItemText {
	float: left;
	width: 220px;
	padding-top: 10px;
	margin-left: 12px;
	cursor: pointer;
}

.c_9966ff { color: #9966ff; }
.c_9933cc { color: #9933cc; }
.c_666666 { color: #666666; }
.c_333333 { color: #333333; }



/* 20100223 ¸®´º¾ó °ü·Ã css Ãß°¡ */
#shopMain { float:left; width:736px !important; padding:0px; margin:0px;  }
#shopMain .toparea {position:relative; width:736px; }
#shopMain .toparea .playerBox { z-index:2; position:relative; float:left; width:524px; height:377px; padding:23px 0 0 14px; background:url(../../images/shopping/bg_main_movie_box.jpg) no-repeat; }
#shopMain .toparea .playerBox .player { float:left; width:386px; background:#837b66; }
#shopMain .toparea .playerBox .infoBox { float:left; width:138px; }
#shopMain .toparea .playerBox .infoBox .timeBox { height:25px; padding:7px 0 0 0; text-align:center; font:11px dotum; color:#fff; background:#645e4f; }
#shopMain .toparea .playerBox .infoBox .timeBox span { color:#feea8d; }
#shopMain .toparea .playerBox .infoBox .timeBox strong { font:bold 18px dotum; vertical-align:middle; }
#shopMain .toparea .playerBox .infoBox .info { width:110px; height:277px; margin:7px 0 0 11px; padding:6px 0 0 7px; background:#a89f89; }
#shopMain .toparea .playerBox .infoBox .info .productimg { width:100px; height:100px; border:1px solid #dddddd; background:#fff; }
#shopMain .toparea .playerBox .infoBox .info .title  { margin:0px; padding:6px 0 0 0; height:25px; font:12px/14px dotum; color:#303030; word-break:break-all;}
#shopMain .toparea .playerBox .infoBox .info .price01 { margin:0px; padding:4px 0 0 0; font:12px/14px dotum; color:#303030; text-decoration:line-through; }
#shopMain .toparea .playerBox .infoBox .info .price02 { margin:0px; padding:2px 0 0 0; font:11px/14px dotum; color:#303030; }
#shopMain .toparea .playerBox .infoBox .info .price03 { position:relative; width:104px; margin:0px; padding:2px 0 0 0; font: bold 14px dotum; color:#fff833; }
#shopMain .toparea .playerBox .infoBox .info .price03 .icoQuestion01 { vertical-align:-2px; margin:0 3px 0 1px; }
#shopMain .toparea .playerBox .infoBox .info .price03 .balloonBox { display:none; position:absolute; top:-23px; left:18px; width:308px; background:url(../../images/shopping/bg_balloon_box_top.gif) top left no-repeat; }
#shopMain .toparea .playerBox .infoBox .info .price03 .balloonBox .inner { overflow:hidden; width:296px; padding:15px 0 13px 12px; font:12px/15px dotum; background:url(../../images/shopping/bg_balloon_box_bottom.gif) bottom left no-repeat; }
#shopMain .toparea .playerBox .infoBox .info .price03 .balloonBox .icoQuestion02 { float:left; }
#shopMain .toparea .playerBox .infoBox .info .price03 .balloonBox p { float:left; padding:0px 0 0 9px;margin:0px; }
#shopMain .toparea .playerBox .infoBox .info .price03 .balloonBox p span { color:#ff3333; }
#shopMain .toparea .playerBox .infoBox .info .btnBox  { padding:5px 0 0 0; font:0/0 arial; }
#shopMain .toparea .playerBox .infoBox .info .btnBox img { margin:0 1px 5px 0; }

#shopMain .toparea .playerBox .movieList { position:absolute; width:110px; height:254px; _height:253px; top:55px; right:10px; margin:7px 0 0 11px; padding:0px 0 0 7px; background:#a89f89; }
#shopMain .toparea .playerBox .movieList .btnClose { padding:5px 6px 0 0; text-align:right; }
#shopMain .toparea .playerBox .movieList h4.Title { margin:0px; padding:4px 0 0 0; font:0/0 arial; }
#shopMain .toparea .playerBox .movieList ul.list { list-style:none; width:104px; margin:0px; padding:0px; }
#shopMain .toparea .playerBox .movieList ul.list li { margin:0px;  padding:4px 0 8px 0; *padding:2px 0 5px 0;word-break:break-all; background:url(../../images/shopping/icon/ico_dot_line.gif) bottom left repeat-x; }
#shopMain .toparea .playerBox .movieList ul.list li p.date { margin:0px; padding:6px 0 2px 0; *padding:5px 0 2px 0; _padding:7px 0 3px 0; font:11px dotum; text-align:left;letter-spacing:0px; color:#303030; }
#shopMain .toparea .playerBox .movieList ul.list li p.date .icon { margin:0 4px 0 0; }
#shopMain .toparea .playerBox .movieList ul.list li p.date .today { vertical-align:middle; margin:0 0 0 6px; }
#shopMain .toparea .playerBox .movieList ul.list li a { font:12px dotum; line-height:14px; *line-height:12px; color:#303030; }
#shopMain .toparea .playerBox .movieList .pageList { width:104px; padding:6px 0 0 0; _padding:8px 0 0 0; text-align:center; }
#shopMain .toparea .playerBox .movieList .pageList img { vertical-align:0px; }
#shopMain .toparea .playerBox .movieList .pageList a { color:#413c2f; margin:0 2px 0 2px; }




#shopMain .toparea .playerBox .textBox { overflow:hidden; width:498px; height:25px; padding:5px 0 0 12px; margin:13px 0 0 0; background:url(../../images/shopping/bg_movie_text_box.gif) no-repeat; }
#shopMain .toparea .playerBox .textBox dl { margin:0px; padding:0px; }
#shopMain .toparea .playerBox .textBox dl dt { float:left; width:98px; height:15px; padding:5px 0 0 0; margin:0px; font:bold 11px dotum; color:#fff; text-align:center; background:#61573e; }
#shopMain .toparea .playerBox .textBox dl dd { float:left; padding:5px 0 0 10px; margin:0px; font:bold 11px dotum; color:#fff; }
#shopMain .toparea .playerBox .textBox p { float:left; padding:5px 0 0 10px; margin:0px; font:bold 11px dotum; color:#fff; }

#shopMain .toparea .weeklyRecom { z-index:1; position:relative; float:left; width:182px; height:398px; margin:0 0 0 13px; border:1px solid #dddddd; background:#ffffff; }
#shopMain .toparea .weeklyRecom .weeklySale { position:relative; width:182px; }
#shopMain .toparea .weeklyRecom .weeklySale h3.Title { margin:0px; padding:10px 0 0 13px; font:0/0 arial; }
#shopMain .toparea .weeklyRecom .weeklySale .moveBtn { position:absolute; top:10px; right:8px; font:0/0 arial; }
#shopMain .toparea .weeklyRecom .weeklySale .moveBtn img {margin:0 0 0 5px; }
#shopMain .toparea .weeklyRecom .productRecom  { position:relative; width:182px; }
#shopMain .toparea .weeklyRecom .productRecom h3.Title { margin:0px; padding:10px 0 0 13px; font:0/0 arial; }
#shopMain .toparea .weeklyRecom .productRecom .moveBtn { position:absolute; top:10px; right:8px; font:0/0 arial; }
#shopMain .toparea .weeklyRecom .productRecom .moveBtn img {margin:0 0 0 5px; }

#shopMain .toparea .weeklyRecom .productRecom .productinfo { text-align:center; padding:19px 0 0 0; }
#shopMain .toparea .weeklyRecom .productRecom .productinfo .product { padding:0 0 5px 0; }
#shopMain .toparea .weeklyRecom .productRecom .productinfo p.name { width:150px;margin:0 auto; font:12px dotum; color:#303030; }
#shopMain .toparea .weeklyRecom .productRecom .productinfo p.price { font: bold 12px dotum; color:#303030; }


#shopMain .middlearea { overflow:hidden; width:722px; padding:20px 0 22px 14px; margin:0px; }
#shopMain .middlearea .hithotBox { position:relative; width:718px; height:206px; border:2px solid #eae0af; }
#shopMain .middlearea .hithotBox .ribon { position:absolute; right:-2px; top:-2px; }
#shopMain .middlearea .hithotBox h3.Title { margin:0px; padding:14px 0 13px 19px; }
#shopMain .middlearea .hithotBox ul.list { overflow:hidden; width:690px; list-style:none; margin:0px 0 0 12px; padding:0px; }
#shopMain .middlearea .hithotBox ul.list li { float:left; width:137px; padding:0px 0 0 1px; margin:0px; text-align:center; background:url(../../images/shopping/icon/ico_bar_01.gif) left top no-repeat; }
#shopMain .middlearea .hithotBox ul.list li.first { background:none; }
#shopMain .middlearea .hithotBox ul.list li .product { padding:0 0 5px 0; }
#shopMain .middlearea .hithotBox ul.list li p.name { width:127px; font:12px dotum; color:#303030; }
#shopMain .middlearea .hithotBox ul.list li p.price { font: bold 12px dotum; color:#303030; }

#shopMain .middlearea .newItemBox { float:left; width:538px; padding:20px 0 0 0; }
#shopMain .middlearea .newItemBox .fashionBox { position:relative; width:524px; height:210px; background:url(../../images/shopping/bg_fashion_box.gif) no-repeat; }
#shopMain .middlearea .newItemBox .fashionBox h3.Title { padding:11px 0 0 20px; margin:0px; }
#shopMain .middlearea .newItemBox .fashionBox .btnPrev  { position:absolute; top:85px; left:24px; }
#shopMain .middlearea .newItemBox .fashionBox .btnNext  { position:absolute; top:85px; right:24px; }
#shopMain .middlearea .newItemBox .fashionBox ul { list-style:none; margin:12px 0 0 59px; padding:0px; }
#shopMain .middlearea .newItemBox .fashionBox ul li { float:left; width:140px;margin:0px; padding:0px; text-align:center; }
#shopMain .middlearea .newItemBox .fashionBox ul li .product { overflow:hidden; width:120px; }
#shopMain .middlearea .newItemBox .fashionBox ul li .product .thumb { float:left; width:100px; height:100px;padding:0 0 0 0; border:1px solid #dddddd; font:0/0 arial; }
#shopMain .middlearea .newItemBox .fashionBox ul li .product .shadow { float:left; margin:50px 0 0 0; }

#shopMain .middlearea .newItemBox .fashionBox ul li p.name { width:121px; padding:7px 18px 0 0; font:12px dotum; color:#303030; }
#shopMain .middlearea .newItemBox .fashionBox ul li p.price { width:121px; padding:0 18px 0 0; font: bold 12px dotum; color:#303030; }


#shopMain .middlearea .newItemBox .beautyBox { position:relative; width:524px; height:210px; background:url(../../images/shopping/bg_beauty_box.gif) no-repeat; }
#shopMain .middlearea .newItemBox .beautyBox h3.Title { padding:11px 0 0 20px; margin:0px; }
#shopMain .middlearea .newItemBox .beautyBox .btnPrev  { position:absolute; top:85px; left:24px; }
#shopMain .middlearea .newItemBox .beautyBox .btnNext  { position:absolute; top:85px; right:24px; }
#shopMain .middlearea .newItemBox .beautyBox ul { list-style:none; margin:12px 0 0 59px; padding:0px; }
#shopMain .middlearea .newItemBox .beautyBox ul li { float:left; width:140px;margin:0px; padding:0px; text-align:center; }
#shopMain .middlearea .newItemBox .beautyBox ul li .product { overflow:hidden; width:120px; }
#shopMain .middlearea .newItemBox .beautyBox ul li .product .thumb { float:left; width:100px; height:100px;padding:0 0 0 0; border:1px solid #dddddd; font:0/0 arial; }
#shopMain .middlearea .newItemBox .beautyBox ul li .product .shadow { float:left; margin:50px 0 0 0; }

#shopMain .middlearea .newItemBox .beautyBox ul li p.name { width:121px; padding:7px 18px 0 0; font:12px dotum; color:#303030; }
#shopMain .middlearea .newItemBox .beautyBox ul li p.price { width:121px; padding:0 18px 0 0; font: bold 12px dotum; color:#303030; }


#shopMain .middlearea .etcItemBox { float:left; padding:20px 0 0 0; }
#shopMain .middlearea .etcItemBox .jjangStore { position:relative; width:182px; height:198px; border:1px solid #e2e2e2; }
#shopMain .middlearea .etcItemBox .jjangStore h3.Title { margin:0px; padding:12px 0 0 13px; font:0/0 arial; }
#shopMain .middlearea .etcItemBox .jjangStore .moveBtn { position:absolute; top:11px; right:8px; font:0/0 arial; }
#shopMain .middlearea .etcItemBox .jjangStore .moveBtn img { margin:0 0 0 5px; }
#shopMain .middlearea .etcItemBox .jjangStore .productinfo { text-align:center; padding:19px 0 0 0; }
#shopMain .middlearea .etcItemBox .jjangStore .productinfo .product { padding:0 0 5px 0; }
#shopMain .middlearea .etcItemBox .jjangStore .productinfo p.name { width:150px; margin:0 auto; font:12px dotum; color:#303030; }
#shopMain .middlearea .etcItemBox .jjangStore .productinfo p.price { font: bold 12px dotum; color:#303030; }

#shopMain .middlearea .etcItemBox .bestMent { position:relative; width:182px; height:198px; margin:10px 0 0 0; border:1px solid #e2e2e2; }
#shopMain .middlearea .etcItemBox .bestMent h3.Title { margin:0px; padding:10px 0 0 13px; font:0/0 arial; }
#shopMain .middlearea .etcItemBox .bestMent .moveBtn { position:absolute; top:11px; right:8px; font:0/0 arial; }
#shopMain .middlearea .etcItemBox .bestMent .moveBtn img { margin:0 0 0 5px; }
#shopMain .middlearea .etcItemBox .bestMent .mentImg { position:absolute; top:29px; left:-1px; }

#shopMain .bottomarea { padding:0px 0 0 14px; }
#shopMain .bottomarea h3.Title { margin:0px; padding:0px 0 6px 0; }
#shopMain .bottomarea ul { list-style:none;overflow:hidden; width:707px; padding:18px 0 10px 13px; margin:0; border:1px solid #c3c3c3; }
#shopMain .bottomarea ul li { float:left; margin:0px; padding:0px; }

