/* BASIC css start */
#container{margin-top:38px;}
.headroom--not-top{position: fixed; top: 0; left: 0; width: 100%; z-index: 9999;}

/* 아이콘 화이트 */
.headroom--top #header .logo{background-image: url('/design/jojean/snap/mo/logo_white.png'); background-repeat: no-repeat; background-size: contain;}
.headroom--top #header a:not(.logo){width: 24px; height: 25px; background-image: url(/design/jojean/snap/mo/mo_menu_white.svg);}

/* 아이콘 블랙 */
.headroom--not-top #header .logo{background-image: url('https://img.just-one.co.kr/shopping_mall/justone_logo.png'); background-repeat: no-repeat; background-size: contain;}
.headroom--not-top #header{background-color: rgba(255,255,255,0.95);}
.headroom--not-top #header a:not(.logo){width: 24px; height: 25px; background-image: url(/design/jojean/phps/img/mo_menu.svg);}


.list_shoppingInfo {font-size: 12px;}
.count_wrap.crema-show.crema-applied {display: block!important;  }
.listName {margin-bottom:0}
.subName {    margin: 5px 0 10px;   line-height: 16px; font-size:11px }
    
/* 메인 스와이퍼 */
.mainSwiper {position: relative; } 
.mainSwiper.swiper-container-horizontal > .swiper-pagination-bullets{bottom:16px; }
.mainSwiper .swiper-pagination-bullet {width:5px; height:5px; background: #fff; margin:0 3px !important}
#section01 .swiper-slide a img {width:100%;}

/* 타이틀 */
#prodSection {padding:50px 0 10px;}
#prodSection .title {position: relative; text-align: left; padding: 0 15px;}
#prodSection .title .p01 {font-size: 25px; color: #1b1b1b; font-weight: 600;}
#prodSection .title .p02 {font-size: 14px; color: #959595; margin-top: 14px; font-weight: 300;}

/* 더보기 */
#prodSection .moreLink {position: absolute; top: 0; right: 15px; font-size: 14px;}
#prodSection .moreLink span {position: relative; top: 1px;}
#prodSection .prodMore {text-align: center;}
#prodSection .prodMore a {display: table; margin: 0 auto; max-width: 240px; width: 100%; height: 40px; line-height: 40px; font-size: 14px; color: #000; border: 1px solid #e4e4e4; border-radius: 8px; box-sizing: border-box;}

/* 이벤트배너 */
.eventBanner {display: table; width: 100%; padding-top: 50px;}
.eventBanner a {display: block; width: 100%;}
.eventBanner a img {display: table; width: 100%;}

/* 메인영상 */
#mv_play {margin:0 auto; padding:15px}
#mv_play h2{font-size:18px; font-family: 'EB Garamond', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'malgun gothic', 'sans-serif'; margin:80px 0 25px 0; text-align:center}
#mv_play video{width:100%;}


/* 상품 스와이퍼 */
.prodSwiper {margin-top: 30px; padding: 0 16px; overflow: hidden;}
.prodSwiper .swiper {overflow: initial;}
.prodSwiper .swiper-slide {width: 40%;}
.prodSwiper .swiper-slide.more-slide {position: relative;  width: 82px!important; padding-top: 55%;}
.prodSwiper .swiper-slide.more-slide a {display: block; position: absolute;  top: 50%; left: 16px; transform: translateY(-50%);}
.prodSwiper .swiper-slide.more-slide a p {margin-top: 6px; font-size: 14px; text-align: center;}
.prodSwiper .swiper-slide.more-slide .ico {display: grid; justify-items: center; align-items: center; position: relative; width: 50px; height: 50px; margin: 0 auto; padding-left: 3px; font-size: 24px; border: 1px solid #E3E3E3; border-radius: 100%; box-sizing: border-box;}

/* 상품 리스트 */
.prodBlock {margin-top: 30px;}

/*크리마 리뷰노출*/
.crema-product-reviews-count { display: block; margin-top: 4px; font-size: 12px; color: #3b3b3b;}
.today_best_cate { font-size: 11px; color: #790000;}

/* TIME DEAL */
.timedeal {background-color: #f5f5f5;}
.clockArea {margin: 16px 15px 0; display:inline-block;  background:#ad9377; box-shadow: 3.507px 7.19px 10px 0px rgba(0, 0, 0, 0.15); height:38px; box-sizing:border-box; padding:10px 24px; text-align:center; }
.clockArea > div {display:inline-block; vertical-align:top; font-size:20px; color:#fff; font-weight:700}
.clockArea .tBox .times {display:inline-block; vertical-align:top;}
.clockArea .tBox .smalltext {display:inline-block; vertical-align:top;}
.clockArea .tBoxTime {margin:0 4px; width:19px;  }

.madeitem .title {padding:0px !important}
.madeitem .title .p01,
.madeitem .title .p02 {padding: 0 15px}



.point_per {color:#bf7175}


/* ==========================================
   전체 배경색 #f6f4ed 일괄 통일
========================================== */
html,
body,
#wrap,
#container,
#contentWrapper,
#section01,
#prodSection,
.prodBlock,
.timedeal,
.madeitem,
#mv_play {
    background-color: #f6f4ed !important;
}

/* 스크롤 시 상단 고정 헤더 배경색 (투명도 95% 유지) */
.headroom--not-top #header {
    background-color: rgba(246, 244, 237, 0.95) !important;
}
/* BASIC css end */