@charset "utf-8";
body:has(.wrap-bg) #wrap{background: var(--point-color04);}
#wrap .wh-bg{position: relative;padding-block: 140px;z-index: 0;}
#wrap .wh-bg::before{position: absolute;content: '';width: 150vw;height: 100%;background: var(--point-white);translate: -50%;top:0;left: 50%;z-index: -1;}
#wrap .location_wrap{display: none;}
#wrap .sub_content{position: relative; width: calc(100% - 60px); max-width: 1720px; margin:0 auto; padding: 0;}
#container{margin:0; border:0;}
#contents:has(.pb-dn){padding-bottom:0;}
.delivery_list{overflow: hidden;}
.option_layer_cont{box-sizing: unset;}
#wrap #optionViewLayer .option_layer_cont{height: auto;}
#wrap .sub_content .side_cont{float: left; width: 200px;}
#wrap #contents .sub_content > .side_cont + .content{float: left; width: calc(100% - 200px);}
#wrap .mypage_main .item_basket_type .item_link{display: none;}
.date_check_calendar *{box-sizing: unset;}
.order_table_type .form_element label.check_s{padding:0; width:20px;}
@media (max-width:1720px) {
    br.for_pc{display: none;}
}

/* 타이틀 */
    #wrap :where(.goods_list_item_tit, .member_tit){position: relative;text-align: center;padding:0;margin:0 0 40px;border: 0;}
    #wrap :where(.goods_list_item_tit, .member_tit) h2{font-size: var(--text-40);font-weight: 400;color: var(--black-color00);line-height: 1.4;font-family: var(--font-type02);letter-spacing: 0;float: none;margin: 0;}
    #wrap :where(.goods_list_item_tit, .member_tit) ol{display: none;}

/* 탭 */
    #wrap .tab-nav{position: relative; margin-bottom: 80px;}
    #wrap .tab-nav ul{display: flex;justify-content: center;flex-wrap: wrap;gap: 16px;}
    #wrap .tab-nav li{font-size: var(--text-18);color: var(--black-color03);line-height: 1.4;text-align: center;}
    #wrap .tab-nav a{display: flex;align-items: center;justify-content: center;padding: 10px 30px 9px;background: var(--point-white);border: 1px solid var(--black-color00); transition: all 0.4s;}
        #wrap .tab-nav li.on a{background: var(--black-color00);color: var(--point-white);}
        #wrap .tab-nav li:not(.on):hover a{background: var(--black-color00);color: var(--point-white);}

/* comp-title */
    #wrap .comp-title{position:relative;display: grid;gap: 30px;text-align: center;}
    #wrap .comp-title.t-line::before{display:block;content:'';width: 1px;height: 50px;background: var(--black-color00);margin: 0 auto 50px;}
    #wrap .comp-title h4{font-size: var(--text-44);font-weight: 400;color: var(--black-color00);line-height: 1.4;font-family: var(--font-type02);letter-spacing: 0;}
        #wrap .comp-title h4 + p{margin-top:10px;}
    #wrap .comp-title h5{font-size: var(--text-36);font-weight: 400;color: var(--black-color00);line-height: 1.4;font-family: var(--font-type02);letter-spacing: 0;}
    #wrap .comp-title p{font-size: var(--text-20);font-weight: 300;color: var(--black-color00);line-height: 2.1;}
    #wrap .comp-title p strong{font-weight:600;}

/* bullet-list */
    #wrap .bullet-list{display: flex;flex-direction: column;width: 100%;gap: 10px;}
        #wrap .bullet-list.array02{display:grid; gap: 10px; grid: auto / repeat(2, 1fr);}
    
    #wrap .bullet-list > li{position: relative;font-size: var(--text-18);font-weight: 300;color: var(--black-color03);line-height: 1.8;display: flex;align-items: baseline;gap: 10px;}
    #wrap .bullet-list > li::before{display: inline-flex;content:'';width: 3px;aspect-ratio: auto 1;border-radius: 100%;background: var(--black-color00);flex-shrink: 0;translate: 0 -5px;}

/* philo-list */
    #wrap .philo-list{display: grid;grid: auto / repeat(3, 1fr);gap: 32px;}
    #wrap .philo-list > li{display: flex;flex-direction: column;gap: 40px;}
    #wrap .philo-list .thumb{display: block;aspect-ratio: auto 1.38;overflow: hidden;}
    #wrap .philo-list .thumb img{width: 100%;height: 100%;object-fit: cover;}
    #wrap .philo-list .desc{display: grid;gap: 20px;padding-inline: 10px;}
    #wrap .philo-list .desc dt{font-size: var(--text-24);color: var(--black-color00);line-height: 1.4;font-family: var(--font-type02);letter-spacing: 0;}
    #wrap .philo-list .desc dd{display: grid;}

