/* 사용자 공통 스타일 파일입니다. 공통으로 적용할 스타일 코드를 작성해주세요. */

@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css);

:root
{
	--layout-color:#fff;
	--whole-color: #fff;
	--background-gray-color: #f9f9f9;
	--background-darker-color: #f3f3f3;
	--point-color: #F92626;
    --color-point: #F92626 !important;  
	--point-color-secondary: #2869f7;
	--point-background-color: #F06141;
	--black-color: #191919;
	--dark-gray-color: #333;
    --blue-gray-color: #3f434c;
    --light-gray-border-color: #ececec;
    --light-blue-gray-color: #939aa2;
	--empty-color: #f9f9f9;
	--default-color: #ddd;
	--border-color: #ccc;
	--border-darker-color: #ccc;
	--gray-color: #999;
	--gray-light-color: #aaa;
	--gray-font-color: #666;
	--tooltip-bg-color: #f7f7f7;
	--default-font-color: #191919;

	--background-color: #F5F6F8; 
	--point-color: #F92626; 
	--swiper-theme-color: #f8f8f8; 
	--swiper-pagination-bullet-inactive-color: #f8f8f8; 
	--swiper-navigation-color: #f8f8f8;

    /* color */
    --section-background-color: #f4f4f4;
  
    /* size */
    --pc-width: 1450px;
    --middle-width: calc((100% - var(--pc-width)) / 2);
  
    /* gap */
    --small-gap: 20px;
    --semi-small-gap: 24px;
    --gap: 40px;
    --large-gap: 60px;
  
    /* font-size */
    --small: 0.8rem;
    --normal: 1rem;
    --semi-large: 1.2rem;
    --large: 2rem;
  
    /* width */
    --one-tiered-width: 100%;
    --one-tiered-width-gap: 25px;
    --two-tiered-width: calc(50% - 5px);
    --two-tiered-width-gap: 5px;
}
a,nav,label,select,input,button {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    color:var(--black-color);
    text-decoration:none;
    font-family: 'Pretendard', sans-serif;
}

.a11y { position:absolute; width:1px; height:1px; overflow:hidden; margin:-1px; clip:rect(0, 0, 0, 0) }

/* flex */
[class*="dis-flex"] { display:flex ; align-items:center; }
.dis-flex-jsb { justify-content:space-between; }
.dis-flex-fdc { align-items: unset; flex-direction: column; }

/* 폰트 */
body { font-family:'Pretendard', sans-serif; font-size:16px; letter-spacing:-.3px; }
.font-montserrat { font-family:'Pretendard', sans-serif; }

/* 하단바 */
bottom-nav { display:none; }

/*========================================================================
상단 띠 배너
========================================================================*/
.top-line-bn a { display:block; position:relative; text-align:center; }
.top-line-bn a .bn-txt { position:absolute; top:0; width:100%; font-size:14px; font-weight:600; line-height:40px; }
.top-line-bn a img { width:100%; height:40px; }


/*========================================================================
상단 영역
========================================================================*/
shopby-header-v2:has(header.fixed) { position:sticky; top:0; z-index:11; background:var(--whole-color); }
.header { height:auto; }
.header-content { display:flex; justify-content:space-between; align-items:center; height:68px; padding:0 20px; }
.header-left,
.header-right { display:flex; align-items:center; gap:20px; }

/* 상단 고정 */
category-slider { display:none; }
header.fixed category-slider { display:block; }
header.fixed .top-line-bn { display:none; }

/* 로고 */
.header__logo img { height:50px; }

/* 햄버거 */
.header__hamburger { display:flex; align-items:center; justify-content:center; position:static; width:20px; height:20px; transform:none; text-align:center; }
.header__hamburger svg { vertical-align:middle; }

/* 검색 */
.header-search-btn { display:flex; align-items:center; justify-content:center; width:20px; height:20px; text-align:center; }
.header-search-btn svg { vertical-align:middle; pointer-events:none; }

/* 마이페이지 */
.header__link-mypage { display:flex; position:static; align-items:center; justify-content:center; width:20px; height:20px; transform:none; text-align:center; }
.header__link-mypage svg { width:auto; height:100%; vertical-align:middle; }

/* 장바구니 */
.header__link-basket { display:flex; position:relative; align-items:center; justify-content:center; top:0; left:0; right:0; bottom:0; width:20px; height:20px; transform:none; text-align:center; }
.header__link-basket svg { width:auto; height:100%; vertical-align:middle; }
.header__link-basket .header__link-basket-badge { position: absolute; top: 0; right: -6px; width: 15px; height: 15px; padding:0; font-size: 10px; font-weight: bold; text-align: center; border-radius: 50%; background: var(--point-background-color); color: var(--whole-color); line-height: 15px; }

/* 서브 타이틀 */
.header-sub-tit { position:relative;}
.header__title { position:sticky; top:102px; z-index:1; height:50px; line-height:50px; padding:0 70px; margin:0; border-top:1px solid var(--default-color); border-bottom:1px solid var(--default-color); background:var(--whole-color); font-size:15px; font-weight:bold; }
header.fixed .header__title { border-top:0; }
.header__back { display:flex; align-items:center; justify-content:center; left:20px; width:30px; height:24px; text-align:center; transform:translateY(-50%) rotate(180deg); z-index:2; }
.header__back svg { width:100%; height:auto; vertical-align:middle; }

/* 카테고리 */
.header-slide ul { display:flex; gap:5px; padding:4px 14px 14px; overflow-x:auto; -ms-overflow-style:none; /* IE and Edge */ scrollbar-width:none; /* Firefox */ }
.header-slide ul::-webkit-scrollbar { display:none; /* Chrome, Safari, Opera*/ }
.header-slide ul .category-slider__item { padding:2px 6px; color:var(--black-color); font-size:16px; font-weight:500; line-height:18px; font-family:'Pretendard', sans-serif; }
.header-slide ul .category-slider__item.is-active { color:var(--point-background-color); }


