/* =========================================
   옵션 하단 공통 팝업 CSS (scoped by .common_prod_opt_pop)
   ========================================= */

/* 마스크 (전역) */
#common-option-layer-mask {position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 5001;background-color: rgba(0, 0, 0, 0.6);display: none;}
#common-option-layer-mask.on {display: block;animation: show-up-mask 0.3s ease 0s 1 normal forwards;}

/* 공통 래퍼 */
.common_prod_opt_pop {}

/* 하단 전체 래퍼 (최상단 div: class="nav_item common_prod_opt_pop") */
.common_prod_opt_pop.common-nav_item {display: none;bottom: 0;padding-bottom: env(safe-area-inset-bottom);box-shadow: 0px 0px 18px 3px rgb(1 1 1 / 20%);z-index: 5002;position: fixed;width: 100%;max-width: 480px;left: 50%;transform: translateX(-50%);}

/* 하단 고정 구매 버튼 (필요 시, common_prod_opt_pop 안에 배치) */
.common_prod_opt_pop .nav_btn {display: block;width: 100%;height: 48px;border-radius: 5px;background-color: #FF6B00;color: #fff;text-align: center;display: flex;cursor: pointer;justify-content: center;align-items: center;font-size: 16px;font-weight: 500;margin: 12px 20px 12px 0;}

/* 하단 장바구니/구매 버튼 라인 */
.common_prod_opt_pop .common-main_btn_wrap_v2 {width: 100%;position: fixed;bottom: 0;z-index: 10000;height: 72px;display: none;box-shadow: 0px 0 10px rgb(50 50 50 / 20%);background-color: #fff;max-width: 480px;padding: 12px 20px;box-sizing: border-box;left: 50%;transform: translateX(-50%);}
.common_prod_opt_pop .common-main_btn_wrap_v2 .common_btn {width: calc(50% - 4px);float: left;font-size: 16px;color: #fff;text-align: center;height: 100%;font-weight: 700;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.common_prod_opt_pop .common-main_btn_wrap_v2 .cart_btn {position: relative; width: 100%; } /* 장바구니 버튼만 출력 */
.common_prod_opt_pop .common-main_btn_wrap_v2 .common_btn:first-child {border-radius: 5px;border: 1px solid #FF6B00;background-color: #fff;box-sizing: border-box;color: #FF6B00;margin-right: 4px;}
.common_prod_opt_pop .common-main_btn_wrap_v2 .common_btn:last-child {background-color: #FF6B00;border-radius: 5px;color: #fff;border: 1px solid #FF6B00;box-sizing: border-box;margin-left: 4px;}
.common_prod_opt_pop .common-main_btn_wrap_v2 .cart_btn:after {content: '';display: block;width: 1px;height: 80%;position: absolute;top: 30%;right: 0;background-color: rgba(0,0,0,0.08);}

/* ==============================
   01_depth : 옵션 하단 팝업 (main_option_wrap)
   ============================== */

.common_prod_opt_pop .common_prod_opt_wrap {position: fixed;bottom: -50%;width: 100%;transition: all 0.3s ease-in-out;background-color: #fff;z-index: 500;box-shadow: -10px 0 10px rgb(50 50 50 / 5%);box-sizing: border-box;padding: 3% 0 1% 0;max-width: 480px;left: 50%;transform: translateX(-50%);}
.common_prod_opt_pop .common_prod_opt_wrap.active {bottom: 50px;transition: all 0.3s ease-in-out;}

/* 위로 올라오는 삼각형 모양 헤더 */
.common_prod_opt_pop .common_top_area {position: absolute;top: -23px;left: calc(50% - 50px);border-radius: 10px 10px 0 0;border-bottom: 25px solid #fff;height: 0;width: 100px;filter: drop-shadow(0px -8px 5px rgba(0, 0, 0, 0.05));}
.common_prod_opt_pop .common_top_area img {width: 20%;margin: 12px auto 0 auto;display: block;}
.common_prod_opt_pop .common_back_top_area {}
.common_prod_opt_pop .common_option_top_area {}
.common_prod_opt_pop .common_option_top_cancel {cursor: pointer;}

/* 공통 컨테이너 */
.common_prod_opt_pop .container_99 {box-sizing: border-box;padding: 0 5%;}

/* 옵션 선택 박스 (옵션 선택, 추가옵션 버튼) */
.common_prod_opt_pop .option_box {margin: 0 0 10px 0;width: 100%;background: #f5f5f5;font-size: 14px;border-radius: 5px;box-sizing: border-box;padding: 10px 15px;position: relative;display: flex;justify-content: space-between;align-items: center;height: 50px;font-family: "Noto Sans KR", sans-serif;cursor: pointer;}

/* 선택된 옵션 리스트 영역 */
.common_prod_opt_pop .sel_optionlist {overflow-y: auto;height: auto;max-height: 300px;}

/* 선택된 옵션 정보 */
.common_prod_opt_pop .common_select_item_info {/*padding: 10px 0;*/}
.common_prod_opt_pop .common_select_item_info .option_value {display: flex;flex-direction: column; }
.common_prod_opt_pop .common_select_item_info .option-title {font-size: 14px;font-weight: 500;color: #333;margin-bottom: 4px;}
.common_prod_opt_pop .common_select_item_info .count-wrapper {display: flex;align-items: center;gap: 6px;}
.common_prod_opt_pop .common_select_item_info .count-wrapper .btn {width: 32px;height: 32px;border-radius: 4px;border: 1px solid #ddd;background-color: #fff;font-size: 18px;line-height: 30px;text-align: center;padding: 0;}
.common_prod_opt_pop .common_select_item_info .count-wrapper input.form-control {width: 50px;height: 32px;border-radius: 4px;border: 1px solid #ddd;font-size: 14px;text-align: center;}
.common_prod_opt_pop .common_select_item_info .count-wrapper .price {margin-left: auto;font-size: 15px;font-weight: 500;}

/* 배송비 무료조건 안내 */
.common_prod_opt_pop .shopping_pay_free_area {font-size: 14px;color: #FF6B00;font-weight: 500;line-height: 14px;padding: 10px 10px;margin: 15px 5%;text-align: center;position: relative;bottom: 2px;background-color: #ffece6;border-radius: 5px;}

/* 총 상품금액 영역 */
.common_prod_opt_pop .total_price { height: 60px;justify-content: space-between;display: flex;align-items: center;font-size: 18px;font-weight: 500;padding: 0 5%; margin-bottom: 24px; }
.common_prod_opt_pop .total_price .text {letter-spacing: 0.7px;}
.common_prod_opt_pop .total_price .total {font-size: 20px;font-weight: 500;color: #FF6B00;}

/* ==============================
   02_depth : 상세 옵션 선택 레이어 (full_option_wrap)
   ============================== */

.common_prod_opt_pop .common-full_option_wrap {position: fixed;bottom: -200%;width: 100%;transition: all 0.5s ease-in-out;min-height: 450px;background-color: #fff;z-index: 10600;box-shadow: -10px 0 10px rgb(50 50 50 / 5%);box-sizing: border-box;padding: 10px 0 70px 0;max-width: 480px;left: 50%;transform: translateX(-50%);}
.common_prod_opt_pop .common-full_option_wrap.active {bottom: 0;transition: all 0.5s ease-in-out;}
.common_prod_opt_pop .common-full_option_wrap .common_top_area {top: -23px;}

/* 옵션 레이어 상단 타이틀/품절제외/닫기 버튼 */
.common_prod_opt_pop .opt_tit_box {display: flex;justify-content: space-between;align-items: center;max-height: 30px;padding: 10px 0;}
.common_prod_opt_pop .opt_tit_box .opt_tit {font-weight: 500;font-size: 14px;float: left;}
.common_prod_opt_pop .common_sold_check {position: relative;padding-left: 22px;margin-left: 10px;margin-bottom: 12px;cursor: pointer;font-size: 13px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.common_prod_opt_pop .common_sold_check input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.common_prod_opt_pop .checkmark {position: absolute;top: 2px;left: 0;height: 16px;border-radius: 3px;width: 16px;border: solid 1px #eaeaea;}
.common_prod_opt_pop .opt_tit_box .cancel {width: 18px;}

/* 옵션 리스트 스크롤 영역 */
.common_prod_opt_pop .opt_scroll_box {height: 330px;overflow-y: auto;}

/* depth별 래퍼 */
.common_prod_opt_pop .opt1 {margin-bottom: 8px;}
.common_prod_opt_pop .opt2 {margin-bottom: 8px;}
.common_prod_opt_pop .opt3 {margin-bottom: 8px;}
.common_prod_opt_pop .opt_other {margin-bottom: 8px;}

/* 옵션 타이틀 */
.common_prod_opt_pop .common_option_tit {position: relative;cursor: pointer;font-size: 14px;width: 100%;border-bottom: solid 1px #f6f6f6;padding: 15px 0;display: flex;justify-content: space-between;align-items: center;}
.common_prod_opt_pop .common_option_tit .opt_title {font-size: 14px;}
.common_prod_opt_pop .common_option_tit .arrow-wrap {position: relative;display: flex;flex-direction: column;font-size: 18px;}
.common_prod_opt_pop .common_option_tit .arrow-top {display: none;}
.common_prod_opt_pop .common_option_tit .arrow-bottom {display: block;}
.common_prod_opt_pop .common_option_tit.view .arrow-top {display: block;}
.common_prod_opt_pop .common_option_tit.view .arrow-bottom {display: none;}

/* depth별 옵션 리스트 */
.common_prod_opt_pop .opt_list {display: none;overflow: hidden;font-size: 14px;padding: 10px 0px;}
.common_prod_opt_pop .common_option_area_1 {}
.common_prod_opt_pop .common_option_area_2 {}
.common_prod_opt_pop .common_option_area_3 {}
.common_prod_opt_pop .common_option_area_other {}

/* 개별 옵션 박스 */
.common_prod_opt_pop .opt_scroll_box .opt_box {border: 1px solid #f6f6f6;border-radius: 5px;margin-bottom: 10px;position: relative;background: #fff;padding: 10px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.common_prod_opt_pop .opt_scroll_box .opt_box .item {font-size: 14px;font-weight: 400;width: 70%;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 19px;display: flex;flex-direction: column;}
.common_prod_opt_pop .opt_scroll_box .opt_box .price {font-size: 14px;font-weight: 500;text-align: right;width: 30%;}

/* 품절 옵션 */
.common_prod_opt_pop .opt_scroll_box .opt_box.sold_out {/*opacity: 0.5;*/cursor: default;}
.common_prod_opt_pop .opt_scroll_box .opt_box.sold_out::after {content: '품절';position: absolute;right: 12px;top: 50%;transform: translateY(-50%);font-size: 12px;color: #ff3b30;font-weight: 500;}

/* ==============================
   장바구니 담김 안내 팝업 (cart-in-popup)
   ============================== */

.common-cart-in-popup {position: fixed;width: 100%;max-width: 480px;bottom: 0;transition: bottom 0.5s;background-color: #fff;z-index: 10001;border-top-right-radius: 16px;border-top-left-radius: 16px;overflow: hidden;left: 50%;transform: translateX(-50%);}
.common-cart-in-popup.hide {bottom: -100%;}
.common-cart-in-popup .content {display: block;max-height: 80vh;overflow: auto;}
.common-cart-in-popup .content .content-wrap {background-color: #fff;position: relative;height: 100%;}
.common-cart-in-popup .content .content-wrap .cart-in-item {display: flex;align-items: center;position: relative;padding: 15px 20px;border-bottom: 1px solid #eee;}
.common-cart-in-popup .content .content-wrap .cart-in-item .thum-img {width: 40px;height: 40px;border-radius: 50%;border: 1px solid #fff;object-fit: cover;}
.common-cart-in-popup .content .content-wrap .cart-in-item .txt {font-weight: 400;font-size: 14px;margin-left: 20px;}
.common-cart-in-popup .content .content-wrap .cart-in-item > a {display: flex;align-items: center;justify-content: center;height: 36px;border-radius: 5px;color: #FFF;padding: 0 15px;position: absolute;right: 20px;font-size: 15px;background: #FF6B00;}

/* 닫기 아이콘 기본 (옵션/장바구니 공통) */
.common_prod_opt_pop .close {color: #aaaaaa;float: right;font-size: 26px;}

/* 추가상품 영역 (있으면 사용) */
.add_product_wrap {width: 100%;box-sizing: border-box;}
.add_product_wrap .add_product_swiper {overflow: hidden;padding-right: 20px;z-index: -999;}
.add_product_wrap .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;box-sizing: content-box;}

/* 간단 애니메이션 */
@keyframes show-up-mask {0% {opacity: 0;}100% {opacity: 1;}}

.common_prod_opt_pop .prod-info { display: flex; gap: 10px; align-content: center; align-items: center; padding: 10px 24px; }
.common_prod_opt_pop .prod-img { width: 60px; flex-shrink: 0; border-radius: 4px; }
.common_prod_opt_pop .prod-img img { width: 100%; border-radius: 5px; }
.common_prod_opt_pop .prod-img video { width: 100%; height: auto; display: block; object-fit: cover; border-radius: 5px; }
.common_prod_opt_pop .prod-name { flex-grow: 1; min-width: 0; word-break: break-all; }


/* 로더 컨테이너 (중앙 정렬용) */
.common-loader-container {display: none;justify-content: center;align-items: center;background-color: rgba(0, 0, 0, 0.7);position: fixed;bottom: 80px;padding: 15px 40px;border-radius: 50px;left: 50%;transform: translateX(-50%);z-index: 9999;}
.loader-item {width: 10px;height: 10px;border-radius: 50%;display: block; /*margin:15px auto;*//*position: relative;*/background: #FFF;box-shadow: -16px 0 #FFF, 16px 0 #FFF;box-sizing: border-box;animation: shadowPulse 1s linear infinite; /*animation: dot-flashing 1s linear infinite;*/}
.loader-item2 {width: 10px;height: 10px;border-radius: 50%;display: block; background: #FFD8CC;box-shadow: -16px 0 #FFD8CC, 16px 0 #FFD8CC;box-sizing: border-box;animation: shadowPulse2 1s linear infinite; /*animation: dot-flashing 1s linear infinite;*/}
.loader-item3 {width: 10px;height: 10px;border-radius: 50%;display: block; background: #FFD8CC;box-shadow: -16px 0 #FFD8CC, 16px 0 #FFD8CC;box-sizing: border-box;animation: flash 1s linear infinite alternate; }

@keyframes shadowPulse {
    33% {background: #FFF;box-shadow: -16px 0 #FF3D00, 16px 0 #FFF;}
    66% {background: #FF3D00;box-shadow: -16px 0 #FFF, 16px 0 #FFF;}
    100% {background: #FFF;box-shadow: -16px 0 #FFF, 16px 0 #FF3D00;}
}
@keyframes shadowPulse2 {
    33% {background: #FFD8CC;box-shadow: -16px 0 #FF3D00, 16px 0 #FFD8CC;}
    66% {background: #FF3D00;box-shadow: -16px 0 #FFD8CC, 16px 0 #FFD8CC;}
    100% {background: #FFD8CC;box-shadow: -16px 0 #FFD8CC, 16px 0 #FF3D00;}
}
@keyframes dot-flashing {
    0% {background-color: #fff;box-shadow: -20px 0 #444, 20px 0 #444; /* 왼쪽 밝음, 중앙/오른쪽 어두움 */}
    33% {background-color: #444;box-shadow: -20px 0 #fff, 20px 0 #444; /* 중앙 밝음, 왼쪽/오른쪽 어두움 */}
    66% {background-color: #444;box-shadow: -20px 0 #444, 20px 0 #fff; /* 오른쪽 밝음, 왼쪽/중앙 어두움 */}
    100% {background-color: #fff;box-shadow: -20px 0 #444, 20px 0 #444;}
}
@keyframes flash {
    0% {background-color: #FFF2;box-shadow: 16px 0 #FFF2, -16px 0 #FFF;}
    50% {background-color: #FFF;box-shadow: 16px 0 #FFF2, -16px 0 #FFF2;}
    100% {background-color: #FFF2;box-shadow: 16px 0 #FFF, -16px 0 #FFF2;}
}



.common_prod_opt_pop .panel-body .media .media-body {padding-top: 7px;}
.common_prod_opt_pop .panel-body .media .media-body .option_value {background-color: #f5f5f5; padding: 10px 20px; border-radius: 10px;}
.common_prod_opt_pop .panel-body .media .media-body .option_value .option-title {display: flex; justify-content: space-between; align-items: center; line-height: normal; margin-bottom: 10px;}
.common_prod_opt_pop .panel-body .media .media-body .option_value .option-title img {width: 13px; max-width: 13px;}
.common_prod_opt_pop .panel-body .media .media-body .count-wrapper { height: 25px; }
.common_prod_opt_pop .panel-body .media .media-body .count-wrapper button {background-color: #ababab; border: solid 1px #ababab; color: #fff; border-radius: 5px; width: 25px; height: 25px; line-height: 20px; font-size: 16px; font-weight: 400; text-align:center; padding: 0 3px;}
.common_prod_opt_pop .panel-body .media .media-body .count-wrapper .minus {padding-bottom: 5px;}
.common_prod_opt_pop .panel-body .media .media-body .count-wrapper .plus {padding-bottom: 5px;}
.common_prod_opt_pop .panel-body .media .media-body .count-wrapper input {border: none; background: none; text-align: center; font-size: 15px; width: 30px;}
.common_prod_opt_pop .panel-body .media .media-body .count-wrapper .price {float: right; font-size: 15px;}


/* 장바구니 담기 완료 토스트 팝업 */
#common-layer-mask.on {display: block;}
.common-cart-in-popup.hide {bottom: -100%;}
.common-cart-in-popup {position: fixed; width: 100%; max-width: 480px; bottom: 0; transition: bottom 0.5s; background-color: #fff; z-index: 10001;}
.common-cart-in-popup .content {display: block; max-height: 80vh; overflow: auto;}
.common-cart-in-popup.on .content {opacity: 1; margin: 0 auto; max-width: 480px; height: auto;}
.common-cart-in-popup .content .content-wrap {background-color: #fff; position: relative; height: 100%; position: relative; background-color: #fff;}
.common-cart-in-popup .content .content-wrap .cart-in-item {display: flex; align-items: center; position: relative; padding: 15px 20px; border-bottom: 1px solid #eee;}
.common-cart-in-popup .content .content-wrap .cart-in-item .thum-img {width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff;}
.common-cart-in-popup .content .content-wrap .cart-in-item .txt {font-weight: 400; font-style: 14px; margin-left: 20px;}
.common-cart-in-popup .content .content-wrap .cart-in-item .txt span {font-weight: 700;}
.common-cart-in-popup .content .content-wrap .cart-in-item > a {display: flex; align-items: center; justify-content: center; height: 36px; border-radius: 5px; color: #FFF; padding: 0 15px; position: absolute; right: 20px; font-size: 15px; background: #FF6B00;}
.common-cart-in-popup .content .content-wrap .comProdOptPop-cart-in-btn {display: flex; padding: 0 20px 20px 20px;}
.common-cart-in-popup .content .content-wrap .comProdOptPop-cart-in-btn a.close {border: 1px solid #FF6B00; display: flex; align-items: center; justify-content: center;  height: 48px; border-radius: 5px; background-color: #fff; color: #FF6B00; font-size: 16px; font-weight: 500; width: 20%;}
.common-cart-in-popup .content .content-wrap .comProdOptPop-cart-in-btn a.go-cart {display: flex; align-items: center; justify-content: center;  height: 48px; border-radius: 5px; background-color: #FF6B00; color: #fff; font-size: 16px; font-weight: 500; width: 80%; margin-left: 8px;}
.common-cart-in-popup.on {bottom: 60px; z-index: 5001; float: inherit;}
.common-cart-in-popup {border-top-right-radius: 16px; border-top-left-radius: 16px; overflow: hidden;}

/* 장바구니 팝업 하단 버튼들 */
/*.common_prod_opt_pop .cart-in-popup .content .content-wrap .comProdOptPop-cart-in-btn {display: flex;padding: 0 20px 20px 20px;}*/
/*.common_prod_opt_pop .cart-in-popup .content .content-wrap .comProdOptPop-cart-in-btn a.close {border: 1px solid #FF6B00;display: flex;align-items: center;justify-content: center;height: 48px;border-radius: 5px;background-color: #fff;color: #FF6B00;font-size: 16px;font-weight: 500;width: 20%;}*/
/*.common_prod_opt_pop .cart-in-popup .content .content-wrap .comProdOptPop-cart-in-btn a.go-cart {display: flex;align-items: center;justify-content: center;height: 48px;border-radius: 5px;background-color: #FF6B00;color: #fff;font-size: 16px;font-weight: 500;width: 80%;margin-left: 8px;}*/


/* 추천상품, 최근본 상품 */
.add_product_wrap {width: 100%; box-sizing: border-box; padding: 20px 0 10px 20px;}
.add_product_wrap h6 {font-size: 18px; font-weight: 500; padding-bottom: 15px;}
.add_product_wrap h6 span {float: right; padding-right: 20px; font-weight: 400; font-size: 13px;}
.add_product_wrap .add_product_swiper {overflow: hidden; padding-right: 20px; z-index: -999;}
.add_product_wrap .swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.add_product_wrap .swiper-slide {background-position: center; background-size: cover; height: 100%; position: relative; transition-property: transform; flex-shrink: 0;}
.add_product_item img {max-width: 100%; border-radius: 8px;}
.add_product_item video {max-width: 100%; border-radius: 8px;}
.add_product_item .add_product_item_info .tit {font-size: 14px; line-height: 1.3; height:38px; margin: 8px 0 8px 0; font-weight: 400; white-space: normal; overflow: hidden; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.add_product_item .add_product_item_info .price-wrapper{display: inline-block; line-height: 1; display: flex; position: relative; letter-spacing: -0.21px;}
.add_product_item .add_product_item_info .org-price {color: #aeaeae; font-size: 12px; padding-top: 2px; height: 15px;}
.add_product_item .add_product_item_info .price {display: inline-block; font-size: 14px; font-weight: 700; letter-spacing: -0.5px; white-space: nowrap;}
.add_product_item .add_product_item_info .dc-rate {font-size: 14px; font-weight: 700; color: #FF6B00; display: inline-block; margin-right: 8px; word-break: keep-all;}
.add_product_item_info .review-area {display: inline-block; color: #a8a8a8; padding: 6px 0; font-size: 13px; float: left; min-height: 16px;}
.add_product_item_info .review-area .review-area-wrap {width: auto;}
.add_product_item_info .review-area .review-area-wrap p {float: left;}
.add_product_item_info .review-area .review-area-wrap p:first-child {padding-right: 5px;}
.add_product_item_info .review-area .review-area-wrap p.rate {display: flex;}
.add_product_item_info .review-area .review-area-wrap p em.star {display: inline-block; background-image: url("https://img.monfood.co.kr/images/common/star.png"); width: 15px; height: 15px; background-size: contain; margin: 1px;}
.add_product_item_info .review-area .review-area-wrap span {color: #727272; position: relative; padding-left: 16px; font-size: 12px;}
.add_product_item_info .review-area .review-area-wrap span::before {content: ''; display: block; background-image: url("https://img.monfood.co.kr/images/common/ico_review.svg"); width: 14px; height: 14px; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); margin-top: 1px;}
@media screen and (max-width: 380px) {
    .add_product_item .add_product_item_info .dc-rate.event-price {margin-right: 3px;}
}
@media screen and (max-width: 360px) {
    .add_product_item .add_product_item_info .dc-rate.event-price {margin-right: 2px;}
}


/* 카카오+비회원 확인 팝업 */
#common-layer-mask-kakao {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 5001; background-color: rgba(0, 0, 0, 0.7); display: none;}
#common-layer-mask-kakao.on {display: block; animation: show-up-mask 1s ease 0s 1 normal forwards;}
@keyframes show-up-mask {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.common-kakao-popup {position: fixed; left: 50%; top: 50%; width: 400px; max-width: 90vw; max-height: 90vh; transform: translate(-50%,-50%); border: 1px solid transparent; border-radius: 10px; z-index: 5002; box-sizing: border-box; display: none;}
.common-kakao-popup.on {display: block; animation: show-up-popup 0.6s ease 0s 1 normal forwards;}
.common-kakao-popup .body {border-radius: 8px; height: 100%; font-family: noto sans kr; background: #fff;}
.common-kakao-popup .body .wrapper {text-align: center; display: flex; flex-direction: column; align-items: center; background-color: transparent; padding: 24px 20px 20px; position: relative;}
.common-kakao-popup .body .wrapper > .close {display: inline-block; width: 32px; height: 32px; position: absolute; right: 8px; top: 8px; background: url("https://img.monfood.co.kr/images/common/btn_close.png") no-repeat center center ; background-size: 18px 18px; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; }
.common-kakao-popup .body .wrapper > .txt {}
.common-kakao-popup .body .wrapper > .txt em {color: #666; font-size: 14px; font-weight: 400; display: block}
.common-kakao-popup .body .wrapper > .txt .logo {width: 126px; margin-top: 8px;}
.common-kakao-popup .body .wrapper > .btn-area {width: 100%; margin-top: 24px;}
.common-kakao-popup .body .wrapper > .btn-area a {padding: 0 20px 0 8px; display: block; height: 48px;  background-color: #FFE500; border-radius: 5px;}
.common-kakao-popup .body .wrapper > .btn-area a span {display:inline-block; padding-left: 34px; background: url("https://img.monfood.co.kr/images/common/katalk_icon.png") no-repeat left center; background-size: 28px 28px;  font-size: 16px; font-weight: 500; line-height: 48px; }
.common-kakao-popup .body .wrapper > .btn_nomember {margin-top: 24px;}
.common-kakao-popup .body .wrapper > .btn_nomember a {font-size: 13px; display: inline-block; padding: 5px 10px; font-weight: 400; color: #888; font-weight: 400;}


.opt_tit_box .cancel {width: 75%;}
.opt_scroll_box {height: 330px;overflow-y: auto;}
.opt_scroll_box .tit {font-size: 13px;font-weight: 400;padding: 10px 0;}
.opt_scroll_box .tit span {color: #222;font-size: 13px;display: inline-block;padding-left: 5px;}
.opt_scroll_box .tit .slide_down {float: right;width: 15px;height: 9px;margin-top: 3px;background: url(https://img.monfood.co.kr/images/renewal/slide_down.png) center center no-repeat;background-size: cover;}
.opt_scroll_box .tit:after {content: '';display: block;clear: both;}
.opt_scroll_box .opt_box {border: 1px solid #f6f6f6;border-radius: 5px;margin-bottom: 10px;position: relative;background: #fff;padding: 10px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center; cursor: pointer}
.opt_scroll_box .opt_box .item {font-size: 14px;font-weight: 400;width: 70%;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 19px; display: flex; flex-direction: column;}
.opt_scroll_box .opt_box span {color: #FF6B00; font-size: 13px; font-weight: 400; display: flex; flex-shrink: 0;}
.opt_scroll_box .opt_box .price {font-size: 14px;font-weight: 500;text-align: right;width: 30%;}
.common_option_tit {position: relative;cursor: pointer;font-size: 14px;width: 100%;border-bottom: solid 1px #f6f6f6; padding: 15px 0;}
.common_option_tit .opt_title {font-size: 14px;}
.view {background: #fff;top: 0;left: 0;border-radius: 4px;display: flex;justify-content: flex-start;}
.common_option_tit .arrow-wrap{top:22px}
.common_option_tit .arrow-top {display: none;}
.common_option_tit .arrow-bottom {display: block;}
.common_option_tit.view .arrow-bottom {display: none;}
.common_option_tit.view .arrow-top {display: block;}
.opt_list {display: none;overflow: hidden;font-size: 14px;padding: 10px 0px;line-height: 30px;}
.common_option_tit .shopping_pay_free_area {font-size: 13px;color: #FF6B00;line-height: 13px;padding: 6px 6px;margin-left: 10px;position: relative;bottom: 2px;background-color: #ffece6;border-radius: 5px;}
.common_option_tit .shopping_pay_free_area:after {content: '';position: absolute;left: 0;top: 50%;width: 0;height: 0;border: 5px solid transparent;border-right-color: #ffece6;border-left: 0;margin-top: -5px;margin-left: -5px;}
.opt_list .opt_box.sold_out .sold_out_bg {background: rgba(0, 0, 0, .6); position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 13px; border-radius: 5px;}
.opt_list .opt_box.sold_out .sold_out_bg span {font-size: 16px; line-height: 1; font-weight: 500;}
.opt_list .opt_box.sold_out .sold_out_bg a {color: #ffffff; line-height: 1; font-weight: 300; margin-top: 5px;}
.opt_list .dp_none {display: none !important;}      /* 품절제외 */




/* 공유하기 모달창 */
/*#addCart.info-modal, #share.info-modal, #common_restock_pop.info-modal {display: none; position: absolute; left: 0;top: 0;max-width: 480px;width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.4);z-index: 999;}*/
/*#addCart .info-modal-content {background-color: #fff;border-radius: 8px;padding: 20px; border: solid 1px #f6f6f6;box-shadow: 0 5px 6px rgb(0 0 0 / 8%);position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}*/
/*#share .info-modal-content {background-color: #fff;border-radius: 8px;padding: 20px;width: 60%;max-width: 300px; border: solid 1px #f6f6f6;box-shadow: 0 5px 6px rgb(0 0 0 / 8%);position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}*/
#common_restock_pop .info-modal-content {max-width: 400px; background-color: #fff;border-radius: 8px;padding: 20px;width: 65%; border: solid 1px #f6f6f6;box-shadow: 0 5px 6px rgb(0 0 0 / 8%);position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.sel_optionlist {overflow-y: auto;height: auto;max-height: 300px;}
@media screen and (max-width: 450px) {
    #addCart .info-modal-content {width: 65%;}
}
.info-modal .info-modal-content .share_icon_wrap {display: flex;justify-content: space-around;align-items: center;padding: 4%;}
.info-modal .info-modal-content .share_icon_wrap .share_icon {display: flex;flex-direction: column;align-items: center;}
.info-modal .info-modal-content .share_icon_wrap .share_icon img {width: 50px;padding-bottom: 10px;}
.close {color: #aaaaaa;float: right;font-size: 26px;}
.close:hover,
.close:focus {color: #000;text-decoration: none;cursor: pointer;}
.info-modal .info-modal-content .modal-tit {display: flex;justify-content: space-between;align-items: center;}
.info-modal .info-modal-content .modal-tit p {font-size: 16px;}
.info-modal .info-modal-content .add_cart_button {display: flex;justify-content: space-around;align-items: center;padding-top: 20px;width: 100%;}
.info-modal .info-modal-content .add_cart_button button {display: flex;flex-direction: column;align-items: center; width: 48%}
.info-modal .info-modal-content .add_cart_button .common_go_shop {background-color: #727272;border: none;padding: 4%;color: #fff;border-radius: 8px;font-size: 12px;cursor: pointer;}
.info-modal .info-modal-content .add_cart_button .common_go_cart {background-color: #FF6B00;border: none;padding: 4%;color: #fff;border-radius: 8px;font-size: 12px;cursor: pointer;}
.info-modal .info-modal-content .add_cart-tit {text-align: center;display: flex;justify-content: center;align-items: center;}
.info-modal .info-modal-content .add_cart-tit .add_cart_img {width: 30px;padding-right: 5px;}
.info-modal .info-modal-content .add_cart-tit .add_cart_img img {width: 100%;}


/* 재입고 알림 */
/*.rein_btn {display: none; position: fixed; bottom:0; width: 100%; height: 50px; box-shadow:-10px 0 10px rgba(50,50,50,0.2);z-index: 4500; background-color: #222; color:#fff; text-align: center;height:60px; line-height:60px;max-width:480px;}*/
/*.main_pro_btn {font-size: 16px; width:100%; text-align:center; font-weight: 700;}*/
/*.rein_btn .alert2 {position: absolute; top: -45px; left: 50%; background-color: #FF6B00; color: #fff; z-index: 20050; animation: motion 0.6s linear 0s infinite alternate; font-size: 13px; border-radius: 5px; padding: 0 16px; height: 34px; line-height: 34px; transform: translate(-50%, 0); width: 170px;}*/
/*.rein_btn .alert2:after {content: ''; display: block;position: absolute; top: 100%; left: 0; right: 0;margin: 0 auto; width: 0; height: 0; border-top: solid 10px #FF6B00;border-left: solid 10px transparent; border-right: solid 10px transparent;}*/
/*@keyframes motion {*/
/*    0% {margin-top: 0px;}*/
/*    100% {margin-top: 10px;}*/
/*}*/

/* 재입고 알림 요청 팝업 */
#common_restock_pop_mask {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 5003; background-color: rgba(0, 0, 0, 0.5); display: none;}
#common_restock_pop_mask.on {display: block;}

#common_restock_pop { position: fixed; left: 50%; top:50%; z-index: 5004 !important; transform: translate(-50%, -50%); width: 80%; max-width: 480px; }
#common_restock_pop .info-modal-content .modal-tit {font-size: 14px; font-weight: 500; margin-top: -5px; padding-bottom: 8px;}
#common_restock_pop ul {font-size:14px; line-height:12px; margin-bottom:20px; color: #727272; margin-top: 5px;}
#common_restock_pop li {line-height: 150%;  letter-spacing: -0.9px;}
#common_restock_pop .btn_restock_proc {font-size:14px; font-weight:700; width:100%; height:40px; line-height:40px; text-align:center; background:#FF6B00; color:#fff; border-radius:5px;}
.tabs_Fixed {position: fixed;top: 48px;width: 100%; max-width: 480px;display: inline-block;background: #fff;z-index: 10;border-top: 1px solid #EEE;}
.refund-system-txt {margin-left: 26px;}

.common_restock_pop2 {position: fixed; left: 50%; top: 50%; width: 400px; max-width: 90vw; max-height: 90vh; transform: translate(-50%,-50%); border: 1px solid transparent; border-radius: 10px; overflow: hidden; z-index: 5004; box-sizing: border-box; display: block;}
.common_restock_pop2.on {display: block; animation: show-up-popup 0.6s ease 0s 1 normal forwards;}
.common_restock_pop2 .body {height: 100%; font-family: noto sans kr;}
.common_restock_pop2 .body .wrapper {text-align: center; display: flex; flex-direction: column; align-items: center; background-color: #fff; padding: 20px;}
.common_restock_pop2 .body .wrapper .btn-area {display: flex; width: 100%;}
.common_restock_pop2 .body .wrapper a{width: 100%; font-size: 16px; letter-spacing: -0.7px; border-radius: 5px; line-height: 38px; margin-top: 24px;}
.common_restock_pop2 .body .wrapper a.restock {background-color: #FF6B00; color: #fff;}
.common_restock_pop2 .body .wrapper em {font-weight: 500; display: block; width: 100%; margin-top: 10px;}


/*장바구니 아이콘 애니메이션  */
.basket_area{position: fixed; top:50%; right: 50%; z-index: 20000; display: none; width: 140px; height: 140px; margin: -70px -70px 0 0;}
.basket_area.active{display: block;
    animation-name: basket_move;
    animation-duration: 0.8s;
    animation-delay: 0.3s;
    -webkit-animation-fill-mode:both;
}
@keyframes basket_move {
    0% { width: 140px; height: 140px;}
    100% {width: 0; height: 0; top:80px; left: 50%; transform: translateX(213px);}
}
@media screen and (max-width: 450px){
    @keyframes basket_move {
        0% { width: 140px; height: 140px;}
        100% {width: 0; height: 0; top: 80px; right: 100px;}
    }
}
.basket_area img{width: 100%; height: 100%;}

.funcGoProductDetail, .funcOpenOptionPop { cursor: pointer; }
.funcGoProductDetail img, .funcGoProductDetail video { pointer-events: none; }  /* IOS 클릭 먹통 해결 */
.funcGoProductDetail .btn-cart-in, .funcGoProductDetail .funcOpenOptionPop { pointer-events: auto; }
.funcOpenOptionPop.membership-product { display: none; }    /* 멤버십 상품은 장바구니 아이콘 숨김 */

.common_btn_wrap { position: relative; width: 100%; margin-bottom: 5px; clear: both; padding-top: 7px; }
.btn_openOpt { background-color: #000; color: #fff; width: 100%; height: 35px; line-height: 30px; border-radius: 5px; border: none; }


/* 카카오 회원 확인 팝업 */
#common-layer-mask-kakao2 {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 5001; background-color: rgba(0, 0, 0, 0.7); display: none;}
#common-layer-mask-kakao2.on {display: block; animation: show-up-mask 1s ease 0s 1 normal forwards;}
@keyframes show-up-mask {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.common-kakao-popup2 {position: fixed; left: 50%; top: 50%; width: 400px; max-width: 90vw; max-height: 90vh; transform: translate(-50%,-50%); border: 1px solid transparent; border-radius: 10px; z-index: 5002; box-sizing: border-box; display: none;}
.common-kakao-popup2.on {display: block; animation: show-up-popup 0.6s ease 0s 1 normal forwards;}
.common-kakao-popup2 .body {border-radius: 8px; height: 100%; font-family: noto sans kr; background: #fff;}
.common-kakao-popup2 .body .wrapper {text-align: center; display: flex; flex-direction: column; align-items: center; background-color: transparent; padding: 24px 20px 20px; position: relative;}
.common-kakao-popup2 .body .wrapper > .close {display: inline-block; width: 32px; height: 32px; position: absolute; right: 8px; top: 8px; background: url("https://img.monfood.co.kr/images/common/btn_close.png") no-repeat center center ; background-size: 18px 18px; overflow: hidden; font-size: 0; line-height: 0; text-indent: -9999px; }
.common-kakao-popup2 .body .wrapper > .txt {}
.common-kakao-popup2 .body .wrapper > .txt em {color: #666; font-size: 14px; font-weight: 400; display: block}
.common-kakao-popup2 .body .wrapper > .txt .logo {width: 126px; margin-top: 8px;}
.common-kakao-popup2 .body .wrapper > .msg_wrap { margin-top: 30px; line-height: 1.6em; }
.common-kakao-popup2 .body .wrapper > .btn-area {width: 100%; margin-top: 24px;}
.common-kakao-popup2 .body .wrapper > .btn-area a {padding: 0 20px 0 8px; display: block; height: 48px;  background-color: #FFE500; border-radius: 5px;}
.common-kakao-popup2 .body .wrapper > .btn-area a span {display:inline-block; padding-left: 34px; background: url("https://img.monfood.co.kr/images/common/katalk_icon.png") no-repeat left center; background-size: 28px 28px;  font-size: 16px; font-weight: 500; line-height: 48px; }
.common-kakao-popup2 .body .wrapper > .btn_nomember {margin-top: 24px;}
.common-kakao-popup2 .body .wrapper > .btn_nomember a {font-size: 13px; display: inline-block; padding: 5px 10px; font-weight: 400; color: #888; font-weight: 400;}


.common_sold_check {position: relative;padding-left: 22px;margin-left: 10px;margin-bottom: 12px;cursor: pointer;font-size: 13px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.common_sold_check input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.common_sold_check input:checked ~ .checkmark {background-color: #727272;}
.common_sold_check input:checked ~ .checkmark:after {display: block;}
.common_sold_check .checkmark {position: absolute;top: 2px;left: 0;height: 16px;border-radius: 3px;width: 16px;border: solid 1px #eaeaea;}
.common_sold_check .checkmark:after {content: "";position: absolute;display: none;}
.common_sold_check .checkmark:after {left: 5px;top: 2px;width: 4px;height: 6px;border: solid white;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

/* 로딩 중 버튼 스타일 (클릭 불가 처리) */
.common_btn.cart_btn.processing { pointer-events: none; /*opacity: 0.7;*/cursor: not-allowed;display: flex;align-items: center;justify-content: center;gap: 8px; }

/* 멤버십 상품일때 장바구니 담기 버튼 숨기기 */
.common_prod_opt_pop .common-main_btn_wrap_v2.membership-product {}
.common_prod_opt_pop .common-main_btn_wrap_v2.membership-product .cart_btn { display: none; }
.common_prod_opt_pop .common-main_btn_wrap_v2.membership-product .order_btn { width: 100%; }