/* #EDU-1 커피머신몰 무료 창업지원 — 시안 style.css 중 @font-face + #cmm-support 규칙만(전역 · store-* 미리보기 틀 제외) */
@font-face{font-family:CMMNoto;src:url('assets/NotoSansKR-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:CMMNoto;src:url('assets/NotoSansKR-Medium.woff2') format('woff2');font-weight:500 600;font-display:swap}
@font-face{font-family:CMMNoto;src:url('assets/NotoSansKR-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
#cmm-support{font-family:CMMNoto,'Noto Sans KR','맑은 고딕',sans-serif;color:#252525;line-height:1.8}
#cmm-support *{box-sizing:border-box}
#cmm-support a{text-decoration:none;color:inherit}
#cmm-support h1,#cmm-support h2,#cmm-support h3,#cmm-support p{margin:0;word-break:keep-all}
#cmm-support img{display:block}
#cmm-support .breadcrumb{max-width:1160px;margin:auto;font-size:11px;color:#888;display:flex;gap:12px;padding:20px 0}
#cmm-support .hero{max-width:1160px;margin:0 auto 0;display:grid;grid-template-columns:1fr 1.05fr;min-height:420px;background:#f7f7f7}
#cmm-support .hero-title{padding:42px 42px 40px}
#cmm-support .label{font-size:12px;color:#555}
#cmm-support h1{font-size:40px;line-height:1.5;letter-spacing:-1.4px;font-weight:700;margin-top:15px}
#cmm-support h1 em{color:#df2028;font-style:normal}
#cmm-support .hero-title>p{font-size:17px;line-height:1.85;margin:20px 0 25px;color:#666}
#cmm-support .cta{display:inline-flex;gap:28px;justify-content:space-between;align-items:center;background:#e21d27;color:white;padding:14px 21px;font-size:14px;font-weight:500}
#cmm-support .hero-title small{display:block;font-size:11px;color:#777;margin-top:14px}
#cmm-support .hero-photo{align-self:center;padding:22px 24px 22px 0}
#cmm-support .photo-crop{position:relative;overflow:hidden;background:#ddd}
#cmm-support .photo-crop img{position:absolute;max-width:none;height:auto}
#cmm-support .latte{aspect-ratio:392/200}
#cmm-support .latte img{width:229.5918%;left:-38.5204%;top:-185%}
#cmm-support .photo-caption{padding:17px 0 0}
#cmm-support .photo-caption b{display:block;font-size:17px;font-weight:500}
#cmm-support .photo-caption span{font-size:10px;color:#888}
#cmm-support .benefit-strip{max-width:1160px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e6e6e6;border-top:0}
#cmm-support .benefit-strip>div{padding:22px 28px;border-right:1px solid #e6e6e6}
#cmm-support .benefit-strip>div:last-child{border:0}
#cmm-support .benefit-strip b{display:block;font-size:18px;font-weight:700}
#cmm-support .benefit-strip span{font-size:13px;color:#888}
#cmm-support .section{max-width:1100px;margin:auto;padding:70px 0;border-bottom:1px solid #e7e7e7}
#cmm-support .heading{margin-bottom:30px}
#cmm-support .kicker{display:block;font-size:12px;color:#d61f27;font-weight:500;margin-bottom:11px}
#cmm-support h2{font-size:29px;font-weight:700;line-height:1.55;letter-spacing:-.8px}
#cmm-support .heading>p{font-size:15px;color:#777;margin-top:12px}
#cmm-support .choice-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
#cmm-support .choice-buttons button{font:inherit;cursor:pointer;text-align:left;background:#fff;border:1px solid #ccc;color:#888;padding:18px 24px;font-size:12px;border-radius:0}
#cmm-support .choice-buttons button[aria-pressed=true]{border:2px solid #e3212a;padding:17px 23px;color:#d51e26;background:#fff8f8}
#cmm-support .choice-buttons b{display:block;color:#222;font-size:20px;margin:3px 0}
#cmm-support .choice-buttons span{font-size:12px;color:#777}
#cmm-support .choice-result{background:#f7f7f7;padding:25px 28px;margin-top:15px;border-left:3px solid #e32029}
#cmm-support .choice-result>b{font-size:18px;font-weight:500}
#cmm-support .choice-result p{font-size:15px;line-height:1.85;margin:10px 0 14px;color:#666}
#cmm-support .choice-result a{font-size:13px;color:#c71d25;border-bottom:1px solid #c71d25;padding-bottom:3px}
#cmm-support .program-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
#cmm-support .program-card{border-top:3px solid #e32029;padding:23px 0 0}
#cmm-support .program-number{font-size:28px;color:#df2129;font-family:Arial,sans-serif;font-weight:700;display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}
#cmm-support .program-number span{font-size:11px;color:#888;font-weight:400}
#cmm-support h3{font-size:19px;line-height:1.6;font-weight:500}
#cmm-support .program-card>p{font-size:15px;color:#666;margin-top:16px}
#cmm-support ul{padding:15px 0 0;margin:20px 0 0;list-style:none;border-top:1px solid #ddd}
#cmm-support ul li{font-size:14px;color:#666;margin-bottom:8px}
#cmm-support ul li:before{content:'✓';color:#d7222b;margin-right:9px}
#cmm-support .note{font-size:12px;color:#888;margin-top:25px}
#cmm-support .scene{max-width:1100px;margin:70px auto 0;display:grid;grid-template-columns:1fr 1.3fr;gap:55px;align-items:center}
#cmm-support .interior{aspect-ratio:190/200}
#cmm-support .interior img{position:static;display:block;width:100%;height:100%;max-width:none;left:auto;top:auto;object-fit:cover;object-position:center}
#cmm-support .scene-copy>p{font-size:15px;color:#666;line-height:1.9;margin-top:20px}
#cmm-support .line-link{display:inline-block;font-size:14px;font-weight:500;border-bottom:1px solid #333;margin-top:25px;padding-bottom:5px}
#cmm-support .scene-copy small{display:block;font-size:10px;color:#999;margin-top:20px}
#cmm-support .process{display:grid;grid-template-columns:1fr 1.2fr;gap:0 50px}
#cmm-support ol{list-style:none;padding:0;margin:0}
#cmm-support ol li{display:flex;gap:22px;margin:0 0 24px}
#cmm-support ol li>span{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;color:white;background:#e51e28;font-size:14px;font-weight:700}
#cmm-support ol p{font-size:14px;color:#777;margin-top:7px}
#cmm-support .terms{grid-column:1/-1;border:1px solid #ddd;margin-top:28px;padding:24px 30px}
#cmm-support dl{margin:20px 0 0}
#cmm-support dl div{display:grid;grid-template-columns:130px 1fr;padding:12px 0;border-top:1px solid #eee;font-size:14px}
#cmm-support dt{font-weight:500}
#cmm-support dd{margin:0;color:#666}
#cmm-support details{border-bottom:1px solid #ddd;padding:20px 0}
#cmm-support summary{cursor:pointer;font-size:16px;font-weight:500;padding-right:30px;position:relative;list-style:none}
#cmm-support summary::-webkit-details-marker{display:none}
#cmm-support summary:after{content:'+';position:absolute;right:3px;color:#e31c25}
#cmm-support details[open] summary:after{content:'−'}
#cmm-support details p{font-size:14px;color:#666;padding:15px 25px 0 0}
#cmm-support .apply{margin-top:60px;background:#e71d27;color:#fff;padding:50px 24px}
#cmm-support .apply>div{max-width:1100px;margin:auto}
#cmm-support .apply>div>span{font-size:12px;color:#ffe2e3}
#cmm-support .apply h2{margin-top:12px;font-size:30px}
#cmm-support .apply p{font-size:15px;margin-top:16px}
#cmm-support .apply-actions{display:flex;gap:12px;margin-top:28px}
#cmm-support .apply-actions a{background:white;color:#222;padding:14px 22px;font-size:14px;display:flex;align-items:center;justify-content:center}
#cmm-support .apply-actions a:first-child{background:#fee500}
#cmm-support .apply small{font-size:11px;display:block;margin-top:22px;color:#ffe2e3}
@media(max-width:1220px){#cmm-support .hero,#cmm-support .benefit-strip,#cmm-support .breadcrumb{margin-left:24px;margin-right:24px}#cmm-support .section,#cmm-support .scene{margin-left:40px;margin-right:40px}#cmm-support h1{font-size:35px}#cmm-support .hero-title{padding:35px 28px}}
@media(max-width:760px){#cmm-support .breadcrumb{padding:16px 0;font-size:10px;margin:0 18px}#cmm-support .hero{margin:0 14px;display:flex;flex-direction:column}#cmm-support .hero-title{padding:28px 22px 22px}#cmm-support .label{font-size:11px}#cmm-support h1{font-size:30px;line-height:1.5;letter-spacing:-1px;margin-top:13px}#cmm-support .hero-title>p{font-size:15px;margin:17px 0 20px}#cmm-support .cta{font-size:13px;padding:13px 16px}#cmm-support .hero-title small{font-size:10px}#cmm-support .hero-photo{padding:0 0 0;width:100%}#cmm-support .photo-caption{padding:15px 20px 18px}#cmm-support .photo-caption b{font-size:15px}#cmm-support .photo-caption span{font-size:9px}#cmm-support .benefit-strip{margin:0 14px;grid-template-columns:1fr}#cmm-support .benefit-strip>div{display:flex;justify-content:space-between;align-items:center;gap:10px;border-right:0;border-bottom:1px solid #eee;padding:13px 17px}#cmm-support .benefit-strip b{font-size:14px}#cmm-support .benefit-strip span{font-size:11px}#cmm-support .section{margin:0 20px;padding:45px 0}#cmm-support h2{font-size:24px;line-height:1.6}#cmm-support .heading>p{font-size:14px}#cmm-support .kicker{font-size:11px}#cmm-support .choice-buttons{gap:6px}#cmm-support .choice-buttons button{padding:13px 9px;font-size:10px}#cmm-support .choice-buttons button[aria-pressed=true]{padding:12px 8px}#cmm-support .choice-buttons b{font-size:15px}#cmm-support .choice-buttons span{display:none}#cmm-support .choice-result{padding:20px}#cmm-support .choice-result>b{font-size:17px}#cmm-support .choice-result p{font-size:14px}#cmm-support .program-grid{grid-template-columns:1fr;gap:30px}#cmm-support .program-card{padding-top:18px}#cmm-support .program-number{margin-bottom:12px;font-size:24px}#cmm-support .program-card>p{margin-top:10px;font-size:15px}#cmm-support ul{margin-top:15px;padding-top:13px}#cmm-support .scene{margin:35px 20px 0;display:flex;flex-direction:column;gap:23px;align-items:stretch}#cmm-support .interior{width:100%;max-width:360px;margin:auto}#cmm-support .scene-copy>p{font-size:15px}#cmm-support .process{display:block}#cmm-support .terms{padding:20px 16px}#cmm-support .terms h3{font-size:17px}#cmm-support dl div{grid-template-columns:72px 1fr;font-size:13px;gap:10px}#cmm-support summary{font-size:15px}#cmm-support .apply{margin-top:25px;padding:35px 20px}#cmm-support .apply h2{font-size:25px}#cmm-support .apply p{font-size:14px}#cmm-support .apply-actions{display:grid;grid-template-columns:1fr;gap:9px}#cmm-support .apply-actions a{font-size:14px}}
/* #EDU-1 상단 고정 상담(시안 .support-contact 를 본문 안으로 — #cmm-support 범위). #EDU-3: z-index 4 = 기존 머리 메뉴 하위 목록(z 5)보다 아래 · 본문(z 없음)보다 위 */
#cmm-support .support-contact{position:sticky;top:0;z-index:4;background:#fff;border-bottom:1px solid #ddd;border-top:1px solid #eee;display:flex;gap:8px;padding:9px max(20px,calc((100% - 1160px)/2));align-items:center}
#cmm-support .support-contact .service-title{margin-right:24px;font-size:16px;font-weight:700;color:#222}
#cmm-support .service-title span{font-size:12px;color:#777;margin-left:18px;font-weight:400}
#cmm-support .support-contact .kakao,#cmm-support .support-contact .tel{font-size:12px;display:flex;justify-content:center;align-items:center;min-height:40px;padding:8px 17px;color:#191919}
#cmm-support .support-contact .kakao{background:#fee500}
#cmm-support .support-contact .tel{background:#e82029;color:#fff;gap:9px}
#cmm-support .support-contact .tel span{font-size:11px}
#cmm-support section[id]{scroll-margin-top:calc(var(--edu1-top,60px) + 10px)}
#cmm-support ul,#cmm-support ol{list-style:none}
/* 기존 사이트 공통 CSS(카페24 12~13px)가 본문 기본 글자 크기에 번지는 것만 되돌림 — :where(시안 규칙이 이김) */
:where(#cmm-support){font-size:16px}
/* PC 에서 단추를 제목 바로 옆에 — 오른쪽 끝은 기존 고정 상담 틀(오른쪽 위)과 겹침 */
@media(max-width:760px){#cmm-support .support-contact{display:grid;grid-template-columns:1fr 1fr;padding:7px 14px;gap:6px}#cmm-support .support-contact .service-title{grid-column:1/-1;font-size:12px}#cmm-support .service-title span{font-size:10px;margin-left:8px}#cmm-support .support-contact .kakao,#cmm-support .support-contact .tel{font-size:12px;min-height:36px;padding:6px}#cmm-support .support-contact .tel span{display:none}}