/* BASIC css start */
#contentWrap {width:100%;}

#visual_layout{position:relative; width:100%; min-width:1200px; height:825px;}

/* 메인 배너 */
#column_visual { position:relative; width:100%; min-width:1200px; height:825px; overflow:hidden; background:#000 }
#column_visual .visual { margin-left:-1000px; position:absolute; top:0; left:50%; width:2000px; height:825px }
#column_visual .visual .main_banner li img { width:100%; height:825px }

#column_visual .visual .mnbnBtn {position: absolute;width: 1330px;top: 50%;margin-top: -23px;left: 48%;margin-left: -600px;}
#column_visual .visual .mnbnBtn a.prev {position: absolute;top: 0;left: -46px;}
#column_visual .visual .mnbnBtn a.next {position: absolute;top: 0;right: -46px;}

/* 고객센터 */
.csInfoWrap{width: 1200px; margin: 0 auto;}
.csInfoWrap .cwlayout {display:none; width: 1200px; position: absolute !important;background: #fff; zoom:1;overflow: hidden; bottom: 50px; border-top: 3px solid #27cb46;}
.csInfoWrap .cwlayout .csInfo { zoom:1;overflow: hidden; width: 1200px; }
.csInfoWrap .cwlayout .csInfo li { float:left;   height:205px  }
.csInfoWrap .cwlayout .csInfo li dl {margin: 15px 0 15px 45px;float: left;}
.csInfoWrap .cwlayout .csInfo li dl dt {; margin: 8px 34px 0 0;font-size: 24px;font-weight: bold; }
.csInfoWrap .cwlayout .csInfo li dl dd { float: left; color:#fff; line-height:20px }
.csInfoWrap .cwlayout .csInfo li dl dd h1 {font-size: 20px;font-weight: bold;margin-bottom: 4px; color:#fff;}
.csInfoWrap .cwlayout .csInfo li.csTel { border-left: 0; background:#27cb46; color:#fff;width: 300px;  }
.csInfoWrap .cwlayout .csInfo li.csTel dl dd h1 {font-size: 33px;padding:15px 0px}

/*고객센터 빠른메뉴*/
.csInfoWrap .cwlayout .csInfo li.csinfo-bx{ width:498px;overflow:hidden }
.csInfoWrap .cwlayout .csInfo li.csinfo-bx li{float:left; width:165px;    text-align: center; height:102px; line-height: 30px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.csInfoWrap .cwlayout .csInfo li.csinfo-bx li a { display:block;  padding-top:22px;font-weight: bold  }
.csInfoWrap .cwlayout .csInfo li.csinfo-bx li i{font-size:36px;  display:block; }
.csInfoWrap .cwlayout .csInfo li.csinfo-bx li a:hover{color:#33bd4d }
.csInfoWrap .cwlayout .csInfo li.csinfo-bx li.tx { display:block; padding-top:8px; font-size:14px; }

/*공지사항*/
.csInfoWrap .cwlayout .csInfo li.csnotice{width:398px;overflow:hidden; border-left: 1px solid #ddd; }
.csInfoWrap .cwlayout .csInfo li.csnotice .noticeBx { margin:20px 30px; }
.csInfoWrap .cwlayout .csInfo li.csnotice .noticeBx h3 { padding-top:10px; font-size:16px; font-weight:bold; }
.csInfoWrap .cwlayout .csInfo li.csnotice .noticeBx h3 span.moreBtn{float: right; font-size: 14px; font-weight: normal;}
.csInfoWrap .cwlayout .csInfo li.csnotice .noticeBx ul { padding-top:14px }
.csInfoWrap .cwlayout .csInfo li.csnotice .noticeBx ul li { padding-bottom:5px; *zoom:1 ; height: 24px;}
.csInfoWrap .cwlayout .csInfo li.csnotice .noticeBx ul li:after { display:block; clear:both; content:'' }
.csInfoWrap .cwlayout .csInfo li.csnotice .noticeBx ul li a { float:left; width:215px; font-size:14px; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap }
.csInfoWrap .cwlayout .csInfo li.csnotice .noticeBx ul li .date { padding-right:5px; float:left; font-size:14px; color:#000; font-weight:bold; }


/* 메인 타이틀 */
.main-tit {margin: 65px 0 45px;text-align:center; position: relative; background:url("//skin.makeshop.co.kr/skin/tem112/main/tit_bg.jpg") repeat-x; width: 100%; height: 25px;}
.main-tit h2 {position: absolute; font-size: 32px; color: #000; font-weight: bold; background: #fff; top: -5px; left: 50%; margin-left: -140px; padding: 0px 30px;}


/*내가 제일 잘나가*/
.recmdPrdArea {position:relative; width:1200px; margin:0 auto;}
.recmdPrdArea .item-cont{width:auto;overflow:visible;font-size:0;}
.recmdPrdArea .item-cont .item-list{width:310px;float:none;display:inline-block;vertical-align:top;font-size:12px; padding: 10px 45px 20px 45px; text-align: center;}
.recmdPrdArea .item-cont .item-list dl{}
.recmdPrdArea .item-cont .item-list .thumb img{width:310px ;border-radius:50%; height: 310px;}
.recmdPrdArea .item-list .icons{padding-top:20px}
.recmdPrdArea .item-list .prd-name{white-space: normal; font-size: 24px; color: #000; padding: 20px 0px 30px 0px;}
.recmdPrdArea .item-list .subname{ font-size: 14px; line-height: 20px; padding-bottom: 20px; color:#000;}
.recmdPrdArea .prd-price{font-size: 14px;color:#000;font-weight: bold;}
.recmdPrdArea .originPrice{font-size:24px;}
.recmdPrdArea .discountPrice, .priceSell{font-size:24px; color:#e61e1e;}
.recmdPrdArea .discountInfo{display:block; padding-top:10px}
.recmdPrdArea .ico_discount{ padding-top: 10px; font-size: 20px; color:#000;}


/*품목별 추천상품*/
.newWrap {position:relative; width:1200px; margin:0 auto;}
.newWrap .item-cont{zoom: 1;  overflow: hidden;  width: 900px;  float: right;}
.newWrap .item-cont:after { content: ""; display: block; clear: both; }
.newWrap .item-cont .item-list {float: left;width: 270px;padding: 20px 40px 60px 0;}
.newWrap .item-cont .item-list .thumb a { display:block; width:270px; height:360px; overflow:hidden }
.newWrap .item-cont .item-list .thumb a img { width:270px; height:360px; -webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; transition: transform 0.5s ease }
.newWrap .item-cont .item-list .thumb a:hover img { -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25) }
.newWrap .item-cont .item-list li {margin-top: 4px;}
.newWrap .item-cont .item-list dd {padding-top: 10px;}
.newWrap .item-cont .item-list .line {color: #777;font-size: 12px;}
.newWrap .item-cont .item-list .prd-name { color: #000; font-weight:bold; width: 194px; line-height: 22px;}
.newWrap .prd-price { position: relative; color: #1c1c1c;margin: 8px 0 0;}
.newWrap .prd-price del { color: #aaa; margin-left: 3px;  }
.newWrap .originPrice{font-size:14px;}
.newWrap .discountPrice{font-size:20px; color:#33bd4d; font-weight:bold;}
.newWrap .priceSell{font-size:20px; color:#33bd4d; font-weight:bold;}
.newWrap .item-cont .prd-price .discountInfo{display:block; padding-top:10px}
.newWrap .item-cont .nomg { padding-right: 0px }
.newWrap .newBn{float:left; padding-top: 20px;}
.newWrap .item-list .ico_discount{background: #33bd4d; color: #fff;  font-size: 16px; width: 65px; height: 70px; line-height: 70px; text-align: center; font-weight: bold; float: right;}



/*유기농 기획상품*/
.mdlArea{background: #f3f3f3;width: 100%; position: relative;margin: 40px 0px 40px 0px; float: left;}
.mdl_bn { width:1200px; margin:0 auto; }
.mdl_bn .mdl_bn_tit{ position: absolute; font-size: 32px; font-weight: bold; color: #000;   top: 2px; margin-left: 30px; z-index: 201;}
.mdl_bn ul{width:1200px; margin-top:0 auto; }
.mdl_bn li { float: left; }
.mdl_bn li img { margin-top:40px }
.mdl_bn .bx-wrapper .bx-controls{position: absolute; top:28px; left:57%;    margin-left: -400px;}
.mdl_bn .bx-wrapper .bx-controls-direction a {position: absolute; top:50%; margin-top: -25px; text-indent: -9999px; z-index: 200; width: 34px; height: 35px;}
.mdl_bn .bx-prev {left:0; background: url("//skin.makeshop.co.kr/skin/tem112/main/mnbn_left.jpg") no-repeat;}
.mdl_bn .bx-next {left:34px; background: url("//skin.makeshop.co.kr/skin/tem112/main/mnbn_right.jpg") no-repeat;}
/* BASIC css end */