@charset "utf-8";

/*========================================================================
메인 레이아웃
========================================================================*/
.body-main #topLine { height:0; }
.body-main #header .header-wrap { border-bottom:0; }
.body-main #container { max-width:100%; width:100%; }
.body-main #contents { max-width:100%; width:100%; padding:0 0 9px; }
.body-main #contents .sub_content { padding:0; }
.body-main .side-floating { display:none; }

.main-inner { position:relative; max-width:1696px; padding:0 88px; margin:0 auto; }
.main-inner::after { content:""; display:block; clear:both; }


/*========================================================================
메인 비주얼
========================================================================*
/* 비주얼 */
.main-visual { position:relative; margin:0 auto; overflow:hidden; }
.main-visual .swiper-container { width:100%; }
.main-visual .swiper-slide { position:relative; overflow:hidden; display:flex; justify-content:center; align-items:center;  }
.main-visual .swiper-slide a { position:relative; width:100%; }
.main-visual .swiper-slide a::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }
.main-visual .swiper-slide { overflow:hidden; }
.main-visual .swiper-slide img { transform:scale(1.1) rotate(0.002deg); transition:all 1s cubic-bezier(0.215,0.61,0.355,1); }
.main-visual .swiper-slide.swiper-slide-active img { transform:scale(1) rotate(0.002deg); }

/* 제어 버튼 */ 
.main-visual .swiper-container .swiper-button-next, 
.main-visual .swiper-container .swiper-button-prev { width:19px; height:34px; margin-top:-17px; background-size:100% auto; }
.main-visual .swiper-container .swiper-button-next { right:50%; transform:translateX(685px); background-image:url("../img/main_next.png"); }
.main-visual .swiper-container .swiper-button-prev { left:50%; transform:translateX(-685px); background-image:url("../img/main_prev.png"); }