/* core-step */
    #wrap .core-step{display: grid; grid: auto / repeat(5, 1fr); gap: 20px; counter-reset: core-step;}
    #wrap .core-step > li{position: relative;background: var(--point-color05);}
    #wrap .core-step .thumb{display: block;aspect-ratio: auto 0.78;overflow: hidden;}
    #wrap .core-step .thumb img{width: 100%;height: 100%;object-fit: cover;}
    #wrap .core-step .desc{padding: 30px;display: grid;gap: 20px;}
    #wrap .core-step .desc::before{content: counter(core-step, decimal-leading-zero);counter-increment: core-step;font-size: var(--text-18);color: var(--black-color06);font-family: var(--font-type02);letter-spacing: 0;line-height: 1.3;}
    #wrap .core-step .desc dt{font-size: var(--text-24);color: var(--black-color00);line-height: 1.4;font-family: var(--font-type02);letter-spacing: 0;}
    #wrap .core-step .desc dd{font-size: var(--text-18);color: var(--black-color03);line-height: 1.6;border-top: 1px solid var(--border-color02);padding-top: 20px;}

/* guide-items */
    #wrap .guide-items{position: relative;}
    #wrap .guide-items > li{position: relative;display: flex;gap: 80px;}
        #wrap .guide-items > li::before{position: absolute; content:''; width: 150vw; height: 1px; background: var(--black-color00); top:0; left:50%; translate: -50%;}
    #wrap .guide-items .thumb{position: relative;padding: 40px;padding-left: 0;border-right: 1px solid var(--black-color00);flex-shrink: 0;max-width: 60%;}
    #wrap .guide-items .cont{position: relative;width: 100%;display: flex;flex-direction: column;justify-content: center;gap: 20px;}
    #wrap .guide-items .cont h4{font-size: var(--text-34);font-weight: 400;color: var(--black-color00);line-height: 1.4;font-family: var(--font-type02);padding-bottom: 20px;}
    #wrap .guide-items .desc{display: flex;align-items: center;flex-wrap: wrap;gap: 8px 14px;}
    #wrap .guide-items .desc dt{font-size: var(--text-22);font-weight: 500;color: var(--black-color00);line-height: 1.4;}
    #wrap .guide-items .desc dd{font-size: var(--text-26);font-weight: 700;color: var(--black-color00);line-height: 1.4;}
    #wrap .guide-items .bullet-list > li{font-size: var(--text-20);}
    #wrap .guide-items .bullet-list > li::before{translate: 0 -6px;}

    #wrap .guide-items > li.opposite{flex-direction: row-reverse;}
    #wrap .guide-items > li.opposite .thumb{padding-inline: 40px 0;border-right: 0;box-shadow: inset 1px 0 0 var(--black-color00);}
    #wrap .guide-items > li.opposite .cont{text-align: right;}
    #wrap .guide-items > li.opposite .bullet-list > li{flex-direction: row-reverse;}

/* guide-exp */
    #wrap .guide-exp{position: relative;display:grid;grid: auto / repeat(2, 1fr);}
    #wrap .guide-exp{&::before, &::after{position: absolute; content:''; width: 1px; height: 100%; background: var(--black-color00); top:0; left:50%; margin-left: -0.5px;}}
    #wrap .guide-exp::after{top:auto;bottom:0;left: 50%;translate: -50%;width: 150vw;height: 1px;}
    #wrap .guide-exp > li{position: relative;padding: 80px;display: flex;align-items: center;gap: 40px;}
    #wrap .guide-exp > li::before{position: absolute; content:''; width: 150vw; height: 1px; background: var(--black-color00); top:0; left:50%; translate: -50%;}
    #wrap .guide-exp .thumb{display: block;width: 250px;aspect-ratio: auto 0.83;flex-shrink: 0;overflow: hidden;}
    #wrap .guide-exp .thumb img{width: 100%;height: 100%;object-fit: cover;}
    #wrap .guide-exp .desc{width: 100%;display: flex;flex-direction: column;gap: 20px;}
    #wrap .guide-exp .desc dt{font-size: var(--text-30);color: var(--black-color00);line-height: 1.4;font-family: var(--font-type02);letter-spacing: 0;}
    #wrap .guide-exp .desc dd{display:grid;}
    #wrap .guide-exp .bullet-list > li{position: relative;}

/* com-btn */
    #wrap .com-btn{display: flex;align-items: center;justify-content: center;text-align: center;font-size: var(--text-20);font-weight: 500;color: var(--point-white);line-height: 1.4;background: var(--black-color00);min-width: 280px;min-height: 64px;padding: 15px 25px;}

/* partner-meta */
    #wrap .partner-meta{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 80px;}
    #wrap .partner-meta .desc{display: flex;flex-direction: column;align-items: center;gap: 20px;}
    #wrap .partner-meta .desc dd{font-size: var(--text-20);color: var(--black-color00);line-height: 1.4;}
    #wrap .partner-meta .desc dd a{display:flex;align-items: center;gap: 10px;}
    #wrap .partner-meta .desc dd a::before{display: inline-flex;content:'';width: 15px;aspect-ratio: auto 1;background: url('../img/da_image/tel.svg') no-repeat center / 100% auto;}

