@charset "UTF-8";

/********************************************************
■ Quick Menu : 퀵메뉴 부분
********************************************************/
/* 상단/하단 이동버튼 & 클릭시 퀵메뉴 */
.at-go { position: fixed; right:30px; bottom:30px; z-index:999; --btn-size:40px; --btn-color:#ddd; --btn-radius:99px; --btn-margin:10px; transition-duration:600ms; animation: quick-wave 1.5s ease-out infinite; }

@keyframes quick-wave {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}

.at-go .go-btn { display:flex; flex-direction:column; align-items:flex-end; }
.at-go .go-btn li { border-radius:var(--btn-radius); min-width:var(--btn-size); height:var(--btn-size); margin-top:var(--btn-margin); cursor:pointer; transition-duration:700ms; background:#fff; color:#fff; }
.at-go .go-btn li:nth-last-child(n+3) { width:var(--btn-size); }

.at-go .go-btn .kakao { background:var(--kakao-color); color:#333; }
.at-go .go-btn .kakao img { filter:invert(1); }
.at-go .go-btn .naver { background:var(--naver-color); }
.at-go .go-btn .go-inquiry { background:var(--main-color3); }

.at-go .go-btn .go-plus { background:#222; margin-top:calc(var(--btn-margin)*1.5); display:flex; justify-content:center; align-items:center; }

.at-go .go-btn .go-top { position:relative; display:flex; justify-content:center; align-items:center; border:1px solid var(--btn-color); overflow:hidden; z-index:2; transition-duration:600ms; box-shadow:2px 2px 5px rgba(0,0,0,.2); background:rgba(255,255,255,.9); }
.at-go .go-btn .go-top:before { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border-radius:var(--btn-radius); width:0; height:0; background:var(--main-color3); transition-duration:600ms; z-index:-1; }

.at-go .go-btn li:nth-last-child(-n+2) span { position:relative; transition-duration:400ms; }
.at-go .go-btn li:nth-last-child(-n+2) span:before,
.at-go .go-btn li:nth-last-child(-n+2) span:after { content:""; position:absolute; border-radius:2px; }


.at-go .go-btn .go-plus span { width:50%; height:50%; }
.at-go .go-btn .go-plus span:before,
.at-go .go-btn .go-plus span:after { background:#fff; }
.at-go .go-btn .go-plus span:before { top:calc(50% - 1px); width:100%; height:2px; }
.at-go .go-btn .go-plus span:after { left:calc(50% - 1px); width:2px; height:100%; }

.at-go .go-btn .go-top span { width:2px; height:var(--arrow-height); background:#111; --arrow-height:12px; }
.at-go .go-btn .go-top span:before,
.at-go .go-btn .go-top span:after { width:2px; height:8px; background:#111; }
.at-go .go-btn .go-top span:before { right:100%; top:-3px; transform:rotate(45deg); }
.at-go .go-btn .go-top span:after { left:100%; top:-3px; transform:rotate(-45deg); }


.at-go .go-btn .go-top:hover { border-color:var(--main-color3); background:var(--main-color3); transition-delay:400ms; }
.at-go .go-btn .go-top:hover:before { width:120%; height:120%; }
.at-go .go-btn .go-top:hover span,
.at-go .go-btn .go-top:hover span:before,
.at-go .go-btn .go-top:hover span:after { background:#fff; }


.at-go .go-btn .btn { display:flex; justify-content: center; align-items:center; width:100%; height:100%; padding:0 5px; color:inherit; text-align:left; transition-duration: 700ms; }
.at-go .go-btn .btn b { opacity:0; visibility:hidden; width:0; margin-left:0; transition:opacity 400ms 300ms, width 400ms; }
.at-go .go-btn .btn img { width:26px; }
.at-go .go-btn .go-inquiry i { font-size:1.25rem; }


.at-go .go-btn.on .go-plus span { transform: rotate(135deg); }
.at-go .go-btn.on li:nth-last-child(n+3) { width:100%; }
.at-go .go-btn.on .btn { padding:0 20px; }
.at-go .go-btn.on .btn b { margin-left:5px; width:100%; opacity:1; visibility: visible; }



.right-quick { position:fixed; right:0; top:50%; transform:translateY(-50%); display:flex; flex-direction: column; align-items: flex-end; transition-duration:600ms; z-index:1000; --quick-btn:40px; --wrap-size:280px; }
.right-quick .btn { display:flex; align-items: center; background-color: #C44F60 !important; color:#fff; border:1px solid #C44F60; text-align:center; width:var(--quick-btn); height:var(--quick-btn); transition-duration:400ms; }

/* 버튼 묶음 : 한 덩어리로, 바깥(왼쪽) 위·아래 모서리만 R */
.right-quick .quick-btn { border-radius:8px 0 0 0; }
.right-quick li:last-child .btn { border-radius:0 0 0 8px; }
.right-quick li .btn { border-top-color:rgba(255,255,255,.3); transition-property:width, color, background-color, border-color; /* R값은 애니메이션 제외 → 다른 버튼으로 옮길 때 잔상 없음 */ }
.right-quick li:hover .btn { border-radius:8px 0 0 8px; }


.right-quick .quick-btn { display:flex; justify-content:center; align-items:center; }
.right-quick .quick-btn i { transition-duration: 600ms; }

.right-quick ul { display:flex; flex-direction: column; align-items: flex-end; }
.right-quick li { position:relative; margin-top:0; transition-duration: 1s; }

.right-quick li .btn { background:no-repeat 11px center/18px; padding-left:calc(var(--quick-btn) - 2px); }
.right-quick li .btn:hover { }

.right-quick li:nth-child(1) .btn { background-image:url('../img/right-quick-btn-icon1.png'); }
.right-quick li:nth-child(2) .btn { background-image:url('../img/right-quick-btn-icon2.png'); }
.right-quick li:nth-child(3) .btn { background-image:url('../img/right-quick-btn-icon3.png'); }
.right-quick li:nth-child(4) .btn { background-image:url('../img/right-quick-btn-icon4.png'); }
.right-quick li:nth-child(5) .btn { background-image:url('../img/right-quick-btn-icon5.png'); }
.right-quick li:nth-child(6) .btn { background-image:url('../img/right-quick-btn-icon6.png'); }


.right-quick li .btn span { width:0; opacity:0; visibility:hidden; border-left:1px solid #2a2a2a; transition-duration:400ms; }
.right-quick li:hover { z-index:9; }
.right-quick li:hover .btn { width:auto; }
.right-quick li:hover .btn span { width:80px; opacity:1; visibility: visible; }

.right-quick .right-wrap { position:absolute; left:100%; top:50%; transform: translateY(-50%); width:var(--wrap-size); height:calc(100vh + 2px); background:#fff; padding:25px; border-left:1px solid #ddd; display:flex; flex-direction: column; justify-content: space-between; }
.right-quick .right-wrap {overflow-y:auto;}

.right-quick .swiper { width:100%; }
.right-quick .swiper-slide img { aspect-ratio:1; object-fit: cover; }
.right-quick .swiper .nav { position:absolute; top:50%; transform:translateY(-50%); z-index:9; color:#fff; text-shadow: 0 0 5px rgba(0,0,0,.2); cursor:pointer; }
.right-quick .swiper .nav.prev { left:5px; }
.right-quick .swiper .nav.next { right:5px; }
.right-quick .adm { width:120px; margin:10px auto 0; border-radius:99px; padding:5px 10px; border:1px solid #ddd; color:#888; text-align:center; font-size:.75rem; }

.right-quick .btns { position:relative; display:flex; flex-wrap:wrap; border:1px solid #ddd; }
.right-quick .btns:before { content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#ddd; }

.right-quick .btns a { position:relative; width:50%; color:#666; padding:15px 10px; text-align:center; border-bottom:1px solid #ddd; line-height:1; font-size:.875rem; transition:all 0s; z-index:1; }
.right-quick .btns a:nth-last-child(1):not(:nth-child(odd)),
.right-quick .btns a:nth-last-child(2):not(:nth-child(even)) { border-bottom:none; }

/* 6개 메뉴 아이콘 : 사이트 공통 라인형(둥근 선 끝, 같은 굵기)으로 통일 — 기본 브라운, 마우스를 올리면 흰색 */
.right-quick .btns a:before { content:""; position:relative; display:block; margin:0 auto 7px; width:28px; height:28px; background:var(--main-color1, #5B412D); -webkit-mask:none no-repeat center/contain; mask:none no-repeat center/contain; transition:background-color 300ms; }
/* 1 공지사항 : 확성기 */
.right-quick .btns a:nth-child(1):before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14'/%3E%3Cpath d='M8 6v8'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14'/%3E%3Cpath d='M8 6v8'/%3E%3C/svg%3E"); }
/* 2 개인결제 : 카드 */
.right-quick .btns a:nth-child(2):before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2.5'/%3E%3Cpath d='M2.5 10h19M6.5 15h4'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2.5'/%3E%3Cpath d='M2.5 10h19M6.5 15h4'/%3E%3C/svg%3E"); }
/* 3 상품문의 : 말풍선 + 물음표 */
.right-quick .btns a:nth-child(3):before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 12a8.5 8.5 0 0 1-12.4 7.6L3.5 20.5l1-4.2A8.5 8.5 0 1 1 20.5 12Z'/%3E%3Cpath d='M9.8 9.6a2.3 2.3 0 0 1 4.4.8c0 1.5-2.2 2-2.2 3.2'/%3E%3Cpath d='M12 16.3h.01'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 12a8.5 8.5 0 0 1-12.4 7.6L3.5 20.5l1-4.2A8.5 8.5 0 1 1 20.5 12Z'/%3E%3Cpath d='M9.8 9.6a2.3 2.3 0 0 1 4.4.8c0 1.5-2.2 2-2.2 3.2'/%3E%3Cpath d='M12 16.3h.01'/%3E%3C/svg%3E"); }
/* 4 구매후기 : 별 */
.right-quick .btns a:nth-child(4):before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9Z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.7 5.6 6.1.9-4.4 4.3 1 6.1L12 17l-5.4 2.9 1-6.1-4.4-4.3 6.1-.9Z'/%3E%3C/svg%3E"); }
/* 5 미확인입금자 : 지폐 */
.right-quick .btns a:nth-child(5):before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6' width='19' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M6 9.5v.01M18 14.5v.01'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='6' width='19' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.6'/%3E%3Cpath d='M6 9.5v.01M18 14.5v.01'/%3E%3C/svg%3E"); }
/* 6 배송갤러리 : 사진 */
.right-quick .btns a:nth-child(6):before { -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2.5'/%3E%3Ccircle cx='9' cy='9.5' r='1.6'/%3E%3Cpath d='m21 15.5-5-5L5.5 20'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2.5'/%3E%3Ccircle cx='9' cy='9.5' r='1.6'/%3E%3Cpath d='m21 15.5-5-5L5.5 20'/%3E%3C/svg%3E"); }

.right-quick .btns a:after { content:""; position:absolute; left:50%; top:50%; width:0; height:0; transform: translate(-50%, -50%); background:var(--main-color1); border-radius:100%; opacity:0; z-index:-1; }

.right-quick .btns a:hover { color:#fff; overflow:hidden; }
.right-quick .btns a:hover:before { background:#fff; transition-duration: 600ms; } /* 라인형 아이콘 : 흰색으로 */
.right-quick .btns a:hover:after { width:150px; height:150px; opacity: 1; transition-duration: 600ms; }

.right-quick .info { margin-bottom:20px; }
.right-quick .info h5 { font-size:1.5rem; color:var(--main-color1); margin-bottom:5px; }
.right-quick .info dl { display:flex; flex-wrap: wrap; }
.right-quick .info .service { --dt-size:80px; }
.right-quick .info .bank { --dt-size:60px; margin-top:30px; }
.right-quick .info dt { width:var(--dt-size); font-weight:300; }
.right-quick .info dd { width:calc(100% - var(--dt-size)); }
.right-quick .info span { font-size:.875rem; }


.right-quick.on { right:var(--wrap-size); }
.right-quick.on .quick-btn i { transform: rotateY(-180deg); }



.m-link { position:fixed; left:0; bottom:0; right:0; background:#fff; border-top:1px solid #eee; display:flex; justify-content: space-around; transition-duration: 700ms; z-index:50; }
body.scroll-ing .m-link { bottom:-70px; }
.m-link a { padding:5px; text-align:center; font-size:.875rem; font-weight:400; border-radius:99px; width:55px; height:55px; margin:5px; white-space: nowrap; }
.m-link a:nth-child(3) { background:var(--main-color1); color:#fff; }
.m-link a:nth-child(3) span { background-image:url('../img/m-btm-quick-icon3.png');  }

.m-link a span { display:block; width:25px; height:25px; margin:0 auto; background:none no-repeat center/21px; }
.m-link a.shopping span { background-image:url('../img/m-btm-quick-icon1.png'); }
.m-link a.order span { background-image:url('../img/m-btm-quick-icon2.png'); }
.m-link a.kakao span { background-image:url('../img/sns_icon_kakao.png'); }
.m-link a.blog span { background-image:url('../img/sns_icon_naver.png'); }
.m-link a.youtube span { background-image:url('../img/sns_icon_youtube.png'); }



.inquiry-box { position:fixed; opacity:0; visibility:hidden; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; max-width:380px; }
.inquiry-box.on { opacity:1; visibility:visible; z-index:999; }
.inquiry-box.on:before { content:""; position:fixed; left:50%; top:50%; width:100vw; height:100vh; transform:translate(-50%, -50%); background:rgba(0,0,0,.7); z-index:-1; }

.inquiry-box .close-btn { position:absolute; right:10px; top:10px; font-size:20px; z-index:9; width:30px; text-align:center; color:#111; }

.inquiry-box .c { position:relative; z-index:2; border-radius:20px; background:#fff; padding:30px;  }
.inquiry-box .header { margin-bottom:20px; text-align:center; font-weight:700; font-size:1.25rem; }

.inquiry-box .form-list { --li-height:45px; --li-margin:5px; }
.inquiry-box ul li { position:relative; border-radius:25px; border:1px solid #ddd; display:flex; align-items:center; min-height:var(--li-height); margin:var(--li-margin) 0; }
.inquiry-box ul li span { width:80px; padding-left:20px; font-weight:600; font-size:.875rem; }

.inquiry-box input,
.inquiry-box textarea,
.inquiry-box select { background:none; border:none; outline:none; }

.inquiry-box input,
.inquiry-box select { width:calc(100% - 90px); height:100%; padding:5px 10px; }
.inquiry-box textarea { width:100%; height:calc(var(--li-height)*3 + var(--li-margin)*2); padding:15px 20px; resize:none; }
.inquiry-box input[type="file"] { display:none; }

.inquiry-box .add-btn,
.inquiry-box .delete-btn { position:absolute; top:calc(50% - var(--li-height)/2 + 7px); right:7px; width:90px; font-size:.875rem; border-radius:99px; background:#fff; height:calc(var(--li-height) - 14px); line-height:calc(var(--li-height) - 14px); color:#111; text-align:center; font-weight:600; cursor:pointer; }

.inquiry-box .delete-btn { display:none; }
.inquiry-box .privacy-box { text-align:center; margin:15px 0 20px; display:flex; justify-content:center; align-items:center; }
.inquiry-box .privacy-box .fa-check-square-o { color:var(--main-color2); }
.inquiry-box .privacy-box .fa-square-o { color:#ddd; }
.inquiry-box input[type="checkbox"],
.inquiry-box .fa-check-square-o { display:none; }
.inquiry-box input[type="checkbox"]:checked + label { color:#000; }
.inquiry-box input[type="checkbox"]:checked + label .fa-check-square-o { display:inline-block; }
.inquiry-box input[type="checkbox"]:checked + label .fa-square-o { display:none; }
.inquiry-box label i { margin-right:2px; }

.inquiry-box .view-agreement { margin-left:10px; width:30px; height:30px; line-height:30px; font-size:.75rem; border-radius:99px; background:#444; color:#fff; }
.inquiry-box #quick_submit_btn { width:200px; margin:0 auto; display:block; background:#111; color:#fff; padding:10px; font-size:1.125rem; font-weight:600; border-radius:99px; transition-duration: 500ms; --effect-size:300px; --effect-color:var(--main-color1); }
.inquiry-box #quick_submit_btn:before { left:50%; top:50%; }
.inquiry-box #quick_submit_btn:hover { background:var(--main-color1); }

.inquiry-box input:-ms-input-placeholder, .inquiry-box textarea:-ms-input-placeholder { color:#aaa; font-size:.875rem; }
.inquiry-box input::-ms-input-placeholder, .inquiry-box textarea::-ms-input-placeholder { color:#aaa; font-size:.875rem; }
.inquiry-box input::-webkit-input-placeholder, .inquiry-box textarea::-webkit-input-placeholder { color:#aaa; font-size:.875rem; }
.inquiry-box input::-moz-placeholder, .inquiry-box textarea::-moz-placeholder { color:#aaa; font-size:.875rem; }



@media (max-width: 1400px) {
	.inquiry-box .form-list { padding:0 5%; }
}


@media (max-width: 1200px) {
    .at-go { right:40px; bottom:30px; }

    .inquiry-box .form-list { padding:0; }
}

@media (max-width: 1024px) or (max-height:800px) {
    .right-quick { display:none; }
}

@media (max-width: 1024px) {
	.inquiry-box .header { margin-bottom:30px; }
	.inquiry-box .header .head { margin-bottom:15px; }

	.inquiry-box .form-list { flex-wrap:wrap; --li-height:40px; --li-margin:10px; }
	.inquiry-box ul { width:100%; }

	.inquiry-box .privacy-box { margin:20px 0; }
	.inquiry-box #quick_submit_btn { width:180px; }
}

@media (max-width: 768px) {
    .at-go { right:15px; bottom:60px; --btn-size:50px; --btn-margin:5px; }
	.at-go .go-btn { bottom: 0px; right: 5px; }

    .at-go .go-btn .go-plus:before,
    .at-go .go-btn .go-plus:after { height:15px; }

    .at-go .go-btn .go-top span { --arrow-height:15px; }
    .at-go .go-btn .go-top span:before,
    .at-go .go-btn .go-top span:after { height:9px; }
    .at-go .go-btn .go-top span:before { left:-3px; top:-1px; }
    .at-go .go-btn .go-top span:after { right:-3px; top:-1px; }


    .inquiry-box ul li span { width:60px; padding-left:20px; }
	.inquiry-box input { width:calc(100% - 60px); }
	.inquiry-box textarea { padding:15px 20px; }

}

/* ① 상단 배너: 모서리 8px */
#quick-menu .right-wrap .swiper {
    border-radius: 8px;
    overflow: hidden;
}

/* ② 6개 메뉴: 전체 바깥 모서리 8px */
#quick-menu .right-wrap .btns {
    border-radius: 8px;
    overflow: hidden;
}

/* ③ 오늘 본 상품: 제목 크기 18px */
#quick-menu #stv h2,
#quick-menu #stv h3 {
    margin: 0;
    padding: 12px 10px;
    font-size: 15px;
    line-height: 1.4;
}

/* ④ 오늘 본 상품: 영역과 이미지 모서리 8px */
#quick-menu #stv {
    height: auto;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden;
}

#quick-menu #stv .prd_img img {
    border-radius: 8px;
}

/* ⑤ 1/1: 화면 하단 고정을 해제하고 상품 목록 아래에 표시 */
#quick-menu #stv_pg {
    position: static;
    clear: both;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 8px 0;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
}

/* ⑥ 업무시간: 요일 칸을 줄이고 글자 15px로 표시 */
#quick-menu .right-wrap .info .service {
    --dt-size: 48px;
}

#quick-menu .right-wrap .info .service dt,
#quick-menu .right-wrap .info .service dd {
    margin: 0;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: -0.5px;
    white-space: nowrap;
}

/* ⑦ 각 영역 사이 간격과 스크롤 */
#quick-menu .right-quick .right-wrap {
    justify-content: flex-start;
    gap: 16px;
    overflow-y: auto;
}

#quick-menu .right-quick .right-wrap > * {
    flex-shrink: 0;
}

/* 오늘 본 상품 목록: 오른쪽 정렬 해제 */
#quick-menu #stv ul {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* 각 상품 행 너비 통일 */
#quick-menu #stv .stv_item {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 12px 10px;
    text-align: left;
}

/* 이미지: 왼쪽에 동일한 크기로 배치 */
#quick-menu #stv .stv_item .prd_img {
    display: block;
    float: left;
    width: 65px;
    margin: 0 10px 0 0;
}

#quick-menu #stv .stv_item .prd_img img {
    display: block;
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 8px;
}

/* 상품명·가격: 이미지 오른쪽에 배치 */
#quick-menu #stv .stv_item .prd_cnt {
    display: block;
    float: left;
    width: calc(100% - 75px);
    margin: 0;
    text-align: left;
}

#quick-menu #stv .stv_item .prd_cnt span {
    max-width: none;
    white-space: normal;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

/* 오늘 본 상품 안내 팝업 */
#today-alert {
    position: fixed;
    inset: 0;
    width: calc(100% - 40px);
    max-width: 320px;
    box-sizing: border-box;
    margin: auto;
    padding: 28px 24px 20px;
    border: none;
    border-radius: 12px;
    background: #fff;
    color: #333;
    text-align: center;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}

/* 팝업 뒤 어두운 배경 */
#today-alert::backdrop {
    background: rgba(0, 0, 0, 0.4);
}

#today-alert form {
    margin: 0;
}

#today-alert-message {
    margin: 0 0 24px;
    font-size: 16px;
    line-height: 1.6;
}

/* 확인 버튼 */
#today-alert button {
    min-width: 100px;
    padding: 10px 24px;
    border: none;
    border-radius: 8px;
    background: #C44F60;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

#today-alert button:hover {
    background: #A83F50;
}

#today-alert button:focus-visible {
    outline: 2px solid #C44F60;
    outline-offset: 3px;
}

/* 퀵메뉴 대표전화번호 색상 */
#quick-menu .right-quick .info h5,
#quick-menu .right-quick .info h5 a {
    color: #C44F60;
}

/* 오늘 본 상품이 없을 때 안내 문구 */
#quick-menu #stv .li_empty {
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    margin: 0;
    padding: 20px 10px;
}