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

@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;
    --light-gray-border-color: #ececec;
	--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: 140px;
  
    /* font-size */
    --small: 0.8rem;
    --normal: 1rem;
    --semi-large: 1.2rem;
    --large: 2rem;
  
    /* width */
    --two-tiered-width: 48.276%;
    --two-tiered-width-gap: 3.448%;
    --three-tiered-width: 31.932%;
    --three-tiered-width-gap: 1.401%;
    --four-tiered-width: 23.449%;
    --four-tiered-width-gap: 2.069%;
    --five-tiered-width: 18.345%;
    --five-tiered-width-gap: 2.069%;  
}
a,nav,label,select,input,button {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    color:var(--black-color);
    text-decoration:none;
}

.l-page, 
.l-my-page { width:var(--pc-width); }

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

.portal { z-index:301 !important; }


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


/*========================================================================
상단 영역
========================================================================*/
#header { position:relative; width:var(--pc-width); height:var(--headerh); margin:0 auto; }
.shopby-header { min-height:149px; }
.header { position: fixed; top:0; left:0; display:block; width:100%; padding:0; background: var(--whole-color); z-index:300; }
.header-wrap { position:relative; width:var(--pc-width); padding:15px 0 18px; margin:0 auto; }
.header-content { display:flex; justify-content: space-between; margin-top:37px; }
.header-top { display:flex; justify-content: flex-end; }
.header-left { display:flex; }
.header-right { display:flex; align-items: center; gap:32px; }

/* 로고 */
.header__logo { width:220px; height:65px; text-align:center; }
.header__logo .header__logo-img { position:static; justify-content: center; width:100%; }
.header__logo .header__logo-img img { height:65px !important; }

/* 회원 메뉴 */
.member__menu { display:flex; width:auto; gap:40px; }
.member__menu > li { position:relative;}
.member__menu > li > a,
.member__menu > li > label { display: block; color: var(--gray-color); font-size:14px; line-height:1; }
.member__menu > li .my-menu__label { padding-right:18px; }
.member__menu > li:hover .my-menu__label::before { content:''; position:absolute; top:100%; left:0; width:100%; height:20px; }
.my-menu__list { top:calc(100% + 20px); min-width:120px; padding:10px 20px; border:1px solid var(--default-color); background:var(--whole-color); white-space: nowrap; box-shadow:none; text-align: center; }
.my-menu__label::after { background:url('/assets/_dbook/img/btn_arrow_down.png') no-repeat; }
.my-menu__list::before { content: ''; position: absolute; top: -5px; left: 50%; width: 7px; height: 7px; background: var(--whole-color); border-top: 1px solid var(--default-color); border-right: 1px solid var(--default-color); transform: translateX(-50%) rotate(315deg); } 
.my-menu__list a { color: var(--gray-color); font-size:14px; }
.my-menu__list a { line-height: 1.8; } 
.my-menu__list li:hover a { color: #000; } 

/* 전체메뉴 */
.nav { position:static; width:auto; padding:0; }
.nav__all-menu-btn { font-size: 17px; font-weight: 600; color: var(--default-font-color) !important; line-height: 32px; margin-right:45px; }
.nav__all-menu-btn::before { display:none; }

/* 전체메뉴 레이어  */
.nav__all-menu { left:0; border:0; background: rgba(255, 255, 255, 0.95); z-index:101; }
.all-menu > dl { display: grid; grid-template-columns: repeat(6, 1fr); grid-auto-flow: row; gap: 60px 30px; }
.all-menu__category { position: relative; }
.all-menu__category dt { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px dashed var(--default-color); color: var(--dark-gray-color); } 
.all-menu__category dt:hover { background: url('/assets/_dbook/img/ic_bn_arr_right.png') no-repeat 100% 10px; background-size:6px auto; } }
.all-menu__category dd {}
.all-menu__category dd .all-menu__list {}
.all-menu__category dd .all-menu__list li { margin:0; }
.all-menu__category dd .all-menu__list li a { display:block; padding: 9px 0; font-size: 15px; font-weight: normal; color: var(--gray-font-color); line-height: 1.234; letter-spacing: -0.45px; } 