/* 상품 정렬 */
    #wrap .goods_pick_list{position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap:15px 30px; padding: 0; margin:0 0 40px;}
        #wrap .goods_list_item .goods_pick_list{padding-bottom: 30px;}
        #wrap .goods_list_item .goods_pick_list::before{position: absolute; content:''; width: 150vw; height: 1px; background: var(--black-color00); left:50%; bottom:0; translate: -50%;}
    #wrap .goods_pick_list:not(:has(.pick_list_num)){justify-content: flex-end;}
    #wrap .pick_list_num{display: block; padding: 0; font-size: var(--text-18); font-weight: 500; color: var(--black-color03); line-height: 1.4;}
    #wrap .pick_list_num strong{font-weight: 500; color: var(--black-color00);}
    #wrap .pick_list_box{display: flex;align-items: center;gap: 20px;flex-wrap: wrap;height: auto;margin:0;padding:0;border:0;clear: unset;}
    #wrap .pick_list{display: flex; flex-wrap: wrap; gap: 10px 0; float: none; padding:0;}
    #wrap .pick_list li{float: none;margin: 0;padding: 0;background: none;position: relative;font-size: var(--text-16);font-weight: 400;color: var(--black-color08);line-height: 1.2;display: flex;align-items: center;flex-wrap: wrap;gap: 10px 0;}
        #wrap .pick_list li::after{display:inline-flex;content:'';width:1px;height:10px;background: var(--border-color01);margin-inline: 16px 17px;}
        #wrap .pick_list li:last-child::after{display: none;}
    #wrap .pick_list input{display: none;}
    #wrap .pick_list label{font-size: inherit;font-weight: inherit;color: inherit;background: none;padding: 0;}
    #wrap .pick_list label.on{color: var(--black-color03);font-weight: 500;}
    #wrap .choice_num_view{float: none; padding:0;}
    #wrap .choice_num_view select{width: 138px;}

    #wrap .choice_num_view .chosen-container{position: relative; text-align: left;}
    #wrap .choice_num_view .chosen-single{position: relative;width: 100%;display: flex;align-items: center;padding: 0 40px 0 20px;height: 48px;border: 1px solid var(--border-color01);background: var(--point-white) url('../img/da_image/sel_arw.svg') no-repeat calc(100% - 18px) 50%;font-size: var(--text-16);font-weight: 400;color: var(--black-color03);line-height: 1.2;white-space: unset;border-radius: 0;}
    #wrap .choice_num_view .chosen-single span{line-height: inherit;display: block;overflow: hidden;margin: 0;text-overflow: ellipsis;white-space: nowrap;}
    #wrap .choice_num_view .chosen-single div{display: none;}

/* 페이징 공통 */
    #wrap .pagination{margin: 60px 0 0 0;padding: 0;border: 0;}
    #wrap .pagination:not(:has(li)){display: none;}
    #wrap .pagination ul{padding: 0;text-align:center;display: flex;align-items:center;flex-wrap: wrap;justify-content: center; gap: 20px;}
    #wrap .pagination li{display:inline-block;min-width: auto;}
    #wrap .pagination li :where(a, span){display: flex;align-items: center;justify-content: center;text-align: center;width: auto;height: auto;min-width: 30px;min-height: 30px;border-radius: 0;padding: 4px !important;font-size: var(--text-17);font-weight: 400;color: var(--black-color08);line-height: 1.2;background: none;}
    #wrap .pagination li.on span{color: var(--black-color01);font-weight: 600;border: 1px solid var(--black-color01);min-width: 36px;min-height: 36px;}
    #wrap .pagination .btn_page{min-width:auto; border:0; }
    #wrap .pagination .btn_page a{min-width:auto;width: 10px;min-height: auto;aspect-ratio: auto 1;font-size: 0;}
    #wrap .pagination .btn_page a img{display:none;}
    #wrap .pagination :where(.btn_page_first, .btn_page_last){background:var(--point-white) url('../img/da_image/btn_paging_first.svg') no-repeat center;padding: 0 !important;margin:0;}
    #wrap .pagination :where(.btn_page_prev, .btn_page_next){background:var(--point-white) url('../img/da_image/btn_paging_prev.svg') no-repeat center;padding: 0 !important;margin:0;}
    #wrap .pagination :where(.btn_page_next, .btn_page_last){scale: -1 -1;}

