@charset "utf-8";

/*========================================================================
메인 레이아웃
========================================================================*/
.body-main #header .header-wrap { position:absolute; left:0; right:0; border-bottom:0; }
.body-main .header-top { margin:20px 50px 0; }
.body-main #container { max-width:100%; width:100%; }
.body-main #contents { max-width:100%; width:100%; padding:0; }
.body-main #contents .sub_content { padding:0; }
.body-main .side-floating { display:none; }

.main-inner { position:relative; max-width:1920px; width:100%; min-width:1300px; padding:0 50px; margin:0 auto; box-sizing:border-box; }
.main-inner::after { content:""; display:block; clear:both; }

/* 메인 상단 고정 */
#header.fixed .header-top { width:calc(100% - 100px); }


/*========================================================================
메인 비주얼
========================================================================*/
.main-visual { position:relative; overflow:hidden; }
.main-visual img { width:100%; }

/* 비주얼 타이틀 */
.main-visual .visual-title { position:absolute; left:50px; bottom:72px; color:#fff; }
.main-visual .visual-title h3 { font-size:38px; font-weight:700; line-height:1.2; }
.main-visual .visual-title p { margin:4px 0 0 ; font-size:18px; }

/* 타이틀 모션 */
.main-visual .swiper-slide { position:relative; }
.main-visual .swiper-slide .visual-title > * { opacity:0; transition:all 1s; }
.main-visual .swiper-slide.swiper-slide-active .visual-title > * { backface-visibility:hidden; animation:TransYS 1s ease-out both; opacity:1; }
.main-visual .swiper-slide.swiper-slide-active .visual-title > *:first-child { animation-delay:0.4s; }
.main-visual .swiper-slide.swiper-slide-active .visual-title > *:nth-child(2) { animation-delay:0.8s; }

/* 메인 비주얼 상품 */
.main-prd { display:flex; gap:7px; position:absolute; right:0; top:0; bottom:0; width:50%; height:100%; overflow:hidden; z-index:10; } 
.main-prd > div { flex:1; }
.main-prd .goods_list ul { display:flex; flex-direction:column; width:100%; padding:0; margin:0; }
.main-prd .goods_list ul > li { margin:0 0 7px; -webkit-backdrop-filter:blur(35px); backdrop-filter:blur(35px); }
.main-prd .goods_list ul .item_photo_box > a::after { display:none; }
.main-prd .goods_list ul .item_info_cont { display:flex; justify-content:space-between; gap:10px; padding:0 20px 25px; box-sizing:border-box; opacity:0; transition:all .3s ease; }
.main-prd .goods_list ul > li:hover .item_info_cont { opacity:1; }
.main-prd .item_tit_box .item_name { padding:3px 0; }
.main-prd .item_icon_box,
.main-prd .sale-rate { display:none; }
.main-prd .item_money_box .item_price { padding:0; white-space:nowrap; }
.main-prd .goods_list .item_cont  { margin:0; padding:0; }


/*========================================================================
메인 컨텐츠 영역
========================================================================*/
/* box 간격 */ 
.main-box { margin:130px 0 0; }
.main-box2 { margin:0 0 0; }
.main-box3 { margin:130px 0 0; }
.main-box4 { margin:70px 0 0; }
.main-box5 { margin:130px 0 0; }
.main-box6 { margin:70px 0 0; }
.main-box7 { margin:0; }

/* 메인 타이틀 */ 
.main-title { margin:0 auto 30px; line-height:1; text-align:center;}
.main-title h3 { display:inline-block; color:#000; font-size:32px; font-weight:500; line-height:1; }
/* 메인 타이틀 모션 */
.main-wrap .main-title h3 {background:linear-gradient(90deg, var(--basic-color) 50%, hsla(0, 0%, 40%, .314) 0); background-clip:text; background-position:100% 0; background-size:200% 100%; color:rgba(0, 0, 0, 0); }
.main-wrap .motion .main-title h3 { animation:fill-animation 1s forwards; }

/* 메인 더보기 */
.main-more { display:block; margin:10px auto; text-align:center; }
.main-more a { color:#9e9e9e; font-size:18px; }

/* 메인 상품 공통 */
.goods_list .goods_list_tit { display:none; }
.goods_list .item_cont { padding-bottom:60px; }

/* 롤링 배너 */
.rolling-bn { position:relative; overflow:hidden; }
.rolling-bn .swiper-slide .bn-img > img { width:100%; transform:scale(1.25); transition:all 2s ease-out; }
.rolling-bn .swiper-slide-active .bn-img > img { transition:4s ease-out; transform:scale(1); }
.rolling-bn .goods_list { position:absolute; left:50px; top:50%; transform:translateY(-50%); }
.rolling-bn .goods_list ul { display:flex; flex-direction:column; gap:22px; width:100%; margin:0; }
.rolling-bn .goods_list ul > li { display:flex; position:relative; margin:0; padding:10px; box-sizing:border-box; border:0; background:rgba(255,255,255,0.9); }
.rolling-bn .goods_list ul > li { display:flex; position:relative; margin:0 0 22px; padding:10px; box-sizing:border-box; border:0; background:rgba(255,255,255,0.9); }
.rolling-bn .goods_list ul .item_photo_box { display:inline-block; position:relative; width:160px; margin:0; padding:0; z-index:2; }
.rolling-bn .goods_list ul .item_btn_box { display:flex; top:auto; left:10px; right:10px; bottom:20px; height:auto; margin:0; opacity:1; }
.rolling-bn .goods_list .item_list_type { overflow:visible; }
.rolling-bn .goods_list .item_list_type .item_cont { position:unset; }
.rolling-bn .goods_list .item_list_type .item_info_list { width:100%; padding:0; }
.rolling-bn .goods_list .item_list_type .item_money_box { display:block; padding:0; }
.rolling-bn .goods_list ul .item_info_cont { position:absolute;  top:0; left:100%; min-width:287px; height:100%; margin:0; padding:20px 10px 20px 8px; opacity:0; visibility:hidden; transition:all 0.5s ease-out; background:rgba(255,255,255,0.9); box-sizing:border-box;  z-index:1;}
.rolling-bn .goods_list ul .item_info_cont { mask-image:linear-gradient(90deg, #fff 33.333%, transparent 66.666%); mask-position:80% 0; mask-size:300% 100%; mask-repeat:no-repeat; transition:mask-position ease-out 0.5s;  -webkit-mask-image:linear-gradient(90deg, #fff 33.333%, transparent 66.666%); -webkit-mask-position:80% 0; -webkit-mask-size:300% 100%; -webkit-mask-repeat:no-repeat; -webkit-transition:-webkit-mask-position ease-out 0.5s; }
.rolling-bn .goods_list ul > li:hover .item_info_cont { mask-position:0 0; -webkit-mask-position:0 0; opacity:1; visibility:visible; }
.rolling-bn .goods_list ul .item_info_cont .item_name { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  text-overflow:ellipsis; overflow:hidden; margin:0; padding:0; }
.rolling-bn .goods_list .item_cont { padding-bottom:0; }
.rolling-bn .item_list_type .item_btn_box .btn_list_cart { display:block; }

/* 중간배너 */
.main-mid-bn { display:flex; justify-content:center; }
.main-mid-bn .banner-list { position:relative; overflow:hidden; }
.main-mid-bn .banner-list img { transition:all 0.3s ease-out; }
.main-mid-bn .banner-list:hover img { transform:scale(1.05); }
.main-mid-bn img { width:100%; }
.main-mid-bn .mid-bn-txt { position:absolute; bottom:40px; left:50px; color:#FFF; }
.main-mid-bn .mid-bn-txt > p { margin:0 0 6px; font-size:32px; font-weight:500; line-height:1.2; }
.main-mid-bn .mid-bn-txt > span { font-size:14px; font-weight:200; border-bottom:solid 1px #fff; }

/* BEST SELLER */
.best-prd .goods_tab_tit ul { display:flex; flex-wrap:wrap; justify-content:center; gap:31px; width:100%; margin:0 0 35px; }
.best-prd .goods_tab_tit ul li { width:auto !important;  }
.best-prd .goods_tab_tit ul li a { height:auto; margin:0; padding:0; color:#BDBDBD; font-size:24px; font-weight:400; line-height:1; background:none; opacity:1; border:0; }
.best-prd .goods_tab_tit ul li.on a { color:#000; font-weight:400; border:0; }

/* 리뷰 */
.real-review { overflow:hidden; }
.real-review .review-inner { position:relative; }
.real-review .review-wrap { width:calc(100% - 238px); }
.real-review .review-box { position:absolute; top:0; left:61px; height:100%; }
.real-review .review-inner .swiper-container { height:100%; }
.real-review .review-inner swiper:not(.swiper-vertical) .swiper-wrapper { flex-direction:column; justify-content:space-evenly; gap:20px; padding:10px 0; box-sizing:border-box; }
.real-review .review-box { height:100%; }
.real-review .review-btn { display:none; }
.real-review:has(.swiper-vertical) .review-btn { display:flex; flex-direction:column-reverse; gap:33px; position:absolute; top:50%; right:-52px; transform:translate(50%,-50%);   }
.real-review .review-btn .swiper-button-next, 
.real-review .review-btn .swiper-button-prev { position:relative; left:0; right:0; top:0; width:38px; height:20px; margin:0; }
.real-review .review-btn .swiper-button-next { background:url("../img/review_down.png") no-repeat center; } 
.real-review .review-btn .swiper-button-prev { background:url("../img/review_up.png") no-repeat center; } 
.real-review .review-btn .swiper-button-next::after, 
.real-review .review-btn .swiper-button-prev::after { display:none; }
.real-review .review-inner ul li { display:flex; align-items:center; gap:18px; position:relative; padding:10px 10px 10px 10px; backdrop-filter:blur(35px); background:rgba(225, 225, 225, 0.1); box-sizing:border-box; }
.real-review .review-inner ul li .prd-img div { position:relative; width:363px; height:200px; overflow:hidden; }
.real-review .review-inner ul li .prd-img .no-attach,
.real-review .review-inner ul li .prd-img .no-prd { display:none; }
.real-review .review-inner ul li .prd-img div img { position:absolute; top:0; left:0; width:100%; height:100%; max-width:100%; object-fit:cover; transition:all 0.3s ease-out; }
.real-review .review-inner ul li .review-cont { padding:0 0 14px; margin:0 0 15px; border-bottom:solid 1px rgba(189, 189, 189, 0.40); }
.real-review .review-inner ul li .star-wrap { display:flex; justify-content:space-between; align-items:center; margin:0 0 17px;  }
.real-review .review-inner ul li .star-wrap > span { position:relative; color:#BDBDBD; font-size:14px; font-weight:300; }
.real-review .review-inner ul li .rating { display:inline-block; vertical-align:middle; width:92px; height:19px; margin:0; padding:0; background:url("../img/ico_point0.png") no-repeat 0 0; text-indent:-9999px; }
.real-review .review-inner ul li .rating span { display:block; height:19px; background:url("../img/ico_point5.png") no-repeat 0 0; }
.real-review .review-inner ul li .tit > h5 { white-space:nowrap; text-overflow:ellipsis; margin:0 0 15px; color:#fff; font-size:14px; overflow:hidden; }
.real-review .review-inner ul li .cont > p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:36px; line-height:1.36; color:#E0E0E0; font-size:13px; font-weight:300; }
.real-review .review-inner ul li .thumb { display:flex; align-items:center; }
.real-review .review-inner ul li .thumb a img { width:60px; height:auto; background:#fff; }
.real-review .review-inner ul li .thumb .name { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; padding-left:16px; color:#fff; font-size:13px; font-weight:300; text-overflow:ellipsis; overflow:hidden; }
.real-review .review-bn { position:relative; width:100%; height:600px; background-attachment:fixed; background-position:center; background-size:cover; background-repeat:no-repeat; }
.real-review .review-bn img { min-width:100%; display:none; }

/* 하단배너 */
.bottom-bn { position:relative; }
.bottom-bn .bottom-bg img { width:100%; }
.bottom-bn .spin-txt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.bottom-bn .spin-txt > div { display:flex ; flex-direction:column; flex-wrap:wrap; align-items:center; gap:50px; }
.bottom-bn .spin-txt a { color:#FFF; font-size:16px; line-height:1; border-bottom:solid 1px #fff; }
.bottom-bn .spin-txt img { max-width:100%; animation:Rotate 7.5s linear infinite; }

/* 흐르는 텍스트 - 마퀴 */
.linear-roller { display:flex; width:100%; background:var(--basic-color); overflow:hidden; }
.linear-roller ul { display:flex; flex-shrink:0; }
.linear-roller ul li { margin:0 105px 0 0; padding:18px 0; white-space:nowrap; color:#fff; font-size:17px; line-height:1; }
.marquee1 { animation:marquee forwards infinite linear 80s; }
.marquee2 { animation:marquee2 forwards infinite linear 80s; }