/* 상단 카테고리 */
.nav .cate-menu > ul { display:flex; gap:45px; }
.nav .cate-menu > ul > li { position:relative; }
.nav .cate-menu > ul > li > a { display: block; position: relative; padding: 0; font-size: 17px; font-weight: 600; color: var(--default-font-color) !important; line-height: 32px; } 
.nav .cate-menu > ul > li > a::before { content: ''; display: none; position: absolute; top: 2px; right: -10px; width: 5px; height: 5px; background: #FF5934; border-radius: 50%; } 
.nav .cate-menu > ul > li:hover > a::before { display: block; } 

/* 검색 */
.header__search { width:250px; padding:0; border-bottom: 1px solid var(--dark-gray-color); }
.header__search-input { height: 34px;padding: 8px 0;border: 0;font-size: 15px;font-weight: 500;color: var(--dark-gray-color);letter-spacing: -0.45px;line-height: 1;} 
.header__search-input::placeholder { color: var(--border-color); } 
.header__search-btn { width:35px; height:35px; padding:0; background:url('/assets/_dbook/img/ic_hd_search.png') no-repeat 50%; }

/* 장바구니 버튼 */
.top-cart-btn a { display: flex; justify-content: flex-end; width:35px; height:35px; font-size:0; background:url('/assets/_dbook/img/ic_hd_cart.png') no-repeat 50%; }
.top-cart-btn a span { margin:7px 0 0; }


/*========================================================================
메인 카테고리
========================================================================*/
.nav__slide { position:static; }
.main-nav { display:none; position:absolute; top:100%; left:0; width:220px; height:640px; padding:20px 30px; background:var(--whole-color); border: 1px solid var(--default-color); z-index:100; box-sizing:border-box; }
.main-nav nav > div > ul { display:flex; flex-direction: column; gap: 17px; }
.main-nav nav > div > ul > li > a { line-height:30px; padding:0 0 0 45px; font-size: 16px; font-weight: 500; color:var(--dark-gray-color); background:no-repeat 0 50%; background-size:30px auto; }
/* 오버 */
.main-nav nav > div > ul li:hover { background: url('/assets/_dbook/img/ic_bn_arr_right.png') no-repeat 100% 50%; background-size:6px auto; }
.main-nav nav > div > ul > li:hover .sub-menu-box { display:block; }
/* 서브 메뉴 */
.main-nav nav > div > ul > li .sub-menu-box { display:none; position:absolute; top:-1px; bottom:-1px; left:calc(100% - 31px); padding:0 0 0 31px;  }
.main-nav nav > div > ul > li .sub-menu-box ul { display: grid; grid-template-rows: repeat(auto-fill, minmax(30px, 1fr)); grid-auto-flow: column; gap: 20px 30px; height: 100%; padding: 20px 30px; border: 1px solid var(--default-color); background: var(--background-color); } 
.main-nav nav > div > ul > li .sub-menu-box ul li { width: 150px; } 
.main-nav nav > div > ul > li .sub-menu-box ul li a { color: var(--gray-font-color); line-height: 31px; } 
.main-nav nav > div > ul > li .sub-menu-box ul li a:hover { font-weight: 600; color: var(--dark-gray-color); } 

/* 메뉴 아이콘 */
.main-nav nav > div > ul > li:nth-child(1) > a { background-image:url('/assets/_dbook/img/ic_fix_cate_1.png'); }
.main-nav nav > div > ul > li:nth-child(2) > a { background-image:url('/assets/_dbook/img/ic_fix_cate_2.png'); }
.main-nav nav > div > ul > li:nth-child(3) > a { background-image:url('/assets/_dbook/img/ic_fix_cate_3.png'); }
.main-nav nav > div > ul > li:nth-child(4) > a { background-image:url('/assets/_dbook/img/ic_fix_cate_4.png'); }
.main-nav nav > div > ul > li:nth-child(5) > a { background-image:url('/assets/_dbook/img/ic_fix_cate_5.png'); }
.main-nav nav > div > ul > li:nth-child(6) > a { background-image:url('/assets/_dbook/img/ic_fix_cate_6.png'); }
.main-nav nav > div > ul > li:nth-child(7) > a { background-image:url('/assets/_dbook/img/ic_fix_cate_7.png'); }
.main-nav nav > div > ul > li:nth-child(8) > a { background-image:url('/assets/_dbook/img/ic_fix_cate_8.png'); }
.main-nav nav > div > ul > li:nth-child(9) > a { background-image:url('/assets/_dbook/img/ic_fix_cate_9.png'); }
.main-nav nav > div > ul > li:nth-child(10) > a { background-image:url('/assets/_dbook/img/ic_fix_cate_10.png'); }
.main-nav nav > div > ul > li:nth-child(11) > a { background-image:url('/assets/_dbook/img/ic_fix_cate_11.png'); }
.main-nav nav > div > ul > li:nth-child(12) > a { background-image:url('/assets/_dbook/img/ic_fix_cate_12.png'); }
.main-nav nav > div > ul > li:nth-child(13) > a { background-image:url('/assets/_dbook/img/ic_fix_cate_13.png'); }
.main-nav nav > div > ul > li:nth-child(14) > a { background-image:url('/assets/_dbook/img/ic_fix_cate_14.png'); }
.main-nav nav > div > ul > li:nth-child(n+14) { display:none; }


/*========================================================================
하단 영역
========================================================================*/
.footer { padding: 60px 0 30px; background: var(--black-color); }
.footer .l-panel { display:block; width:var(--pc-width); }
.footer-info { display:flex; justify-content: space-between; }
.footer__content { width:65%; }

/* 로고 */
.foot-logo { margin:0 0 46px; }
.foot-logo img { width:auto; height:50px; }

/* 회사 정보 */
.footer .footer__content address { font-size: 14px; color: var(--gray-light-color); } 
.footer .footer__content address dl { display: inline-block; margin: 0 34px 12px 0; font-size: 0; line-height: 1; vertical-align: top; } 
.footer .footer__content address dl>* { display: inline-block; font-size: 14px; line-height: 1; vertical-align: top; } 
.footer .footer__content .copyright { margin: 12px 0 0; color: var(--gray-light-color); font-size: 14px; line-height: 1; font-family: 'Pretendard', sans-serif; } 

/* 고객센터 */
.footer__info { color: #eee; }
.footer__info dt { margin;0 0 10px; color: #eee; font-size:15px; font-weight:500; line-height:1; }
.footer__info dd { display: block; margin: 0 0 10px; font-size: 20px; font-weight: 500; line-height:1; } 
.footer__info dd p + p { margin:10px 0 0; }
.footer__info dd .mail { font-size: 14px; color: var(--gray-light-color); line-height: 1.57; }

.footer__about-company { margin:0; }
.footer__about-company span { display:block; color: var(--gray-light-color); font-size: 14px; line-height:1; }
.footer__about-company span:nth-child(n+2) { padding:0; margin:20px 0 0; color: #eee; font-weight:700; }
.footer__about-company span:nth-child(n+2)::before { display:none; }


/*========================================================================
우측 플로팅 영역
========================================================================*/
.quick-menu__container { right:40px; }
.fab { width:50px; height:50px; background:none; }


/*========================================================================
서브 공통
========================================================================*/
/* 로케이션 */
.page-content-top__path { display:none; }
.product-list .page-content-top__path { display:flex; }
.page-content-top__location { font-size:0; }
.page-content-top__location li,
.page-content-top__location li a,
.page-content-top__location > li > span { padding-bottom:0; font-size: 15px; color: var(--gray-color); border:0; }
.page-content-top__location li a:hover { color:var(--gray-color); border:0; }
.page-content-top__location > li > a::after,
.page-content-top__location > li > span::after { content: ''; display: inline-block; width: 14px; height: 14px; background: url('/assets/_dbook/img/btn_arrow_down.png') no-repeat 50%; background-size:10px auto; opacity:1 !important; }
.page-content-top__location > li > a::after { margin:-1px 0 -1px 10px; transform: rotate(-90deg); }
.page-content-top__location > li:nth-child(n+2) { margin-left:-10px; }

/* 서브 타이틀 공통 */
.page-content-top__title { margin:0; }
.page-content-top h2,
.board__title,
.article-list__board-name,
.product-list :is(.l-title) { justify-content: center; padding:0; margin:40px 0 60px; font-size:40px; line-height:1; text-align:center; }

/* 페이지네이션 */
.pagination__link { width:35px; height:35px; font-size: 14px; color: var(--gray-font-color); font-family:'Pretendard', sans-serif; }
.pagination__link:hover,
.pagination__link.is-current:hover { background:var(--background-darker-color);}
.pagination__link.is-current { font-weight: 600; color: var(--black-color); background:none; }

/* 체크박스 */
.form-check--sm input { width:16px; height:16px; }
.form-check--md input { width:18px; height:18px; }
.form-check--sm input[type=checkbox]:checked,
.form-check--md input[type=checkbox]:checked { background-size: 10px auto; background-color: var(--black-color); border-color:var(--black-color); }
.form-check input { border-color:var(--default-color); }

/* input text */
body .input-field { border: 1px solid var(--default-color); background: var(--whole-color); }

.btn--sm { border-radius:5px; }

/*========================================================================
상품 목록
========================================================================*/
.category-nav:has(li) { padding:0; }
.category-nav { justify-content: center; background:none; }
.category-nav li a { position: relative; padding: 6px; font-size: 16px; font-weight: 500; color: var(--default-color); }
.category-nav .category-nav__label { color: var(--default-color); }
.category-nav li.on a .category-nav__label,
.category-nav li a:hover,
.category-nav li a:hover .category-nav__label { color: var(--black-color); }
.category-nav li.on a::before,
.category-nav li a:hover::before { content: ''; position: absolute; top: 2px; right: -6px; width: 5px; height: 5px; background: #FF5934; border-radius: 50%; }

.sort-list__wrap--margin { position:relative; margin:40px 0 25px; }
.total-count--md em, 
.total-count--md .highlight,
.sort-list__wrap .total-count { font-size:15px; font-weight:500; font-family:'Pretendard', sans-serif; line-height:26px; }
.sort-list__wrap .total-count { color: var(--gray-light-color); }

/* 정렬 타입 */
.sort-select { position:relative; }
.sort-select .sort-btn { display:inline-block; position:relative; width:120px; line-height:26px; background:#fff; color: var(--gray-light-color); font-size:15px; font-weight:500; box-sizing:border-box; cursor:pointer; }
.sort-select .sort-btn { position:relative; padding:0 26px 0 20px; text-align:left; }
.sort-select .sort-btn::after { content:""; position:absolute; top:50%; right:3px; width:15px; height:8px; margin-top:-4px; background:url("/assets/_dbook/img/btn_arrow_down.png") no-repeat 0 50%; }
.sort-select .sort-btn.on::after { background-image:url("/assets/_dbook/img/btn_arrow_up.png") }
.sort-select + .sort-list { display:none; position:absolute; top:100%; right:0; width:120px; padding:11px 0 11px 20px; margin:0; text-align:left; background:#fff; border:1px solid #dddddd; box-sizing:border-box; z-index:10; }
.sort-select + .sort-list > li { display:block; padding:6px 0; background:none; }
.sort-select + .sort-list > li > button { color:var(--basic-color); font-size:14px; font-weight:400; line-height:1.2; }
.sort-select + .sort-list > li.active > button { font-weight:600 !important; }
.sort-item:not(:last-child)::after { display:none; }

/* 상품 공통 */
:is(.thumb-GALLERY) { gap:80px var(--four-tiered-width-gap); }
.thumb-item__media { aspect-ratio:auto; }
.thumb-item__img { border:0; }
.thumb-item__img a img { object-fit: cover; border-radius:20px;}
.thumb-item__overlay { border-radius:20px; overflow:hidden; }
.product-list .thumb-item .thumb-item__info { padding:20px 0 0;}
.product-thumb-title { margin:0 0 15px; font-size:18px; font-weight:500; }
.product-thumb-price--origin { color: var(--gray-color); font-size:16px; margin:0 0 0 5px; }
.product-thumb__immediately-percent { margin:0 5px 0 0; font-size:18px; font-weight:700; }

/* 좋아요 버튼 */
.thumb-fab--like { display:block !important; width:30px; height:30px; top:20px; right:20px; bottom:auto; background:url('/assets/_dbook/img/ic_wish_off.png') no-repeat 50%; background-size:100% auto; }
.thumb-fab--like svg { display:none; }
.product-thumb-unit,
.thumb-item em { font-size:18px; font-weight:600; }
.display-product .btn.thumb-fab--cart { display:none !important; }

/* 카테고리 */
body .page-content-top__breadcrumb-category-siblings { left:0; background:rgba(255, 255, 255, 0.85); box-shadow: none; width:200px; padding:0; }
body .page-content-top__breadcrumb-category-siblings span { display:block; padding:10px 10px 10px 0; font-size:14px; 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 { height:100%; margin:0; box-shadow: none; background:rgba(255, 255, 255, 0.85); border:0; overflow-y:auto; }
body .page-content-top__breadcrumb-category-siblings .sub-cate::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.025); }
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 { padding:10px; }
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 .product-detail { width:var(--pc-width); padding-top:40px; }
body .product-detail .product-info { justify-content: space-between; }
body .product-detail .product-info .thumb-item { width:calc( var(--pc-width) / 2); }
body .product-detail .product-info .thumb-item__main-img { height:auto; border:0;  }
body .product-detail .product-info .thumb-item__main-img img { border-radius:20px; }
body .product-detail .product-info .thumb-item .thumb-item__main + div.swiper { display:none; }

body .product-detail .product-info .thumb-item .swiper-pagination { bottom:20px; }
body .product-detail .product-info .thumb-item .swiper-pagination-clickable .swiper-pagination-bullet { width: 10px; height: 10px; padding:0; border: 2px solid transparent; background: var(--default-color); opacity:1; }
body .product-detail .product-info .thumb-item .swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 12px; height: 12px; border-color: var(--black-color); background: none; }
.product-summary { width:645px; }

/* 상품 우측 */
.product-summary__title { margin:0; padding:0 0 25px; border-bottom:1px solid var(--border-color); }
/* 파트너명 */
.partner-name { display:flex; align-items: center; gap: 8px; margin: 0 0 40px; }
.partner-name p { font-size: 18px; color: var(--dark-gray-color); }
.partner-name span { display:none; }
.partner-name .product-summary__partner-link { display:inline-flex; padding: 7px 30px 7px 10px; border: 1px solid var(--default-color); border-radius: 5px; background: url('/assets/_dbook/img/ic_link_arr.png') no-repeat calc(100% - 10px) 50%; background-size:13px auto; font-size: 13px; font-weight: 600; color: var(--gray-font-color); line-height:1; }
/* 브랜드 */
.product-summary__brand-name { margin: 0 0 10px; font-size: 16px; color: var(--gray-color); }
/* 상품명 */
.product-summary__tit { margin:0; padding:0 0 25px; font-size: 26px; font-weight: 600; line-height: 1.2; text-wrap: auto; }
.product-summary__promotion-text { margin-top:0; margin-bottom:16px; }
/* 판매가 */
.product-summary__original-price { margin:0 0 0 10px; color: var(--gray-color); }
.product-summary__original-price .help-wrap { margin:0 0 0 6px; }
/* 상품 항목 */
.product-summary__info { margin-top:15px; }
.product-summary dl { padding:5px 0; border:0; }
.product-summary dl dt { width: 125px; font-size: 15px; color: var(--gray-color); }
.product-summary dl dd { font-size: 15px; font-weight: 400; color: var(--black-color);}
.product-summary__freight strong { font-weight:400; }
/* 쿠폰 */
.product-summary__info-coupon .coupon-download-wrap button { border-radius:5px; }

/* 옵션 */
.product-summary__purchase-option .quantity-box { width:100%; }
.product-summary__options-box { clear:none; }
.product-summary__options-box:not(:first-child) { margin:0; }
.product-purchase__info .counter input { width:40px; text-align:center; }

.purchase__total em { color:var(--black-color); }

/* 구매버튼 */
.purchase__button-wrap { gap:5px; }
.purchase__button-wrap .purchase__btns { gap:5px; }
.purchase__button-wrap .purchase__btns button { padding:17.5px 0; font-size:18px; font-weight:600; font-family:'Pretendard', sans-serif; border-radius:5px; }
.purchase__button-wrap .purchase__btns .btn--fill-point { background:var(--black-color); border: 1px solid var(--black-color); }
.purchase__button-wrap .purchase__btns .btn--fill-dark { border: 1px solid var(--black-color); background: var(--whole-color); color: var(--black-color);}
.purchase__like-btn { width:55px; height:55px; border-radius:5px; border: 1px solid var(--black-color); box-sizing:border-box; }
.purchase__like-btn path { stroke:var(--black-color); }
.purchase__button-wrap .like-btn-wrap .like-message { right:0; left:auto; }
.purchase__button-wrap .like-btn-wrap .tooltip::before { right:20px; left:auto; }

/* 탭버튼 */
.product-detail .tabs-wrap .tab { display:flex; justify-content: unset; height: 50px; background: var(--background-darker-color); font-size: 14px; line-height: 48px; } 
.product-detail .tabs-wrap .tab li { border: 0; background:none; } 
.product-detail .tabs-wrap .tab li .tab__btn { padding:0; color:var(--gray-color); font-size: 15px; font-weight:500; border: 0; border-top: 2px solid var(--background-darker-color); background: var(--background-darker-color); } 
.product-detail .tabs-wrap .tab li .tab__btn.is-active { color: var(--black-color); border-top: 2px solid var(--black-color); background: var(--whole-color); color: var(--black-color); } 

/* 상세 정보 */
.product-content__content-detail *:not(iframe) p, 
.product-content__content-detail *:not(iframe) div { font-size:0; }
body .product-content__box { padding-top:150px; margin-top:-150px; }
.product-content__content-box { overflow: hidden; min-height: 100px; height: 700px; }
.product-detail .product-content__content-box { padding-bottom:50px;}
/* 상세 더보기 버튼 */
.product-content__box .product-content__more-btn {position: relative; z-index: 0; background: var(--whole-color); text-align:center; }
.product-content__box .product-content__more-btn::before { content: ""; position: absolute; right: 0; bottom: 50px; left: 0; height: 50px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); }
.product-content__box .product-content__more-btn button {width: 400px; height:50px; margin: 0 auto; color: var(--black-color); font-size:16px; font-weight:500; border: 1px solid var(--default-color); background: var(--whole-color); border-radius: 5px; box-sizing:border-box; font-family: 'Pretendard', sans-serif; }

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

/* 상세 후기 */
body .product-detail .product-content__info-box.product-review { padding-top:180px; margin-top:-150px; }

/* 상세 문의 */
body .product-detail .product-content__info-box { padding-top:180px; margin-top:-150px; }

/* 열기,닫기 버튼 */
.btn-detail { display:none; }
.isFixed .btn-detail { display:block; position: fixed; top: 200px; right:440px; z-index: 1; width: 25px; height: 70px; border-radius: 5px 0 0 5px; background: var(--black-color) url('/assets/_dbook/img/btn_arrow_right_w.png') no-repeat center; background-size:6px auto; font-size: 0; }
.isOpened .btn-detail { right: 0; background-image: url('/assets/_dbook/img/btn_arrow_left_w.png'); }                 

/* 우측 고정 */
.isFixed .product-summary { overflow-y: scroll; position: fixed; top: 200px; right: 40px; bottom: 0; z-index: 1; width: 400px; max-height: calc(100% - 400px); padding: 30px; border: 1px solid var(--default-color); background: var(--whole-color);}
.isFixed.isOpened .product-summary { right: -440px; }
.isFixed .product-summary::-webkit-scrollbar { position: relative; right: -1px; z-index: 1; width: 5px; border-radius: 0; }
.isFixed .product-summary::-webkit-scrollbar-thumb { height: 60%; border-radius: 0; background: var(--black-color); }
.isFixed .product-summary::-webkit-scrollbar-track { background: var(--background-color); }

.isFixed .partner-name { margin:0 0 20px; }
.isFixed .partner-name p { font-size: 14px; }
.isFixed .product-summary__brand-name { margin: 0 0 8px; font-size: 14px; }
.isFixed .product-summary__tit { padding: 0 0 20px; font-size: 22px; }
.isFixed .product-summary__price-detail { margin-top:0; }
.isFixed .product-summary__off-percent { font-size: 20px; }
.isFixed .product-summary__off-percent ~ .product-summary__price { margin-left:5px; }
.isFixed .product-summary__title { font-size: 20px; }
.isFixed .product-summary__original-price { margin: 0 0 0 5px; font-size: 14px;}
.isFixed .product-summary__original-price .help-wrap .tooltip { left:auto; }
.isFixed .product-summary__original-price .help-wrap .tooltip::before { display:none; }
.isFixed .product-summary dl { padding:0; font-size:15px; }
.isFixed .product-summary dl dt { width:100px; font-size:14px; }
.isFixed .product-summary dl dd { width:calc(100% - 100px); font-size:14px; }

.isFixed .product-summary__purchase-option .quantity-box { flex-direction: column; align-items: flex-start; padding:15px 20px; }
.isFixed .product-summary__purchase-option .quantity-box .quantity__content { justify-content: space-between; width: 100%; margin:0; }

/* 후기 */
body .product-detail .product-content__title-container { display:block; position:relative; }
body .product-detail .product-content__title-container div.review-title-wrap { display: flex; flex-direction: column; justify-content: center; flex-direction: column; align-items: center; width: 100%; margin-bottom:50px; }
.product-detail .review-title-wrap .product-content__title { font-size:28px; font-weight:500; }
.review-title-wrap .product-review-summary__score { font-size:20px; }
.review-title-wrap .product-review-summary__score em { font-weight:600; }
.review-title-wrap .rating { background:url('/assets/_dbook/img/ic_rating_sprite.png') no-repeat; }
.review-title-wrap .rating.rating--md { width:147px; height:32px; background-position: -10px -141px; }
.review-title-wrap .rating.rating--md::before { content:""; width: var(--rating-count); height:32px;  background:url('/assets/_dbook/img/ic_rating_sprite.png') no-repeat; background-position: -10px -89px; }
/* 후기 버튼 */
.total-count-wrap .review-header__btn button { font-size:16px; font-weight: 500; font-family: 'Pretendard', sans-serif; color:var(--black-color); border-radius: 5px; border: 1px solid var(--default-color); background:var(--whole-color); }

/* 건수 표시 */
.total-count-wrap { display: flex; justify-content: space-between;align-items: flex-end; }
.total-count-wrap .product-board-list__total-count,
.detail-inquiry-wrap .product-board-list__total-count { display: flex; align-items: center; font-size:18px; font-weight:400; }
.total-count-wrap .product-board-list__total-count em,
.detail-inquiry-wrap .product-board-list__total-count em { margin-left:5px; font-size:16px; font-weight:700; font-family:'Pretendard', sans-serif; }
/* 별점  */
body .crema_product_reviews_score_star_wrapper__star { fill:#ffdc00; }
/* 본문 */
.product-review-list .review-list-item__content .review-list__content-container { width:calc(100% - 200px - 290px); }
.product-review-list .review-list__content-box .review-content .review-text { font-size:16px; }
.product-review-list .review-list__content-box .review-recommend span, 
.product-review-list .review-list__content-box .review-comment,
.product-detail .report-btn,
.product-review-list .review-list__edit-container { font-size:14px; }

/* 상품 문의 */
body .product-detail .product-content__title-container div.detail-inquiry-wrap,
body .product-detail .product-content__title-container div.detail-inquiry-wrap > div:not(.inquiry-title) { display:block; width:100%; }
body .product-detail .product-content__title-container div.detail-inquiry-wrap div.inquiry-title { display: block; text-align:center; }
body .product-detail .product-content__title-container div.detail-inquiry-wrap div.inquiry-title span { font-size: 28px; font-weight: 500; }
body .product-detail .product-content__title-container div.detail-inquiry-wrap div.inquiry-title p { margin:12px 0 50px; text-align: center; font-size: 14px; font-weight:400; line-height:22.8px; }
body .product-detail .product-content__title-container div.detail-inquiry-wrap .product-content__title { text-align:left; }
/* 문의 버튼 */
body .product-detail .product-content__title-container div.inquiry-btn { position:absolute; bottom:20px; right:0; }
body .product-detail .product-content__title-container div.inquiry-btn button { width: 150px; font-size:16px; font-weight: 500; font-family: 'Pretendard', sans-serif; color:var(--black-color); border-radius: 5px; border: 1px solid var(--default-color); background:var(--whole-color); }

/* 제목 */
body .product-review-list .qna-list__item-content.title { font-size:16px; }
body .product-review-list .qna-list__item-category { font-size:14px; }
body .product-review-list .qna-list__item-register { font-size:14px; }


/*========================================================================
로그인
========================================================================*/
/* 회원로그인 */
.sign-in .sign-in-form { padding:100px 0 80px; width:450px; }
.sign-in .normal-sign-in__title { font-size:24px; font-weight:600; line-height:1; }
.sign-in .input-field--md { height:55px; border: 1px solid var(--default-color); background: var(--whole-color); font-size: 16px; box-sizing:border-box; }
.sign-in .normal-sign-in__input-wrap .input-field { margin-top:15px; }
.sign-in .normal-sign-in__input-wrap .input-field:first-child { margin-top:0; }
.sign-in :where(.normal-sign-in, .guest-order-form) input:not([type="checkbox"]) { height: 55px; padding: 15px 26px; background:none; box-sizing:border-box; }
.sign-in :where(.normal-sign-in, .guest-order-form) input:not([type="checkbox"])::placeholder { color: var(--gray-color); }

/* 아이디 저장 */
.saveId-checked { display:none; }

/* 아이디, 비번찾기, 회원가입 버튼 */
.normal-sign-in .sign-in-link { display:flex; justify-content: space-between; margin-top:10px;  }
.normal-sign-in .sign-in-link__item { position:relative; width:auto; padding:0; color: var(--gray-font-color); font-size: 15px; }
.normal-sign-in .sign-in-link__item::after { display:none; }
.normal-sign-in .sign-in-link div .sign-in-link__item:nth-child(1) { padding:0 16px 0 0; margin:0 16px 0 0;}
.normal-sign-in .sign-in-link div .sign-in-link__item:nth-child(1)::before { content: ""; display:inline-block; position: absolute; top: 3px; right: 0; width: 1px; height: 10px; background: var(--default-color); }

/* 로그인 버튼 */
.sign-in :where(.normal-sign-in, .guest-order-form) button.btn.btn--md { height: 65px; border: 1px solid var(--black-color); background-color: var(--black-color); font-size: 18px; color: var(--whole-color); border-radius:5px; }
.normal-sign-in button { margin-top:15px; }

/* 카카오 버튼 */
.open-id-sign-in { margin-top:30px; border-top:0; }
.open-id-sign-in__title { position: relative; color: var(--gray-font-color); font-size: 16px; font-weight:400; }
.open-id-sign-in__title span { position: relative; display: inline-block; padding: 0 15px; background:var(--whole-color); z-index: 1;} 
.open-id-sign-in__title::after { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: var(--light-gray-border-color); z-index: 0;}
.open-id-sign-in__list { margin-top:20px; }
.open-id-sign-in__item.type-kakao-sync button { height:55px; border-radius:5px; font-size: 16px; font-weight: 500; }
.open-id-sign-in__item.type-kakao-sync button strong { font-weight: 500; }
.open-id-sign-in__item.type-kakao-sync .ico { display:none; }

/* 비회원 주문조회 */
.sign-in .guest-order-form { margin-top: 80px; padding-top: 80px; border-top: 1px solid var(--default-color); }
.sign-in .guest-order-form__title { font-size:24px; font-weight:600; line-height:1; }
.sign-in .guest-order-form__input-wrap .input-field { margin-top:15px; }
.sign-in .guest-order-form__input-wrap .input-field:first-child { margin-top:0; }


/*========================================================================
회원가입
========================================================================*/
body .sign-up-method { width:450px; padding:100px 0 80px; margin:0 auto 120px; }
body .sign-up-method__title { display:none; }
body .sign-up-method__link-normal { margin:0 0 65px;  }

/* 가입 버튼 */
.sign-up-method__link-normal a { height: 65px; border: 1px solid var(--black-color); background-color: var(--black-color); border-radius: 5px; }

/* 카카오 버튼 */
.sign-up-method .open-id-sign-up__title span { color: var(--gray-font-color); }  
.sign-up-method .open-id-sign-up .open-id-sign-up__list { margin-top:20px; }  
.sign-up-method .open-id-sign-up__item.type-kakao-sync button { height:55px; border-radius:5px; font-size: 16px; font-weight: 500; }
.sign-up-method .open-id-sign-up__item.type-kakao-sync button strong { font-weight: 500; }
.sign-up-method .open-id-sign-up__item.type-kakao-sync button .ico { display:none; }

/* 가입 폼 */
body .sign-up-form { width:450px; margin-top:95px; }  
body .sign-up-form .l-title { display:none; }  
.input-field--md { height:50px; }
.input-field--md input { padding:0 26px; }
.sign-up-form__item .sign-up-form__input-wrap button.btn.btn--line-dark { border-radius:5px; }
.sign-up-form__item .sign-up-form__checkbox--partial .form-check__label { color:var(--color-base-black); font-size:16px; }  
.sign-up-form__item .sign-up-form__checkbox--partial button { color:var(--color-base-black); }  
.sign-up-form .sign-up-form__confirm button { height: 65px; border: 1px solid var(--black-color); background-color: var(--black-color); font-size: 18px; color: var(--whole-color); border-radius: 5px; }  


/*========================================================================
게시판
========================================================================*/
/* 게시글 없음 */
.notice em { color: var(--gray-color); font-weight:500; }

/* 회색배경 타이틀 */
.notice__title { display:none; justify-content: center; align-items: center; height: 80px; margin: 0 0 40px; background: var(--background-darker-color); } 
.notice__title p { display: flex; justify-content: center; align-items: center; font-size: 18px; letter-spacing: -0.39px; color: #000; }
:has([shopby-board-no='270171'], [shopby-board-no='271332']) .notice__title { display:flex; }

/* 검색 바 */
.article-list__top { display:none; }

/* 게시판 */
.board-list-wrap { display:none; }
:has([shopby-board-no='270171'], [shopby-board-no='271332']) .board-list-wrap { display:block; }
:has([shopby-board-no='270171'], [shopby-board-no='271332']) .board-list-wrap :is(.hit, .writer) { display:none; } /* 작성자, 조회수 감춤 */
.article-list__item-link :is(.ico-hot, .ico--clip-16) { display:none; }  
/* 폰트 */
.article-list__item-view-cnt, 
.article-list__item-register-name, 
.article-list__item-register-ymdt { color: var(--gray-font-color); font-weight:500; }
.article-list__item-title-text { color: var(--black-color); font-weight:500; }
/* 테이블 */
.article-list { border-top:2px solid var(--black-color); }
.article-list table.l-table td { padding:23px 0; }
.article-list table td.td_left { padding:23px 25px; }
  
/* 체험단 탭 버튼 */
.board-tab { display:none; }
.board-tab[shopby-board-name='체험단'] { display:block; }
.board-tab ul { display: flex; justify-content: center; gap: 40px; padding: 35px 0 60px; } 
.board-tab ul li a { font-size: 20px; } 
.board-tab ul li a.active { font-weight: 700; color: var(--point-background-color); text-decoration: underline; text-underline-offset: 6px; } 
/* 체험단 갤러리형 */  
.board-gallery-wrap[shopby-board-no="271331"] { display:block !important; }
.board-gallery-wrap .experience-list > ul { display:flex; align-items: center; flex-wrap: wrap; gap:30px; text-align: center; margin:0 auto 80px; }
.board-gallery-wrap .experience-list > ul > li { width:calc((100% - 60px)/ 3); }
.board-gallery-wrap .experience-list > ul > li .board-period { display: inline-block; padding: 8px 20px; margin: 0 auto 10px; font-size: 16px; color: #fff; text-align: center; border-radius: 50px; background: #3B4E55; line-height: 1; } 
  
/* 상세 */
.article-view__content--main-image { display:none; }
.board__head { justify-content: center; padding:0; margin:0; }  
.article-view__table.title-row { flex-direction: column; align-items: flex-start; height:auto; text-align:left; padding:20px 10px; border-bottom: 1px solid var(--light-gray-border-color); }
.article-view__table.title-row :where(.cell-name,.cell-hit) { display:none; }
.article-view__table.title-row .cell-title { display:flex; flex-direction: row; font-size: 20px; font-weight: 500; letter-spacing: -0.38px; color: var(--default-font-color); line-height: 26px; }
.article-view__table.title-row .cell-title span { color: var(--point-color); margin-right: 10px; }
.article-view__table.title-row .cell-date { font-size: 1rem; margin-top: 1rem; font-weight: 300; color: var(--blue-gray-color); line-height:1; }
.article-view__content { margin-bottom: 20px; padding: 30px 10px 20px; border-bottom: 1px solid var(--default-color); }  
.article-view__content:has(.article-view__content--attach-files > ul > li) { border-bottom:0; }
  
.article-view__btns { flex-direction: column; }  
.article-view__btns div:has(.btn.btn-line-list) { display: flex; justify-content: center; }
.article-view__btns .btn.btn-line-list { width: 450px; height: 55px; margin: 40px auto 0; background: var(--black-color); color: #fff; font-size:16px; border-radius: 5px; font-weight: 500; }  

/* 첨부 파일 */
.article-view__content--attach-files { padding:0; margin:0; border:0; }
.article-view__content--attach-files:has(li) { padding: 40px 0 0; border-top: 1px solid var(--default-color); }  
.article-view__content--attach-files:has(li)::before { content:'첨부파일'; display:block; margin: 0 0 20px; font-size: 18px; font-weight: 700; line-height: 25px; }
.article-view__content--attach-files:has(li) ul { display:flex; gap:10px; padding: 10px; border-radius: 5px; background: var(--background-color); }
.folding-images-by-one-row li { position:relative; width:auto; height:auto; font-size: 14px; font-weight: 400; color: var(--gray-font-color); }
.folding-images-by-one-row li::before { content:''; display:inline-block; width:24px; height:24px; margin-right:10px; background:url('/assets/_dbook/img/ic_attatchment.png') no-repeat; background-size:20px auto; }
.folding-images-by-one-row__image-zoom-in { position:static; opacity:0; width:0; height:0; }
.folding-images-by-one-row__image-zoom-in::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; }  
.folding-images-by-one-row__image-zoom-in::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; }  


/*========================================================================
장바구니
========================================================================*/
.cart-wrap { display:flex; gap: 40px; }
.cart-wrap .cart-products-wrap { width:1010px; }
.cart-wrap .cart-order-wrap { width:400px; }
.cart-wrap .cart-order-wrap > div { position:sticky; top:200px; margin:48px 0 0; }

/* 주문하기 버튼 */
.cart-order-wrap .cart-list__btn-group { width:100%; }
.cart-order-wrap .cart-list__btn-group .btn-group .btn { border-radius:5px; }

/* 결제 금액 박스 */
.cart-order-wrap .cart-list__price-tag {   }
.cart-order-wrap .cart-list__price-tag .price-tag { flex-direction: column; padding:25px; margin:0; border:2px solid var(--color-base-black); border-radius:0; background:#fff; }
.cart-order-wrap .cart-list__price-tag .price-tag dl { width: 100%; }
.cart-order-wrap .cart-list__price-tag .price-tag dl dt span { display:none; }
.cart-order-wrap .cart-list__price-tag .price-tag__final-amount { display:flex; justify-content: space-between; padding: 3px 0; }
.cart-order-wrap .cart-list__price-tag .price-tag__final-amount .final-price { font-size:16px; font-weight:700; }
.cart-order-wrap .cart-list__price-tag .price-tag__final-amount dd span { color:var(--color-base-black);; font-size:16px; font-weight: 400; }
.cart-order-wrap .cart-list__price-tag .price-tag__final-amount dd em { color: var(--point-color); font-size:20px; font-weight: 700; }
.cart-order-wrap .cart-list__price-tag .price-tag__details { display: grid; grid-template-columns: 1.5fr 1fr; row-gap: 8px; text-align: left; padding:12px 0 0; margin:12px 0 0; border-top:1px dashed var(--default-color); }
.cart-order-wrap .cart-list__price-tag .price-tag__details dt, 
.cart-order-wrap .cart-list__price-tag .price-tag__details dd { color:var(--gray-color); font-size:16px; font-weight:400; line-height: 24px; }
.cart-order-wrap .cart-list__price-tag .price-tag__details dd em { color: var(--black-color); font-size:16px; font-weight: 700; padding:0; margin: 0 4px; font-family:'Pretendard', sans-serif; }
.cart-order-wrap .cart-list__price-tag .currency,
.cart-order-wrap .cart-list__price-tag .currency em { font-family:'Pretendard', sans-serif; }

/* 전체선택, 선택삭제 */
.cart__select-manager .cart__check-all-btn { display: flex; align-items: center; gap: 5px; position:relative; }
.cart__select-manager .cart__check-all-btn::after { content: ''; position: absolute; right: -15px; width: 1px; height: 15px; background: var(--default-color); }
.cart__select-manager { display:flex; align-items: center; gap: 30px; min-width:0; margin:0 0 15px; }
.cart__select-manager label { font-size:16px; }
.cart__select-manager .cart__checked-amt { color: var(--gray-color); }
.cart-list .cart-products-wrap .cart-list__delete-btn { position:relative; justify-content: flex-start; min-width:76px; height: 32px; margin:0; padding:0; color: var(--gray-color); font-size:16px; font-weight:400; border:0; }
.cart-list .cart-products-wrap .cart-list__delete-btn::before,
.cart-list .cart-products-wrap .cart-list__delete-btn::after { position: absolute; right:0; content: ""; width: 16px; padding: 1px; background-color: var(--default-color); }
.cart-list .cart-products-wrap .cart-list__delete-btn::after { transform: rotateZ(45deg); }
.cart-list .cart-products-wrap .cart-list__delete-btn::before { transform: rotateZ(-45deg); }

/* 상품 테이블 */
.cart-list .cart-products-wrap .l-table { border:0; }
.cart-list .cart-products-wrap .l-table th { height:32px; }
.cart-list .cart-products-wrap .l-table td { text-align:left; vertical-align:top; }
.cart-list .cart-products-wrap .l-table .cart-list__checkbox { padding:30px 0 30px 25px; }
.cart-list .cart-products-wrap .cart-list__delivery-group { padding:25px !important; border-top:2px solid #000; background:#fff; }
.cart-list .cart-products-wrap .cart-list__delivery-group label span { padding:0; font-size:18px; }
.cart-list .cart-products-wrap .cart-list__product-option-info { align-items: flex-start; gap:40px; padding:30px 25px 30px 12px !important; }

/* 썸네일 */
.cart-list .cart-products-wrap .option-info__media { width:130px; height:100%; }
.cart-list .cart-products-wrap .option-info__img { width:100%; height:100%; }
.cart-list .cart-products-wrap .option-info__img img { width:100%; height:100%; min-height:130px;  border-radius:20px; object-fit: cover; overflow-clip-margin: content-box; }
/* 상품 정보 표시 */
.cart-list .cart-products-wrap .option-info__brand-name { padding:0; margin:0 0 20px; font-size: 12px; font-weight: 700; color: var(--gray-color); }
.cart-list .cart-products-wrap .option-info__product-name { font-size: 18px; font-weight: 600; }
.cart-list .cart-products-wrap .option-info__option-label { padding:10px 0; font-size: 14px; color: var(--gray-color); }

/* 수량변경 */
.quantity-controller { display:inline-flex; }
.option-info__option .counter { width:110px; margin:10px 0 0; }
.option-info__option .btn.btn--line-dark.btn--xs-wide,
.option-info__option .btn.btn--xs-wide.btn--fill-dark { width:110px; margin:10px 0 0 10px; padding:8px 14px; }

/* 가격 표시 */
.cart__quantity-controller { margin: 25px 0 0 0; padding: 20px; background-color: var(--empty-color); } 
.cart__quantity-controller p { display:flex; justify-content: flex-end; align-items: center; gap: 8px; width: 100%; } 
.cart__quantity-controller p span { display:flex; align-items: center; font-size: 14px; color: var(--black-color); } 
.cart__quantity-controller p strong { margin: 0 2px 0 4px; font-size: 18px; } 
.cart__quantity-controller p .cart__calculate { color: var(--gray-color); } 
.cart__quantity-controller p .cart__total-price { color: var(--point-background-color); } 


/*========================================================================
주문하기
========================================================================*/
.order-wrap { display:flex; gap: 40px; margin:20px auto 0; }
.order-wrap .order-info-wrap { width:1010px; }
.order-wrap .order-info-wrap .l-panel { width:100%; }
.order-wrap .order-payment-wrap { width:400px; }
.order-wrap .order-payment-wrap > div { position:sticky; top:200px; margin:25px 0 0; }
.order-wrap .accordion__with-border-bottom { border-bottom:0; }

/* 결제 금액 박스 */
.order-payment-wrap .aurora__formula-symbol { display:none; }
.order-payment-wrap .order-sheet__payment-wrap { padding:23px 25px 25px; margin:0; background:none; border:2px solid var(--black-color); }
.order-payment-wrap .order-sheet__payment-info { flex-direction: column; gap:8px; }
.order-payment-wrap .order-sheet__payment-info > div { display:flex; justify-content: space-between; width: 100%; }
.order-payment-wrap .order-sheet__payment-info .order-sheet__payment-info-box { display:none; }
.order-payment-wrap .order-sheet__payment-info .order-sheet__payment-info-box:has(> *) { display:flex; } 
.order-payment-wrap .order-sheet__payment-info dt,
.order-payment-wrap .order-sheet__payment-info dd { font-size:16px; font-weight:400; color: var(--gray-color); }
.order-payment-wrap .order-sheet__payment-info dd strong { font-size:16px; font-weight:700; color: var(--black-color); margin:0 4px; }
.order-payment-wrap .price-tag__final-amount { padding:0 0 10px; margin:0 0 12px; border-bottom: 1px dashed var(--default-color); }
.order-payment-wrap .price-tag__final-amount dt { font-weight:700; color: var(--black-color);}
.order-payment-wrap .price-tag__final-amount dd { color: var(--black-color); }
.order-payment-wrap .price-tag__final-amount dd strong { color: var(--point-color); font-size: 20px; font-weight: 700; }
  
/* 약관 */
.order-payment-wrap .order-sheet__terms { width:100%; margin:20px 0 0; }
.order-payment-wrap .order-sheet__terms .form-check { align-items:flex-start; }
.order-payment-wrap .order-sheet__terms .form-check input { margin:3px 0 0; border-radius:50%; }
.order-payment-wrap .order-sheet__term-checker { min-height:24px; }
.order-payment-wrap .order-sheet__term-checker .term-checker-label { color:var(--black-color); font-size:16px; font-weight:400; line-height:24px; }
.order-payment-wrap .order-sheet__term-checker > .btn { min-width: 30px; color: var(--gray-color); font-size:16px; font-weight: 500; }

/* 주문하기 버튼 */
.order-payment-wrap .order-sheet__pay-btn { width:100%; padding:0; margin:40px 0 0; height:60px; font-size:20px; font-weight:600; border-color:var(--black-color); background-color: var(--black-color); border-radius:5px; }

/* 아코디언 타이틀 */
.order-info-wrap .accordion__title { height: 70px; padding: 0; border-bottom: 2px solid var(--black-color); font-size: 24px; font-weight: 700; } 
.order-info-wrap .accordion__title::after { right: 20px; } 
.order-info-wrap .accordion__items { padding: 30px 0; } 

.cash-receipt .cash-receipt__form,
.order-sheet__item-container,
.accordion__content-wrapper { padding:30px 0; }
.accordion__content-wrapper.dbk-order-sheet-single { padding-top:0; }

/* 주문자 정보 */
.order-info-wrap .order-sheet__item:not(.order-sheet__shipping-setting, .order-sheet__promotion-input) { width:805px; gap:20px; grid-template-columns:160px 1fr; }
.order-info-wrap .order-sheet__item-subject { flex-basis:135px; width:135px; margin:0 0 0 25px; font-weight:400; }
.order-info-wrap .order-sheet__item-subject + *:not(.order-sheet__promotion-input) { width:625px; }
.order-info-wrap .order-sheet__email-input { width:100%; gap:7px; }
.order-info-wrap .order-sheet__email-form { gap:20px; }
.order-info-wrap .email-input__id,
.order-info-wrap .email-input__domain { flex:2.5; }
.order-sheet__register-default-address-cbx { margin:5px 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; }

/* 여러곳으로 보내기 */
.order-sheet__same-orderer { line-height:50px; }
.multi-form-check-top { display: flex; justify-content: space-between; margin:30px 0 20px; }
.multi-form-check-top .select-box { position: relative; }
.multi-form-check-top .select-box::after { content: ""; position: absolute; top: 50%; right: 26px; transform: translateY(-50%); 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: 130px; height: 50px; padding: 0 26px; border: 1px solid #ddd; background: #fff; font-size: 16px; line-height: 50px; appearance:none; }
.multi-form-check-top .select-box select:focus-visible { outline:none; }
/* 타이틀 */
.order-sheet__multi-address .accordion__title { height: 65px; padding: 0 60px; border-bottom: 1px solid var(--default-color); background: url("/assets/_dbook/img/ic_map_on.png") no-repeat 20px 50%/30px; font-size: 20px; font-weight: 600; } 
.order-sheet__multi-address .accordion__title::after { right: 17px; 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: 20px; border-bottom: 1px solid var(--default-color); font-size: 20px; font-weight: 600; } 
.order-sheet__multi-address + .order-sheet__multi-address { margin: 40px 0 0; } 
.order-sheet__multi-address .accordion__title + .accordion__items { margin-top:-30px; }
/* 배송지 */
.order-sheet__multi-address .select-box { position: relative; width: 130px; height:50px; }
.order-sheet__multi-address .select-box::after { content: ""; position: absolute; top: 50%; right: 26px; transform: translateY(-50%); width: 13px; height: 8px; background-position: -664px -187px; background-image: url("/assets/_dbook/img/sprite.png"); vertical-align: top; }
.order-sheet__multi-address .select-box select { width: 100%; height: 50px; padding: 0 26px; border: 1px solid #ddd; background: #fff; font-size: 16px; line-height: 50px; appearance:none; }}
.order-sheet__multi-address .select-box select:focus-visible { outline:none; }
/* 상품 */
.order-sheet__item-product { display:flex; flex-direction: column; width: 625px; gap: 20px; } 
.order-sheet__item-product li { display:flex; gap: 10px; justify-content: space-between; width: 100%; } 
.order-sheet__item-product li .thumb-item { display:flex; align-items: center; flex: 1; gap: 20px; } 
.order-sheet__item-product li .thumb-item__media { width: 80px; aspect-ratio: 1/1; }
.order-sheet__item-product li .thumb-item__img { width: 100%; height: 100%; display: inline-flex; background-color: #fff; }
.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; margin: 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: 16px; font-weight: 500; }
.order-sheet__item-product li .option-label__normal-option { margin-top: 7px; color:#999; font-size: 13px; }
.order-info-wrap .order-sheet__item-subject + span:has(.order-sheet__item-product) { border:0;}

/* 비회원 주문 비밀번호 */
.order-info-wrap .order-sheet__guest { padding:30px 0 0; margin:10px 0 0; }
.order-info-wrap .order-sheet__guest-desc { padding:0 0 0 25px; color: var(--point-color); }
.order-info-wrap .order-sheet__error-msg { padding:0 0 0 180px; color: var(--point-color); font-size: 13px; line-height: 16px; }
.order-info-wrap .order-sheet__guest-desc::before,
.order-info-wrap .order-sheet__error-msg::before { content:"※"; display:inline-block; vertical-align:top; margin-right:4px; }

/* 배송지 관리 */
.order-sheet__item.order-sheet__shipping-setting { width:805px; padding: 0 0 0 25px; }
.order-sheet__shipping-address-btn,
.order-sheet__find-zip-code-btn { border-radius:5px; }

/* 주문상품 */
.order-sheet__product-table tr { border-color:var(--default-color); }
.order-sheet__product-table .order-sheet__product-info { padding:25px; gap: 40px; grid-template-columns: 120px auto; text-align: left; }
.order-sheet__product-table .order-sheet__product-img-link { width:120px; height:auto; min-height:100px; border:0; }
.order-sheet__product-table .order-sheet__product-img-link img { width:100%; height:auto; border-radius:20px; }
.order-sheet__product-table .order-sheet__product-additional-info { gap:0; }
.order-sheet__product-table .option-info__brand-name { font-size: 12px; font-weight: 700; color: var(--gray-color); line-height:21px; }
.order-sheet__product-table .order-sheet__product-name { font-size: 16px; font-weight: 500; line-height:21px; }
.order-sheet__product-table .order-sheet__option-info { margin-top: 7px; font-size: 13px; color: var(--gray-color); }
.order-sheet__product-table .product-number-data { margin:20px 0 0; line-height:14px; }
.order-sheet__product-table .product-number-data > span { display: inline-flex; font-size: 16px;font-weight: 600; font-family:'Pretendard', sans-serif; }
.order-sheet__product-table .product-number-data > span + span { margin: 0 0 0 15px; padding: 0 0 0 15px; font-weight: 400; border-left: 1px solid var(--default-color); }

/* 혜택 적용  */
.order-info-wrap .order-sheet__promotion-input { width:460px; grid-template-columns:300px 1fr; }
.order-sheet__promotion-input .input-field { width:300px; }
.order-sheet__promotion-input .order-sheet__coupon-modal-btn,
.order-sheet__promotion-input .order-sheet__use-accumulation-btn { width:150px; border-radius:5px; }
/* 비회원 로그인 */
.order-info-wrap .order-sheet__promotion-section-login { margin:40px 0; gap:25px; }
.order-info-wrap .order-sheet__promotion-section-login p { font-weight:500; text-align:center; }
.order-info-wrap .order-sheet__promotion-section-login p strong { display:block; color:var(--point-color); } 
.order-info-wrap .order-sheet__go-login { width:250px; min-width:250px; height:50px; padding:0; font-size:16px; font-weight:600; border-radius:5px; }

/* 결제수단 선택 */
.pay-method-conten-wrap { margin:50px 0; }
.order-info-wrap .order-sheet__pay-method-btns { row-gap:25px; column-gap:40px; margin:0 25px; }
.order-info-wrap .order-sheet__pay-method-btns .pay-method-btn { max-width:280px; height:56px; border-radius: 5px; }
.order-info-wrap .order-sheet__pay-method-btns .pay-method-btn--checked { border-color: var(--black-color); background-color: var(--black-color); }
.order-info-wrap .order-sheet__promotion-additional-info p,
.order-info-wrap .order-sheet__promotion-additional-info strong { color: var(--gray-color); font-weight:400; font-family:'Pretendard', sans-serif; }


/*========================================================================
마이페이지
========================================================================*/
.my-page-box .l-title.l-title__align-end.right-box__no-end-line .btn.btn--fill-point.btn--sm { border: 1px solid var(--color-base-black); background-color: var(--color-base-black);}