/* 사용자 화면 공통 스타일 — 기존 페이지 안에 흩어져 있던 <style> 을 그대로 모음 (내용 그대로, 디자인 변경 없음) */

/* ===== PC 화면 왼쪽 안내 (inc_common_left.php) ===== */
html,body {overflow-y: scroll !important; }
:root{--width:500px;}
.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper{background:#fbfbfb;}
.page_main{position:relative !important;left:auto !important;font-weight:normal; background:#fff;width:var(--width) !important;}
.header{height:56px; top:0; left:auto; padding:0; border:none; z-index:100;width:100%;background:#fff !important;border-bottom:1px solid #e9e9e9 !important;}
.header_backB{height:56px; top:0; left:auto; padding:0; border:none; z-index:100;width:100%;background:#c72638 !important; }
.header_back{height:56px; top:0; left:auto; padding:0; border:none; z-index:100;width:100%; }
.goods_category{height:35px; left:auto; top:96px; background:#fff; padding-top:20px; z-index:99;position:fixed;width:var(--width);}
.page_left{width:340px;text-align:center;position:fixed;top:10%;}
.page_left .tit{display:inline-block;margin-bottom:28px;position:relative;width:340px;text-align:left;}
.page_left .tit a{font-size:21px;color:#222;font-family:"Pretendard";font-weight:700;letter-spacing:-0.63px;}
.page_left .tit img{position:absolute; top:-14px;right:30px;}
.page_left .bn{width:340px;}
.page_left .bn img{width:340px;}
.page_left .txt {display:inline-block;margin-top:26px;width:100%;}
.page_left .txt .img1{width:64px;height:64px;}
.page_left .txt .txt1{padding-left:16px;font-size:17px;color:#222;font-family:"Pretendard";letter-spacing:-0.51px;font-weight:700;text-align:left;}
.page_left .txt .txt2{padding-left:16px;font-size:15px;color:#999;font-family:"Pretendard";margin-top:7px;text-align:left;}
.page_left .app_dn{margin-top:20px;text-align:left;}
.page_left .app_dn a{margin-right:7px;}
.page_sub{position:relative !important;left:auto !important;font-weight:normal; background:#fff;width:var(--width) !important;margin:0px !important;}
.hb{height:60px; top:0; left:auto; padding:0; border:none; z-index:10;width:var(--width);display:inline-block;border-bottom:1px solid #e9e9e9 !important;}
.details_sub_menu {width:100% !important;left:auto !important;margin:0px !important;}
.btn_pay_sec{left:auto !important;width:100%;height:74px; left:0; bottom:0; border-top:1px solid #e9e9e9; z-index:99; background:#fff;}
.ordbtn_area{width:100%;left:auto !important;}
.tabbar_sec {position:fixed !important;width:var(--width) !important;padding:0px !important;left:auto !important;}
.order_bottom_sec{width:100%;left:0px;}
.coupon_area{left:calc(50% - 490px );position:fixed;top:60px;z-index:1000; width:var(--width);background:#fff;overflow-y:auto;display:none;}
#bottom_cumm{right:50%;z-index:100;position:fixed;bottom:80px;display:inline-block;line-height:220%;}
.pop_main_cont{width:80%;left:10%;}
@media (min-width: 600px) and (max-width: 899px){
.pop_main_cont{width:60% !important;left:20%;}
}
@media (max-width: 899px) {
.page_main{width:100% !important;}
.page_left{display:none;}
.page_sub{width:100% !important;}
.mem_toggle_div{left:calc(50% - 60px) !important;}
.hb{width:100% !important;}
.header{width:100% !important;}
.goods_category{width:100% !important;}
.btn_bottom{width:100%;}
.tabbar_sec{width:100% !important;}
.coupon_area{left:0px;width:100%;}
#bottom_cumm{right:10px;}
.top_btn{display:none;}
.grade_area span,.grade_area a.grade_span{font-size:3vw;}
}
@media (min-width: 900px){
.mn_top_bn{width:var(--width) !important;}
.header{width:var(--width);}
.header_backB{width:var(--width);}
.header_back{width:var(--width);}
.page_left{left:calc(50% + 150px );}
.mem_toggle_div{left:calc(50% - 310px) !important;margin-left:0px;}
.page_sub{right:calc(-50% +  500px) !important;margin-left:0px;}
.page_main{right:calc(-50% +  500px) !important;margin-left:0px;}
.btn_pay_sec{width:var(--width);}
.order_bottom_sec{width:var(--width);left:calc(50% -  490px) !important;}
.btn_bottom {width:var(--width);left:auto !important;}
.new_dlv_sec{width:var(--width);left:auto !important;}
#new_dlv_sec{width:var(--width);left:auto !important;}
.step_status{width:var(--width);left:auto !important;}
.ordbtn_area{width:var(--width);left:auto !important;}
.details_sub_menu {width:var(--width) !important;}
.gift_send_final {width:var(--width) !important;}
.real_photo_detail_sec{max-wdith:var(--width);}
.method_area{max-wdith:var(--width);left:auto !important;}
#popup_whole_sec{width:var(--width);left:calc(50% -  490px) !important;}
#bottom_cumm{transform:translateX(60px);}
}

/* ===== 메인 (appW.php) ===== */
html{overflow-x:hidden !important;}
.swiper-pagination {position:relative;top: -1px;}
.swiper-pagination-bullet {width: 14px;height: 14px;text-align: center;line-height: 10px;font-size: 12px;color: #000;opacity: 1;background: #cecece;}
.swiper-pagination-bullet-active {color: #fff;background: #c72638;opacity: 1;}
header {padding-top:17px !important;background:rgba(255,255,255,0.3);z-index:100;display:flex;width:100%;}
header.scrolled {background: rgba(255,255,255,1);}
header ul {display:flex;align-items:center;gap:15px;    overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling: touch;scrollbar-width:none;padding-right:20px;flex:1;min-width:0;height:47px;    justify-content: space-between;}
header ul::-webkit-scrollbar {display:none;}
header ul li{flex-shrink:0;}
header .tp_mn_logo {padding-left:4%;padding-right:5%;}
header .tp_mn_btn {}
header .tp_mn_btn a{  font-family: Pretendard;font-size: 18px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 0.94;letter-spacing: -0.36px;text-align: left;color: #626567;}
@media  (min-width: 100px) and (max-width: 500px) {
}
header .tp_mn_cart {padding:10px 11.5px 5px 9.5px;background:#fff;border-radius: 7px;position:relative;text-align:center;height:28px;margin-right:2%;}
header .tp_mn_cart .cart_no{position:absolute;top:8px ;right:4px;padding:3px 5px; background:#ca283a;font-size:8px;color:#fff;border-radius:50%;text-align:center;}
.main_pr_search {background:#f6f6f6;border-radius:30px;margin:37px 6% 0px 6%;padding-top:5px;}
.main_pr_search input[type=text]{padding: 19.5px 26px;width:calc(100% - 39px);}
.main_pr_search input::placeholder{font-size: 18px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 0.5;letter-spacing: -0.36px;text-align: left;color: #c5c5c5;}
.search_word_list {display:flex;align-items:center;margin:17.5px 6% 0px 6%;}
.search_word_list a{font-family: Pretendard;font-size: 18px;font-weight: 300;font-stretch: normal;font-style: normal;line-height: 0.97;letter-spacing: -0.36px;text-align: left;color: #c5c5c5;padding-left:10px;}
.jumun_open_run{margin-top:70px;}
.jumun_open_run .title{font-family: Pretendard;font-size: 30px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.2;letter-spacing: -0.3px;text-align: center;color: #000;}
.jumun_open_run .title_sub{font-family: Pretendard;font-size: 18px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.17;letter-spacing: normal;text-align: center;color: #000;margin-top:11px;}
.jumun_open_run .jumun_cp_down{margin-top:13px;display: inline-block; background:#c52535;font-family: Pretendard;font-size: 18px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.17;letter-spacing: normal;text-align: center;color: #fff;border-radius: 6px;padding:13px 15px;margin-left:50%;translate:-50%;width:60%;max-width:215px;}
.jumun_open_run .jumun_cp_down a{color:#fff;}
.jumun_pr_list{margin-top:40px;overflow-x:auto;margin-left:4%;padding-bottom:50px;}
.jumun_pr_list ul {display:flex;align-items:center;gap:20px;flex-wrap: nowrap;}
.jumun_pr_list ul li{min-width: 180px;}
.jumun_pr_list .goods_sale_price s{color:#ccc;font-size:12px;}
.time_sale_price .cutting_packing{background:#404040;border-radius:3px;color:#fff;font-size:12px;padding:2px 4px;}
footer {margin-top:100px;padding-bottom:75px;}
footer .ft_info{ border-top:12px solid #f2f2f2; border-bottom:12px solid #f2f2f2;display:flex;justify-content:space-between;padding:25px 4%;align-items:center;}
footer .ft_info .ft_info_txt{}
footer .ft_info .ft_info_txt .call{  font-size: 17px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.18;letter-spacing: -0.17px;text-align: right;color: #c52535;}
footer .ft_info .ft_info_txt .info_txt{  font-size: 13px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.15;letter-spacing: -0.13px;text-align: right;color: #343434;margin-top:5px;}
footer .tf_agree {text-align:center;margin:34px 0px 40px;}
footer .tf_agree a{  font-family: Pretendard;font-size: 17px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.18;letter-spacing: -0.17px;text-align: center;color: #000;}
footer .divider{margin: 0 20px;pointer-events: none;}
footer .tf_agree a:last-child::after {display: none;}
footer .ft_com_info{font-family: Pretendard;font-size: 14px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.71;letter-spacing: -0.14px;text-align: center;color: #707070;}
.main_quick{width:57px;line-height:100% !important;text-align:center;background:#fff;}
.main_quick .quick_top_logo{background:#ca283a;text-align:center;padding:12px 0px;line-height:100%;}
.main_quick .q_kko{padding:5px 0px;}
.main_quick .q_kko img{width:25px;}
.main_quick .q_cp{padding:5px 0px;}
.main_quick .q_cp img{width:25px;}
.main_quick .q_cart{padding:5px 0px;}
.main_quick .q_cart img{width:25px;}
.main_quick .q_line{border-bottom:3px solid #f6f6f6;}
.main_quick a{  font-family: Pretendard;font-size: 10px;font-weight: 500;font-stretch: normal;font-style: normal;line-height:100%;letter-spacing: -0.1px;text-align: center;color: #000;}
.main_quick .quick_top_btn{background:#ca283a;padding:9px 0px;}
.touchflow-scrollbar { background:rgba(0,0,0,0.1); transition:300ms; position:absolute; bottom:0; right:0; overflow:hidden; }
.touchflow-scrollbar div { background:#D80000; position:absolute; top:0; left:0; }
.custom-paging {position: absolute;left: auto;   transform: none; display: flex;align-items: center;justify-content: flex-end; gap: 15px;z-index: 10;margin-right:10px;width:50% !important;bottom: 25px !important; left: 46% !important;  }
		.custom-paging .swiper-pagination-bullet {width: auto !important;height: auto !important;background: none !important;opacity: 1 !important;margin: 0 !important; display: flex;align-items: center;font-size: 16px;color: #aaa;cursor: pointer;transition: color 0.3s, gap 0.4s ease; }
		.custom-paging .swiper-pagination-bullet-active {color: #000;font-weight: 700;gap: 12px; }
		.custom-paging .swiper-pagination-bullet::after {content: '';display: block;width: 0px; height: 2px;background: #000;opacity: 0;transition: width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.3s;}
		.custom-paging .swiper-pagination-bullet-active::after {width: 60px; opacity: 1;}
.mainSwiper_MainBn2 .swiper-button-next, .mainSwiper_MainBn2 .swiper-button-prev{color:#000 !important;width:40px;height:40px;background:#e2e2e2;border-radius:50%;}
		.mainSwiper_MainBn2 .swiper-button-next:after, .mainSwiper_MainBn2 .swiper-button-prev:after{font-size:13px;color:#000;}
		.mainSwiper_MainBn2 .swiper-button-next{margin-left:-20px;}

/* ===== 팝업 (appW_popup.php) ===== */
.popup_area{display:none;position:fixed;left:auto !important;z-index:1005;background:rgba(0,0,0,0.4);height:100vh;bottom:0px;width:inherit;}
.popup_area .popup_con{position:absolute;;width:100%;background:#fff;bottom:0px;border-top-left-radius:15px;border-top-right-radius:15px;max-width:460px;left:50%;transform: translateX(-50%);}
.popup_area .popupSwiper{border-top-left-radius:15px;border-top-right-radius:15px;margin-bottom:-5px;}
.popup_area .close_tb {background:#fff;}
.popup_area .close_tb td{width:50%;height:40px;text-align:center;background:#fff;color:#222;font-size:14px;}
.popup_area .close_tb td a{color:#222;}
.popup_area .close_tb span{color:#777;background:#fff;height:50px;display:inline-block;line-height:50px;}
.popup_area .close_tb span a{color:#777;padding:0px 20px;}

/* ===== 하단 탭바 (contents/tabbar.php) ===== */
.tabbar_sec .icn_div{float:left;text-align:center;cursor:pointer;width:20%;padding-bottom:3%;}
.tabbar_sec .icn_div img{margin-top:17%;}
.tabbar_sec .icn_div span{font-size:11px;font-family:"PretendardSemiBold";}
.tabbar_sec::after{content:' ';clear:both;}
.tabbar_sec .icn_div:hover{color:#c72638;}
._red{color:#c72638;}

/* ===== 로딩 (contents/loader.php) ===== */
.loader {
	  border: 4px solid #f3f3f3;
	  border-top: 4px solid #c72638;
	  border-radius: 50%;
	  width: 20px;
	  height: 20px;
	  animation: spin 2s linear infinite;
	  position:fixed;
	  top:50%;
	  left:50%;
	  transform:translate(-50%,-50%);
	}
	@keyframes spin {
	  0% {transform:translate(-50%,-50%) rotate(0deg); }
	  100% {transform:translate(-50%,-50%) rotate(360deg); }
	}

/* ===== 메인 상품 묶음 6번 스킨 (기존 appW_pr_inc.php 의 묶음별 style 을 공통으로) ===== */
.sector_bg{background-size:auto;background-repeat:no-repeat;background-position:center top;transform:translateZ(0);image-rendering:-webkit-optimize-contrast;backface-visibility:hidden;}
.sector_bg .swiper-button-next,.sector_bg .swiper-button-prev{display:none;}

/* ===== 2열 상품 목록 (normal_goods_ajax_t.php · get_event_category.php · inc/pr_thumb.php 의 인라인 스타일) ===== */
.tile_box{display:block;width:calc(50% - 5px);color:inherit;}
.goods_pic.tile_pic{background-repeat:no-repeat;background-size:100% 100%;border-radius:4px;padding-top:100%;}
.tile_cart{display:block;position:absolute;bottom:8px;right:8px;cursor:pointer;width:36px;height:36px;text-align:center;border-radius:50%;background:rgba(255,255,255,0.7);line-height:48px;}
.tile_cart img{width:22px;height:22px;}
.tile_soldout{display:inline-block;margin-left:20px;}
.shop-icon-btn{background:none;border:0;padding:0;}

/* ===== 카테고리 탭 (기존 lightSlider → 가로 스크롤) ===== */
.cate_tabs{display:flex;margin:0;padding:0 15px 0 0;list-style:none;overflow-x:auto;white-space:nowrap;scrollbar-width:none;}
.cate_tabs::-webkit-scrollbar{display:none;}
.cate_tabs li{flex:0 0 auto;margin-right:1px;}
.cate_tabs .category_title_sec{display:block;height:26px;margin-left:6px;padding:6px 15px 0;border-radius:30px;letter-spacing:-0.3px;}
.cate_tabs li:first-child .category_title_sec{margin-left:15px;}

/* ===== 상품 상세 (Wdetails.php · review 목록의 인라인 스타일) ===== */
#pageWDetails .btn_cart{display:block;}
#pageWDetails .btn_category_menu{display:block;width:33%;height:45px;line-height:45px;}
.mySwiper.has_timer .swiper-pagination{bottom:50px !important;}
.ion-android-share-alt:before{content:' ';background-image:url('/appW/images/share_ico_50.png');background-size:cover;width:25px;height:25px;}
.btn_kakao_share,.js-reply,.review_media{border:0;padding:0;background-color:transparent;cursor:pointer;}
#photo_review_detail_sec .circleIconButtonB{border:0;padding:0;cursor:pointer;}
button.btn_review_gubun{background:#fff;box-sizing:content-box;cursor:pointer;}
button.btn_review_gubun.on{background:#c72638;}
button.btn_review_more{display:block;width:calc(100% - 26px);height:31px;padding-top:14.5px;margin:0 auto;border:1px solid #707070;border-radius:5px;color:#444;background:#fff;box-sizing:content-box;cursor:pointer;}
button.btn_review_more.dn{display:none;}
.review_media{display:block;width:100%;height:300px;margin-top:20px;background-repeat:no-repeat;background-size:100%;background-position:center;}
.review_play{width:70px;height:70px;top:50%;left:50%;margin:-35px 0 0 -35px;background:url('/appW/images/play2.png') no-repeat;background-size:100%;}
.swiper .review_paging{position:absolute;top:280px;bottom:auto;left:50%;width:55px;height:25px;line-height:25px;margin-left:-27px;font-weight:bold;border-radius:25px;background:rgba(0,0,0,0.5);color:#fff;}
.btn_like.js-need-login,.btn_like.js-review-like{display:inline-block;cursor:pointer;user-select:none;}

/* ===== 볼 수 없는 상품 ===== */
.shop_notice_box{padding:160px 20px;text-align:center;}
.shop_notice_box a{display:inline-block;margin-top:24px;padding:12px 40px;border-radius:5px;}

/* ===== 검색 (search.php 인라인 스타일) ===== */
.search_box{display:flex;align-items:center;height:48px;border:1px solid #c72638;border-radius:5px;box-sizing:border-box;}
.search_box input{flex:1;min-width:0;height:30px;margin-left:16px;border:none;outline:none;background:none;font-size:16px;color:#000;-webkit-appearance:none;}
.search_box input::placeholder{color:#d2d2d2;}
.search_box input::-webkit-search-cancel-button{display:none;}
.search_box button{height:45px;margin-right:6px;padding:5px 0 0;border:0;background:none;}
a.search_word_line{display:flex;padding:15px 0;border-bottom:1px solid #f5f5f5;color:inherit;}
.search_empty{display:flex;align-items:center;justify-content:center;width:100%;height:300px;font-size:15px;}

/* ===== 고객센터: 공지사항 · FAQ · 약관 ===== */
.notice_row{display:block;height:60px;border-bottom:1px solid #e5e5e5;color:inherit;}
.notice_row > span{display:flex;height:100%;align-items:center;}
.notice_subject{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.notice_date{width:80px;color:#989898;}
#notice_con img{cursor:zoom-in;max-width:100%;height:auto;}
.js-zoom-close{border:0;padding:0;cursor:pointer;}
.faq_list{margin:0;padding:0;list-style:none;}
.faq_q{display:block;width:100%;height:60px;padding:0;border:0;border-bottom:1px solid #e5e5e5;background:#fff;text-align:left;cursor:pointer;}
.faq_q span{display:block;}
.faq_desc{background:#f7f7f7;}
.faq_desc > div{padding:20px 0;line-height:20px;color:#8b8b8b;}
.legal_text .details_info_table{width:100%;}
.legal_text .details_info_table th{padding-top:10px;padding-bottom:10px;border-bottom:1px solid #eee;}
.legal_text .details_info_table td{padding-top:10px;padding-bottom:10px;text-align:left;border-bottom:1px solid #eee;}
.legal_text ol{margin:0.5em 0;padding-left:0;padding-inline-start:1.5em;}
.legal_text ol[data-list-style-type='ko'] > li:nth-child(1)::marker{content:'가. ';}
.legal_text ol[data-list-style-type='ko'] > li:nth-child(2)::marker{content:'나. ';}
.legal_text ol[data-list-style-type='ko'] > li:nth-child(3)::marker{content:'다. ';}
.legal_text ol[data-list-style-type='ko'] > li:nth-child(4)::marker{content:'라. ';}
.legal_text ol[data-list-style-type='ko'] > li:nth-child(5)::marker{content:'마. ';}
.legal_text ol[data-list-style-type='ko'] > li:nth-child(6)::marker{content:'바. ';}
.legal_text ol[data-list-style-type='ko'] > li:nth-child(7)::marker{content:'사. ';}
.legal_text ol[data-list-style-type='ko'] > li:nth-child(8)::marker{content:'아. ';}
.legal_text ol[data-list-style-type='ko'] > li:nth-child(9)::marker{content:'자. ';}
.legal_text ol[data-list-style-type='ko'] > li:nth-child(10)::marker{content:'차. ';}
.legal_text ol[data-list-style-type='ko'] > li:nth-child(11)::marker{content:'카. ';}
.legal_text ol[data-list-style-type='ko'] > li:nth-child(12)::marker{content:'타. ';}
.legal_text ol[data-list-style-type='ko'] > li:nth-child(13)::marker{content:'파. ';}
.legal_text ol[data-list-style-type='ko'] > li:nth-child(14)::marker{content:'하. ';}
.legal_text ol[data-list-style-type='one'] > li:nth-child(1)::marker{content:'① ';}
.legal_text ol[data-list-style-type='one'] > li:nth-child(2)::marker{content:'② ';}
.legal_text ol[data-list-style-type='one'] > li:nth-child(3)::marker{content:'③ ';}
.legal_text ol[data-list-style-type='one'] > li:nth-child(4)::marker{content:'④ ';}
.legal_text ol[data-list-style-type='one'] > li:nth-child(5)::marker{content:'⑤ ';}
.legal_text .li_set1{list-style-type:decimal;}
.legal_text .li_set_hypen{list-style-type:"- ";}
.legal_text .li_flag1{list-style-type:"※ ";}

/* ===== 회원: 로그인 · 가입 (Wlogin.php · Wjoin*.php · agreeM.php 인라인 스타일) ===== */
.mb_input{display:flex;align-items:center;height:50px;border:1px solid #d8d8d8;border-radius:5px;box-sizing:border-box;}
.mb_input input{flex:1;min-width:0;height:36px;margin:0 15px;border:0;outline:none;background:none;font-size:16px;color:#222;}
.mb_input input::placeholder{color:#aaa;}
.mb_input:focus-within{border-color:#c72638;}
.mb_btn{display:block;height:50px;line-height:50px;margin-top:12.5px;padding:0;border:0;text-align:center;cursor:pointer;box-sizing:border-box;}
.mb_btn.btn_my_danger_empty{line-height:48px;border:1px solid #c72638;}
.mb_btn[disabled]{background:#eee;color:#888;border-color:#eee;cursor:default;}
a.mb_btn{text-decoration:none;}
.mb_help{margin-top:10px;color:#666;}
.mb_keep{display:block;margin-top:14px;color:#666;}
.mb_keep input{vertical-align:middle;margin:0 4px 0 0;accent-color:#c72638;}
.mb_link{border:0;background:none;color:#888;text-decoration:underline;cursor:pointer;}
.mb_notice{padding:12px 15px;margin-bottom:20px;border-radius:5px;background:#fff4f5;color:#c72638;line-height:20px;}
a.mb_sns{display:flex;align-items:center;justify-content:center;gap:6px;height:50px;margin-top:13px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;box-sizing:border-box;}
a.mb_sns:first-of-type{margin-top:20px;}
.mb_step{position:relative;width:calc(100% - 40px);height:5px;margin:40px auto 20px;background:#ededed;}
.mb_step_bar{position:absolute;left:0;top:0;height:5px;background:#feaec5;}
.mb_step_txt{position:absolute;left:50%;top:-6px;width:66px;margin-left:-33px;height:15px;line-height:15px;background:#fff;text-align:center;font-size:12px;}
.mb_page_title{padding-top:28px;font-size:16px;color:#222;}
.mb_page_title span{color:#c72638;}
.mb_agree_all{display:flex;align-items:center;gap:8px;margin-top:23px;padding-bottom:17px;border-bottom:1px solid #e5e5e5;cursor:pointer;}
.mb_agree{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:15px;color:#444;cursor:pointer;}
.mb_agree_all input,.mb_agree input{width:22px;height:22px;margin:0;accent-color:#c72638;flex:0 0 auto;}
.mb_text_area{height:128px;margin-top:12px;padding:10px;border:1px solid #ddd;background:#fff;overflow:auto;box-sizing:border-box;}
.shop_alert{position:fixed;left:0;top:0;right:0;bottom:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.45);}
.shop_alert_box{width:calc(100% - 80px);max-width:320px;padding:28px 20px 20px;border-radius:10px;background:#fff;text-align:center;}
.shop_alert_box p{margin:0 0 22px;font-size:15px;line-height:22px;color:#222;white-space:pre-line;}
.shop_alert_box button{width:100%;height:46px;border:0;font-size:15px;cursor:pointer;}

/* ===== 주문한대로 (Wcategory1.php · details_real.php 인라인 스타일) ===== */
/* 기존 색 (add_style.css: 기본 #666, 고른 부위 빨강). a 로 바꾸면서 color:inherit 가 둘 다 덮어 진하게 나왔다 */
.part_gubun_area a.part_gubun{display:block;color:#666;text-decoration:none;}
.part_gubun_area a.part_gubun.on{color:#c72638;}
/* 기존은 span 이라 add_style.css 의 알약 모양(.grade_area span)이 a 에는 안 붙는다 → 같은 모양을 a 에 */
.grade_area a.grade_span{display:inline-flex;align-items:center;border:1px solid #cecece;border-radius:16px;padding:8px 14px;color:#222;text-decoration:none;white-space:nowrap;cursor:pointer;}
.grade_area a.grade_span.on{background:#c72638;color:#fff;border:1px solid #c72638;}
.grade_area a.grade_span .chk_p1{font-style:normal;}
.grade_area{flex-wrap:wrap;row-gap:6px;}
.real_sort{position:relative;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 40px);margin-left:20px;padding-top:20px;}
.real_order select{border:0;background:none;font-size:15px;text-align:right;color:#222;cursor:pointer;}
.real_box .real_link{display:block;color:inherit;}
.real_overlay_txt{margin-top:30%;color:#fff;font-size:12px;font-family:PretendardBold;letter-spacing:-0.24px;}
.real_box .black_back_round[hidden]{display:none !important;}
.real_box .black_back_round{display:block;top:0;left:0;}
.other_select_no_sec{display:flex;align-items:center;gap:3px;top:10px;right:10px;padding:3px 11px 2px 10px;border-radius:25px;background:#c90000;color:#fff;font-size:13px;line-height:20px;}
.other_select_no_sec[hidden]{display:none;}
.real_box .tile_cart{position:absolute;}
.detail_goods_list_title a{color:inherit;text-decoration:none;}
a.real_related,div.real_related{position:relative;display:inline-block;color:inherit;cursor:pointer;}
.real_related_pic{width:150px;height:115px;border-radius:20px;background-repeat:no-repeat;background-size:100%;background-position:center;}
.real_related_cover{position:absolute;top:0;left:0;width:150px;height:115px;border-radius:20px;background:rgba(0,0,0,0.7);text-align:center;color:#fff;}
.real_related_cover > div{margin-top:33px;}
.js-real-related .swiper-scrollbar{position:relative;height:3px;margin-top:30px;border-radius:3px;background:#eaeaea;}
.js-real-related .swiper-scrollbar-drag{background:#c72638;}
.real_info table{width:100%;margin-top:16px;border-collapse:collapse;font-size:15px;line-height:30px;}
.real_info th{width:80px;font-weight:normal;color:#555;text-align:left;vertical-align:top;}
.real_info td{padding-left:25px;color:#303030;font-family:'PretendardMedium';}
.js-real-photo[hidden]{display:none;}
.js-real-photo-open{cursor:zoom-in;}

/* ===== 장바구니 (Wcart.php · update_cart_timer.php · get_cart_total_result.php 인라인 스타일) ===== */
.cart_bar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 20px;background:#f2f2f2;}
.cart_check_all{display:flex;align-items:center;gap:8px;cursor:pointer;}
.cart_check_all,.cart_check{position:relative;}
/* 체크 표시는 기존 장바구니와 같은 동그라미 아이콘 (안 고름 회색 테두리, 고름 빨간 채움). 실제 체크박스는 보이지 않게 겹쳐 둔다 */
.cart_check_all input,.cart_check input{position:absolute;left:0;top:50%;width:30px;height:30px;margin:-15px 0 0;opacity:0;cursor:pointer;}
.cart_chk_ico{display:inline-block;width:30px;height:30px;line-height:30px;font-size:30px;text-align:center;color:#bbb;cursor:pointer;}
.cart_chk_ico .chk_on{display:none;color:#c72638;}
input:checked + .cart_chk_ico .chk_on{display:inline;}
input:checked + .cart_chk_ico .chk_off{display:none;}
input:focus-visible + .cart_chk_ico{outline:2px solid #c72638;outline-offset:1px;border-radius:50%;}
.cart_link{border:0;background:none;cursor:pointer;}
.cart_empty{height:250px;line-height:250px;color:#777;}
.cart_item{position:relative;display:flex;flex-wrap:wrap;gap:12px;width:calc(100% - 40px);margin:0 auto;padding:20px 0;border-bottom:1px solid #e5e5e5;}
.cart_check{padding-top:4px;}
.cart_del{position:absolute;top:14px;right:0;width:30px;height:30px;border:0;background:none;font-size:35px;color:#434444;cursor:pointer;line-height:30px;}
.cart_pic{display:block;flex:0 0 80px;height:80px;margin-top:14px;border-radius:10px;background-size:cover;background-position:center;background-repeat:no-repeat;}
.cart_pic.real{background-size:100% auto;}
.cart_info{flex:1;min-width:0;margin-top:14px;padding-right:30px;}
.cart_name{display:block;height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#222;}
.cart_qty{display:inline-flex;margin-top:14px;border:1px solid #e5e5e5;border-radius:5px;}
.cart_qty button{width:34px;height:34px;border:0;background:#fff;font-size:14px;cursor:pointer;}
.cart_qty input{width:38px;height:34px;border:0;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;text-align:center;font-size:16px;outline:none;}
.cart_item .real_time_count{flex-basis:100%;}
.cart_help img{vertical-align:middle;cursor:help;}
.sel_gift_set ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 0;padding:0;list-style:none;}
.sel_gift_set label{display:flex;flex-direction:column;align-items:center;justify-content:center;height:62px;border:1px solid #bdbdbd;border-radius:4px;font-size:14px;line-height:160%;text-align:center;cursor:pointer;}
.sel_gift_set label input{position:absolute;opacity:0;pointer-events:none;}
.sel_gift_set label.not{color:#bcbcbc;cursor:default;}
.sel_gift_set label:has(input:checked){border-color:#c72638;color:#c72638;}
.sel_gift_set label:focus-within{outline:2px solid #c72638;}
.gift_img_area img{width:100%;margin-top:10px;}
.cart_sum{display:grid;grid-template-columns:1fr auto;row-gap:14px;margin:14px 0 6px;font-size:16px;color:#222;}
.cart_sum dt{font-family:PretendardMedium;}
.cart_sum dd{margin:0;text-align:right;font-size:17px;}
.cart_total{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:24px;border-top:1px solid #e5e5e5;}
.ordbtn_area{left:0;bottom:0;height:74px;border-top:1px solid #e9e9e9;z-index:100000;}
.cart_buy{display:block;height:54px;border:0;border-radius:5px;cursor:pointer;}
.cart_buy[disabled]{background:#ccc !important;cursor:default;}
/* 구매 창 */
.buy_sheet{position:fixed;left:0;top:0;right:0;bottom:0;z-index:100001;}
.buy_sheet[hidden]{display:none;}
.buy_sheet_back{position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
.buy_sheet_box{position:absolute;left:0;right:0;bottom:0;max-width:var(--width, 100%);margin:0 auto;padding:10px 0 30px;border-radius:25px 25px 0 0;background:#fff;}
.buy_sheet_handle{display:block;width:36px;height:4px;margin:7px auto 0;padding:0;border:0;border-radius:2px;background:#c6c6c6;cursor:pointer;}
.buy_row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;}
.buy_row .cart_qty{margin-top:0;}
.buy_total{margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5;}
.buy_btns{display:flex;gap:7px;margin-top:30px;}
.buy_btns button{flex:1;height:54px;border:0;border-radius:5px;cursor:pointer;}
.buy_btns .buy_cart{flex:0 0 115px;background:#515151;}
.buy_btns button:only-child{flex:1;}

/* ===== 주문서 (Worder.php · order_cart_sec.php 인라인 스타일) ===== */
.ord_sec{width:calc(100% - 40px);margin:0 auto;padding:22px 0;border-bottom:8px solid #f2f2f2;}
.ord_sec h2{margin:0 0 12px;font-weight:normal;}
.ord_line{display:flex;gap:12px;padding:10px 0;}
.ord_line.cancelled .ord_pic,.ord_line.cancelled .ord_name{opacity:.45;}
.ord_line.cancelled .ord_name{text-decoration:line-through;}
.ord_cancel_tag{display:inline-block;margin-left:6px;padding:1px 6px;border:1px solid #c72638;border-radius:3px;color:#c72638;font-size:12px;font-weight:500;vertical-align:1px;}
.ord_pic{flex:0 0 64px;height:64px;border-radius:8px;background-size:cover;background-position:center;}
.ord_line_info{display:flex;flex-direction:column;gap:3px;min-width:0;}
.ord_name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ord_addr{padding:12px 14px;border:1px solid #e5e5e5;border-radius:8px;line-height:22px;}
.ord_badge{display:inline-block;padding:0 6px;border-radius:3px;background:#c72638;color:#fff;font-size:11px;vertical-align:middle;}
.ord_more{margin-top:12px;}
.ord_more summary{cursor:pointer;color:#c72638;}
.ord_addr_pick,.ord_coupon,.ord_pay{display:flex;align-items:flex-start;gap:8px;padding:10px 0;border-bottom:1px solid #f2f2f2;cursor:pointer;}
.ord_addr_pick input,.ord_coupon input,.ord_pay input{margin-top:3px;accent-color:#c72638;}
.ord_coupon > span{display:flex;flex-direction:column;}
/* 결제 수단: 기존 Worder.php payway 상자 (회색 테두리, 고른 것 빨간 테두리·글자). 라디오는 보이지 않게 겹쳐 둔다 */
.ord_payway{position:relative;display:block;margin-top:10px;cursor:pointer;}
.ord_payway input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;}
.ord_payway span{display:flex;align-items:center;height:45px;padding:0 24px;border:1px solid #d8d8d8;border-radius:3px;background:#fff;font-family:"PretendardSemiBold";font-size:15px;color:#222;box-sizing:border-box;}
.ord_payway input:checked + span{border-color:#c72638;color:#c72638;}
.ord_payway input:focus-visible + span{outline:2px solid #c72638;outline-offset:2px;}
.ord_addr_form{display:flex;flex-direction:column;gap:8px;margin-top:10px;}
.ord_addr_form input[type=text],.ord_addr_form input[type=tel],.ord_input,.ord_select{height:44px;padding:0 12px;border:1px solid #d8d8d8;border-radius:5px;font-size:15px;box-sizing:border-box;width:100%;}
.ord_zip{display:flex;gap:8px;}
.ord_zip input{flex:1;}
.ord_zip button,.ord_point button{flex:0 0 auto;height:44px;padding:0 14px;border-radius:5px;cursor:pointer;}
.ord_point{display:flex;gap:8px;}
.ord_point .ord_input{flex:1;}
.ord_select{margin-top:8px;background:#fff;}
.js-ord-memo-text{margin-top:8px;}

/* ===== 마이페이지 (Wmypage.php · Wmypage_goods_post.php 인라인 스타일) ===== */
.mp_name{display:flex;justify-content:space-between;align-items:center;color:inherit;}
.mp_name i,.mp_menu i{font-size:28px;color:#434444;}
.mp_box{display:flex;height:90px;margin-top:29px;border:1px solid #e3e3e3;border-radius:5px;}
.mp_box a{flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:14px;line-height:23px;color:inherit;}
.mp_box a + a{border-left:1px solid #e3e3e3;}
.mp_menu{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:62px;border-bottom:1px solid #f5f5f5;color:inherit;}
.mp_menu .post_txt_s{position:absolute;right:30px;top:22px;font-size:14px;color:#f85a62;letter-spacing:-0.28px;}
.post_txt_s_arrow{position:absolute;top:-34px;right:-18px;width:112px;height:36px;line-height:31px;text-align:center;font-size:13px;color:#fff;background:url('/appW/images/common/bg_bubble_l_b.svg') no-repeat;}
.mp_logout{width:100%;height:50px;margin-top:24px;border:1px solid #aaa;border-radius:5px;background:#fff;cursor:pointer;}
.post_area{position:relative;width:calc(100% - 40px);margin:40px auto 0;}
.post_subject{font-size:16px;color:#222;font-family:"PretendardSemiBold";}
.post_close_btn{position:absolute;top:-9px;right:5px;border:0;background:none;color:#5b5b5b;font-size:20px;cursor:pointer;}
.post_close_btn:after{content:"\00d7";}
.post_food_area{display:flex;align-items:center;gap:10px;margin:15px 0;padding:10px;border-radius:5px;background:#f6f7f8;}
.post_food_area .item_img{width:46px;height:46px;border-radius:4px;object-fit:cover;}
.post_item{flex:1;min-width:0;display:flex;flex-direction:column;}
.post_item .item_name{font-size:14px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.post_item .item_desc{font-size:12px;color:#666;margin-top:4px;}
.mypage_review_btn{position:relative;flex:0 0 90px;height:28px;line-height:28px;border-radius:14px;background:#c72638;color:#fff;font-size:13px;text-align:center;}
.post_arrow1{position:absolute;top:-38px;right:0;width:79px;height:36px;line-height:31px;font-size:13px;color:#fff;background:url('/appW/images/common/bg_bubble_m_b.svg') no-repeat;}

/* ===== 마이페이지 하위 화면 ===== */
.mo_order{width:calc(100% - 40px);margin:0 auto;padding:18px 0;border-bottom:8px solid #f2f2f2;}
.mo_order.cancelled{opacity:0.5;}
.mo_head{display:flex;justify-content:space-between;align-items:center;gap:8px;}
.mo_head_txt{display:flex;flex-direction:column;gap:3px;min-width:0;}
.mo_bar{color:#bbb;margin:0 2px;}
.mo_no{color:#999;}
.mo_head a{flex:0 0 auto;color:#666;white-space:nowrap;}
/* 주문 목록·상세의 상품 줄: 사진 · 정보(남는 폭) · 버튼(오른쪽 끝)을 세로 가운데 */
.mo_order .ord_line,#pageOrderView .ord_line{align-items:center;}
.mo_order .ord_line_info,#pageOrderView .ord_line_info{flex:1;}
.mo_order .ord_line .mo_btn,#pageOrderView .ord_line .mo_btn{min-width:78px;text-align:center;white-space:nowrap;box-sizing:border-box;}
.mo_order .ord_line + .ord_line{border-top:1px solid #f5f5f5;}
.ord_sub{color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mo_gauge{display:flex;margin:12px 0 4px;border-radius:15px;background:#f2f2f2;overflow:hidden;}
.mo_gauge span{flex:1;padding:6px 0;text-align:center;font-size:12px;color:#999;}
.mo_gauge span.on{background:#c72638;color:#fff;}
.mo_btn{display:inline-block;flex:0 0 auto;align-self:center;padding:8px 12px;border:1px solid #c72638;border-radius:5px;background:#fff;color:#c72638;font-size:13px;cursor:pointer;}
.mo_btn.wide{display:block;width:100%;margin-top:10px;text-align:center;box-sizing:border-box;}
.mo_btn.off{border-color:#ddd;color:#aaa;cursor:default;}
.mp_point{display:flex;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid #f2f2f2;line-height:20px;}
.cp_card{margin-top:12px;padding:16px;border:1px solid #e5e5e5;border-left:6px solid #c72638;border-radius:6px;}
.cp_card.off{border-left-color:#ccc;opacity:0.6;}
.cp_amount{font-size:22px;color:#c72638;}
.cp_row{display:flex;align-items:stretch;margin-top:12px;border:1px solid #dbdbdb;border-left:6px solid #c72638;border-radius:6px;background:#fff;}
.cp_row.held{border-left-color:#ccc;}
/* 쿠폰함: 기존 coupon_book_ajax.php 처럼 내용과 다운로드 버튼을 한 테두리 안에, 사이는 점선 */
.cp_row .cp_card{flex:1;min-width:0;margin-top:0;border:0;border-radius:0;}
.cp_row .cp_dn{flex:0 0 96px;display:flex;align-items:center;justify-content:center;padding:12px 8px;border-left:1px dashed #dbdbdb;box-sizing:border-box;}
.cp_row .cp_dn .mo_btn{width:100%;padding:8px 4px;line-height:1.35;text-align:center;box-sizing:border-box;word-break:keep-all;}
.cp_reg{display:flex;gap:8px;margin:20px 0;}
.cp_reg .ord_input{flex:1;}
/* add_style.css 의 input[type=text]{border:0; background:transparent; border-radius:inherit} 가 .ord_input 보다 우선이라 선이 없어졌다 → 다시 */
input.ord_input{height:44px;padding:0 12px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;box-sizing:border-box;}
input.ord_input:focus{border-color:#c72638;outline:0;}
input.ord_input[readonly]{background:#f6f6f6;color:#999;}
.cp_reg button,.cp_reg a{flex:0 0 auto;display:flex;align-items:center;height:44px;padding:0 16px;border:0;border-radius:5px;cursor:pointer;}
.mr_tabs{display:flex;border-bottom:1px solid #e5e5e5;}
.mr_tabs a{flex:1;padding:16px 0;text-align:center;color:#888;font-size:15px;}
.mr_tabs a.on{color:#222;font-family:PretendardSemiBold;box-shadow:inset 0 -3px 0 #c72638;}
.mr_item{padding:18px 0;border-bottom:1px solid #f2f2f2;}
/* 리뷰 쓰기 목록: 사진 · 정보(남는 폭) · 버튼(오른쪽 고정)을 가운데 맞춤 */
.mr_notice{margin:16px 0 4px;}
.mr_todo{align-items:center;padding:14px 0;border-bottom:1px solid #f2f2f2;}
.mr_todo .ord_line_info{flex:1;justify-content:center;}
.mr_todo_sub{color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mr_todo .mo_btn{min-width:78px;text-align:center;white-space:nowrap;box-sizing:border-box;}
.mr_media{display:flex;gap:8px;margin-top:10px;}
.mr_media a{position:relative;width:90px;height:90px;border-radius:6px;background-size:cover;background-position:center;}
.mr_reply{margin-top:12px;padding:12px;border-radius:6px;background:#f7f7f7;}
.rv_stars{display:flex;gap:6px;margin-top:10px;font-size:30px;}
.rv_stars label{color:#ccc;cursor:pointer;}
.rv_stars label.on{color:#c72638;}
.rv_stars input{position:absolute;opacity:0;pointer-events:none;}
.rv_stars label:focus-within{outline:2px solid #c72638;}
.rv_text{width:100%;height:140px;margin-top:10px;padding:12px;border:1px solid #d8d8d8;border-radius:5px;font-size:15px;resize:vertical;box-sizing:border-box;}
.rv_files{display:flex;gap:10px;margin-top:10px;}
/* 사진·영상 3칸: 화면 폭을 똑같이 나눠 채우고 정사각형 유지 */
.rv_file{position:relative;display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;aspect-ratio:1/1;border:1px dashed #bbb;border-radius:6px;background-size:cover;background-position:center;box-sizing:border-box;cursor:pointer;}
@supports not (aspect-ratio:1/1){.rv_file{height:calc((100vw - 60px) / 3);}}
.rv_file input{position:absolute;inset:0;opacity:0;cursor:pointer;}
.rv_file.has .rv_plus{display:none;}
/* 미리보기를 못 만드는 사진·동영상: 파일은 그대로 올리고 '사진 선택됨' 표시 */
.rv_file.nopreview{background:#f4f4f4;border-style:solid;}
.rv_file.nopreview::after{content:'사진 선택됨';font-size:12px;color:#777;}
.rv_file.nopreview.video::after{content:'동영상 선택됨';}
.rv_plus{font-size:30px;color:#bbb;}
.sound_only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.ma_row{display:flex;align-items:flex-start;gap:10px;padding:16px 0;border-bottom:1px solid #f2f2f2;}
.ma_main{flex:0 0 30px;width:30px;height:30px;padding:0;border:0;background:none;font-size:30px;color:#ccc;cursor:pointer;line-height:30px;}
.ma_main.on{color:#c72638;}
.ma_info{flex:1;min-width:0;line-height:21px;}
.ma_btns{flex:0 0 auto;display:flex;gap:6px;}
/* 수정(a)·삭제(button) 를 같은 모양 같은 높이로 나란히 */
.ma_btns a,.ma_btns button{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:44px;padding:0 10px;margin:0;border:1px solid #d8d8d8;border-radius:4px;background:#fff;color:#555;font-size:13px;line-height:1;text-decoration:none;box-sizing:border-box;cursor:pointer;}
.ma_btns button.js-addr-del{color:#c72638;border-color:#efc2c7;}

/* ===== 2026-10-17 모양 조정 ===== */
/* 상품 상세 사진 점: 사진 아래 경계에 걸치지 않게 사진 안쪽 위로 */
.mySwiper > .swiper-pagination{position:absolute !important;top:auto !important;bottom:18px !important;left:0;width:100%;z-index:5;}
.mySwiper.has_timer > .swiper-pagination{bottom:56px !important;}
/* 포토 리뷰 / 일반 리뷰 버튼: 나란히 가운데 */
.rv_type_btns{display:flex;justify-content:center;gap:10px;margin:10px auto 0;}
.rv_type_btns button.btn_review_gubun{float:none;width:126px;height:44px;padding:0;line-height:42px;box-sizing:border-box;}
/* 구매 패널: 콘텐츠 칸(PC 는 왼쪽 500px 칸)에 맞춤 — 위치는 shop.js 가 화면 칸에 맞춰 잡는다 */
.buy_sheet_box{width:auto;max-width:none;margin:0;box-sizing:border-box;}
/* 목록·메인 장바구니 버튼: 아이콘을 원 정가운데에 (기존은 줄 높이로 내려 아래로 치우침) */
.cart_btn{position:absolute;bottom:8px;right:8px;z-index:3;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border-radius:50%;background:rgba(255,255,255,0.7);line-height:1;cursor:pointer;}
.cart_btn img,.ev_cate ul li .cart_btn img,.goods_pic .cart_btn img{display:block;width:22px !important;height:22px !important;max-width:none;margin:0;border-radius:0;object-fit:contain;}
.cart_btn:focus-visible{outline:2px solid #c72638;}

/* ===== 네이버페이 버튼 (기존 Wdetails.php #NaverChk_Button text-align:center, Wcart.php width:285px 가운데) ===== */
.buy_npay{margin-top:16px;text-align:center;}
.cart_npay{width:calc(100% - 40px);margin:40px auto;text-align:center;}
.cart_npay:empty{display:none;}
.npay_btn{display:inline-block;max-width:100%;}
/* 주문한대로: 다른 고객 장바구니·결제 중이면 담기 버튼 흐리게 (실시간) */
.js-cart-quick.is-busy{opacity:.35;}
/* 타임세일 (새 쇼핑몰) */
.ts_section{margin-top:30px;padding-bottom:10px;}
.ts_flag{display:inline-block;padding:2px 8px;margin-right:4px;border-radius:4px;background:#c72638;color:#fff;font-size:14px;vertical-align:middle;}
.ts_left{margin-top:8px;color:#c72638;}
.time_sale_per.ts_badge{background:#c72638;color:#fff;}
/* 검색: 최근 인기상품 가로 목록 (휴대폰 2.3장, 넘기면 카드 단위로 멈춤, PC 는 화살표·휠) */
.sr_pop{margin-top:30px;}
.sr_pop_head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.sr_pop_head h2{margin:0;font-weight:normal;}
.sr_pop_nav{display:none;gap:6px;}
.sr_pop_nav button{width:30px;height:30px;border:1px solid #e2e2e2;border-radius:50%;background:#fff;color:#444;font-size:16px;line-height:28px;cursor:pointer;padding:0;}
.sr_pop_nav button:disabled{opacity:.3;cursor:default;}
@media (hover:hover) and (pointer:fine){.sr_pop_nav{display:flex;}}
.sr_pop_nav.is-none{display:none !important;}
.sr_pop_list{display:flex;gap:12px;margin:0;padding:0 20px 16px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 20px;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;}
.sr_pop_list::-webkit-scrollbar{display:none;}
.sr_pop_item{flex:0 0 calc((100% - 24px) / 2.3);max-width:200px;scroll-snap-align:start;}
.sr_pop_item a{display:flex;flex-direction:column;gap:4px;color:inherit;text-decoration:none;}
.sr_pop_pic{position:relative;display:block;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#f4f4f4;}
.sr_pop_pic img{display:block;width:100%;height:100%;object-fit:cover;}
@supports not (aspect-ratio:1/1){.sr_pop_pic{height:0;padding-bottom:100%;}.sr_pop_pic img{position:absolute;inset:0;}}
.sr_pop_rank{position:absolute;top:6px;left:6px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:rgba(0,0,0,.65);color:#fff;font-size:12px;line-height:22px;text-align:center;font-family:PretendardSemiBold;}
.sr_pop_item:nth-child(-n+3) .sr_pop_rank{background:#c72638;}
.sr_pop_soldout{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.45);color:#fff;font-size:15px;font-family:PretendardSemiBold;}
.sr_pop_soldout[hidden]{display:none;}
.sr_pop_name{margin-top:4px;font-size:14px;line-height:19px;color:#222;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px;word-break:keep-all;}
.sr_pop_price{font-size:15px;font-family:PretendardBold;color:#222;white-space:nowrap;}
.sr_pop_price em{font-style:normal;color:#c72638;}
.sr_pop_ori{font-size:12px;color:#aaa;text-decoration:line-through;}
.sr_pop_badge{align-self:flex-start;padding:1px 6px;border-radius:3px;background:#c72638;color:#fff;font-size:11px;}
/* 사내판매 */
.staff_gate{padding:60px 20px;}
.staff_gate .btn_my_primary_red{display:inline-block;margin-top:14px;padding:12px 40px;border-radius:5px;}
.staff_real{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #e5e5e5;border-radius:8px;color:#222;}

/* 목록 화면 머리(page_menu): 장바구니 아이콘이 글자 줄 높이(27px) 때문에 4px 내려가 있던 것 → 로고·검색창과 같은 높이 */
.index_topTitleSec1 .top_cart img{display:block;margin:0 auto;}

/* 주문/배송조회 기간 검색 */
.mo_period{padding-top:16px;}
.mo_period_btns{display:flex;gap:6px;}
.mo_period_btns a{flex:1;height:34px;line-height:34px;border:1px solid #d8d8d8;border-radius:5px;text-align:center;color:#555;background:#fff;}
.mo_period_btns a.on{border-color:#c72638;color:#c72638;}
.mo_period_dates{display:flex;align-items:center;gap:6px;margin-top:8px;}
.mo_period_dates input[type=date]{flex:1;min-width:0;height:40px;padding:0 8px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;font-size:14px;color:#222;box-sizing:border-box;}
.mo_period_dates span{color:#999;}
.mo_period_dates button{flex:0 0 64px;height:40px;border:0;border-radius:5px;background:#c72638;color:#fff;cursor:pointer;}

/* 품절 표시: .tile_soldout·.goods_review_div 의 display 가 hidden 속성을 덮어 판매 중인 상품에도 "품절"이 보이던 것 */
.js-goods-soldout[hidden],.js-goods-soldmsg[hidden]{display:none !important;}

/* 목록 화면 머리 메뉴(홈·주문한대로·행사상품·1+1·쿠폰함): 휴대폰 폭(450px 미만)에서도 PC 처럼 가로로 고르게.
   기존 add_style.css 는 450px 이상에서만 19.4% 씩 나누고, 그보다 좁으면 글자 폭 + 왼쪽 20px 여백이라 왼쪽으로 몰렸다 */
@media (max-width: 449px) {
    .Main_Top_Btn_area_bar { display: flex; justify-content: space-between; padding: 0 16px; box-sizing: border-box; }
    .Main_Top_Btn_area_bar .main_top_btn { flex: 0 0 auto; margin-left: 0; }
}

/* 목록 화면 머리 검색창: 안내 문구가 돋보기 아이콘 밑으로 들어가지 않게 오른쪽 여백, 길면 말줄임 */
.index_topTitleSec1 .top_mn_search input { padding-right: 44px !important; text-overflow: ellipsis; min-width: 0; box-sizing: border-box; }
/* 휴대폰 폭: 로고(왼쪽 20px + 62px)와 장바구니(오른쪽 15px + 50px) 사이에 검색창 */
@media (max-width: 449px) {
    .index_topTitleSec1 .top_mn_search { left: 92px !important; width: calc(100% - 92px - 70px) !important; }
}

/* 결제 결과 (order/done) */
.pr_wrap{padding:28px 20px 60px;box-sizing:border-box;}
.pr_head{text-align:center;}
.pr_icon{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#f1f1f1;color:#999;font-size:26px;line-height:52px;font-weight:bold;}
.pr_icon.ok{background:#fbe9eb;color:#c72638;}
.pr_msg{font-size:20px;color:#222;white-space:pre-line;line-height:1.45;}
.pr_msg.red{color:#c72638;}
.pr_no{margin-top:8px;color:#999;}
.pr_box{margin-top:22px;padding:4px 16px;border:1px solid #ececec;border-radius:10px;background:#fff;}
.pr_box_title{padding:14px 0 6px;}
.pr_rows{display:grid;grid-template-columns:auto 1fr;column-gap:16px;margin:0;padding:12px 0;}
.pr_rows + .pr_rows{border-top:1px solid #f0f0f0;}
.pr_rows dt{padding:6px 0;font-size:14px;color:#888;font-family:PretendardRegular;}
.pr_rows dd{margin:0;padding:6px 0;text-align:right;font-size:15px;color:#222;word-break:keep-all;}
.pr_rows dd.minus{color:#c72638;}
.pr_rows .pr_sep{grid-column:1/-1;margin-top:6px;border-top:1px dashed #e2e2e2;}
.pr_rows dt.total{padding-top:12px;font-size:15px;color:#222;font-family:PretendardSemiBold;}
.pr_rows dd.total{padding-top:12px;font-size:18px;font-family:PretendardBold;color:#c72638;}
.pr_item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #f5f5f5;}
.pr_item:first-of-type{border-top:0;}
.pr_item_name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pr_item_qty{flex:0 0 auto;color:#888;}
.pr_btns{margin-top:28px;display:flex;flex-direction:column;gap:10px;}
.pr_btns .mb_btn{margin:0 !important;width:100% !important;box-sizing:border-box;}

/* 알림창 버튼 두 개 (예: 리뷰 등록 후 "추가 리뷰 쓰기" · "확인") */
.shop_alert_btns{display:flex;gap:8px;}
.shop_alert_btns button,.shop_alert_btns a{flex:1;display:flex;align-items:center;justify-content:center;height:46px;border-radius:5px;font-size:15px;box-sizing:border-box;text-decoration:none;}

/* 품절 임박 알림 (하루 한 번, 화면 아래 잠깐) */
.lowstock_toast{position:fixed;left:50%;bottom:86px;z-index:2147482000;display:flex;align-items:center;gap:12px;width:min(92vw,420px);padding:12px 40px 12px 12px;border-radius:12px;background:#222;color:#fff;text-decoration:none;box-shadow:0 6px 20px rgba(0,0,0,.25);box-sizing:border-box;opacity:0;transform:translate(-50%,20px);transition:opacity .35s ease,transform .35s ease;}
.lowstock_toast.on{opacity:1;transform:translate(-50%,0);}
.lowstock_pic{flex:0 0 52px;height:52px;border-radius:8px;background:#444 center/cover no-repeat;}
.lowstock_txt{min-width:0;font-size:13px;line-height:1.45;}
.lowstock_txt b{display:inline-block;margin-right:4px;padding:0 6px;border-radius:3px;background:#c72638;font-size:11px;font-weight:normal;vertical-align:1px;}
.lowstock_txt em{font-style:normal;color:#ff9aa5;font-family:PretendardSemiBold;}
.lowstock_name{display:block;font-size:14px;font-family:PretendardSemiBold;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lowstock_sub{display:block;color:#ccc;font-size:12px;}
.lowstock_close{position:absolute;top:6px;right:8px;width:28px;height:28px;border:0;background:none;color:#bbb;font-size:20px;line-height:28px;cursor:pointer;}

/* 소멸 예정 적립금 (로그인 안내 · 마이페이지 · 적립금 화면) */
.point_toast_icon{flex:0 0 52px;height:52px;border-radius:50%;background:#c72638;color:#fff;font-size:24px;font-family:PretendardBold;line-height:52px;text-align:center;}
.mp_expire{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:12px 14px;border:1px solid #f3c6cc;border-radius:6px;background:#fff6f7;color:#222;font-size:14px;text-decoration:none;box-sizing:border-box;}
.mp_expire b{color:#c72638;font-family:PretendardSemiBold;font-weight:normal;white-space:nowrap;}
.mp_expire_sub{color:#888;font-size:12px;}
.mp_expire > span{line-height:1.5;}
.mp_expire_date{color:#c72638;font-family:PretendardSemiBold;white-space:nowrap;}
.mp_expire_box{margin-top:16px;padding:14px 16px;border:1px solid #f3c6cc;border-radius:8px;background:#fff6f7;box-sizing:border-box;}
.mp_expire_row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px;color:#222;border-bottom:1px dashed #f0d4d8;}
.mp_expire_row:last-of-type{border-bottom:0;}

/* 적립금 조회: 위 상자에 가장 가까운 소멸 예정, 내역마다 지금 상태 */
.mp_point_top{flex-direction:column;justify-content:center;align-items:center;height:auto !important;padding:18px 12px;gap:4px;text-align:center;box-sizing:border-box;}
.mp_point_next{margin-top:6px;padding:6px 12px;border-radius:16px;background:#fff1f3;color:#c72638;font-size:13px;}
.mp_point_next b{font-family:PretendardSemiBold;font-weight:normal;}
.mp_point_live{color:#c72638;}
.mp_point_done{color:#aaa;}
.mp_point_next.far{background:#f5f5f5;color:#666;}