main{overflow: hidden;}

/*header*/
.shopby-header {border-bottom: none;}
.top_header.scroll{border-bottom:1px solid #e5e5e5;}

/*메인배너*/
.main_slider_template{height:350px; overflow: hidden;}
.main-banner-skelton.skeleton-grid__column--3{gap:20px; padding-block-end: 0px;}
.main-banner-skelton .center-item{width:1380px; display: flex; margin:0px auto; gap:20px;}
.main-banner-skelton .center-item > .thumb-item > .skeleton__media{width:680px; margin:0; border-radius: 0;}
.main-banner-skelton .skeleton__media{height:350px; border-radius: 0; margin:0; aspect-ratio:initial}
.main_visual_wrap{height:350px; overflow: hidden;}
.main_visual_wrap .main_visual {width: 1380px !important; position: relative; min-height:350px; height:350px; margin-bottom: 0; margin: 0 auto; overflow: visible;}
.main_visual_wrap .main_visual .slider-wrap:not(.slick-initialized){display: flex; gap:20px; margin-left:10px;}
.main_visual_wrap .main_visual .slider-wrap:not(.slick-initialized) .slide{flex: 0 0 49.4%; max-width: 680px;}
.main_visual_wrap .main_visual .slider-wrap:not(.slick-initialized) .slide .skin-banner__img{margin:0;}
.main_visual_wrap .main_visual .slick-slider {overflow: visible; left:-10px; width: 100% !important;}
.main_visual_wrap .main_visual .slick-slider .slick-list {overflow: visible !important;}

.main_visual_wrap .slider-wrap .slick-slide {position: relative; width: 700px !important; padding: 0 10px; box-sizing: border-box; background-color: #fff;}
.main_visual_wrap .slider-wrap .slick-slide img {width: 100% !important; height: 350px !important;}

.main_slider_btn { position:absolute; bottom:10px; right:20px; width:90px; height:30px; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.25); border-radius: 15px; z-index: 5; color:#fff; } 
.main_slider_btn .slider_btn.prev { background: url('../images/custom/main/icon_main_prev.png')no-repeat center; width:6px; height:10px;} 
.main_slider_btn .slider_btn.next { background: url('../images/custom/main/icon_main_next.png')no-repeat center; width:6px; height:10px; } 
.main_slider_btn .swiper-pagination-fraction { width:50px; display: flex; justify-content: center; gap:4px; } 
.main_slider_btn .slider-pagination{width:50px; text-align: center;}

/*상품검증소*/
.verify_wrap { width:1380px; margin: 100px auto; min-height:585px;   } 
.verify_tit { display: flex; margin-bottom:32px; align-items: center; justify-content: space-between; } 
.verify_tit > h2 { position: relative; font-size:33px; line-height: 1; padding-left: 43px; } 
.verify_tit > h2::before { content:''; position: absolute; background:url('../images/custom/main/icon_verify.png')no-repeat; width:32px; height:32px; left:0; } 

.verify_contents { width:1380px; margin: 0px auto; display: flex; gap:40px; align-items: flex-start; justify-content: center; } 
.verify_contents .left_banner { flex-shrink: 0; max-width: 520px; min-width:520px; overflow: hidden; } 
.verify_contents .right_product { width:825px; flex-shrink: 0;} 

.verify_contents .right_product .popular_product{margin-left:1px;}
.verify_contents .right_product .display-product__contents {margin-block-end:0px;  gap:0; overflow: visible; }

/* 스와이퍼 붙기 전 상태 */
.popular-swiper:not(.swiper-initialized) .thumb-item { width: 100%; max-width: 260px;}
.popular-swiper:not(.swiper-initialized) .swiper-wrapper{gap:20px;}
.popular-swiper:not(.swiper-initialized) .thumb-item:nth-child(n+4) {display: none;}


.verify_contents .tab_buttons { display: flex; gap:10px; margin-bottom: 24px; } 
.verify_contents .tab_buttons .verify_tab_btn {min-width: 97px; height:40px; border: 1px solid #e5e5e5; border-radius: 20px; background: none; padding:0 16px; color:#000; font-weight: 500; line-height: 1; letter-spacing: -0.025em; cursor: pointer; font-size:16px; } 
.verify_contents .verify_tab_btn.active { color: #fff; border: 1px solid #212529; background: #212529; font-weight: bold; } 

.verify_contents .verify_tab_panel { display: none; } 
.verify_contents .verify_tab_panel.active { display: block; } 


/*베스트상품*/
@font-face { font-family: 'Cafe24ClassicType-Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2210-2@1.0/Cafe24ClassicType-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } 

.best_wrap { width:1380px; margin: 100px auto; min-height:600px;} 
.best_wrap .best_tit { line-height:1; margin-bottom:32px; } 
.best_wrap .best_tit > h2 { display: flex; font-size:33px; gap:15px; align-items: center; } 
.best_wrap .tab_buttons { display: flex; gap:10px; margin-bottom: 39px; } 
.best_wrap .tab_buttons .tab_btn {padding:0 16px; height:40px; border: 1px solid #e5e5e5; border-radius: 20px; background: none; color:#000; font-weight: 500; line-height: 1; letter-spacing: -0.025em; cursor: pointer; font-size:16px; } 
.best_wrap .tab_buttons .tab_btn.tab-hidden{display: none;}
.best_wrap .tab_btn.active { color:#fff; border: 1px solid #212529; background:#212529; font-weight: bold; } 
.best_wrap .tab_panel { display: none; } 
.best_wrap .tab_panel.active { display: block; } 

/* .best_wrap .tab_buttons .tab1 { width:94px; } 
.best_wrap .tab_buttons .tab2 { width:136px; } 
.best_wrap .tab_buttons .tab3 { width:143px; } 
.best_wrap .tab_buttons .tab4 { width:104px; } 
.best_wrap .tab_buttons .tab5 { width:104px; } 
.best_wrap .tab_buttons .tab6 { width:95px; } 
.best_wrap .tab_buttons .tab7 { width:95px; }  */

.best_wrap .btn_more_all a.display-product__more { top:-70px; font-size:14px; font-weight: 500; padding-right:20px; } 
.best_wrap .btn_more_all a.display-product__more::after { content:''; position: absolute; right: 3px; top:6px; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg); } 
.best_wrap .btn_more_all a.display-product__more .ico { display: none; } 

.best_wrap .thumb-item__media { overflow: auto; } 
.best_wrap .display-product__contents { overflow: unset; } 
.best_wrap .ranking_wrap { position: absolute; top:20px; left:15px; width:30px; height:33px; z-index: 10; } 
.best_wrap .ranking_wrap > b { font-family: 'Cafe24ClassicType-Regular'; font-style: italic; color:#000; font-weight: 500; font-size:32px; position: absolute; top: 50%; left: 40%; transform: translate(-50%, -50%); } 

.best_wrap .main_product_list { display: grid; grid-template-columns: repeat(5, 1fr); gap:20px; } 
.best_wrap .main_product_list>div { width:100%; } 

/*신상품*/
.new_pro_wrap { width:1380px; margin: 100px auto; min-height:527px;} 
.new_pro_wrap .display-product__title { font-size:33px; line-height: 1; padding-block-end: 38px; display: flex; gap:15px; align-items: center; } 
.new_pro_wrap .more_wrap .btn_pro_more { padding-left:49px; } 
.new_pro_wrap .btn_more_all a.display-product__more { top:0; } 

.new_pro_wrap .main_product_list { display: grid; grid-template-columns: repeat(5, 1fr); gap:20px; } 
.new_pro_wrap .main_product_list>div { width:100%; } 

/*혜택배너*/
.benefit_banner{min-height:220px;}
.benefit_banner .benefit_inner { width:1380px; margin:0px auto;} 
.benefit_banner .benefit_inner .skin-banner__slider-nav-warp {display: flex; align-items: center; justify-content: center; width:90px; height:30px; background: rgba(0,0,0,0.5); border-radius: 15px;right: 20px; bottom: 10px; left: auto; transform: unset; top: auto; color: #fff; } 
.benefit_banner .benefit_inner .skin-banner__slider-nav-warp .swiper-button-prev{ position: relative; top:auto; margin-top:0; width:6px; height:10px; background:url('../images/custom/main/icon_main_prev.png')no-repeat; }
.benefit_banner .benefit_inner .skin-banner__slider-nav-warp .swiper-button-prev::after{display: none;}
.benefit_banner .benefit_inner .skin-banner__slider-nav-warp .swiper-button-next{  position: relative;top:auto; margin-top:0;  width:6px; height:10px;  background:url('../images/custom/main/icon_main_next.png')no-repeat; }
.benefit_banner .benefit_inner .skin-banner__slider-nav-warp .swiper-button-next:after{display: none;}
.benefit_banner .benefit_inner .skin-banner__slider-nav-warp .swiper-pagination-count{width:50%;text-align: center;}

/*기획전*/
.exhibition_wrap { margin:100px auto 100px; min-height:507px; width:1380px;  position: relative; } 
.exhibition_wrap > .ex_top { width:1380px; margin:0px auto 36px; display: flex; justify-content: space-between; align-items: center;} 
.exhibition_wrap > .ex_top > h2 { font-size:33px; line-height: 1; } 
.exhibition_wrap > .ex_top .more{ font-size: 14px;  font-weight: 500;padding-right: 20px;}
.exhibition_wrap > .ex_top .more::after{ content: ''; position: absolute; right: 3px; top: 12px; width: 8px;  height: 8px; border-top: 1px solid #000;  border-right: 1px solid #000; transform: rotate(45deg);}
.exhibition_slider{width:1380px; margin:0px auto; position: relative;}
.exhibition_wrap .btn_ex {position: absolute; top:47%; display: flex; gap:20px; height:12px; width:30px;} 
.exhibition_wrap .btn_ex.prev{left:-52px;}
.exhibition_wrap .btn_ex.next{right:-60px;}
.exhibition_wrap .btn_ex button { text-indent: -9999px; width:20px; height:32px; position: relative; } 
.exhibition_wrap .btn_ex button.prev::before { content:''; position: absolute; width:20px; height:32px; left:0; background:url('../images/custom/main/icon_ex_prev.png')no-repeat; background-size:100%; } 
.exhibition_wrap .btn_ex button.next::before { content:''; position: absolute; width:20px; height:32px; right:0; background:url('../images/custom/main/icon_ex_next.png')no-repeat; background-size:100%;} 
@media screen and (max-width:1480px) {
   .exhibition_wrap .btn_ex{display: none;}
}

/*맞춤코칭*/
.coaching_wrap { position: relative; margin-bottom:100px; overflow: hidden; min-height:609px; } 
.coaching_wrap .coaching_con_wrap { display: flex; justify-content: space-between; } 
.coaching_wrap .coaching_con { width:1380px; position: absolute; left:50%; top:100px; transform: translate(-50%,0%); } 
.coaching_wrap .coaching_con .coaching-txt { width:513px; flex-shrink: 0; } 
.coaching_wrap .coaching_con .coaching-txt .c-txt1 { color:#fff; font-weight: 500; font-size:30px; line-height: 1; margin-bottom:30px; } 
.coaching_wrap .coaching_con .coaching-txt .c-txt2 { color:#fff; font-weight: 800; font-size:50px; line-height: 1.2; margin-bottom:134px; } 
.coaching_wrap .coaching_con .coaching-txt .c-txt3 { color:#fff; font-weight: 500; font-size:30px; line-height: 1.5; margin-bottom:45px; } 
.coaching_slider { width: calc(690px * 1); /* 슬라이드 너비 × 3 + 간격 × 2 */ position:relative; } 
.coaching_wrap .coaching_con .coaching_slider .swiper-slide img { overflow: hidden; } 
.coaching_wrap .coaching_con .coaching_slider .swiper-slide { flex-shrink: 0; } 

.coaching_wrap .coaching_con .coaching_slider .coach_btn_wrap { display: flex; gap:10px; display: flex; gap: 10px; width: 90px; height:40px; left: 0; transform: translate(-50%,0); bottom: 0; top: 50%; } 
.coaching_wrap .coaching_con .coaching_slider button { text-indent: -9999px; width:40px; height:40px; border-radius: 100%; position: relative; } 
.coaching_wrap .coaching_con .coaching_slider button.prev { position: absolute; left:-30px; top:47%; transform: translate(-50%,0); } 
.coaching_wrap .coaching_con .coaching_slider button.prev::before { content:''; position: absolute; width:20px; height:32px; top:50%; left:50%; transform: translate(-50%,-50%); background:url('../images/custom/main/icon_coaching_prev.png')no-repeat; } 
.coaching_wrap .coaching_con .coaching_slider button.next { position: absolute; right:-70px; top:46%; transform: translate(-50%,0); } 
.coaching_wrap .coaching_con .coaching_slider button.next::before { content:''; position: absolute; width:20px; height:32px; top:50%; left:50%; transform: translate(-50%,-50%); background:url('../images/custom/main/icon_coaching_next.png')no-repeat; } 

.coaching_bg img { object-fit: none !important; height:690px !important} 

@media screen and (max-width:1480px) {
   .coaching_wrap .coaching_con .coaching_slider{left:-40px;}
}

/*베스트리뷰*/
.best_review_wrap { position: relative; margin:0px auto 100px; width:1380px; min-height:514px; overflow: hidden; } 
.best_review_wrap .best_review_tit { line-height:1; margin-bottom:32px; display: flex; align-items: center; justify-content: space-between; } 
.best_review_wrap .best_review_tit > h2 { font-size:33px; gap:15px; align-items: center; } 
.best_review_wrap .best_review_tit > .more { position: relative; font-size:14px; font-weight: 500; padding-right:20px; } 
.best_review_wrap .best_review_tit > .more::after { content:''; position: absolute; right: 3px; top:3px; width: 8px; height: 8px; border-top: 1px solid #000; border-right: 1px solid #000; transform: rotate(45deg); } 
/* .best_review_wrap .best_review_tit > .more::before { content:''; position: absolute; background: url('../images/custom/main/icon_more.png')no-repeat; width:9px; height:9px; background-size: 100%; right:16px; top:17%; z-index: 1; } */

.best_review_wrap .best_review_con { display: flex; gap:20px; } 
.best_review_wrap .best_review_con li { border:1px solid #e5e5e5; } 
.best_review_wrap .best_review_con li a { display: block; width:328px; } 
.best_review_wrap .best_review_con li a .img { overflow: hidden; } 
.best_review_wrap .best_review_con li a .txt > span { font-size:14px; line-height:1.5; letter-spacing: -0.025em; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; height: 40px; margin-top:16px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; word-break: keep-all; } 
.best_review_wrap .rating--review { --rating-fill: 0%; margin:19px 0 16px; background-image: url('../images/custom/main/img_star_empty.png'); background-size: 80px 14px; background-position: 0 0; width:80px; height:14px; } 
.best_review_wrap .rating--review::before { content: ''; position: absolute; top: 0; left: 0; background-image: url('../images/custom/main/img_star_filled.png'); background-size: 80px 14px; background-position: 0 0; width: var(--rating-fill); height: 14px; } 
.best_review_wrap .write_info { display: flex; color:#000; margin-top:15px; margin-bottom:20px; justify-content: space-between; line-height:1; } 
.best_review_wrap .review_con { padding:0 20px; } 
.best_review_wrap .review_con .txt{font-size:14px; min-height:42px;}
.best_review_wrap .review_con .txt > span{ -webkit-box-orient: vertical;-webkit-line-clamp: 2; line-clamp: 2;  overflow: hidden; display: -webkit-box; text-overflow: ellipsis; white-space: normal; word-wrap: break-word;}

.best_review_wrap .review_link > .img{height:220px;}
.best_review_wrap .review_link > .img > img{width:100%; overflow: hidden; height:220px;}

.best_review_con .review_pro { display: flex; align-items: center; gap:15px; padding:20px 0; margin:0 20px; border-top:1px solid #e5e5e5; } 
.best_review_con .review_pro > span { border:1px solid #e5e5e5; width:50px; height:50px; flex-shrink: 0; } 
.best_review_con .review_pro .tit { text-overflow:ellipsis; font-size:14px; width:225px; overflow: hidden; white-space: nowrap; } 
.best_review_con .review_pro .count { display: flex; gap:10px; } 
.best_review_con .review_pro .count > dl { display: flex; gap:5px; } 
.best_review_con .review_pro .count > dl dd.font_bold { font-weight: 600; } 
.best_review_con .review_pro .pro_img > img{width:50px; height:50px; object-fit: fill; display: block;}

/*패밀리사이트*/
.family_wrap { width:100%; background:#d8effe; padding: 100px 0; margin-bottom:100px; min-height:300px;} 
.family_wrap .family_inner { width:1380px; margin:0px auto; } 
.family_wrap .family_list { display: flex; gap:17px; } 
.family_wrap .family_list li { width:216px; height:100px; overflow: hidden; } 
.family_wrap .family_list li img { object-fit: none; } 

/*이용안내*/
.cscenter_wrap { width:1380px; margin:0px auto 100px; } 
.cscenter_wrap .cscenter_list { display: flex; gap:21px; } 
.cscenter_wrap .cscenter_list .cs { position: relative; width:446px; height:179px; padding:41px 0 0 152px; background: #faf7fd; } 
.cscenter_wrap .cscenter_list .cs::after { content:''; position: absolute; background:url('../images/custom/main/img_cs.png')no-repeat; left: 44px; top: 53%; width: 63px; height: 63px; transform: translate(0%, -50%); } 
.cscenter_wrap .cscenter_list .cs .tit { font-size:20px; letter-spacing: -0.025em; font-weight: bold; line-height:1; margin-bottom:15px; } 
.cscenter_wrap .cscenter_list .cs .tell { display: block; font-size:33px; font-weight: bold; line-height:1; margin-bottom:14px; } 
.cscenter_wrap .cscenter_list .cs .time { font-size:16px; font-weight: 500; line-height:1; } 


/*뱃지*/
.badge_wrap { margin-top:17px; min-height:20px; } 

/*광고*/
.info_ad { position:relative; cursor: pointer; width:57px; height:30px; border:1px solid #e5e5e5; border-radius: 15px; display: flex; align-items: center; padding-left:10px; font-size:14px; font-weight: 500; } 
.info_ad::after { content:''; position: absolute; background:url('../images/custom/main/icon_info.png')no-repeat; width:13px; height:14px; background-size: 100%; right:6px; } 
.info_ad.dn{display: none;}

/*상품더보기*/
.more_wrap { width:190px; height:40px; border:1px solid #e5e5e5; display: flex; margin: 0px auto; } 
.more_wrap .btn_pro_more { position: relative; width:190px; height:40px; padding-left:35px; font-size:14px; font-weight: 500; color:#000; text-align: left; } 
.more_wrap .btn_pro_more::after { content:''; position: absolute; background: url('../images/custom/main/icon_refresh.png')no-repeat; width:12px; height:12px; background-size: 100%; margin-left:7px; top:34%; } 

/*메인 상품리스트*/
.thumb-item__img { border:none; overflow: hidden; border:1px solid #e5e5e5; } 
.display-product__contents { gap:29px; margin-block-end: 60px; } 
.product-thumb-title { font-size:16px; padding-right:0; font-weight: 600; line-height: 1.3; margin-block-end: 0; margin-top:20px; height: 40px; margin-right: 0; } 
.product-thumb-price-info { font-size:18px; } 
.product-thumb-price { font-family: 'Pretendard Variable'; font-size:18px; } 
.product-thumb-unit { font-size:18px; font-weight: 700; } 
.product-thumb__immediately-percent { color:#3a42ff } 
.product-thumb-price--origin { font-size:14px; color:#888; } 
.display-product .thumb-item__info { padding:0; position: relative; } 
.product-thumb-price-info { line-height:1; column-gap: 10px; margin-top:15px; } 

.review_count { position: relative; margin-top:12px; font-size:14px; padding-left:19px; font-weight: 500; color:#333; line-height: 1; } 
.review_count::before { content:''; position: absolute; left:0; background:url('../images/custom/product/icon_review.png')no-repeat; width:13px; height:13px; } 

.thumb-fab--cart { position: relative; right:0; bottom:0; width:100%; height: 35px; font-size:16px; font-weight: 500; border: 1px solid #e5e5e5; margin-top:5px; } 
.thumb-fab--cart .ico { position: relative; background: none; width: auto; padding-left:24px; height: 35px; display: flex; align-items: center; justify-content: center; } 
.thumb-fab--cart .ico::before { content:''; position:absolute; left:0; top:10px; width:17px; height:16px; background:url('../images/custom/product/icon_cart.png')no-repeat;  background-size: 100%; } 

.thumb-item__overlay{z-index: 10;}
.thumb-fab--like { width:36px; height:36px; border-radius: 100%; right:11px; bottom:11px; background: #d7d7d7 url('../images/custom/product/icon_heart.png')no-repeat center; background-size: 17px 16px; } 
.thumb-fab--like.is-active { background: #3a42ff url('../images/custom/product/icon_heart.png')no-repeat center; background-size: 17px 16px; } 
:is(.thumb-PRODUCT_MOVE) .thumb-fab { display: none; } 
:is(.thumb-PRODUCT_MOVE) .thumb-item:hover .thumb-fab { display: block; }