/* 상품 상세 이미지 */
    #wrap .item_photo_info_sec{position: relative;display: flex;align-items: flex-start;gap: clamp(100px, 6.8vw, 130px);}
    #wrap .item_photo_info_sec::after{display: none;}
    #wrap .item_photo_view_box{float: none;position: relative;width: min(730px, 43%); flex-shrink:0;}
    #wrap .item_photo_view{width: 100%;}
    #wrap .item_photo_big{position: relative;display: block;width: 100%;height: auto;border: 0;}
    #wrap .item_photo_big .btn_zoom{display: none;}
    #wrap .img_photo_big{width: 100%;aspect-ratio: auto 0.848;display: block;overflow: hidden;}
    #wrap .img_photo_big a{pointer-events: none;display: block;width: 100%;height: 100%;align-items: center;justify-content: center;overflow: hidden;}
    #wrap .img_photo_big img{float: none; width: 100%; height: 100%; object-fit: cover;}
    #wrap .item_photo_slide{position: relative;margin:40px 0 0;padding: 0 20px 0 30px;}
    #wrap .item_photo_slide button{position: absolute;top: 50%;left: 0;padding: 0;translate: 0 -50%;width: 20px;aspect-ratio: auto 1;}
    #wrap .item_photo_slide button::before{position: absolute;content:'';width: 70%;aspect-ratio: auto 1;border: 2px solid var(--black-color03);clip-path: var(--clip-poly02);rotate: 135deg;top: 50%;left: 50%;translate: -50% -50%;border-radius: 2px;}
    #wrap .item_photo_slide button img{display:none;}
    #wrap .item_photo_slide button.slick_goods_next{left:auto;right:0;scale: -1 -1;}
    #wrap .slider_goods_nav{width: 100%;}
    #wrap .slider_goods_nav .slick-slide{position: relative; width: 100%;height: auto;aspect-ratio: auto 0.83;padding: 0;overflow: hidden;margin-right: 14px; }
        #wrap .slider_goods_nav .slick-slide::before{position: absolute; content: ''; inset: 0; border: 1px solid var(--black-color03); opacity: 0; pointer-events: none; transition: all 0.4s;}
    #wrap .slider_goods_nav .slick-slide a{position: relative;width: 100%;height: 100%;overflow: hidden;border: 0; opacity: 0.4; transition: all 0.4s;}
    #wrap .slider_goods_nav .slick-slide img{width: 100%;height: 100%;object-fit: cover;margin: 0;}
        
        #wrap .slider_goods_nav .slick-slide.on::before{opacity: 1;}
        #wrap .slider_goods_nav .slick-slide.on a{opacity: 1;}
        #wrap .slider_goods_nav:not(:has(.slick-slide.on)) .slick-slide[data-slick-index="0"]::before{opacity: 1;}
        #wrap .slider_goods_nav:not(:has(.slick-slide.on)) .slick-slide[data-slick-index="0"] a{opacity: 1;}