/*========================================================================
하단 영역
========================================================================*/
.footer { padding:40px 20px 30px; border: 0; background:var(--black-color); color:#fff; line-height:1; }
.ft-logo img { display:inline; width:auto; max-height:50px; }
.footer__info { margin:40px 0 0; }
.footer__info dt { color:#fff; font-size:15px; font-weight:500; }
.footer__info dd strong { display:block; margin:0 0 10px; font-size:20px; font-weight:500; }
.footer__info dd p { font-size:14px; color:var(--gray-light-color); line-height:1.57; }

/* 쇼핑몰 정보 */
.footer address { display:flex; flex-wrap:wrap; gap:6px 12px; margin:40px 0 0; color:var(--gray-light-color); font-size:0; }
.footer address dl > * { display:inline-block; font-size:13px; line-height:1; vertical-align:top; }
.footer address dl:first-child { width:100%; }

/* copyright */
.footer .copyright { margin:20px 0 0; color:var(--gray-light-color); font-size:13px; line-height:1.2; font-weight:400; font-family:'Pretendard', sans-serif; }

/* term */
.footer__about-company { display:flex; justify-content:space-between; margin:40px 0 0; color:var(--gray-light-color); font-size:13px; }
.footer__about-company span:nth-child(n+2)::before { display:none; }
.footer__about-company span .bold { color:#eee; font-weight:500; }

/* 플로팅메뉴 */
.menu-float { display:flex ; align-items:center; flex-direction:column; gap:8px; position:fixed; right:20px; bottom:50px; z-index:5; } 
.menu-float .btn-float { width:45px; height:45px; background-repeat:no-repeat; background-size:100%; } 
.menu-float .btn-kakao { background-image: url("/assets/_dbook/img/btn_quick_kakao.png"); } 
.menu-float .btn-top { background-image: url("/assets/_dbook/img/btn_quick_up.png"); } 
.menu-float .btn-bottom { background-image: url("/assets/_dbook/img/btn_quick_down.png"); } 

.footer__mark { margin:0; }

/*========================================================================
슬라이드 메뉴
========================================================================*/
.slide-menu { width:83%; padding:20px; overflow-y:auto; box-sizing:border-box; -ms-overflow-style: none; scrollbar-width: none; }
.slide-menu::-webkit-scrollbar { display:none; }

/* 닫기 */
.slide-close { display:none; position:fixed; top:0; right:0; width:17%; height:100%; background-color:rgba(0,0,0,0.8); z-index:20; }
.slide-close::before { content: ''; position: absolute; top: 20px; right: 20px; width: 15px; height: 15px; background: url("/assets/_dbook/img/m_btn_close_w.png") no-repeat center / 100%; }
slide-menu:has(.is-active) .slide-close { display:block; }

/* 상단 */
.slide-menu__login-header { position:static; padding:0; background:none; border:0; }
.slide-menu__login-header p { display:flex; align-items:center; gap:10px; }  
.slide-menu__login-header p :is(a, button) { width: 78px; padding:0; border: 1px solid var(--border-color); border-radius: 6px; font-size: 14px; color: var(--black-color); font-weight:400; line-height: 36px; text-align: center; font-family: 'Pretendard', sans-serif; }
.slide-menu__login-header p .btn-black { border-color: var(--black-color); background: var(--black-color); color: var(--whole-color); }

/* 메뉴 */
.category-nav-content { margin: 20px 0; padding: 15px 0; border-top: 1px solid var(--border-color); overflow:visible; }
.slide-menu__nav-category-item-wrap { padding:0; }
.slide-menu__nav-category-label--one-depth { padding:0; font-size:16px; font-weight:500; line-height:45px; }
.slide-menu__nav-content { border:0; }
.slide-menu__nav-content .slide-menu__nav-category-item-wrap:first-of-type a { font-size: 15px; font-weight: 600; color: var(--point-background-color); }

/* 커뮤니티 */
.board-nav-content .board-nav { display:none; }
.board-nav-content:has(.board-btn.on) .board-nav { display:block; }
.board-nav-content .board-nav ul { display:flex; flex-direction:column; gap:10px; padding:10px 20px; background: var(--background-gray-color); }
.board-nav-content .board-nav a { display: block; font-size: 14px; color: var(--gray-font-color); line-height:30px; font-weight:400; }

/*========================================================================
메인 영역
========================================================================*/
/* 메인 비주얼 */
.bn-slide .skin-banner img { width:100% !important; }
.bn-slide .swiper-button-prev { left:10px; }
.bn-slide .swiper-button-next { right:10px; }
.bn-slide :is(.swiper-button-prev, .swiper-button-next) { --swiper-navigation-size: 44px; }
.bn-slide .swiper .swiper-pagination { display:flex; bottom:40px; left:20px; width:calc(100% - 40px); font-size:0; line-height:1; }
.bn-slide .swiper .swiper-pagination .swiper-pagination-bullet { position:relative;flex:1; width:auto; height:2px; margin:0; background:#fff; opacity:1; border-radius:0; }
.bn-slide .swiper .swiper-pagination .swiper-pagination-bullet-active { background:rgba(193, 193, 193, 0.67); }
.bn-slide .swiper .swiper-pagination .swiper-pagination-bullet-active ~ .swiper-pagination-bullet { background:rgba(193, 193, 193, 0.67); }
.bn-slide .swiper .swiper-pagination .swiper-pagination-bullet::after { content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#fff; }
.bn-slide .swiper .swiper-pagination .swiper-pagination-bullet-active::after { width:100%; transition:all .3s; }

/* 상품 진열 간격 */
.product-section { margin:var(--large-gap) 0 0; }
.product-section__title-wrap { display:flex; flex-direction:column; gap:5px; margin:0 20px 20px; }
.product-section__title-wrap > * { margin:0; }
.product-section__title { padding:0; font-size:24px; font-weight:bold; line-height:1.29; }
.product-section__description { font-size:15px; font-weight:500; color:var(--gray-color); line-height:1.2; }

/* 메인베스트 */
:is(.thumb-GALLERY) .thumb-item:nth-child(-n+4) .thumb-item__rank-badge,
:is(.thumb-LIST) .thumb-item-box:nth-child(-n+4) .thumb-item__rank-badge,
:is(.thumb-PRODUCT_SWIPE) .swiper-slide:nth-child(-n+4) .thumb-item__rank-badge { background: var(--point-background-color); } 

/* 상품 후기 */
.review-wrap { margin:60px 0; }
.review-wrap ul { display:flex; justify-content:space-between; flex-wrap: wrap; align-items: baseline; gap: 40px var(--two-tiered-width-gap); } 
.review-wrap ul li { width: var(--two-tiered-width); border: 1px solid #ddd; } 
.review-wrap ul li:nth-child(n+5) { display:none; }
.review-wrap ul li a { display: block; overflow: hidden; position: relative; padding: 50% 0; } 
.review-wrap ul li a img { position: absolute; top: 0; right: 0; width: 100%; height: 100%; object-fit: cover; } 
.review-wrap ul li .board-reviews-item__top { padding: 12px 10px; } 
.review-wrap ul li .board-reviews-item__content-text { display: -webkit-box; overflow: hidden; height: 33px; margin-bottom: 10px; font-size: 13px; line-height: 1.3; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.review-wrap ul li .board-reviews-item__write-info { display:flex; align-items:center; justify-content:space-between; }
.review-wrap ul li .board-reviews-item__writer { display:block; font-size: 12px; color: var(--gray-color); line-height:1; } 
.review-wrap ul li .rating-star--sm::before,
.review-wrap ul li .rating-star__progress { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size:0; } 
.review-wrap ul li .rating-star--sm { position:relative; width:95px; height:16px; overflow:hidden; } 
.review-wrap ul li .rating-star--sm::before { background: url("/assets/_dbook/img/ic_rating_sprite.png") no-repeat; background-position: -10px -51px; } 
.review-wrap ul li .rating-star--sm .rating-star__progress { background: url("/assets/_dbook/img/ic_rating_sprite.png") no-repeat; background-position: -10px -10px; vertical-align:top; } 

/* 시군몰 연계 메뉴 */
.related-wrap { margin: 60px 0 0; padding: 40px 20px; background: #F7F9E6; letter-spacing: -.03em; } 
.related-wrap .product-section__title-wrap { margin: 0 0 20px; } 
.related-mall { padding: 20px; border-radius: 10px; background: var(--whole-color); box-shadow: 0 0 10px rgba(0,0,0,0.1); } 
.related-mall > div.hidden { display:none; }
.related-mall > div > div:not(:last-child) { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px dashed var(--default-color); } 
.related-mall .related-title { gap: 20px; font-weight: 500; color: var(--gray-font-color); } 
.related-mall .related-title .related-info { gap: 15px; } 
.related-mall .related-title .related-info img { max-width: 80px; } 
.related-mall .related-title .related-info h3 { margin: 0 0 10px; font-size: 18px; color: var(--dark-gray-color); line-height: 24px; word-break: keep-all; } 
.related-mall .related-title .related-info a { max-width:100%; padding: 0 0 0 17px; background: url("/assets/_dbook/img/ic_link.png") no-repeat 0 50%/12px; color:#666; font-size: 13px; line-height: 16px; display: -webkit-box; display: -ms-flexbox; display: box; overflow: hidden; vertical-align: top; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 1; box-sizing:border-box; } 
.related-mall .related-title .btn-goto { padding: 8px 44px 8px 20px; border-radius: 5px; background: #f5f5f5 url("/assets/_dbook/img/ic_link_arr.png") no-repeat calc(100% - 20px) 50%/18px auto; font-size: 13px; line-height: 18px; } 
.related-mall .related-introduce { font-size: 14px; font-weight: 500; color: var(--gray-font-color); } 
.related-mall .related-introduce h4 { margin: 0 0 10px; font-size: 16px; color: var(--dark-gray-color); } 
.related-mall .related-introduce > p { line-height: 24px; word-break: keep-all; } 
.related-mall .related-introduce ul { gap: 20px 10px; } 
.related-mall .related-introduce ul li { gap: 5px; width: 70px; line-height: 17px; text-align: center; } 
.related-mall .related-introduce ul li img { width: 100%; } 
.related-map { position: relative; margin: 40px 0; padding: 37.002%; background: url("/assets/_dbook/img/m_img_map.png") no-repeat 0 0/100% auto; } 
.related-map button { position: absolute; padding: 0; border: 0; background: transparent url("/assets/_dbook/img/ic_map_off.png") no-repeat 0 0/6vw; font-size: 0; } 
.related-map button.selected { background-image: url("/assets/_dbook/img/ic_map_on.png"); } 
.related-map button.btn-mall-iksan { top: 5.6%; left: 31.19%; width: 14.54%; height: 21.16%; background-position: 50% 17.15%; } 
.related-map button.btn-mall-muju { top: 13.28%; right: 3.6%; width: 19.25%; height: 22.41%; background-position: 50% 30.2%; } 
.related-map button.btn-mall-jinan { top: 29.25%; right: 25.64%; width: 14.69%; height: 20.88%; background-position: 50% 16.94%; } 
.related-map button.btn-mall-jangsu { top: 48.41%; right: 17.3%; width: 15.29%; height: 21.99%; background-position: 50% 0; } 
.related-map button.btn-mall-imsil { top: 54.98%; right: 36.08%; width: 19.64%; height: 19.71%; background-position: 50% 15%; } 
.related-map button.btn-mall-gochang { top: 69.16%; left: 3.3%; width: 18.74%; height: 22.4%; background-position: 50% 20%; } 
.related-map button.btn-mall-gimje { top: 29.95%; left: 23%; width: 20%; height: 20.3%; background-position: 50% 0; } 
.related-map button.btn-mall-wanju { top: 9.6%; left: 46.19%; width: 15.54%; height: 21.16%; background-position: 50% 17.15%; } 
.related-map button.btn-mall-sunchang { top: 77.98%; right: 45.08%; width: 13.64%; height: 17.71%; background-position: 50% 93%; } 
.related-map button.btn-mall-jeongeup { top: 49.95%; left: 24%; width: 17%; height: 20.3%; background-position: 50% 0; } 

         
/*========================================================================
모달
========================================================================*/  
.portal:not(:has(attach-images-slider, .search-keyword-modal)) { bottom: 0; right: 0; z-index: 12; width: auto; height: auto; } 
body .portal.alert { z-index: 35; }
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .modal { overflow: hidden; width: calc(100% - 40px); border-radius: 5px; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .title-modal__header { padding: 20px 40px; border: 0; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .title-modal__title { width: 100%; font-size: 20px; font-weight: 700; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .title-modal__close-btn { width: 16px; height: 16px; background: url(https://storefront.cdn-nhncommerce.com/custom/team-523/kdellaorange-custom/freshjb-4293/mobile/m_btn_close..svg?fc799111f6db2b8c3993) no-repeat center/16px; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .title-modal__close-btn span { visibility: hidden; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .title-modal__content > div { min-width: unset; font-size: 14px; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .modal__box { min-width: 100%; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .modal__content { padding: 15px; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .modal__btns { gap: 10px; padding: 0 15px 15px; border: 0; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .modal__btns .btn { padding: 15px 20px; border-radius: 5px; background: var(--black-color); color: var(--whole-color); } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .title-modal--full { min-width: unset; max-width: unset; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .title-modal--full::-webkit-scrollbar { display: none; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .title-modal--full .title-modal__content { position: relative; min-width: unset; height: auto; max-height: 300px; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .title-modal--full .title-modal__content:has(.coupon-modal__details) { height:calc(90vh - 60px); max-height:calc(90vh - 60px); }
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .title-modal--full .title-modal__content .l-panel { box-shadow: 0 10px 1px #f5f5f5; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .title-modal--full .title-modal__content > div { height: auto; margin: 0; padding: 15px; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .title-modal--full .title-modal__content > div:has(.coupon-download-wrap) { padding:0; }
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .title-modal--full .title-modal__content > div p { font-size: 14px; line-height: 1.2; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .title-modal--full .title-modal__content > div.empty-list { padding: 60px 20px; } 
.portal:not(:has(attach-images-slider, .search-keyword-modal)) .title-modal--full .title-modal__content .coupons__download-btn { position: relative; } 

.coupon-download__btn-area .btn { padding:10px 3px; }
.coupon-modal__details { left:0; }
.portal .modal__box--confirm { padding:15px; }


/*========================================================================
input checkbox
========================================================================*/   
.form-check--sm input[type=checkbox] { width:16px; height:16px; }
.form-check--sm input[type=checkbox]:checked { background-color:#191919; background-size:10px; }     
.form-check__label { font-size: 14px; font-weight: 500; }

                                                                 
/*========================================================================
상품 목록
========================================================================*/                                  
/* location */
.breadcrumb__section { display:flex; flex-wrap:wrap; align-items:center; padding:15px 20px; gap:10px; margin:0; background:var(--background-gray-color); z-index:11; }
.breadcrumb__item { padding:0; font-size: 13px; color: var(--gray-color); line-height:15px; }
.breadcrumb__item::after { display: inline-block; width: 13px; height: 13px; margin: 0 5px; transform: rotate(-90deg); background: url("assets/_dbook/img/btn_arrow_down.png") no-repeat 50% / 8px; vertical-align: top; border:0; opacity:1; }

/* 중분류 */
.child-category .category-slider__wrapper { display: flex ; justify-content: initial; align-items: center; overflow-x: auto; width:100%; font-size: 16px; line-height: 1; gap: 10px; -ms-overflow-style: none; scrollbar-width: none; margin: auto; padding: 10px 14px; border-bottom: 1px solid var(--default-color); background: 0; }
.child-category .category-slider__item { position: relative; padding: 6px; font-size: 14px; font-weight: 500; color: var(--default-color); font-family:'Pretendard', sans-serif; }
.child-category .category-slider__item.is-active { background: 0; color: var(--default-font-color); }
.child-category .category-slider__item.is-active::before { content: ''; position: absolute; top: 4px; right: -1px; width: 5px; height: 5px; background: #FF5934; border-radius: 50%; }
/* 상품 정렬 */
.total-sort { padding:20px; line-height:1; }
.product-list__display-type-btn { display:none; }
.total-sort :where(.total-sort__count, .select--sm select) { font-size: 14px; font-weight: 500; color: var(--gray-color); }
.total-sort .total-sort__count .highlight { margin: 0 2px 0 4px; font-weight: 500; color: var(--point-color); }
.total-sort .select { position: relative; height:auto; padding:0; border: 0; color: var(--gray-light-color); }
.total-sort .select--sm select { position: relative; z-index: 1; padding: 0 25px 0 0; border: 0; outline: 0; }
.total-sort .select::after { position: absolute; right: 0; left: auto; z-index: 2; width: 10px; height: 10px; background: url("/assets/_dbook/img/btn_arrow_down.png") no-repeat center / 10px; }
                                          
/* 공통 - 관심상품, 장바구니 버튼 */
:is(.product-section, .product-list-items) .thumb-fab { position: absolute;  right: 10px;  top: 10px;  z-index: 1;  width: 22px;  height: 22px;  padding: 0;  border: 0;  background: transparent url("/assets/_dbook/img/ic_wish_off.png") no-repeat center/100%;}
:is(.product-section, .product-list-items) .thumb-fab.is-active { background-image: url("/assets/_dbook/img/ic_wish_on.png");}
:is(.product-section, .product-list-items) .thumb-fab svg { opacity:0; }
:is(.product-section) .thumb-LIST .thumb-fab { width: auto;  border: none;}
:is(.product-section) .thumb-LIST :is(.thumb-item--like, .thumb-fab--cart) svg { vertical-align: top;}
/* 공통 - 상품진열 더보기버튼 */
.main-view .product-section__more { display:none; }
.product-section__more { gap: 2px;  height: 45px;  margin: 35px 20px 0;  padding: 0;  border: 1px solid var(--gray-light-color);  box-sizing: border-box;  font-size: 13px;  font-weight: bold;  color: var(--gray-font-color); border-radius:5px; }
.product-section__more span { display: inline-block;  width: 21px;  height: 21px;  margin: 0 0 0 2px;  background: url("/assets/_dbook/img/m_btn_more_view.png") no-repeat;}
/* 상품이미지 영역 */
.thumb-item__img { border:0; }
.thumb-item__img img { object-fit:cover; border-radius: 15px;} 
.thumb-item__rank-badge { position: absolute;  top: 0;  left: 0;  width: 28px;  background: var(--gray-color);  font-size: 13px;  font-weight: 600;  color: var(--whole-color);  line-height: 28px;  text-align: center;}
.thumb-item__adult { position: static; display: block; padding: 50% 0; background-size: 50%; }
/* 상품정보표시 영역 */
.thumb-item__info { font-size: 14px;  line-height: 18px;}
.thumb-item__info .product-thumb-title { display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;  overflow: hidden;  margin: 0 0 5px;  padding: 0;  font-weight: 500;  line-height: 1.36;  text-overflow: ellipsis;  white-space: normal;}
.thumb-item__info .product-thumb-price-info { gap: 2px 5px;  flex-wrap: wrap;}
.thumb-item__info .product-thumb-price-info>* { font-size:15px;  font-weight:600;}
.thumb-item__info .product-thumb__immediately-percent { font-weight: 500;  color: var(--point-color);}
.thumb-item__info .product-thumb-price--origin { font-size: 12px;  font-weight: normal;  color: var(--gray-color);  text-decoration: line-through;}
/* 아이콘 */
.thumb-item-badges { display: block; position: static; margin: 5px 0 0;}
.thumb-item-badges .badge { display: inline-block;  min-width: auto;  padding: 3px 4px; font-size: 10px; line-height: 1; }
/* 상품섹션 갤러리, 장바구니형 */
:is(.thumb-GALLERY, .thumb-CART) { gap: 40px var(--two-tiered-width-gap);  margin: 0;  padding: 0;}
:is(.thumb-GALLERY, .thumb-CART) .thumb-item { width: var(--two-tiered-width);  margin: 0 !important;}
/* 상품 갤러리형 */
:is(.product-section, .product-list-items) .thumb-GALLERY .thumb-item__info { padding: 10px 10px 0; }
/* 상품 장바구니형 */
:is(.product-section) .thumb-CART .thumb-fab--cart { right: 20px;  bottom: 20px;  padding: 5px;}
/* 상품 리스트형 */
.product-section .thumb-LIST { display: flex;  flex-direction: column;  gap: var(--one-tiered-width-gap);  margin: 0 20px;  padding: 0;}
.product-section .thumb-LIST .thumb-item-box { width: var(--one-tiered-width);}
.product-section .thumb-LIST .thumb-item-box .thumb-item { align-items: center;  gap: 20px;  margin: 0;}
.product-section .thumb-LIST .thumb-item-box .thumb-item__info { margin: 0;  padding: 0;}
.product-section .thumb-LIST .thumb-item-box .thumb-item__media { width: 135px;  height: auto;  margin: 0;}
.product-section .thumb-LIST .thumb-item-box .thumb-item--like { right: auto;  left: 103px;}
/* 상품 심플이미지형 */
.product-section .thumb-SIMPLE_IMAGE .thumb-item__info { visibility: visible;  background: 0;}
.product-section .thumb-SIMPLE_IMAGE .thumb-item__info>a { display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  visibility: hidden;  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  background: rgba(0, 0, 0, 0.8);}
.product-section .thumb-SIMPLE_IMAGE .thumb-item__info:hover>a { visibility: visible;}
/* 상품 슬라이드형 */
.product-section .thumb-PRODUCT_SWIPE .swiper { margin: 0;  padding: 0 20px;}
.product-section .thumb-PRODUCT_SWIPE .swiper-slide { width: 55.522% !important;}
.product-section .thumb-PRODUCT_SWIPE .thumb-item__info { padding: 10px 0 0;}
/* 품절상품일때 */
.thumb-item.soldout .thumb-item__img::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(255,255,255,0.5); }
.thumb-item.soldout .thumb-item__img::after { content: 'SOLD OUT'; position: absolute; top: 50%; left: 50%; width: 90px; padding: 2px 0; background: var(--dark-gray-color); font-size: 13px; color: var(--whole-color); line-height: 18px; text-align: center; transform: translate(-50%, -50%); }

/* 카테고리 */
body .page-content-top__breadcrumb-category { position:static; }
body .page-content-top__breadcrumb-category-label { position:relative; color:#999; }
body .page-content-top__breadcrumb-category-label::after { background: url("/assets/_dbook/img/btn_arrow_down.png") no-repeat 50% / 8px; }
body .page-content-top__breadcrumb-category-siblings { top:100%; left:0; right:auto; background:rgba(255, 255, 255, 0.85); box-shadow: none; width:50%; padding:0; }
body .page-content-top__breadcrumb-category-siblings span { display:block; padding:12px 20px; font-size:13px; color:#666; }
body .page-content-top__breadcrumb-category-siblings li:has(.sub-cate[style="display: block;"]) span { color:#191919; background: rgba(0, 0, 0, 0.025); }
body .page-content-top__breadcrumb-category-siblings::before { display:none; }
body .page-content-top__breadcrumb-category-siblings li { margin:0 !important; line-height:1; }
body .page-content-top__breadcrumb-category-siblings li a:hover { color:var(--black-color); }
body .page-content-top__breadcrumb-category-siblings .sub-cate { position: absolute; top: 0; left: 100%; width:100%; height:100%; margin:0; box-shadow: none; background:var(--background-gray-color); border:0; overflow-y:auto; }
body .page-content-top__breadcrumb-category-siblings .sub-cate li { position:relative; z-index:1; }
body .page-content-top__breadcrumb-category-siblings .sub-cate a { display:block; padding:10px 20px; color:#666; font-size:13px; }
body .page-content-top__breadcrumb-category-siblings .sub-cate li:first-child a { background: url("/assets/_dbook/img/btn_more_view.svg") no-repeat calc(100% - 10px) 50% / 20px; }
body .page-content-top__location > li:nth-child(n+2) { margin:0; }

/*========================================================================
상품 상세
========================================================================*/
body:has(.product-detail) .header-sub-tit { display:flex; align-items:center; height:50px; padding:0 70px; border-top: 1px solid var(--default-color); border-bottom: 1px solid var(--default-color); }
body:has(.product-detail) .header__title { position:static; height:auto; padding:0; line-height:1; text-align:left; border:0; overflow:visible; text-overflow:unset; word-wrap:unset; white-space:unset; text-wrap:unset; }
                                                                                        
/* 이미지 페이지 네이션 */
image-slider .product-image-slider .swiper-pagination { bottom:20px; line-height:1; font-size:0; }
image-slider .product-image-slider .swiper-pagination-bullet { width:8px; height:8px; border:2px solid transparent; border-radius:10px; background:var(--default-color); vertical-align:middle; }
image-slider .product-image-slider .swiper-pagination-bullet-active { background:none; border-color:var(--black-color); box-sizing:content-box; }

/* 상품 정보 */
product-summary .product-summary { padding:40px 20px 0; }
.l-content { padding:0; }
.product-summary__partner { gap: 8px; margin: 0 0 20px; }
.product-summary__partner p { font-size: 16px; color: var(--dark-gray-color);  }
.product-summary__partner a { padding: 6px 24px 6px 8px; border: 1px solid var(--default-color); border-radius: 5px; background: url("https://storefront.cdn-nhncommerce.com/custom/team-523/kdellaorange-custom/freshjb-4293/mobile/btn_more_view..svg?45c0a3e…") no-repeat calc(100% - 6px) 50% / auto 15px; font-size: 11px; font-weight: 600; color: var(--gray-font-color); line-height:1; }
product-summary .product-summary__brand-name { margin: 0 0 10px; font-size: 13px; color: var(--gray-color); line-height:1; }
product-summary .product-summary__tit { color:var(--dark-gray-color); margin:0; font-size:20px; font-weight:bold; line-height:1.5; text-wrap:auto; }
product-summary .product-summary__info { margin:20px 0 0; padding:7px 0 0; border-top:1px solid var(--default-color); }
product-summary .product-summary dl { display:flex; align-items:center; gap:15px; border:0; padding:8px 0 7px; line-height:1.2; }
product-summary .product-summary dl dt { float:none; width:80px; color:#191919; font-size:14px; }
product-summary .product-summary dl dd { position:relative; float:none; flex: 1; padding: 0; font-weight: 400; color: var(--gray-font-color); }
product-summary .product-summary dl.product-summary__original-price { text-decoration: line-through; color: #a3a3a3; }
product-summary .product-summary dl.product-summary__original-price dt { color: #a3a3a3; }
.title-modal--discount-price-information { width:auto; }
.title-modal--full .title-modal__content > div { padding:0;} 
product-summary .product-summary__off-percent { margin: 0 0 0 5px; font-size: 13px; font-weight: 600; color: var(--point-background-color); line-height: 1.2; }
product-summary .product-summary__coupon-download-btn { position: absolute; top: -6px; margin: 0 0 0 10px; padding: 9px 40px 9px 15px; border-radius: 5px; background: var(--black-color); color:#fff; font-size:12px; line-height: 1; white-space: nowrap; border:0; }
product-summary .product-summary .ico--download-white { position: absolute; top: 8px; right: 14px; background-size:364px 335px; background-position:-336px -170px; width: 17.5px; height: 13px; }

/* 버튼 */
.product-detail .purchase { position:static; padding:0 20px; border:0; }
.product-detail .purchase dl { display:flex; gap:15px; align-items:center; padding:8px 0 0; }
.product-detail .purchase dl dt { width:80px; color:#191919; font-size:14px; }
.product-detail .purchase dl dd { position:relative; float:none; flex: 1; margin:0; }
.product-detail .purchase__quantity-box { margin:0; padding:0; border:0; gap:0; max-height:none; overflow-y:visible; }
.product-detail .purchase__quantity-box .quantity { margin:15px 0 0; padding:20px; }
.product-detail .purchase .quantity__label { color:var(--color-secondary); font-size:14px; font-weight:500; line-height:20px; padding-right:20px; }
.product-detail .counter { max-width:100px; }
.product-detail .counter input { text-align:center; }
.product-detail .quantity__content em { color:#191919; font-size:14px; }
.product-detail .purchase .quantity__del { padding:0; top:14px; right:14px; }
.product-detail .purchase .quantity__del svg { vertical-align:top; }
.product-detail .purchase__option { display:block !important; }
.product-detail .purchase__btns { flex:1; }                 
.product-detail .purchase__total { align-items:center; margin:20px 0; padding:40px 0 0; border-top: 1px solid var(--default-color); line-height:1; }          
.product-detail .purchase__total span { color:#191919; font-size:14px; }        
.product-detail .purchase__total em { color:#191919; font-size:20px; }
.product-detail .purchase__total em .highlight { color: var(--black-color); font-size:20px; }
.purchase__btns [type=button] { flex: 1;  height: 50px;  border-radius: 5px;  font-size: 16px;  font-weight: 500;}
.purchase__btns .sc-purchase-button { background: var(--black-color); border:0; }
.purchase__btns .sc-cart-button { border: 1px solid var(--black-color);  background: var(--whole-color);  color: var(--black-color);}
.purchase__btns .sc-like-button { max-width: 65px; border-color: var(--black-color);}
.purchase__btns .sc-like-button svg { vertical-align: middle; }

/* 탭 */
product-detail-tabs { position:sticky; top:158px; width:100%; z-index:5; }
.product-detail .product-content { margin:0; padding:0; }
.product-detail .tabs-wrap .tab li .tab__btn { color:var(--gray-color); font-size:13px; font-weight:400; max-width: 224px; border-bottom: 2px solid var(--background-darker-color); background: var(--background-darker-color); line-height:1; padding:15px 0; }
.product-detail .tabs-wrap .tab li .tab__btn.is-active { border-color: 2px solid var(--black-color); background: var(--whole-color); color: var(--black-color); }
                             
/* 상품 상세 정보 */
.product-detail .product-content__box { padding:0; }
.product-detail .product-content__content-box { margin:0 20px; } 
.product-detail .product-content__title { margin: 40px 0 20px; font-size: 16px; }
.product-detail .product-content__content .product-content__more-btn { background:#fff; }
.product-detail .product-content__more-btn button { line-height:48px; height:50px; border: 1px solid var(--default-color); background: var(--whole-color); color: var(--black-color); font-size:14px; font-family: 'Pretendard', sans-serif; border-radius:5px; box-sizing:border-box; }

/* 리뷰 */
.product-detail .product-detail-review-wrap { padding:40px 20px 60px; margin:0; }
product-detail-review-summary .product-review-summary__title { margin-top:20px; text-align: center; font-size:24px; font-weight: 500; line-height:1; }
product-detail-review-summary .product-review-summary__rating { margin:10px 0; }
product-detail-review-summary .product-review-summary__rating .rating-star { position: relative; width: 147px; height: 32px; overflow: hidden; }
product-detail-review-summary .product-review-summary__rating .rating-star::before,
product-detail-review-summary .product-review-summary__rating .rating-star .rating-star__progress { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/assets/_dbook/img/ic_rating_sprite.png"); }
product-detail-review-summary .product-review-summary__rating .rating-star::before { content:''; background-position:-10px -141px; }
product-detail-review-summary .product-review-summary__rating .rating-star .rating-star__progress { background-position: -10px -89px; }
product-detail-review-summary .product-review-summary__score { font-size:18px; color:var(--default-color); font-weight:600; line-height:1; }
product-detail-review-summary .product-review-summary__score span { color:var(--blue-gray-color); }

product-detail-board-button[board-type="product-review"] { display:none; }

product-detail-review-list .product-review-search { margin:20px 0; padding:0; border:0; }
product-detail-review-list .product-review-search .review-total-cnt { color: var(--black-color); font-size:13px; }
product-detail-review-list .product-review-search .review-total-cnt .product-board-list__total-count { color:var(--gray-color); margin-left:5px; }
product-detail-review-list .product-review-search .review-total-cnt .product-board-list__total-count em { font-weight: bold; color: var(--point-color); }
product-detail-review-list .product-review-search .select { border:0; width:auto; height:auto; }
product-detail-review-list .product-review-search .select::after { top:50%; right:5px; transform:translateY(-50%); width:11.33333333px; height:6px; background:url("/assets/_dbook/img/select_arr.png") no-repeat; background-size:100%; }
product-detail-review-list .product-review-search .select select { height:auto; padding:10px 30px 10px 15px; font-size:13px; line-height:1; }

product-detail-review-list .product-review .product-review-list { margin:0; border-top: 1px solid var(--light-gray-border-color) }      
product-detail-review-list .review-list-item { padding:20px 0; }
product-detail-review-list .product-review-item__rating { display: flex ; justify-content: center; align-items: center; }
product-detail-review-list .rating-star--sm { position: relative; width: 95px; height: 21px; overflow: hidden; margin-top:-2px; }
product-detail-review-list .rating-star--sm::before, 
product-detail-review-list .rating-star--sm .rating-star__progress { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("/assets/_dbook/img/ic_rating_sprite.png"); }
product-detail-review-list .rating-star--sm::before { content:''; background-position:-10px -47px; } 
product-detail-review-list .rating-star--sm .rating-star__progress { background-position: -10px -6px; }
product-detail-review-list .product-review .review-list-item .list-item__header { margin:0 0 11px; }
product-detail-review-list .product-review .review-list-item .list-item__header .review-list__score { margin-left: 5px; color: #3f444c; font-weight: 500; font-size: 14px; line-height: 1; }
product-detail-review-list .product-review .review-list-item .list-item__header .review-list__date { font-size: 14px; color: var(--gray-font-color); }

product-detail-review-list .product-review .review-list-item .list-item__body-image { width:100px; height:100px; }
product-detail-review-list .product-review .review-list-item .list-item__body-image img { object-fit:cover; }
product-detail-review-list .product-review .review-list-item .list-item__body-summary { font-size: 12px; line-height: 18px; color: #848991; gap:15px; }
product-detail-review-list .product-review .review-list-item .list-item__body-summary div:not(.list-item__body-image) { flex:1; }
product-detail-review-list .product-review .review-list-item .list-item__body-user { color: #3f444c; font-weight: 600; }
product-detail-review-list .product-review .review-list-item .list-item__body-content { position:relative; width:100%; color: var(--dark-gray-color); padding: 0 15px 0 0; font-size: 14px; font-weight: 500; box-sizing:border-box; }
product-detail-review-list .product-review .review-list-item .list-item__body-content::before { content:''; position:absolute; right:0; top:4px; width:13px; height:7px; background:url("/assets/_dbook/img/select_arr.png") no-repeat; background-size:100%; }
product-detail-review-list .product-review .review-list-item .list-item__body-content.open::before { transform:rotate(180deg); }
product-detail-review-list .list-item__open-image { display:none; overflow-x: auto; overflow-y: hidden; margin:0 0 20px; }
product-detail-review-list .list-item__open-image ul { border: none; display: flex ; width: max-content; gap: 5px 10px; }
product-detail-review-list .list-item__open-image ul li { width: 100px; height: 100px; display: flex ; justify-content: center; align-items: center; }
product-detail-review-list .list-item__open-image ul li img { width: 100%; height: 100%; object-fit: cover; }
product-detail-review-list .product-review .review-list-item .list-item__body-image .image-count { width: 18px; height: 18px; position: absolute; right: 0; bottom: 0; font-size: 10px; line-height: 18px; text-align: center; color: #fff; background-color: rgba(63, 68, 76, .8); }
/* 컨텐츠 열렸을 때 */
product-detail-review-list .list-item__body:has(.list-item__body-content.open) .list-item__open-image { display:block; } 
product-detail-review-list .list-item__body:has(.list-item__body-content.open) .list-item__body-image { display:none; }

/* 더보기 감춤 */
.product-detail-more-btn { display:none; }

/* 상품 Q&A */
.product-detail .product-board-summary-wrap { padding:20px; margin:0; }
product-detail-inquiry-summary .product-board-summary__title { margin-top:20px; text-align: center; font-size:24px; font-weight: 500; line-height:1; }
product-detail-inquiry-summary .product-inquiry-summary__description { margin: 10px 0; text-align: center; font-size: 14px; line-height: 20px; }
product-detail-board-button .btn-group .product-inquiry-summary__write-btn { height:45px; line-height:43px; border: 1px solid var(--default-color); background: var(--whole-color); color: var(--black-color); font-size:14px; font-family: 'Pretendard', sans-serif; padding:0; margin:10px 0 0; border-radius:5px; box-sizing:border-box; }
product-detail-inquiry-list .personal-inquiry-title { padding:0; margin:40px 0 20px; font-size:13px; font-weight:400; border:0; }
product-detail-inquiry-list .product-board-list__total-count { color: var(--gray-color); margin-left: 5px; }
product-detail-inquiry-list .product-board-list__total-count em { font-weight: bold; color: var(--point-color); margin-right:1px; }
product-detail-inquiry-list .inquiry-item { padding:20px 0 0; border-top:1px solid var(--default-color); border-bottom:0; }
.product-detail product-detail-inquiry-list .inquiry-item + .inquiry-item { margin:20px 0 0; }
product-detail-inquiry-list .personal-inquiry-item__top { padding:0 0 10px; font-size: 12px; color: #878787; line-height: 1; }
product-detail-inquiry-list .personal-inquiry-item__inquiry-info { padding:0; }
product-detail-inquiry-list .personal-inquiry-item__inquiry-info .inquiry-item__status-label { margin-right: 8px; border: 1px solid var(--light-blue-gray-color); background-color: var(--light-blue-gray-color); color: #fff; padding: 4px 8px; font-size: 12px; line-height: 1; font-weight: 400; }
product-detail-inquiry-list .personal-inquiry-item__inquiry-info .inquiry-item__status-label--ready { background-color: var(--whole-color); border: 1px solid var(--point-color); color: var(--point-color); }
.personal-inquiry-item__inquiry-info-box .ico--chevron-down-24 { background:url("/assets/_dbook/img/select_arr.png") no-repeat 50% 50% / 11.33333px 6px; }
product-detail-inquiry-list .personal-inquiry-item__reply { margin:20px 0 0; padding:20px 8px; gap:6px; }
product-detail-inquiry-list .personal-inquiry-item__reply .reply-icon--question { width:21px; height:21px; font-size:11px; line-height:21px; }
product-detail-inquiry-list .personal-inquiry-item__reply-content { font-size:12px; color:#333; }
.personal-inquiry__detail-btn-group .personal-inquiry__modify-btn { width: 50px; padding: 6px 8px; border-color: var(--default-color); border-radius: 5px; font-size: 12px; font-weight:400; }

body .product-content__box details.accordio:not(.product-content__info-box) { display:none; }
body .product-content__info { padding:10px; }
body .product-content__certification dl { display:flex; margin:15px 0; flex-wrap:nowrap; border:0; }
body .product-content__certification dl > dt { display:block; border:0; padding:0; font-size:14px; color:#999; }
body .product-content__certification dl > dd { display:block; border:0; padding:0; font-size:14px; color:#999; margin-left: 0.7142857143rem; }

/*========================================================================
로그인
========================================================================*/
:where(.page-login, .page-signup) .login-title,
.page-login .guest-order-form__title { margin: 0 0 30px; font-size: 18px; font-weight: 600; text-align: center; line-height: 1; }
.page-login :where(.normal-sign-in, .guest-order-form .btn-group) button,
.sign-up-method .sign-up-method__link-normal a,
.sign-up-form .sign-up-form__confirm button { height: 50px; margin:20px 0 0; border: 1px solid var(--black-color); background-color: var(--black-color); font-size: 16px; color: var(--whole-color); font-weight: 500; font-family: 'Pretendard', sans-serif; border-radius:5px; }

.sign-in.page-login { padding:40px 0 60px; }
.sign-in.page-login .normal-sign-in { padding:0 20px; }
.sign-in.page-login .input-field { height:auto; border:0; }
.sign-in.page-login .input-field input { height: 45px; padding: 10px 15px; border: 1px solid var(--default-color); background: var(--whole-color); font-size: 14px; }
.sign-in.page-login .normal-sign-in .sign-in-link { line-height:1; }
.sign-in.page-login .normal-sign-in .sign-in-link__item { display:inline-block; width:auto; padding:0; font-size: 13px; color: var(--gray-font-color); line-height:1;  }
.sign-in.page-login .normal-sign-in .sign-in-link__item::after { position:static; display:inline-block; margin:0 15px; height:10px; }
.sign-in.page-login .normal-sign-in .sign-in-link > a::after { display:none; }
/* 간편로그인 */
:is(.sign-in, .sign-up-method .open-id-sign-in) { margin:70px 0 0; padding:0 20px; border:0; }
:is(.sign-in, .sign-up-method) :is(.open-id-sign-in__title, .open-id-sign-up__title) { position:relative; line-height: 14px; }
:is(.sign-in, .sign-up-method) :is(.open-id-sign-in__title, .open-id-sign-up__title) span { display:inline-block; position:relative; padding: 0 15px; font-size: 14px; color: var(--gray-font-color); font-weight:400; background:#fff; z-index:1; }
:is(.sign-in, .sign-up-method) :is(.open-id-sign-in__title, .open-id-sign-up__title)::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: var(--default-color);; z-index: 0; }
:is(.sign-in, .sign-up-method) :is(.open-id-sign-in__list, .open-id-sign-up__list) { margin:25px 0 0; }
:is(.sign-in, .sign-up-method) :is(.open-id-sign-in__item, .open-id-sign-up__item) .ico { display:none; }
:is(.sign-in, .sign-up-method) :is(.open-id-sign-in__item, .open-id-sign-up__item) button { padding:0; height:45px; border-radius:5px; font-family: 'Pretendard', sans-serif; }
:is(.sign-in, .sign-up-method) :is(.open-id-sign-in__item, .open-id-sign-up__item) button strong { font-weight:400; }
/* 비회원 주문조회 하기 */
.sign-in.page-login .guest-order-form { margin:80px 0 0; padding:80px 20px 50px; }
.sign-in.page-login .guest-order-form .btn-group { margin:0; }
.sign-in.page-login .guest-order-form .btn-group .btn { font-weight:14px; }
.sign-in.page-login .guest-order-form .guest-order-form__link { margin:0 0 80px; }


/*========================================================================
가입방법
========================================================================*/
body .sign-up-method { padding:40px 20px 60px; } 
.sign-up-method .sign-up-method__link-normal { margin:0; }
open-id-sign-in { display:block; margin:70px 0 0; }
.sign-up-method .sign-up-method__link-normal a { margin:0; }
body .sign-up-method .open-id-sign-up__title span { font-size:0; }
body .sign-up-method .open-id-sign-up__title span::before { content:'간편로그인'; display:inline-block; font-size: 14px; color: var(--gray-font-color); vertical-align:top; }


/*========================================================================
회원가입
========================================================================*/
body .sign-up-form { padding:40px 20px 60px; }
.sign-up-form .sign-up-form__item { margin:40px 0 15px; }
.sign-up-form .mgt0 { margin-top:0; }
.sign-up-form .sign-up-form__title { display:flex; align-items:center; font-size:15px; font-weight:500; line-height:1; }
.sign-up-form .sign-up-form__input-wrap { margin:11px 0 0; }
.sign-up-form .input-field--sm,
.sign-up-form .select--sm { height:45px; }
.sign-up-form .form-check--sm { font-size:14px; }
.sign-up-form .email-input { font-size:13px; }
.sign-up-form .sign-up-form__address-wrap .address-form__zip-code button { height:45px; border-radius:5px; font-family: 'Pretendard', sans-serif; }
.sign-up-form .sign-up-form__address-wrap .address-form__zip-code button.btn.btn--line-dark { font-size:14px; font-weight:600; }
.sign-up-form .form-check--sm input[type=radio]:checked { border-width:1px; box-shadow: inset 0px 0px 0 2px #fff; background-color: var(--color-point); }
.sign-up-form .sign-up-form__checkbox--partial button { width: auto; padding: 0; margin-top: 0; font-weight: 300; border: none; color: var(--gray-font-color); -webkit-text-decoration: 1px underline; text-decoration: 1px underline; font-family: 'Pretendard', sans-serif; }
.sign-up-form .sign-up-form__notice-list p { position: relative; padding-left: 20px; line-height: 1.2; font-weight: 300; font-size: 13px; color: var(--gray-font-color); }
.sign-up-form .sign-up-form__confirm { margin:36px 0 0; }
.sign-up-form .sign-up-form__confirm button { margin:0; }


/*========================================================================
게시판
========================================================================*/
/* 리스트 */
.page-board { padding:20px 20px 60px; }
.page-board .notice__title { display: flex ; justify-content: center; align-items: center; height: 80px; margin: 0 0 20px; background: var(--background-darker-color); }
.page-board .l-title { border:0; padding:0; }
.page-board .article-list { border-top: 2px solid var(--black-color); }
.page-board .article-list__item { padding:15px 10px; line-height:1; border-bottom:1px solid var(--light-gray-border-color); gap:10px; }
.page-board .article-list__item.noticed { background: var(--background-gray-color); }
.page-board .article-list__item.noticed .article-list__item-title { font-weight:700; }
.page-board .article-list__item.noticed .article-list__item-bottom { display:none; }
.page-board .article-list__item-top { margin:0; }
.page-board .article-list__item .article-list__item-title { overflow: visible; text-overflow: unset; white-space: unset; word-wrap: unset; line-height:1; }
.page-board .article-list__item-bottom span.date { font-size: 12px; color: var(--gray-font-color); }
.page-board .notice.no-data { width:100%; }
  

/* 상세 */
body .board-detail { padding:0; }  
.board-detail .board__head { padding:15px 20px; }
.board-detail .article-view__title { line-height:1.4; font-weight:500; }
.board-detail .article-view__title span { color: var(--point-color); margin-right: 10px; }
.board-detail .article-view__content--attach-files { width:calc(100% + 40px); margin-left:-20px; margin-top:20px; padding:20px 20px 0; box-sizing:border-box; border-top: 1px solid var(--default-color); }
.board-detail .article-view__content--attach-files:not(.is-active) { display:none; }
.board-detail .article-view__sub-info { margin:14px 0 0; padding:0; line-height:1; }
.board-detail .article-view__sub-info span { font-size:14px; font-weight: 300; color: var(--blue-gray-color); }
.board-detail .article-view__content { padding:20px; border-top:1px solid var(--light-gray-border-color); border-bottom:0; }
.board-detail .notice-detail__attatchments-title { margin: 0 0 15px; font-size: 16px; font-weight: 700; line-height: 25px; }
.board-detail .folding-images-by-one-row .folding-images-by-one-row__image-list { flex-direction:column; gap: 8px; padding: 8px 10px; border-radius: 4px; background: var(--background-color); }
.board-detail .folding-images-by-one-row li { justify-content:start; width:100%; height:auto; padding:0; }
.board-detail .folding-images-by-one-row li button { border: 0; background: url("/assets/_dbook/img/ic_attatchment..png") no-repeat 0 50% / 15px; font-size: 13px; font-weight: 400; color: var(--gray-font-color); line-height: 1.5; padding:0 0 0 25px;  }
.board-detail .article-view__btns { margin:20px; flex-direction:column; }
.board-detail .article-view__btns button[shopby-action="LIST"] { width:100%; height: 45px; background: var(--black-color); color: #fff; border-radius: 5px; }
.board-detail .article-view__content--main-image { display:none; }

/* 체험단 */
.board-tab ul {display: flex; justify-content: center; gap: 40px; padding: 40px 0 40px;}
.board-tab ul li a {font-size: 16px;}
.board-tab ul li a.active { font-weight: 700; color: var(--point-background-color); text-decoration: underline; text-underline-offset: 6px;}
.page-board:has(.experience_list) { padding:20px 0 60px; }
.page-board .article-list.experience_list { display:flex; align-items:center; flex-wrap:wrap; gap:40px 10px; border:0; }
.page-board .article-list.experience_list li { width: calc(((100% / 2) - 10px) + (10px / 2)); padding:0; }
.page-board .article-list.experience_list li .article-list__item-top { display:block; }
.page-board .article-list.experience_list li .article-list__item-bottom { display:none; }    
.page-board .article-list.experience_list li .article-list__item-title  { display:none; }
.page-board .article-list.experience_list .board-period { display: inline-block; width: 100%; padding: 10px 0; font-size: 14px; color: #fff; text-align: center; background: #3B4E55; line-height:1; }
.page-board .article-list.experience_list .article-list__item .thumb-item__media { width:100%; }
.page-board .article-list.experience_list .article-list__item .thumb-item__img img { border-radius:0; }

/* 게시판 여백 */
.profile-product-review,
.profile-product-inquiry,
.shipping-list,
.l-content:has(.personal-inquiry-list) { padding:20px 20px 40px; }
.board-reviews { padding:0 20px 40px; }


/*========================================================================
장바구니
========================================================================*/
.cart .cart__select-manager { display:flex; align-items:center; justify-content: initial; gap: 30px; margin:20px; }
.cart .cart__select-manager .cart__checked-amt {  color: var(--gray-color); font-size:14px; }
.cart .cart__select-manager .cart__delete-selected-btn { position:relative; gap:5px; padding:0; background:none; color: var(--gray-color); font-size:14px; height:18px; }
.cart .cart__select-manager .cart__delete-selected-btn::before { content: ''; position: absolute; left: -15px; width: 1px; height: 10px; background: var(--default-color); }
.cart .cart__select-manager .cart__delete-selected-btn .ico-delete { display: flex ; justify-content: center; align-items: center; width: 16px; height: 16px; cursor: pointer; }
.cart .cart__select-manager .cart__delete-selected-btn .ico-delete::before,
.cart .cart__select-manager .cart__delete-selected-btn .ico-delete::after { position: absolute; content: ""; width: 16px; padding: 1px; background-color: var(--default-color); }
.cart .cart__select-manager .cart__delete-selected-btn .ico-delete::before { transform: rotateZ(-45deg); }
.cart .cart__select-manager .cart__delete-selected-btn .ico-delete::after { transform: rotateZ(45deg);}
.cart .cart__group-checkbox { padding:18px 20px; border: 1px solid var(--default-color); border-width: 1px 0; }
.cart .cart-product { margin: 0 20px; padding: 15px 0; border: 0; }
.cart .cart__products .cart-product:not(:last-child) { border-bottom: 1px solid var(--default-color); }
.cart .cart-product__top { align-items:start; }
.cart .cart-product__top .cart-product__top-checkbox { align-items:start; }
.cart .cart__shipping-fee-wrap { display:none; }
.cart .cart-product__info-wrap { gap:15px; }
.cart .cart-product__media { width:100px; height:auto; }
.cart .cart-product__media img { border:0; border-radius:15px; }
.cart .cart-product .brand-name { font-size: 12px; font-weight: 700; color: var(--gray-color); line-height:1; margin:0 0 6px; }
.cart .cart-product .product-name { font-size:14px; font-weight:600; line-height:18px; }
.cart .cart-product__count-wrap { padding:15px; background-color: var(--empty-color); }
.cart .cart-product__count-wrap .counter { max-width:85px; }  
.cart .cart-product__count-wrap .counter .counter__btn { width:25px; height:27px; font-size:20px; }
.cart .cart-product__count-wrap .counter input { height:25px; }
.cart .cart-product > .cart-option { padding-left:28px; }
cart-order div[slot="totalCount"] { display:block; padding:20px 20px 40px; }
.cart cart-order .price-tag { margin:0; padding:20px; background:#fff; border:2px solid var(--black-color); border-radius:0; }
.cart .price-tag__final-amount { display: flex ; justify-content: space-between; align-items: center; margin:0 0 12px; padding:0 0 12px; border-bottom: 1px dashed var(--default-color); }
.cart .price-tag__final-amount dt { font-size: 16px; font-weight: 700; }
.cart .price-tag__final-amount dd { font-size: 14px; color:var(--black-color);; }
.cart .price-tag__final-amount dd .price em { color: var(--point-color); font-size: 20px; font-weight: 700; margin: 0 4px; }
body .cart .price-tag .ico-formula { display:none; }
.cart cart-order .price-tag__details { display: grid ; grid-template-columns: 1.5fr 1fr; row-gap: 8px; }
.cart cart-order .price-tag__details dt, 
.cart cart-order .price-tag__details dd { color: var(--gray-color); font-size:14px; font-weight:400; padding:0; }
.cart cart-order .price-tag__details dd .price em { color: var(--black-color); font-size:14px; font-weight: 700; margin: 0 4px; }
body .cart .price-tag .price { font-size:14px; } 
body .cart .price-tag .price em { font-family: 'Pretendard', sans-serif; }
.cart__order-btn { width:100%; margin-top: 20px; border: none; border-radius: 0; height: 50px; background-color: var(--black-color); color: #fff; font-size: 18px; font-weight: 500; border-radius:5px; }
.cart .cart__order-wrap  { padding:15px 20px; border-top:1px solid var(--light-gray-border-color); z-index:15; }
.cart .cart__order-wrap .cart__order { font-size:12px; }
.cart .cart__order-wrap button { margin:0; max-width:180px; }
.cart__fixed-summary-number { margin-left: 4px; color: var(--gray-color); font-weight:400; }
.cart .cart__order .price { margin:3px 0 0; color: var(--black-color); font-size:14px; }
.cart .cart__order .price em { font-size:20px; font-weight:700; }


/*========================================================================
주문
========================================================================*/
.order-sheet { margin:0 0 60px; }
.order-sheet .l-panel { margin:20px 20px 0; padding:0; border:0; }
.order-sheet .input-field--sm { height:45px; }
.order-sheet .order-sheet__item { margin:0 0 20px; }
.order-sheet .order-sheet__item + .order-sheet__item { margin-top:0; }
.order-sheet .order-sheet__address-form__zip-code { display: flex ; gap: 10px; }
.order-sheet .order-sheet__address-form__zip-code .input-field { flex:1; }
.order-sheet .order-sheet__address-form__zip-code .order-sheet__find-zip-code-btn { width: 100px; font-size: 14px; font-weight: 600; border-radius:5px; }
.order-sheet .order-product__delivery-info { display:none; }
.order-sheet .order-product__info { gap:15px; }
.order-sheet .order-product__name { font-size: 13px; font-weight: 500; }
.order-sheet .order-product__amount-wrap { margin:15px 0 0; }
.order-sheet .order-sheet__item .input-field + .form-check--md { margin:10px 0 0; }

/* 배송지 정보 
.dbk-shipping-address-info { display:flex; flex-direction: column; gap:20px; }
.dbk-shipping-address-info > div:first-child { display:flex; }
.dbk-shipping-address-info > div:first-child .input-field--md { width:300px; }*/


/* 여러곳으로 보내기 */
.multi-form-check-top { margin:30px 0 0; }
.multi-form-check-top > label { display:flex; justify-content: space-between; width:100%; }
.multi-form-check-top > label label { line-height:45px; margin:0 0 20px; }
.multi-form-check-top .select-box { margin:0 0 20px; }
.multi-form-check-top .select-box::after { content: ""; position: absolute; top: 20px; right: 15px; width: 13px; height: 8px; background-position:-664px -187px; background-image: url("/assets/_dbook/img/sprite.png"); vertical-align: top; }
.multi-form-check-top .select-box select { width: 100px; height: 45px; line-height: 45px; padding:0 30px 0 15px; border: 1px solid #ddd; background: #fff; font-size: 14px; appearance:none; }
.multi-form-check-top .select-box select:focus-visible { outline:none; }
/* 타이틀 */
.order-sheet__multi-address .accordion__title { height: 45px; padding: 0 32px; border-bottom: 1px solid var(--default-color); background: url("/assets/_dbook/img/ic_map_on.png") no-repeat 0 50%/25px; font-size: 16px; font-weight: 600; } 
.order-sheet__multi-address .accordion__title::after { right: 3px; width: 10px; height: 6px; background-image: url("/assets/_dbook/img/btn_arrow_up.png"); transform: translateY(-50%); } 
.order-sheet__multi-address .accordion__title.active::after { transform: translateY(-50%) rotate(-180deg); } 
.order-sheet__multi-partner { padding: 0 0 15px; border-bottom: 1px solid var(--default-color); font-size: 16px; font-weight: 600; } 
.order-sheet__multi-address + .order-sheet__multi-address { margin: 30px 0 0; }
.order-sheet__multi-address .accordion__title + .accordion__items { margin-top:-30px; }
.accordion__content-wrapper.dbk-order-sheet-single { padding-top:0; }
/* 상품 */
.order-sheet__item-product { display:flex; flex-direction: column; gap: 10px; }
.order-sheet__item-product li { display:flex; gap: 10px; } 
.order-sheet__item-product li .thumb-item { display:flex; align-items: center; flex: 1; gap: 15px; } 
.order-sheet__item-product li .thumb-item__media { width: 55px; aspect-ratio: 1/1; }
.order-sheet__item-product li .thumb-item__img img { width:100% !important; border-radius: 5px; }
.order-sheet__item-product li .thumb-item__info { flex: 1; padding: 0; } 
.order-sheet__item-product li .product-thumb-item__brand { font-size: 12px; font-weight: 700; color: var(--gray-color); }
.order-sheet__item-product li .product-thumb-item__name { font-size: 14px; font-weight: 600; }
.order-sheet__item-product li .option-label__normal-option { margin-top: 6px; color:#999; font-size: 12px; }
/* 개수 */
.order-sheet__item-product .select-box { position: relative; width: 100px; height:45px; }
.order-sheet__item-product .select-box::after { content: ""; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); width: 13px; height: 8px; background-position: -664px -187px; background-image: url("/assets/_dbook/img/sprite.png"); vertical-align: top; }
.order-sheet__item-product .select-box select { width: 100%; height: 45px; padding:0 30px 0 15px; border: 1px solid #ddd; background: #fff; font-size: 16px; line-height: 50px; appearance:none; }}
.order-sheet__item-product .select-box select:focus-visible { outline:none; }

/* 주문 상품 확인 */
.order-sheet .delivery-group-item { border:0; padding:0; }
.order-sheet .order-product { margin:0; padding:20px 0; border-top: 1px solid var(--default-color); }

.order-sheet .order-sheet__promotion-input { display: flex ; gap: 10px; }
.order-sheet .order-sheet__promotion-input .input-field { flex:2.5; }
.order-sheet .order-sheet__promotion-input button { flex:1; max-width: 130px; padding:0; border-radius: 5px; font-size: 14px; font-weight: 600; }
.order-sheet .order-sheet__promotion-additional-info { color: var(--gray-color); margin: 15px 0 0; font-size: 14px; line-height: 1.2; }
.order-sheet .order-sheet__promotion-additional-info strong { color: var(--gray-color); font-weight:400; }

.order-sheet .pay-method-btn { border-radius:5px; }  
.order-sheet .pay-method-btn--checked { border-color: var(--black-color); background-color: var(--black-color); }

payment-info .order-sheet__payment-info { background:none; margin:10px 20px 0; padding:0; }
payment-info .order-sheet__payment-info .price-tag { margin:0; padding:20px; background:#fff; border:2px solid var(--black-color); border-radius:0; }
payment-info .order-sheet__payment-info .price-tag__final-amount { display: flex ; justify-content: space-between; align-items: center; margin:0 0 12px; padding:0 0 12px; border-bottom: 1px dashed var(--default-color); }
payment-info .order-sheet__payment-info .price-tag__final-amount dt { font-size: 16px; font-weight: 700; }
payment-info .order-sheet__payment-info .price-tag__final-amount dd { font-size: 14px; color:var(--black-color);; }
payment-info .order-sheet__payment-info .order-sheet__price.order-sheet__total-price { color: var(--point-color); font-size: 20px; font-weight: 700; }
payment-info .order-sheet__payment-info .price-tag__details { display: grid ; grid-template-columns: 1.5fr 1fr; row-gap: 8px; }
payment-info .order-sheet__payment-info .price-tag__details dt, 
payment-info .order-sheet__payment-info .price-tag__details dd { color: var(--gray-color); font-size:14px; font-weight:400; padding:0; }
payment-info .order-sheet__payment-info .price-tag__details dd .order-sheet__price { color: var(--black-color); font-size:14px; font-weight: 700; }
payment-info .order-sheet__payment-info .price-tag .price { font-size:14px; } 

.order-sheet .order-sheet__terms { padding:10px 20px; }
.order-sheet .order-sheet__terms .form-check input { border-radius:50%; }
.order-sheet .order-sheet__term-checker label { align-items:start; }
.order-sheet .order-sheet__term-checker .term-checker-label { line-height:1.5; }
.order-sheet .order-sheet__pay-btn { padding: 0; margin: 20px 20px 0; max-width:100%; width: calc(100% - 40px); height: 50px; border: none; border-radius: 5px; background-color: var(--black-color); color: #fff; font-size: 18px; font-weight: 600; }


/*========================================================================
마이페이지
========================================================================*/
body .my-info__benefit-btn { top:39px; }