/* BASIC css start */
/* Visual Fade Effect */

#visual { width:100%; overflow:hidden; position:relative; 	margin:0 auto; height:450px; }
.visual_wrap { position:relative; width:1200px; margin:auto;height:450px; text-align:center; }
.visual_box { position:absolute; width:1920px; left:50%; margin-left:-960px}
.visual_box p { position:absolute; top:0;	left:0; }
.v_ul {	position:absolute;	top:410px; left:50%; margin-left: -16.5px;  z-index:111;   }
.v_ul li { z-index:111;	cursor:pointer;	margin-left:3px; float: left; line-height: 15px;  }
.v_ul li:first-child { margin-left:0; }
.v_btn01 {	position:absolute;	z-index:1;	top:290px;	left:0;	cursor:pointer; 
opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE 7 and olders */ }
.v_btn02 {	position:absolute;	z-index:1;	top:290px;	right:0; cursor:pointer; 
opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE 7 and olders */ }
.visual_p {	/*position:absolute;*/	left:0;}


/* mcont */

#mcont { position: relative; width: 100%; margin: 20px auto; overflow: hidden; }
#mcont ul li { float: left; width: 290px; height: 340px; border: 1px solid #ddd; margin-left: 10px; text-align:center; }
#mcont ul li:first-child { margin-left:0;  }
#mcont ul li a { display: block; width: 290px; height: 340px; }
#mcont ul li a img { margin-bottom: 13px; }
#mcont ul li a dl dt { font-size: 20px; font-weight: 350; color:#1b1b1b; margin-bottom: 5px; }
#mcont ul li a dl dd { font-size: 15px; font-weight: 300; color:#868686; }


#event_bn { position: relative; width: 100%; height: 150px; clear: both; margin-bottom: 50px; }

/* dlqpsxm 배너*/
.rolling { }
.webwidget_slideshow_dot{    padding: 0px;  margin: 0px; position: relative;  font-size: 13px;}
.webwidget_slideshow_dot a{  text-decoration: none;}
.webwidget_slideshow_dot a:hover{   text-decoration: underline;}
.webwidget_slideshow_dot .slides_box{  padding: 0px;  margin: 0px;  overflow: hidden;  position: absolute;}
.webwidget_slideshow_dot .title_thumb_box{  width: auto;  position: absolute;  right:0; bottom: 0px;}
.webwidget_slideshow_dot .title_thumb_box .title_box{   padding: 5px;	display:none}
.webwidget_slideshow_dot .title_thumb_box .thumb_box{  text-align: center;height: 20px;}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span{ margin:0 1px}
.webwidget_slideshow_dot .title_thumb_box .thumb_box span img{  cursor: pointer;}
.webwidget_slideshow_dot img{  padding: 0px;  margin: 0px;  border: none;}
.webwidget_slideshow_dot ul{  padding: 0px;  margin: 0px;  position: absolute;  list-style: none;}
.webwidget_slideshow_dot ul li{  padding: 0px;  margin: 0px;  float: left;}
.webwidget_slideshow_dot ul li a{  display: block;}
.thumb_p { position:absolute; left:0; top:-108px; display: none;}
.thumb_n { position:absolute; right:0; top:-108px; display: none;}

/* new item */

.tit_item { font-size: 24px; text-align: center; color:#1b1b1b; font-weight: 700; overflow: hidden; margin-bottom: 25px;}
.tit_item span.fc_g { color:#50a60a; }
.tit_item span.titBG { width: 23px; padding: 0 30px; background:url("/design/jayeonmall/images/main/tit_BG.png") no-repeat center; }

/* item-wrap (메인상품) */

#bestItem { position: ralative; width: 1200px; margin: 50px auto; }

.best-item-list { position: relative; float: left; margin-left: 4px; text-align: center; width:295px; border:1px solid #ddd; }
.best-item-list:first-child { margin-left: 0; }
.best-item-list img.thumb {width:295px;}
.best-item-list .infobox { position: absolute; left:0; top:0; background:url('/design/jayeonmall/images/main/infobox_bg.png') no-repeat left top; width:295px; height:295px;}
.best-item-list .infobox .best { position: absolut; top:0; left:0; background:url('/design/jayeonmall/images/main/best_item.png') no-repeat; width: 60px; height: 60px; font-size:0; }
.best-item-list .infobox .prd-name { margin: 68px auto 0 auto ; font-size:16px; color:#fff; width: 70%; }
.best-item-list .infobox .prd-price {  margin: 3px 3px 0 15px; font-size:12px; color:#fff;}

#newItem { position: relative; width: 1200px; margin: 0 auto 30px auto; }

.new-item-list { position: relative; float: left; margin: 0 20px 30px 0; text-align: center; width: 285px;  }
.new-item-list:nth-child(4n) { margin-right:0; }
.new-item-list .thumb a img { width: 283px; border: 1px solid #ddd; }
.new-item-list .thumb a:hover { opacity: 0.6; 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); /* IE 7 and olders */
-webkit-opacity: 0.6; -moz-opacity: 0.6; -o-opacity: 0.6;
 }
.new-item-list .prd-name { font-size:15px; color:#7a7a7a; line-height: 19px; width: 80%; margin: 15px auto;}
.new-item-list .prd-price {  font-size:18px; color:#000;}



/* BASIC css end */