/* 상품 상세 정보 */
    #wrap .item_photo_info_sec #frmView{display: block; width: 100%;}
    #wrap .item_info_box{position: relative; float: none; width: 100%;}
    #wrap .item_tit_detail_cont{position: relative;}
    #wrap .item_detail_tit{position: relative;display: grid;gap: 16px;padding: 0 50px 0 0;border: 0;}
    #wrap .item_detail_tit h2{font-size: var(--text-20); font-weight: 400; color: var(--black-color03);line-height: 1.4;}
    #wrap .item_detail_tit h3{width: 100%;word-break: keep-all;font-size: var(--text-40);font-weight: 500;color: var(--black-color01);line-height: 1.4;letter-spacing: -0.03em;}
        #wrap .item_detail_tit h3 + h4{margin-top:4px;}
    #wrap .item_detail_tit h4{font-size: var(--text-20);font-weight: 400;color: var(--black-color05);line-height: 1.4;}
    #wrap .item_detail_tit .price-desc{display: flex;align-items: center;gap: 10px 15px;margin-top: 24px;}
    #wrap .item_detail_tit .price-desc:not(:has(*)){display: none;}
    #wrap .item_detail_tit .price-desc :where(dt, dd){font-size: var(--text-26);font-weight: 600;color: var(--black-color00);line-height: 1.6;letter-spacing: 0;}
    #wrap .item_detail_tit .price-desc dt strong{font-weight:inherit;letter-spacing: inherit;}
    #wrap .item_detail_tit .price-desc dd del{font-size: var(--text-20);font-weight: 400;color: var(--black-color08);line-height: 1.6;text-decoration: line-through;text-decoration-thickness: 1px;letter-spacing: 0;}
    #wrap .item_detail_tit .price-desc dd :where(span, del){letter-spacing:inherit;}
    #wrap .btn_qa_share_box{position: absolute;right: 0;bottom: 8px;}
    #wrap .btn_qa_share_box .target_sns_share{font-size: 0;}
    #wrap .btn_qa_share_box .target_sns_share a{display: inline-flex; width: 24px;height: auto;aspect-ratio: auto 1;border: 0;padding: 0;background: url('../img/da_image/target_sns_share.svg') no-repeat center / 100% auto;}
    #wrap .btn_qa_share_box .target_sns_share em{display: none;}
    #wrap .ly_wrap.sns_layer{top: calc(100% + 10px);}

    #wrap #frmView .item_detail_list{margin: 31px 0 0;padding: 30px 0;border-top: 1px solid var(--black-color01);border-bottom: 0;display: flex;flex-direction: column;gap: 30px;}
    #wrap #frmView .item_detail_list::after{display: none;}
    #wrap #frmView .item_detail_list dl{display: flex;align-items: baseline;padding: 0;min-height: auto;float: none;width: 100%;}
    #wrap #frmView .item_detail_list dl[data-field="브랜드"]{display: none;}
    #wrap #frmView .item_detail_list dl :where(dt, dd){float: none;font-size: var(--text-18);font-weight: 400;color: var(--black-color03);margin: 0;padding: 0;word-break: keep-all;}
    #wrap #frmView .item_detail_list dl dt{width: 130px;flex-shrink: 0;}
    #wrap #frmView .item_detail_list dl dd{width: 100%;}
    #wrap #frmView .item_detail_list dl dd strong{font-weight: inherit;margin: 0;padding: 0;}
    #wrap #frmView .item_detail_list .btn_gray_small{font-size: var(--text-16);font-weight: 500;color: var(--black-color06);line-height: 1.2;border: 1px solid var(--border-color01);background: var(--point-color04);padding: 5px 14px 4px;display: inline-flex;align-items: center;justify-content: center;}
    #wrap #frmView .item_detail_list .btn_gray_small em{background: none;padding: 0;line-height: inherit;}
    #wrap #frmView .item_detail_list .item_delivery dd{display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px 11px;}
    #wrap #frmView .item_detail_list .item_delivery dd strong{margin-right: 4px;}
    #wrap #frmView .item_detail_list .btn_layer{font-size: 13px;}
    #wrap #frmView .item_detail_list .delivery-detail{width: 100%;}
    #wrap #frmView .item_detail_list select{width: 100%;height: 54px;background: var(--point-color04) url('../img/da_image/sel_arw.svg') no-repeat calc(100% - 18px) 50%;appearance: none;font-size: var(--text-18);font-weight: 400;color: var(--black-color03);padding: 0 50px 0 16px;border: 1px solid var(--black-color10);overflow: hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align: middle; cursor: pointer;}

    #wrap .item_add_option_box{float: none;margin: 0;padding: 30px 0 0;border-top: 1px solid var(--border-color01);width: 100%;}

    #wrap .item_choice_list{margin:0;}
    #wrap .item_choice_list :where(table, tbody, tr, th, td){position: relative;display: block;width: 100%;padding: 0;border: 0;margin: 0;background: none;}
    #wrap .item_choice_list thead{display: none;}
    #wrap .item_choice_list tr{display: flex;align-items: center;gap: 10px;background: var(--point-white);padding: 20px;}
    #wrap .item_choice_list td{font-size: var(--text-18);font-weight: 500;color: var(--black-color01);line-height: 1.4;width: auto;flex-shrink: 0;}
    #wrap .item_choice_list td.cart_prdt_name{flex-grow: 1; flex-shrink: unset;}
    #wrap .item_choice_list td.item_choice_price{min-width: 100px;max-width: 200px;text-align: right;letter-spacing: 0;}
    #wrap .item_choice_list td.item_choice_price strong{letter-spacing:0;}
    #wrap .item_choice_list td:has(.delete_goods){font-size:0;}
    #wrap .item_choice_list td strong{font-weight:inherit;}
    #wrap .item_choice_list td img{vertical-align: baseline;}
    #wrap .item_choice_list .count{position: relative;display: block;padding: 0;}
    #wrap .item_choice_list .goods_qty{position: relative;width: 130px;height: 40px;background: var(--point-white);box-shadow: inset 0 0 0 1px var(--border-color01);padding: 0 40px;}
    #wrap .item_choice_list .goods_qty .text{position: relative;float: none;width: 100%;height: 100%;border: 0;border-inline: 1px solid var(--border-color01);background: none;font-size: var(--text-15);font-weight: 400;color: var(--black-color03);line-height: normal;text-align: center;padding: 0 5px;}
    #wrap .item_choice_list .goods_qty span{float: none;margin: 0;}
    #wrap .item_choice_list .goods_qty button{position: absolute;top: 0;left: 0;width: auto;height: 100%;aspect-ratio: 1 auto;background: none;margin: 0;}
        #wrap .item_choice_list .goods_qty button.up{left:auto; right:0;}
        #wrap .item_choice_list .goods_qty button{&::before, &::after{position: absolute;content:'';width: 15px;height: 1px;background: var(--black-color00);top: 50%;left: 50%;translate: calc(-50% - 0.5px) calc(-50% - 0.5px);}}
        #wrap .item_choice_list .goods_qty button::after{width: 1px;height: 15px;}
        #wrap .item_choice_list .goods_qty button.down::after{display: none;}
    #wrap .item_choice_list .delete_goods{position: relative;width: 15px;aspect-ratio: auto 1;}
    #wrap .item_choice_list .delete_goods{&::before, &::after{position:absolute;content:'';width: 100%;height: 1px;background: var(--black-color01);top: 50%;left: 50%;rotate: 45deg;translate: -50% -50%;}}
    #wrap .item_choice_list .delete_goods::after{rotate:-45deg;}
    #wrap .item_choice_list .delete_goods img{position: absolute;inset: 0;width: 100%;height: 100%;opacity: 0;}

    #wrap .item_price_cont{position: relative; text-align: inherit;}
    #wrap .item_tatal_box{position: relative;float: none;width: 100%;padding: 30px 0 0;border-top: 1px solid var(--border-color01);margin: 30px 0 0;}
    #wrap .item_tatal_box dl{display: none;align-items: center;justify-content: space-between;}
    #wrap .item_tatal_box dl.total_amount{display: flex;margin: 0;padding: 0;border: 0;}
    #wrap .item_tatal_box dt{display: block;width: 120px;flex-shrink: 0;font-size: var(--text-18);font-weight: 500;color: var(--black-color03);line-height: 1.4;}
    #wrap .item_tatal_box dd{text-align: right;width: 100%;font-size: var(--text-30);font-weight: 600;color: var(--black-color00);}
    #wrap .item_tatal_box dd strong{font-size: inherit;font-weight:inherit;letter-spacing: 0;}
    #wrap .item_tatal_box dd b{font-weight:500;}

    #wrap :where(.btn_choice_box, .btn_choice_box > div){position: relative;clear: unset;width: 100%;padding: 0;margin: 50px 0 0;text-align: inherit;display: flex;gap: 8px;}
    #wrap .btn_choice_box > div{margin: 0;}
    #wrap .btn_choice_box > div .div_disabled_order{display: none;}
    #wrap .btn_choice_box :where(button, a){position: relative;display: flex;align-items: center;justify-content: center;width: 100%;min-height: 64px;height: auto;text-align: center;font-size: var(--text-20);font-weight: 500;color: var(--black-color03);line-height: 1.2;padding: 15px;background: var(--point-white);border: 1px solid var(--black-color00);margin: 0;}
    #wrap .btn_choice_box :where(button, a).btn_add_wish{order: -1;width: auto;aspect-ratio: 1 auto;flex-shrink: 0;font-size: 0;background: var(--point-white) url('../img/da_image/wish.svg') no-repeat center / 25px auto;}
    #wrap .btn_choice_box :where(button, a).btn_add_order{background: var(--black-color00); color: var(--point-white);}
    #wrap .btn_choice_box :where(button, a).btn_add_soldout{opacity: 0.4;}

