@charset "utf-8";
#wrap :where(.navi_g){display: none;}
body:has(.wrap-bg) #wrap{background: var(--point-color04);}
#wrap .wh-bg{position: relative;padding-block: 70px; 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;}
#container{position: relative; padding-block: 50px 80px;}
#container:has(.pb-dn){padding-bottom:0;}
br.for_pc{display: none;}

.latest_search_list .link{position: relative;}

/* 타이틀 */
    #wrap :where(.goods_list_item_tit, .member_tit){position: relative;text-align: center;padding:0;margin: 0 0 25px;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: 40px;}
    #wrap .tab-nav ul{display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;}
    #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: 8px 20px;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: 12px;text-align: center;}
    #wrap .comp-title.t-line::before{display:block;content:'';width: 1px;height: 35px;background: var(--black-color00);margin: 0 auto 25px;}
    #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: 5px;}
    #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: 7px;}
        #wrap .bullet-list.array02{display:grid;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: 8px;}
    #wrap .bullet-list > li::before{display: inline-flex;content:'';width: 2px;aspect-ratio: auto 1;border-radius: 100%;background: var(--black-color00);flex-shrink: 0;translate: 0 -4px;}

/* philo-list */
    #wrap .philo-list{display: grid;grid: auto / repeat(1, 1fr);gap: 30px;}
    #wrap .philo-list > li{display: flex;flex-direction: column;gap: 20px;}
    #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: 12px;padding-inline: 5px;}
    #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(2, 1fr);gap: 15px;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: 15px;display: grid;gap: 12px;}
    #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: 12px;}

/* guide-items */
    #wrap .guide-items{position: relative;}
    #wrap .guide-items > li{position: relative;display: flex;flex-direction: column;gap: 0;}
        #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: 30px 15px;font-size: 0;}
    #wrap .guide-items .thumb::before{position: absolute; content:''; width: 150vw; height: 1px; background: var(--black-color00); bottom:0; left:50%; translate: -50%;}
    #wrap .guide-items .cont{position: relative;width: 100%;display: flex;flex-direction: column;justify-content: center;gap: 10px;padding: 30px 15px;}
    #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: 10px;}
    #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;}


/* guide-exp */
    #wrap .guide-exp{position: relative;display:grid;grid: auto / repeat(1, 1fr);}
	#wrap .guide-exp::before{position: absolute; content:''; width: 150vw; height: 1px; background: var(--black-color00); bottom:0; left:50%; translate: -50%;}
    #wrap .guide-exp > li{position: relative;padding: 30px 15px;display: flex;flex-direction: column;gap: 20px;}
    #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: auto;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: 10px;}
    #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: 200px;min-height: 45px;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: 13px;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 20px;}
        #wrap #goodslist .goods_pick_list{padding-bottom: 15px;}
        #wrap #goodslist .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 .choice_num_view{float: none; padding:0;}
    #wrap .choice_num_view select{position: relative;width: 120px;display: flex;align-items: center;padding: 0 35px 0 15px;height: 42px;border: 1px solid var(--border-color01);background: var(--point-white) url('../img/da_image/sel_arw.svg') no-repeat calc(100% - 15px) 50%;font-size: var(--text-16);font-weight: 400;color: var(--black-color03);line-height: 1.2;white-space: unset;border-radius: 0;}

/* 상품 */
    #wrap .goods_product_list{position: relative;display: flex;flex-wrap: wrap;gap: 30px 15px;}
    #wrap :where(.goods_list, .goods_search) .btn_box{padding: 0; margin-top: 30px;}
    #wrap :where(.goods_list, .goods_search) .btn_box :where(button, a){display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;height: auto;min-height: 42px;font-size: var(--text-20);line-height: 1.2;margin: 0;padding: 10px 15px;border: 1px solid var(--black-color00);background: var(--black-color00);color: var(--point-white);font-weight: 500;}


