/* BASIC css start */
/* pc더보기 버튼 추가 영역 */
.product-wrap .more { text-align:center; margin: 24px 0px;}
.btn_moreGray {width:224px; height:35px; line-height: 35px; background-color:#efefef; border:0px none; font-weight:bold; display: block; margin: 0 auto;}
.btn_moreGray span {color:#aaaaaa;}
.btn_moreGray span em {color:#f1191f;}


@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@700&display=swap');
body {font-family: 'Nanum Gothic', sans-serif;}

/* 메인 배너 */ 
.sliderWrap {position:relative;min-width:1200px;height: 460px;overflow:hidden;}
.sliderWrap .sliderArea {margin-left:-1500px;position:absolute;top:0;left:50%;width:3000px;height:460px;text-align: center;}
.sliderArea .bx-pager{position:absolute;bottom: 20px;left:0;right:0;z-index:60;text-align:center;}
.sliderArea .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.sliderArea .bx-pager-link{display:inline-block;width: 12px;height: 12px;font-size:0;margin: 0 5px;background-color: transparent; border-radius: 50%; border:1px solid #333}
.sliderArea .bx-pager-link.active{background-color: rgba(45, 45, 45, 0.8);}
.sliderArea .bx-controls-direction {position:absolute;top:50%;z-index:60;text-align:center;width: 100%;opacity:0;}
.sliderArea:hover .bx-controls-direction {transition:all 0.3s ease;-webkit-transition:all 0.3s ease; opacity:1; }
.sliderArea .bx-prev, .sliderArea .bx-next{position:absolute;top:0;margin-top:-30px;font-size: 36px;display:inline-block;width:60px;height:60px;background-color: rgba(33, 33, 33, 0.3);color:#fff;border-radius: 100%;}
.sliderArea .bx-prev i, .sliderArea .bx-next i {vertical-align: middle;line-height: 60px;}
.sliderArea .bx-prev{left: 50%;margin-left: -600px;}
.sliderArea .bx-next{right: 50%;margin-right: -600px;}
.sliderArea .bx-prev:hover,
.sliderArea .bx-next:hover{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-color: rgba(33, 33, 33, 0.7);}

/* 서브 배너 */
.subBnnr { margin-top:30px; overflow:hidden;}
.subBnnr .left {float:left}
.subBnnr .right {float:right}

/* 금주 베스트 */
#recmdItem { position: relative; }
#recmdItem .bx-wrapper { min-width:1200px; }
#recmdItem .item-wrap .item-cont .item-list {border:0;text-align: center;}
#recmdItem .item-wrap .item-cont .item-list .thumb .bestNum {position: absolute;left:0;top:0;width: 54px;height: 54px;text-align: center;background: #929292; /*border-radius: 50%;*/ line-height: 54px;font-size: 20px;z-index: 11;color: #fff;}
#recmdItem .item-wrap .item-cont .item-list .thumb .bestNum.ptClr {background: #113e00;}
#recmdItem .item-wrap .item-cont .item-list .thumb .thumbWrap {position: relative; /*border-radius: 50%;*/ overflow: hidden;width: 280px; height: 280px; border:1px solid #ccc; border-left:none; border-top:none; border-bottom:none;}
#recmdItem .bx-controls-direction {position:absolute;top:50%;z-index:60;text-align:center;width: 100%;}
#recmdItem .bx-prev, #recmdItem .bx-next{position:absolute;top:0;margin-top:-30px;font-size: 50px;display:inline-block;width:60px;height:60px;}
#recmdItem .bx-prev i, #recmdItem .bx-next i {line-height: 60px;}
#recmdItem .bx-prev {left: -60px;}
#recmdItem .bx-next {right: -60px;}
#recmdItem .bx-prev:hover, #recmdItem .bx-next:hover{color:#777}

/* tabProduct */
#tabProduct {visibility:hidden;position:relative;margin: 70px 0;}
#tabProduct .newCate_prod .newCateTab {zoom: 1;overflow: hidden;width: 950px;margin: 0 auto 20px;}
#tabProduct .newCate_prod .newCateTab li{float:left;width: 170px;margin: 0 10px;text-align:center;}
#tabProduct .newCate_prod .newCateTab li a {height: 45px;font-size:16px;line-height: 45px;}
#tabProduct .newCate_prod .newCateTab li a.active {border-bottom: 1px solid #111}
#tabProduct .newCate_prod .slideList ul {margin-left: -25px;}
#tabProduct .newCate_prod .slideList li {position:relative;float:left;width: 220px;margin: 0 0 25px 25px;}
#tabProduct .newCate_prod .slideList li .thumb {position: relative;border-radius: 50%;overflow: hidden;width: 220px;height: 220px;}
#tabProduct .newCate_prod .slideList li .thumb img {width:100%;}
#tabProduct .newCate_prod .prd-info-bx {display:none;position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;}
#tabProduct .newCate_prod .prd-info-bx .prd-info {position:absolute;top:50%;left:0;right:0;margin-top: -55px;z-index:10;}
#tabProduct .newCate_prod .prd-info-bx .clChip { padding-bottom: 10px; }
#tabProduct .newCate_prod .prd-info-bx .clChip span {display: inline-block;width: 14px;height: 4px;}
#tabProduct .newCate_prod .prd-info-bx .prd-name {font-size: 14px;}
#tabProduct .newCate_prod .prd-info-bx .prd-subname {padding: 10px 15px;}
#tabProduct .newCate_prod .prd-info-bx .prd-price {padding: 5px 0;position:relative;}
#tabProduct .newCate_prod .prd-info-bx .prd-price del,
#tabProduct .newCate_prod .prd-info-bx .prd-price strike {color:#999;margin-left: 5px;}
#tabProduct .newCate_prod .prd-info-bx .prd-price span {font-size: 20px;color: #113e00;font-weight:bold;}
#tabProduct .newCate_prod .prd-info-bx .prd-preview i { font-size: 16px; }
#tabProduct .newCate_prod .prd-info-bx .bg {position:absolute; top:0; left:0; right:0;bottom:0;background:#fff; opacity:0.9; filter:alpha(opacity=90); z-index:0; border-radius:50%; }
#tabProduct .bx-controls-direction {position:absolute;bottom: 50%;z-index:60;text-align:center;width: 100%;}
#tabProduct .bx-prev, #tabProduct .bx-next{position:absolute;top: 60px;font-size: 50px;display:inline-block;width:60px;height:60px;}
#tabProduct .bx-prev i, #tabProduct .bx-next i {line-height: 60px;}
#tabProduct .bx-prev {left: -70px;}
#tabProduct .bx-next {right: -70px;}
#tabProduct .bx-prev:hover, #tabProduct .bx-next:hover{color:#777}

/* 메인 중간 배너 */
.mdlArea01 { position:relative; width:100%; height: 180px; margin-top: 70px; }
.mdlArea01 img {position: absolute;left:50%;margin-left: -960px;}


/* 서브 중간배너 4개 - NEW신제춤, 로하스조명 BEST, 제품문의, 상품후기 */
.row-middle-four-banner:after {content: ""; display: table; clear: both;}
.column-middle-four-banner-01 {float: left; width: 25%; padding: 0; height: 270px; background-color:#f7f7f7;}
.column-middle-four-banner-02 {float: left; width: 25%; padding: 0; height: 270px; background-color:#f0e7e8;}
.column-middle-four-banner-03 {float: left; width: 25%; padding: 0; height: 270px; background-color:#f7f7f7;}
.column-middle-four-banner-04 {float: left; width: 25%; padding: 0; height: 270px; background-color:#e8f0ee;}

.card-mInner-four-banner-01 {padding: 30px 16px; text-align: center;}
.card-mInner-four-banner-02 {padding: 30px 16px; text-align: center;}
.card-mInner-four-banner-03 {padding: 30px 16px; text-align: center;}
.card-mInner-four-banner-04 {padding: 30px 16px; text-align: center;}

/* 신제품 문구 */
.h3-top-title-01 {font-size:24px; color:#c60001; font-weight:700;}
.h3-sub-title-01 {font-size:24px; color:#000; font-weight:400;}
.h3-small-title-01 {font-size:16px; color:#444; font-weight:400; padding:5px 0 30px 0;}

/* 로하스조명 BEST 문구 */
.h3-top-title-02 {font-size:24px; color:#000; font-weight:400;}
.h3-sub-title-02 {font-size:24px; color:#ec5900; font-weight:700;}
.h3-small-title-02 {font-size:16px; color:#444; font-weight:400; padding:5px 0 15px 0;}

/* 제품문의 문구 */
.h3-top-title-03 {font-size:24px; color:#000; font-weight:700;}
.h3-sub-title-03 {font-size:24px; color:#000; font-weight:700;}
.h3-small-title-03 {font-size:16px; color:#444; font-weight:400; padding:5px 0 15px 0;}

/* 상품후기 문구 */
.h3-top-title-04 {font-size:24px; color:#0e8408; font-weight:700;}
.h3-sub-title-04 {font-size:24px; color:#0e8408; font-weight:700;}
.h3-small-title-04 {font-size:16px; color:#444; font-weight:400; padding:5px 0 30px 0;}


/* BEST ITEM 금주의 베스트 상품 문구 */
.h3-best-title-bold {font-size:26px; color:#000; font-weight: 700; letter-spacing:-1px;}
.h3-best-title-normal {font-size:25px; color:#000; font-weight:400;}


/* NEW ITEM 새로나온 신상품 문구 */
.h3-new-title-bold {font-size:26px; color:#000; font-weight: 700; letter-spacing:-1px;}
.h3-new-title-normal {font-size:25px; color:#000; font-weight:400;}


/* BEST ITEM 베스트 상품 문구 */
.h3-best-goods-title-bold {font-size:26px; color:#000; font-weight: 700; letter-spacing:-1px;}
.h3-best-goods-title-normal {font-size:25px; color:#000; font-weight:400;}



/* 상품 타이틀 */
.h_title {padding: 70px 0 50px;text-align:center;}
.h_title h3 {display:inline-block;padding: 0 80px;position:relative;font-size:32px;line-height:32px;background:#fff;}
.h_title .line {margin:-15px auto 0;width:100%;height: 1px;background:#111;}

/* newArrivals */
#newArrivals .item-wrap .item-cont .item-list{width: 280px;margin: 0 26px 40px 0;}
#newArrivals .item-wrap .item-cont .item-list .thumb a { width: 100%; }
#newArrivals .item-wrap .item-cont .nomg { padding-right:0px }


/* 2024-0525 더보기 소스 추가 */
/* pc더보기 버튼 추가 영역 */
.product-wrap .more { text-align:center; margin: 24px 0px;}
.btn_moreGray {width:224px; height:35px; line-height: 35px; background-color:#efefef; border:0px none; font-weight:bold; display: block; margin: 0 auto;}
.btn_moreGray span {color:#aaaaaa;}
.btn_moreGray span em {color:#f1191f;}
/* BASIC css end */