/* 상품 상세 탭 */
    #wrap .item_goods_sec{position: relative;margin:0; padding:0 0 150px; }
    #wrap .item_goods_sec::before{position: absolute;content:'';width: 150vw;height: 100%;background: var(--point-white);top: 0;left: 50%;translate: -50%;z-index: 0;}
    html:has(.item_goods_tab){scroll-padding-top: 90px;}
    #wrap .item_goods_tab{position: relative;padding: 0;margin: 140px 0 60px;border: 0;}
    #wrap .item_goods_tab ul{position: relative;display: flex;gap: 80px;width: 100%;height: auto;margin: 0;padding: 0;}
    #wrap .item_goods_tab ul{&::before, &::after{position: absolute; content:''; width: 150vw; height: 1px; background: var(--border-color01); top:0; left:50%; translate: -50%;}}
    #wrap .item_goods_tab ul::after{top:auto; bottom:0;}
    #wrap .item_goods_tab li{position: relative;float: none;width: 100%;height: auto;margin: 0;padding: 0;text-align: center;}
    #wrap .item_goods_tab a{display: flex;align-items: center;justify-content: center;width:100%; height:100%;gap: 4px;margin: 0;font-size: var(--text-18);font-weight: 400;color: var(--black-color08);border: 0;background: none;padding: 21px 15px 20px; transition: all 0.4s;}
    #wrap .item_goods_tab .on a{color:var(--black-color00);font-weight: 600;box-shadow: inset 0 -2px 0 var(--black-color00);}
    #wrap .item_goods_tab strong{font-weight: inherit; color: inherit;}

        #wrap .item_goods_tab li:not(.on):hover a{color: var(--black-color00);}

/* 타이틀 */
    #wrap .item_goods_sec h3{font-size: var(--text-24);font-weight: 500;color: var(--black-color00);line-height: 1.4;padding: 0 0 18px;}

/* 관련상품 */
    #wrap .detail_explain_box h3{padding-top: 100px;}
    #wrap .detail_explain_box .goods_list_cont{margin:0;}

/* 교환 및 반품 */
    #wrap :is(.exchange_cont, .delivery_cont){display:grid;gap: 10px; min-height: auto;}
    #wrap :is(.exchange_cont, .delivery_cont) h3{font-size: var(--text-20);font-weight: 600;color: var(--black-color03);padding: 0;}
    #wrap :is(.exchange_cont, .delivery_cont) .admin_msg{font-size: var(--text-18);font-weight: 400;color: var(--black-color06);line-height: 1.6;min-height: auto;}
        #wrap :is(.exchange_cont, .delivery_cont) .admin_msg + h3{margin-top:40px;}
    #wrap :is(.exchange_cont, .delivery_cont) .admin_msg p{margin:0;}

