@charset "UTF-8";
:root{--paper:#f7f5ef;--ink:#193d34;--text:#1d1c1a;--muted:#57534b;--line:#dcd8cd;--sage:#e4e9df;--accent:#bbcc98;--serif:'MaruBuriSemiBold','MaruBuri','Noto Serif KR',serif;--beige:#ece4d3;--sans:'Pretendard','Noto Sans KR','Malgun Gothic',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.7;word-break:keep-all}a{color:inherit;text-decoration:none}a,button,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8b5e13;outline-offset:6px}input:focus,textarea:focus{outline:2px solid var(--ink);outline-offset:2px}button:disabled{cursor:default}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{color:var(--ink);letter-spacing:-.045em;font-weight:600}h1{font-size:clamp(40px,4.5vw,66px);line-height:1.28}h2{font-size:clamp(29px,2.8vw,42px);line-height:1.4}h3{font-size:25px;line-height:1.4}p{color:var(--muted)}.wrap{max-width:1320px;margin-inline:auto;padding-inline:56px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.12em;color:var(--ink);margin-bottom:25px}.preview-bar{height:30px;background:var(--ink);color:#eef1e7;display:flex;justify-content:center;align-items:center;gap:20px;font-size:10px;letter-spacing:.12em}.preview-bar span{opacity:.75;letter-spacing:0}.site-header{height:100px;max-width:1440px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;margin:auto;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:13px;font-size:18px;font-weight:700;letter-spacing:.08em;line-height:1.1;color:var(--ink)}.brand-value{display:block;font-size:14px;letter-spacing:.31em;margin-top:4px}.brand-symbol{font-family:Georgia,serif;font-style:italic;font-size:46px;font-weight:400;letter-spacing:-.14em;line-height:1}.brand-symbol span{display:inline-block;transform:translateY(5px);margin-right:7px}.site-header nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}.site-header nav>a{position:relative;padding-block:12px}.site-header nav>a[aria-current]{border-bottom:2px solid var(--ink)}.site-header .nav-contact{border:1px solid var(--ink);padding:11px 19px;display:flex;gap:22px}.site-header a:hover{color:#628347}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:35px;padding-top:73px;padding-bottom:50px;align-items:start}.dot{display:inline-block;width:6px;height:6px;background:var(--ink);border-radius:50%;margin-right:9px;vertical-align:2px}.hero h1{font-size:clamp(40px,4.05vw,60px);line-height:1.34;letter-spacing:-.064em}.hero h1 em{font-style:normal;position:relative}.hero h1 em:after{content:'';position:absolute;bottom:1px;left:0;width:100%;height:3px;background:var(--accent)}.hero-description{margin-top:26px;font-size:17px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:35px}.button{border:1px solid var(--ink);background:var(--ink);color:white;min-height:53px;padding:13px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px;font-weight:600;line-height:1.6;transition:background .2s,color .2s}.button:hover{background:#2e5547;color:white}.button span{font-size:21px}.button.outline{background:transparent;color:var(--ink)}.button.outline:hover{background:var(--sage)}.button.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;font-weight:600;padding-block:8px;border-bottom:1px solid currentColor;color:var(--ink)}.text-link:hover{color:#57753d}.text-link span{font-size:20px}.hero-bottom{border-top:1px solid var(--line);margin-top:48px;padding-top:19px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}.hero-bottom span:last-child{font-size:9px;letter-spacing:.08em;padding-top:3px}.hero-visual{margin-top:5px}.image-frame{position:relative;background:var(--sage);height:469px;overflow:hidden}.image-frame>img{width:100%;height:100%;object-fit:cover;object-position:52% center;filter:brightness(.83)}.image-note{position:absolute;inset:auto 23px 22px;color:white;display:flex;justify-content:space-between;align-items:end}.image-note>span:first-child{font-size:39px;line-height:.96;letter-spacing:-.055em;font-weight:600;text-shadow:0 1px 10px #0005}.image-note>span:last-child{font-size:11px;line-height:1.6;text-align:right;background:#193d34cc;padding:10px 12px}.hero-visual figcaption{font-size:9px;margin-top:13px;display:flex;justify-content:space-between;color:var(--muted);gap:10px;letter-spacing:.025em}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:45px}.section-heading>p{font-size:15px;padding-bottom:7px}.section-heading .eyebrow{margin-bottom:17px}.services-section{padding-top:70px;padding-bottom:90px}.service-list{border-top:1px solid var(--ink)}.service-row{display:grid;grid-template-columns:50px 1fr 260px 24px;gap:15px;align-items:center;padding:25px 8px;border-bottom:1px solid var(--line);transition:background .2s}.service-row:hover{background:#e9ede3}.row-no{color:#7a877b;font-size:12px;align-self:start;padding-top:8px}.service-row .meta{display:none}.service-row h3{font-size:25px}.service-row p{font-size:13px;margin-top:5px}.row-tags{font-size:12px;color:var(--muted)}.service-row>span:last-child{font-size:26px;font-weight:300}.media-row{margin-top:24px;background:var(--sage);padding:25px 32px;display:flex;justify-content:space-between;align-items:center}.meta{font-size:12px;color:#5b705d}.media-row h3{font-size:21px;margin-top:7px}.media-row p{font-size:12px;margin-top:7px}.media-row>span{font-size:30px}.projects-section{background:#e8ece4;padding-block:75px 65px}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px 30px}.case-cover{display:flex;position:relative;min-height:305px;overflow:hidden;flex-direction:column;justify-content:space-between;padding:27px 32px}.case-cover:hover{filter:brightness(.97)}.case-paper{background:#d8ddcc;color:#294633}.case-card:nth-child(2n+1) .case-paper{background:#e1dbc9}.case-overline{font-size:10px;letter-spacing:.12em}.case-graphic{font-family:var(--serif);font-size:83px;line-height:1;letter-spacing:-.075em}.case-graphic>span{display:block;font-family:var(--sans);font-size:13px;letter-spacing:.01em;margin-top:10px}.case-foot{display:flex;justify-content:space-between;font-size:12px;border-top:1px solid #193d3440;padding-top:13px}.case-photo{padding:0;justify-content:end}.case-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-label{position:relative;color:white;background:#193d34ce;padding:15px 25px;display:flex;justify-content:space-between;font-size:13px}.case-meta{display:flex;justify-content:space-between;font-size:11px;color:#5d6c59;margin-top:19px;margin-bottom:9px}.case-card h3{font-size:24px;line-height:1.45}.case-card>p{font-size:13px;margin-top:8px}.case-card .source-label{font-size:11px;margin-top:10px;color:#6c736a}.section-note{font-size:12px;line-height:1.7;color:#697168;margin-top:25px}.method{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:100px;padding-bottom:100px}.method>div>p:not(.eyebrow){margin-top:23px;font-size:15px}.method .text-link{margin-top:22px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:27px;border-top:1px solid var(--line);padding:25px 0}.steps li:last-child{border-bottom:1px solid var(--line)}.steps li>span{font-size:12px;color:#7b8776}.steps h3{font-size:21px}.steps p{font-size:13px;margin-top:8px}.library-feature{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:80px;padding-bottom:110px}.guide-art{display:flex;position:relative;background:var(--ink);color:#ecf0df;flex-direction:column;justify-content:space-between;min-height:340px;padding:31px 34px;overflow:hidden}.guide-art>span{font-size:11px;letter-spacing:.04em;position:relative;z-index:1}.guide-art strong{font-size:57px;line-height:1.1;font-weight:400;position:relative;z-index:1;letter-spacing:-.06em}.guide-art strong em{font-family:var(--serif);font-weight:400}.guide-art img{position:absolute;right:-30px;top:35px;width:170px;transform:rotate(9deg);box-shadow:0 10px 20px #0003}.library-feature>div>p:not(.eyebrow){font-size:15px;margin-top:20px;margin-bottom:28px}.library-feature .text-link{display:flex;width:max-content;margin-top:17px}.contact-strip{background:var(--ink);padding-block:70px 75px;color:white}.contact-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-strip h2,.contact-strip .eyebrow{color:#f4f5e9}.contact-strip p:not(.eyebrow){color:#c2cec0;font-size:14px;margin-top:20px}.contact-strip .button{min-width:235px}footer{background:#f0f1e9;padding:55px max(56px,calc((100vw - 1208px)/2)) 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;margin-bottom:45px}.footer-brand{font-size:23px;letter-spacing:.04em;color:var(--ink);font-weight:650}.footer-brand span{display:block;font-size:12px;letter-spacing:0;margin-top:10px;font-weight:400}.footer-contact{display:flex;flex-direction:column;align-items:end;font-size:20px;color:var(--ink)}.footer-contact a:last-child{font-size:14px;margin-top:5px}.footer-bottom{border-top:1px solid var(--line);padding-top:21px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-bottom .text-link{font-size:10px;border:0;margin-right:20px;padding:0}.footer-bottom .text-link span{font-size:14px}.page-intro{padding-top:75px;padding-bottom:65px}.page-intro h1{font-size:clamp(35px,4vw,58px)}.intro-desc{font-size:17px;max-width:780px;margin-top:28px}.service-controls{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.service-controls button{border:1px solid var(--line);padding:9px 20px;background:transparent;font-size:14px;color:var(--ink)}.service-controls button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.filter-list .service-row .meta{display:block;margin-bottom:7px}.help-note{padding-block:55px 70px}.help-note h2{font-size:25px}.help-note p{margin-top:15px}.help-note .text-link{margin-top:18px}.breadcrumb{display:flex;gap:13px;padding-top:33px;font-size:12px;color:var(--muted)}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.breadcrumb+.page-intro{padding-top:33px}.detail-layout{display:grid;grid-template-columns:1fr 330px;gap:80px;padding-bottom:60px}.detail-layout h2{font-size:26px;margin-top:40px;margin-bottom:20px}.detail-layout h2:first-of-type{margin-top:0}.detail-layout .eyebrow{margin-bottom:12px}.large-copy{font-size:22px;line-height:1.8;color:var(--ink)}.topic-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.topic-tags span{background:var(--sage);padding:5px 12px;font-size:12px}.module-list{list-style:none;padding:0;border-top:1px solid var(--line)}.module-list li{padding:21px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;font-size:15px}.module-list li>span{color:#77836b;font-size:12px}details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}summary{font-size:16px;font-weight:600;cursor:pointer;color:var(--ink)}details p{margin-top:18px;font-size:14px}.inquiry-aside{background:var(--sage);padding:30px;height:max-content;position:sticky;top:30px}.inquiry-aside h2{margin-top:17px;font-size:29px}.inquiry-aside p:not(.eyebrow){font-size:14px}.inquiry-aside .button{width:100%;margin-top:25px}.inquiry-aside>a:last-child{display:block;font-size:12px;margin-top:20px;text-decoration:underline;text-underline-offset:5px}.related{padding-block:30px 80px}.related .section-heading h2{font-size:29px}.related .case-cover{min-height:240px}.related-guide{padding:35px;background:var(--sage);display:flex;flex-direction:column;justify-content:center;align-items:start}.related-guide p:not(.eyebrow){margin-top:20px}.related-guide .text-link{margin-top:25px}.project-detail{display:grid;grid-template-columns:1fr 320px;gap:70px;padding-bottom:85px}.project-facts{margin-top:35px}.project-facts>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding-block:18px;border-top:1px solid var(--line);font-size:14px}.project-facts dt{font-size:12px;color:var(--muted)}.project-facts dd{margin:0;color:var(--ink)}.project-detail aside{border-top:1px solid var(--ink);padding-top:25px}.project-detail aside h2{font-size:29px}.project-detail aside .button{margin-top:30px}.project-detail aside .text-link{margin-top:17px;display:flex;width:max-content}.guide-list{padding-bottom:60px}.guide-row{display:grid;grid-template-columns:160px 1fr 200px;gap:35px;align-items:center;border-top:1px solid var(--line);padding:40px 0}.guide-year{font-family:var(--serif);font-size:61px;line-height:1;color:var(--ink)}.guide-year span{display:block;font:9px var(--sans);letter-spacing:.08em;margin-top:16px}.guide-row h2{font-size:25px;margin:10px 0}.guide-row p{font-size:14px}.guide-row p.section-note{font-size:11px;margin-top:13px}.guide-row .button{font-size:12px;padding-inline:17px;gap:15px}.knowledge-links{padding-block:30px 80px}.knowledge-links>h2{font-size:32px}.knowledge-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px}.knowledge-grid article{border-top:1px solid var(--ink);padding-top:25px}.knowledge-grid h3{margin-block:12px}.knowledge-grid p{font-size:15px}.knowledge-grid .text-link{margin-top:15px}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-bottom:65px;align-items:center}.about-story>img{width:100%;aspect-ratio:1/1;object-fit:cover}.about-story p:not(.eyebrow){margin-top:20px;font-size:15px}.about-story p.section-note{font-size:11px}.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-block:35px 85px}.about-principles>div{border-top:1px solid var(--line);padding-top:25px}.about-principles span{font-size:11px;color:var(--muted)}.about-principles h2{font-size:25px;margin-block:15px}.about-principles p{font-size:14px}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;padding-bottom:85px}.contact-layout aside h2{font-size:31px}.contact-steps{padding-left:21px;color:var(--ink);font-size:15px;margin-top:28px;line-height:2}.contact-layout aside>p{font-size:14px;margin-top:24px}.direct-contact{margin-top:45px;padding-top:25px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:7px;color:var(--ink)}.direct-contact span{font-size:12px;color:var(--muted);margin-bottom:7px}.direct-contact a:first-of-type{font-size:20px}.form-notice{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:18px 0 20px;margin-bottom:30px}.form-notice strong{font-size:15px;color:var(--ink)}.form-notice p{font-size:12px;margin-top:7px}fieldset{border:0;padding:0;margin:0 0 29px;min-width:0}legend{font-size:14px;font-weight:600;padding:0;margin-bottom:14px;color:var(--ink)}legend>span,summary>span{font-size:11px;color:var(--muted);font-weight:400;margin-left:5px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choice-grid label{margin:0}.choice-grid input{position:absolute;opacity:0;width:1px;height:1px}.choice-grid label span{display:flex;align-items:center;min-height:45px;border:1px solid var(--line);padding:10px 14px;font-size:12px;font-weight:400}.choice-grid input:checked+span{background:var(--ink);color:white;border-color:var(--ink)}.choice-grid input:focus-visible+span{outline:3px solid #8b5e13;outline-offset:3px}form>label,.form-grid>label{display:block;font-size:13px;font-weight:600;color:var(--ink);margin-bottom:23px}.required{font-size:10px;color:#7c652e;margin-left:6px;font-weight:400}input:not([type=radio]),textarea{display:block;width:100%;margin-top:9px;background:#fbfbf7;border:1px solid #b8c2b4;border-radius:0;padding:12px 14px;font-size:14px;font-weight:400;color:var(--text);min-height:47px}textarea{resize:vertical;line-height:1.65}.field-hint{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.optional-fields{padding:18px 0;margin-bottom:20px}.optional-fields summary{font-size:13px}.optional-fields .form-grid{margin-top:20px}.form-privacy{font-size:11px;margin-block:20px}.form-privacy a{text-decoration:underline}#form-status{font-size:13px;margin-top:12px;color:var(--ink)}#draft-result{margin-top:30px;border-top:2px solid var(--ink);padding-top:25px}#draft-result h2{font-size:25px}#draft-result>p{font-size:13px;margin-top:10px}#draft-text{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;font:13px/1.8 var(--sans);background:var(--sage);padding:20px;margin-block:20px}.draft-actions{display:flex;gap:12px;flex-wrap:wrap}.draft-actions .button{font-size:12px;gap:15px}.prose{max-width:940px;padding-bottom:90px}.prose h2{font-size:25px;margin:30px 0 15px}.prose p{font-size:15px;line-height:1.9}.prose .text-link{margin-top:20px}.error-actions{display:flex;gap:30px;padding-bottom:100px}.skip{position:fixed;top:-100px;left:15px;background:var(--ink);padding:15px;color:white;z-index:100}.skip:focus{top:10px}.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}[hidden]{display:none!important}
@media(min-width:1600px){.hero h1{font-size:60px}}
@media(max-width:1100px){.wrap{padding-inline:35px}.site-header{padding-inline:35px}.site-header nav{gap:23px}.hero{gap:25px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:46px}.hero-description{font-size:15px}.hero-actions{gap:18px;flex-wrap:wrap}.image-frame{height:440px}.hero-bottom{flex-direction:column;gap:3px}.row-tags{display:none}.service-row{grid-template-columns:45px 1fr 24px}.library-feature{gap:45px}.contact-layout{gap:45px}.detail-layout{gap:35px;grid-template-columns:1fr 300px}.project-detail{gap:40px}.guide-row{grid-template-columns:135px 1fr 175px;gap:25px}.hero-visual figcaption{flex-direction:column;gap:0}}
@media(max-width:800px){.wrap{padding-inline:25px}.site-header{height:80px;padding-inline:25px}.brand{font-size:15px}.brand-value{font-size:12px}.brand-symbol{font-size:39px}.menu-toggle{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--ink);padding:10px;font-size:13px}.site-header nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);padding:20px 25px 30px;border-bottom:1px solid var(--line);box-shadow:0 14px 20px #0001;flex-direction:column;gap:5px;align-items:stretch}.site-header nav.open{display:flex}.site-header nav>a{padding:13px 5px}.site-header .nav-contact{margin-top:8px;padding:13px 15px;justify-content:space-between}.hero{grid-template-columns:1fr;gap:36px;padding-top:40px;padding-bottom:25px}.hero h1{font-size:clamp(35px,7.8vw,58px);letter-spacing:-.065em}.hero .eyebrow{margin-bottom:20px;font-size:11px}.hero-description{margin-top:21px;font-size:15px}.hero-actions{margin-top:25px;gap:23px}.hero-bottom{flex-direction:row;margin-top:30px;align-items:center}.hero-bottom span:last-child{font-size:8px}.hero-visual{margin-top:0}.image-frame{height:360px}.image-frame>img{object-position:center 60%}.hero-visual figcaption{flex-direction:row}.image-note>span:first-child{font-size:37px}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:28px}.section-heading>p{font-size:14px}.section-heading h2{font-size:32px}.services-section{padding-top:45px;padding-bottom:55px}.service-row{grid-template-columns:28px 1fr 20px;padding:23px 0;gap:12px}.service-row h3{font-size:22px}.service-row p{font-size:12px;max-width:260px}.media-row{padding:22px}.media-row h3{font-size:19px;padding-right:15px}.projects-section{padding-block:45px}.case-grid{gap:35px 22px}.case-cover{min-height:240px;padding:22px}.case-photo{padding:0}.case-graphic{font-size:64px}.case-card h3{font-size:21px}.case-meta{font-size:10px}.method{grid-template-columns:1fr;gap:35px;padding-block:55px}.method h2{font-size:32px}.method>div>p:not(.eyebrow){font-size:14px}.method .text-link{margin-top:17px}.steps h3{font-size:20px}.steps p{font-size:13px}.library-feature{grid-template-columns:1fr;gap:32px;padding-bottom:55px}.guide-art{min-height:320px}.guide-art img{right:30px;width:170px;top:35px}.library-feature h2{font-size:32px}.library-feature .eyebrow{margin-bottom:18px}.contact-strip{padding-block:47px}.contact-strip .wrap{align-items:start;flex-direction:column;gap:28px}.contact-strip h2{font-size:34px}.contact-strip .eyebrow{margin-bottom:17px}footer{padding:40px 25px 25px}.footer-top{flex-direction:column;margin-bottom:25px;gap:30px}.footer-contact{align-items:start;font-size:18px}.footer-bottom{flex-direction:column;align-items:start;gap:13px}.page-intro{padding-top:45px;padding-bottom:40px}.page-intro .eyebrow{margin-bottom:20px}.page-intro h1{font-size:36px}.intro-desc{font-size:15px;margin-top:22px}.service-controls{gap:8px}.service-controls button{font-size:12px;padding:8px 16px}.help-note h2{font-size:23px}.help-note p{font-size:14px}.detail-layout{grid-template-columns:1fr;gap:35px;padding-bottom:35px}.inquiry-aside{position:static;padding:26px}.inquiry-aside h2 br{display:none}.inquiry-aside .button{width:auto}.detail-layout h2{font-size:23px}.large-copy{font-size:19px}.related{padding-bottom:55px}.project-detail{grid-template-columns:1fr;gap:35px;padding-bottom:55px}.project-facts>div{grid-template-columns:115px 1fr;font-size:13px;gap:12px}.project-detail aside h2{font-size:27px}.guide-row{grid-template-columns:100px 1fr;gap:25px;padding-block:28px}.guide-row>div:last-child{grid-column:2}.guide-year{font-size:46px}.guide-year span{font-size:8px}.guide-row h2{font-size:22px}.guide-row p{font-size:13px}.knowledge-links{padding-bottom:55px}.knowledge-links>h2{font-size:27px}.knowledge-grid{gap:30px}.about-story{grid-template-columns:1fr;gap:33px}.about-story>img{aspect-ratio:4/3}.about-story h2{font-size:32px}.about-principles{grid-template-columns:1fr;gap:25px;padding-top:0;padding-bottom:55px}.contact-layout{grid-template-columns:1fr;gap:40px;padding-bottom:55px}.contact-layout aside h2{font-size:28px}.contact-steps{margin-block:15px}.direct-contact{margin-top:22px}.contact-layout aside>p{margin-top:15px}.form-notice{margin-bottom:25px}.prose h2{font-size:23px}}
@media(max-width:520px){.preview-bar{font-size:8px;gap:12px;height:26px}.wrap{padding-inline:22px}.site-header{padding-inline:22px;height:75px}.site-header nav{top:75px}.hero{padding-top:35px}.hero h1{font-size:35px;line-height:1.45;letter-spacing:-.065em}.hero-actions{gap:20px}.hero-actions .button{font-size:12px;gap:15px;padding-inline:18px;min-height:50px}.hero-actions .text-link{font-size:12px;gap:9px}.hero-bottom{font-size:10px}.hero-bottom span:last-child{display:none}.image-frame{height:310px}.image-note{inset:auto 17px 18px}.image-note>span:first-child{font-size:34px}.hero-visual figcaption{font-size:8px}.section-heading h2,.method h2,.library-feature h2{font-size:29px}.section-heading>p{font-size:13px}.case-grid{grid-template-columns:1fr}.case-cover{min-height:260px}.case-graphic{font-size:76px}.case-card h3{font-size:23px}.service-row h3{font-size:21px}.service-row p{font-size:12px}.media-row{padding:20px}.media-row h3{font-size:18px}.guide-art{min-height:310px;padding:25px}.guide-art strong{font-size:53px}.guide-art img{right:-15px;width:150px;top:40px}.knowledge-grid{grid-template-columns:1fr}.guide-row{grid-template-columns:1fr;gap:17px}.guide-row>div:last-child{grid-column:auto}.guide-year{font-size:43px;display:flex;align-items:center;gap:20px}.guide-year span{margin:0;font-size:9px}.form-grid{grid-template-columns:1fr;gap:0}.choice-grid{gap:7px}.choice-grid label span{font-size:11px;padding:10px}.page-intro h1{font-size:32px}.intro-desc{font-size:14px}.module-list li{font-size:14px}.project-facts>div{grid-template-columns:1fr;gap:5px}.error-actions{flex-wrap:wrap}.footer-bottom>span:last-child{display:flex;align-items:center;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* v2 지식콘텐츠 개편 — research/09 디자인 원칙 시트 */
body{color:var(--text)}
h1,.serif{font-family:var(--serif);font-weight:400;color:var(--text);letter-spacing:-.02em}
h2,h3{color:var(--text)}
.preview-bar{background:var(--text)}
.label{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.01em;margin:0 0 18px}
.hero-k{display:grid;grid-template-columns:1.55fr 1fr;gap:72px;padding-top:88px;padding-bottom:88px;align-items:end;border-bottom:1px solid var(--line)}
.hero-k h1{font-size:clamp(38px,3.6vw,52px);line-height:1.35}
.hero-k-desc{font-size:18px;line-height:1.75;margin-top:28px;max-width:560px;color:var(--muted)}
.hero-k .hero-actions{margin-top:36px}
.hero-index ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--text)}
.hero-index li a{display:grid;gap:2px;padding:14px 0;border-bottom:1px solid var(--line)}
.hi-label{font-size:13px;color:var(--muted)}
.hi-title{font-size:17px;font-weight:600;color:var(--text)}
.hero-index li a:hover .hi-title{color:var(--ink)}
.sec-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:40px}
.sec-head h2{font-size:36px;line-height:1.35}
.sec-head p{font-size:16px;color:var(--muted);max-width:480px}
.contents{padding-top:88px;padding-bottom:88px}
.content-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ccard{display:flex;flex-direction:column;padding:16px;border-top:1px solid var(--text)}
.ccard-edu{background:var(--beige)}
.ccard-media{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#efebe1;overflow:hidden;margin-bottom:18px}
.ccard-edu .ccard-media{background:#e3d9c4}
.ccard-media img{max-height:86%;max-width:80%;width:auto;height:auto;object-fit:contain}
.book-pair{display:flex;align-items:center;justify-content:center;gap:14px;height:100%;width:100%}
.book-pair img{max-height:80%;max-width:42%}
.type-cover{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:22px;border:1px solid var(--line)}
.type-cover-title{font-family:var(--serif);font-size:34px;line-height:1.25;color:var(--text)}
.type-cover-note{font-size:13px;color:var(--muted)}
.ccard-label{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:8px}
.ccard h3{font-size:20px;line-height:1.45;font-weight:600;margin-bottom:8px;letter-spacing:-.02em}
.ccard h3 a:hover{color:var(--ink)}
.ccard-desc{font-size:15px;line-height:1.65;color:var(--muted);min-height:3.3em}
.ccard-link{margin-top:auto;padding-top:16px;font-size:14px;font-weight:600;color:var(--ink);display:inline-flex;gap:10px;align-self:flex-start}
.ccard-link span{font-size:17px}
.records{padding-top:24px;padding-bottom:88px}
.records-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.records-grid h3{font-size:17px;font-weight:600;padding-bottom:12px;border-bottom:1px solid var(--text)}
.rec-list{list-style:none;margin:0 0 20px;padding:0}
.rec-list li{display:grid;grid-template-columns:88px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.6}
.rec-list li>span:last-child{min-width:0}
.rec-edu li{grid-template-columns:minmax(0,1fr) 7.5em;align-items:baseline}
.rec-date,.rec-client{color:var(--muted);font-size:14px;white-space:nowrap}
.rec-client{text-align:right}
.work{padding-top:24px;padding-bottom:96px}
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.work-grid>div{border-top:1px solid var(--text);padding-top:20px}
.work-grid h3{font-size:20px;font-weight:600;margin-bottom:10px}
.work-grid p:not(.label){font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:16px}
.work-grid .label{margin-bottom:10px}
.contact-strip h2{font-size:36px;line-height:1.35;color:#f4f5e9}
@media(max-width:1100px){.content-grid{grid-template-columns:repeat(2,1fr)}.hero-k{grid-template-columns:1fr;gap:48px}.hero-k h1{font-size:46px}}
@media(max-width:800px){.hero-k{padding-top:48px;padding-bottom:56px}.hero-k h1{font-size:30px;line-height:1.4}.hero-k-desc{font-size:16px}.sec-head{grid-template-columns:1fr;gap:12px;margin-bottom:28px}.sec-head h2,.contact-strip h2{font-size:26px}.contents{padding-top:56px;padding-bottom:56px}.records-grid,.work-grid{grid-template-columns:1fr;gap:40px}.work{padding-bottom:64px}}
@media(max-width:560px){.content-grid{grid-template-columns:1fr}.ccard-desc{min-height:0}.rec-list li{grid-template-columns:72px 1fr}.rec-edu li{grid-template-columns:minmax(0,1fr) auto}.rec-client{white-space:normal;text-align:right}}
/* v3 — CI 로고, 콘텐츠 카드 2x2, 문의 띠 */
.brand img{height:24px;width:auto;display:block}
.footer-brand img{height:22px;width:auto;display:block}
.footer-brand span{display:block;font-size:13px;color:var(--muted);font-weight:500;letter-spacing:0;margin-top:12px}
.content-grid{grid-template-columns:repeat(2,1fr);gap:72px 48px}
.ccard{padding:0;border-top:0;background:none}
.ccard-media{display:block;aspect-ratio:16/9;background:#ebe7de;margin:0 0 24px;overflow:hidden}
.ccard-media img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;display:block;transition:opacity .2s}
.ccard-media:hover img{opacity:.9}
.ccard-body{display:flex;flex-direction:column;max-width:540px}
.ccard-label{margin-bottom:10px}
.ccard h3{font-size:24px;line-height:1.4;margin-bottom:10px}
.ccard-desc{font-size:16px;line-height:1.7;min-height:0}
.ccard-link{padding-top:18px}
.contact-strip p.contact-direct{font-size:15px;margin-top:14px;color:#e6ebdf;letter-spacing:.01em}
@media(max-width:800px){.content-grid{grid-template-columns:1fr;gap:56px}.brand img{height:20px}.ccard h3{font-size:22px}}
/* v4 영상 */
.hero-video{margin:0 0 36px}
.hv-frame{position:relative;aspect-ratio:16/9;background:#1d1c1a;overflow:hidden}
.hv-frame img,.hv-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.hv-frame iframe{pointer-events:none;top:-60px;height:calc(100% + 120px)}
.hv-frame img{z-index:1;transition:opacity .6s}
.hv-frame.ready img{opacity:0}
.hv-toggle{position:absolute;right:10px;bottom:10px;z-index:2;background:rgba(29,28,26,.78);color:#fff;border:0;font-size:13px;font-weight:600;padding:7px 12px}
.hv-toggle:focus-visible{outline:3px solid #fff;outline-offset:2px}
.hv-sound{position:absolute;left:10px;bottom:10px;z-index:2;background:rgba(247,245,239,.94);color:var(--text);border:0;font-size:13px;font-weight:600;padding:7px 12px}
.hv-sound:hover{background:#fff}
.hv-sound:focus-visible{outline:3px solid #fff;outline-offset:2px}
/* 첫 화면 영상 조작 버튼 */
.hv-controls{position:absolute;right:12px;top:12px;z-index:3;display:flex;gap:4px}
.hv-controls button{position:static;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;min-width:36px;padding:0 12px;border:0;background:rgba(20,20,18,.58);color:#fff;font-size:12px;font-weight:600;letter-spacing:-.01em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s}
.hv-controls .hv-toggle{padding:0;width:36px}
.hv-controls button:hover{background:rgba(20,20,18,.82)}
.hv-controls button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hv-controls .ic{width:17px;height:17px;flex:none}
.hv-controls .ic-on,.hv-controls .ic-play{display:none}
.hv-sound[aria-pressed="true"] .ic-off,.hv-toggle[aria-pressed="true"] .ic-pause{display:none}
.hv-sound[aria-pressed="true"] .ic-on,.hv-toggle[aria-pressed="true"] .ic-play{display:block}
.consent-box{border-top:1px solid var(--line);padding-top:18px;margin:8px 0 24px}
.consent-summary{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:12px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;font-weight:500;color:var(--text);cursor:pointer}
.consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--ink);flex:none}
.consent a{text-decoration:underline;text-underline-offset:3px;color:var(--ink)}
.hero-video figcaption{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);margin-top:10px}
.hero-video figcaption a{color:var(--ink);font-weight:600}
.hero-video figcaption{flex-wrap:wrap;align-items:baseline}
.videos{padding-top:24px;padding-bottom:88px}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.vcard-media{position:relative;aspect-ratio:16/9;background:#1d1c1a;margin-bottom:18px;overflow:hidden}
.vcard-media img,.vcard-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}
.vcard-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(29,28,26,.12);border:0;cursor:pointer}
.vcard-play span{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:rgba(247,245,239,.94);color:var(--text);font-size:18px;padding-left:4px}
.vcard-play:hover span,.vcard-play:focus-visible span{background:#fff}
.vcard h3{font-size:19px;font-weight:600;line-height:1.45;margin-bottom:8px}
@media(max-width:1100px){.video-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.video-grid{grid-template-columns:1fr;gap:40px}}
/* v5 첫 화면: 제목 + 영상, 아래 네 칸 목록 */
.hero-k{grid-template-columns:1.1fr 1fr;gap:56px 64px;align-items:center;padding-top:64px;padding-bottom:64px}
.hero-k h1{font-size:clamp(34px,2.95vw,46px)}
@media(max-width:1100px){.hero-k h1{font-size:40px}}
@media(max-width:800px){.hero-k h1{font-size:28px}}
@media(max-width:380px){.hero-k h1{font-size:25px}}
.hero-video{margin:0}
.hero-index{grid-column:1/-1}
.hero-index ol{display:grid;grid-template-columns:repeat(4,1fr);gap:0 32px}
.hero-index li a{height:100%}
@media(max-width:1100px){.hero-k{grid-template-columns:1fr}.hero-index ol{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.hero-index ol{grid-template-columns:1fr}}
/* 영상 섹션 먹색 반전 */
.videos-dark{background:#1f1e1b;color:#e9e6de}
.videos-dark .videos{padding-top:96px;padding-bottom:104px}
.videos-dark h2,.videos-dark h3{color:#f4f1e8}
.videos-dark p,.videos-dark .ccard-desc{color:#b9b4a8}
.videos-dark .ccard-label{color:#a19c90}
.videos-dark + .records{padding-top:96px}
/* 작은 글씨 키우기·카드 반응 */
.label,.hi-label,.ccard-label{font-size:14px}
.work-grid p:not(.label){font-size:16px}
.rec-client{font-size:15px}
.ccard-media img{transition:transform .6s ease}
.ccard:hover .ccard-media img{transform:scale(1.03);opacity:1}
.ccard h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@media(max-width:800px){.videos-dark .videos{padding-top:64px;padding-bottom:72px}.videos-dark + .records{padding-top:64px}}
@media(prefers-reduced-motion:reduce){.ccard:hover .ccard-media img{transform:none}}

/* 교육 페이지 분야 묶음 */
.svc-group{margin-bottom:72px}
.svc-group-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:20px}
.svc-group-head h2{font-size:30px;line-height:1.35}
.svc-group-head p{font-size:15px;max-width:30em}
.svc-related .service-list{border-top-color:var(--line)}
.svc-related .service-row{padding-block:20px}
.svc-related .service-row h3{font-size:20px}
.svc-group+.svc-related{margin-top:-8px}
@media(max-width:800px){.svc-group{margin-bottom:52px}.svc-group-head{flex-direction:column;align-items:start;gap:8px}.svc-group-head h2{font-size:25px}}
/* 회사 소개 고객사 */
.clients{padding-top:24px;padding-bottom:96px}
.client-group{display:grid;grid-template-columns:140px 1fr;gap:24px;border-top:1px solid var(--text);padding-top:18px;margin-top:36px}
.client-group h3{font-size:16px;font-weight:600;color:var(--text);letter-spacing:-.01em}
.client-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr)}
.client-grid li{position:relative;display:flex;align-items:center;justify-content:center;height:84px;border-bottom:1px solid var(--line);padding:0 10px}
.client-grid img{height:auto;max-width:100%;mix-blend-mode:multiply;transition:opacity .25s}
.client-grid .cl-color{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100% - 20px);opacity:0}
.client-grid li:hover .cl-color{opacity:1}
.client-grid li:hover .cl-mono{opacity:0}
.client-grid .cl-mono[src$="im-securities-official-q90.webp"]{filter:brightness(0);opacity:.89}
.client-grid li:hover .cl-mono[src$="im-securities-official-q90.webp"]{opacity:0}
@media(max-width:1100px){.client-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.clients{padding-bottom:64px}.client-group{grid-template-columns:1fr;gap:6px;margin-top:28px}.client-grid{grid-template-columns:repeat(3,1fr)}.client-grid li{height:72px;padding:0 6px}}
@media(max-width:420px){.client-grid li{height:60px;padding:0 4px}}


.consent-summary{display:grid;gap:4px}
.consent-summary span{display:block}
.prose p{max-width:42em}
.intro-desc{max-width:34em}
.about-story p:not(.eyebrow):not(.section-note){max-width:34em}

.hv-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}

/* 검수 보완: 보조 문구 가독성과 모바일 줄바꿈 */
.eyebrow,.meta,.row-tags,.service-row p,.case-card>p,.case-card .source-label,.section-note{font-size:14px}
.case-meta,.case-overline,.case-foot,.form-notice p,.field-hint,.optional-fields summary,form>label,.form-grid>label{font-size:14px}
.choice-grid label span{font-size:14px}
.guide-year span,.guide-row p.section-note{font-size:13px;letter-spacing:0}
.footer-bottom,.footer-bottom .text-link{font-size:12px}
.page-intro h1,.sec-head h2,.ccard h3,.case-card h3{text-wrap:balance}
.intro-desc,.ccard-desc,.work-grid p,.contact-strip p,.about-story p{text-wrap:pretty}
.ccard-body{flex:1}
.hero-k>*,.detail-layout>*,.project-detail>*,.contact-layout>*,.guide-row>*{min-width:0}
.hv-controls button{min-height:44px;min-width:44px}
.hv-controls .hv-toggle{width:44px}
.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-bottom:24px;font-size:14px;color:var(--ink)}
.footer-links a{padding-block:6px}
.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
.video-direct{display:inline-flex;margin-top:12px;min-height:44px;align-items:center;font-size:14px;color:#f4f1e8;text-decoration:underline;text-underline-offset:4px}
.contact-direct a:hover{text-decoration:underline}
.consent input[type=checkbox]{width:20px;height:20px;min-height:20px;padding:0;margin-top:3px}
.hv-controls{gap:0;right:6px;top:6px}
.hv-controls button,.hv-controls .hv-toggle,.hv-controls .hv-sound{width:44px;height:44px;min-width:44px;padding:0;border-radius:50%;background:radial-gradient(circle,rgba(20,20,18,.52) 0 15px,transparent 16px);-webkit-backdrop-filter:none;backdrop-filter:none}
.hv-controls button:hover{background:radial-gradient(circle,rgba(20,20,18,.78) 0 15px,transparent 16px)}
.hv-controls .ic{width:15px;height:15px}
@media(max-width:520px){
  .page-intro h1{font-size:clamp(27px,7.4vw,32px);line-height:1.45}
  .page-intro h1 br{display:none}
  .hero-k{row-gap:36px;padding-top:36px}
  .hero-k-desc{margin-top:22px}
  .hero-actions .button,.hero-actions .text-link{font-size:14px}
  .intro-desc,.guide-row p,.service-row p{font-size:15px}
  input:not([type=radio]):not([type=checkbox]),textarea{font-size:16px}
  .consent input[type=checkbox]{width:20px;height:20px;min-height:20px;padding:0;margin-top:3px}
  .draft-actions .button{width:100%;justify-content:center;font-size:14px}
  .contact-strip br{display:none}
}

/* Editorial still lifes: original covers over generated surfaces, fixed framing. */
.book-stage{position:relative;display:block;width:100%;height:100%;isolation:isolate}
.content-service-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center;padding-top:32px}.content-service-hero .page-intro{padding:0;margin:0;width:auto;max-width:none}.content-service-hero h1{font-size:clamp(34px,3.6vw,52px);text-wrap:balance}.content-service-hero figure{margin:0}.content-service-hero figure img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.content-service-hero figcaption{font-size:14px;color:var(--muted);padding-top:12px}
.content-service-actions{display:flex;align-items:center;gap:30px;padding-block:36px 64px}.content-service-section{padding-block:52px;border-top:1px solid var(--line);scroll-margin-top:28px}.content-service-section .sec-head h2{font-size:clamp(25px,2.5vw,36px)}.content-service-section .sec-head p{max-width:450px}
.format-list{border-top:1px solid var(--line)}.format-list article{display:grid;grid-template-columns:180px minmax(0,1fr) minmax(0,1.25fr);gap:28px;align-items:start;padding:28px 0;border-bottom:1px solid var(--line)}.format-list article>span{font-size:15px;color:var(--green);padding-top:4px}.format-list h3{font-size:22px;line-height:1.5;margin:0}.format-list p{font-size:16px;line-height:1.8;margin:0}.media-work .ccard-label{font-size:14px}.media-work .video-direct{color:var(--green);min-height:44px;display:inline-flex;align-items:center}.media-channel{margin:30px 0 0;padding-top:24px;border-top:1px solid var(--line);font-size:15px;line-height:1.8}.media-channel .text-link{margin-left:16px;font-size:15px}
.production-scope{display:grid;grid-template-columns:1fr 1fr;gap:72px}.production-scope h2{font-size:34px;line-height:1.45;margin:16px 0 24px}.production-scope>div>p:last-child{max-width:460px;line-height:1.85}.production-scope ol{list-style:none;padding:0;margin:0}.production-scope li{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.production-scope li>span{font-family:Georgia,serif;font-size:24px;color:var(--green)}.production-scope h3{font-size:21px;margin:0 0 8px}.production-scope li p{margin:0;line-height:1.8;font-size:16px}.content-service-faq{padding-bottom:70px}.content-service-faq h2{font-size:26px;margin-bottom:24px}.content-service-faq details p{font-size:16px;max-width:840px}
.publisher-books{padding-bottom:70px}.publisher-book-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.publisher-book{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1fr);gap:28px;align-items:center;padding-top:28px;border-top:1px solid var(--line)}.publisher-book-cover{display:flex;align-items:center;justify-content:center;background:#ebe7de;padding:20px;aspect-ratio:3/4}.publisher-book-cover img{display:block;width:100%;height:100%;object-fit:contain}.publisher-book h3{font-size:25px;line-height:1.4;margin:14px 0 12px;word-break:keep-all}.publisher-book p{font-size:16px;line-height:1.8}.publisher-book .eyebrow,.publisher-book .publisher-author{font-size:14px}.publisher-book .text-link{font-size:15px;margin-top:14px}.publisher-bridge{border-top:1px solid var(--line);padding-block:50px 72px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:64px}.publisher-bridge h2{font-size:34px;line-height:1.5;margin-bottom:22px}.publisher-bridge p{max-width:640px;font-size:17px;line-height:1.9}.publisher-bridge nav{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:22px}.publisher-destination .button{white-space:nowrap}
@media(max-width:1100px){.content-service-hero{gap:36px}.format-list article{grid-template-columns:140px minmax(0,1fr) minmax(0,1.2fr);gap:20px}.publisher-book-grid{gap:30px}.publisher-book{grid-template-columns:1fr;align-content:start}.publisher-book-cover{max-width:240px;width:100%;margin-inline:auto}.production-scope{gap:36px}}
@media(max-width:700px){.content-service-hero{grid-template-columns:1fr;gap:28px;padding-top:20px}.content-service-hero figure img{aspect-ratio:16/9}.content-service-hero h1{font-size:34px}.content-service-actions{flex-wrap:wrap;gap:18px;padding-block:26px 40px}.content-service-actions a{font-size:15px;min-height:44px}.content-service-section{padding-block:36px}.content-service-section .sec-head{gap:16px}.content-service-section .sec-head br{display:none}.format-list article{grid-template-columns:1fr;gap:10px;padding-block:24px}.format-list h3{font-size:21px}.production-scope{grid-template-columns:1fr;gap:20px}.production-scope h2,.publisher-bridge h2{font-size:28px}.media-channel .text-link{margin:12px 0 0;display:flex;width:max-content}.publisher-book-grid{grid-template-columns:1fr;gap:32px}.publisher-book{grid-template-columns:112px minmax(0,1fr);gap:20px}.publisher-book-cover{padding:12px;align-self:start}.publisher-book h3{font-size:21px}.publisher-book p{font-size:15px}.publisher-book .eyebrow,.publisher-book .publisher-author{font-size:14px}.publisher-book .text-link{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.publisher-books{padding-bottom:42px}.publisher-bridge{grid-template-columns:1fr;gap:24px;padding-block:36px 48px}.publisher-bridge nav{gap:16px}.publisher-bridge p{font-size:16px}}
.inline-channel{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#8e9d93}.inline-channel:hover{text-decoration-color:currentColor}
.ccard-actions{display:flex;align-items:center;flex-wrap:wrap;gap:0 20px;margin-top:auto;padding-top:18px}.ccard-actions .ccard-link{padding-top:0;margin-top:0}.ccard-actions .ccard-secondary{margin:0;min-height:36px}
.broadcast-stage{height:100%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px;background:#f7f5ef}.broadcast-stage>span{position:relative;min-height:0;overflow:hidden}.broadcast-stage .broadcast-studio{grid-row:1/3}.broadcast-stage>span>span{position:absolute;left:10px;bottom:10px;background:#1d1c1acc;padding:4px 9px;color:#fff;font-size:12px;line-height:1.5}.ccard .broadcast-stage img,.ccard:hover .broadcast-stage img{height:100%;width:100%;object-fit:cover;transform:none;transition:none;opacity:1}.broadcast-studio img{object-position:60% center!important}
.ccard-secondary{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:var(--muted);gap:12px;margin-left:24px;text-decoration:underline;text-underline-offset:5px}
.dasi-stage{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7% 8%;background:#ecede7;gap:15%;color:#23483d}.ccard .dasi-stage-logo,.ccard:hover .dasi-stage-logo{width:58%;height:auto;max-height:38%;object-fit:contain;transform:none;transition:none;opacity:1;mix-blend-mode:multiply}.dasi-stage-activities{display:grid;grid-template-columns:repeat(3,1fr);width:100%;border-top:1px solid #b6c0b5;padding-top:6%;gap:12px}.dasi-stage-activities>span{display:flex;flex-direction:column;gap:8px}.dasi-stage-activities b{font-size:clamp(15px,1.4vw,21px);font-weight:600}.dasi-stage-activities>span>span{font-size:clamp(11px,1.05vw,15px);white-space:nowrap}
@media(max-width:560px){.broadcast-stage{gap:3px}.broadcast-stage>span>span{font-size:11px;left:5px;bottom:5px;padding:2px 6px}.ccard-secondary{margin-left:0;display:flex;width:max-content}.dasi-stage-activities{gap:6px}.dasi-stage-activities b{font-size:14px}.dasi-stage-activities>span>span{font-size:11px}}
.edu-entry{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:36px}.edu-entry p{max-width:680px;font-size:18px}.edu-entry .button{flex-shrink:0}

.edu-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:72px;padding-bottom:72px}.edu-main{min-width:0}.edu-block{padding-bottom:48px;margin-bottom:40px;border-bottom:1px solid var(--line);scroll-margin-top:30px}.edu-block:last-child{margin-bottom:0;border:0}.edu-block h2{font-size:30px;line-height:1.4;margin:12px 0 22px;word-break:keep-all;text-wrap:balance}.edu-block p{line-height:1.85}.edu-block .large-copy{font-size:23px;margin-bottom:14px}.edu-topics{display:flex;flex-wrap:wrap;gap:8px 22px;color:var(--green);margin-bottom:22px;font-size:15px}.edu-block .module-list li{font-size:17px}.edu-block .module-list li>span{font-size:14px}
.edu-flow{list-style:none;padding:0;margin:28px 0 36px}.edu-flow li{display:flex;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.edu-step{font-family:Georgia,serif;font-size:28px;color:var(--green);min-width:24px}.edu-flow h3{font-size:20px;margin:0 0 7px}.edu-flow p{font-size:16px;margin:0}
.edu-guide{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;align-items:center;background:#ebe7de;padding:28px}.edu-guide-image{display:block;background:white;border:1px solid #d9d4ca}.edu-guide-image img{display:block;width:100%;height:auto}.edu-guide ul{padding-left:18px;margin:16px 0 24px}.edu-guide li{font-size:15px;line-height:1.7;margin-bottom:12px;word-break:keep-all}.edu-guide .text-link{font-size:15px}.edu-guide .section-note{font-size:14px;margin-bottom:0}
.edu-records{list-style:none;padding:0}.edu-records li{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;padding:24px 0;border-bottom:1px solid var(--line)}.edu-record-year{font-size:15px;color:var(--muted)}.edu-records h3{font-size:21px;margin:0 0 8px}.edu-records p{margin:0 0 10px}.edu-records .text-link{font-size:15px}.edu-aside{top:28px}.edu-aside h2{font-size:26px;line-height:1.5}.edu-aside ul{padding-left:18px;margin:20px 0;line-height:1.9;font-size:14px}.edu-aside .button{padding-inline:12px}.edu-aside>a:last-child{font-size:14px}.edu-faq details p{font-size:16px}
@media(max-width:1000px){.edu-layout{gap:36px;grid-template-columns:minmax(0,1fr) 260px}.edu-guide{grid-template-columns:140px minmax(0,1fr);padding:20px;gap:20px}}
@media(max-width:800px){.edu-layout{grid-template-columns:1fr;gap:20px}.edu-entry{display:block}.edu-entry .button{margin-top:22px}.edu-entry p{font-size:16px}.edu-block{padding-bottom:32px;margin-bottom:30px}.edu-block h2{font-size:25px}.edu-block .large-copy{font-size:20px}.edu-block .module-list li{font-size:16px}.edu-guide{grid-template-columns:1fr;padding:22px}.edu-guide-image{max-width:230px;margin-inline:auto}.edu-aside{position:static}.edu-records h3{font-size:19px}}
.book-stage .stage-background{position:absolute;inset:0;object-fit:cover}
.stage-book{position:absolute;display:block;z-index:1;box-shadow:3px 5px 2px #322e241c,8px 14px 20px #322e2438}
.stage-book::before{content:"";position:absolute;inset:2px -3px -4px 2px;background:repeating-linear-gradient(0deg,#eeeae2 0 1px,#d9d4c9 1px 2px);z-index:-1}
.stage-cover{position:relative;display:block;width:100%;height:100%;overflow:hidden}
.ccard .book-stage .stage-cover img{width:100%;height:100%;object-fit:fill}
.ccard .book-stage img,.ccard:hover .book-stage img{transform:none;transition:none;opacity:1}
.book-stage--edu .stage-book{width:24%;height:61%;top:20%}
.book-stage--edu .stage-book--1{left:9%;transform:rotate(-5deg)}
.book-stage--edu .stage-book--2{left:38%;top:17%;transform:rotate(1deg)}
.book-stage--edu .stage-book--3{left:67%;top:22%;transform:rotate(5deg)}
.ccard .book-stage .stage-book--spread img{position:absolute;right:0;width:203%;max-width:none}
.ccard .book-stage .stage-book--trim img{position:absolute;left:-4.6%;top:-3.6%;width:109.2%;height:107.2%;max-width:none}
.book-stage--book .stage-book{width:26%;height:73%;top:11%;left:20%;transform:rotate(-6deg)}
.book-stage--book .stage-book--2{left:54%;top:16%;width:27%;transform:rotate(5deg)}
@media(max-width:560px){.stage-book{box-shadow:2px 3px 1px #322e241c,4px 7px 10px #322e2438}.stage-book::before{inset:1px -2px -2px 1px}}
/* Inquiry: concise entry, contextual help, a readable review step. */
.contact-intro{padding-bottom:42px}.contact-intro .intro-desc{max-width:42em}.contact-quick{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:24px}.contact-quick a{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:17px;color:var(--ink);border-bottom:1px solid var(--line)}.contact-quick a:hover{border-color:var(--ink)}
.inquiry-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:100px;align-items:start;padding-bottom:80px}.inquiry-layout>*{min-width:0}.inquiry-editor .form-notice{padding:20px 0;margin:0 0 32px}.inquiry-editor .form-notice p{font-size:14px;line-height:1.8}.inquiry-section{margin:0 0 32px;padding:0 0 28px;border-bottom:1px solid var(--line)}.inquiry-section legend{font-size:18px;line-height:1.6;margin-bottom:20px;width:100%}.inquiry-section legend b{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--muted);margin-right:12px}.inquiry-section legend>span{font-size:13px;white-space:nowrap}.inquiry-choices label{position:relative}.inquiry-choices label:last-child{grid-column:1/-1}.inquiry-choices label span{font-size:15px;min-height:50px;transition:background .15s,border-color .15s}.inquiry-choices label:hover span{border-color:var(--ink)}.inquiry-choices input:checked+span{background:#e4e9df;color:var(--ink);border-color:var(--ink);font-weight:600}.inquiry-choices input:checked+span:after{content:'✓';margin-left:auto;padding-left:10px}
.message-label{display:block;font-size:15px;font-weight:600}.inquiry-editor .message-help{font-size:15px;line-height:1.8;margin:10px 0 14px;min-height:3.6em}.inquiry-editor textarea{font-size:16px}.inquiry-editor .field-hint{font-size:14px}.inquiry-editor .required,.field-optional{font-size:12px;font-weight:400;margin-left:5px}.inquiry-editor .optional-fields{border-bottom:0;padding-bottom:0;margin:24px 0 0}.inquiry-editor .optional-fields summary{font-size:15px}.inquiry-editor .form-grid>label{font-size:15px;margin-bottom:18px}.inquiry-editor .form-grid{gap:0 20px}.inquiry-editor .form-grid input{font-size:16px}.inquiry-editor .consent-box{border:0;padding:0}.inquiry-editor .consent-summary{font-size:14px}.inquiry-editor .consent{padding-top:12px;line-height:1.9}.inquiry-editor #form-status{font-size:14px}.inquiry-editor #draft-result{scroll-margin-top:32px}.inquiry-editor #draft-title{font-size:29px}.inquiry-editor #draft-result>p{font-size:15px}.inquiry-editor #draft-text{font-size:15px;background:#eeece4}.inquiry-editor .draft-actions .button{font-size:14px}.draft-edit{border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--ink);padding:8px 0;font-size:14px;min-height:44px}.inquiry-editor .draft-fallback{padding-top:8px;overflow-wrap:anywhere}.inquiry-editor #draft-result>.eyebrow{margin-bottom:12px}
.inquiry-guide{border-top:1px solid var(--line);padding-top:24px;position:sticky;top:32px}.inquiry-guide h2{font-size:32px}.inquiry-guide>p:not(.eyebrow){font-size:16px;margin-top:20px}.inquiry-guide ul{list-style:none;padding:0;margin:26px 0 0}.inquiry-guide li{padding:16px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.inquiry-guide li strong{font-size:16px;font-weight:600}.inquiry-guide li span{font-size:14px;color:var(--muted)}.inquiry-reference{margin-top:28px}.inquiry-reference p{font-size:14px}.inquiry-reference a{font-size:14px}
@media(max-width:1100px){.inquiry-layout{gap:48px;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}}
@media(max-width:800px){.contact-intro{padding-bottom:28px}.contact-intro .eyebrow{margin-bottom:14px}.contact-intro .intro-desc{font-size:16px;margin-top:18px}.contact-intro .intro-desc br{display:none}.contact-quick{margin-top:18px;gap:4px 22px}.contact-quick a{font-size:15px}.inquiry-layout{grid-template-columns:1fr;gap:36px;padding-bottom:48px}.inquiry-guide{position:static}.inquiry-guide h2{font-size:28px}.inquiry-guide h2 br{display:none}.inquiry-guide .eyebrow{margin-bottom:14px}.inquiry-section legend{font-size:17px}.inquiry-section legend b{margin-right:8px}.inquiry-choices label span{font-size:14px;padding:10px 12px}.inquiry-editor .message-help{min-height:0}.inquiry-editor .inquiry-submit{width:100%;justify-content:space-between;font-size:16px}.inquiry-editor #draft-title{font-size:26px}}
/* Mobbin editorial patterns, adapted to Humanvalue's established identity. */
.hero-index li a{position:relative;padding-right:26px;transition:background-color .18s}.hero-index .hi-arrow{position:absolute;right:0;bottom:17px;color:var(--ink);font-size:19px}.hero-index li a:hover,.hero-index li a:focus-visible{background:#eeece4}.ccard:focus-within h3 a,.ccard-link:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.ccard-link{min-height:44px}.breadcrumb{font-size:14px;flex-wrap:wrap}.project-facts dt{font-size:14px}.rec-date{font-variant-numeric:tabular-nums}
.work-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:72px;padding-block:28px 88px}.work-editorial .sec-head{display:block;margin:0}.work-editorial .sec-head h2{max-width:10em;font-size:34px}.work-editorial .sec-head>p{font-size:16px;margin-top:24px;max-width:22em}.work-editorial .work-grid{display:block}.work-editorial .work-grid>div{display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px 20px;padding:24px 0;border-top:1px solid var(--line)}.work-editorial .work-grid>div:first-child{border-top-color:var(--text)}.work-editorial .work-grid>div:last-child{border-bottom:1px solid var(--line)}.work-editorial .work-grid .label{grid-row:1/3;margin:4px 0 0;font-variant-numeric:tabular-nums}.work-editorial .work-grid h3{font-size:22px;margin:0}.work-editorial .work-grid p:not(.label){grid-column:2;margin:0}
.guide-feature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;align-items:center;padding-bottom:80px}.guide-feature-art{background:#e9e5db;min-height:490px;padding:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.guide-feature-art>span:last-child{font-size:13px;letter-spacing:.03em;color:var(--muted)}.guide-cover{display:block;position:relative;aspect-ratio:640/857;width:100%;overflow:hidden;box-shadow:3px 4px 0 #d8d2c4,9px 14px 22px #3a302118;background:#f4f1e8}.guide-cover img{position:absolute;max-width:none;width:100%;height:100%;object-fit:fill;inset:0}.guide-cover--2026 img,.guide-cover--2024 img{width:106%;height:106%;left:-3%;top:-3%}.guide-cover--2025 img,.guide-cover--2023 img{width:203%;left:auto;right:0}.guide-feature-art .guide-cover{max-width:240px}.guide-feature-copy h2{font-size:36px;max-width:13em;text-wrap:balance}.guide-feature-copy>p:not(.eyebrow){margin-top:22px;font-size:16px;line-height:1.8}.guide-feature-copy .guide-edition{font-size:14px}.guide-feature-copy>.button{margin-top:26px}.guide-topics{margin-top:32px;border-top:1px solid var(--line);padding-top:22px}.guide-topics h3{font-size:16px;margin-bottom:12px}.guide-topics nav{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.guide-topic{display:flex;gap:8px;align-items:center;min-height:44px;font-size:15px;color:var(--ink)}.guide-topic small{font-size:12px;color:var(--muted);margin-left:auto;white-space:nowrap}.guide-topic:hover{text-decoration:underline;text-underline-offset:4px}
.guide-archive{padding-block:30px 72px}.guide-archive .sec-head{margin-bottom:28px}.guide-archive-row{display:grid;grid-template-columns:100px minmax(0,1fr) auto;gap:36px;align-items:center;padding:28px 0;border-top:1px solid var(--line)}.guide-archive-row:last-child{border-bottom:1px solid var(--line)}.guide-archive-art{padding:4px 8px 8px 0}.guide-archive-year{font-size:28px;font-family:var(--serif);color:var(--text);line-height:1.3;margin-bottom:12px}.guide-archive-year span{font:14px var(--sans);margin-left:16px;color:var(--muted)}.guide-archive-copy h3{font-size:22px;line-height:1.5;margin-bottom:10px}.guide-archive-copy>p:not(.guide-archive-year){font-size:15px}.guide-archive-copy .guide-tags{font-size:14px;margin-top:12px}.guide-archive-row>.text-link{font-size:14px;white-space:nowrap;align-self:center}.library-connections{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;padding-block:28px 76px}.library-connections h2{font-size:32px}.library-connections nav{display:flex;flex-direction:column;align-items:start;gap:12px}.library-connections .eyebrow{margin-bottom:18px}
.about-story{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:60px;align-items:center}.about-studio img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.about-studio figcaption,.about-detail figcaption{font-size:14px;color:var(--muted);padding-top:10px}.about-story .text-link{margin-top:18px;font-size:15px}.about-detail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:60px;align-items:center;padding-block:10px 72px}.about-detail h2{font-size:34px}.about-detail p:not(.eyebrow){font-size:16px;line-height:1.8;margin-top:22px;max-width:29em}.about-detail figure img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.about-detail .eyebrow{margin-bottom:18px}
.footer-directory{display:flex;justify-content:space-between;gap:28px;margin-bottom:28px}.footer-directory .footer-links{margin:0;gap:4px 22px;max-width:50%}.footer-directory .footer-links>span{flex-basis:100%;color:var(--muted);font-size:13px;margin-bottom:6px}.footer-directory .footer-links a{min-height:44px;display:inline-flex;align-items:center}
@media(max-width:1100px){.work-editorial{gap:40px}.guide-feature{gap:36px}.guide-feature-art{padding:35px;min-height:430px}.guide-feature-copy h2{font-size:30px}.guide-topics nav{grid-template-columns:1fr}.guide-archive-row{gap:24px}.about-story,.about-detail{gap:36px}.footer-directory{flex-direction:column;gap:24px}.footer-directory .footer-links{max-width:none}}
@media(max-width:800px){.work-editorial{grid-template-columns:1fr;gap:28px;padding-bottom:56px}.work-editorial .sec-head h2{font-size:28px;max-width:none}.work-editorial .sec-head>p{margin-top:14px;max-width:none}.work-editorial .work-grid h3{font-size:21px}.work-editorial .work-grid>div{gap:6px 12px}.guide-feature{grid-template-columns:1fr;gap:28px;padding-bottom:48px}.guide-feature-art{min-height:0;padding:30px;gap:20px}.guide-feature-art .guide-cover{max-width:170px}.guide-feature-copy h2{font-size:28px;max-width:18em}.guide-feature-copy .eyebrow{margin-bottom:16px}.guide-feature-copy>p:not(.eyebrow){margin-top:16px}.guide-topics nav{grid-template-columns:1fr 1fr;gap:0 18px}.guide-topic{font-size:14px}.guide-topic small{font-size:12px}.guide-archive{padding-block:20px 44px}.guide-archive .sec-head br{display:none}.guide-archive-row{grid-template-columns:76px minmax(0,1fr);gap:14px 22px;padding-block:24px;align-items:start}.guide-archive-copy h3{font-size:20px}.guide-archive-year{font-size:24px}.guide-archive-year span{display:block;font-size:13px;margin:6px 0 0}.guide-archive-row>.text-link{grid-column:2;justify-self:start;font-size:14px}.guide-tags{display:none}.library-connections{grid-template-columns:1fr;gap:24px;padding-block:20px 48px}.library-connections h2{font-size:28px}.about-story,.about-detail{grid-template-columns:1fr;gap:28px}.about-story{padding-bottom:40px}.about-detail{padding-bottom:44px}.about-detail h2{font-size:28px}.about-detail h2 br{display:none}.about-story h2{font-size:28px}.about-story p:not(.eyebrow):not(.section-note){font-size:16px}.about-studio img{aspect-ratio:3/2}.site-header nav.open>a{font-size:18px;padding:14px 4px;border-bottom:1px solid var(--line);min-height:52px}.site-header nav.open .nav-contact{font-size:16px;padding-inline:16px;margin-top:18px}.site-header nav.open>a[aria-current]{border-bottom:2px solid var(--ink)}}
@media(max-width:380px){.guide-topics nav{grid-template-columns:1fr}.guide-archive-row{grid-template-columns:65px minmax(0,1fr);gap:12px 18px}.guide-archive-copy h3{font-size:19px}.work-editorial .sec-head h2{font-size:26px}}
.guide-cover--2026 img{width:114%;height:114%;left:-7%;top:-7%}
.about-story h2{font-family:var(--serif);font-weight:400}

/* 2026-10-03 글꼴·가독성 마감 */
:root{--sans:'Pretendard Variable','Pretendard','Noto Sans KR','Malgun Gothic',sans-serif}
h2,h3{text-wrap:balance}
p,li{text-wrap:pretty}
.row-no,.module-list li>span,.section-note,.case-card .source-label{color:#556251}
.row-no,.module-list li>span,.guide-topic small,.section-note,.guide-row p.section-note,.about-story p.section-note,.case-card .source-label,.footer-bottom,.footer-bottom .text-link{font-size:14px}
.broadcast-stage>span>span{font-size:13px}
.dasi-stage-activities>span>span{font-size:clamp(14px,1.05vw,15px)}
.about-principles span{font-size:14px}
legend>span,summary>span,.required,.inquiry-editor .required,.inquiry-editor .field-optional,.inquiry-editor summary>span{font-size:13px}
.preview-bar{font-size:12px}
@media(max-width:700px){
.site-header .brand{min-height:44px}
.footer-contact a,.breadcrumb a,.footer-bottom .text-link{min-height:44px;display:inline-flex;align-items:center}
.text-link{position:relative}
.text-link::before{content:'';position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}
.consent a{display:inline-block;padding-block:14px;margin-block:-14px}
.edu-layout aside>a:not(.button){min-height:44px;display:inline-flex;align-items:center}
.dasi-stage-activities>span>span{font-size:13px}
}