@charset "utf-8";

/*========================================================================
메인 레이아웃
========================================================================*/
#header .header-wrap .header-top { position:absolute; top:14px; left:0; right:0; margin:0 18px; text-align:center; z-index:10; }
#header .header-wrap h1.top-logo { padding:12px 0; }
#container { padding-bottom:0; }


/*========================================================================
메인 비주얼
========================================================================*/
/* 메인 비주얼 */
.main-visual { position:relative; }
.main-visual .swiper-container { width:100%; }
.main-visual .swiper-slide .visual-img img { width:100%; vertical-align:top; }
.main-visual .visual-bn img { width:100%; }
.main-visual .main-visual-bg { display:none; }

/* 비주얼 타이틀 */
.visual-title { position:absolute; bottom:111px; left:0; width:100%; padding:0 18px; color:#fff; text-align:center; box-sizing:border-box; }
.visual-title h3 { font-size:28px; font-weight:700; line-height:1.16;  }
.visual-title p { margin:3px 0 0;  font-size:16px; font-weight:400; }

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

/* 메인 비주얼 상품 */
.main-prd { position:absolute; bottom:0; left:18px; width:calc(100% - 18px); height:auto; padding:30px 0 30px 30px; transform:translateY(50%); border-radius:20px 0 0 20px; background-size:100% auto; background:rgba(255, 255, 255, 0.3); backdrop-filter:blur(5px); box-sizing:border-box; z-index: 1; }
.main-prd ._goods_display_main .main_prd_list { padding:0; }
.main-prd ._goods_display_main .main_prd_list > li:not(.goods_prd_item) { width:auto; }
.main-prd ._goods_display_main .main_prd_list > li:not(.goods_prd_item) > div { width:80px; padding:0; }
.main-prd ._goods_display_main .main_prd_list > li:not(.goods_prd_item) > div .goods_prd_img { padding-bottom:0; background:#fff; }
.main-prd .goods_prd_icon,
.main-prd .btn_box,
.main-prd .prd-btn-box,
.main-prd ._goods_display_main h3,
.main-prd .goods_prd_content { display:none; }
.main-prd .swiper-wrapper { transition-timing-function:linear !important; }

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


/*========================================================================
메인 컨텐츠
========================================================================*/
.main-wrap { width:100%; margin:0 auto; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.main-inner { padding:0 18px; box-sizing:border-box; }

/* 타이틀 공통 */
.main-title { margin-bottom:20px; text-align:center; color:var(--basic-color); line-height:1.2; text-align:center;  }
.main-title h3 { color:#000; font-size:18px; font-weight:500; }
/* 메인 타이틀 모션 */
.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 3s forwards; }

/* 메인 간격 */
.main-box { margin:72px 0 0; }
.main-box2 { margin:70px 0 0; }
.main-box3 { margin:68px 0 0; }
.main-box4 { margin:52px 0 0; }
.main-box5 { margin:70px 0 0; }
.main-box6 { margin:60px 0 0; }

/* 메인 상품 진열 공통 */
.main-wrap [class^="goods_prd_"] .goods_prd_img { width:auto; margin:0 1px; }
.main-wrap [class^="goods_prd_"] .goods_prd_content { margin:0 11px; }

/* 중간배너 */
.main-mid-bn .main-title { padding:0 18px; box-sizing:border-box; text-align:left; }
.main-mid-bn { position:relative; overflow:hidden; }
.main-mid-bn img { width:100%; }
.main-mid-bn .mid-bn-txt { position:absolute; bottom:11px; left:0; width:100%; padding:0 14px 0 14px; box-sizing:border-box; color:#FFF; }
.main-mid-bn .mid-bn-txt > p { position:relative; font-size:18px; font-weight:500; }
.main-mid-bn .mid-bn-txt > p::after { display:block; content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); width:11px; height:8px; background:url("../img/mid-bn-arr.png") no-repeat center; background-size:100% auto; }

/* 롤링 배너 */
.rolling-bn { position:relative; }
.rolling-bn .swiper-slide .bn-box .bn-img { display:block; overflow:hidden;  }
.rolling-bn .swiper-slide .bn-box .bn-img > img { width:100%; transform:scale(1.3); transition:all 4s ease-out; }
.rolling-bn .swiper-slide-active .bn-box .bn-img > img { transform:scale(1); }
.rolling-bn .prd-box { position:absolute; left:18px; right:18px; bottom:17px; }
.rolling-bn .prd-box .main_prd_list { width:100%; margin:0; padding:0; }
.rolling-bn .prd-box .main_prd_list > li,
.rolling-bn .prd-box .main_prd_list > li:first-child { display:flex; margin:0; padding:10px; border:0; box-sizing:border-box; background:rgba(255,255,255,0.9); }
.rolling-bn .prd-box .main_prd_list .goods_prd_img { display:inline-flex; align-items:center; position:relative; width:94px; margin:0; padding:0; z-index:2; }
.rolling-bn .prd-box .main_prd_list .goods_prd_content { width:calc(100% - 94px); height:100%; margin:0; padding:10px 0 25px 18px; box-sizing:border-box;  z-index:1; }
.rolling-bn .prd-box .main_prd_list .goods_prd_content .goods_prd_icon { display:none; }
.rolling-bn .prd-box .main_prd_list .prd-btn-box { left:122px; right:auto; bottom:18px; top:auto; z-index:2; }
.rolling-bn .swiper-slide { pointer-events:none; }
.rolling-bn .swiper-slide-active { pointer-events:auto; }
.rolling-bn .tab-template { display:flex; position:absolute; top:0; left:18px; right:18px; bottom:auto; width:auto; height:auto; z-index:2; }
.rolling-bn .tab-template .swiper-pagination-bullet { position:relative; flex:1; width:auto; height: auto; background:none; margin:0; padding:26px 0 14px; color:#fff; font-size:12px; font-weight:500; text-align:center; border-radius:0; opacity:0.5; }
.rolling-bn .tab-template::after { content:""; display:block; width:100%; height:1px; position:absolute; left:0; right:0; bottom:0; background:#fff; opacity:1; }
.rolling-bn .tab-template .swiper-pagination-bullet-active { background:none; opacity:1; border-bottom:solid 3px #fff; }
.rolling-bn [class^="goods_prd_"] .goods_prd_content .goods_info_list li.prd_name { display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; }

/* BEST SELLER */
.best-prd { overflow:hidden; }
.best-prd .goods_prd_item7 .tab_box .tab { display:flex; width:auto; margin:0 0 21px; }
.best-prd .goods_prd_item7 .tab_box .tab li { display:block; width:auto; }
.best-prd .goods_prd_item7 .tab_box .tab li a { width:auto; height:auto; padding:0; color:#BDBDBD; font-size:14px; font-weight:400; border:0; background:none; opacity:1; }
.best-prd .goods_prd_item7 .tab_box .tab li.on a { color:#000; } 
.best-prd .main_prd_list { width:calc(100% + 2px); margin-left:-1px; padding:0; }
.best-prd .goods_prd_item7 .goods_prd_item7_box { padding:0 0 37px; }

/* 리뷰 */
.real-review { overflow:hidden; }
.real-review .main-title { margin-bottom:25px; }
.real-review .review-inner { position:relative; }
.real-review .review-box { height:100%; }
.real-review .review-inner .swiper-container.swiper-vertical { height:430px; }
.real-review .review-inner .swiper-container:not(.swiper-vertical) .swiper-wrapper { flex-direction:column; gap:22px; }
.real-review .review-inner ul li { display:flex; align-items:center; gap:13px; position:relative; min-height:143px;  padding:0 0 22px; border-bottom:solid 1px #E0E0E0; box-sizing:border-box; }
.real-review .review-inner ul li a { display:block; width:100%; }
.real-review .review-inner ul li:last-child { border:0; }
.real-review .review-inner ul li .prd-img div { position:relative; width:100%; min-width:143px; height:143px; 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-wrap { display:none ; flex-direction:column; justify-content:space-between; width:calc(100% - 156px); height:100%; }
.real-review .review-inner ul li .review-cont {  }
.real-review .review-inner ul li .star-wrap { display:flex; justify-content:space-between; align-items:center; margin:0 0 11px;  }
.real-review .review-inner ul li .rating { display:block; vertical-align:middle; width:75px; height:15px; margin:0; padding:0; background:url("../img/ico_point0.png") no-repeat 0 0; background-size:auto 100%; text-indent:-9999px; }
.real-review .review-inner ul li .rating span { display:block; height:15px; background:url("../img/ico_point5.png") no-repeat 0 0; background-size:auto 100%; }
.real-review .review-inner ul li .star-wrap > span { display:block; width:calc(100% - 80px); position:relative; color:#757575; font-size:12px; font-weight:300; line-height:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.real-review .review-inner ul li .tit > h5 { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;  text-overflow:ellipsis; overflow:hidden; color:var(--basic-color); font-size:14px; font-weight:400; line-height:1.36; }
.real-review .review-inner ul li .thumb { display:flex; align-items:center; padding:14px 0 0 ; margin:15px 0 0 ; border-top:solid 1px #F5F5F5;}
.real-review .review-inner ul li .thumb a img { width:39px; height:auto; background:#fff; }
.real-review .review-inner ul li .thumb a .img { position:relative; }
.real-review .review-inner ul li .thumb a .img::after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(35, 35, 35, 0.04); }
.real-review .review-inner ul li .thumb .name {  padding-left:8px; color:#757575; font-size:13px; font-weight:300; line-height:136%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/* new */
.new-prd .main-title { margin:0 0 24px; }
.new-prd ._goods_display_main .main_prd_list > li:not(.goods_prd_item) > div { padding:0; }
.new-prd  ._goods_display_main .main_prd_list { padding:0; }

/* 하단배너 */
.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:25px; }
.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:125px; width:100%; animation:Rotate 6.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 50px 0 0; padding:13px 0; white-space:nowrap; color:#fff; font-size:14px; font-weight:300; line-height:1; }
.marquee1 { animation:marquee forwards infinite linear 110s; }
.marquee2 { animation:marquee2 forwards infinite linear 110s; }