@charset "utf-8";
/* cart */
.icon_radio { vertical-align: -3px; margin-right: 4px; }
.line { display: block; width: 100%; height: 1px; background: var(--gray-02); }

/* 상품유형 - tab */
.product_type_nav { display: flex; overflow: hidden; }
.product_type_nav li { position: relative; width: 50%; font-size: 18px; font-weight: 500; color: #ffffff; line-height: 20px; text-align: center; padding: 16px 10px 14px; background: var(--purple-500); border: 1px solid var(--purple-700); border-bottom: none; border-top-left-radius: 20px; border-top-right-radius: 20px; cursor: pointer; z-index: 1; }
.product_type_nav li::after { position: absolute; width: 50px; height: 50px; border-top: 1px solid var(--purple-700); background: var(--purple-500); content: ''; display: block; z-index: -1; }
.product_type_nav li:first-of-type::after { right: 26px; bottom: -27px; transform: rotate(65deg); transform-origin: right bottom; }
.product_type_nav li:last-of-type::after { left: 26px; bottom: -27px; transform: rotate(-65deg); transform-origin: left bottom; }
.product_type_nav li.on { color: var(--purple-800); background: #ffffff; border-color: var(--purple-300); z-index: 5; }
.product_type_nav li.on::after { background: #ffffff; border-color: var(--purple-300); }
.product_type_wrap { position: relative; padding: 20px 20px 24px; background: #ffffff; border: 1px solid var(--purple-300); border-radius: 20px; }
.product_type_wrap.tab_cont_wrap { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

/* 상품유형 - 상세 */
.type_detail_box { display: flex; flex-wrap: wrap; align-items: center; }
.type_detail_box .type_title { width: 100%; font-size: 18px; font-weight: 400; color: var(--gray-500); line-height: 20px; margin-bottom: 16px; }
.type_detail_box .img_box { width: 90px; height: 90px; }
.type_detail_box .img_box img { width: 100%; }
.type_detail_box .price_box { width: calc(100% - 98px); text-align: right; margin-left: 8px; }
.type_detail_box .price_box .tag { display: inline-block; font-size: 12px; font-weight: 600; color: var(--tag-red); line-height: 18px; padding: 0 6px; background: var(--tag-red-light); border-radius: 10px; margin-bottom: 8px; }
.type_detail_box .price_box .day { font-size: 16px; font-weight: 400; color: var(--gray-900); line-height: 22px; }
.type_detail_box .price_box .total { font-size: 16px; font-weight: 700; color: var(--gray-900); line-height: 32px; margin-top: 6px; }
.type_detail_box .price_box .total strong { font-size: 26px; vertical-align: -2px; }
.type_detail_box .guide_box { width: 100%; margin-top: 12px ; }
.type_detail_box .guide_box p { font-size: 14px; font-weight: 400; line-height: 22px; }
.type_detail_box .guide_box .text { color: var(--black-50); }
.type_detail_box .guide_box .chk_text { color: var(--gray-800); }
.type_detail_box .guide_box .chk_text::before { width: 20px; height: 20px; background: url(../../image/icon/icon_check_p_bold.svg) no-repeat center center; background-size: contain; display: inline-block; content: ''; vertical-align: -5px; margin-right: 6px; }
.type_detail_box .point_box { width: 100%; padding-top: 12px; border-top: 1px solid var(--gray-02); margin-top: 12px; }
.type_detail_box .point_title_box { position: relative; display: flex; justify-content: space-between; padding-right: 32px; margin-bottom: 12px; }
.type_detail_box .point_title_box::after { position: absolute; right: 0; top: 0; width: 24px; height: 24px; background: url(../../image/icon/icon_toggle_b.svg) no-repeat center center; background-size: contain; content: ''; display: block; }
.type_detail_box .point_title_box.on::after { transform: rotate(180deg); }
.type_detail_box .point_title_box > * { font-size: 14px; font-weight: 700; line-height: 24px; }
.type_detail_box .point_title_box .point_total { margin-left: auto; }
.type_detail_box .point_title_box .point_total b { color: var(--purple-logo); }
.type_detail_box .point_detail_box li { display: flex; justify-content: space-between ; margin-bottom: 2px; }
.type_detail_box .point_detail_box li > * { display: inline-block; font-size: 14px; font-weight: 500; color: var(--gray-500); line-height: 20px; }
.type_detail_box .point_detail_box li span::before { width: 20px; height: 20px; background: url(../../image/icon/icon_check_p_bold.svg) no-repeat center center; background-size: contain; display: inline-block; content: ''; vertical-align: -5px; margin-right: 6px; }
.type_detail_box .point_title_box.on ~ .line { background: #ffffff; }
.type_detail_box .btn_radio_box { width: 100%; display: flex; justify-content: space-between; margin-top: 16px; }
.type_detail_box .btn_radio_box .btn { display: block; width: calc(50% - 10px); font-size: 14px; font-weight: 500; color: var(--gray-03); text-align: center; padding: 12px; border: 1px solid var(--empty); border-radius: 8px; cursor: pointer; }
.type_detail_box .btn_radio_box .btn.on { font-weight: 700; color: var(--purple); background: var(--purple-25); border: 1px solid var(--purple-300); }

/* none_data_box */
.none_data_box { width: 100%; text-align: center; }
.none_data_box h3 { font-size: 18px; font-weight: 700; line-height: 24px; }
.none_data_box p { font-size: 14px; font-weight: 400; color: var(--gray-400); line-height: 20px; margin-top: 6px; }