/* BASIC css start */
/* 메인 롤링 배너 */
.mainBan { } 
.mainBan .sliderWrap { position:relative; min-width:1200px; height: 792px; overflow:hidden; } 
.mainBan .sliderWrap .sliderArea { margin-left:-1500px; position:absolute; top:0; left:50%; width:3000px; text-align: center; } 
.mainBan .sliderArea .bx-pager { position:absolute; bottom: 20px; left:0; right:0; z-index:60; text-align:center; font-size:20px; } 
.mainBan .sliderArea .bx-pager-item { transition:all 0.3s ease; -webkit-transition:all 0.3s ease; display:inline-block; position:relative; } 
.mainBan .sliderArea .bx-pager-link { display:inline-block; width: 12px; height: 12px; font-size:0; margin: 0 5px; background-color: #3c3c3c; border-radius: 50%; } 
.mainBan .sliderArea .bx-pager-link.active { background-color: #e4e4e4; } 

/* 상품 타이틀 */
.h_title h3 { font-size: 28px; color:#2e2e2e; margin:100px 0 35px; text-align:center; } 

#newWrap { width:1200px; margin:0 auto; } 

.item-wrap .item-cont2 { overflow: hidden; margin-left:-20px; } 
.item-wrap .item-cont2 .item-list { float:left; width: 285px; margin: 0 0 30px 20px; } 
.item-wrap .item-cont2 .item-list .thumb { position: relative; } 
.item-wrap .item-cont2 .item-list .thumb a { display:block; overflow:hidden } 
.item-wrap .item-cont2 .item-list .thumb a img { width:100%; -webkit-transition: -webkit-transform 0.5s ease; transition:transform 0.5s ease; } 
.item-wrap .item-cont2 .item-list .thumb a:hover img { -webkit-transform: scale(1.15); transform: scale(1.15) } 
.item-wrap .item-cont2 .item-list .thumb .clChip { margin-top:5px; } 
.item-wrap .item-cont2 .item-list .thumb .clChip span { display: inline-block; width: 14px; height: 4px; } 

/* MD'S PICK 롤링상품진열 */
.mdWrap { margin:100px 0; } 
.mdPickWrap { position:relative; width:1200px; margin:0 auto; } 
.mdPickWrap .h_title { float:left; position: absolute; left: 70px; top: 45px; } 
.mdPickWrap .h_title h3 { margin: 0; } 
.mdPickWrap .h_title h3 span { font-size: 13px; font-weight: normal; display:block; text-align:center; } 
.mdPickWrap .h_title h3 span:before { content:''; width:30px; height:1px; background:#000; display:block; margin:14px auto; } 
.mdPickWrap .sliderArea { position:relative; width:910px; float:right; } 
.mdPickWrap .bx-pager { position: absolute; left: -196px; bottom: 30px; } 
.mdPickWrap .bx-pager .bx-pager-item { display:inline-block; } 
.mdPickWrap .bx-pager .bx-pager-item a { font-size:0; width:10px; height:10px; border-radius:50%; background:#8d8d8d; display:block; margin:0 4px; } 
.mdPickWrap .bx-pager .bx-pager-item a.active { background:#000; } 
.mdPickWrap .bx-controls-direction { color:#111; } 
.mdPickWrap .bx-controls-direction .bx-next { right:-60px; } 
.mdPickWrap .bx-controls-direction .bx-prev { left:-60px; } 
.mdPickWrap .bx-controls-direction .bx-next,
.mdPickWrap .bx-controls-direction .bx-prev { position:absolute; top: 44%; display:inline-block; font-size: 30px; width: 40px; height: 40px; color:#8c8c8c; background-image: none; text-align:center; } 
.mdPickWrap .bx-controls-direction .bx-prev:hover,
.mdPickWrap .bx-controls-direction .bx-next:hover { color:#2c2c2c; } 
.mdPickWrap .bx-controls-direction i { line-height: 45px; } 
.mdPickWrap .list { } 
.mdPickWrap .list .thumb { position:relative; display:block; overflow:hidden; text-align: center; } 
.mdPickWrap .list .thumb img { width:100%; } 
.mdPickWrap .list .thumb:hover .prd-info { display:block; -webkit-transition: -webkit-transform 0.5s ease; transition:transform 0.5s ease; } 
.mdPickWrap .list .thumb .prd-info { display:none; position:absolute; right:0; bottom:0; width:100%; height:60px; background-color:rgba(255, 255, 255, 0.7); padding:20px 0 0; } 
.mdPickWrap .list .thumb .prd-info:hover { background-color:rgba(255, 255, 255, 0.7); } 
.mdPickWrap .prd-info .prd-name { font-size: 15px; } 
.mdPickWrap .prd-info .prd-price del { color:#999; font-weight: normal; font-size: 14px; margin-right: 5px; } 
.mdPickWrap .prd-info .prd-price { padding: 6px 0; font-size:15px; } 
.mdPickWrap .list .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.5s ease; transition:transform 0.5s ease; } 
.mdPickWrap .list .prd-preview { display:none; position:absolute; left:0; right:0; bottom:-24px;; } 
.mdPickWrap .list .prd-preview a { display:block; font-size:18px; line-height:40px; text-align:center; } 

/* Video Area */
.videoWrap { margin-top:30px; position:relative; width: 100%; background:#f8f8f8 } 
.videoWrap .videoInner { width: 1200px; margin: 0 auto; padding: 100px 0; } 
.videoWrap .videoInner .video { float:left; } 
.videoWrap .videoInner .video iframe { width: 780px; height:430px; border:0; } 

.add1Product { float:left; margin:0 0 0 90px; position:relative; width:285px } 
.add1Product .item-list { text-align:center; } 
.add1Product .item-list .thumb { position:relative; width:285px; border-radius:100%; overflow:hidden; } 
.add1Product .item-list .thumb img { width:285px; } 
.add1Product .item-list .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.5s ease; transition:transform 0.5s ease; } 
.add1Product .item-list .thumb .prd-preview { display:none; position:absolute; left:50%; bottom:42%; width:40px; height:40px; margin-left:-20px; border-radius:100%; background-color:rgba(255, 255, 255, 0.9); } 
.add1Product .item-list .thumb .prd-preview a { display:block; font-size:18px; line-height:40px; text-align:center; } 
.add1Product .item-list .thumb .prd-preview:hover { background-color:rgba(255, 255, 255, 1); } 
.add1Product .item-list .prd-name { padding:26px 0 0; font-size:16px; } 
.add1Product .item-list .prd-subname { margin-top:8px; font-size:14px; color:#999; } 
.add1Product .item-list .prd-price { padding:15px 0 0; font-size:16px; } 
.add1Product .item-list .prd-price del { color:#999; font-size:14px; margin-right:5px; } 

/* SPEICAL ITEM */
#specialWrap { width:1200px; margin:100px auto 0; } 

/* 롱배너 */
.bannerArea { width:100%; margin:60px auto 0; } 
.bannerArea a { display:block; } 
.bannerArea a img { width:100%; } 

#ftWrap { margin:0 !important; } 

/* 배너 + 슬라이드 */
.wrapTitle { position: relative; font-size: 40px; font-weight: bold; } 
.wrapsubTitle { position: relative; font-size: 26px; font-weight: nomal; } 
.wrapTitle .moreBtn { position: absolute; top: 50%; right:0; transform: translateY(-50%); font-size: 25px; } 

.leftBannerWrap .container { width: 1200px; margin:0 auto; } 
.leftBannerWrap .wrapTitle { margin: 110px 0 50px; } 
.leftBannerWrap .leftImgWrap { font-size: 0; display: flex; } 
.leftBannerWrap .leftImgWrap .left { display:inline-block; width: 480px; margin-right: 0px; vertical-align: top } 
.leftBannerWrap .leftImgWrap .left a { display:block; } 
.leftBannerWrap .leftImgWrap .left a img { width:100%; } 
.leftBannerWrap .leftImgWrap .right { display:inline-block; width: 720px; vertical-align: top; } 
.leftBannerWrap .leftImgWrap .right .leftSlide { padding:0px 4px 0px 4px; height:700px; border: 0px solid #eee; min-width: 100%; } 
.leftBannerWrap .item-wrap .item-cont .item-list { position: relative; padding-right: 0; margin:0; text-align: center; width: calc(25%); } 
.leftBannerWrap .item-wrap .item-cont .item-list a { padding: 5px; display: block; } 
.leftBannerWrap .item-wrap .item-cont .item-list .prd-info { width: calc(100% - 30px); padding: 20px 10px; margin: 10px 10px 7px 10px; position: absolute; bottom: 5px; opacity:0; background: rgba(255,255,255,0.7); transition: all 0.3s; box-sizing: border-box; } 
.leftBannerWrap .item-wrap .item-cont .item-list:hover .prd-info { opacity:1; } 
.leftBannerWrap .item-wrap .item-cont .item-list .thumb img { width: 100%; } 
.leftBannerWrap .item-wrap .item-cont .item-list .prd-icon { margin-top: 0px; } 
.leftBannerWrap .item-wrap .item-cont .item-list .prd-name { margin-top: 5px; line-height: 15px; font-size: 13px; padding-right:0 !important } 
.leftBannerWrap .item-wrap .item-cont .item-list .prd-priceBox { margin-top: 5px; } 
.leftBannerWrap .item-wrap .item-cont .item-list .prd-priceBox del,
.leftBannerWrap .item-wrap .item-cont .item-list .prd-price { font-size: 13px } 
.leftBannerWrap .item-wrap .item-cont .item-list .prd-subname { margin-top: 5px; font-size: 12px } 
.leftBannerWrap .item-wrap .item-cont .item-list .prd-etc { margin-top: 5px; line-height: 18px; font-size: 12px } 
.leftBannerWrap .leftSlide .leftBar { right:0; left:auto; /*position: relative; width: calc(100% - 10px); height:4px; margin: 14px auto 0; */ background: #e5e5e5; } 
.leftBannerWrap .leftSlide .leftBar.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #737373 } 

/* 타임세일 */
#sec4 { background-color: #f4f4f4; margin-top: 100px; } 
#sec4 .sec_inner { display: flex; width:1200px; margin:0 auto; } 
#sec4 .sec_inner>div { } 
#sec4 .sec_inner .sec4_left { width: 30%; } 
#sec4 .sec_inner .sec4_left .tit_wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 30px; position:relative; top:-20px } 
#sec4 .sec_inner .sec4_left .tit_wrap .green_box { background-color: #7cb98b; color: #fff; font-family: 'Damion', cursive; font-size: 41px; display: inline-block; text-align: right; padding: 25px 30px; line-height: 1.1; } 
#sec4 .sec_inner .sec4_left .tit_wrap p.sub { font-family: 'Noto Sans KR', sans-serif; font-size: 20px; color: #6f9779; font-weight: 400; line-height: 1.2; } 
#sec4 .sec_inner .sec4_left .tit_wrap p.tit_main .time,#sec4 .sec_inner .sec4_left .tit_wrap p.tit_main .time strong { font-family: 'Major Mono Display', monospace; font-size: 70px; color: #6f9779; font-weight:200 } 
#sec4 .sec_inner .sec4_left .tit_wrap p.tit_main .time strong .dif { font-family: 'Heebo', sans-serif; font-weight:300 } 
#sec4 .sec_inner .sec4_right { width: 70%; padding:60px 0 } 
#sec4 .sec_inner .sec4_right li .prod .thumb { overflow:hidden; border-radius:50%; } 
#sec4 .sec_inner .sec4_right li .prod .thumb a { height:100% } 
#sec4 .sec_inner .sec4_right li .prod .thumb a img { height:100%; object-fit:cover } 
#sec4 .sec_inner .sec4_right li .prod .info { padding:30px 0 } 
#sec4 .sec_inner ul li #count { display:none; } 

.item_cont { display:flex; flex-wrap:wrap } 
.item_list { float:left } 
.item_list .thumb { width: 100%; position: relative; } 
.item_list .thumb>a { display: block; width: 100%; } 
.item_list .thumb>a>img { width: 100%; } 
.item_list .info { padding:20px 0 70px; } 
.item_list .info p { margin-bottom:10px; font-size:15px; font-weight:500; text-align:center; } 
.item_list .info .prdname { font-family: 'Noto Sans KR', sans-serif; color:#000; font-weight:500; letter-spacing:-.7px; font-size:16px; } 
.item_list .info .prdetc { font-family: 'Noto Sans KR', sans-serif; color:#7d7d7d; font-size:14px; font-weight:400; } 
.item_list .info .prdprice { } 
.item_list .info .prdprice .price { font-family: 'Lato', sans-serif; font-size:15px; color:#000; font-weight:600; } 
.item_list .info .prdprice strike { font-family: 'Lato', sans-serif; font-size:15px; color:#adadad; display:inline-block; font-weight:500; } 
.item_list.w25 { width:24%; margin-right:1.333% } 
.item_list.w25:nth-child(4n) { margin-right:0 } 
.item_list.w33 { width:30%; margin-right:5% } 
.item_list.w33:nth-child(3n) { margin-right:0 } 

/* 포토 리뷰 */
.photoWrap { width:1200px; margin:0 auto; } 
.photoWrap .wrapTitle { margin: 195px auto 55px; text-align: center; } 
.photoWrap .review_cont { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 9px; } 
.photoWrap .review_cont a { width: 16%; } 
.photoWrap .review_cont a img { width: 100%; } 



/* BASIC css end */