@charset "utf-8";

/*========================================================================
메인 레이아웃
========================================================================*/
.body-main #wrap::before { border-bottom:0; }
.body-main #container {  max-width:100%; width:100%; min-width:1400px; padding-bottom:0; }
.body-main #contents { max-width:100%; min-width:1400px; width:100%; padding:0; margin:0 auto; }
.body-main #topLine { height:0; }
.body-main #footer { margin-top:0; }
.body-main .side-floating { display:none; }
.body-main #header .header-wrap { position:absolute; width:100%; left:0; z-index:3; }

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


/*========================================================================
메인 영역
========================================================================*/
/* 메인 비주얼 */
.main-visual { position:relative; }
.main-visual .slider-wrap .slick-prev,
.main-visual .slider-wrap .slick-next { width:44px; height:86px; top:50%; transform: translate(0, -50%); }
.main-visual .slider-wrap .slick-prev { left:50px; background:url("../img/main_prev_btn.png") no-repeat; }
.main-visual .slider-wrap .slick-next { right:50px; background:url("../img/main_next_btn.png") no-repeat; }
.main-visual .slider-wrap .slick-slide { position:relative; }
.main-visual .slider-wrap img {width:100%; height:100%; object-fit:cover;}
.main-visual .slider-wrap .slick-dots li button { padding:0; opacity:0.5; border-radius:10px; transition:all .3s; }
.main-visual .slider-wrap .slick-dots li.slick-active button { width:30px; opacity:1; transition:all .3s; }

