@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--ink:#294c43;--muted:#69736b;--paper:#faf9f5;--line:#dedfd5;--orange:#b76645}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:15px;line-height:1.8}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;z-index:9}header{max-width:1320px;margin:auto;padding:27px 50px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:600;letter-spacing:-1px;display:flex;gap:10px;align-items:center}.mark{font-size:35px}.brand-sub{font-size:11px;font-weight:400;letter-spacing:0;margin-left:12px;border-left:1px solid var(--line);padding-left:20px}nav{display:flex;gap:30px;font-size:13px}.small{border:1px solid #b9c8bd;border-radius:5px;background:transparent;color:var(--ink);padding:9px 15px;font-size:12px}.small span{margin-left:20px}.hero{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;padding:64px 0 58px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:10px}.hero .eyebrow{letter-spacing:1px;font-size:13px}.dot{width:7px;height:7px;background:#b76b47;border-radius:50%}h1,h2{font-family:'Noto Serif KR',serif;font-weight:500;letter-spacing:-1.9px;line-height:1.55}h1{font-size:46px;margin:20px 0}h1 em{font-style:normal;color:#a96348}h2{font-size:30px;margin:13px 0 22px}.hero-copy>p{color:var(--muted);margin:20px 0 28px;line-height:1.9}.primary{display:inline-flex;justify-content:center;gap:45px;align-items:center;background:var(--ink);color:white;border:0;border-radius:5px;padding:17px 24px;font-weight:500;font-size:14px}.primary:hover{background:#193b32;text-decoration:none}.hero-meta{display:flex;gap:16px;font-size:11px;color:var(--muted);margin-top:17px}.scene{position:relative;overflow:hidden;background:#e6dfd0;border-radius:160px 160px 6px 6px;min-height:480px;margin-top:5px;isolation:isolate;background:linear-gradient(120deg,#e1d8c5,#f2eddf 60%,#d5d9c9)}.sun{position:absolute;right:3%;top:0;width:90%;height:100%;background:linear-gradient(120deg,transparent 20%,#fff9e8a8 21%,#fff9e812 65%)}.window{position:absolute;top:47px;left:85px;width:230px;height:275px;border:9px solid #d3c6ad;display:grid;grid-template-columns:1fr 1fr;gap:7px;background:#d3c6ad;transform:skewY(-5deg);box-shadow:-14px 10px 0 #b9ac9629}.window div{background:linear-gradient(150deg,#b6c7bc,#dfe3cd 55%,#faf7df)}.shadow{position:absolute;left:0;right:0;bottom:110px;height:18px;background:#b5a78b4a;box-shadow:0 14px 40px #9e8d6777}.vase{position:absolute;bottom:125px;left:90px;width:65px;height:78px;background:linear-gradient(90deg,#a47754,#d1b090,#b08a65);border-radius:6px 6px 25px 25px}.stem{position:absolute;width:3px;height:150px;background:#667b53;bottom:72px;left:31px;transform:rotate(-8deg)}.leaf{position:absolute;background:#788b60;width:55px;height:25px;border-radius:0 100% 0 100%;bottom:160px;left:-20px;transform:rotate(20deg)}.l2{bottom:200px;left:25px;transform:rotate(-50deg);background:#637b59}.l3{bottom:130px;left:28px;transform:rotate(-40deg);width:65px}.l4{bottom:230px;left:-17px;transform:rotate(45deg);width:45px}.book{position:absolute;width:120px;height:14px;bottom:125px;right:50px;background:#a7ad93;border-radius:3px;transform:rotate(-4deg);border-bottom:5px solid #f7f2df}.b2{bottom:140px;width:110px;right:58px;background:#c38e6e;transform:rotate(4deg)}.cup{position:absolute;right:90px;bottom:157px;width:52px;height:43px;background:#fcf8e9;border-radius:5px 5px 22px 22px;box-shadow:0 8px 9px #aa9c8240}.cup:after{content:'';position:absolute;right:-15px;top:6px;width:20px;height:23px;border:5px solid #fcf8e9;border-radius:50%}.scene-note{position:absolute;bottom:40px;left:35px;font-family:'Noto Serif KR',serif;font-size:19px;line-height:1.8;transform:rotate(-5deg)}.scene-label{position:absolute;right:20px;bottom:19px;font-size:8px;letter-spacing:2px;color:#72786a}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1220px;margin:auto;display:flex;justify-content:space-between;gap:15px;padding:20px 0;font-size:12px}.trust>span:first-child{font-weight:600}.section{max-width:1220px;margin:auto;padding:65px 0}.intro{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.intro p{margin:10px 0 17px}.muted{color:var(--muted);font-size:13px}.section-title{display:flex;justify-content:space-between;align-items:center}.journal{border-top:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.article{text-align:left;background:none;border:0;color:var(--ink);padding:0}.art{height:225px;border-radius:5px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:'Noto Serif KR',serif;font-size:28px;line-height:1.6}.art-one{background:#e6e9dd}.art-one:after{content:'';width:150px;height:150px;position:absolute;border:1px solid #a6b199;border-radius:50%;left:-60px;bottom:-30px}.art-one i{position:absolute;height:115px;width:30px;background:#b8c4a9;right:25px;bottom:-15px;transform:rotate(32deg);border-radius:90% 0}.art-two{background:#eee2d6;color:#8c6049}.art-two:before,.art-two:after{content:'';position:absolute;border:1px solid #d0b7a1;border-radius:45%;width:150px;height:150px;right:-45px;top:-50px}.art-two:after{top:auto;right:auto;bottom:-70px;left:-30px}.art-three{background:#e4e8e8}.circle{height:150px;width:150px;background:#f9f5e7;border-radius:50%;position:absolute;left:30px;top:35px}.art-three span{z-index:1}.tag{display:block;font-size:11px;color:var(--muted);margin-top:18px}.article h3{font-size:18px;font-weight:500;line-height:1.7;margin:10px 0}.read{font-size:12px}.help{padding:45px;background:#edf0e6;border-radius:8px;display:grid;grid-template-columns:1.4fr 1fr;gap:65px;margin:20px auto}.help p{font-size:14px;color:#5a6a5d}.help .primary{font-size:12px;padding:12px 18px;margin-top:10px}.help aside{padding:24px;border-left:1px solid #cbd3c4}.help aside strong{font-size:16px}.help aside a{font-size:14px;font-weight:600;text-decoration:underline}.partner{text-align:center;padding:40px 20px;border-bottom:1px solid var(--line)}.partner h3{font-size:16px;font-weight:500}.partner p{max-width:700px;margin:auto;color:var(--muted);font-size:12px}.faq{max-width:850px}.faq h2{font-size:26px}details{border-bottom:1px solid var(--line);padding:18px 0;font-size:14px}summary{cursor:pointer}details p{color:var(--muted);font-size:13px}details a{text-decoration:underline}footer{border-top:1px solid var(--line);padding:35px 50px;display:flex;align-items:center;gap:25px;flex-wrap:wrap;font-size:12px}footer>span{margin-right:auto;color:var(--muted)}footer button{background:none;border:0;font-size:12px;color:var(--ink)}footer small{width:100%;font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:12px;padding:40px;max-width:600px;width:calc(100% - 30px);color:var(--ink);background:var(--paper);max-height:85vh}dialog::backdrop{background:#17372d88}.close{position:absolute;right:15px;top:8px;background:none;border:0;font-size:30px;color:var(--ink)}dialog h2{font-size:25px}dialog p{font-size:14px}dialog a{text-decoration:underline}.check-section{max-width:850px;margin:35px auto;padding:45px;background:white;border:1px solid var(--line);border-radius:12px}.check-head p{font-size:13px;color:var(--muted)}.progress{height:5px;background:#e9ece6;border-radius:5px;margin:20px 0 30px}.progress>div{height:100%;background:var(--ink);border-radius:5px;transition:width .2s}.q-number{font-size:12px;color:var(--muted)}fieldset{border:0;padding:0;margin:0}legend{font-size:22px;line-height:1.8;font-weight:500;margin:15px 0 24px}label.option{display:flex;gap:15px;align-items:center;border:1px solid var(--line);border-radius:6px;margin:10px 0;padding:14px;cursor:pointer;font-size:14px}label.option:has(input:checked){border-color:var(--ink);background:#edf2e9}input[type=radio]{accent-color:var(--ink);width:18px;height:18px}.quiz-nav{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.back,.text-button{color:var(--ink);background:none;border:0;text-decoration:underline}.primary:disabled{opacity:.4;cursor:not-allowed}.notice{padding:18px;border-radius:5px;background:#fbede5;font-size:13px;margin:20px 0;color:#794731}.notice a{text-decoration:underline}.score{font-family:serif;font-size:62px;line-height:1.2}.score small{font:15px 'Noto Sans KR',sans-serif}.result-actions{display:flex;gap:20px;margin:20px 0;align-items:center}.bands{display:flex;height:10px;border-radius:10px;overflow:hidden;margin:20px 0}.bands span{flex:1}.result-copy{font-size:15px}.result-list{font-size:13px}.error{color:#994429}
@media(min-width:1500px){.hero{padding-top:75px;padding-bottom:70px}}@media(max-width:1300px){.hero,.trust,.section{margin-left:40px;margin-right:40px}.hero{gap:40px}h1{font-size:40px}.scene{min-height:460px}.check-section{margin:30px auto}.faq{margin:auto;padding-left:30px;padding-right:30px}}@media(max-width:800px){header{padding:20px 22px}.brand-sub,header .small{display:none}nav{gap:15px;font-size:11px}.brand{font-size:23px}.hero{grid-template-columns:1fr;gap:35px;margin:0 24px;padding-top:38px}h1{font-size:36px}.hero-copy>p{font-size:14px}.scene{min-height:370px;max-width:500px;width:100%;margin:auto;border-radius:140px 140px 6px 6px}.window{top:30px;left:65px;width:210px;height:220px}.vase{left:75px;bottom:95px}.shadow{bottom:80px}.book{bottom:95px}.b2{bottom:110px}.cup{bottom:127px}.scene-note{font-size:16px;bottom:22px}.scene-label{font-size:6px}.trust{flex-wrap:wrap;margin:0 24px;gap:12px;font-size:10px}.trust>span:first-child{width:100%}.section{padding:40px 0;margin-left:24px;margin-right:24px}.intro{grid-template-columns:1fr;gap:5px}h2{font-size:27px}.section-title{display:block}.section-title>span{display:block;margin-bottom:20px}.cards{grid-template-columns:1fr;gap:30px}.art{height:200px}.article h3 br{display:none}.help{grid-template-columns:1fr;padding:26px;gap:20px}.help aside{border-left:0;border-top:1px solid #cbd3c4;padding:20px 0 0}.help p br{display:none}.partner{padding:25px 0}.faq{padding:30px 0}footer{padding:25px;gap:15px}footer>span{width:60%;font-size:10px}.check-section{padding:25px 20px;margin:25px 15px}legend{font-size:19px}.primary{gap:22px}.hero-meta{gap:12px}.result-actions{flex-wrap:wrap}dialog{padding:32px 24px}}
@media print{header,footer,.hero,.trust,.section,.check-head,#quiz,.result-actions,.skip,dialog{display:none!important}.check-section{border:0;padding:0;margin:0;max-width:none}#result{display:block!important}body{color:#111;background:white}.notice{border:1px solid #888}}