/* BASIC css start */
#content {margin:0 auto;min-height: 450px;width:1200px;position:relative;} 

.item-wrap-d4 .item-cont { width:1200px; *zoom:1; overflow:hidden }
.item-wrap-d4 .item-cont:after { content: ""; display: block; clear: both }
.item-wrap-d4 .item-cont .item-list{ float: left; width:286px; padding: 0 0 40px 18px}
.item-wrap-d4 .item-cont .item-list:first-child{padding-left:0;}
.item-wrap-d4 .item-cont .item-list .thumb{position:relative;}
.item-wrap-d4 .item-cont .item-list .thumb a{display:inline-block;}
.item-wrap-d4 .item-cont .item-list .thumb a img {width:286px;}
.item-wrap-d4 .item-cont .item-list .thumb .preview{display:none;position:absolute;top:50%;left:50%;margin:-50px 0 0 -50px;}
.item-wrap-d4 .item-cont .item-list .thumb .preview img{width:100px;height:100px;}
.item-wrap-d4 .item-cont .item-list .thumb:hover .preview{display:block;}
.item-wrap-d4 .item-cont .item-list dd { padding-top:20px }
.item-wrap-d4 .item-cont .item-list .nameArea{text-align:center;display:block;}
.item-wrap-d4 .item-cont .item-list .prd-name{padding-bottom:3px;color:#383838;font-size:13px;font-weight:500;display:block;text-align:center;}
.item-wrap-d4 .item-cont .item-list .prd-name a { font-size:14px; color:#000 }
.item-wrap-d4 .item-cont .item-list .line{color:#8d8d8d;text-align:center;}
.item-wrap-d4 .item-cont .item-list .preview {text-align:center; margin-top:7px;}
.item-wrap-d4 .item-cont .item-list .prd-subname{color:#8d8d8d;font-weight:300;display:block;}
.item-wrap-d4 .item-cont .item-list .prd-price{color:#383838;font-size:13px;font-weight:400;text-align:center;display:block;padding-top:10px;}
.item-wrap-d4 .item-cont .item-list .originPrice{color:#9f9f9f;text-decoration:line-through;font-size:13px;font-weight:300;display:block;}
.item-wrap-d4 .item-cont .item-list .discountInfo{color:#f00;}
.item-wrap-d4 .item-cont .nomg { padding-right: 0px }



/* ¸ÞÀÎ ¹è³Ê */
#column_visual {position:relative;overflow:hidden;width:100%;}
#column_visual .visual { position:relative }
#column_visual .visual .main_banner li img { width:100%;}
#column_visual .visual .bx-controls-direction { position:absolute; top:255px; left:0; width:1200px; z-index:10 }
#column_visual .visual .bx-controls-direction a { display:inline-block; position:absolute; top:0; width:40px; height:40px; text-indent:-9999em; background:url(/design/d4-0160/tem95/sp_controls.png) 0 0 no-repeat }
#column_visual .visual .bx-controls-direction a.bx-prev { left:23px }
#column_visual .visual .bx-controls-direction a.bx-next { right:23px; background-position:0 -40px }
#column_visual .bx-controls{position:absolute;bottom:15px;left:50%;width:200px;text-align:center;margin-left:-100px;}
#column_visual .bx-pager-item{display:inline-block;vertical-align:top;font-size:0;padding:0 7px;}
#column_visual .bx-pager-link{display:inline-block;width:12px;height:12px;border:2px solid #f3f3f3;border-radius:50%;font-size:0;}
#column_visual .bx-pager-link.active{background-color:#383838;border-color:#383838;cursor:default;}

/* »óÇ° ŸÀÌƲ */
.h_title { padding:60px 0 25px; text-align:center }
.h_title h3 { display:inline-block; font-size:25px;font-weight:500;color:#383838;}
.h_title h3 .prefix{color:#f00;margin-right:5px;}
/* main Á¤º¸ ¿µ¿ª */
.mainInfoArea {position:relative;padding-top:70px;width:1200px;margin:0 auto;}
.mainInfoArea:after { display:block; clear:both; content:'' }
.mainInfoArea .emphaLinks{float:left;width:780px;}
.mainInfoArea .emphaLinks a{display:inline-block;}
.mainInfoArea .emphaLinks .left{float:left;}
.mainInfoArea .emphaLinks .right{float:right;}
.mainInfoArea .infoArea{float:right;width:380px;}
.mainInfoArea .infoHead{height:17px;}
.mainInfoArea .infoHead .title{color:#383838;font-size:15px;font-weight:500;line-height:1;float:left;}
.mainInfoArea .infoHead .title .fa{margin-right:3px}
.mainInfoArea .infoHead .moreBtn{font-size:11px;font-weight:300;color:#777;float:right;}

.mainInfoArea .notice{height:143px}
.mainInfoArea .notice .infoHead{padding-bottom:15px;}
.mainInfoArea .notice ul {}
.mainInfoArea .notice ul li{padding:9px 0;border-bottom:1px solid #f3f3f3;height:18px;}
.mainInfoArea .notice ul li a{font-weight:300;float:left;max-width:88%;font-size:12px;color:#777;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.mainInfoArea .notice ul li .date{float:right; font-size:12px;color:#acacac;}
.mainInfoArea .insta {height:127px;position:relative }
.mainInfoArea .insta .infoHead{padding:35px 0 11px;}
.mainInfoArea .insta .instaCont {padding-top:12px}

/* best */
.bestPrdArea{background-color:#f8f8f8;margin-top:70px;}
.bestPrdAreaIn{}
.bestPrdArea .thumb{}
.bestPrdArea .h_title{padding-top:30px;}
.bestPrdArea .sliderViewport{max-width:1440px;margin:0 auto;max-height:500px;text-align:center;overflow:hidden;}
.bestPrdArea .item-wrap-d4{}
.bestPrdArea .item-wrap-d4 .item-cont{width:auto;overflow:visible;font-size:0;}
.bestPrdArea .item-wrap-d4 .item-cont .item-list{width:200px;height:360px;float:none;display:inline-block;vertical-align:top;font-size:12px;padding:0 20px;}
.bestPrdArea .item-wrap-d4 .item-cont .item-list dl{}
.bestPrdArea .item-wrap-d4 .item-cont .item-list .thumb img{width:100%;height:200px;border-radius:50%;}
.bestPrdArea .item-wrap-d4 .item-cont .item-list .thumb .preview img{height:100px;}
.bestPrdArea .item-cont .item-list .prd-name, .bestPrdArea .item-cont .item-list .prd-subname{white-space:normal;}

.bestPrdArea .bx-controls{height:88px;position:relative;}
.bestPrdArea .bx-pager{position:absolute;top:30px;left:50%;width:200px;text-align:center;margin-left:-100px;}
.bestPrdArea .bx-pager-item{display:inline-block;vertical-align:top;font-size:0;padding:0 7px;}
.bestPrdArea .bx-pager-link{display:inline-block;width:12px;height:12px;border:2px solid #e1e0e0;border-radius:50%;font-size:0;}
.bestPrdArea .bx-pager-link.active{background-color:#383838;border-color:#383838;cursor:default;}

/* band slider */
.midBandBnnr{height:240px;margin-top:37px;}
.midBandBnnr ul{height:100%;}
.midBandBnnr a{display:block;}
.midBandBnnr .left{float:left}
.midBandBnnr .right{float:right}

@media screen and (max-width:1440px) {
.bestPrdArea .item-wrap-d4 .item-cont .item-list{width:160px;height:330px;padding-top:20px;}
.bestPrdArea .item-wrap-d4 .item-cont .item-list .thumb img{height:160px;}

}






.item-wrap-d4 .item-cont .item-list dd .info {
    padding: 18px 0px;
}

.item-wrap-d4 .item-cont .item-list dd .info p {
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 500;
}

.item-wrap-d4 .item-cont .item-list dd .info .prdname {
    margin-bottom: 11px;
    font-family: "Noto Sans KR", sans-serif;
    color: rgb(46, 46, 46);
    font-weight: 500;
    letter-spacing: -0.7px;
    font-size: 20px;
    line-height: 1.4;
}

.item-wrap-d4 .item-cont .item-list dd .info .prdetc {
    font-family: "Noto Sans KR", sans-serif;
    color: #787878;
    font-size: 14px;
    font-weight: 400;
}

.item-wrap-d4 .item-cont .item-list dd .info .prdprice {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(235, 229, 225);
    font-family: "Noto Sans KR", sans-serif;
    font-size: 17px;
    font-weight: 500;
}

.item-wrap-d4 .item-cont .item-list dd .info .prdprice .price {
    font-family: "Red Hat Display", sans-serif;
    font-size: 17px;
    color: rgb(46, 46, 46);
    font-weight: 900;
}

.item-wrap-d4 .item-cont .item-list dd .info .prdprice strike {
    font-family: "Red Hat Display", sans-serif;
    font-size: 16px;
    color: rgb(187, 187, 187);
    display: inline-block;
    font-weight: 500;
    margin-left: 5px;
}

.item-wrap-d4 .item-cont .item-list dd .info .prdprice .percent {
    font-family: "Red Hat Display", sans-serif;
    font-size: 27px;
    color: #c98146;
    font-weight: 700;
    margin-right: 7px;
}

.item-wrap-d4 .item-cont .item-list dd .info .prdbtn {
}

.item-wrap-d4 .item-cont .item-list dd .info .prdbtn > span img {
    display: inline-block;
    margin: 0px 3px;
}

.bestPrdArea .sliderViewport .item-wrap-d4 .item-cont .item-list dd .info {
    padding: 8px 0;
}

.bestPrdArea .sliderViewport .item-wrap-d4 .item-cont .item-list dd .info .prdbtn {
    margin-bottom: 5px;
}

.bestPrdArea .sliderViewport .item-wrap-d4 .item-cont .item-list dd .info .prdname {
    font-size: 12px;
}

.bestPrdArea .sliderViewport .item-wrap-d4 .item-cont .item-list dd .info .prdprice {
    font-size: 12px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.bestPrdArea .sliderViewport .item-wrap-d4 .item-cont .item-list dd .info .prdprice .price {
    font-size: 12px;
}

.bestPrdArea .sliderViewport .item-wrap-d4 .item-cont .item-list dd .info .prdprice strike {
    font-size: 12px;
}

.bestPrdArea .sliderViewport .item-wrap-d4 .item-cont .item-list dd .info .prdprice .percent {
    font-size: 12px;
}

.bestPrdArea .sliderViewport .item-wrap-d4 .item-cont .item-list dd .info .prdetc {
    font-size: 12px;
    color: #787878;
}

.item-cont .item-list dd .info .prdname .prdreview {font-size: 13px; }
/* BASIC css end */