:root{--black:#080808;--white:#f7f7f5;--gray:#5f5f5f;--line:#c8c8c4;--accent:#ff4b23}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);color:var(--black);margin:0;font-family:Arial,Pretendard,Apple SD Gothic Neo,sans-serif;font-size:14px;font-weight:700}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;font-weight:700}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header{border-bottom:1px solid var(--black);z-index:10;justify-content:space-between;align-items:center;height:84px;padding:0 3.5vw;display:flex;position:absolute;inset:0 0 auto}.logo{letter-spacing:-.1em;align-items:center;gap:8px;font-family:Arial Black,Arial,sans-serif;font-size:30px;font-weight:900;display:flex}.logo span{letter-spacing:.14em;writing-mode:vertical-rl;font-family:Arial,sans-serif;font-size:14px;font-weight:700}.nav{text-transform:uppercase;letter-spacing:.08em;gap:38px;font-size:14px;font-weight:700;display:flex}.nav a{border-bottom:1px solid #0000;padding:4px 0}.nav a:hover{border-color:var(--black)}.menu{background:0 0;border:0;padding:10px;display:none}.menu span{background:var(--black);width:25px;height:1px;margin:6px 0;display:block}.hero{grid-template-rows:auto 1fr auto;grid-template-columns:1fr 1fr;height:100vh;min-height:780px;max-height:980px;padding:125px 3.5vw 36px;display:grid;position:relative;overflow:hidden}.hero-index{letter-spacing:.13em;font-size:14px;font-weight:700;line-height:1.5}.hero-title{z-index:1;grid-column:1/-1;align-self:center;margin-top:-3vw;position:relative}.hero-title p{letter-spacing:-.06em;margin:0 0 10px .5vw;font-size:clamp(23px,2.4vw,38px);font-weight:700}.hero h1{letter-spacing:-.11em;white-space:nowrap;margin:0;font-family:Arial Black,Arial,Apple SD Gothic Neo,sans-serif;font-size:clamp(76px,13vw,210px);font-weight:900;line-height:.82}.hero h1 span{background:var(--black);color:var(--white);vertical-align:.04em;justify-content:center;align-items:center;width:.78em;height:.78em;margin-left:.08em;font-family:Georgia,Noto Serif KR,serif;font-size:.82em;font-weight:700;display:inline-flex}.hero-side{align-self:end;justify-items:start;gap:24px;display:grid}.hero-copy{letter-spacing:-.02em;margin:0;font-size:14px;font-weight:700;line-height:1.8}.discussion-cta{background:var(--accent);width:min(100%,340px);min-height:64px;color:var(--white);border:2px solid var(--black);box-shadow:6px 6px 0 var(--black);letter-spacing:-.025em;justify-content:space-between;align-items:center;gap:20px;padding:17px 20px;font-size:16px;font-weight:900;transition:transform .2s,box-shadow .2s,background .2s;display:flex}.discussion-cta b{font-size:24px}.discussion-cta:hover,.discussion-cta:focus-visible{box-shadow:8px 8px 0 var(--black);background:#ff2f00;outline:none;transform:translate(-2px,-2px)}.round-link{z-index:3;border:1px solid var(--black);cursor:pointer;border-radius:50%;place-items:center;width:76px;height:76px;font-size:24px;transition:all .25s;display:grid;position:absolute;top:28%;right:3.5vw}.round-link:hover{background:var(--black);color:var(--white)}.hero-rule{border-top:1px solid var(--black);letter-spacing:.16em;grid-column:1/-1;justify-content:space-between;margin-top:35px;padding-top:12px;font-size:14px;display:flex}.section{padding:120px 3.5vw}.section-title{border-bottom:1px solid var(--black);grid-template-columns:1fr 2fr auto;align-items:end;margin-bottom:52px;padding-bottom:22px;display:grid}.section-title p,.about-label,.letter-heading>p{letter-spacing:.16em;margin:0;font-size:14px;font-weight:700}.section-title h2{letter-spacing:-.08em;margin:0;font-size:clamp(42px,5.4vw,78px);line-height:.9}.section-title>a{font-size:14px;font-weight:700}.books .section-title,.journal .section-title{grid-template-columns:1fr auto 1fr}.books .section-title h2,.journal .section-title h2{text-align:center}.books .section-title>a{justify-self:end}.book-grid{grid-template-columns:repeat(3,1fr);gap:3vw;display:grid}.cover{aspect-ratio:.68;border:1px solid var(--black);flex-direction:column;padding:18px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.cover:hover{transform:translateY(-8px)}.cover-top{letter-spacing:.05em;z-index:1;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:14px;font-weight:700;line-height:1.25;display:flex;position:relative}.cover>b{z-index:1;justify-content:center;align-items:center;margin:auto;font-family:Arial Black,Arial,sans-serif;font-size:clamp(74px,9vw,150px);line-height:1;display:flex;position:relative}.cover-bottom{z-index:1;position:relative}.cover-bottom h3{letter-spacing:-.07em;max-width:85%;margin:0 0 8px;font-size:clamp(16px,1.7vw,25px);line-height:1.25}.cover-bottom p{margin:0;font-size:14px;line-height:1.45}.cover-solid{background:var(--black);color:var(--white)}.cover-frame:before{content:"";border:8px solid var(--black);position:absolute;inset:18% 14%}.cover-frame>b{background:var(--white);width:60%}.cover-circle>b{background:var(--black);color:var(--white);aspect-ratio:1;border-radius:50%;width:58%;font-size:0}.cover-circle>b:after{content:"聲";font-family:Georgia,serif;font-size:clamp(58px,7vw,115px)}.cover-type{background:repeating-linear-gradient(90deg,var(--white) 0,var(--white) 9%,var(--black) 9%,var(--black) 9.5%)}.cover-type .cover-top,.cover-type .cover-bottom{background:var(--white);padding:5px}.cover-type>b{background:var(--white);border:1px solid var(--black);aspect-ratio:1;width:64%}.book-info{grid-template-columns:35px 1fr;padding-top:16px;display:grid}.book-info>span{font-size:14px;font-weight:700}.book-info h3{letter-spacing:-.04em;margin:0 0 7px;font-size:14px}.book-info p{color:var(--gray);margin:0;font-size:14px;line-height:1.55}.book-info em{letter-spacing:.04em;border:1px solid var(--black);margin-top:10px;padding:7px 9px;font-size:14px;font-style:normal;font-weight:700;display:inline-block}.about{background:var(--black);min-height:760px;color:var(--white);grid-template-columns:1fr 2fr 1.25fr;padding:90px 3.5vw;display:grid;position:relative;overflow:hidden}.about-label{opacity:.65;padding-top:12px}.about-copy h2{letter-spacing:-.09em;margin:0;font-size:clamp(48px,6vw,88px);line-height:1.12}.about-copy p{color:#aaa;max-width:500px;margin:50px 0 28px;font-size:14px;line-height:1.9}.about-copy a{border-bottom:1px solid var(--white);padding-bottom:7px;font-size:14px;font-weight:700;display:inline-block}.about-glyph{aspect-ratio:1;border:1px solid #444;place-self:center end;place-items:center;width:min(28vw,390px);font-family:Georgia,Noto Serif KR,serif;font-size:clamp(140px,18vw,280px);display:grid;transform:rotate(7deg)}.journal-list{border-top:1px solid var(--black)}.journal-row{border-bottom:1px solid var(--black);grid-template-columns:70px 150px 1fr 110px 25px;align-items:center;gap:15px;min-height:120px;transition:all .2s;display:grid}.journal-row:hover{background:var(--black);color:var(--white);padding:0 18px}.journal-row>span,.journal-row>p,.journal-row>time{letter-spacing:.05em;font-size:14px;font-weight:700}.journal-row h3{letter-spacing:-.05em;margin:0;font-size:clamp(18px,2vw,28px)}.journal-row b{font-size:18px}.letter{background:#dededb;grid-template-columns:1fr 1fr;gap:5vw;padding:100px 3.5vw;display:grid}.letter-heading h2{letter-spacing:-.09em;margin:28px 0 0;font-size:clamp(52px,7vw,100px);line-height:1}.letter-form{align-self:end}.letter-form>p{margin:0 0 42px;font-size:14px;line-height:1.8}.letter-form form{border:1px solid #00000029;border-bottom:2px solid var(--black);background:#ffffff6b;padding:0 16px;display:flex}.letter-form input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:18px 0;font-size:14px}.letter-form button{cursor:pointer;text-align:right;background:0 0;border:0;min-width:70px;font-size:14px;font-weight:700}.letter-form small{color:#555;margin-top:12px;font-size:14px;line-height:1.55;display:block}footer{background:var(--black);color:var(--white);grid-template-columns:1fr 1.5fr 1fr;gap:40px;padding:70px 3.5vw 28px;display:grid}.footer-logo{font-size:46px}.footer-business{gap:8px;margin:0;display:grid}.footer-business div{grid-template-columns:120px 1fr;gap:18px;display:grid}.footer-business dt,.footer-business dd,.footer-links a{color:#c5c5c5;margin:0;font-size:14px;font-weight:700;line-height:1.8}.footer-business dt{color:#8f8f8f}.footer-links{justify-self:end;display:grid}.footer-bottom{letter-spacing:.08em;color:#aaa;border-top:1px solid #444;grid-column:1/-1;justify-content:space-between;margin-top:45px;padding-top:20px;font-size:14px;font-weight:700;display:flex}@media (max-width:900px){.header{height:72px}.menu{z-index:3;display:block}.nav{background:var(--white);border-bottom:1px solid var(--black);flex-direction:column;padding:105px 5vw 40px;font-size:24px;display:none;position:absolute;inset:0 0 auto}.nav-open{display:flex}.hero{height:92vh;min-height:720px;padding-top:110px}.hero-title{grid-column:1/-1}.hero h1{font-size:15vw}.round-link{top:auto;bottom:82px}.book-grid{grid-template-columns:repeat(2,1fr);gap:50px 20px}.about{grid-template-columns:100px 1fr}.about-glyph{display:none}.journal-row{grid-template-columns:45px 110px 1fr 25px}.journal-row time{display:none}}@media (max-width:560px){.header,.hero,.section,.about,.letter,footer{padding-left:20px;padding-right:20px}.hero{grid-template-columns:1fr;min-height:700px}.hero-title p{font-size:19px}.hero h1{white-space:normal;max-width:90%;font-size:18vw;line-height:.95}.hero h1 span{width:1em;height:1em;margin:18px 0 0;display:flex}.hero-copy{font-size:14px}.round-link{width:54px;height:54px;right:20px}.section{padding-top:82px;padding-bottom:82px}.section-title{grid-template-columns:1fr auto}.section-title p{grid-column:1/-1;margin-bottom:32px}.section-title h2{font-size:42px}.section-title>a{font-size:14px}.books .section-title,.journal .section-title{grid-template-columns:1fr}.books .section-title p,.journal .section-title p{grid-column:1}.books .section-title h2,.journal .section-title h2{text-align:center;grid-column:1;margin-bottom:28px}.books .section-title>a{grid-column:1;justify-self:center}.book-grid{grid-template-columns:1fr;gap:56px}.cover{padding:18px}.cover-top{font-size:14px}.cover>b{font-size:62px}.cover-bottom h3{font-size:14px}.cover-circle>b:after{font-size:50px}.book-info{grid-template-columns:22px 1fr}.book-info h3{font-size:14px}.about{min-height:650px;padding-top:70px;display:block}.about-label{margin-bottom:55px}.about-copy h2{font-size:44px}.journal-row{grid-template-columns:34px 1fr 20px;min-height:105px}.journal-row>p{color:#777;grid-area:1/2;align-self:start;margin-top:24px}.journal-row h3{grid-area:1/2;align-self:end;margin-bottom:22px;font-size:17px;line-height:1.35}.journal-row b{grid-column:3}.letter{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px}.letter-heading h2{margin-bottom:65px;font-size:52px}footer{grid-template-columns:1fr;gap:28px}.footer-links{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.discussion-page{--discussion-gutter:clamp(20px,3.5vw,68px);background:var(--white);min-height:100vh}.discussion-header{height:84px;padding:0 var(--discussion-gutter);border-bottom:1px solid var(--black);justify-content:space-between;align-items:center;display:flex}.back-link{letter-spacing:.08em;text-transform:uppercase;font-size:14px;font-weight:700}.discussion-hero{min-height:670px;padding:78px var(--discussion-gutter) 55px;text-align:left;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;justify-items:start;display:grid;position:relative;overflow:hidden}.discussion-index{letter-spacing:.16em;margin:0;font-size:14px;font-weight:700}.discussion-hero h1{letter-spacing:-.1em;text-align:left;grid-column:1;place-self:center start;width:100%;margin:70px 0 0;padding-bottom:58px;font-size:clamp(68px,8.6vw,132px);line-height:1.08}.discussion-intro{border-top:1px solid var(--black);text-align:left;grid-column:1;grid-template-columns:1fr;justify-items:start;gap:22px;width:100%;padding-top:25px;display:grid}.discussion-intro p{text-align:left;width:100%;max-width:680px;margin:0;font-size:14px;font-weight:700;line-height:1.8}.discussion-intro>p:first-child{justify-self:start}.discussion-intro strong{text-align:left;margin-top:12px;font-size:16px;display:block}.topic-section{background:var(--black);color:var(--white);min-height:520px;padding:85px var(--discussion-gutter);text-align:left;display:block}.topic-section>p{letter-spacing:.16em;color:#bbb;margin:10px 0 0;font-size:14px;font-weight:700}.topic-section h2{letter-spacing:-.085em;text-align:left;margin:48px 0 0;font-size:clamp(48px,6.5vw,96px);line-height:1.15}.topic-section>span{color:#c5c5c5;text-align:left;max-width:660px;margin-top:52px;font-size:14px;font-weight:700;line-height:1.8;display:block}.opinions-section{padding:110px var(--discussion-gutter);text-align:left}.discussion-section-title{border-bottom:1px solid var(--black);text-align:left;margin-bottom:0;padding-bottom:24px;display:block}.discussion-section-title>p{letter-spacing:.16em;margin:8px 0 0;font-size:14px;font-weight:700}.discussion-section-title h2{letter-spacing:-.08em;margin:32px 0 0;font-size:clamp(40px,5vw,72px);line-height:1}.discussion-section-title>span{color:#555;margin-top:18px;font-size:14px;font-weight:700;display:block}.opinion-list{border-top:0}.opinion-card{border-bottom:1px solid var(--black);text-align:left;padding:42px 0;display:block}.opinion-card h3{letter-spacing:-.04em;margin:0 0 24px;font-size:18px}.opinion-card p{letter-spacing:-.025em;max-width:900px;margin:0;font-family:Georgia,Noto Serif KR,serif;font-size:17px;line-height:1.85}.public-opinions{background:#e5e5e2}.empty-opinions{border-bottom:1px solid var(--black);color:#555;margin:0;padding:22px 0;font-size:14px;font-weight:700;line-height:1.7}.participate-section{background:var(--black);color:var(--white);padding:110px var(--discussion-gutter);text-align:left;grid-template-columns:minmax(0,1.15fr) minmax(0,1.85fr);gap:5vw;display:grid}.participate-heading{text-align:left}.participate-heading>p{color:#bbb;letter-spacing:.16em;margin:0 0 38px;font-size:14px;font-weight:700}.participate-heading h2{letter-spacing:-.085em;margin:0 0 35px;font-size:clamp(46px,4.7vw,72px);line-height:1.1}.participate-heading h2 span{white-space:nowrap;display:block}.participate-heading>span{color:#c5c5c5;font-size:14px;font-weight:700;line-height:1.6}.discussion-form{align-self:start}.form-grid{grid-template-columns:1fr 1fr;gap:28px;display:grid}.discussion-form label{letter-spacing:.08em;text-align:left;justify-items:stretch;gap:12px;font-size:14px;font-weight:700;display:grid}.discussion-form input,.discussion-form select,.discussion-form textarea{width:100%;color:var(--white);background:#191919;border:1px solid #4c4c4c;border-bottom-color:#777;border-radius:0;outline:0;padding:14px;font-size:14px}.discussion-form select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.discussion-form input:focus,.discussion-form select:focus,.discussion-form textarea:focus{border-color:var(--white)}.opinion-field{margin-top:28px}.discussion-form textarea{resize:vertical;min-height:180px;line-height:1.65}.discussion-form textarea::placeholder{color:#666}.honeypot{width:1px!important;height:1px!important;position:absolute!important;left:-9999px!important;overflow:hidden!important}.privacy-box{border:1px solid #555;margin-top:34px;padding:22px}.privacy-box strong{font-size:14px}.privacy-box p{color:#c5c5c5;margin:12px 0 18px;font-size:14px;font-weight:700;line-height:1.65}.privacy-box label{grid-template-columns:auto 1fr;align-items:center;gap:9px;font-size:14px;line-height:1.45;display:flex}.privacy-box input{width:15px;height:15px;accent-color:var(--white);margin:0}.discussion-form>button{background:var(--white);width:100%;color:var(--black);border:1px solid var(--white);cursor:pointer;margin-top:25px;padding:18px;font-size:14px;font-weight:700;transition:all .2s}.discussion-form>button:hover{background:var(--black);color:var(--white)}.discussion-form>button:disabled{opacity:.5;cursor:wait}.form-message{color:#ddd;margin:15px 0 0;font-size:14px;font-weight:700;line-height:1.5}.discussion-footer{min-height:150px;padding:45px var(--discussion-gutter);background:var(--white);color:var(--black);justify-content:space-between;align-items:center;display:flex}.discussion-footer .footer-logo{color:var(--black)}.discussion-footer>span{letter-spacing:.08em;font-size:14px;font-weight:700}.admin-page{background:var(--white);min-height:100vh}.admin-shell{padding:90px 3.5vw 120px}.admin-heading{border-bottom:2px solid var(--black);grid-template-columns:1fr 2.2fr;padding-bottom:28px;display:grid}.admin-heading>p{letter-spacing:.12em;margin:8px 0 0;font-size:14px}.admin-heading h1{letter-spacing:-.085em;margin:0;font-size:clamp(52px,7vw,104px);line-height:.95}.admin-heading>span{color:#555;grid-column:2;margin-top:24px;font-size:14px}.admin-login{border:2px solid var(--black);gap:16px;width:min(100%,620px);margin:70px auto 0;padding:34px;display:grid}.admin-login label{letter-spacing:.06em;font-size:14px}.admin-login input{border:1px solid #c7c7c2;border-bottom:2px solid var(--black);background:#ecece8;outline:0;width:100%;padding:16px;font-size:18px}.admin-login input:focus{border-color:var(--accent)}.admin-login button,.admin-toolbar button{border:2px solid var(--black);background:var(--black);color:var(--white);cursor:pointer;padding:15px 18px;font-size:14px}.admin-content{margin-top:55px}.admin-toolbar{border-bottom:2px solid var(--black);justify-content:space-between;align-items:center;gap:25px;min-height:70px;display:flex}.admin-opinion-list{border-top:0}.admin-opinion{border-bottom:1px solid var(--black);grid-template-columns:minmax(140px,.7fr) 2.3fr auto;align-items:start;gap:36px;padding:34px 0;display:grid}.admin-opinion h2{margin:0 0 10px;font-size:20px}.admin-opinion time{color:#666;font-size:14px}.admin-opinion p{margin:0;font-family:Georgia,Noto Serif KR,serif;font-size:16px;line-height:1.8}.admin-opinion button{border:2px solid var(--accent);background:var(--accent);min-width:76px;color:var(--white);cursor:pointer;padding:12px 15px;font-size:14px}.admin-opinion button:hover{background:var(--black);border-color:var(--black)}.admin-opinion button:disabled{opacity:.5;cursor:wait}.admin-status{border-bottom:1px solid var(--black);margin:55px 0 0;padding:24px 0;font-size:14px}.admin-message{color:#a5270d;width:min(100%,620px);margin:20px auto 0;font-size:14px}@media (max-width:1100px){.participate-section{display:block}.participate-heading{margin-bottom:65px}.participate-heading h2{font-size:clamp(48px,8vw,72px)}}@media (max-width:900px){.discussion-hero{grid-template-columns:1fr;min-height:650px}.discussion-hero h1{grid-column:1}.discussion-intro{grid-template-columns:1fr}.topic-section,.discussion-section-title,.opinion-card,.participate-section,.admin-heading{grid-template-columns:150px 1fr}.admin-opinion{grid-template-columns:130px 1fr auto;gap:24px}}@media (max-width:560px){.discussion-header{height:72px}.discussion-header .logo{font-size:25px}.discussion-hero{min-height:680px;padding-top:55px}.discussion-hero h1{align-self:center;padding-bottom:42px;font-size:55px;line-height:1.15}.discussion-intro{grid-template-columns:1fr;gap:25px}.topic-section{min-height:500px;padding-top:65px;display:block}.topic-section h2{margin-top:55px;font-size:48px}.topic-section>span{margin-top:45px;display:block}.opinions-section{padding-top:75px;padding-bottom:75px}.discussion-section-title{display:block}.discussion-section-title h2{margin-top:35px;font-size:40px}.discussion-section-title>span{margin-top:16px;display:block}.opinion-card{padding:35px 0;display:block}.opinion-card h3{margin-bottom:24px}.opinion-card p{font-size:15px;line-height:1.8}.participate-section{padding-top:75px;padding-bottom:75px;display:block}.participate-heading{margin-bottom:65px}.participate-heading h2{font-size:50px}.form-grid{grid-template-columns:1fr;gap:24px}.discussion-footer{gap:25px;display:grid}.admin-shell{padding:65px 20px 90px}.admin-heading{display:block}.admin-heading h1{margin-top:36px;font-size:54px}.admin-heading>span{line-height:1.6;display:block}.admin-login{margin-top:45px;padding:24px 20px}.admin-toolbar{align-items:flex-start}.admin-opinion{padding:30px 0;display:block}.admin-opinion p{margin:24px 0}.admin-opinion button{width:100%}}
