/* BASIC css start */
#main {position:relative; width:1024px; }
#main #mainBanner {float:left; padding:0 auto;  margin:0 auto; }
#main #skin {float:left;   width:382; padding:0 auto;  margin:0 auto; margin-top:10px;} 
#main #moveProductbanner {float:right; padding:0 auto;  margin:0 auto; margin-top:10px;}
#main #moveProduct {float:right; padding:0 auto;  margin:0 auto; width:642; } 
#headline {float:left; margin-top: 10px; padding:0 auto; width:610px; height:270px; }
#ranking  {float:right; margin-top: 10px; padding:0 auto; width:400px; height:270px; }
#main #bestPrd {float:left;}


#main_comment {float:left; width:420px; height:374px; margin-top: 15px;}
.main_comment_image {padding:0 auto;  margin-bottom:10px; }
.main_comment_list {float:left; padding:5px;  width:400px; height:97px; overflow:hidden; border:1px solid #f2f2f2;}
.main_comment_list p,main_comment_list ul {float:left; margin:3px;  }
.main_comment_list li {margin:11px; width:380px; }

#beautyguide {float:left; width:314px; height:100px;    }
.notice{float:left; margin:15px 0;  }
.notice ul{float:left; margin-top:10px; border:1px solid #f2f2f2; padding:5px;  }
.notice li{text-overflow:ellipsis; width:314px; overflow-x:hidden; white-space:nowrap;}


.item-wrap {width=1024px;}
.item-hd { position: relative; width: 100%; margin-top: 10px; padding-bottom: 1px; border-bottom: 1px solid #fff; }
.item-hd .tit { zoom: 1; overflow: hidden; }
.item-hd .tit dt, 
.item-hd .tit dd { float: left; }
.item-hd .tit h2 { padding-left: 5px; font-size: 0; }
.item-hd .tit dd { padding: 4px 0 0 10px; color: #b8b8b8; font-size: 11px; }
.item-hd .odr { position: absolute; top: 5px; right: -10px; width: 210px; }
.item-hd .odr ul { zoom: 1; overflow: hidden; }
.item-hd .odr li { float: left; margin-right: 10px; }
.item-hd .odr li a { line-height: 1.5; color: #b8b8b8; font-size: 11px; }
.item-hd .btn { position: absolute; top: -5px; right: 0; width: 186px; text-align: right; }
.item-list { zoom: 1; overflow: hidden; padding-bottom: 20px; }
.item-list:after { content: ""; clear: both; display: block; }
.item-list .item { float: left; width: 250px; margin-top: 15px; text-align: center;  }
.item-list .item .thumb { margin: 0 auto 20px; width: 220px; height: 220px;  border: 1px solid #f2f2f2; }
.item-list .item .thumb img { width: 100%; height: 100%; }
.item-list .item .info { width: 200px; margin: 0 auto; }
.item-list .item .info li { margin-bottom: 5px; color: #7b7b7b; }
.item-list .item .info .price { display: inline-block; padding-left: 4px; color: #83cf8f; font-weight: bold; }
.item-page { margin-bottom: 20px; text-align: center; }
.item-page a { padding: 0 4px; color: #666; }
.item-page a:hover,
.item-page a.now { color: #39bcc8; font-weight: bold; letter-spacing: -1px; }
.item-none { margin: 20px 0; text-align: center; }


.mini{height:170px;  }
.mini01{float:left; margin-right:4px; margin-top:15px;}



   /* 메인 롤링이미지 */
.main_banner { position: relative; width:1024px; height:500px; margin: 0 auto; top:5px;}
#slides { display: none; }
#slides .slidesjs-navigation { margin-top:5px; }
#slides .slidesjs-pagination { position: absolute; right: 30px; bottom: 50px; z-index: 10; }
#slides .slidesjs-pagination li { float: left; height: 6px; margin: 0 1px; width: 44px; }
#slides .slidesjs-pagination li a { background-color: #555555; display: block; width: 44px; height: 6px; font-size: 0; }
#slides .slidesjs-pagination li a.active { background-color: #fff; color: #9a1212; }
.main_banner .btn-left { position: absolute; top: 250px; left: 30px; z-index: 10; }
.main_banner .btn-right { position: absolute; top: 250px; right: 30px; z-index: 10; }


/* 위클리베스트 */

#main .weekly-best { zoom: 1; overflow: hidden; position: relative; height: 270px; margin-top: 30px; padding: 20px 45px 0; border: 1px solid #f2f2f2;  background:fff; }
#main .weekly-best #slider { zoom; 1; overflow: hidden; position: absolute; top: 65px; width: 950px; }
#main .weekly-best .title {  text-align: center; position:absolute; top:10px; left:387px; }
#main .weekly-best ul { zoom: 1; overflow: hidden; margin-left: -10px;  }
#main .weekly-best ul li { float: left; position: relative; width: 180px; height: 180px; margin-left: 10px; }
#main .weekly-best ul li .cvr { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60); }
#main .weekly-best ul li .dsc { display: none; position: absolute; top: 80px; left: 0; width: 100%; padding-top: 0px; color: #fff; text-align: center; }
#main .weekly-best ul li .dsc del { color:#dbdbdb; }
#main .weekly-best ul li .dsc p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:10px; }
#main .weekly-best ul li .img img { width: 100%; height: 100%; }
#main .weekly-best .btn-prev,
#main .weekly-best .btn-next { position: absolute; top: 160px; width: 12px; height: 19px; text-indent: -9999px; }
#main .weekly-best .btn-prev { left: 15px; background: url('/design/jnc001/9607/makeshop/btn/btn_h19_prev.gif') no-repeat 0 0; }
#main .weekly-best .btn-next { right: 15px; background: url('/design/jnc001/9607/makeshop/btn/btn_h19_next.gif') no-repeat 0 0; }




#bottom_slide{width:564px; height:264; margin-top:3px; float:left;}
#bottom_bn{float:right; width:233px; height:100px; margin-right:40px; margin-top:2px;}




/* BASIC css end */