/* 페이징 */
.main-visual .caption { position:absolute; bottom:60px; left:50%; width:1170px; margin-left:-585px; color:#fff; font-size:20px; font-weight:300; line-height:1; letter-spacing:5px; text-align:left; z-index:99; }
.main-visual .caption .current { font-weight:600; }

/* 타이틀 */
.visual-title { position:absolute; top:65px; left:50%; width:1170px; transform:translate(-50%,0); text-align:left; overflow:hidden; }
.visual-title strong { display:block; margin:0 0 20px; color:#7EE56A; font-size:32px; font-weight:600; line-height:30px;  letter-spacing:-0.64px;}
.visual-title h3 { color:#FFF; font-size:51px; font-weight:600; line-height:121.569%; }
.visual-title p { margin:12px 0 0; color:#C0C0C0; font-size:25px;  font-weight:500; line-height:152%; letter-spacing:-0.5px; }

/* 비주얼 타이틀 모션 */
.main-visual .visual-title > * { opacity:0; }
.main-visual .swiper-slide-active .visual-title > * { backface-visibility:hidden; animation:TransXL .65s ease-out both; }
.main-visual .swiper-slide-active .visual-title > *:first-child { animation-delay:0s; }
.main-visual .swiper-slide-active .visual-title > *:nth-child(2) { animation-delay:0.2s; }
.main-visual .swiper-slide-active .visual-title > *:nth-child(3) { animation-delay:0.4s; }


/*========================================================================
메인 컨텐츠 영역
========================================================================*/
/* 메인 공통 */
.icon_time_sale { display:none; }

/* box 간격 */
.main-box { }
.main-box2 { margin:80px 0 0; }
.main-box3 { margin:80px 0 0; }
.main-box4 { margin:79px 0 0; }
.main-box5 { margin:80px 0 0; }
.main-box6 { margin:80px 0 0; }

/* 메인 타이틀 */
.main-wrap .goods_list_tit { display:none; }
.main-title { position:relative; margin:0 0 25px; }
.main-title h3 { display:flex; align-items:center; justify-content:center; gap:12px; font-size:28px; font-weight:600; line-height:50px; letter-spacing:-0.56px; }
.main-title h3 strong { color:#000; font-weight:600; }

/* 메인 퀵 메뉴 배너 */
.main-quick-menu:has(ul > li) { margin-top:50px; }
.main-quick-menu ul { display:flex; align-items:center; justify-content:center; gap:44px; }
.main-quick-menu ul li { position:relative; width:108px; }
.main-quick-menu ul li span { display:block; width:100%;  border-radius:25px; box-sizing:border-box; overflow:hidden; }
.main-quick-menu ul li img { width:100%; transition:all 0.3s ease-out; }
.main-quick-menu ul li:hover img { transform:scale(1.1); }
.main-quick-menu p { margin:6px 0 0; font-size:21px; font-weight:600; line-height:30px; letter-spacing:-0.42px; text-align:center; word-break:break-all; }

/* 메인 롤링 배너 */
.main-bn { overflow:hidden; }
.main-bn .main-inner { width:1176px; margin:0 auto; }
.main-bn .swiper-container { overflow:visible; }
.main-bn .swiper-container .swiper-slide { border-radius:25px; overflow:hidden; }
.main-bn .swiper-container .swiper-button-next, 
.main-bn .swiper-container .swiper-button-prev { width:68px; height:68px; margin-top:-34px; background-size:100% auto; }
.main-bn .swiper-container .swiper-button-prev { left:45px; background-image:url("../img/main_slide_prev.png"); }
.main-bn .swiper-container .swiper-button-next { right:45px; background-image:url("../img/main_slide_next.png"); }

/* 타임세일 */
.main-time-sale { padding:80px 0 30px; background:#F5F5F5; }
.main-time-sale .goods_list_cont { overflow:hidden; }
.main-time-sale .goods_list_cont ul { width:calc(100% + 34px); margin-left:-17px; }
.main-time-sale .item_cont { padding:0 17px 50px; }
.main-time-sale .item_photo_box { border:0; border-radius:29px; } 
.main-time-sale .item_tit_box .item_name { font-size:18px; }
.main-time-sale .item_money_box .item_price,
.main-time-sale .sale-rate { font-size:23px; }
.main-time-sale .icon_time_sale,
.main-time-sale .item_link { display:none; }
/* 타이머 */
.main-time-sale .time-sale-title { position:absolute; top:14px; left:14px; }
.main-time-sale .timedeal-clock { display:flex; align-items:center; justify-content:center; position:relative; min-width:180px; height:38px; padding:0 5px; color:#FFF; font-size:16px; font-weight:600; letter-spacing:-0.32px;  border-radius:20px; background:var(--point-color); box-sizing:border-box; }
.main-time-sale .timedeal-clock strong { color:#FFF; font-size:16px; font-weight:600; }
.main-time-sale .timedeal-clock span.days + strong { margin:0 3px 0 0; }
.main-time-sale .timedeal-clock span.secs + strong { margin:0 0 0 3px; }
.main-time-sale .timedeal-clock::before { content:""; display:inline-block; width:24px; height:24px; margin:0 5px 0 0; background:url("../img/time-sale-icon.png") no-repeat center; }

/* 베스트상품 */
.best-prd .main-title { margin:0 0 20px; }
.best-prd .goods_tab_tit ul { display:flex; justify-content:center;  gap:22px; width:100%; margin:0 0 50px; }
.best-prd .goods_tab_tit li { width:auto !important; }
.best-prd .goods_tab_tit li a { width:auto; height:auto; min-width:201px; padding:0 20px; color:#7C7C7C; text-align:center; font-size:21px; font-weight:600; line-height:62px; letter-spacing:-0.42px; border:0;  border-radius:30px; opacity:1; box-sizing:border-box; background:#F5F5F5; }
.best-prd .goods_tab_tit li.on a { color:#FFF; font-weight:600; border:0; background:var(--point-color); }
.best-prd .item_cont { padding:0 22px 47px; }
.best-prd .goods_list_cont { overflow:hidden; } 
.best-prd .goods_list_cont ul { width:calc(100% + 44px); margin-left:-22px; }
.best-prd .prd-more { display:block;  width:201px; margin:0 auto; color:#FFF; text-align:center; font-size:21px; font-weight:600; line-height:62px; letter-spacing:-0.42px; border-radius:30px; background:#000; }

/* 메인 중간 배너 */
.mid-bn { display:flex; }
.mid-bn > span { flex:1; }
.mid-bn > span img { width:100%; }

/* 우수 품질 추천 상품 */
.recom-prd { overflow:hidden; }
.recom-prd .main-title { margin:0 0 40px; }
.recom-prd .main-inner { max-width:100%; width:100%; padding:0; }
.recom-prd .item_icon_box,
.recom-prd .item_link { display:none; }
.recom-prd .item_photo_box { border:0; }
.recom-prd .item_cont { padding:37px 37px 50px; }
.recom-prd .item_info_cont { padding:16px 0 0; box-sizing:border-box; }
.recom-prd .swiper-container { padding:0 0 56px; }
.recom-prd .swiper-container > ul { border-left:solid 1px #D9D9D9; }
.recom-prd .swiper-container > ul > li { width:384px !important; height:auto; border-top:solid 1px #D9D9D9; border-bottom:solid 1px #D9D9D9; border-right:solid 1px #D9D9D9; }
.recom-prd .swiper-container .swiper-scrollbar { left:50%; bottom:0; transform:translateX(-50%); width:780px; height:6px; background:#E9E9E9; }
.recom-prd .swiper-container .swiper-scrollbar .swiper-scrollbar-drag { background:#000; }