/* 상품 상세 이미지 */
    #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: 100%;}
    #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;overflow: hidden; display: block;}
    #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: auto;}
    #wrap .item_photo_slide{position: relative;margin:40px 0 0;padding: 0 15px 0 25px;}
    #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: 10px; }
        #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: 8px;padding: 30px 40px 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: 7px 12px;margin-top: 12px;}
    #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: 2px;font-size: 0;}
    #wrap .btn_qa_share_box .target_sns_share{font-size: 0;}
    #wrap .btn_qa_share_box .target_sns_share a{display: inline-flex;width: 20px;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 .item_detail_list{margin: 20px 0 0;padding: 20px 0;border-top: 1px solid var(--black-color01);border-bottom: 0;display: flex;flex-direction: column;gap: 15px;}
    #wrap .item_detail_list::after{display: none;}
    #wrap .item_detail_list dl{display: flex;align-items: baseline;padding: 0;min-height: auto;float: none;width: 100%;}
    #wrap .item_detail_list dl[data-field="브랜드"]{display: none;}
    #wrap .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 .item_detail_list dl dt{width: 85px;flex-shrink: 0;}
    #wrap .item_detail_list dl dd{width: 100%;}
    #wrap .item_detail_list dl dd strong{font-weight: inherit;margin: 0;padding: 0;}
    #wrap .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 12px 4px;display: inline-flex;align-items: center;justify-content: center;}
    #wrap .item_detail_list .btn_gray_small em{background: none;padding: 0;line-height: inherit;}
    #wrap .item_detail_list .item_delivery dd{display: flex;align-items: baseline;flex-wrap: wrap;gap: 4px 8px;}
    #wrap .item_detail_list .item_delivery dd strong{margin-right: 4px;}
    #wrap .item_detail_list :where(.delivery-division, .regular_goods_elements){display:inline-block;}
    #wrap .item_detail_list .delivery-detail{width: 100%;}
    #wrap .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 .detail_buy {position: relative !important;inset: auto;width:100%;background: none;z-index: inherit;border: 0;}
    #wrap .detail_buy_top_btn {display: none;}
    #wrap .st_buy_content{display: block !important;margin: 0;padding: 20px 0 0;border-top: 1px solid var(--border-color01);width: 100%;}

    #wrap .layer_option {position:relative;max-height: none !important;overflow: visible;}
    #wrap .layer_option .js_option_scroll {max-height: none !important;min-height: auto !important;height: auto !important;overflow: visible !important;}
    #wrap .ly_buy_info {padding: 0;}
    #wrap .ly_buy_info .bn_opt {width: 100%;height: 42px;background: var(--point-color04) url(../img/da_image/sel_arw.svg) no-repeat calc(100% - 15px) 50%;appearance: none;font-size: var(--text-18);font-weight: 400;color: var(--black-color03);padding: 0 45px 0 16px;border: 1px solid var(--black-color10);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;vertical-align: middle;cursor: pointer;text-indent: 0;}
    #wrap .ly_buy_info .bn_opt.selected {}
    #wrap .ly_buy_info .ly_opt > li {position: relative;inset: auto;width: 100%;margin: 0;padding: 0;background: none;}
    #wrap .ly_buy_info .optbx {position: absolute;margin: 0;padding: 11px 0;border: 1px solid var(--black-color10);z-index:1;background: var(--point-color04);width: 100%;top: calc(100% - 1px);height: auto !important;max-height: 200px;overflow: hidden;overflow-y: auto;}
    #wrap .ly_buy_info .scroll_vertical_fix{max-height: none !important;overflow: visible !important;}
    #wrap .ly_buy_info .optlst {position:relative;}
    #wrap .ly_buy_info .disabled {color:lightgray !important;}
    #wrap .ly_buy_info .optlst li {position:relative;min-height: auto;text-indent: 0;line-height: 1.4;vertical-align:middle;font-size: var(--text-18);font-weight: 400;color: var(--black-color03);padding: 6px 15px;border: 0}
    #wrap .ly_buy_info .optlst li:not([data-params]){display: none;}
    #wrap .ly_buy_info .optlst li:last-child {border-bottom: 0;}
    #wrap .ly_buy_info .optlst li > img {width:41px; height:41px;}
    #wrap .ly_buy_info .optlst li em {display:block; position:relative; padding:8px 0 7px; color:#555; word-break:break-all; z-index:30;}

    #wrap .detail_prd_btn {padding: 0;margin: 25px 0 0;}
    #wrap .detail_prd_btn ul {display: flex;width:100%;gap: 8px;}
    #wrap .detail_prd_btn ul li {display: block;padding: 0;margin: 0;width: 100%;}
    #wrap .detail_prd_btn ul li :where(button, a){position: relative;display: flex;align-items: center;justify-content: center;width: 100%;min-height: 45px;height: auto;text-align: center;font-size: var(--text-20);font-weight: 500;color: var(--black-color03);line-height: 1.2;padding: 12px 15px;background: var(--point-white);border: 1px solid var(--black-color00);margin: 0;}
    #wrap .detail_prd_btn ul li :where(button, a).js_btn_add_order{background: var(--black-color00);color: var(--point-white);}
    #wrap .detail_prd_btn ul li :where(button, a).detail_prd_no_btn{opacity: 0.4; pointer-events: none;}
    #wrap .detail_prd_btn ul li:has(#wishBtn){width: auto;flex-shrink: 0;}
    #wrap .detail_prd_btn ul li:has(#wishBtn) :where(button, a){aspect-ratio: 1 auto;font-size: 0;background: var(--point-white) url('../img/da_image/wish.svg') no-repeat center / 20px auto;}

    #wrap .layer_area strong{color:#333333;}
    #wrap .layer_area{position:relative;z-index:150;font-size: 12px;}
    #wrap .ly_wrap.delivery_layer{position:absolute; top:0px;left: 50%; width:250px;height: auto;translate: -50%; text-align:left; border:1px solid #999999; background:#ffffff; opacity: 1;}
    #wrap .ly_wrap.delivery_layer .ly_tit{padding:13px 35px 11px 15px; font-size:12px; background:#f4f4f4;}
    #wrap .ly_wrap.delivery_layer .ly_tit strong{display:block; color:#222222; font-weight:bold;}
    #wrap .ly_wrap.delivery_layer .ly_cont{padding:0 15px 15px 15px;display: grid;gap: 10px;}
    #wrap .ly_wrap.delivery_layer .ly_close{display:block; position:absolute; top:0px; right:0px; padding:11px;}
    #wrap .ly_wrap.delivery_zone_layer{width:305px; top:0px; left:-94px;}
    .delivery_zone_layer .delivery_list{overflow-y:scroll; max-height:200px;}
    /* 배송비 레잉어 공통 영역 */
    .ly_wrap .delivery_list ul{border-bottom:1px solid #e8e8e8;}
    .ly_wrap .delivery_list ul li{padding:10px 5px 10px 5px; font-weight:bold; border-top:1px solid #e8e8e8;}
    .ly_wrap .delivery_list ul li:first-child{border-top:none 0;}
    .ly_wrap .delivery_list ul li span{float:right; font-weight:normal;}

    #wrap .option_display_area{position: relative;margin: 20px 0 0;}
    #wrap .option_display_area:not(:has(*)){display: none;}
    #wrap .view_order_goods {position:relative;padding: 20px;background: var(--point-white);border: 0;}
    #wrap .view_order_goods dl {display:grid;gap: 10px;}
    #wrap .view_order_goods dl dt {font-size: var(--text-18);font-weight: 500;color: var(--black-color01);line-height: 1.4;}
    #wrap .view_order_goods dl dd {}
    #wrap .view_order_goods dl dd em {font-style:normal;}
    #wrap .view_order_goods .price_info {display:table; width:100%;}
    #wrap .view_order_goods .count {position: relative;display: flex;flex-shrink: 0;width: 100px;height: 32px;background: var(--point-white);box-shadow: inset 0 0 0 1px var(--border-color01);padding: 0 32px;}
    #wrap .view_order_goods .count button {position: absolute;top: 0;left: 0;width: auto;height: 100%;aspect-ratio: 1 auto;background: none;margin: 0;border: 0;}
        #wrap .view_order_goods .count button.up{left: auto; right:0;}
        #wrap .view_order_goods .count button{&::before, &::after{position: absolute;content:'';width: 12px;height: 1px;background: var(--black-color00);top: 50%;left: 50%;translate: calc(-50% - 0.5px) calc(-50% - 0.5px);}}
        #wrap .view_order_goods .count button::after{width: 1px;height: 12px;}
        #wrap .view_order_goods .count button.down::after{display: none;}
    #wrap .view_order_goods .count input[type=number] {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 .view_order_goods .price_info {display: flex;align-items: center;justify-content: space-between;gap: 15px;width: 100%;text-align: inherit;}
    #wrap .view_order_goods .right{display: flex;flex-wrap: wrap;align-items: center;justify-content: flex-end;gap: 8px;width: 100%;text-align: right;}
    #wrap .view_order_goods .btn_wrap {padding: 0;}
    #wrap .view_order_goods .btn_wrap ul {text-align:right;}
    #wrap .view_order_goods .btn_wrap ul li {display:inline-block;}
    #wrap .view_order_goods .price {padding: 0;text-align:inherit;font-size: var(--text-18);font-weight: 500;color: var(--black-color01);line-height: 1.4;}
    #wrap .view_order_goods .price::after{display: inline-flex; content:'원';}

    #wrap .total_price_box {position: relative;float: none;width: 100%;padding: 20px 0 0;border-top: 1px solid var(--border-color01);margin: 20px 0 0;text-align: inherit;}
    #wrap .total_price_box ul {display: grid;gap: 10px;}
    #wrap .total_price_box ul li {display:none;}
    #wrap .total_price_box ul li dl {display: flex;align-items: baseline;justify-content: space-between;gap: 15px;width:100%;}
    #wrap .total_price_box ul li dl dt {display: block;width: 85px;text-align: inherit;flex-shrink: 0;font-size: var(--text-18);font-weight: 500;color: var(--black-color03);line-height: 1.4;}
    #wrap .total_price_box ul li dl dd {display: block;width: 100%;font-size: var(--text-30);font-weight: 600;color: var(--black-color00);text-align: right;}
    #wrap .total_price_box ul li dl dd b{font-weight:500;}
    #wrap .total_price_box ul li.total{display:block;}


/* 상품 상세 탭 */
    #wrap .detail_btm_tab_menu_box{position: relative; width: 100%; height: auto; border:0;}
    #wrap .detail_btm_tab_menu::before{position: absolute;content:'';width: 150vw;height: 100%;background: var(--point-white);top: 0;left: 50%;translate: -50%;z-index: 0;}
    html:has(.detail_btm_tab_menu){scroll-padding-top: 147px;}
    #wrap .detail_btm_tab_menu{position: relative;inset: auto;padding: 0;margin: 70px 0 30px;border: 0;width: 100%;}
    #wrap .detail_btm_tab_menu ul{position: relative;display: flex;gap: 10px;width: calc(100% + 20px);height: auto;margin: 0 0 0 -10px;padding: 0;}
    #wrap .detail_btm_tab_menu ul{&::before, &::after{position: absolute; content:''; width: 150vw; height: 1px; background: var(--border-color01); top:0; left:50%; translate: -50%;}}
    #wrap .detail_btm_tab_menu ul::after{top:auto; bottom:0;}
    #wrap .detail_btm_tab_menu li{position: relative;float: none;width: 100%;height: auto;margin: 0;padding: 0;text-align: center;border: 0;}
    #wrap .detail_btm_tab_menu 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);line-height: 1.4;border: 0;background: none;padding: 15px 5px;transition: all 0.4s;}
    #wrap .detail_btm_tab_menu .on a{color:var(--black-color00);font-weight: 600;box-shadow: inset 0 -2px 0 var(--black-color00);}
    #wrap .detail_btm_tab_menu :where(strong, span){font-weight: inherit;color: inherit;font-size: inherit;font-weight: inherit;color: inherit;line-height: inherit;padding: 0;display: inline-block;}

/* 상세 컨텐츠 */
    #wrap .item_goods_sec{position: relative;margin:0;padding: 0 0 80px;}
    #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;}
    #wrap .goods_view :is(.detail_info_box, .view_box0){position: relative;padding:0;}

/* 관련상품 */
    #wrap .related_goods h3{font-size: var(--text-24);font-weight: 500;color: var(--black-color00);line-height: 1.4;padding: 50px 0 18px;}

/* 교환 및 반품 */
    #wrap :is(.exchange_cont, .delivery_cont){display:grid;gap: 7px;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: 20px;}
    #wrap :is(.exchange_cont, .delivery_cont) .admin_msg p{margin:0;}

/* 상품 상세 게시글 */
    #wrap .item_list_write_box{position: relative;inset: auto;display: flex;justify-content: flex-end;gap: 10px;margin: 0 0 15px;padding: 0; border: 0;}
    #wrap .item_list_write_box :where(button, a){display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;min-height: 42px;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 .item_list_write_box :where(button, a):last-child{background: var(--black-color00);border-color: var(--black-color00);color: var(--point-white);font-weight: 400;}

    #wrap .goods_view .btn_box{padding: 0; margin-top: 30px;}
    #wrap .goods_view .btn_box :where(button, a){display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;height: auto;min-height: 42px;font-size: var(--text-20);line-height: 1.2;margin: 0;padding: 10px 15px;border: 1px solid var(--black-color00);background: var(--black-color00);color: var(--point-white);font-weight: 500;}
    #wrap .goods_view :is(.js_board_goodsreview_more, .js_board_goodsqa_more):has([data-next-page="0"]){display: none;}

    #wrap :where(.goods_board_review_list, .goods_board_qa_list){position: relative;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) > ul{position: relative;border-top: 1px solid var(--black-color00);}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) .noclick {pointer-events:none;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) li {border-bottom: 1px solid var(--border-color01);padding: 0;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) .item_list_summary {position: relative;width:100%;display: flex;align-items: center;justify-content: space-between;gap: 15px;padding: 20px 15px;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) .board_left {display: flex;width: 100%;flex-direction: column;gap: 5px;font-size: var(--text-18);font-weight: 400;color: var(--black-color06);line-height: 1.4;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) .author_box {font-size: inherit;color: inherit;display: flex;align-items: center;flex-wrap: wrap;gap: 5px 12px;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) .ico_ans1{display: none;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) .title {padding: 0;color: var(--black-color03);}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) .title a {font-size:14px; color:#333333; line-height:22px; word-break:break-all;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) .title img {margin:0 4px 0 0;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) .title span {display:inline-block;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) .title span img {vertical-align: baseline;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) .reply {padding-left:15px;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) .star_box {display: inline-flex;width: 65px;aspect-ratio: auto 5.25;height: auto;font-size:0;background: url('../img/da_image/icon_star_bg.svg') no-repeat left top / auto 100%;margin-top: 2px;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) .star_li {display:block;width: 100%;height: 100%;background: url('../img/da_image/icon_star_fill.svg') no-repeat left top / auto 100%;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) li.selected .title a {font-weight:bold;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) .board_right {position: absolute;inset: 0;padding: 0;display: block;width: 100%;height: 100%;}
    #wrap :where(.goods_board_review_list, .goods_board_qa_list) .no_data {padding: 20px 0;text-align:center;font-size: var(--text-16);color: var(--black-color06);}
    #wrap .goods_board_view{padding: 20px 15px;border-top: 1px solid var(--border-color01);}
    #wrap .goods_board_view .contents_holder{font-size: var(--text-15);font-weight: 400;color: var(--black-color06);}
    #wrap .goods_board_view .uploadFile a img{width: 16px;vertical-align: middle;}
    #wrap .goods_board_view .comment_options{display: flex;flex-wrap: wrap;gap: 5px;padding: 15px 0 0;}
    #wrap .goods_board_view .comment_options :where(button, a){display: inline-flex;align-items: center;justify-content: center;text-align: center;background: var(--point-white);padding: 2px 10px;border: 1px solid var(--border-color01);font-size: var(--text-14);height: auto;}
    #wrap .detail_write_more_btn{position: relative;width: 100%;height: 100%;background: none;opacity: 0;}
    
/* 체크박스 */
    #wrap .member_wrap [type="checkbox"]{display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;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: 10px;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: 8px;}
    #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: 20px;padding:0;background: none;}
    #wrap .member_wrap [type="checkbox"] + label{padding-left:6px;}

/* 로그인 */
    #wrap:has(.member_cont){background: var(--point-color04);}
    #wrap .login_box :where(#formLogin, #formOrderLogin):not(.on){height: 0; opacity: 0; overflow: hidden;}
    #wrap .member_wrap{width: 100%;margin:0;padding: 0;}
    #wrap .member_cont{width: calc(100% - 30px);max-width: 700px;padding: 30px;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: 20px;}
    #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: 42px;border: 1px solid var(--border-color01);background: var(--point-white);margin: 0;padding: 0 15px;font-size: var(--text-18);font-weight: 400;color: var(--black-color03);line-height: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-indent: 0;}
    #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: 15px 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: 10px;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: 20px;}
    #wrap .submit-list :where(button, a){display: flex;align-items: center;justify-content: center;text-align: center;width: 100%;height: auto;min-height: 45px;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_wrap .sns_login{display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;margin: 40px 0 0;font-size: 0;}
    #wrap .member_wrap .sns_login:not(:has(*)){display: none;}
    #wrap .member_wrap .sns_login li{width: 100%;margin:0;}
    #wrap .member_wrap .sns_login li:has([src*="da_image"]){display: inline-block; width:40px; height: auto; padding:0; border:0;}

    #wrap :is(.nonmember_order_box, .nonmember_join_box){margin:0;}
    #wrap .nonmember_join_box{border-top: 1px solid var(--border-color01);padding: 20px 0 0;margin: 20px 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;display: block;}
    #wrap .nonmember_join_box .desc dd{font-size: var(--text-16);font-weight: 400;color: var(--black-color08);line-height: 1.4;padding: 0;}
    #wrap .nonmember_join_box button{display: flex;align-items: center;justify-content: center;text-align: center;width: auto;height: auto;min-width: 120px;min-height: 45px;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);}