/* 상품 상세 게시글 */
    #wrap :where(.reviews_cont, .qna_cont){position: relative; min-height: auto;}
    #wrap :where(.reviews_table_type, .qna_table_type){position: relative;width: 100%;border: 0;table-layout: fixed;border-top: 1px solid var(--black-color00);}
    #wrap :where(.reviews_table_type, .qna_table_type) thead{display: none;}
    #wrap :where(.reviews_table_type, .qna_table_type) td{font-size: var(--text-18);font-weight: 400;color: var(--black-color06);line-height: 1.4;border-bottom: 1px solid var(--border-color01);padding: 20px 15px 19px; background: var(--point-white);}
    #wrap :where(.reviews_table_type, .qna_table_type) td strong{font-weight:inherit;}
    #wrap :where(.reviews_table_type, .qna_table_type) td img{vertical-align: baseline;}
    #wrap :where(.reviews_table_type, .qna_table_type) .board_tit{text-align: left;padding-left: 0;color: var(--black-color03);overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
    #wrap :where(.reviews_table_type, .qna_table_type) .board_cont{position: relative;float: none;width: 100%;padding: 0 10px;font-size: var(--text-15);display: grid;gap: 10px;}
    #wrap :where(.reviews_table_type, .qna_table_type) .board_view{position: relative;text-align: left;line-height: 1.6;}
    #wrap :where(.reviews_table_type, .qna_table_type) .btn_view_comment_box{margin: 0;padding: 0;border: 0;display: flex;flex-wrap: wrap;gap: 5px;}
    #wrap :where(.reviews_table_type, .qna_table_type) .btn_gray_mid{display: inline-flex;align-items: center;justify-content: center;text-align: center;background: var(--point-white);padding: 5px 12px;border: 1px solid var(--border-color01);font-size: var(--text-14);height: auto;}
    #wrap :where(.reviews_table_type, .qna_table_type) .btn_gray_mid span{line-height: inherit;padding: 0;margin: 0;background: none;}
    #wrap :where(.reviews_table_type, .qna_table_type) :is(.icon_qna, .icon_qna + strong){display: none;}
    #wrap :where(.reviews_table_type, .qna_table_type) .view_comment{padding:0;}
    #wrap :where(.reviews_table_type, .qna_table_type) .view_comment_top{overflow: hidden;width: 100%; padding:15px 0 0; border:0;}
    #wrap :where(.reviews_table_type, .qna_table_type) .view_comment_top:not(:has(*)){display: none;}
    #wrap :where(.reviews_table_type, .qna_table_type) .board_comment_box{padding:0;}
    #wrap :where(.btn_reviews_box, .btn_qna_box){position: relative;inset: auto;display: flex;justify-content: flex-end;gap: 10px;flex-wrap: wrap; margin: 30px 0 0;}
        #wrap :where(#reviews, #qna):has(.pagination li) :is(.btn_reviews_box, .btn_qna_box){margin-top: -43px;pointer-events: none;}
        #wrap :where(#reviews, #qna):has(.pagination li) :is(.btn_reviews_box, .btn_qna_box) :is(button, a){pointer-events:auto;}
    #wrap :where(.btn_reviews_box, .btn_qna_box) :where(button, a){display: flex;align-items: center;justify-content: center;text-align: center;width: auto;height: auto;min-width: 140px;min-height: 50px;padding: 12px 15px;font-size: var(--text-16);font-weight: 500;color: var(--black-color03);line-height: 1.2;background: var(--point-white);border: 1px solid var(--black-color03);}
    #wrap :where(.btn_reviews_box, .btn_qna_box) :where(button, a):last-child{background: var(--black-color00);border-color: var(--black-color00);color: var(--point-white);font-weight: 400;}

    #wrap .reviews_table_type .rating_star{display: inline-flex;width: 84px;aspect-ratio: auto 5.25;height: auto;background: url('../img/da_image/icon_star_bg.svg') no-repeat left top / auto 100%;vertical-align: middle;text-indent: -9999px;}
    #wrap .reviews_table_type .rating_star span{display:block;height: 100%;background: url('../img/da_image/icon_star_fill.svg') no-repeat left top / auto 100%;}


/* 체크박스 */
    #wrap .member_wrap [type="checkbox"]{display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;appearance: none;background: var(--point-white);box-shadow: inset 0 0 0 1px var(--border-color01);cursor: pointer;flex-shrink: 0;position: relative;inset: auto;z-index: unset;visibility: unset;}
    #wrap .member_wrap [type="checkbox"]:checked{box-shadow: inset 0 0 0 1px var(--black-color00);}
    #wrap .member_wrap [type="checkbox"]::before{display: inline-flex;content: '';width: 12px;aspect-ratio: auto 1.34;background: url('../img/da_image/chk_box.svg') no-repeat center / 100% auto;opacity: 0.15;}
    #wrap .member_wrap [type="checkbox"]:checked::before{opacity: 1;}
    #wrap .member_wrap label:has([type="checkbox"]){display: inline-flex;align-items: flex-start;gap: 10px;}
    #wrap .member_wrap :where(label:has([type="checkbox"]), [type="checkbox"] + label){cursor: pointer;font-size: var(--text-16);font-weight: 400;color: var(--black-color03);line-height: 24px; padding:0; background: none;}
    #wrap .member_wrap [type="checkbox"] + label{padding-left:6px;}

