.subsc .subsc_form { display:flex; align-items:center; gap:0 8px; margin-top:1.5rem; max-width:calc(100% - 9rem); }
.subsc .subsc_form ul { margin-top:0; flex-shrink:0; }
.subsc .subsc_input { flex:1 1 auto; min-width:0; padding:1rem 1.25rem; border:1px solid #ddd; border-radius:4px; font-size:1rem; line-height:1.2; color:#222; background:#fff; box-sizing:border-box; }
.subsc .subsc_input::placeholder { color:#999; }
.subsc .subsc_input:focus { outline:none; border-color:#259e50; }
@media screen and (max-width:860px){
	.subsc .subsc_form { flex-wrap:wrap; max-width:100%; position:relative; z-index:2; }
	.subsc .subsc_input { flex:1 1 100%; }
	.subsc .subsc_form ul { margin-top:8px; }
}

/* ── ② 구독 팝업 모달 토글 + 스코프 리셋 (전역 base.css 미적용) ── */
.modal_add { display:none; }
.modal_add.on { display:flex; }
.modal_add, .modal_add * { box-sizing:border-box; }
.modal_add ul, .modal_add ol { list-style:none; margin:0; padding:0; }
.modal_add p { margin:0; }
.modal_add a { text-decoration:none; color:inherit; }

/* ── ③ add_popup.css 인라인 (개발자 제공 마크업, 전부 .modal_add 스코프) ── */
.modal_add{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);justify-content:center;align-items:center;z-index:9999}
.modal_add .modal_popup{background:#fff; border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,0.1);width:800px;max-width:90%; overflow: hidden;}
.modal_add .modal_popup .titleArea{display:flex; gap:24px 0px; flex-direction:column; padding:36px; background:#f5f6f8; border-bottom:1px solid #ddd; position:relative;}
.modal_add .modal_popup .titleArea a{position:absolute; top:36px; right:36px; font-size:0px; text-decoration:none; display: block; width:25px; aspect-ratio: 1/1;}
.modal_add .modal_popup .titleArea a::before,
.modal_add .modal_popup .titleArea a::after{content:""; position:absolute; top:50%; left:50%; width:2px; height:20px; background:#555; transform-origin:center; transition:transform 0.3s ease;}
.modal_add .modal_popup .titleArea a::before{transform:translate(-50%, -50%) rotate(45deg);}
.modal_add .modal_popup .titleArea a::after{transform:translate(-50%, -50%) rotate(-45deg);}
.modal_add .modal_popup .titleArea strong{font-size:clamp(24px, 4vw, 32px); font-weight:700; color:#222;}
.modal_add .modal_popup .titleArea p{font-size:clamp(14px, 3vw, 18px); color:#555; letter-spacing:-1px;}
.modal_add .modal_popup .titleArea p b{color:#222; font-weight:700;}
.modal_add .modal_popup .modalContArea{padding:36px; display:flex; flex-direction:column;}
.modal_add .modal_popup .modalContArea p{font-size:clamp(14px, 3vw, 18px); color:#555;  margin-bottom:8px; line-height:130%; letter-spacing:-0.9px;}
.modal_add .modal_popup .modalContArea ul{font-size:clamp(14px, 3vw, 18px); display:flex; flex-direction: column; gap:4px 0px; margin-top:24px; margin-bottom:24px; color:#555;}
.modal_add .modal_popup .modalContArea .InputArea{display:flex; align-items: center; padding:24px; border-radius:12px; background:#F5F6F8; font-size:clamp(14px, 3vw, 18px); color:#555;}
.modal_add .modal_popup .modalContArea .InputArea label{margin-right:24px;}
.modal_add .modal_popup .modalContArea .InputArea input{appearance: none; background:#fff; position:relative; border-radius:50%; width:22px; height:22px; margin-right:4px; border:1px solid #c9c9c9;}
.modal_add .modal_popup .modalContArea .InputArea input::Before{content:""; display:block; position:absolute; top:50%; left:50%; width:55%; height:55%; background:#259E50; border-radius:50%; transform:translate(-50%, -50%)scale(0); transition-duration:0.08s;}
.modal_add .modal_popup .modalContArea .InputArea input:checked::before{transform:translate(-50%, -50%)scale(1); }
.modal_add .modal_popup .modalContArea strong{font-size:clamp(17px, 3.5vw, 24px); font-weight:600; margin-bottom:24px; color:#222; line-height:130%;}
.modal_add .modal_popup .modalContArea ol{display:flex; align-items: center; gap: 0px 8px; width:100%; justify-content:center; margin-top:36px;}
.modal_add .modal_popup .modalContArea ol li a{display: block; padding:24px 48px; background:#8C8C8C; color:#fff; border-radius:4px; font-weight:700; text-decoration:none; font-size:clamp(14px, 3vw, 18px);}
.modal_add .modal_popup .modalContArea ol li a.submit{background:#222;}
@media screen and (max-width: 800px) {
	.modal_add .modal_popup{width:100%; }
	.modal_add .modal_popup .titleArea{padding:16px; gap:12px 0px;}
	.modal_add .modal_popup .titleArea a{top:16px; right:16px;}
	.modal_add .modal_popup .modalContArea{padding:24px 16px;}
	.modal_add .modal_popup .modalContArea strong{margin-bottom:16px;}
	.modal_add .modal_popup .modalContArea ol{margin-top:18px; gap:0px 4px;}
	.modal_add .modal_popup .modalContArea ol li a{padding:18px 36px; font-size:16px;}
	.modal_add .modal_popup .modalContArea .InputArea{padding:18px;}
}

/* ── ④ 시안 배지 ── */
.prototype_badge{position:fixed; bottom:16px; right:16px; background:rgba(0,0,0,0.75); color:#fff; padding:8px 14px; border-radius:20px; font-size:12px; z-index:9000;}