@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Noto+Sans+KR:wght@300;400;500;600&display=swap');
:root{--ink:#1e201c;--paper:#f7f4ed;--cream:#ebe5d8;--sage:#92bca0;--moss:#3f6045;--rust:#9f3e2a;--line:rgba(30,32,28,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Pretendard,Arial,sans-serif}button,a{font:inherit;color:inherit}a{text-decoration:none}.header{height:96px;position:absolute;z-index:5;width:100%;top:0;padding:0 7%;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{line-height:.92;display:flex;flex-direction:column;letter-spacing:-.08em;font-size:15px}.brand strong{font-size:27px;font-weight:700}.header nav{display:flex;gap:48px;font-size:14px;font-weight:600}.header nav a{opacity:.9}.header nav a:hover{color:#c7e7d1}.menu{display:none;background:transparent;border:0;width:28px;padding:0}.menu i{display:block;height:1px;background:currentColor;margin:7px}.hero{padding:0 4.7% 0}.hero-video{height:min(800px,100vh);min-height:650px;position:relative;overflow:hidden;background:linear-gradient(100deg,rgba(12,20,15,.72),rgba(23,36,29,.34)),url('./캐릭터/한가람/국립중앙박물관 정문으로 가는 길.jpeg') center/cover}.hero-video:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,15,12,.5),transparent 52%)}.hero-shade{position:absolute;inset:0;background:radial-gradient(circle at 74% 18%,rgba(185,143,95,.2),transparent 26%)}.hero-grain{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:64px 64px}.hero-top,.hero-bottom{position:absolute;z-index:1;display:flex;justify-content:space-between;left:5%;right:5%;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.14em}.hero-top{top:122px}.hero-bottom{bottom:30px;align-items:center}.scroll-line{height:1px;width:220px;background:rgba(255,255,255,.6);margin-left:auto;margin-right:16px}.hero-copy{position:absolute;z-index:1;left:8.5%;bottom:17%;color:#fff}.eyebrow,.section-number{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.13em}.hero h1,.intro h2,.section-heading h2,.issues h2,.exam h2,.sample h2{font-family:'Noto Serif KR',serif;letter-spacing:-.065em}.hero h1{font-size:clamp(42px,5.3vw,76px);line-height:1.26;margin:18px 0 22px;font-weight:500}.hero h1 em,.exam h2 em{font-style:normal;color:#bad5bd}.hero-copy>p:last-of-type{line-height:1.7;font-size:15px;opacity:.9}.play-button{margin-top:23px;color:#fff;background:transparent;border:1px solid rgba(255,255,255,.65);padding:13px 19px;font-size:13px;cursor:pointer}.play-button span{font-size:10px;margin-right:7px}.section{padding:130px 9%}.intro{display:grid;grid-template-columns:1fr 1.65fr 1fr;gap:30px;align-items:start}.intro h2{font-size:42px;margin:0;line-height:1.45;font-weight:500}.intro-text{line-height:1.9;font-size:15px;margin:25px 0 0}.floor-section{background:#1d1d1a;color:#f7f4ed;padding:100px 8% 130px}.section-heading{display:grid;grid-template-columns:1fr 1.4fr 1fr;align-items:end;margin-bottom:48px}.section-heading h2{margin:0;font-size:42px;font-weight:500}.section-heading>p:last-child{font-size:14px;line-height:1.6;margin:0}.floor-wrap{border:1px solid rgba(247,244,237,.55);padding:64px 32px 32px;position:relative;max-width:1160px;margin:auto;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:40px 40px}.map-label{position:absolute;top:20px;left:26px;font:11px 'DM Mono',monospace;letter-spacing:.18em}.north{position:absolute;right:25px;top:12px;text-align:center;font:10px 'DM Mono',monospace}.north span{font-size:25px;color:var(--rust)}.floor-map{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,132px);gap:18px;position:relative}.gallery,.entrance{border:0;background:#f4f0e9;color:#181917;padding:18px;cursor:pointer;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 3px 0 rgba(0,0,0,.32);transition:transform .25s,background .25s}.gallery:hover{transform:translateY(-5px);background:#c5e0cb}.gallery b{position:absolute;align-self:flex-start;align-self:start;color:#75bb90;font:italic 27px Georgia,serif;font-weight:400}.gallery span{font-size:12px;margin-top:15px}.gallery strong{font-size:16px;margin:6px 0;font-weight:500}.gallery em{font:italic 15px Georgia,serif}.g4{grid-column:1/3}.g5{grid-column:3/5}.g6{grid-column:5/7}.g3{grid-column:1/3}.g7{grid-column:5/7}.g2{grid-column:1/3}.g8{grid-column:5/7}.g1{grid-column:1/3}.g9{grid-column:5/7}.g11{grid-column:2/3}.g10{grid-column:4/5}.entrance{grid-column:3/4;background:#8bbb9a;box-shadow:none}.entrance span,.entrance em{font-size:11px}.entrance strong{margin:9px 0;font-size:16px}.atrium{position:absolute;z-index:0;left:39.4%;top:42%;width:21%;aspect-ratio:1;border:1px solid #080808;border-radius:50%;background:#26251f;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#161612}.atrium em{font:italic 14px Georgia,serif;color:#69645b;margin-top:7px}.issues{background:#f1ede4}.issues-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.issues h2{font-size:48px;font-weight:500;margin:18px 0 8px}.issues-intro{line-height:1.8;font-size:14px;margin:0}.issue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.issue-card{min-height:235px;background:#fff;padding:28px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;border:1px solid transparent;cursor:pointer;transition:.25s}.issue-card:hover{border-color:#6ca783;box-shadow:0 16px 25px rgba(38,43,33,.08)}.issue-card span{font:11px 'DM Mono',monospace;color:#789e81}.issue-card h3{font:500 21px/1.55 'Noto Serif KR',serif;letter-spacing:-.06em;margin:20px 0}.issue-card b{font-size:14px;color:#629873}.exam{padding:130px 10%;color:#f8f4eb;background:#284335;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.exam h2{font-size:50px;line-height:1.35;font-weight:500;margin:18px 0 24px}.exam-copy>p:not(.section-number){font-size:15px;line-height:1.85;max-width:480px;color:rgba(255,255,255,.8)}.outline-button{display:inline-block;margin-top:25px;border-bottom:1px solid #c7d7ca;padding:10px 0;color:#fff;font-size:14px}.outline-button span{margin-left:50px}.exam-card{height:330px;background:#e6dfcf;color:#263a2e;padding:34px;display:flex;flex-direction:column;position:relative;overflow:hidden}.exam-card:after{content:'歷';font:260px 'Noto Serif KR',serif;position:absolute;right:-25px;bottom:-100px;color:rgba(49,86,58,.1)}.exam-card span{font:10px 'DM Mono',monospace;line-height:1.6;letter-spacing:.1em}.exam-card strong{font:500 29px/1.55 'Noto Serif KR',serif;letter-spacing:-.06em;margin:auto 0 8px;z-index:1}.exam-card em{font:italic 14px Georgia,serif}.exam-card i{position:absolute;right:34px;top:35px;font:12px 'DM Mono',monospace}.sample{padding-top:100px;padding-bottom:100px}.sample-title{display:flex;justify-content:space-between;align-items:flex-end;margin:25px 0 38px}.sample h2{font-size:40px;margin:0;font-weight:500}.sample-title p{font-size:14px;color:#666}.sample-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr;border-top:1px solid var(--ink)}.sample-grid>*,.apply{min-height:155px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px;font:31px 'DM Mono',monospace;display:flex;justify-content:space-between}.sample-grid span{align-self:flex-end;font:15px Pretendard,sans-serif}.apply{background:#8bb99a;flex-wrap:wrap}.apply small{width:100%;font:12px Pretendard,sans-serif;align-self:flex-end}.apply b{font-size:28px}footer{padding:55px 9%;background:#1d1e1a;color:#eee9df;display:flex;justify-content:space-between;align-items:end;font-size:12px}footer .brand strong{font-size:22px}footer div{display:flex;gap:18px}dialog{padding:0;border:0;width:min(680px,90vw);color:var(--ink);background:#f8f4ec;box-shadow:0 20px 80px rgba(0,0,0,.4)}dialog::backdrop{background:rgba(17,23,18,.7);backdrop-filter:blur(5px)}dialog h2,dialog p,dialog small{display:block;margin-left:36px;margin-right:36px}dialog h2{font:500 29px/1.5 'Noto Serif KR',serif;letter-spacing:-.06em}dialog p{line-height:1.9;font-size:15px}dialog small{margin-bottom:36px;color:#777}.modal-video{height:240px;background:linear-gradient(135deg,#283c2e,#759e7d);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;font:11px 'DM Mono',monospace;letter-spacing:.12em}.modal-video b{font-size:24px}.close{position:absolute;right:12px;top:10px;border:0;background:transparent;color:#fff;font-size:34px;cursor:pointer}
@media(max-width:720px){.header{height:74px;padding:0 7%}.header nav{display:none}.menu{display:block}.hero{padding:0}.hero-video{min-height:620px}.hero-copy{left:8%;right:8%;bottom:15%}.hero h1{font-size:39px}.hero-top{top:94px}.scroll-line{width:80px}.section{padding:75px 7%}.intro,.section-heading{grid-template-columns:1fr;gap:15px}.intro h2,.section-heading h2{font-size:33px}.intro-text{margin:0}.floor-section{padding:70px 4%}.section-heading{margin:0 4% 30px}.floor-wrap{padding:49px 10px 10px;overflow-x:auto}.floor-map{width:720px;grid-template-rows:repeat(5,104px);gap:10px}.gallery{padding:10px}.gallery strong{font-size:13px}.gallery em{font-size:12px}.gallery b{font-size:20px}.issues-head,.sample-title{display:block}.issues h2{font-size:38px}.issues-intro{margin-top:20px}.issue-grid{grid-template-columns:1fr}.issue-card{min-height:180px}.exam{padding:80px 7%;grid-template-columns:1fr;gap:45px}.exam h2{font-size:39px}.exam-card{height:270px}.sample-grid{grid-template-columns:1fr}.sample-grid>*{min-height:110px}.sample-title p{line-height:1.7}.sample-grid>*{border-right:0}footer{padding:40px 7%;display:block}footer p{margin:30px 0}footer div{justify-content:space-between}.atrium{display:none}}
.gallery{position:relative;isolation:isolate;overflow:hidden}.gallery.has-thumb:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(244,240,233,.58),rgba(244,240,233,.72)),var(--room-thumb) center/cover no-repeat;z-index:-1}.gallery.has-thumb:hover:before{background:linear-gradient(rgba(197,224,203,.62),rgba(197,224,203,.74)),var(--room-thumb) center/cover no-repeat}.room-intro{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(210px,.9fr);background:#1d1d1a;color:#f7f4ed;margin:0 0 34px}.room-intro[hidden]{display:none}.room-intro-media{aspect-ratio:16/9;background:#29342c;overflow:hidden}.room-intro-media iframe{width:100%;height:100%;border:0;display:block}.room-intro-caption{padding:32px;display:flex;flex-direction:column;align-items:flex-start}.room-intro-caption span{font:10px 'DM Mono',monospace;letter-spacing:.14em;color:#9ec3a8}.room-intro-caption strong{font:500 24px/1.5 'Noto Serif KR',serif;margin:auto 0}.room-intro-caption a{font-size:13px;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:5px}@media(max-width:720px){.room-intro{grid-template-columns:1fr}.room-intro-caption{padding:22px;min-height:150px}}
.video-feedback-slot{width:100%;margin-top:22px}.video-feedback{padding:18px;border:1px solid rgba(146,188,160,.65);background:#f7f4ed;color:#1e201c}.video-feedback h4{margin:0 0 5px;font:600 17px 'Noto Serif KR',serif}.video-feedback>p{margin:0 0 13px!important;font-size:11px!important;color:#647067!important}.video-feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.video-feedback input,.video-feedback textarea{width:100%;border:1px solid var(--line);background:#fff;padding:10px;font:12px Pretendard,Arial,sans-serif}.video-feedback textarea{grid-column:1/-1;min-height:78px;resize:vertical}.video-feedback button{margin-top:9px;border:0;background:var(--moss);color:#fff;padding:9px 13px;font-size:12px;cursor:pointer}.video-feedback-message{display:inline-block;margin-left:9px!important;font-size:11px!important;color:#356047!important}.video-feedback .feedback-trap{position:absolute;left:-9999px}.room-intro-caption .video-feedback a{border:0}.room-intro-caption .video-feedback{margin-top:0}.room-intro-caption{min-width:0}.detail-block .video-feedback-slot{margin:18px 0 0}@media(max-width:720px){.video-feedback-grid{grid-template-columns:1fr}.video-feedback textarea{grid-column:auto}}