/* BASIC css start */
/* 메인 배너 */
#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/happywoori/tem96/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;}
.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{}
.bestPrdArea .item-wrap .item-cont{width:auto;overflow:visible;font-size:0;}
.bestPrdArea .item-wrap .item-cont .item-list{width:200px;height:330px;float:none;display:inline-block;vertical-align:top;font-size:12px;padding:0 20px;}
.bestPrdArea .item-wrap .item-cont .item-list dl{}
.bestPrdArea .item-wrap .item-cont .item-list .thumb img{width:100%;height:200px;border-radius:50%;}
.bestPrdArea .item-wrap .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 .item-cont .item-list{width:160px;height:300px;padding-top:20px;}
.bestPrdArea .item-wrap .item-cont .item-list .thumb img{height:160px;}

}


/* BASIC css end */