@charset "utf-8";
/* 미노출 */
.dn {display: none;}
#sit_pvi_thumb, #sit_pvi_big #popup_item_image, #sit_siblings {display: none;}
.get_item_options {display: none;}

#sit {margin: 0;}
#sit_ov_wrap { padding: 0;border: none;width: 1280px;}
#sit_pvi {width: 585px;}
#sit_pvi_big {padding: 133px 155px;float: none;background: var(--color-bg1);border-radius: 20px;}
#sit_pvi_big a.visible {display: flex;align-items: center;justify-content: center;overflow: hidden;width: 275px;background: url(../../img/seum/bg_gift.png) no-repeat center / cover;filter: drop-shadow(0 8px 24px var(--color-shadow));aspect-ratio: 275 / 203;}
#sit_pvi_big img {width: 95px;}
#sit_ov {padding: 0;width: 632px;}

#sit_pvi .detail_txt {margin: 30px 0 0;padding: 50px;background: var(--color-bg-menu);font-size: 18px;font-weight: 500;line-height: 1.4;color: var(--color-text2);letter-spacing: -0.36px;border-radius: 20px;}
#sit_title, #mo_title { margin: 0 0 40px; font-size: 36px; font-weight: bold; line-height: 1.4; color: var(--color-black); letter-spacing: -0.72px; }
#mo_title {display: none;}


