.null_top { }

.select-prd-order { display: block; width: 75px; height: 20px; margin-right: 4px; padding: 0 14px 0 7px; border: 1px solid #707070; border-radius: 10px; box-sizing: border-box; background-size: 6px; font-size: 10px; font-weight: 400;color: #000;letter-spacing: -0.16px;}
.main_news_container { margin: 0 auto; width: 250px; position: relative; top: 5%; }
@media screen and (max-width: 375px) {.main_news_container { margin: 0 auto; width: 250px; position: relative; top: 1%; }}

.main_news_box {  width: 100%; margin-top: 10px; }
.main_news_name { display: inline-block; width: 45%; }
.main_news_price { display: inline-block; width: 50%; margin-top: 2px; font-family: 'Cafe24ClassicType'; font-size: 22px; font-weight: 400; color: #fc5757; line-height: 27px; }
.main_news_tit { display: flex; justify-content: center; align-items: center; height: 18px; background: #f4b2ba; font-family: 'TmoneyRoundWind'; font-size: 13px; font-weight: 400;color: #fff; letter-spacing: -0.65px; }
.find_us_id_box { display: none; }

/* button line */
.menu_complate { display: flex; align-items: center; width: 100%; height: 100%; padding: 0 15px; border: none; box-sizing: border-box; font-size: 16px; font-weight: 400; color: #000;letter-spacing: -0.32px; color: #fc5757; }

/* selectbox */
.d_select { width: 100%; border: none; box-sizing: border-box; background: #fff; font-size: 10px; color: #000; letter-spacing: -0.2px; height: 36px; padding: 0 10px; }
.d_select { width: 100%; border: none; box-sizing: border-box; background: #fff; font-size: 10px; color: #000; letter-spacing: -0.2px; height: 36px; padding: 0 10px; }
.c_select { width: 100%; border: none; box-sizing: border-box; background: #fff; font-size: 10px; color: #000;letter-spacing: -0.2px; height: 36px; padding: 0 10px; text-align: center; }

/* // BuyList */
.openImg_1 { margin-top: -10px; }
.prd_null { width: 100% !important; height: 50px; text-align: center !important; font-size: 20px; font-weight: bold; line-height: 25px; } 
.prd_null div {width: 100%; text-align: center;}
.prd_null_1 { width: 100% !important; height: 50px; text-align: center !important; font-size: 20px; font-weight: bold; }
.prd_null_1 div {width: 100%; text-align: center;}

/* BUTTON */
.sm_btn_group { display: flex; align-items: center; }
.sm_btn { display: flex; justify-content: center; align-items: center; width: 26px; height: 26px; margin-right: 8px; border: none; border-radius: 5px; box-sizing: border-box; background: #f4b2ba;  font-size: 8px; font-weight: 400; color: #fff; letter-spacing: -0.16px; line-height: 9px; }

.btn-minus { margin-right : 10px; }
.btn-plus { margin-left : 10px; }

.board-tool-top { top: 228px; }

.a-cart-btn-text { text-align : center; line-height: 22px; }
.a-cart-btn { width: 65px; height: 20px; border: none; background: #a6b1b3; font-size: 10px; font-weight: 500; color: #fff !important; letter-spacing: -0.2px; line-height: 20px; text-align: center; margin: 0 0 0 auto; }

.backspace { width: 20px; height: 20px; border: none; background: url(/img/common/ico_arrow_back1.svg) left center no-repeat; background-size: contain; }

.pg_btn { width: calc(100% - 30px); height: 22px; border: none; border-radius: 5px; box-sizing: border-box; background: #f4b2ba; font-family: 'Cafe24ClassicType'; font-size: 13px; font-weight: 400; color: #fff; width: 200px; margin: 0 auto; text-align: center; line-height: 22px; }

/* search right button */
.search_right_box { display: flex; align-items: center; width: 100%; height: 24px; padding-right: 12px;border-radius: 6px;
 box-sizing: border-box; background: rgba(0, 0, 0, 0.05); }

.search_right_input { width: 100%; height: 100%; padding: 0 12px;border: none;box-sizing: border-box;background: none;}
.search_right_button {width: 12px;height: 12px;border: none;background: url(../img/ico_search1.svg) center center no-repeat;background-size: cover;}

/* friend add */
.frd_add_search_box { display:flex; padding: 10px 0;}
.frd_add_search_btn { width: 30%; height: 22px; border: none; border-radius: 11px; box-sizing: border-box; background: #fc5757; font-size: 10px; font-weight: 400; color: #fff; letter-spacing: -0.2px;}

/* btn */

.btn_active { background: #fc5757 !important; color: #fff !important;}

.slide-qna .swiper { padding: 0 10px; border-top: 1px solid rgba(166, 177, 179, 0.5); border-bottom: 1px solid rgba(166, 177, 179, 0.5); box-sizing: border-box;}

.slide-qna .inner { padding: 0 20px; box-sizing: border-box;}

/* file */
.input-file-button { padding: 6px; background-color: #fc5757; border-radius: 4px; color: white;
 cursor: pointer; width: 95%; display: block; text-align: center;}

/* userimg */
.js-userimg-modal { z-index: 99999;}
.js-modal-error { z-index: 99999;}
.chat .scroll-group { min-height: 55vh;}

/* question */
.question_ico { width: 25px; height: 20px; margin-right: 10px; background: center center no-repeat; background-size: contain;}
.question_del_btn { display: block; width: 100%; height: 40px; margin-top: 6px; border: none; background: #fc5757; font-size: 18px; font-weight: 600; color: #fff; letter-spacing: -0.36px;}

/* Cart */
.cart_cnt { position: absolute; display: flex; justify-content: center; align-items: center; top: 4px; margin-left: 20px; height: 15px; padding: 0 3px; border-radius: 8px; box-shadow: 0 4px 6px 0 rgba(255, 105, 105, 0.4); box-sizing: border-box; background: #fc5757; font-size: 9px; font-size: 9px; font-weight: 700; color: #fff;}
.cart_li_line { border-bottom: 1px solid rgba(166, 177, 179, 0.5) !important; }
.shopping_li_line { border-bottom: 1px solid rgba(166, 177, 179, 0.5) !important; }
.cart_txt_box { max-width: calc(100% - 20px); }
.select-addr_cus { width: 50%; }
#memoForm { width: 100% !important; }

/* tracking li */
.list-tracking li { margin-bottom: 5px; }
.list-tracking li:last-child { margin-bottom: 0; }
.list-tracking .fold { position: relative; padding: 10px 42px 10px 34px; border-radius: 5px; box-shadow: 0 3px 6px 0 rgba(244, 178, 186, 0.6); box-sizing: border-box; cursor: pointer;} /*background: url('../img/ico_arrow_fold1.svg') calc(100% - 14px) center no-repeat;*/
.list-tracking .fold.active { background-image: url('../img/ico_arrow_fold1_active.svg'); }
.list-tracking .fold .tit-group:before { content: ''; display: flex; justify-content: center; align-items: center; position: absolute; top: 8px; left: 12px; width: 17px; height: 18px; background: url('../img/ico_triangle1.svg') center center no-repeat;} /* background: url('../img/ico_question1.svg') center center no-repeat;*/
.list-tracking .fold .tit-group .tit { font-size: 12px; font-weight: 400; color: #fc5757; letter-spacing: -0.36px; line-height: 14px; }

.list-tracking .unfold { display: none; padding: 15px; border-radius: 5px; box-shadow: 0 0 0 0 rgba(244, 178, 186, 0.6); box-sizing: border-box; background: #f4b2ba; }
.list-tracking .unfold.active { display: block; }
.list-tracking .unfold .txt-group .txt { font-size: 12px; font-weight: 400; color: #fff; letter-spacing: -0.24px; line-height: 14px; }

/* smart tracking */
.trackModal { max-width: 100% !important; }
.iframeContainer { position: relative; width: 100%; height: 0; height: 55vh; width: 100%; overflow-x: hidden; }

/* 16:9 */
.iframe16To9 { padding-top: 56.25%; }

/* 4:3 */
.iframe4To3 { padding-top: 75%; }
.iframeContainer iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.iframeContainer_err { border: 1px solid red; width: 100%; height: 50px; position: absolute; bottom: 0px; text-align: center; color: red; font-weight: bold; padding-top: 20px; background-color: #fff; }
.ranking .my-point-end { display: flex; justify-content: flex-end; align-items: center; width: 100%; height: 36px; padding-right: 25px; box-sizing: border-box; background: #fae4e7; font-family: 'Cafe24ClassicType'; font-size: 13px; font-weight: 400; color: #fc5757; text-align: center; }
input.uppercase { text-transform: uppercase; }

/* modal - top - error  */
.modal_top_error { background: red !important;}

/**/
.open_box_top { margin-bottom: 10px; }
.btn-open1 { margin-left: 30px; width: 60% !important; border-radius: 50px; }

.item-price-after_1 { font-family: 'Cafe24ClassicType'; font-size: 11px; font-weight: 400; color: #fc5757; line-height: 15px; }
.item-price-after_2 { font-family: 'Cafe24ClassicType'; font-size: 11px; font-weight: 400; color: #fc5757; line-height: 15px; }

.item-price-before_1 { font-family: 'Pretendard'; font-size: 10px; font-weight: 400; color: #a6b1b3; line-height: 15px; }
.item-price-before_2 { font-family: 'Cafe24ClassicType'; font-size: 11px; font-weight: 400; color: #000; line-height: 15px; text-decoration: line-through; }
.item-price-before_3 { font-family: 'Cafe24ClassicType'; font-size: 13px; font-weight: 400; color: #000; line-height: 15px; }
.item-price-before_4 { font-family: 'Cafe24ClassicType'; font-size: 13px; font-weight: 400; color: #f4b2ba; line-height: 15px; }
.item-price-before_5 { font-family: 'Cafe24ClassicType'; font-size: 11px; font-weight: 400; color: #fc5757; line-height: 15px; }
.item-price-before_6 { font-family: 'Cafe24ClassicType'; font-size: 11px; font-weight: 400; color: #000; line-height: 15px; text-decoration: line-through; }

.item-price-1 { justify-content: space-between; font-family: 'Cafe24ClassicType'; font-size: 15px; font-weight: 400; color: #fc5757; line-height: 19px; text-align: right; }

.ua_default_ch { font-size: 13px !important; }
.ua_default_ch1 { width: 11px !important; height: 11px !important; }

.top-eventopen img { margin: 0 auto; width: 100%; }

.eventopen_title { display: flex; justify-content: center; align-items: center; height: 34px; border-radius: 5px 5px 0 0; box-sizing: border-box; background: #f4b2ba; font-size: 15px; font-weight: 600; color: #fff; letter-spacing: -0.3px; margin: 10px 0;}

.eventopen_gage_box { width: 100%; height: 26px; line-height: 26px; margin-right: 8px; padding: 0 8px; border: 1px solid rgba(166, 177, 179, 0.5); border-radius: 5px; box-sizing: border-box; margin-bottom: 10px; position: relative;}
.eventopen_gage { position: absolute; background: #819FF7; text-align: center; border-radius: 5px; height: 26px; line-height: 26px; top: 0; left: 0; color: #fff;}
.eventopen_gage_txt { position: absolute; text-align: center; border-radius: 5px; height: 26px; line-height: 26px; top: 0; left: calc(50% - 30px); color: #000;}

.search_order_box { margin-left: 10px;}

.buy_list_img {width: 25px;}

.ck-custom2 + label .custom1 { display: block; width: 20px; height: 20px; background: url('../img/common/ico_check2_off.svg') center center no-repeat; background-size: contain; background: #f2f2f2; border: 1px solid #fc5757;}
.ck-custom2:checked + label .custom1 { background-image: url('../img/common/ico_check2_on.svg');background-size: cover; }

/*.p_brand_span { display: inline-block; padding-bottom: 5px !important}*/
.p_brand_span { padding-bottom: 10px;}

/*오픈박스 구매하기 > 결제 수단*/
.payment-method .ck-group1 { width: 40%; height: 26px; margin: 0 5px; }

.payment-price1 { display: flex; justify-content: center; align-items: center; }
.payment-price1 .inp-group-price1 { display: flex; justify-content: space-between; align-items: center; width: 40%; height: 26px; margin-right: 8px; padding: 0 8px; border: 1px solid rgba(166, 177, 179, 0.5); border-radius: 5px; box-sizing: border-box; }
.payment-price1 .inp-group-price1 .tit { width: 55px; font-size: 10px; font-weight: 400; color: #a6b1b3; letter-spacing: -0.2px; }
.payment-price1 .inp-group-price1 .txt { display: flex; justify-content: flex-end; align-items: center; width: calc(100% - 55px); font-family: 'Cafe24ClassicType'; font-size: 10px; font-weight: 400; color: #fc5757; text-align: right; }
.payment-price1 .inp-group-price1 .txt input {width: calc(100% - 7px); height: 100%; border: none; background: none; font-family: 'Cafe24ClassicType'; font-size: 10px; font-weight: 400; color: #fc5757; text-align: right; }

.payment-price1 .btn-group-point1 { display: flex; justify-content: space-between; align-items: center; width: 40%; height: 26px; margin-right: 8px; border: 1px solid rgba(166, 177, 179, 0.5); border-radius: 5px; box-sizing: border-box; }
.payment-price1 .btn-group-point1 .btn { display: flex; justify-content: center; align-items: center; width: 100%; height: 26px; margin-right: 8px; border: none; border-radius: 5px; box-sizing: border-box; background: #f4b2ba; font-size: 1em; font-weight: 400; color: #fff; letter-spacing: -0.16px; line-height: 9px; }
.payment-price1 .btn-group-point1 .btn:last-child { margin-right: 0; }

.payment-price1 .btn-group-point2 { display: flex; justify-content: space-between; align-items: center; width: 40%; height: 26px; margin-right: 8px; }
.payment-price1 .btn-group-point2 .btn1 {display: flex; justify-content: center; align-items: center; width: 50%; height: 26px; margin-right: 5px; border: none; border-radius: 5px; box-sizing: border-box; background: #f4b2ba; font-size: 0.9em; font-weight: 400; color: #fff;letter-spacing: -0.16px; line-height: 9px; font-family: 'Pretendard', sans-serif; outline: none; cursor: pointer; }

.skip_btn {width: 78px; height: 22px; border: none; border-radius: 11px; box-sizing: border-box; background: #fae4e7; font-size: 12px; font-weight: 400; color: #000; letter-spacing: -0.2px; cursor: pointer; }

/*주간 랭킹*/
.ranking_payback { max-width: 95%; margin: 0 auto; }
.ranking_payback .top-title { text-align: center; }
.ranking_payback .top-title .tit { margin-bottom: 2px; font-size: 13px; font-weight: 400; color: #000; letter-spacing: -0.26px; line-height: 15px; }
.ranking_payback .top-title .tit2 { font-family: 'Cafe24ClassicType'; font-size: 22px; font-weight: 400; color: #fc5757; line-height: 23px; }
.ranking_payback .top-ranking img { width: 100%; }

.ranking_payback .my-point { display: flex; align-items: center; height: 36px; margin-bottom: 12px; }
.ranking_payback .my-point .tit { display: flex; align-items: center; width: 96px; height: 100%; padding-left: 12px; box-sizing: border-box; background: #f4b2ba; font-size: 13px; font-weight: 400; color: #fff; letter-spacing: -0.26px; }
.ranking_payback .my-point .txt { display: flex; justify-content: flex-end; align-items: center; width: calc(100% - 96px); height: 100%; padding-right: 25px; box-sizing: border-box; background: #fae4e7; font-family: 'Cafe24ClassicType'; font-size: 13px; font-weight: 400; color: #fc5757; text-align: right; }

.list-ranking_payback li { display: flex; align-items: center; margin-bottom: 12px; }
.list-ranking_payback li:last-child { margin-bottom: 0; }
.list-ranking_payback .rank { width: 100px; font-family: 'Cafe24ClassicType'; font-size: 15px; font-weight: 400; color: #f4b2ba; }
.list-ranking_payback .img-group { width: 35px; height: 35px; margin-right: 16px; border-radius: 50%; box-sizing: border-box; }
.list-ranking_payback .user-name { font-size: 13px; font-weight: 400; color: #a6b1b3; letter-spacing: -0.26px; }
.list-ranking_payback .user-point { margin: 0 0 0 auto; font-family: 'Cafe24ClassicType'; font-size: 13px; font-weight: 400; color: #000; }


/* system notice */
.sys_notice_container { }
.sys_notice_span { }
.sys_notice_div { }
.sys_notice_container a { text-decoration-line: none; color: #feccd9;}

select[readonly] { background-color: #ddd;pointer-events: none; }

.openNotice-modal-layer { display: none; position: relative; width: calc(100% - 36px); max-width: 400px; max-height: calc(100% - 36px); border-radius: 5px; box-sizing: border-box; background: #fff; overflow: hidden; animation: modalMotion .5s ease-out; }

.item-price .btn-group .btn { display: flex; justify-content: center; align-items: center; width: 62px; height: 24px; margin-bottom: 6px; border: none; border-radius: 12px; box-sizing: border-box; background: #f4b2ba; font-size: 10px; font-weight: 400; color: #fff; letter-spacing: -0.2px; }

.list-item2 .item-card .item-info .item-data .item-biz-coupon { font-family: 'TmoneyRoundWind'; font-size: 12px; font-weight: 400; letter-spacing: -0.5px; }
.list-item2 .item-card .item-info .item-data .item-biz-date { font-family: 'TmoneyRoundWind'; font-size: 11px; font-weight: 400; letter-spacing: -0.5px; }
.list-item2 .item-card .item-info .item-data .item-biz-state { font-family: 'TmoneyRoundWind'; font-size: 12px; font-weight: 400; text-align: center; }
.list-item2 .item-card .item-info .item-data .item-biz-state .btn-biz { width: 33px; height: 18px; line-height: 18px; border: none; background: #f4b2ba; font-size: 10px; font-weight: 500; color: #fff; text-align: center; margin: 2px; cursor : pointer; }
.bar-chat .inp-group-chat .inp-chat-biz { display: block; width: calc(100% - 0px); height: 32px; max-height: 65px; padding: 8px 6px 8px 6px; border: none; box-sizing: border-box; background: none; font-size: 10px; font-weight: 400; color: #000; letter-spacing: -0.2px; line-height: 14px; }
.biz-link-disable { pointer-events: none; }
.biz-log-list-1 { width: 48%; text-align: left; display: inline-block !important; }
.biz-log-list-2 { width: 49%; text-align: right; display: inline-block !important; }
.biz-log-memo-scroll { overflow-y: auto; overflow-x: hidden; }
.biz-log-tit-box { margin-top: 5px; }
.biz-log-tit { font-size: 13px; font-weight: 400; color: #be2626; line-height: 18px; }
.btn_resend { background: #619ae3 !important; }

.modal-group-wide-full .modal-layer { max-width: 90%; }

.list-item .item-card .item-info .item-util .btn-purchase-1 { width: calc(100% - 30px); height: 22px; border: none; border-radius: 5px; box-sizing: border-box; background: #a9a6a6; font-family: 'Cafe24ClassicType'; font-size: 13px; font-weight: 400; color: #fff; line-height: 22px; text-align: center; }
.list-item .item-card .item-info .item-util .btn-cart-1 { width: 27px; height: 22px; border: none; border-radius: 5px; box-sizing: border-box; background: url('/img/ico_cart1.svg') center center no-repeat #a9a6a6; }
.list-item .item-card .item-info .item-util .btn-purchase-2 { width: calc(100% - 30px); height: 22px; border: none; border-radius: 5px; box-sizing: border-box; background: #fc5757; font-family: 'Cafe24ClassicType'; font-size: 13px; font-weight: 400; color: #fff; line-height: 22px; text-align: center; }
.list-item .item-card .item-info .item-util .btn-cart-2 { width: 27px; height: 22px; border: none; border-radius: 5px; box-sizing: border-box; background: url('/img/ico_cart1.svg') center center no-repeat #fc5757; }

.item-view .item-basic-info .btn-group-openbox .btn-v1 { background: #a9a6a6; }

.delivery-write .article-group .list-item2 .item-card .item-info .item-error { margin-top: 0; font-size: 13px; font-weight: 400; color: #940b0b; font-weight: 600; }

/*Synthesis*/
.synthesis-write { margin-bottom: 100px; margin-top: 65px; }
.synthesis-write .article-group { margin-bottom: 12px; }
.synthesis-write .article-group:last-child { margin-bottom: 0; }
.synthesis-write .article-group .top-article { display: flex; justify-content: center; align-items: center; height: 34px; border-radius: 5px 5px 0 0; box-sizing: border-box; background: #f4b2ba; font-size: 15px; font-weight: 600; color: #fff; letter-spacing: -0.3px; }
.synthesis-write .article-group .list-item2 { border: 1px solid rgba(166, 177, 179, 0.5); border-top: none; border-radius: 0 0 5px 5px; box-sizing: border-box; }
.synthesis-write .article-group .list-item2 li { border-bottom: none; }
.synthesis-write .article-group .list-item2 li:first-child { border-top: none; }
.synthesis-write .article-group .list-item2 .item-card .img-group { width: 95px; height: 95px; margin-right: 10px; }
.synthesis-write .article-group .list-item2 .item-card .item-info { width: calc(100% - 105px); }
.synthesis-write .article-group .list-item2 .item-card .item-info .item-price { margin-top: 0; font-family: 'Cafe24ClassicType'; font-size: 12px; font-weight: 400; color: #f4b2ba; }
.synthesis-write .article-group .list-item2 .item-card .item-info .delivery-gauge { display: flex; justify-content: center; align-items: center; height: 16px; margin: 0 0 0 auto; padding: 10px; box-sizing: border-box; background: #fc5757; font-size: 15px; font-weight: 400; color: #fff; letter-spacing: -0.16px; }
.synthesis-write .article-group .list-item2 .item-card .item-info .delivery-gauge span { margin-left: 4px; }
.synthesis-write .article-group .list-item2 .item-card .item-info div .delivery-gauge { display: inline-flex; margin-top: 11px; font-weight: bold; }
.synthesis-write .article-group .list-item2 .item-card .item-info .delivery-state { display: flex; justify-content: flex-end; align-items: center; }
.synthesis-write .article-group .list-item2 .item-card .item-info .delivery-state .txt { display: flex; justify-content: flex-end; align-items: flex-end; font-size: 10px; font-weight: 400; color: #a6b1b3; letter-spacing: -0.5px; }
.synthesis-write .article-group .list-item2 .item-card .item-info .delivery-state .txt img { margin-left: 4px; }
.synthesis-write .article-group .list-item2 .item-card .item-info .delivery-state .btn-cancel { width: 63px; height: 18px; line-height: 18px; margin-left: 7px; border: none; background: #f4b2ba; font-size: 10px; font-weight: 500; color: #fff; letter-spacing: -0.12px; text-align: center; }
.synthesis-write .article-group .frm-group-delivery { margin-top: 0; padding: 18px 20px; box-sizing: border-box; background: #fae4e7; }
.synthesis-write .article-group .frm-group-payment { padding-top: 10px; box-sizing: border-box; }
.synthesis-write .article-group .delivery-data { padding: 12px; box-sizing: border-box; background: #fff; font-size: 10px; font-weight: 500; color: #000; letter-spacing: -0.2px; line-height: 15px; white-space: break-spaces; }
.synthesis-write .line { width: 100%; height: 1px; margin: 12px 0; background: rgba(166, 177, 179, 0.5); }

.synthesis-new { width: 45px; position: absolute; right: 18px; top: 50px; }

/*이벤트*/
.list-synthesis li { position: relative; margin-bottom: 10px; border-radius: 10px; box-sizing: border-box; overflow: hidden; }
.list-synthesis li:last-child { margin-bottom: 0; }
.list-synthesis li.inactive:after { content: '재고 준비중'; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); font-size: 14px; font-weight: 400; color: #ccc; }
.list-synthesis img { width: 100%; }
.list-synthesis li.inactiveranking:after { content: ''; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(160, 10, 100, 0.5); cursor: pointer; }
.list-synthesis li .rankingTxt { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 2em; color: #fff; font-weight: bold; z-index: 10; }

/*button style*/
.btn-custom-round { display: inline-flex; justify-content: center; align-items: center; width: 49%; height: 40px; border: none; box-sizing: border-box; background: #f4b2ba; font-size: 18px; font-weight: 600; color: #fff; border-radius: 50px; }
.btn-custom-round1 { display: inline-flex; justify-content: center; align-items: center; width: 49%; height: 40px; border: none; box-sizing: border-box; background: #fc5757; font-size: 18px; font-weight: 600; color: #fff; border-radius: 50px; }
.btn-custom-round2 { display: inline-flex; justify-content: center; align-items: center; width: 49%; height: 40px; border: none; box-sizing: border-box; background: #a9a6a6; font-size: 18px; font-weight: 600; color: #fff; border-radius: 50px; }
.btn-custom-cancel { display: flex; justify-content: center;align-items: center;width: 100%; height: 40px; border: none; box-sizing: border-box; background: red; font-size: 18px; font-weight: 600; color: #fff; }

.tit-error { font-family: 'Cafe24ClassicType'; font-size: 1.2em; font-weight: 400; color: red; text-align: center;  }

/* buy sale event */
.buy_sale_event_box { background: #f4b2ba; padding: 5px 0px; margin-bottom: 5px; }
.sale_event_tit { text-align: center; color: #fff; font-size: 1em; }
.sale_event_ct { text-align: center; color: #000; font-size: 1.2em; }

.list-faq h1, .list-faq h2, .list-faq h3, .list-faq h4, .list-faq h5, .list-faq h6,
.list-addr h1, .list-addr h2, .list-addr h3, .list-addr h4, .list-addr h5, .list-addr h6 {font-size: revert !important;}

.confirm-modal-content2 { text-align: center; }
.synthesis-group-agree { margin-top: 15px; }
.synthesis-group-agree .ck-custom2 + label { display: flex; justify-content: center; align-items: center; font-size: 0.9em; }
.synthesis-group-agree .ck-custom2 + label .custom { width: 18px; height: 18px; margin-right: 7px; }

/* Product Recommend */
.prd_hd3 { position: sticky; top: 138px; z-index: 100; padding: 0 20px; box-sizing: border-box; background: #fff; }
.prd_hd3 .inner { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 10px 0; border-bottom: 1px solid rgba(166, 177, 179, 0.5); box-sizing: border-box; }
.prd_hd3 .hd-align { width: 75px; height: 20px; padding: 0 15px 0 8px; border: 1px solid rgba(196, 196, 196, 0.5); border-radius: 10px; box-sizing: border-box;  background: url(../img/common/ico_arrow_select1.svg) calc(100% - 8px) center no-repeat; background-size: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 400; color: #000; text-align: left; letter-spacing: -0.2px; }
.prd_btn { background-image: url(../img/icon/prd_write1.svg); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 30px; height: 30px; border: none; text-indent: -9999px; /* 텍스트 숨김 (선택사항) */ background-color: #ffffff; }
.prd_btn_01 { display: flex; justify-content: center; align-items: center; width: 62px; height: 24px; border: none; border-radius: 12px; box-sizing: border-box; background: #f4b2ba; font-size: 10px; font-weight: 400; color: #fff; letter-spacing: -0.2px; }

.prdrecom-chat-message { width: 100%; margin: 0 auto; margin-bottom: 5px; }
/* 관리자 (오른쪽) */
.prdrecom-chat-message .chat-r { display: flex; justify-content: flex-end; }
.prdrecom-chat-message .chat-r .bubble { position: relative; max-width: 87%; padding: 4px 7px; border-radius: 5px; box-sizing: border-box; background: #f4b2ba; }
/* 유저 (왼쪽) */
.prdrecom-chat-message .chat-l { display: flex; align-items: flex-start; gap: 8px; }
.prdrecom-chat-message .chat-l .img-group { flex-shrink: 0; width: 60px; font-size: 12px; color: #666; word-break: break-all; text-align: center; margin-top: 5px; }
.prdrecom-chat-message .chat-l .bubble { position: relative; flex: 1; max-width: calc(100% - 68px); padding: 4px 7px; /*border: 1px solid #e2e8ed; border-radius: 5px; box-sizing: border-box; background: #fff;*/ }
.prdrecom-chat-message .bubble .txt { word-break: break-word; }
.prd_message_box { display: none !important; }
.prdrecom-prd-usname-top {  }
.prdrecom-prd-usname { margin-bottom: 4px;font-size: 1em;font-weight: 400;color: #a6b1b3;letter-spacing: -0.2px;line-height: 12px; color: red; }
.prdrecom-prd-pname { margin-bottom: 4px; margin-top: 4px; font-size: 1.2em; font-weight: 400; color: #000; letter-spacing: -0.2px; line-height: 1.1; word-break: break-all;  /* 또는 break-word */ white-space: normal; overflow-wrap: break-word; }

.list-prdrecom-prd-pname > li { display: flex; align-items: center; justify-content: space-between; padding: 17px 0; border-bottom: 1px solid rgba(166, 177, 179, 0.5); box-sizing: border-box; }
.list-prdrecom-prd-pname .user-info { display: flex; align-items: center; }
.list-prdrecom-prd-pname .user-info .img-group { width: 50px; height: 50px; min-width: 50px; flex-shrink: 0; margin-right: 20px; border-radius: 50%; box-sizing: border-box; overflow: hidden; }
.list-prdrecom-prd-pname .user-info .user-data { flex: 1; min-width: 0; overflow: hidden; }
.list-prdrecom-prd-pname .btn-group .btn:last-child { margin-bottom: 0; }
.list-prdrecom-prd-pname .btn-group .btn { display: flex; justify-content: center; align-items: center; width: 62px; height: 24px; margin-bottom: 6px; border: none; border-radius: 12px; box-sizing: border-box; background: #f4b2ba; font-size: 10px; font-weight: 400; color: #fff; letter-spacing: -0.2px; }

.prdrecom-write .article-group { margin-bottom: 12px; }
.prdrecom-write .article-group:last-child { margin-bottom: 0; }
.prdrecom-write .article-group .top-article { display: flex; justify-content: center; align-items: center; height: 34px; border-radius: 5px 5px 0 0; box-sizing: border-box; background: #f4b2ba; font-size: 15px; font-weight: 600; color: #fff; letter-spacing: -0.3px; }
.prdrecom-write .article-group .prdrecom-inp-group { margin-top: 0; padding: 18px 20px; box-sizing: border-box; background: #fae4e7; }
.prdrecom-write .article-group .delivery-data { padding: 12px; box-sizing: border-box; background: #fff; font-size: 10px; font-weight: 500; color: #000; letter-spacing: -0.2px; line-height: 15px; }
.prdrecom-write .line { width: 100%; height: 1px; margin: 12px 0; background: rgba(166, 177, 179, 0.5); }
.inp-group-prdrecom { display: flex; align-items: center; height: 20px; padding: 0 10px; box-sizing: border-box; background: #fff; }
.inp-group-prdrecom .tit-frm { width: 70px; font-size: 10px; font-weight: 500; color: #000; letter-spacing: -0.2px; }
.inp-group-prdrecom .inp-frm { width: 100%; height: 100%; border: none; background: none; font-size: 10px; font-weight: 400; color: #000; letter-spacing: -0.2px; }
.inp-group-prdrecom .inp-frm::placeholder { text-align: left; padding-left: 15px; }
.inp-group-prdrecom-tex-frm { border: none; width: 100%; }

.prdrecom-write-add-btn { width: 50%; height: 22px; border: none; border-radius: 11px; box-sizing: border-box; background: #b97aab; font-size: 10px; font-weight: 400; color: #fff; letter-spacing: -0.2px;}
.prdrecom-write-btn { width: 30%; height: 22px; border: none; border-radius: 11px; box-sizing: border-box; background: #fc5757; font-size: 10px; font-weight: 400; color: #fff; letter-spacing: -0.2px;}

.prdrecom-list { margin-top: 50px; cursor: pointer; }
.prdrecom-list img { width: 100%; }

.prdrecom-modal-title { font-size: 13px; font-weight: 400; color: #000; white-space: pre-wrap; }
.prdrecom-modal-btn-box { text-align : center; padding : 5px; }

/*상세이미지 백그라운드*/
#wrap.item-view .swiper-slide .thumb { background-size: contain !important; }

.ug_icon_img { width: 50px; }
.ug_icon_img_news { width: 20px; }
.ug_icon_img_news_main { width: 20px; }
.ug_icon_img_info { width: 30px; margin-bottom: 8px; }
.ug_icon_img_info_list { width: 50px; margin-bottom: 8px; }
.ug_icon_img_rank_top { width: 20px !important; display: inline-block !important; zoom: 1 !important; margin: 0 !important; vertical-align: middle; position: static; }
.ug_icon_img_rank { width: 20px; }
.grade_question_mark { width: 15px; border-radius: 50px; }

.privacy .user-grade-box1 {
    text-align: center;
}
.privacy .user-grade-box2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
}

    .privacy .user-grade-box2 .user-grade-box2-in {
        width: calc(33.333% - 8px); /* gap 고려해서 */
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        box-sizing: border-box;
    }

.privacy .user-grade-box2-in img {
    width: 100%; /* 부모 width에 맞춰 이미지 크기 자동 조절 */
    height: auto;
}

.privacy .user-grade {
    display: flex;
    width: 90%;
    padding: 12px 18px;
    margin: 0 auto 36px;
    /*border-radius: 8px;
    box-shadow: 0 3px 6px 0 rgba(110, 106, 106, 0.16);
    box-sizing: border-box;*/
}

/* ── 메인 게이지 ── */
.gauge-wrap {
    position: relative;
    width: 150px;
    height: 150px;
    flex-shrink: 0;
}

    .gauge-wrap svg {
        width: 100%;
        height: 100%;
        /* rotate -90deg → 12시 방향 시작 */
        transform: rotate(-90deg);
    }

/* ── 가운데 콘텐츠 ── */
.gauge-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    pointer-events: none;
}

.gauge-img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    /*border: 2px solid #2a2d3e;
    background: #1a1d27;*/
}

.gauge-score {
    font-size: 20px;
    font-weight: 800;
    color: #38bdf8;
    line-height: 1;
}

.gauge-label {
    font-size: 10px;
    color: #475569;
    letter-spacing: 2px;
    text-transform: uppercase;
}


/* Gift */
.gift-group-agree {
    margin-bottom: 15px;
    margin-top: 5px;
}

    .gift-group-agree .ck-custom2 + label {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 0.9em;
    }

        .gift-group-agree .ck-custom2 + label .custom {
            width: 18px;
            height: 18px;
            margin-right: 7px;
        }

.gift-guide-txt {
    font-size: 1em;
    line-height: 1.6;
}

/*하단 고정 확장 모달 - modal-bottom 이 스크롤에 묻히지 않고 항상 하단에 고정*/
.modal-group-fixed-bottom .modal-container {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.modal-group-fixed-bottom .box-modal {
    flex: 1;
    height: auto;
    overflow-y: auto;
}

.modal-group-fixed-bottom .modal-bottom {
    height: auto;
    min-height: 96px;
    padding: 12px 0;
    flex-shrink: 0;
}

@property --a {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

@keyframes rotateBorder {
    to {
        --a: 360deg;
    }
}

.box-wrap .txt {
    text-align: center;
    margin-bottom: 16px;
}
.box-wrap .box-selected {
    display: flex;
    justify-content: center;
    text-align:center;
    gap: 20px;
    margin-bottom: 16px;
}

.box-wrap .box-selected img {
    max-width: 70%;
    margin-bottom: 10px;
}
.box-wrap .box-selected .ck-area {
     display: flex; 
    justify-content: center;
    align-items: center;
    height: 26px;
    margin: 0 4px 10px;
}

.box-wrap .box-selected .active {
}
.box-wrap .box-selected .active img{
    transform:scale(1.3);
}
.keepbox .btn-upgrade { display: block; width: 100%; height: 40px; margin-top: 6px; border: none; background: #575afc; font-size: 18px; font-weight: 600; color: #fff; letter-spacing: -0.36px; }


.d-none {
    display:none;
}

.modal-pointbox .modal-message {
    text-align: center;
}
.modal-pointbox .modal-message p {
    margin-bottom: 10px;
    line-height:18px;
}
.modal-pointbox .modal-message h3 {
    font-size: 1.1rem;
}
.form-check-input-lg {
    transform: scale(1.5);
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

.js-modal-pointbox-upgrade-msg .modal-pointbox .modal-top {
    background: #514df7 !important;
}
.js-modal-pointbox-upgrade-msg .modal-pointbox .btn-group-modal .btn-modal {
    background: #514df7 !important;
}
.js-modal-pointbox-upgrade-msg .modal-pointbox .btn-group-modal .btn-modal-v1 {
    background: #9897e4 !important;
}

.card-pointbox .ck-custom-price:checked + label {
    background: #b2f4c7;
}



/* ===== OVERLAY / MODAL ===== */
.overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:500;justify-content:center;align-items:center;}
.overlay.on{display:flex;}
.modal{background:#fff;border-radius:12px;width:calc(100% - 48px);max-width:320px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.2);}
.modal-head{display:flex;justify-content:center;align-items:center;position:relative;height:40px;background:#fc5757;}
.modal-head.teal{background:#2dcdb5;}
.modal-head.green{background:#2db887;}
.modal-head.red{background:#e63946;}
.modal-head .m-tit{font-size:15px;font-weight:700;color:#fff;margin-right: 10px;}
.modal-head .m-close{position:absolute;right:12px;color:rgba(255,255,255,.85);font-size:18px;line-height:1;cursor:pointer;border:none;background:none;}
.modal-body{padding:20px 20px 24px;background:#fae4e7;}
.modal-body.white{background:#fff;}
.modal-msg{font-size:13px;color:#222;text-align:center;line-height:1.8;}
.modal-msg b{color:#fc5757;font-size:15px;}
.modal-btns{display:flex;gap:8px;margin-top:18px;justify-content:center;}
.m-btn{height:28px;padding:0 20px;border-radius:14px;border:none;font-size:11px;font-weight:600;cursor:pointer;transition:.15s;}
.m-btn-primary{background:#fc5757;color:#fff;}
.m-btn-primary:hover{background:#e04040;}
.m-btn-secondary{background:#f4b2ba;color:#fff;}
.m-btn-teal{background:#2dcdb5;color:#fff;}

/* ===== 룰렛 ===== */
.roulette-wrap{text-align:center;padding:16px 20px 20px;background:#fff;}
.roulette-canvas-wrap{position:relative;width:220px;height:220px;margin:0 auto 14px;}
canvas#roulette{border-radius:50%;box-shadow:0 4px 20px rgba(252,87,87,.3);}
.roulette-pointer{position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:22px solid #fc5757;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));z-index:2;}
.btn-spin{width:100%;height:40px;background:linear-gradient(135deg,#fc5757,#ff8c5a);border:none;border-radius:8px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;transition:.15s;margin-top:4px;}
.btn-spin:disabled{background:#f4b2ba;cursor:not-allowed;}
.spin-result-txt{font-size:13px;font-weight:700;margin-bottom:10px;}
.spin-result-txt.success{color:#2db887;}
.spin-result-txt.fail{color:#e63946;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.4;}}
#rouletteQueue::-webkit-scrollbar{width:4px;}
#rouletteQueue::-webkit-scrollbar-track{background:#f5f5f5;border-radius:2px;}
#rouletteQueue::-webkit-scrollbar-thumb{background:#f4b2ba;border-radius:2px;}

/* ===== 룰렛 모달 레이아웃 ===== */
.ov-roulette-modal{width:96%;max-width:420px;max-height:88vh;display:flex;flex-direction:column;}
.ov-roulette-head{background:linear-gradient(135deg,#fc5757,#f4b2ba);justify-content:space-between;padding:0 12px;flex-shrink:0;}
.roulette-body{display:flex;flex:1;min-height:0;background:#fff;flex-direction:column;}
.roulette-left{flex:0 0 160px;display:flex;flex-direction:column;align-items:center;padding:20px 0px 10px 0px;border-right:1px solid #f0f0f0;gap:8px;border-bottom:1px solid #f0f0f0}
/*.roulette-canvas-box{position:relative;width:140px;height:140px;flex-shrink:0;}
.roulette-canvas-box .roulette-pointer{top:-1px;}*/
.roulette-result-txt{margin:0;font-size:11px;text-align:center;font-weight:700;min-height:16px;}
.roulette-btn-row{display:flex;gap:6px;width:140px;}
.roulette-btn-row .btn-spin{flex:1;height:34px;font-size:12px;margin:0;}
.btn-auto-toggle{flex:1;height:34px;border-radius:8px;border:1.5px solid #fc5757;background:#fff0f0;color:#fc5757;font-size:11px;font-weight:700;cursor:pointer;transition:.15s;}
.btn-auto-toggle.mode-auto{background:#fff0f0;color:#fc5757;border-color:#fc5757;}
.btn-auto-toggle.mode-stop{background:#f0fff8;color:#2db887;border-color:#2db887;}
.btn-auto-toggle.hidden{display:none;}
.roulette-right{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;}
.roulette-queue-head{padding:8px 12px 6px;border-bottom:1px solid #f5f5f5;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;}
.roulette-queue-title{font-size:11px;font-weight:700;color:#333;}
.roulette-queue-summary{font-size:10px;color:#aaa;}
.roulette-queue-list{height:40vh;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:6px;-webkit-overflow-scrolling:touch;}
.btn-skip-all{font-size:10px;padding:3px 10px;border-radius:10px;background:rgba(255,255,255,0.25);color:#fff;border:1px solid rgba(255,255,255,0.5);cursor:pointer;font-weight:600;}

/* 언박싱 박스 애니메이션 영역 */
.unbox-stage{position:relative;display:flex;align-items:center;justify-content:center;width:200px;height:200px;flex-shrink:0;}
.unbox-box{font-size:144px;transition:transform .3s;display:block;line-height:1;}
.unbox-box img{max-height:200px;}
.unbox-box.shaking{animation:boxShake .15s infinite;}
@keyframes boxShake{
    0%  {transform:rotate(-8deg) scale(1.05);}
    50% {transform:rotate(8deg)  scale(1.08);}
    100%{transform:rotate(-8deg) scale(1.05);}
}
.unbox-box.shaking-pulse{animation:boxPulse .45s ease-in-out infinite;}
@keyframes boxPulse{
    0%  {transform:scale(1);}
    35% {transform:scale(1.28);}
    65% {transform:scale(0.88);}
    100%{transform:scale(1);}
}
.unbox-box.shaking-end{animation:boxPulse ease-in-out;}

/* 6~9단계: 흔들기 + 사이즈 혼합 (강렬) */
.unbox-box.shaking-wild{animation:boxWild 2.05s infinite;}
@keyframes boxWild{
    0%  {transform:rotate(-11deg) scale(1.00);}
    14% {transform:rotate(11deg)  scale(1.22);}
    28% {transform:rotate(-9deg)  scale(0.78);}
    42% {transform:rotate(13deg)  scale(1.28);}
    57% {transform:rotate(-13deg) scale(0.82);}
    71% {transform:rotate(9deg)   scale(1.22);}
    85% {transform:rotate(-11deg) scale(0.80);}
    100%{transform:rotate(11deg)  scale(1.00);}
}
.unbox-box.opening{animation:boxOpen .5s cubic-bezier(.34,1.56,.64,1) forwards;}
@keyframes boxOpen {
    0% {transform: scale(1);}
    40% {transform: scale(1.3) rotate(-10deg);}
    100% {transform: scale(1) rotate(0deg);opacity: 1.0;}
}
.unbox-result{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;}
.unbox-result.show{animation:resultPop .5s cubic-bezier(.34,1.56,.64,1) forwards;}
.unbox-result-icon{font-size:52px;line-height:1;}
.unbox-result-badge{font-size:10px;font-weight:700;padding:3px 10px;border-radius:12px;color:#fff;margin-top:6px;white-space:nowrap;}
@keyframes resultPop{0%{opacity:0;transform:scale(.3);}70%{transform:scale(1.15);}100%{opacity:1;transform:scale(1);}}
@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1;}100%{transform:translateY(-60px) rotate(360deg);opacity:0;}}
.unbox-particles{position:absolute;top:50%;left:50%;pointer-events:none;}
.unbox-particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:confetti .7s ease-out forwards;}

.unbox-result-txt{display: flex; align-items: center; justify-content: space-around; padding: 12px 16px; border-bottom: 1px solid rgb(240, 240, 240); background: rgb(255, 255, 255); flex-shrink: 0;}
.unbox-result-txt div{text-align:center;}
.unbox-result-txt div.seperate{width:1px;height:44px;background:#f0f0f0;}
.unbox-result-txt div.result-btn{display:flex;flex-direction:column;gap:6px;}
.unbox-result-txt div.result-txt {font-size:10px;color:#888;font-weight:700;}
.unbox-result-txt div.success {color:#2db887}
.result-txt-count{font-size:20px;color:#888;font-weight:900;}
.unbox-result-txt .boxroom {padding: 7px 16px;background: #5b8cff;color: #fff;border: none;border-radius: 8px;font-size: 11px;font-weight: 700;cursor: pointer;}
.unbox-result-txt .myroom{padding:7px 16px;background:#2db887;color:#fff;border:none;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;}

.roulette-queue-list .upgrade-box-list {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    border-radius: 8px;
    border: 1px solid #fc5757;
    background: #fff8f0;
    opacity: 1;
    transition: all .3s;
}
.roulette-queue-list .upgrade-box-list .upgrade-result-image img{
    max-width:30px;
}
.roulette-queue-list .upgrade-result-step{
    flex:1;min-width:0;/*display:flex;*/align-items:center;gap:4px;flex-wrap:wrap;
}
.roulette-queue-list .upgrade-result-step .from-step{
    font-size:11px;font-weight:700;color:#000;
}
.roulette-queue-list .upgrade-result-step .to-step{
   font-size:10px;color:#fc5757;white-space:nowrap;
}
.roulette-queue-list .upgrade-state {
    font-size: 10px;
    color: #5774fc;
    font-weight: 600;
    white-space: nowrap;
    display: block;
    min-width: 0; /* flex 자식 말줄임 핵심 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    text-align:right;
}
.roulette-queue-list .upgrade-state.loading {
    font-size:9px;color:#5774fc;font-weight:700;flex-shrink:0;animation:pulse 1s infinite;
}

.btn-spin.boxroom{background:#fc5757;}
.btn-spin.myroom{background:#5b8cff;}
.result-success {
    font-size: 11px;
    color: #2db887 !important;
}
.result-fail {
    font-size: 11px;
    color: #e63946 !important;
}

.toolbar{display:flex;align-items:center;padding:0 16px;height:52px;background:#fff;flex-shrink:0;gap:10px;}
.box-filter{position:relative;width:120px;height:38px;flex-shrink:0;z-index:1;}
.box-filter-btn{width:120px;height:38px;border:1px solid #f2a7b1;border-radius:9px;background:#fff;color:#333;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 2px 5px rgba(242,167,177,.12);}
.box-filter-btn.open{border-color:#ef8293;box-shadow:0 0 0 3px rgba(244,178,186,.18);}
.box-filter-arrow{color:#f2a7b1;font-size:10px;transition:transform .18s;}
.box-filter-btn.open .box-filter-arrow{transform:rotate(180deg);}
.box-filter-list{display:none;position:absolute;top:44px;left:0;width:130px;max-height:236px;overflow-y:auto;background:#fff;border:1px solid #f2a7b1;border-radius:10px;box-shadow:0 10px 22px rgba(0,0,0,.14);padding:5px 0;z-index:2;}
.box-filter-list.open{display:block;animation:bfDrop .14s ease-out;}
@keyframes bfDrop{from{opacity:0;transform:translateY(-5px);}to{opacity:1;transform:translateY(0);}}
.box-filter-list li{height:30px;line-height:30px;padding-left:10px;font-size:12px;color:#333;cursor:pointer;list-style:none;}
.box-filter-list li:hover,.box-filter-list li.sel{background:#fff1f4;color:#ef6f85;font-weight:700;}
.box-filter-list::-webkit-scrollbar{width:4px;}
.box-filter-list::-webkit-scrollbar-thumb{background:#f2a7b1;border-radius:10px;}
.btn-open-main{height:38px;flex:1;border:0;border-radius:24px;background:#fc5757;font-size:14px;font-weight:900;color:#fff;cursor:pointer;}
.btn-open-main:hover{background:#e04040;}
.btn-up-main{height:38px;flex:1;border:0;border-radius:24px;background:#514df7;font-size:14px;font-weight:900;color:#fff;cursor:pointer;}
.btn-up-main:hover{background:#3d3acc;}


.box-selected .mode_2 .ck-custom-price + label {
    background: #d8bf9b;
}
.box-selected .mode_2 .ck-custom-price:checked + label {
    background: #f3b55a;
}
.purchase .btn-custom.pointbox {
    background: #f3b55a;
}

.list-item2-v2 .item-card .item-info .item-price .item-price-after {
    font-family: 'Pretendard';
    font-size: 11px;
/*    color: #f4b2ba;*/
}
.list-item2-v2 .item-card .item-info .item-price .item-price-after.pointbox-color {
    color: #f4b2ba !important;
}

.list-item2-v2 .item-card .item-info .item-price .item-price-after .pointbox-icon {
    max-width:25px;
    position:absolute;
    margin-top:-1.4rem;
    right:-.1rem;
}

#synthesis_prd_list .form-check {
    display: flex;
    justify-content: flex-end;
    color: #a6b1b3;
    letter-spacing: -0.5px;
    font-size: 10px;
}

.synthesis-modal .search-product-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
}
.synthesis-modal .search-product-wrap .search-field {
    flex-shrink: 0; 
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.synthesis-modal .box-scroll{
    margin-top:5px;
}

.synthesis-modal .search-product-wrap select{
    display: block;
    width: 75px;
    height: 30px;
    margin-right: 4px;
    padding: 0 14px 0 7px;
    border: 1px solid #a9a6a6;
    box-sizing: border-box;
    background-size: 6px;
    font-size: 10px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.16px;
}
.synthesis-modal .search-product-wrap input {
    display: block;
    width: 100%;
    height: 30px;
    padding: 14px;
    border: 1px solid #a9a6a6;
    box-sizing: border-box;
    font-size: 10px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.16px;
}
.synthesis-modal .search-product-wrap button {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0 14px 0 14px;
    border: 1px solid #a9a6a6;
    box-sizing: border-box;
    background-size: 6px;
    font-size: 10px;
    font-weight: 400;
    color: #000;
    letter-spacing: -0.16px;
}

.synthesis-modal .btn-group-modal .btn-modal {
    width: 120px;
    height: 35px;
    font-size: 15px;
}
.synthesis-modal .btn-group-modal .btn-modal:disabled {
    background: #a6b1b3;
    cursor: not-allowed;
}

.btn-custom-cancel:disabled {
    background: #a6b1b3;
}

.btn_open_box:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

/* ===== 월드컵이벤트 시작 ===== */
.worldcup-event-wrap{--pink:#E98699; --pink-deep:#D9657C; --pink-soft:#FCE6EA; --line:#efe7e9;
--ink:#2c2630; --ink-soft:#8a8088; --good:#1faa80; --lose:#e5566b; --field:#16734F; --draw:#9aa0ac;
--navy:#2b3242; --navy-2:#222838; --bg:#eef0f4; --card:#fff; --line2:#e7e9ef; --muted:#8b909c;
--purple:#6c5ce7; --purple-d:#5a4bd4; --green:#27c093; --green-d:#1faa80;}
.worldcup-event-wrap, .worldcup-event-wrap *{margin:0;padding:0;box-sizing:border-box;}
.worldcup-event-wrap{font-family:'Gothic A1',sans-serif;background:transparent;color:var(--ink);font-size:14px;}
.worldcup-event-wrap .topbar{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line2);display:flex;align-items:center;gap:14px;padding:12px 22px;box-shadow:0 1px 4px rgba(20,25,40,.05);}
.worldcup-event-wrap .topbar .brand{font-family:'Black Han Sans';font-size:18px;color:var(--pink-deep);letter-spacing:-.3px;}
.worldcup-event-wrap .topbar .brand small{font-family:'Gothic A1';font-weight:700;color:var(--muted);font-size:12px;margin-left:6px;}
.worldcup-event-wrap .seg{margin-left:auto;display:flex;background:#f1f2f6;border-radius:11px;padding:4px;}
.worldcup-event-wrap .seg button{font-family:inherit;font-weight:800;font-size:13px;border:none;background:none;color:var(--muted);padding:8px 18px;border-radius:8px;cursor:pointer;transition:.15s;}
.worldcup-event-wrap .seg button.on{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.1);}
.worldcup-event-wrap .sync-note{font-size:11.5px;color:var(--muted);font-weight:600;}
.worldcup-event-wrap .app{display:none;}
.worldcup-event-wrap .app.on{display:block;}
.worldcup-event-wrap #appCust{padding:16px 0 24px;}
.worldcup-event-wrap .phone{width:100%;background:transparent;}
.worldcup-event-wrap .c-body{padding:0 16px 20px;}
.worldcup-event-wrap .demo-clock{margin-top:14px;background:#2b3242;border-radius:12px;padding:11px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;row-gap:9px;}
.worldcup-event-wrap .demo-clock .dc-label{font-size:12px;font-weight:800;color:#fff;}
.worldcup-event-wrap .demo-clock input{margin-left:auto;font-family:inherit;font-size:12.5px;font-weight:700;border:none;border-radius:8px;padding:7px 9px;background:#fff;color:var(--ink);}
.worldcup-event-wrap .dc-adds{display:flex;gap:6px;width:100%;}
.worldcup-event-wrap .dc-adds button{flex:1;font-family:inherit;font-size:11px;font-weight:800;border:none;border-radius:7px;padding:7px 0;background:#3a4456;color:#fff;cursor:pointer;transition:.15s;}
.worldcup-event-wrap .dc-adds button:hover{background:#4a5670;}
.worldcup-event-wrap .dc-adds button:active{transform:scale(.96);}
.worldcup-event-wrap .c-section{margin-top:16px;}
.worldcup-event-wrap .c-sec-title{font-size:13px;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.worldcup-event-wrap .c-picknote{margin-left:auto;font-size:11px;font-weight:700;color:var(--pink-deep);background:var(--pink-soft);border-radius:999px;padding:3px 10px;}
.worldcup-event-wrap .c-sec-title .nav{margin-left:auto;display:flex;gap:6px;}
.worldcup-event-wrap .c-sec-title .nav button{border:1px solid var(--line);background:#fff;border-radius:8px;width:30px;height:28px;font-weight:800;cursor:pointer;color:var(--ink);}
.worldcup-event-wrap .c-sec-title .nav button:disabled{opacity:.4;cursor:default;}
.worldcup-event-wrap .c-day{font-size:12px;color:var(--ink-soft);font-weight:700;}
.worldcup-event-wrap .streak{background:linear-gradient(135deg,#fff,#FFF4F6);border:1px solid var(--pink-soft);border-radius:18px;padding:16px;}
.worldcup-event-wrap .streak-top{display:flex;justify-content:space-between;align-items:flex-start;}
.worldcup-event-wrap .streak-label{font-size:11.5px;color:var(--ink-soft);font-weight:700;}
.worldcup-event-wrap .streak-num{font-family:'Black Han Sans';font-size:34px;color:var(--pink-deep);line-height:1.05;}
.worldcup-event-wrap .streak-num small{font-family:'Gothic A1';font-size:14px;font-weight:800;margin-left:3px;}
.worldcup-event-wrap .pts-box{text-align:right;}
.worldcup-event-wrap .pts-box .pl{font-size:11px;color:var(--ink-soft);font-weight:700;}
.worldcup-event-wrap .pts-box .pv{font-size:17px;font-weight:900;color:var(--field);}
.worldcup-event-wrap .pts-box .pv small{font-size:11px;font-weight:800;}
.worldcup-event-wrap .next-reward{margin-top:13px;background:var(--pink-soft);border:1px solid #FAD3DB;border-radius:11px;padding:9px 12px;font-size:12px;display:flex;justify-content:space-between;align-items:center;}
.worldcup-event-wrap .next-reward span{color:#9a6b74;font-weight:700;}
.worldcup-event-wrap .next-reward b{color:var(--pink-deep);}
.worldcup-event-wrap .claim-btn{width:100%;margin-top:11px;border:none;border-radius:12px;padding:12px;font-family:inherit;font-size:14px;font-weight:900;cursor:pointer;background:linear-gradient(135deg,var(--pink-deep),#E8819E);color:#fff;box-shadow:0 6px 14px rgba(214,90,120,.28);transition:.15s;}
.worldcup-event-wrap .claim-btn:hover{filter:brightness(1.05);}
.worldcup-event-wrap .claim-btn:active{transform:scale(.98);}
.worldcup-event-wrap .match{border:1px solid var(--line);border-radius:16px;padding:14px;margin-bottom:12px;}
.worldcup-event-wrap .match-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;}
.worldcup-event-wrap .match-stage{font-size:11px;font-weight:800;color:var(--pink-deep);background:var(--pink-soft);padding:3px 9px;border-radius:7px;}
.worldcup-event-wrap .match-deadline{font-size:10.5px;color:var(--ink-soft);font-weight:700;}
.worldcup-event-wrap .match-gift{font-size:11px;color:var(--field);font-weight:800;background:#EAF7EF;border-radius:7px;padding:6px 9px;margin-bottom:10px;}
.worldcup-event-wrap .teams{display:flex;align-items:stretch;gap:8px;}
.worldcup-event-wrap .team{flex:1;min-width:0;display:flex;flex-direction:column;border:2px solid var(--line);border-radius:14px;padding:10px 5px;text-align:center;transition:.18s;background:#fff;position:relative;}
.worldcup-event-wrap .team:active{transform:scale(.97);}
.worldcup-event-wrap .flag{position:relative;height:66px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:38px;line-height:1;overflow:hidden;background:#f7f3f5;}
.worldcup-event-wrap .flag img{width:100%;height:100%;object-fit:cover;display:block;}
.worldcup-event-wrap .team-name{font-size:14px;font-weight:800;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.worldcup-event-wrap .team.selected{border-color:var(--pink-deep);background:var(--pink-soft);box-shadow:0 0 0 3px rgba(233,134,153,.18);}
.worldcup-event-wrap .team.selected::after{content:"내 선택";position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--pink-deep);color:#fff;font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:10px;white-space:nowrap;}
.worldcup-event-wrap .team.locked{border-color:var(--field);background:#EAF7EF;}
.worldcup-event-wrap .team.locked::after{content:"✅ 확정";position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--field);color:#fff;font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:10px;white-space:nowrap;}
.worldcup-event-wrap .team.won{border-color:#EF7C1B;background:#FFF4EA;}
.worldcup-event-wrap .win-layer{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:rgba(239,124,27,.55);color:#fff;font-size:12px;font-weight:900;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.35);}
.worldcup-event-wrap .win-layer img{width:26px;height:26px;object-fit:contain;display:block;}
.worldcup-event-wrap .team.lost{opacity:.5;}
.worldcup-event-wrap .team.draw{border-color:#D9D2D6;background:#F4F1F5;}
.worldcup-event-wrap .team.draw .flag::after{content:"무승부";position:absolute;left:50%;bottom:5px;transform:translateX(-50%);background:var(--draw);color:#fff;font-size:10px;font-weight:900;padding:2px 9px;border-radius:999px;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.18);}
.worldcup-event-wrap .team.dim{opacity:.45;cursor:default;}
.worldcup-event-wrap .team .res-mark{position:absolute;top:7px;right:7px;font-size:14px;font-weight:900;}
.worldcup-event-wrap .vs{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50px;}
.worldcup-event-wrap .vs span{font-family:'Black Han Sans';font-size:15px;color:var(--ink-soft);flex:1;display:flex;align-items:center;justify-content:center;}
.worldcup-event-wrap .vs.draw-result{width:54px;border:2px solid #D9D2D6;background:#F1ECEF;border-radius:12px;}
.worldcup-event-wrap .vs.draw-result .dr-label{font-size:12px;font-weight:900;color:#7a7480;}
.worldcup-event-wrap .pick-btn{width:100%;margin-top:9px;border:none;border-radius:10px;padding:9px 6px;font-family:inherit;font-size:12px;font-weight:800;color:#fff;cursor:pointer;background:linear-gradient(135deg,var(--pink-deep),#E8819E);box-shadow:0 4px 10px rgba(214,90,120,.24);transition:.15s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.worldcup-event-wrap .pick-btn:hover{filter:brightness(1.05);}
.worldcup-event-wrap .pick-btn:active{transform:scale(.97);}
.worldcup-event-wrap .pick-btn.selected{box-shadow:0 0 0 3px rgba(214,90,120,.45);}
.worldcup-event-wrap .pick-btn-draw{margin-top:0;margin-bottom:10px;width:100%;padding:9px 4px;font-size:11px;background:#E7E1E6;color:#6f6873;box-shadow:none;display:none !important;}
.worldcup-event-wrap .pick-btn-draw:hover{filter:none;}
.worldcup-event-wrap .pick-btn-draw.selected{background:linear-gradient(135deg,var(--pink-deep),#E8819E);color:#fff;box-shadow:0 0 0 3px rgba(214,90,120,.45);}
.worldcup-event-wrap .match-foot{margin-top:11px;font-size:12px;font-weight:700;text-align:center;padding:8px;border-radius:10px;}
.worldcup-event-wrap .foot-hit{background:#EAF7EF;color:var(--good);}
.worldcup-event-wrap .foot-miss{background:#FDEAEE;color:var(--lose);}
.worldcup-event-wrap .foot-wait{background:#F4F2F1;color:var(--ink-soft);}
.worldcup-event-wrap .pick-stat{margin-top:11px;padding:10px 12px;background:#f7f8fa;border-radius:11px;}
.worldcup-event-wrap .pick-stat.empty{font-size:11.5px;color:var(--ink-soft);text-align:center;font-weight:700;padding:11px;}
.worldcup-event-wrap .ps-head{font-size:11.5px;color:#6b7080;font-weight:800;margin-bottom:7px;}
.worldcup-event-wrap .ps-head b{color:var(--ink);}
.worldcup-event-wrap .progress{display:flex;height:18px;overflow:hidden;font-size:11px;background-color:#e9ecef;border-radius:6px;box-shadow:inset 0 1px 2px rgba(0,0,0,.075);}
.worldcup-event-wrap .progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;font-weight:700;background-color:#0d6efd;transition:width .6s ease;}
.worldcup-event-wrap .progress-bar.pb-draw{background-color:#adb5bd;}
.worldcup-event-wrap .progress-bar.pb-b{background-color:#dc3545;}
.worldcup-event-wrap .ps-legend{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:7px;font-size:11px;font-weight:700;color:#41454f;}
.worldcup-event-wrap .ps-legend > span{display:flex;align-items:center;min-width:0;flex:1 1 40%;white-space:nowrap;}
.worldcup-event-wrap .ps-legend > span:nth-child(2){justify-content:flex-end;}
.worldcup-event-wrap .ps-legend > span:nth-child(3){flex:1 1 100%;justify-content:center;}
.worldcup-event-wrap .ps-legend i{flex:none;display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;}
.worldcup-event-wrap .ps-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
.worldcup-event-wrap .ps-cnt{flex:none;margin-left:4px;white-space:nowrap;}
.worldcup-event-wrap .ps-dot-a{background:#0d6efd;}
.worldcup-event-wrap .ps-dot-b{background:#dc3545;}
.worldcup-event-wrap .ps-dot-d{background:#adb5bd;}
.worldcup-event-wrap .cbtn{width:100%;border:none;border-radius:14px;padding:14px;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,#16734F,#0E5C3F);color:#fff;box-shadow:0 6px 16px rgba(14,92,63,.3);}
.worldcup-event-wrap .c-hint{font-size:11.5px;color:var(--ink-soft);text-align:center;margin-top:8px;font-weight:500;}
.worldcup-event-wrap .payout-note{margin-top:13px;background:var(--pink-soft);border:1px solid #FAD3DB;border-radius:12px;padding:11px 14px;font-size:12px;font-weight:600;color:#9a6b74;text-align:center;line-height:1.5;}
.worldcup-event-wrap .payout-note b{color:var(--pink-deep);font-weight:900;}
.worldcup-event-wrap .c-modal{position:fixed;inset:0;background:rgba(30,22,28,.5);display:none;align-items:center;justify-content:center;z-index:200;padding:24px;}
.worldcup-event-wrap .c-modal.show{display:flex;}
.worldcup-event-wrap .c-modal-card{background:#fff;border-radius:20px;padding:24px 22px;max-width:340px;width:100%;text-align:center;}
.worldcup-event-wrap .c-modal-card h3{font-size:18px;font-weight:900;margin-top:8px;}
.worldcup-event-wrap .c-modal-emoji{font-size:32px;}
.worldcup-event-wrap .mp{margin:16px 0;background:var(--pink-soft);border-radius:14px;padding:18px 16px;}
.worldcup-event-wrap .mp .mp-name{font-size:20px;font-weight:900;color:var(--pink-deep);}
.worldcup-event-wrap .mp .mp-vs{font-size:12px;color:var(--ink-soft);font-weight:600;margin-top:7px;}
.worldcup-event-wrap .c-modal-warn{font-size:12.5px;color:var(--ink-soft);font-weight:600;}
.worldcup-event-wrap .c-modal-warn b{color:var(--lose);}
.worldcup-event-wrap .c-modal-btns{display:flex;gap:10px;margin-top:18px;}
.worldcup-event-wrap .cmbtn{flex:1;font-family:inherit;font-weight:800;font-size:14px;border:none;border-radius:12px;padding:13px;cursor:pointer;}
.worldcup-event-wrap .cmbtn-cancel{background:#F1ECEE;color:#8a8088;}
.worldcup-event-wrap .cmbtn-ok{background:var(--field);color:#fff;}
.worldcup-event-wrap .hist-list{max-height:50vh;overflow-y:auto;margin-top:14px;text-align:left;}
.worldcup-event-wrap .hist-empty{font-size:13px;color:var(--ink-soft);font-weight:600;padding:26px 0;text-align:center;}
.worldcup-event-wrap .hist-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 13px;margin-bottom:8px;}
.worldcup-event-wrap .hist-left{display:flex;align-items:center;gap:10px;min-width:0;}
.worldcup-event-wrap .hist-date{font-size:11px;font-weight:800;color:var(--ink-soft);white-space:nowrap;}
.worldcup-event-wrap .hist-match{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.worldcup-event-wrap .hist-right{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.worldcup-event-wrap .hist-outcome{font-size:11px;font-weight:800;padding:3px 8px;border-radius:8px;background:#EEE9EC;color:#6f6a74;white-space:nowrap;}
.worldcup-event-wrap .hist-res{font-size:11.5px;font-weight:800;padding:4px 9px;border-radius:9px;white-space:nowrap;}
.worldcup-event-wrap .hist-res.win{background:#EAF7EF;color:var(--good);}
.worldcup-event-wrap .hist-res.lose{background:#FDEAEE;color:var(--lose);}
.worldcup-event-wrap .hist-row{display:block;background:#fff;border:2px solid var(--line);border-radius:14px;padding:11px 13px;margin-bottom:8px;font-size:12.5px;font-weight:700;}
.worldcup-event-wrap .hist-row.win{border-color:var(--good);}
.worldcup-event-wrap .hist-row.lose{border-color:var(--lose);}
.worldcup-event-wrap .hist-top{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.worldcup-event-wrap .hist-vs{margin-top:4px;min-width:0;word-break:keep-all;line-height:1.5;}
.worldcup-event-wrap .hm-win{color:var(--good);font-weight:900;}
.worldcup-event-wrap .hm-lose{color:var(--ink-soft);font-weight:900;}
.worldcup-event-wrap .hist-judge{flex:none;white-space:nowrap;font-size:12px;font-weight:900;}
.worldcup-event-wrap .hist-judge.win{color:var(--good);}
.worldcup-event-wrap .hist-judge.lose{color:var(--lose);}
.worldcup-event-wrap #appAdmin{max-width:1640px;margin:0 auto;padding:24px 24px 60px;}
.worldcup-event-wrap #appAdmin .crumb{font-size:15px;font-weight:700;color:var(--muted);margin-bottom:16px;}
.worldcup-event-wrap #appAdmin .crumb b{color:var(--ink);}
.worldcup-event-wrap .panel{background:var(--card);border-radius:14px;box-shadow:0 1px 3px rgba(20,25,40,.06);overflow:hidden;}
.worldcup-event-wrap .toolbar{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line2);flex-wrap:wrap;}
.worldcup-event-wrap .spacer{flex:1;}
.worldcup-event-wrap .abtn{font-family:inherit;font-weight:800;font-size:13px;border:none;border-radius:9px;padding:10px 16px;cursor:pointer;transition:.15s;}
.worldcup-event-wrap .abtn:active{transform:translateY(1px);}
.worldcup-event-wrap .abtn-green{background:var(--green);color:#fff;}
.worldcup-event-wrap .abtn-green:hover{background:var(--green-d);}
.worldcup-event-wrap .abtn-ghost{background:#fff;border:1px solid var(--line2);color:var(--ink);}
.worldcup-event-wrap .abtn-ghost:hover{border-color:#c8ccd6;}
.worldcup-event-wrap .abtn-pink{background:var(--pink);color:#fff;}
.worldcup-event-wrap .abtn-navy{background:var(--navy);color:#fff;}
.worldcup-event-wrap .abtn-sm{padding:7px 12px;font-size:12px;border-radius:8px;}
.worldcup-event-wrap .tbl-scroll{overflow-x:auto;}
.worldcup-event-wrap #appAdmin table{width:100%;border-collapse:collapse;min-width:1400px;}
.worldcup-event-wrap #appAdmin thead th{background:var(--navy);color:#fff;font-size:12.5px;font-weight:700;padding:13px 12px;text-align:center;white-space:nowrap;border-right:1px solid rgba(255,255,255,.28);}
.worldcup-event-wrap #appAdmin thead th:last-child{border-right:none;}
.worldcup-event-wrap #appAdmin tbody td{padding:14px 12px;text-align:center;font-size:12.5px;border-bottom:1px solid #dfe3ea;border-right:1px solid #cfd4de;color:#41454f;vertical-align:middle;}
.worldcup-event-wrap #appAdmin tbody td:last-child{border-right:none;}
.worldcup-event-wrap #appAdmin tbody tr:hover{background:#fafbff;}
.worldcup-event-wrap .num{color:var(--muted);font-weight:900;font-size:15px;}
.worldcup-event-wrap .cell-stack{display:flex;flex-direction:column;gap:6px;align-items:stretch;text-align:left;}
.worldcup-event-wrap .cell-stack .lbl{font-size:10px;font-weight:800;color:var(--muted);}
.worldcup-event-wrap .ipt{font-family:inherit;font-size:12px;border:1px solid var(--line2);border-radius:7px;padding:7px 9px;background:#fafbfc;width:100%;}
.worldcup-event-wrap .ipt:focus{outline:none;border-color:var(--pink);background:#fff;}
.worldcup-event-wrap .sel{font-family:inherit;font-size:12px;border:1px solid var(--line2);border-radius:7px;padding:7px 9px;background:#fafbfc;width:100%;cursor:pointer;}
.worldcup-event-wrap .save{font-family:inherit;font-size:11px;font-weight:800;border:none;border-radius:7px;padding:7px 10px;cursor:pointer;background:var(--navy);color:#fff;white-space:nowrap;}
.worldcup-event-wrap .save:hover{background:var(--navy-2);}
.worldcup-event-wrap .row-2{display:flex;gap:6px;align-items:center;}
.worldcup-event-wrap .ev-team{display:flex;align-items:center;gap:8px;padding:6px 0;}
.worldcup-event-wrap .ev-flag{width:46px;height:32px;border-radius:6px;border:1px solid var(--line2);background:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;overflow:hidden;flex-shrink:0;}
.worldcup-event-wrap .ev-flag img{width:100%;height:100%;object-fit:cover;}
.worldcup-event-wrap .ev-team .ipt{min-width:110px;}
.worldcup-event-wrap .ev-up{font-size:10px;font-weight:800;color:var(--purple);background:none;border:none;cursor:pointer;white-space:nowrap;padding:0;}
.worldcup-event-wrap .ev-mid{font-size:10px;font-weight:900;color:var(--muted);text-align:center;padding:2px 0;}
.worldcup-event-wrap .tag{display:inline-block;font-size:11px;font-weight:800;padding:3px 9px;border-radius:20px;}
.worldcup-event-wrap .tag-ready{background:#eef1fb;color:#5a6bd0;}
.worldcup-event-wrap .tag-live{background:#e7f8f1;color:var(--green-d);}
.worldcup-event-wrap .tag-done{background:#eef0f4;color:#8b909c;}
.worldcup-event-wrap .gift-name{font-size:11.5px;font-weight:800;color:var(--field);display:block;margin-bottom:2px;}
.worldcup-event-wrap .gift-sub{font-size:10.5px;color:var(--muted);font-weight:700;display:block;margin-bottom:2px;}
.worldcup-event-wrap .gift-sum{font-size:11px;color:var(--green-d);font-weight:900;display:block;margin-bottom:6px;}
.worldcup-event-wrap .paid-amt{font-size:14px;font-weight:900;color:var(--green-d);}
.worldcup-event-wrap .gift-none{font-size:11px;color:var(--muted);display:block;margin-bottom:6px;}
.worldcup-event-wrap .grand{font-size:13px;font-weight:900;color:var(--field);background:#EAF7EF;border:1px solid #cdeee0;border-radius:9px;padding:8px 14px;}
.worldcup-event-wrap .bnd-set{font-size:12px;font-weight:800;color:var(--ink);display:inline-flex;align-items:center;gap:6px;background:#eef1f6;border:1px solid #dde2ea;border-radius:9px;padding:6px 10px;cursor:pointer;}
.worldcup-event-wrap .bnd-set input{font-family:inherit;font-size:12px;font-weight:800;border:none;background:#fff;border-radius:6px;padding:3px 6px;color:var(--navy);}
.worldcup-event-wrap .search-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 14px;margin:0 0 14px;background:#eef1f6;border:1px solid #dde2ea;border-radius:12px;}
.worldcup-event-wrap .search-bar label{font-size:12px;font-weight:800;color:var(--ink);display:inline-flex;align-items:center;gap:6px;}
.worldcup-event-wrap .search-bar select, .worldcup-event-wrap .search-bar input{font-family:inherit;font-size:12px;font-weight:700;border:1px solid #cfd6e0;background:#fff;border-radius:7px;padding:6px 9px;color:var(--navy);}
.worldcup-event-wrap .search-bar .sb-div{width:1px;height:22px;background:#cfd6e0;}
.worldcup-event-wrap .search-count{font-size:12px;font-weight:800;color:var(--field);margin-left:auto;}
.worldcup-event-wrap .pcount{font-weight:900;font-size:15px;color:var(--pink-deep);}
.worldcup-event-wrap .view{display:none;}
.worldcup-event-wrap .view.on{display:block;}
.worldcup-event-wrap .view-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;}
.worldcup-event-wrap .view-head h2{font-size:20px;font-weight:900;}
.worldcup-event-wrap .view-head .sub{font-size:13px;color:var(--muted);font-weight:600;}
.worldcup-event-wrap .back{background:#fff;border:1px solid var(--line2);border-radius:9px;padding:9px 14px;font-weight:800;font-size:13px;cursor:pointer;color:var(--ink);}
.worldcup-event-wrap .matrix-wrap{overflow-x:auto;}
.worldcup-event-wrap .matrix th, .worldcup-event-wrap .matrix td{text-align:center;padding:11px 10px;border-bottom:1px solid #eef0f4;}
.worldcup-event-wrap .matrix th.user-col, .worldcup-event-wrap .matrix td.user-col{position:sticky;left:0;background:#fff;text-align:left;font-weight:800;min-width:96px;z-index:1;}
.worldcup-event-wrap .matrix thead th.user-col{background:var(--navy);z-index:2;}
.worldcup-event-wrap .cell{display:inline-block;width:26px;height:26px;line-height:26px;border-radius:8px;font-size:11px;font-weight:900;}
.worldcup-event-wrap .cell.win{background:#e7f8f1;color:var(--good);}
.worldcup-event-wrap .cell.lose{background:#fdeaee;color:var(--lose);}
.worldcup-event-wrap .cell.none{background:#f3f4f7;color:#c6c9d2;}
.worldcup-event-wrap .matrix .streak-n{font-weight:900;color:var(--pink);}
.worldcup-event-wrap .matrix .total-p{font-weight:800;color:var(--green-d);}
.worldcup-event-wrap .modal-ov{position:fixed;inset:0;background:rgba(25,28,38,.5);display:none;align-items:center;justify-content:center;z-index:200;padding:20px;}
.worldcup-event-wrap .modal-ov.show{display:flex;}
.worldcup-event-wrap .modal-box{background:#fff;border-radius:16px;padding:22px;max-width:520px;width:100%;max-height:80vh;overflow:auto;box-shadow:0 20px 50px rgba(0,0,0,.25);}
.worldcup-event-wrap .modal-box h3{font-size:17px;font-weight:900;margin-bottom:4px;}
.worldcup-event-wrap .modal-box .mh-sub{font-size:12.5px;color:var(--muted);font-weight:600;margin-bottom:16px;}
.worldcup-event-wrap .prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.worldcup-event-wrap .prod{display:flex;align-items:center;gap:10px;border:1px solid var(--line2);border-radius:11px;padding:11px;cursor:pointer;transition:.15s;text-align:left;}
.worldcup-event-wrap .prod:hover{border-color:var(--pink);background:var(--pink-soft);}
.worldcup-event-wrap .prod.sel{border-color:var(--pink);background:var(--pink-soft);}
.worldcup-event-wrap .prod .pemoji{font-size:24px;}
.worldcup-event-wrap .prod .pname{font-size:12.5px;font-weight:800;}
.worldcup-event-wrap .log-table{width:100%;border-collapse:collapse;}
.worldcup-event-wrap .log-table th{background:#f3f4f7;color:#6b7080;font-size:11.5px;font-weight:800;padding:9px 12px;text-align:left;white-space:nowrap;}
.worldcup-event-wrap .log-table td{padding:9px 12px;border-bottom:1px solid #eef0f4;font-size:12.5px;white-space:nowrap;}
.worldcup-event-wrap .log-table td.me{background:var(--pink-soft);}
.worldcup-event-wrap .pill{font-size:11px;font-weight:800;padding:3px 9px;border-radius:20px;}
.worldcup-event-wrap .pill.win{background:#e7f8f1;color:var(--good);}
.worldcup-event-wrap .pill.lose{background:#fdeaee;color:var(--lose);}
.worldcup-event-wrap .pill.wait{background:#fff4e5;color:#d98a2b;}
.worldcup-event-wrap .modal-close{margin-top:16px;width:100%;font-family:inherit;font-weight:800;border:none;border-radius:11px;padding:12px;cursor:pointer;background:var(--navy);color:#fff;}
.worldcup-event-wrap .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--navy);color:#fff;font-weight:700;font-size:13px;padding:12px 20px;border-radius:11px;opacity:0;transition:.25s;z-index:300;pointer-events:none;}
.worldcup-event-wrap .toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.worldcup-event-wrap .hidden{display:none;}
.worldcup-event-wrap{}
/* ===== 커스텀 오버라이드 ===== */
.worldcup-event-wrap #appCust{padding:80px 0 84px;}
.worldcup-event-wrap .progress.none{background-color:#e4e4e4;}
.worldcup-event-wrap .team{border:1px solid var(--line);padding:5px 5px;border-radius:7px;cursor:pointer;}
.worldcup-event-wrap .hist-row{border:1px solid var(--line);}
.worldcup-event-wrap .flag{border-radius:7px;}
.worldcup-event-wrap .flag.flag-opacity img{opacity:0.4 !important;}
.worldcup-event-wrap .win-layer{background:none;}
.worldcup-event-wrap .team .win-layer img{opacity:1 !important;width:55px;height:55px;}
.worldcup-event-wrap .team .pick-btn{padding:4px 6px;background:linear-gradient(135deg,#589c81,#44806a);border-radius:7px;font-weight:500;}
.worldcup-event-wrap .vs{width:45px;position:relative;}
.worldcup-event-wrap .pick-btn-draw{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:8px;margin-bottom:0;padding:12px 6px;border:1px solid var(--line);border-radius:7px;background:#f4f1f4;color:#6f6873;font-weight:700;font-size:13px;box-shadow:none;}
.worldcup-event-wrap .pick-btn-draw.selected{background:linear-gradient(135deg,var(--pink-deep),#E8819E);color:#fff;border-color:transparent;box-shadow:0 0 0 3px rgba(214,90,120,.4);}
.worldcup-event-wrap .pick-btn-draw.locked{background:#EAF7EF;border:1px solid var(--field);color:var(--field);box-shadow:none;position:relative;overflow:visible;}
.worldcup-event-wrap .pick-btn-draw.locked::after{content:"✅ 확정";position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--field);color:#fff;font-size:9.5px;font-weight:800;padding:2px 8px;border-radius:10px;white-space:nowrap;}
.worldcup-event-wrap .pick-btn-draw.is-result{flex-direction:column;gap:6px;padding:14px 6px;background:#EAF7EF;border:1px solid var(--field);color:var(--field);font-weight:800;}
.worldcup-event-wrap .result-trophy{width:46px;height:46px;object-fit:contain;display:block;}
.worldcup-event-wrap .team.locked::after{font-size:11px;padding:2px 8px 4px;font-weight:600;}
.worldcup-event-wrap .team-name{font-weight:700;}

    /* ===== 커스텀 오버라이드 ===== */
.worldcup-event-wrap .pick-btn-draw.draw-opacity:not(.is-result){opacity:0.4 !important;}
.worldcup-event-wrap .pick-btn-draw.draw-opacity img{opacity:1 !important;}
.worldcup-event-wrap .pick-btn-draw.is-result {border-color: #EF7C1B;background: #FFF4EA;}
.worldcup-event-wrap .result-trophy {/*position: absolute;z-index:999;*/}
/* ===== 월드컵이벤트 끝 ===== */

.payment-method {display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;width: 85%;margin: 0 auto;}
.payment-method .ck-group1 {width: 100%;margin: 0;}
.payment-method .ck-group1 label {display: flex;justify-content: center;align-items: center;width: 100%;box-sizing: border-box;}
.payment-price1 {display: grid;grid-template-columns: repeat(2, 1fr);width: 85%;margin: 0 auto;gap: 10px;}
.payment-price1 .inp-group-price1 {width:100%;margin-right: 0px;}
.payment-price1 .btn-group-point1 {width:100%;margin-right: 0px;border:none;}

.payment-price1 .btn-group-point1.btn-double {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
.payment-price1 .btn-group-point1.btn-double .minus-count {    background: #fb6e6e !important;}
.payment-info {margin:0 auto;width:85%;}

/*.nice-auth{display:none;}
.hp-auth{display:none;}
*/


/*
.payment-method .ck-group1{width:100%;}
.payment-method .ck-group1 input{display:none;}
.payment-method .ck-group1 label{display:flex;justify-content:center;align-items:center;aspect-ratio: 2.8 / 1;   width:100%;border:1px solid #ddd;border-radius:4px;overflow:hidden;cursor:pointer;transition:.2s;box-sizing:border-box;background:#fff;}
.payment-method .ck-group1 label img{width:100%;height:100%;object-fit:cover;}
.payment-method .ck-group1 input:checked + label{border:2px solid #4CAF50;box-shadow:0 0 0 3px rgba(76,175,80,.2);}
*/