@charset "UTF-8";
/*========================================================================
메인 레이아웃
========================================================================*/
.body-main.body-index #footer { margin-top:0; }
#container { padding:0; }

/* 헤더 */
#header_wrap header { background:#fff; }
#header .header-logo { position:relative; width:130px; margin:0; padding:0; min-height:46px; }
#header h1.top-logo { display:none; }
#header h1.main-logo { display:block; position:absolute; top:23px; left:50%; width:131px; padding:0 15px 19px 19px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; background:#fff; transform:translateX(-50%); z-index:88; }
#header .top-account .basket a > span { background:url("../../_dbook/img/main-top-cart.png") no-repeat 50%; background-size:auto 100%; }
#header .top-account .basket a .count { color:#fff; background:#d93d3e; }
#header .top-account .mypage a {background:url("../../_dbook/img/main-top-my.png") no-repeat 50%; background-size:auto 100%; }
#header .cate-all a::before { border-color:#222222; }
#header .cate-all a::after { border-color:#222222; }

/*========================================================================
메인 영역
========================================================================*/
.main-inner { padding:0 15px; }

/* 메인 비주얼 */
.main-visual { position:relative; margin:0 15px; border-radius:12.5px; overflow:hidden; }
.main-visual img { width:100%; vertical-align:top; }
/* progress bar & caption */
.main-visual .slick-control { display:flex; align-items:center; position:absolute; top:calc(35% + 29px); left:7.937%; color:#222222; font-size:10px; font-weight:500; z-index:100; }
.main-visual .slick-progress { display:inline-block; vertical-align:middle; position:relative; }
.main-visual .caption { display:flex; justify-content:space-between; align-items:center; width:93px; }
.main-visual .caption strong { font-weight:300; }
.main-visual .progressbar { position:absolute; top:50%; left:50%; width:60.5px; height:1px; z-index:81; background:#fff; transform:translateX(-50%); }
.main-visual #progress { position:relative; height:2px; width:0; background:#222222; z-index:400; }
.main-visual #progress.progress-ani { animation:progressW 1; width:100%; }
/* 일시정지 & 재생 */
.main-visual .slick-pause {  display:inline-block; vertical-align:middle; width:6px; height:7px; margin-left:5.5px; }
.main-visual .slick-pause > span { display:block; width:100%; height:100%; cursor:pointer; text-indent:-9999px; }
.main-visual .slick-pause #pauser { width:4px; height:7px; background:url("../img/main_pause_btn.png") no-repeat 50%; background-size:100%; }
.main-visual .slick-pause #resume { width:6px; height:7px; background:url("../img/main_resume_btn.png") no-repeat 50%; background-size:100%; }

/* 타이틀 */
.main-title { margin:0 0; color:#222222; font-size:16px; line-height:1.2; text-align:center; }

/* 메인 박스 간격 */
.main-box { margin:40px 0 0; }
.main-box2 { margin:40px 0 0; }
.main-box3 { margin:38px 0 0; }
.main-box4 { margin:35px 0 0; }
.main-box5 { margin:38px 0 32px; }

/* 공통 */
.main-bn a img,
.main-bn img { width:100%; vertical-align:top; }

.main-new-prd .bn-box a img,
.main-recommend-prd .bn-box a img,
.main-new-prd .bn-box img,
.main-recommend-prd .bn-box img { border-radius:12px; }

/* 메인 상품 진열 공통 */
._goods_display_main .main_prd_list { padding:0; }
._goods_display_main .main_prd_list > li .btn_area { padding:0; text-align:right; }
._goods_display_main .main_prd_list > li .btn_basket_cart { display:inline-block; width:30px; height:30px; padding:0; border-radius:100%; background:#d93d3e; }

.main-new-prd ._goods_display_main .main_prd_list > li .btn_basket_cart,
.main-recommend-prd ._goods_display_main .main_prd_list > li .btn_basket_cart { background:#d93d3e; }
.main-new-prd .btn_basket_cart input,
.main-recommend-prd .btn_basket_cart input { background:url("../img/main-prd-cart-btn.png") no-repeat center; background-size:100%; }

._goods_display_main .main_prd_list .goods_prd_content .goods_info_list li.prd_name,
._goods_display_main .main_prd_list .goods_prd_content .goods_info_list li.short_des { text-overflow:ellipsis; overflow:hidden; word-break:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; }

/* today's new */
.main-new-prd { display:flex; justify-content:space-between; width:calc(100% + 5px); margin-left:-2.5px; }
.main-new-prd > * { width:50%; }
.main-new-prd .bn-box { padding:0 2.5px; box-sizing:border-box; }
.main-new-prd .prd-box {  position:relative;}
.main-new-prd .prd-box .goods_prd_img .img_box .img { display:block; position:relative; height:0; padding-top:clamp(86.88%,35vw,100%); }
.main-new-prd .prd-box .goods_prd_img .img_box .img img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
.main-new-prd .prd-box ._goods_display_main .main_prd_list { padding:0; }
.main-new-prd .prd-box .swiper-container,
.main-new-prd .prd-box ._goods_display_main{ position:static; }
.main-new-prd .prd-box .swiper-container-horizontal>.swiper-pagination-bullets { position:absolute; bottom:0; text-align:center; line-height:1; }
.main-new-prd .prd-box .swiper-pagination-clickable .swiper-pagination-bullet { width:6px; height:6px; }
.main-new-prd .prd-box .swiper-pagination-bullet-active { background:#d93d3e; }

/* BEST PRODUCT */
.main-best-prd .goods_prd_item7 .tab_box { margin:9px 0 26px; padding:0; }
.main-best-prd .goods_prd_item7 .tab_box ul { display:flex; justify-content:center; width:100%; }
.main-best-prd .goods_prd_item7 .tab_box li { width:auto !important; padding:0 5px 0 0; }
.main-best-prd .goods_prd_item7 .tab_box li:last-child { padding:0; } 
.main-best-prd .goods_prd_item7 .tab_box li a { padding:3px 15px; color:#aaaaaa; font-size:12px; line-height:14px; font-weight:300; border:1px solid #e8e8e8; border-radius:11.25px; }
.main-best-prd .goods_prd_item7 .tab_box li.on a { color:#fff; font-weight:500; border-color:#d93d3e; background:#d93d3e; }
.main-best-prd .main_prd_list li > ul { width:calc(100% + 5px); margin-left:-2.5px; }
.main-best-prd .main_prd_list li > ul > li { position:relative; padding:0 2.5px 5px; box-sizing:border-box; }
.main-best-prd ._goods_display_main .main_prd_list > li .goods_prd_item7_box { padding:5px; border:1px solid #e8e8e8; border-radius:12.5px; }
.main-best-prd .goods_gallery_item { position:relative; }

/* RECOMMEND */
.main-recommend-prd .bn-box { margin:0 0 8px; }
.main-recommend-prd .recommend-top { margin:24px 0 32px; }