/* 로그인 */
    #wrap:has(.member_cont){background: var(--point-color04);}
    #wrap :where(#formLogin, #formOrderLogin):not(.on){height: 0; opacity: 0; overflow: hidden;}
    #wrap .member_wrap{width: 100%; margin:0;}
    #wrap .member_cont{width: calc(100% - 60px);max-width: 700px;padding: 80px;padding-top: 73px;margin:0 auto;background: var(--point-white);border: 0;}
    #wrap .member_wrap .member_cont .tab-list{display: flex;box-shadow: inset 0 -1px 0 var(--border-color01);margin-bottom: 40px;}
    #wrap .member_wrap .member_cont .tab-list li{display: flex;align-items: center;justify-content: center;text-align: center;font-size: var(--text-20);font-weight: 400;color: rgb(119 119 119 / 70%);line-height: 1.4;width: 100%;padding: 14px;padding-top: 0;cursor: pointer;}
    #wrap .member_wrap .member_cont .tab-list li.on{font-weight: 600;color: var(--black-color00);box-shadow: inset 0 -1px 0 var(--black-color00);}
    #wrap .member_wrap .member_cont .input-sec{display: grid; gap: 10px;}
    #wrap .member_wrap .member_cont :where([type="text"], [type="password"], select){width: 100%;height: 60px;border: 1px solid var(--border-color01);background: var(--point-white);margin: 0;padding: 0 20px;font-size: var(--text-18);font-weight: 400;color: var(--black-color03);line-height: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    #wrap .member_wrap .member_cont :where([type="text"], [type="password"], select)::placeholder{color: var(--black-color08);}
    #wrap .member_wrap .member_cont select{background: var(--point-white) url('../img/da_image/sel_arw.svg') no-repeat calc(100% - 20px) 50%;padding-right: 45px;appearance: none;cursor: pointer;}
    #wrap .id_chk{display: flex; align-items: center; justify-content: space-between; gap: 15px 30px; flex-wrap: wrap; margin: 30px 0 0;}
    #wrap .log-link{display: flex; flex-wrap: wrap; margin-left: auto;}
    #wrap .log-link li{display: flex;align-items: center;flex-wrap: wrap;gap: 10px 0;font-size: var(--text-16);color: var(--black-color03);line-height: 1.4;}
    #wrap .log-link li::after{display:inline-flex;content:'';width: 1px;height: 12px;background: var(--gray-bg02);margin-inline: 10px;}
    #wrap .log-link li:last-child::after{display: none;}
    #wrap .submit-list{display: grid;gap: 10px;margin-top: 30px;}
    #wrap .submit-list :where(button, a){display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;height: auto;min-height: 60px;font-size: var(--text-20);font-weight: 600;color: var(--black-color00);line-height: 1.2;margin: 0;padding: 10px 15px;background: var(--point-white);border: 1px solid var(--black-color00);}
        #wrap .submit-list :where(button, a):first-child{background: var(--black-color00);color: var(--point-white);font-weight: 500;}

    #wrap .member_sns_login{display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; margin: 40px 0 0;}
    #wrap .member_sns_login:not(:has(*)){display: none;}
    #wrap .member_sns_login > a{display: inline-block; margin:0;}
    #wrap .member_wrap .member_cont [class*="js_caution"]{font-size: var(--text-16);font-weight: 400;color: var(--black-color08);padding: 0;background: none;margin: 20px 0 0;display: flex;align-items: baseline;}
    #wrap .member_wrap .member_cont [class*="js_caution"]::before{display: inline-flex;align-items: center;justify-content: center;text-align: center;content:'!';font-size: 11px;font-weight: 700;color: var(--black-color00);width: 18px;aspect-ratio: auto 1;border: 1px solid var(--black-color00);border-radius: 100%;background: var(--point-white);line-height: 1;margin-right: 6px;flex-shrink: 0;translate: 0 -1px;}
    #wrap :is(.nonmember_order_box, .nonmember_join_box){margin:0;}
    #wrap .nonmember_join_box{border-top: 1px solid var(--border-color01);padding: 40px 0 0;margin: 40px 0 0;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;gap: 15px 30px;}
    #wrap .nonmember_join_box .desc{display: flex;flex-direction: column;gap: 4px;}
    #wrap .nonmember_join_box .desc dt{font-size: var(--text-20);font-weight: 600;color: var(--black-color03);line-height: 1.4;}
    #wrap .nonmember_join_box .desc dd{font-size: var(--text-16);font-weight: 400;color: var(--black-color08);line-height: 1.4;}
    #wrap .nonmember_join_box button{display: flex;align-items: center;justify-content: center;text-align: center;width: auto;height: auto;min-width: 140px;min-height: 54px;border: 1px solid var(--black-color03);background: var(--point-white);font-size: var(--text-18);font-weight: 600;color: var(--black-color03);line-height: 1.4;padding: 12px 15px;margin: 0;}
    #wrap .find_complete_box{min-height: auto;text-align: center;}
    #wrap .find_complete_box p{padding:0;font-size: var(--text-20);font-weight: 400;color: var(--black-color03);}