*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f3eb;color:#163e48;font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}.wrap{max-width:1100px;margin:auto;padding:0 28px}nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-bottom:1px solid #d4dcd5}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:850;letter-spacing:-1px}.brand img{width:48px;height:48px}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:500;line-height:1.2}.navlinks{display:flex;gap:24px;font-size:13px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.8px;color:#245c5a}.hero{padding:68px 0 48px;max-width:850px}h1{font-size:clamp(35px,5.2vw,59px);letter-spacing:-2.1px;line-height:1.25;margin:19px 0 25px}h2{font-size:27px;line-height:1.4;letter-spacing:-1px;margin:0 0 15px}h3{font-size:21px;line-height:1.4;letter-spacing:-.5px;margin:15px 0 10px}.hero p{font-size:18px;color:#5d7474;max-width:750px;word-break:keep-all}.hero .actions{margin-top:26px}.actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;background:#163e48;color:#fff;padding:12px 22px;border:1px solid #163e48;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer}.button.secondary{background:transparent;color:#163e48}.button.kakao{background:#f8dd58;border-color:#f8dd58;color:#232f2b}a:focus-visible,button:focus-visible{outline:3px solid #bc6548;outline-offset:4px}.sectionlabel{display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:1px;margin-bottom:16px}.sectionlabel:after{content:'';height:1px;background:#d4dcd5;flex:1}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:46px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#fffefb;border:1px solid #d4dcd5;border-radius:18px;padding:26px;display:flex;flex-direction:column}.card p{font-size:14px;color:#5d7474;margin:0 0 16px;word-break:keep-all}.card ul{list-style:none;padding:0;font-size:14px;color:#425f62;margin:0 0 22px}.card li{margin:6px 0}.card li:before{content:'· ';color:#bc6548}.card .arrow{border-top:1px solid #e0e5de;padding-top:14px;font-size:13px;font-weight:700;margin-top:auto}.featured{border-top:3px solid #bc6548}.dark{background:#163e48;color:#fff}.dark .eyebrow,.dark p,.dark ul{color:#d2e0df}.dark .arrow{border-color:#527071}.contact{background:#e5ece6;border-radius:20px;padding:32px;margin:18px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.contact p{font-size:14px;margin:0;max-width:600px}.muted{color:#607372;font-size:12px}.content{padding:20px 0 30px}.block{background:#fffefb;border:1px solid #d4dcd5;border-radius:18px;padding:30px;margin-bottom:28px}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0 45px}.steps div{border-top:2px solid #245c5a;padding:18px 0}.steps strong{display:block;margin-bottom:8px}.steps p{font-size:14px;color:#5d7474;margin:0}.scope{padding-left:21px;color:#476365;font-size:15px}.scope li{margin:10px 0}form{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;font-weight:650}.full{grid-column:1/-1}input,select,textarea{width:100%;font:inherit;font-size:15px;color:#163e48;background:#fff;border:1px solid #bdcbc6;border-radius:8px;padding:11px 12px;margin-top:6px}input:focus,select:focus,textarea:focus{outline:2px solid #245c5a;outline-offset:1px}textarea{min-height:105px;resize:vertical}.consent{display:flex;gap:10px;align-items:start;font-size:12px;font-weight:400;color:#536e70}.consent input{width:auto;margin-top:5px}.honeypot{display:none}.formnote{font-size:12px;color:#5d7474;margin-top:12px}footer{border-top:1px solid #d4dcd5;padding:26px 0 35px;font-size:11px;color:#637371;margin-top:40px}footer p{margin:5px 0}footer a{text-decoration:underline}details{border-top:1px solid #d4dcd5;padding:15px 0}summary{cursor:pointer;font-size:15px;font-weight:650}details p{font-size:14px;color:#5d7474}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.wrap{padding:0 20px}nav{padding:17px 0}.navlinks{gap:14px;font-size:12px}.brand{font-size:21px}.brand img{width:39px;height:39px}.hero{padding:40px 0 30px}.hero p{font-size:16px}h1{letter-spacing:-1.5px}.grid,.grid.two,.steps{grid-template-columns:1fr}.grid{gap:14px;margin-bottom:32px}.card,.block{padding:23px}.contact{display:block;padding:25px}.contact .button{margin-top:22px}.steps{gap:3px}form{grid-template-columns:1fr}.full{grid-column:auto}.navlinks .optional{display:none}h2{font-size:24px}.contact h2{font-size:22px}}
body{background:#faf7ef;color:#274d52}.brand{font-family:Gaegu,'Malgun Gothic',sans-serif;font-weight:400;font-size:43px;letter-spacing:0;gap:6px;line-height:.9}.brand img{width:48px;height:48px}.brand small{font-family:system-ui,sans-serif;font-size:8px;letter-spacing:1.5px;margin-top:8px}nav{border-color:#d7d9ce;padding:24px 0}html[lang=ko] h1,html[lang=ko] h2,html[lang=ko] h3{font-family:Gaegu,'Malgun Gothic',sans-serif;font-weight:400;letter-spacing:0}html[lang=ko] h1{font-size:clamp(47px,6vw,70px);line-height:1.08}html[lang=ko] h2{font-size:38px}html[lang=ko] h3{font-size:32px}.card{border:0;border-radius:0;background:transparent;border-top:1px solid #d7d9ce;padding:24px 0}.block{background:transparent;border-radius:0;border:0;border-top:1px solid #d7d9ce;padding:30px 0}.grid{gap:30px}.eyebrow{letter-spacing:.4px;font-weight:500}.steps div{border-top:1px solid #d7d9ce}.button{background:#24565b;border-color:#24565b;border-radius:5px;font-weight:600}.contact{border-radius:4px}.hero{padding:55px 0 38px}.home-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:center;padding:56px 0 45px}.home-intro .hand-note{font-family:Gaegu,sans-serif;font-size:27px;color:#a35d47;margin:0 0 14px}.home-intro h1{margin:0 0 25px}.home-intro p{font-size:16px;color:#5f7471;line-height:1.9;max-width:530px;word-break:keep-all}.founder{display:flex;align-items:center;gap:12px;font-size:13px;margin-top:25px}.founder .signature{font-family:Gaegu,sans-serif;font-size:30px;color:#24565b}.margin-doodle{text-align:center;transform:rotate(-5deg);padding:15px}.margin-doodle img{width:210px;height:210px}.margin-doodle p{font-family:Gaegu,sans-serif;font-size:26px;color:#687873;transform:rotate(2deg);margin:0 auto}.service-note{padding:16px 0 8px;border-bottom:2px solid #537775;display:flex;justify-content:space-between;align-items:end}.service-note h2{margin:0}.service-note span{font-size:12px;color:#637371;padding-bottom:7px}.service-list{margin:0;padding:0;list-style:none}.service-list a{display:grid;grid-template-columns:40px 230px 1fr 25px;gap:18px;align-items:center;padding:24px 0;border-bottom:1px solid #d7d9ce;transition:color .2s}.service-list a:hover{color:#b46548}.service-no{font-family:Georgia,serif;font-style:italic;color:#68716b;font-size:17px}.service-list h3{margin:0;font-size:35px}.service-list h3.english{font-family:Georgia,serif;font-size:26px;font-weight:400;letter-spacing:-.7px}.service-list p{font-size:14px;line-height:1.85;margin:0;color:#63736e;word-break:keep-all}.service-list .go{font-size:23px}.home-contact{padding:35px 0 0;display:flex;justify-content:space-between;gap:24px;align-items:center}.home-contact h2{font-size:34px;margin:0 0 5px}.home-contact p{font-size:14px;color:#64736f;margin:0}.tiny-note{font-size:11px;line-height:1.8;color:#68726d;margin-top:21px}.hero p{max-width:750px}html[lang=en] .brand{font-family:Georgia,serif;font-size:18px;letter-spacing:-.4px}html[lang=en] .hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(38px,5vw,62px);letter-spacing:-1.2px;line-height:1.14}html[lang=en] .eyebrow{font-size:11px}html[lang=en] h2{font-family:Georgia,serif;font-weight:400}@media(max-width:760px){.home-intro{grid-template-columns:1fr;gap:0;padding:35px 0 30px}.home-intro .margin-doodle{display:none}.home-intro p{font-size:15px}.brand{font-size:38px}.brand img{width:41px;height:41px}nav{padding:17px 0}.service-list a{grid-template-columns:25px 1fr 21px;gap:10px;padding:20px 0}.service-list h3{font-size:33px}.service-list p{grid-column:2;grid-row:2;font-size:13px}.service-list .go{grid-column:3;grid-row:1 / 3}.service-list .english{font-size:23px!important}.service-note span{display:none}.home-contact{display:block}.home-contact .button{margin-top:19px}.hero{padding:38px 0 25px}.grid{gap:0}html[lang=ko] h1{font-size:49px}html[lang=ko] h2{font-size:35px}.contact{padding:23px}.block{padding:24px 0}html[lang=en] .brand{font-size:15px}}

html[lang=ko] h1{font-size:clamp(44px,5.5vw,62px);line-height:1.2}html[lang=ko] h2,html[lang=ko] h3{font-family:system-ui,"Malgun Gothic",sans-serif;font-weight:600;font-size:24px;letter-spacing:-.5px}.home-intro .hand-note{font-family:system-ui,sans-serif;font-size:13px;letter-spacing:0}.service-list h3{font-size:23px!important}.service-list h3.english{font-family:Georgia,serif;font-weight:400;font-size:25px!important}.brand{font-size:36px}.margin-doodle p{font-size:23px}@media(max-width:760px){html[lang=ko] h1{font-size:43px}.service-list h3{font-size:22px!important}.service-note h2,.home-contact h2{font-size:24px!important}}

.hero .experience-note{font-size:14px;color:#24565b;border-left:2px solid #c47756;padding-left:13px;margin-top:24px}.referral-note{font-size:14px;color:#24565b;border-left:2px solid #c47756;padding-left:13px;margin:0 0 18px;word-break:keep-all}h1{word-break:keep-all}.home-intro h1{word-break:keep-all}

.social-prices .plan-price{font-family:system-ui,sans-serif;font-size:42px;font-weight:750;line-height:1.2;color:#24565b;margin:20px 0}.social-prices .plan-price span{font-size:14px;font-weight:400}.social-prices .card{display:flex;flex-direction:column}.social-prices .button{margin-top:auto;align-self:flex-start}

.remote-note{border-top:1px solid #cbd5cc;margin-top:48px;padding:35px 0;max-width:100%;word-break:keep-all}.remote-note h2{font-size:28px;line-height:1.45;margin:10px 0 16px}.remote-note p{line-height:1.9}.remote-note ul{padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:18px 32px;margin:22px 0}.remote-note li{font-size:14px}.remote-note li strong{display:block;color:#24565b}.async-service{border-top:1px solid #cbd5cc;padding:24px 0;margin-top:32px;word-break:keep-all}.async-service h2{font-size:24px;margin:0 0 14px}.async-service p{font-size:14px;line-height:1.9;margin-top:10px}

.language-current{color:#63736e;font-weight:700;border-bottom:2px solid #24565b}.language-link{font-weight:650;white-space:nowrap}.international-door{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;border-top:2px solid #537775;border-bottom:1px solid #d7d9ce;padding:30px 0;margin-top:48px}.international-door h2{font-size:25px;line-height:1.5}.international-door p{font-size:14px;color:#63736e;word-break:keep-all}.international-door .eyebrow{font-size:11px;letter-spacing:1.4px;color:#24565b}.international-actions{display:grid;gap:14px;justify-items:start}.text-link{text-decoration:underline;text-underline-offset:4px;font-size:14px}.english-hub-hero{max-width:920px;padding-bottom:58px}.hero .hub-office{font-size:12px;margin-top:28px}.english-services{padding:20px 0}.international-service{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;border-top:1px solid #d7d9ce;border-bottom:1px solid #d7d9ce;padding:30px 0}.international-service h3{font:400 32px/1.2 Georgia,serif;margin:12px 0 20px}.international-service p{font-size:15px;color:#5d7474}.international-service .button{margin-top:14px}.service-scope{border-left:1px solid #d7d9ce;padding-left:28px}.service-scope>p{font-size:11px;letter-spacing:1.2px}.service-scope ul{padding-left:18px;font-size:14px;line-height:1.8}.service-scope li{margin:10px 0}.english-working{padding-top:40px}.english-hub-hero h1{word-break:normal}.contact .muted{font-size:12px;margin-top:14px}html[lang=en] .navlinks{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:760px){.international-door,.international-service{grid-template-columns:1fr;gap:20px}.international-door{padding:25px 0;margin-top:35px}.international-door h2{font-size:22px!important}.service-scope{border-left:0;border-top:1px solid #d7d9ce;padding:15px 0 0}.international-service h3{font-size:29px}.navlinks{flex-wrap:wrap;justify-content:flex-end;gap:10px}.english-hub-hero{padding-bottom:38px}}

/* 2026-09-28 F6: light-only pages (home, social, unsubscribe, thanks) keep release.css dark boxes light */
@media(prefers-color-scheme:dark){html body .contract-gift{background:#fff2bc;border-color:#dfcc87;color:#3b392c}html body .privacy-consent{background:#f7faf7;color:#253f42;border-color:#c9d6d0}html body .privacy-consent .consent-help{color:#536362}html body .submission-status{background:#edf5f0;color:#234b3e;border-color:#8caaa0}html body .submission-status[data-state=error]{background:#fff1e8;color:#802b12;border-color:#d09d83}}
/* F6: Korean line breaks between words, one-line logo, no double rule under the overseas block */
html[lang=ko] :is(h1,h2,h3,p,li,label,summary,legend,td,th){word-break:keep-all;overflow-wrap:anywhere}
.brand>span{white-space:nowrap}
.international-door+.remote-note{border-top:0;margin-top:0}

/* 2026-09-28 F4: readability for 40-60s mobile readers (pages using gandan.css: home, social, thanks, unsubscribe) */
input,select,textarea{font-size:16px;font-weight:400}
select{font-weight:500}
.brand{flex:0 0 auto}
.navlinks a{display:inline-block;padding:10px 0}
summary{padding:10px 0}
details{padding:5px 0}
html[lang=ko] h2,html[lang=ko] h3,.contract-gift p,aside.contract-gift p,.home-contact p,.remote-note p{word-break:keep-all;overflow-wrap:anywhere}
.muted{font-size:13px;line-height:1.75}
.formnote{font-size:13px}
.tiny-note{font-size:13px;line-height:1.8}
footer{font-size:12.5px}
body aside.contract-gift small{font-size:13px}
form .hint{font-size:14px;color:#5d7474;margin:8px 0 0;word-break:keep-all}
form .note a,.unsub-form .note a{text-decoration:underline;text-underline-offset:3px;color:#24565b;font-weight:600}
form .note{font-size:15px;margin:4px 0 0}
form .field+.field{margin-top:18px}
.navlinks{align-items:center}.language-current{line-height:1.3;padding:2px 0}
/* 2026-09-28 간단 통일안 v1 */
form label,.unsub-form label{font-size:14px}
.muted,.formnote,.tiny-note,form .hint{font-size:13.5px}
footer{font-size:13px}
html[lang=ko] .eyebrow{font-size:12.5px}
.navlinks a{padding:11px 0}
.contract-gift summary{font-size:14px}
body .privacy-consent .transfer-note{font-size:13px}
.service-note span{font-size:13px}
@media(max-width:760px){.navlinks{font-size:13px}}
p.fine,.hero p.fine{font-size:13.5px;line-height:1.7;color:#5f7471;margin:10px 0 0;word-break:keep-all}
/* 2026-09-28 간단 통일안 v1 2-4 — 사회적기업 요금 카드 · 신청서 카드 · 하단 바 (범위 한정) */
.social-prices .card{background:#fffefb;border:1px solid #d7d9ce;border-radius:12px;padding:22px}
.social-prices .card.is-featured{border:2px solid #24565b}
.social-prices .card.is-featured .eyebrow{display:inline-block;align-self:flex-start;background:#24565b;color:#fff;border-radius:999px;padding:2px 10px}
#inquiry form{background:#fffefb;border:1px solid #d7d9ce;border-radius:12px;padding:22px}
#inquiry form button[type=submit]{width:100%;min-height:48px;font-size:16px}
body.has-bar{padding-bottom:84px}
.bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;gap:8px;padding:10px 12px;background:#fffefb;border-top:1px solid #d7d9ce;box-shadow:0 -8px 24px -18px rgba(0,0,0,.4)}
.bar a{flex:1;display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:6px;font-size:15px;font-weight:700}
.bar .kakao{background:#fee500;color:#191919}
.bar .ghost{border:1px solid #24565b;color:#24565b;background:#fff}
@media(min-width:900px){.bar{display:none}body.has-bar{padding-bottom:0}}
@media(max-width:560px){#inquiry form{padding:16px}}
/* RV3 2026-09-28: trust-line (social/home, same look as product sites) */
html body p.trust-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:12px 0 0;padding-top:10px;border-top:1px dashed #c9d6d0;font-size:13px;line-height:1.6;color:#3f5a5d;word-break:keep-all}
html body p.trust-line svg{flex:0 0 14px;color:#235a52}
html body p.trust-line span{flex:1 1 0;min-width:0}
/* RVall: 휴대폰에서 사회적기업 요금 카드 3장이 붙어 보이던 것(gap 0) 띄움 */
@media(max-width:760px){.grid.social-prices{gap:14px}}
/* 2026-09-28 페이블 2차 — 허브·사회적기업: 첫 화면 가격 한 줄 · 하단 바 주 버튼 · 화면에 안 보이는 제목 */
.hero .price-chip{display:block;width:fit-content;max-width:100%;margin:18px 0 0;padding:8px 14px;border-radius:14px;background:#e5ece6;color:#163e48;font-size:15px;line-height:1.45;font-weight:500;word-break:keep-all}
.hero .price-chip b{color:#24565b;font-weight:700}
.hero .price-chip+.actions{margin-top:14px}
.bar .primary{background:#24565b;color:#fff;border:1px solid #24565b}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.voices{margin-top:40px}
/* 2026-09-28 페이블 3차 T8: 사업자등록번호 한 줄 */
.biz-no{white-space:nowrap}
/* 2026-09-28 페이블 3차 T3: 사회적기업 신청서 「추가 정보 입력」 안의 칸 배치(바깥 form 과 같은 2단 · 휴대폰 1단) */
#inquiry details.optional-fields{border:1px solid #d7d9ce;border-radius:8px;background:#fffefb;padding:0 16px;margin:0}
#inquiry details.optional-fields>summary{min-height:44px;display:flex;align-items:center;font-size:15px;font-weight:650}
/* R3: 추가 정보 입력 접힘 표지(+ / −) — 공시 신청서와 같게 */
#inquiry details.optional-fields>summary{justify-content:space-between;gap:12px;list-style:none}
#inquiry details.optional-fields>summary::-webkit-details-marker{display:none}
#inquiry details.optional-fields>summary::after{content:"+";flex:0 0 18px;text-align:center;font-size:20px;font-weight:400;line-height:1.3;color:#687873}
#inquiry details.optional-fields[open]>summary::after{content:"–"}
.optional-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:6px 0 16px}
#inquiry details.optional-fields .field{margin:0 0 16px}
@media(max-width:760px){.optional-grid{grid-template-columns:1fr}}