@charset "UTF-8";

/*========================================================================
메인 레이아웃
========================================================================*/
.body-main.body-index #footer { margin-top:0; }
.body-main.body-index #header_wrap header .header_box { border-bottom:0; }
.body-main.body-index #header .header-wrap { position:absolute; left:0; width:100%; z-index:3; }
.body-main.body-index #header .header-wrap
.body-main.body-index #container { padding:0; }

/*========================================================================
메인 비주얼
========================================================================*/
/* 메인 비주얼 */
.main-visual .swiper-slide { overflow:hidden; }
.main-visual .swiper-slide img { width:100%; vertical-align:top; }


/*========================================================================
메인 컨텐츠 영역
========================================================================*/
/* 타이틀 */
.main-title { margin:0 0 30px; color:#221C10; font-size:28px; line-height:1; text-align:left; }
.main-title > strong { display:block; font-weight:700; }
.main-title > span { display:block; margin:16px 0 0; color:#666; font-size:16px; font-weight:400; line-height:1.4; }

/* 메인 박스 간격 */
.main-box { margin:80px 0 100px; }
.main-box2 { margin:100px 0 130px; }
.main-box3 { margin:130px  0 100px; }
.main-box4 { margin:100px 0 100px; }
.main-box5 { margin:100px 0 100px; }
.main-box6 { margin:100px 0 100px; }
.main-box7 { margin:100px 0 0; padding:0 0 20px; }

/* 상품 공통 */
[class^="goods_prd_"] .goods_prd_content .goods_info_list li.prd_name { text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:44px; line-height:22px; }

/* 메인 비주얼 */
.main-visual .slider-wrap .slick-slide { position:relative; }

/* 비주얼 타이틀 */
.visual-title { display:flex; align-items:end; position:absolute; top:0; left:0; width:100%; height:100%; padding:60px 20px; box-sizing:border-box; pointer-events:none; }
.visual-title h3 { color:#221C10; font-size:24px; font-weight:400; line-height:1.2; }
.visual-title h3 strong { font-size:32px; font-weight:700; }
.visual-title p { margin:14px 0 0; color:#221C10; font-size:16px; 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 .slider-wrap .slick-dots { display:flex; gap:8px; bottom:20px; right:20px; width:auto; line-height:1; font-size:0; }
.main-visual .slider-wrap .slick-dots li { margin:0; }
.main-visual .slider-wrap .slick-dots li button { width:6px; height:6px; padding:0; opacity:.5; border-radius:20px; transition:.3s; }
.main-visual .slider-wrap .slick-dots li.slick-active button { width:24px; opacity:1; transition:.3s; }

/* 베스트 상품 */
.main-best-prd { overflow:hidden; }
.main-best-prd .main-best-top { display:flex; justify-content:space-between; align-items:center; padding:0 20px; margin:0 0 30px; }
.main-best-prd .main-best-top .main-title { margin:0; }
.main-best-prd .main-best-top .best-depth1-tab ul { display:flex; background:#F1F1F1; border-radius:30px; }
.main-best-prd .main-best-top .best-depth1-tab ul a { display:inline-block; min-width:75px; height:40px; line-height:40px; padding:0 10px; color:#999; font-size:18px; font-weight:500; text-align:center; box-sizing:border-box; }
.main-best-prd .main-best-top .best-depth1-tab ul li.active a { background:#998A75; border-radius:30px; color:#fff; font-weight:700; }
.main-best-prd ._goods_display_main .main_prd_list { padding:0; }
.main-best-prd ._goods_display_main .main_prd_list > li > div.tab_box { padding:0; margin:0 0 20px; }
.main-best-prd .tab_box .tab { display:flex; gap:20px; align-items:center; padding:0 20px; white-space:nowrap; overflow-x:auto; -ms-overflow-style:none; /* 인터넷 익스플로러 */ scrollbar-width:none; /* 파이어폭스 */ box-sizing:border-box; }
.main-best-prd .tab_box .tab::-webkit-scrollbar { display: none; }
.main-best-prd .tab_box .tab li a { padding:0; color:#666; font-size:18px; font-weight:400; line-height:1; overflow:visible; text-overflow:unset; border:0; background:none; }
.main-best-prd .tab_box .tab li.on a { color:#392F19; font-weight:700; font-size:20px; border:0; background:none; }
.main-best-prd .prd .item { display:none; }
.main-best-prd .prd .item.active { display:block; }
.main-best-prd ._goods_display_main .main_prd_list > li > div { padding:0 20px 40px; }
.main-best-prd .prd .goods_prd_item7 .goods_prd_item7_box { padding:0; }
.main-best-prd .swiper-container .swiper-scrollbar { bottom:0; left:20px; width:calc(100% - 40px); height:2px; background:#D1D1D1; border-radius:0; } 
.main-best-prd .swiper-container .swiper-scrollbar-drag { background:#221C10; } 
.main-best-prd [class^="goods_prd_"] .goods_prd_content .goods_info_list li.prd_name { font-size:16px; }

/* 이달의 제품 */
.main-recom-bn .main-title { padding:0 20px; }
.main-recom-bn .swiper-container { padding:0 20px; }
.main-recom-bn .swiper-container li img { width:100%; }

/* 타임세일 */
.main-time-sale-wrap { padding:0 0 0 20px; }
.main-time-sale { padding:50px 0 50px 30px; background:url("../img/main_timesale_bg.png") no-repeat; background-size:cover; border-radius:0 0 0 20px; overflow:hidden; box-sizing:border-box; }
.main-time-sale .time-left h5 { display:flex; align-items:center; gap:5px; margin:0 0 14px; color:#000; font-size:16px; font-weight:700; line-height:19px; }
.main-time-sale .time-left h5::before { content:''; display:block; width:14px; height:15px; 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:5px; text-align:center; }
.main-time-sale .time-left time strong { width:52px; height:36px; color:#fff; font-size:20px; font-weight:700; border-radius:4px; background:#2e2e2e; line-height:36px; }
.main-time-sale .time-left time span { color:#000; font-size:20px; font-weight:700; }
.main-time-sale .prd { margin:40px 0 0; }
.main-time-sale .swiper-container { padding:0 20px 44px 0; }
.main-time-sale ._goods_display_main .main_prd_list, 
.main-time-sale ._goods_display_main .main_prd_list > li > div { padding:0; }
.main-time-sale [class^="goods_prd_"] .goods_prd_content .goods_info_list li.item_stock_box { padding:0 0 12px; margin:0 0 16px; border-bottom:1px solid #999; color:#666; font-size:16px; font-weight:500; line-height:1; }
.main-time-sale [class^="goods_prd_"] .goods_prd_content .goods_info_list li.item_stock_box strong { color:#2e2e2e; font-weight:700; }
.main-time-sale [class^="goods_prd_"] .goods_prd_content .goods_info_list li.prd_name { font-size:16px; }
.main-time-sale .swiper-scrollbar { left:0; height:2px; width:calc(100% - 20px); margin:0 auto; bottom:0; background:#D1D1D1; border-radius:0; }
.main-time-sale .swiper-scrollbar-drag { background:#221C10; border-radius:0; }

/* 라이브관 & 이벤트 */
.main-event .main-title { padding:0 20px; }
.main-event .event-cont .swiper-container { padding:0 20px; }
.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:15px; left:15px; width:65px; height:24px; background:url("../img/main_live_flag.png") no-repeat; background-size:100%; }
.main-event .event-cont .prd-item { padding:20px 0 0; }
.main-event .event-cont .prd-item .txt h5 { color:#221C10; font-size:20px; font-weight:700; line-height:1; }
.main-event .event-cont .prd-item .txt p { margin:12px 0 0; color:#999; font-size:14px; font-weight:400; line-height:1.4; }
.main-event .event-cont .prd-item .prd { margin:26px 0 0; }
.main-event ._goods_display_main .main_prd_list { padding:0; }
.main-event ._goods_display_main .main_prd_list > li > div { padding:0; }
.main-event .goods_prd_item { display:flex; align-items:center; gap:16px; padding:0; border:0; }
.main-event .goods_prd_item + .goods_prd_item { padding-top:20px; margin-top:20px; border-top:1px solid #D1D1D1; }
.main-event .goods_prd_item .goods_prd_img { width:90px; }
.main-event .goods_prd_item .goods_prd_content { flex:1; }
.main-event [class^="goods_prd_"] .goods_prd_content .goods_info_list li.price { margin:10px 0 0; }
.main-event [class^="goods_prd_"] .goods_prd_content .goods_info_list li.fixed-price { font-size:12px; }
.main-event .more-btn { display:block; height:50px; line-height:48px; margin:30px 20px 0; color:#000; font-size:16px; font-weight:400; text-align:center; border-radius:4px; border:1px solid #d1d1d1; box-sizing:border-box; }

/* 홍보영상 */
.main-video { padding:0 20px; }
.main-video .main-title { position:relative; }
.main-video .main-title a { position:absolute; top:4px; right:0; color:#999; font-size:16px; font-weight:400; line-height:20px; text-decoration-line:underline; }
.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:60px; height:60px; background:url('../img/main_video_play_btn.png') no-repeat; background-size:100%; }
.main-video .video-thumb img { width:100%; }
.main-video .video-cont { padding-top:30px; margin-top:30px; border-top:1px solid #D1D1D1; }
.main-video .video-cont .bn-list > ul > li > a { display:flex; align-items:center; gap:16px; }
.main-video .video-cont .bn-list > ul > li + li { margin:20px 0 0; }
.main-video .video-cont .bn-list > ul > li .thumb { width:118px; }
.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:8px 0 0; color:#666; font-size:14px; font-weight:400; line-height:1.4; }
#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:95%; height:200px; z-index:401; }
#youtubeWrap iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
#moviePlayer .vimeo { display:none; }

/* 브랜드 */
.main-brand .swiper-slide img { width:100%; }
.main-brand .swiper-scrollbar { left:0; right:0; height:2px; margin:0 auto; bottom:58px; width:100px; background:#D1D1D1; border-radius:0; }
.main-brand .swiper-scrollbar-drag { background:#221C10; }

/* 리뷰 */
.best-review .main-title { display:flex; justify-content:space-between; align-items:end;padding:0 20px; }
.best-review .main-title a { color:#999; font-size:16px; font-weight:400; line-height:20px; text-decoration-line:underline; }
.best-review .swiper-container { padding:0 20px; }
.best-review .review ul { width:100%; }
.best-review .review ul li { 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:44px; line-height:22px; max-height:44px; margin:0 0 14px; color:#222223; font-size:14px; 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:14px; font-weight:600; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }