/* 캐치 웹 연결(상담 폼 · 매거진 글 · 팝업) — 2026-10-07. 기존 결: 자주 var(--accent) · 알약 단추 · 옅은 선 #d9d2da */
/* 사이트 기본 CSS(section{display:block} · .tpl_mag_list{display:grid})가 hidden 을 이기므로, 이 연결이 쓰는 자리만 hidden 을 되살린다 */
.cw-consult[hidden],.cw-consult [hidden],#magazine [hidden]{display:none!important}
.contact-page .cw-consult{padding:60px 0 56px;margin:30px 0 40px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.contact-page .cw-consult h2{font-size:26px;margin-bottom:12px}
.contact-page .cw-consult,.contact-page>p[data-cw-lead]{word-break:keep-all}
.contact-page .cw-lead{font-size:17px;color:#555;line-height:1.8}
.cw-form{display:grid;grid-template-columns:1fr 1fr;gap:26px 28px;max-width:880px;margin-top:34px;font-size:16px;line-height:1.6}
.cw-field{display:flex;flex-direction:column;gap:10px;min-width:0;margin:0;padding:0;border:0}
.cw-wide,.cw-topics,.cw-agree,.cw-status,.cw-actions{grid-column:1/-1}
.cw-field>label,.cw-topics legend{font-size:15px;font-weight:600;color:#3a3340;padding:0}
.cw-form em{font-style:normal;font-size:13px;font-weight:500;color:var(--accent);margin-left:6px}
.cw-form em.cw-opt{color:#8a828e}
.cw-err{margin:2px 0 0;font-size:14px;line-height:1.6;color:#b3402f}
.cw-agree .cw-err{margin:10px 0 0 30px}
.cw-form input[type=text],.cw-form input[type=tel],.cw-form textarea{width:100%;box-sizing:border-box;border:1px solid #d9d2da;border-radius:12px;background:#fff;font:inherit;font-size:17px;color:#292929;padding:0 18px;height:56px;transition:border-color .2s,box-shadow .2s}
.cw-form textarea{height:auto;min-height:180px;padding:16px 18px;resize:vertical;line-height:1.7}
.cw-form input::placeholder,.cw-form textarea::placeholder{color:#9b939f}
.cw-form input:focus,.cw-form textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(102,80,113,.16)}
.cw-form .cw-bad{border-color:#b3402f!important;box-shadow:0 0 0 3px rgba(179,64,47,.12)!important}
.cw-count{align-self:flex-end;font-size:13px;color:#8a828e}
.cw-topics{flex-direction:row;flex-wrap:wrap;gap:10px}
.cw-topics legend{position:static;width:100%;margin:0 0 10px;font-size:15px;line-height:1.6;text-indent:0;overflow:visible} /* 사이트 기본 CSS 가 legend 를 화면 밖으로 숨긴다 — 이 칸만 보이게 */
.cw-topics label{position:relative;cursor:pointer}
.cw-topics input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.cw-topics span{display:inline-flex;align-items:center;min-height:44px;padding:0 24px;border:1px solid #d9d2da;border-radius:30px;font-size:15px;color:#4a4350;transition:all .2s}
.cw-topics input:checked+span{background:var(--accent);border-color:var(--accent);color:#fff}
.cw-topics input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.cw-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cw-agree{padding:20px 22px;border-radius:12px;background:#f7f4f8;font-size:15px;color:#4a4350}
.cw-agree>label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:600}
.cw-agree input{width:20px;height:20px;accent-color:var(--accent);margin:0;flex:none}
.cw-agree input.cw-bad{outline:2px solid #b3402f;outline-offset:2px}
.cw-agree details{margin:10px 0 0 30px;font-size:14px;color:#6b6370}
.cw-agree summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;width:max-content}
.cw-agree details p{margin-top:8px;line-height:1.8}
.cw-status{margin:0;font-size:15px;line-height:1.7;min-height:0}
.cw-status:empty{display:none}
.cw-status.is-error{color:#b3402f;padding:14px 18px;border-radius:10px;background:#fbf1ef}
.cw-status:focus{outline:0}
.cw-actions button{display:inline-flex;align-items:center;justify-content:center;min-width:240px;padding:17px 35px;border:1px solid var(--accent);border-radius:35px;background:var(--accent);color:#fff;font:inherit;font-size:20px;font-weight:400;line-height:1.6;cursor:pointer;transition:opacity .2s} /* 같은 쪽 «전화 문의» 단추와 같은 크기 · 굵기 */
.cw-actions button:hover{opacity:.9}
.cw-actions button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.cw-actions button:disabled{opacity:.6;cursor:progress}
.cw-done{max-width:880px;margin-top:34px;padding:44px 40px;border:1px solid #d9d2da;border-radius:18px;text-align:center}
.cw-done:focus{outline:0}
.cw-done h3{font-size:24px;font-weight:600;color:var(--accent)}
.cw-done p{margin-top:14px;font-size:16px;color:#555;line-height:1.8}
.cw-done button{margin-top:22px;padding:17px 35px;border:1px solid var(--accent);border-radius:35px;background:#fff;color:var(--accent);font:inherit;font-size:20px;font-weight:400;line-height:1.6;cursor:pointer}
.cw-noscript{margin-top:30px;font-size:16px;color:#555}
.cw-article{max-width:820px;margin:0 auto;text-align:left}
.cw-article .cw-meta{font-size:14px;letter-spacing:.04em;color:#8a828e}
#magazine .cw-article h2{margin-top:14px;font-size:36px;font-weight:600;line-height:1.4;color:var(--accent);letter-spacing:-.02em}
.cw-article .cw-body{margin-top:40px;padding-top:40px;border-top:1px solid #d9d2da;font-size:18px;line-height:1.9;color:#333;word-break:keep-all;overflow-wrap:anywhere}
.cw-article .cw-body>*+*{margin-top:1.1em}
#magazine .cw-article .cw-body h2,#magazine .cw-article .cw-body h3,#magazine .cw-article .cw-body h4{font-size:20px;font-weight:600;letter-spacing:-.01em;color:#292929;margin-top:1.8em}
.cw-article .cw-body h3{font-size:22px}
.cw-article .cw-body ul,.cw-article .cw-body ol{padding-left:1.4em}
.cw-article .cw-body ul{list-style:disc}.cw-article .cw-body ol{list-style:decimal}
.cw-article .cw-body blockquote{padding:4px 0 4px 20px;border-left:3px solid var(--accent);color:#555}
.cw-article .cw-body table{width:100%;border-collapse:collapse;font-size:16px}
.cw-article .cw-body th,.cw-article .cw-body td{border:1px solid #e3dde4;padding:10px 12px}
.cw-article.is-miss{text-align:center;margin-top:50px}
.cw-article.is-miss .cw-back{margin:24px 0 0}
.cw-article .cw-miss{font-size:18px;color:#555}
.cw-article .cw-back{margin-top:50px}
/* 팝업 = 첫 화면을 덮지 않는 작은 알림 창(덮개 없음) */
.cw-popup{position:fixed;left:28px;bottom:28px;z-index:10000;width:min(320px,calc(100vw - 56px))}
.cw-popup-box{display:flex;flex-direction:column;max-height:calc(100vh - 140px);overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(40,28,48,.22)}
.cw-popup-box:focus{outline:0}
.cw-popup-body{overflow:auto}
.cw-popup-body a{display:block}
.cw-popup-body img{display:block;width:100%;height:auto;max-height:min(44vh,400px);object-fit:contain;background:#fff}
.cw-popup-title{padding:36px 28px;font-size:20px;font-weight:600;line-height:1.6;color:var(--accent);text-align:center;word-break:keep-all}
.cw-popup-foot{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ece7ed}
.cw-popup-foot button{min-height:52px;border:0;background:#fff;font:inherit;font-size:15px;color:#4a4350;cursor:pointer}
.cw-popup-foot button+button{border-left:1px solid #ece7ed;color:var(--accent);font-weight:600}
.cw-popup-foot button:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}
/* 매거진 새 글 카드 — 관리자 글엔 사진이 없어 글자 썸네일 */
#magazine .tpl_mag_list .cw-thumb{display:flex;align-items:center;justify-content:center;background:#f3eff4;color:var(--accent)}
#magazine .tpl_mag_list .cw-thumb span{font:400 26px/1.05 IvyMode,serif;text-align:center;letter-spacing:0}
@media(max-width:640px){
 .cw-popup{left:16px;right:16px;bottom:92px;width:auto}
 .cw-popup-body img{max-height:min(50vh,420px)}
 .cw-actions button,.cw-done button{font-size:15px;padding:14px 22px}
 #magazine .tpl_mag_list .cw-thumb span{font-size:20px}
 .contact-page .cw-consult{padding-top:44px}
 .contact-page .cw-consult h2{font-size:22px}
 .contact-page .cw-lead{font-size:15px}
 .cw-form{grid-template-columns:1fr;gap:22px;margin-top:26px}
 .cw-form input[type=text],.cw-form input[type=tel],.cw-form textarea{font-size:16px;height:52px}
 .cw-form textarea{height:auto;min-height:160px}
 .cw-topics span{min-height:42px;padding:0 20px}
 .cw-agree{padding:16px}
 .cw-actions button{width:100%;min-width:0}
 .cw-done{padding:34px 22px}
 #magazine .cw-article h2{font-size:26px}
 .cw-article .cw-body{margin-top:28px;padding-top:28px;font-size:16px}
}