:root{--ink:#17221d;--paper:#fbfaf5;--lime:#ddef7d;--coral:#d9583a;--green:#397d73;--blue:#46659a;--line:#cfcfc5;--serif:"Nanum Myeongjo",Georgia,serif;--sans:"Noto Sans KR",Arial,sans-serif;--mono:"DM Mono",monospace}.service-page{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}.service-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:23px clamp(22px,5vw,75px);border-bottom:1px solid var(--line);font:11px/1 var(--mono);letter-spacing:.08em}.service-header a{color:inherit;text-decoration:none}.service-header>a:last-child{justify-self:end}.service-brand{font:700 17px/1 var(--sans)!important;letter-spacing:-.04em!important}.service-hero{display:grid;grid-template-columns:1fr 1fr;min-height:550px}.service-hero>div{display:grid;align-content:center;padding:70px clamp(30px,10vw,160px)}.service-kicker,.meta,.section-label{margin:0;color:#6c766e;font:10px/1.5 var(--mono);letter-spacing:.13em}.service-hero h1{margin:23px 0 28px;font:400 clamp(44px,6.2vw,90px)/1.1 var(--serif);letter-spacing:-.1em}.service-hero p:last-child{margin:0;font:400 clamp(15px,1.35vw,19px)/1.9 var(--serif);word-break:keep-all}.service-hero img{width:100%;height:100%;min-height:550px;object-fit:cover}.content-section{display:grid;grid-template-columns:.9fr 1.2fr;gap:35px;width:min(1120px,calc(100% - 44px));margin:0 auto;padding:115px 0 75px;border-bottom:1px solid var(--line)}.content-section h2{grid-column:2;margin:0;font:400 clamp(32px,4.5vw,63px)/1.35 var(--serif);letter-spacing:-.1em;word-break:keep-all}.content-section .section-copy{grid-column:2;max-width:540px;margin:5px 0 0;color:#5c665f;font-size:14px;line-height:2;word-break:keep-all}.book-grid,.program-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:min(1120px,calc(100% - 44px));margin:0 auto;padding:65px 0 120px}.book-item{display:grid;gap:24px}.book-cover{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:390px;padding:24px;color:#fff;box-shadow:11px 14px 18px rgba(0,0,0,.16)}.book-cover:after{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.65)}.book-cover>*{position:relative;z-index:1}.book-cover span,.book-cover small{font:10px/1.5 var(--mono);letter-spacing:.08em}.book-cover strong{font:400 clamp(29px,3vw,46px)/1.28 var(--serif);letter-spacing:-.1em}.coral .book-cover{background:var(--coral)}.green .book-cover{background:var(--green)}.blue .book-cover{background:repeating-linear-gradient(135deg,var(--blue) 0 12px,#5672a8 12px 14px)}.book-item h3,.program-list h3,.form-title h3{margin:8px 0 9px;font:700 24px/1.4 var(--serif);letter-spacing:-.07em}.book-item p:not(.meta),.program-list>article>p{margin:0;color:#657068;font-size:13px;line-height:1.8;word-break:keep-all}.book-item a,.program-list a{display:inline-block;margin-top:22px;border-bottom:1px solid;padding-bottom:5px;font-size:12px;text-decoration:none}.book-item a span,.program-list a span{margin-left:13px}.program-list{gap:0;padding-top:25px}.program-list article{padding:46px 30px 55px;border-right:1px solid var(--line)}.program-list article:first-child{padding-left:0}.program-list article:last-child{border-right:0}.program-list dl{margin:29px 0 0;border-top:1px solid var(--line)}.program-list dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.program-list dt{color:#6d766f}.program-list dd{margin:0}.reservation-section{padding:55px 22px 120px}.reservation-form{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;width:min(820px,100%);margin:0 auto;padding:clamp(30px,5vw,70px);background:#edf1d8}.form-title{grid-column:span 2;margin-bottom:13px}.form-title p:last-child{margin:0;color:#5e695e;font-size:13px;line-height:1.8;word-break:keep-all}.reservation-form label{display:grid;gap:9px;font-size:12px}.reservation-form label:nth-of-type(5),.reservation-form .check-label,.reservation-form button{grid-column:span 2}.reservation-form input:not([type="checkbox"]),.reservation-form select,.reservation-form textarea{width:100%;border:0;border-bottom:1px solid #aeb5a2;padding:11px 1px;background:transparent;color:var(--ink);font:14px/1.5 var(--sans);outline:none}.reservation-form textarea{resize:vertical}.reservation-form input:focus,.reservation-form select:focus,.reservation-form textarea:focus{border-color:var(--ink)}.check-label{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start;margin-top:7px;color:#596357;line-height:1.6}.check-label input{margin:3px 0 0}.check-label em{font-style:normal;color:#7c857a}.reservation-form button{margin-top:8px;border:1px solid var(--ink);padding:16px;background:var(--ink);color:#fff;cursor:pointer;font-size:13px}.reservation-form button span{margin-left:13px}@media(max-width:760px){.service-header{padding:20px 22px}.service-hero{grid-template-columns:1fr}.service-hero>div{min-height:440px;padding:90px 28px 55px}.service-hero img{min-height:310px;max-height:360px}.content-section{grid-template-columns:1fr;padding:70px 0 45px}.content-section h2,.content-section .section-copy{grid-column:auto}.content-section .section-copy{font-size:13px}.book-grid,.program-list{grid-template-columns:1fr;padding:45px 0 75px}.book-item{grid-template-columns:145px 1fr;align-items:center}.book-cover{min-height:220px;padding:16px}.book-cover strong{font-size:25px}.program-list article,.program-list article:first-child{padding:32px 0;border-right:0;border-bottom:1px solid var(--line)}.reservation-section{padding:30px 14px 70px}.reservation-form{grid-template-columns:1fr;padding:30px 22px}.form-title,.reservation-form label:nth-of-type(5),.reservation-form .check-label,.reservation-form button{grid-column:auto}.reservation-form label{grid-column:auto!important}.reservation-form .check-label,.reservation-form button{grid-column:auto!important}}