#sit_ov_from {border: none;}
.sit_option {padding: 0 0 14px;}
#sit_ov h3 {margin: 0;font-size: 24px;font-weight: bold;color: var(--color-text3);letter-spacing: -0.48px;}
#sit_ov h3 span {padding: 0 5px 0 0;color: var(--color-point);}
#sit_opt_added li {display: flex;align-items: center;justify-content: space-between; margin: 16px 0 0; padding: 20px 25px; border: none; box-shadow: 0 3px 15px var(--color-shadow); background: var(--color-white); border-radius: 20px; }
#sit_opt_added li .opt_name {font-size: 24px;font-weight: 500;line-height: 40px;color: var(--color-text2);letter-spacing: -0.48px;}
#sit_opt_added li .opt_count {overflow: hidden;}
#sit_opt_added .sit_opt_prc {padding: 0 20px 0 0;width: auto;float: left;font-size: 24px;line-height: 40px;color: var(--color-black);letter-spacing: -0.48px;}
#sit_opt_added button { border: 1px solid var(--color-border); width: 40px; height: 40px; }
#sit_opt_added button.sit_qty_minus {border-radius: 5px 0 0 5px;}
#sit_opt_added button.sit_qty_plus {border-radius: 0 5px 5px 0;}
#sit_opt_added button .fa {width: 14px; height: 14px; background-repeat: no-repeat; background-position: center;}
.fa-plus {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath id='plus' d='M19,13H13v6H11V13H5V11h6V5h2v6h6Z' transform='translate(-5 -4.998)' fill='%230046b7'/%3E%3C/svg%3E%0A");}
.fa-minus {background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='2' viewBox='0 0 14 2'%3E%3Cpath id='minus' d='M19,13H5V11H19Z' transform='translate(-5 -10.998)' fill='%23a1a0a0'/%3E%3C/svg%3E%0A");}
.fa-plus:before, .fa-minus:before {display: none;}

#sit_opt_added .num_input, #sit_opt_added .num_input:focus { border-top: 1px solid var(--color-border) !important; border-bottom: 1px solid var(--color-border) !important;width: 50px; height: 40px;background: var(--color-white) !important; font-size: 16px; color: var(--color-text2); letter-spacing: -0.32px; }
#sit_opt_added button.sit_qty_plus_5 {margin: 0 0 0 16px;border: 1px solid var(--color-point);width: 40px;height: 40px;background: var(--color-point);font-size: 16px;color: var(--color-white);letter-spacing: -0.32px;border-radius: 5px;}
#sit_opt_added li:after {display: none;}
#sit_sel_option .sit_reset {margin-top: 18px;padding: 8px 14px;border: none;float: right;background: var(--color-bg1);font-size: 16px;color: var(--color-text);letter-spacing: -0.32px;border-radius: 5px;}
#sit_sel_option .sit_reset:hover {background: var(--color-skyblue2);color: var(--color-white);}
#sit_sel_option::after {display: block;clear: both;content: '';}

/* 02 결제수단 */
#site_pay {padding: 7px 0 60px;}
#sod_frm_paysel { margin: 30px 0 0; }
#od_pay_sl .lb_icon {margin: 0;padding: 0 20px 0 28px;border: none;position: relative;width: auto;height: auto;float: none;background: none !important;font-size: 18px;line-height: 20px;color: var(--color-text2);letter-spacing: -0.36px;}
#od_pay_sl .lb_icon::before { display: block; border: 1px solid var(--color-text); position: absolute; top: 0; left: 0; width: 20px; height: 20px;    content: ''; border-radius: 100%;}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border: none;}
#od_pay_sl input[type="radio"]:checked+.lb_icon::before {border: none;background: url("data:image/svg+xml,%3Csvg id='그룹_108' data-name='그룹 108' xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='타원_11' data-name='타원 11' fill='%23fff' stroke='%23005cf0' stroke-width='1'%3E%3Ccircle cx='10' cy='10' r='10' stroke='none'/%3E%3Ccircle cx='10' cy='10' r='9.5' fill='none'/%3E%3C/g%3E%3Ccircle id='타원_13' data-name='타원 13' cx='4' cy='4' r='4' transform='translate(6 6)' fill='%23005cf0'/%3E%3C/svg%3E%0A") no-repeat left center / cover;}

#site_total ul {margin-top: 30px;padding: 26px;background: var(--color-bg-menu);line-height: normal;border-radius: 10px;}
#site_total ul li {display: flex;justify-content: space-between;margin: 0 0 16px;padding: 0 0 16px;border-bottom: 1px solid var(--color-border);font-size: 18px;}
#site_total ul li:last-child {margin: 0;padding: 0;border-bottom: none;}
#site_total ul span {font-size: 18px;font-weight: normal;line-height: 1.4;color: var(--color-text2);letter-spacing: -0.36px;}
#site_total ul strong {font-weight: bold;line-height: 1.4;color: var(--color-text2);letter-spacing: -0.36px;}

#sit_tot_price {margin: 20px 0 0;padding: 24px;box-shadow: 0 8px 24px var(--color-shadow);font-size: 18px;font-weight: 700;line-height: 34px;color: var(--color-text3);letter-spacing: -0.36px;border-radius: 10px;}
#sit_tot_price strong {font-size: 28px;font-weight: bold;color: var(--color-point);letter-spacing: -0.56px;}

.agree_box {margin: 40px 0;padding: 0 0 0 24px;position: relative;}
.agree_box label {font-size: 14px;line-height: 1.4;color: var(--color-text);letter-spacing: -0.28px;}
.agree_box label::before {display: block;border: 1px solid var(--color-text);position: absolute;top: 0;left: 0;width: 16px;height: 16px;content: '';border-radius: 5px;}
.agree_box input[type="checkbox"]:checked + label::before{border: none;background: url("data:image/svg+xml,%3Csvg id='체크박스' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect id='bg' width='16' height='16' rx='5' fill='%23005cf0'/%3E%3Cg id='check' transform='translate(4.5 5.5)'%3E%3Cpath id='check-2' data-name='check' d='M11,6,6.187,10.813,4,8.625' transform='translate(-4 -6)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat left center / cover;}
.agree_box label a {color: var(--color-point);text-decoration: underline;}
#site_pay .pay_sale {margin-top: 30px;padding: 16px 26px;background: var(--color-bg-menu);font-size: 18px;line-height: 1.4;color: var(--color-text2);letter-spacing: -0.36px;border-radius: 10px;}
#site_pay .pay_sale strong {font-weight: 700;color: var(--color-point);}

#sit_ov_btn button {margin: 0;width: 100%;height: 82px;background: var(--color-point);font-size: 28px;font-weight: bold;letter-spacing: -0.56px;border-radius: 10px;}
#sit_ov_btn button:hover {background: var(--color-btn-hover);}

/* 구매 유의사항 */
#wrapper {position: static;}
.layer_wrap {position: fixed;top: 0;left: 0;z-index: 130;width: 100%;height: 100%;background: var(--color-bg-grey);}
.layer_wrap .content {padding: 40px; position: fixed; top: 50%; left: 50%;z-index: 100;width: 90%; background:var(--color-white);border-radius: 20px; transform: translate(-50%, -50%);}
#buyPopup .content > p {font-size: 16px;line-height: 1.4;color: var(--color-text2);letter-spacing: -0.48px;}
#buyPopup .content {max-width: 478px;}
.layer_wrap h3 {padding: 0 0 30px;font-size: 24px;font-weight: bold;color: var(--color-black);text-align: center;letter-spacing: -0.48px;}
.layer_wrap .content > span {display: block;padding: 30px 0 20px;font-size: 14px;line-height: 1.4;color: var(--color-sub-text);text-align: center;letter-spacing: -0.28px;}
.layer_wrap .content .btn_box {display: flex;gap: 8px;justify-content: center;margin: 20px 0 0;}
.layer_wrap .content .btn_box button {border: none;height: 48px;font-size: 20px;font-weight: 500;letter-spacing: -0.4px;border-radius: 10px;}
.layer_wrap .content .btn_box .agree_checked, .layer_wrap .content .btn_box .btn_ok {width: 70%;background: var(--color-point);color: var(--color-white);}
.layer_wrap .content .btn_box .layer_close {width: 30%;background: var(--color-border);color: var(--color-text2);}

/* 본인확인 결제인증 */
#popup_certification .content {max-width: 477px;height: 513px;}




/* 결제정보 */
#popup_order_info .content {max-width: 680px;}
#popup_order_info .content form {overflow-y: auto;max-height: calc(90dvh - 100px);}
#popup_order_info table {width: 100%;}
#popup_order_info table th {padding: 18px 0;width: 150px;background: var(--color-bg1);}
#popup_order_info table td {padding: 18px 24px 18px 0;background: var(--color-bg-menu);text-align: right;}
#popup_order_info table thead th {padding: 13px 0;background: var(--color-btn-hover);font-size: 16px;font-weight: 500;line-height: 1.4;color: var(--color-white);letter-spacing: -0.32px;border-radius: 10px 10px 0 0;}
#popup_order_info table tbody {font-size: 14px;line-height: 1.4;color: var(--color-text);letter-spacing: -0.28px;}
#popup_order_info table tbody + tbody th, #popup_order_info table tfoot th {font-weight: 500;color: var(--color-text3);}
#popup_order_info table tbody + tbody td, #popup_order_info table tfoot td {font-weight: 500;color: var(--color-btn-hover);}
#popup_order_info table tfoot {border-top: 1px solid var(--color-border2);}
#popup_order_info table tfoot th:first-child {border-radius: 0 0 0 10px;}
#popup_order_info table tfoot td:last-child {border-radius: 0 0 10px 0;}

#asmo_total_box ul {margin: 20px 0 0;}
#asmo_total_box ul li {display: flex;align-items: center;justify-content: space-between;padding: 16px 0;border-bottom: 1px solid var(--color-border);font-size: 16px;line-height: 1.4;letter-spacing: -0.32px;}
#asmo_total_box ul li strong {font-weight: bold;color: var(--color-text2);}
#asmo_total_box ul li.total {border-bottom: none;font-size: 18px;font-weight: bold;letter-spacing: -0.36px;}
#asmo_total_box ul li.total strong {font-size: 28px;font-weight: bold;color: var(--color-point);letter-spacing: -0.56px;}
.mo_tfoot {display: none;}
#popup_order_info .btn_submit {width: 70%;} 

/* 구매완료 */
.popup_order_complete .content {max-width: 478px;text-align: center;}
.popup_order_complete .txt_complete b {font-size: 20px;font-weight: 500;color: var(--color-text2);letter-spacing: -0.4px;}
.popup_order_complete .txt_complete p {padding: 9px 0 0;font-size: 14px;line-height: 1.4;color: var(--color-text);letter-spacing: -0.42px;}
.layer_wrap .sub_txt {margin: 30px 0 0;font-size: 14px;line-height: 1.4;color: var(--color-sub-text);text-align: center;letter-spacing: -0.28px;}
.popup_order_complete .btn_ok {display: block;width: 100%;height: 48px;background: var(--color-point);font-size: 20px;font-weight: 500;line-height: 48px;color: var(--color-white);letter-spacing: -0.4px;border-radius: 10px;}
.btn_ok:hover {background: var(--color-btn-hover);}



/* 반응형(MO) */
@media screen and (max-width: 1280px) {
    #sit_ov_wrap {width: 100%;}
    #sit_pvi {width: 100%; float: none; }
    #mo_title {display: block;margin: 0 0 24px;font-size: 28px;color: var(--color-text3);letter-spacing: -0.48px;}
    #sit_pvi_big {padding: 10% 20%;}
    #sit_pvi_big a.visible {width: 100%;}
    #sit_pvi_big img {width: 50%;border-radius: 20px;}
    #sit_pvi .detail_txt {margin: 16px 0 0;padding: 30px 25px;font-size: 16px;color: var(--color-text);letter-spacing: -0.32px;}
    #sit_ov {padding: 60px 0 0;width: 100%;}
    #sit_title {display: none;}
    .sit_option { padding: 0 0 7px; }
    #sit_ov h3 {font-size: 20px;color: var(--color-text2);letter-spacing: -0.4px;}
    #sit_opt_added li {padding: 26px 26px 64px;position: relative;}
    #sit_opt_added li .opt_name {font-size: 18px;line-height: 1.4;letter-spacing: -0.36px;}

    #sit_opt_added button {width: 36px;height: 36px;}
    #sit_opt_added .num_input {width: 44px;height: 36px;font-size: 14px;letter-spacing: -0.28px;border-radius: 0;}
    #sit_opt_added button.sit_qty_plus_5 {margin: 0 0 0 14px;width: 36px;height: 36px;font-size: 14px;letter-spacing: -0.28px;}
    #sit_opt_added .sit_opt_prc {padding: 0;position: absolute;right: 30px;bottom: 24px;font-size: 18px;line-height: 21px;letter-spacing: -0.36px;}


    #sit_sel_option .sit_reset {margin-top: 24px;padding: 12px 0;width: 100%;float: right;text-align: center;border-radius: 10px;}
    #sit_sel_option .sit_reset:hover {background: var(--color-bg1);color: var(--color-text);}
    #site_pay {padding: 60px 0;}
    #sod_frm_paysel { margin: 24px 0 0; }
    #od_pay_sl .lb_icon {padding: 0 44px 0 33px;line-height: 24px;}
    #od_pay_sl .lb_icon::before {width: 24px;height: 24px;}
    #site_pay .pay_sale {margin-top: 24px;padding: 16px;font-size: 16px;letter-spacing: -0.32px;}
    #site_total ul {margin-top: 24px;padding: 16px;}
    #site_total ul span, #site_total ul strong  {font-size: 16px;letter-spacing: -0.32px;}
    #sit_tot_price {margin: 16px 0 0;padding: 16px;font-size: 16px;font-weight: bold;line-height: 24px;letter-spacing: -0.32px;}
    #sit_tot_price strong {font-size: 20px;letter-spacing: -0.4px;}
    .agree_box {margin: 36px 0 24px;padding: 0 0 0 30px;}
    .agree_box label {font-size: 16px;letter-spacing: -0.32px;}
    .agree_box label::before {width: 20px;height: 20px;}
    #sit_ov_btn button {height: 48px;font-size: 20px;font-weight: 500;}

    /* 팝업 */
    .layer_wrap .content {padding: 32px 16px 16px;}
    .layer_wrap h3 {padding: 0 0 24px;}
    .layer_wrap .content > p {padding: 0 12px;}

    #popup_order_info table th,#popup_order_info table td {padding: 12px 14px;width: calc(100% / 3);}

    #popup_order_info table thead th {padding: 9px 0;font-weight: normal;}
    #popup_order_info table tbody th:nth-child(3), #popup_order_info table tfoot {display: none;}
    #popup_order_info table tbody.option_chk {border-bottom: 1px solid rgba(212, 224, 243, 0.6);}
    #popup_order_info table tbody.option_chk + tbody th:first-child{border-radius: 0 0 0 10px;}
    #popup_order_info table tbody.option_chk + tbody td:last-child{border-radius: 0 0 10px 0;}
    .mo_tfoot {display: block;}
    .mo_tfoot dl {display: flex;justify-content: space-between;margin-top: 8px;padding: 12px 16px;background: var(--color-bg-menu);font-size: 14px;font-weight: 500;line-height: 1.4;letter-spacing: -0.56px;border-radius: 10px;}
    .mo_tfoot dt {color: var(--color-text3);}
    .mo_tfoot dd {color: var(--color-point);}
    #asmo_total_box ul {margin: 8px 0 0;}
    #asmo_total_box ul li {border-color: var(--color-border-60);}
    #asmo_total_box ul li.total strong {font-size: 24px;letter-spacing: -0.48px;}
    
    .layer_wrap .sub_txt {margin: 24px 0 0;letter-spacing: -0.56px;}
    .layer_wrap .content .btn_box {margin: 12px 0 0;}


}