/* 비주얼 타이틀 */
.visual-title { position:absolute; bottom:124px; left:238px; text-align:left; }
.visual-title em { display:block; color: #2E2E2E; font-size: 30px; font-weight: 400; line-height:1.2; }
.visual-title h3 { color:#2E2E2E; font-size:52px; font-weight:400; line-height:1.3; }
.visual-title h3 strong { font-weight:700; }
.visual-title p { margin:30px 0 0; color:#2E2E2E; font-size:20px; font-weight:400; line-height:1; }

/* 비주얼 타이틀 모션 */
.main-visual .visual-title div > * { opacity:0; }
.main-visual .slick-active .visual-title div > * { backface-visibility:hidden; animation:TransYS 1s ease-out both; }
.main-visual .slick-active .visual-title div > *:first-child { animation-delay:0.1s; }
.main-visual .slick-active .visual-title div > *:nth-child(2) { animation-delay:0.4s; }
.main-visual .slick-active .visual-title div > *:nth-child(3) { animation-delay:0.7s; }

/* box 간격 */
.main-box { margin:120px 0 160px; overflow:hidden; }
.main-box2 { margin:160px 0 140px; overflow:hidden; }
.main-box3 { margin:140px 0 160px; padding:60px 0 0; overflow:hidden; }
.main-box4 { margin:160px 0 168px; }
.main-box5 { margin:168px 0 160px; }
.main-box6 { margin:160px 0 160px; }
.main-box7 { margin:160px 0 0; padding:0 0 160px; }

/* 메인 타이틀 */
.main-wrap .goods_list_tit { display:none; }
.main-wrap .title h2 { margin:0 0 40px; color:#221C10; font-size:42px; line-height:1; }
.main-wrap .title h2 > strong { display:block; font-weight:700; }
.main-wrap .title h2 > span { display:block; margin:20px 0 0; color:#666; font-size:20px; font-weight:400; line-height:1; }

/* 상품 공통 */
.item_tit_box .item_name { text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:50.4px; line-height:25.2px; }

/* 베스트 상품 */
.main-best-prd { display:flex; gap:59px; }
.main-best-prd .left { position:relative; width:335px; padding:20px 0 0; z-index:3; }
.main-best-prd .right { display:flex; position:relative; width:calc(100% - 394px); }
.main-best-prd .right::before { content:''; position:absolute; right:100%; width:2000px; height:100%; background:#fff; z-index:2; }
.main-best-prd .best-depth1-tab ul { display:flex; gap:10px; }
.main-best-prd .best-depth1-tab ul li a { display:inline-block; min-width:105px; height:40px; line-height:38px; padding:0 20.5px; color:#999; font-size:20px; font-weight:500; text-align:center; border:1px solid #D1D1D1; border-radius:20px; box-sizing:border-box; } 
.main-best-prd .best-depth1-tab ul li.active a { background:#998A75; border-color:#998A75; color:#fff; font-weight:700; }
.main-best-prd .right .item { flex-shrink:0; display:none; width:100%; }
.main-best-prd .right .item.active { display:block; }  
.main-best-prd .best-depth2-tab { margin:60px 0 0; }
.main-best-prd .best-depth2-tab ul { display:none; }
.main-best-prd .best-depth2-tab ul li + li { margin:34px 0 0; }
.main-best-prd .best-depth2-tab ul li a { color:#666; font-size:20px; font-weight:400; line-height:1; }
.main-best-prd .best-depth2-tab ul li.active a { color:#392F19; font-size:24px; font-weight:700; }
.main-best-prd .best-depth2-tab ul.active { display:block; }
.main-best-prd .goods_tab_tit { display:none; }
.main-best-prd .swiper-container { padding:0 0 75px; overflow:visible; }
.main-best-prd .item_cont { padding:0; }
.main-best-prd .swiper-container .swiper-scrollbar { left:0; bottom:0; width:100%; height:2px; background:#D1D1D1; border-radius:0; }
.main-best-prd .swiper-container .swiper-scrollbar-drag { background:#221C10; border-radius:0; }
.main-best-prd .more-btn { margin:140px 0 0; }
.main-best-prd .more-btn a { display:none; color:#999; font-size:16px; font-weight:500; line-height:1; text-decoration-line:underline; }
.main-best-prd .more-btn a.active { display:inline-block; }

/* 이달의 상품 */
.main-recom-bn .swiper-container { overflow:visible; }
.main-recom-bn img { max-width:100%; }

/* 메인 타임세일 */
.main-time-sale { display:flex; width:calc(100% + 140px); height:680px; padding:69px 140px 69px clamp(135px, 9.4512vw, 155px); background:url("../img/main_timesale_bg.png") no-repeat; box-sizing:border-box; border-radius:0 0 0 30px; } 
.main-time-sale .left { width:396px; } 
.main-time-sale .right { position:relative; width:calc(100% - 396px); padding:0 clamp(117px, 8.1707vw, 134px) 0 clamp(154px, 10.7927vw, 177px); box-sizing:border-box; } 
.main-time-sale .title { margin:83px 0 0; }
.main-time-sale .title h2 { margin:0 0 118px; }
.main-time-sale .time-left { margin:0 0 50px; }
.main-time-sale .time-left h5 { display:flex; align-items:center; gap:8px; margin:0 0 20px; color:#000; font-size:24px; font-weight:700; line-height:29px; }
.main-time-sale .time-left h5::before { content:''; display:block; width:20px; height:23px; background:url("../img/main_timesale_clock_icon.png") no-repeat; background-size:100% auto; }
.main-time-sale .time-left h5 span { display:inline-block; position:relative; padding-left: }
.main-time-sale .time-left time { display:flex; align-items:center; gap:8px; text-align:center; }
.main-time-sale .time-left time strong { width:76px; height:52px; color:#fff; font-size:30px; font-weight:700; border-radius:6px; background:#2e2e2e; line-height:52px; }
.main-time-sale .time-left time span { color:#000; font-size:30px; font-weight:700; }
.main-time-sale .time-sale-control { display:flex; gap:16px; margin:0; }
.main-time-sale .time-sale-control .swiper-button-prev,
.main-time-sale .time-sale-control .swiper-button-next { position:static; width:36px; height:36px; margin:0; background-repeat:no-repeat; background-size:36px 36px; }
.main-time-sale .time-sale-control .swiper-button-prev { background-image:url("../img/main_timesale_prev.png"); }
.main-time-sale .time-sale-control .swiper-button-next { background-image:url("../img/main_timesale_next.png"); }
.main-time-sale .item_cont { padding:0; }
.main-time-sale .item_stock_box { padding:0 0 12px; margin:0 0 16px; color:#666; font-size:16px; font-weight:500; line-height:1; border-bottom:1px solid #999; }
.main-time-sale .item_stock_box strong { color:#2e2e2e; font-weight:700; }
.main-time-sale .time-sale-vertical-text { position:absolute; top:-129px; right:0; padding-top:155px; writing-mode:sideways-rl; color:#666; font-size:20px; font-weight:400; line-height:24px; }
.main-time-sale .time-sale-vertical-text::before { content:''; position:absolute; top:0; left:50%; margin-left:-1px; width:1px; height:125px; background:#666; }

/* 라이브관 & 이벤트 */
.main-event .event-cont > ul { display:flex; gap:40px; }
.main-event .event-cont > ul > li { flex:1; }
.main-event .event-cont > ul > li .thumb { position:relative; }
.main-event .event-cont > ul > li .thumb img { width:100%; }
.main-event .event-cont > ul > li.live .thumb::before { content:''; position:absolute; top:20px; left:20px; width:80px; height:30px; background:url("../img/main_live_flag.png") no-repeat; background-size:100%; }
.main-event .event-cont .prd-item { padding:30px 0 0; }
.main-event .event-cont .prd-item .txt h5 { color:#221C10; font-size:26px; font-weight:700; line-height:1; }
.main-event .event-cont .prd-item .txt p { margin:12px 0 0; color:#999; font-size:16px; font-weight:400; line-height:1.6; }
.main-event .event-cont .prd-item .prd { margin:37px 0 0; }
.main-event .event-cont .prd-item .goods_list_cont .item_list_type > ul > li + li { margin:30px 0 0; padding:30px 0 0; border-top:1px solid #D1D1D1; }
.main-event .event-cont .prd-item .prd .item_cont { display:flex; align-items:center; gap:20px; }
.main-event .event-cont .prd-item .prd .item_cont .item_photo_box { width:90px; }
.main-event .event-cont .prd-item .prd .item_cont .item_photo_box img { border:0; }
.main-event .event-cont .prd-item .prd .item_cont .item_info_cont { flex:1; }
.main-event .event-cont .prd-item .prd .item_cont .item_info_cont .item_info_list { width:100%; padding:0; }
.main-event .event-cont .prd-item .prd .item_cont .item_tit_box .item_name { font-size:18px; }
.main-event .event-cont .prd-item .prd .item_cont .item_info_cont .item_money_box { display:block; padding:0; margin:8px 0 0; }
.main-event .event-cont .prd-item .prd .item_cont .item_info_cont .item_money_box .item_price { font-size:18px; }
.main-event .event-cont .prd-item .prd .item_cont .item_info_cont .item_money_box .fixed-price { display:inline-block; margin:0; margin-left:5px; font-size:14px; vertical-align:bottom; }
.main-event .sale-rate { font-size:18px; }
.main-event .event-cont .prd-item .prd .item_btn_box { display:none; }

/* 홍보영상 */
.main-video { display:flex; align-items:center; }
.main-video .video-wrap { width:54.26829268292683%; }
.main-video .video-cont { display:flex; flex-direction:column; justify-content:space-between; flex:1; gap:20px; position:relative; margin-left:80px; padding-left:80px; border-left:1px solid #D1D1D1; }
.main-video .title {  }
.main-video .title h2 { margin:0; }
.main-video .title p { margin:27px 0 0; color:#666; font-size:18px; font-weight:400; line-height:1.6; }
.main-video .title a.more-btn { position:absolute; top:20px; right:0; color:#999; font-size:16px; line-height:1; text-decoration-line:underline; }
.main-video .video-cont .bn-list > ul > li > a { display:flex; align-items:center; gap:26px; }
.main-video .video-cont .bn-list > ul > li + li { margin:30px 0 0; }
.main-video .video-cont .bn-list > ul > li .thumb { width:200px; }
.main-video .video-cont .bn-list > ul > li .thumb img { width:100%; }
.main-video .video-cont .bn-list > ul > li .txt { flex:1; }
.main-video .video-cont .bn-list > ul > li .txt h5 { color:#2e2e2e; font-size:16px; font-weight:500; line-height:1; }
.main-video .video-cont .bn-list > ul > li .txt p { margin:12px 0 0; color:#666; font-size:14px; font-weight:400; line-height:1.4; }
.main-video .video-cont .bn-list > ul > li .txt span { display:block; margin:12px 0 0; color:#999; font-size:14px; line-height:1; }
.main-video .video-thumb a { display:block; position:relative; }
.main-video .video-thumb a::before { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:80px; height:80px; background:url('../img/main_video_play_btn.png') no-repeat; background-size:100%; }
.main-video .video-thumb img { width:100%; }
#moviePlayer .movie-dim { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:400; }
#youtubeWrap { position:fixed; top:50%; left:50%; width:50%; height:0; transform:translate(-50%, -50%); width:1066px; height:600px; z-index:401; }
#youtubeWrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
#moviePlayer .vimeo { display:none; }

/* 브랜드 */
.main-brand { display:flex; justify-content:center; }
.main-brand > div { width:50%; background:#F7F4EF; }
.main-brand > div img { width:100%; object-fit:none; }
.main-brand .swiper-scrollbar { left:0; right:0; height:2px; margin:0 auto; bottom:60px; width:200px; background:#D1D1D1; border-radius:0; }
.main-brand .swiper-scrollbar-drag { background:#221C10; }
@media all and (max-width:1640px) {
	.main-brand > div img { object-fit:cover; }
}

/* 리뷰 */
.best-review { position:relative; }
.best-review .title { text-align:center; }
.best-review .title h2 { margin:0 0 48px; }
.best-review .more-btn { position:absolute; top:26px; right:108px; color:#999; font-size:16px; line-height:1; text-decoration-line:underline; }
.best-review .review ul { display:flex; width:100%; }
.best-review .review ul li { width:20%; box-sizing:border-box; }
.best-review .review ul li:not(:last-child) { margin-right:40px; }
.best-review .review ul li .prd-img { position:relative; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; overflow:hidden; }
.best-review .review ul li .prd-img > div { display:block; position:relative; padding-top:100%; }
.best-review .review ul li .prd-img img { position:absolute; top:0; left:0; width:100%; height:100%; max-width:100%; object-fit:cover; }
.best-review .review ul li .tit > h5 { white-space:nowrap; text-overflow:ellipsis; margin:0 0 5px; color:#161616; font-size:18px; font-weight:500; text-align:center; letter-spacing:-0.5px; overflow:hidden; }
.best-review .review ul li .review-content { margin:10px 0 0; }
.best-review .review ul li .review-content > p { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; height:45px; line-height:1.4; max-height:45px; margin:0 0 20px; color:#222223; font-size:16px; font-weight:500; }
.best-review .review ul li .review-wrap { padding:20px 0 20px; margin:0 0 20px; border-bottom:1px solid #D1D1D1; }
.best-review .review ul li .star-wrap { display:flex; align-items:center; }
.best-review .review ul li .star-wrap > span { position:relative; padding:0 10px; color:#a8a8a8; font-size:13px; font-weight:300; }
.best-review .review ul li .star-wrap > span::before { content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1px; height:12px; background:#e2e2e2; }
.best-review .review ul li .star { width:95px; height:18px; padding:0 10px 0 0; background: url("../../_dbook/img/star_bg.png") no-repeat left top; text-indent:-999em; }
.best-review .review ul li .star span { display:block; height:18px; background: url("../../_dbook/img/star_fill.png") no-repeat left top; }
.best-review .review ul li .info { display:flex; }
.best-review .review ul li .info span { position:relative; color:#999; font-size:14px; font-weight:300; line-height:17px; }
.best-review .review ul li .info span:not(:first-child) { margin-left:10px; padding-left:10px; }
.best-review .review ul li .info span:not(:first-child)::before { content:''; position:absolute; top:2.5px; left:0; width:1px; height:12px; background:#d1d1d1; }
.best-review .review ul li .thumb a { display:flex; align-items:center; }
.best-review .review ul li .thumb a img { width:70px; height:70px; }
.best-review .review ul li .thumb span:nth-child(2) { display:inline-block; padding-left:20px; color:#222223; font-size:16px; font-weight:600; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.best-review .swiper-pagination { display:flex; gap:14px; position:absolute; right:0; top:29px; }
.best-review .swiper-pagination .swiper-pagination-bullet { width:10px; height:10px; background:#d9d9d9; opacity:1; }
.best-review .swiper-pagination .swiper-pagination-bullet-active { background:#221C10; }