@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f8f7f3;--ink:#20201e;--orange:#e74725;--muted:#787872}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;font-size:14px;letter-spacing:-.035em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}header{height:96px;border-bottom:1px solid #dddcd5;display:flex;align-items:center;justify-content:space-between;margin:0 5%;gap:24px}.brand{font-size:23px;font-weight:900;letter-spacing:-1.3px}.brand span{color:var(--orange)}nav{display:flex;gap:32px;font-size:13px}.navcta{border:1px solid #bcbcb5;border-radius:30px;padding:12px 20px;font-size:12px}.hero{max-width:1400px;min-height:700px;margin:auto;padding:85px 6% 70px;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.eyebrow,.sectionlabel{font-size:10px;letter-spacing:1.7px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;background:var(--orange);border-radius:50%}h1{font-size:clamp(40px,4.7vw,70px);line-height:1.24;letter-spacing:-4px;margin:26px 0}h1 em{font-style:normal;color:var(--orange)}.herocopy p{font-size:16px;line-height:1.9;color:#6b6b65}.button{display:inline-flex;background:var(--ink);color:white;border-radius:3px;padding:17px 25px;gap:48px;margin-top:24px;font-size:13px}.heronote{font-size:10px;color:#96968e;margin-top:18px}.collage{height:510px;position:relative}.orange-circle{position:absolute;width:390px;height:390px;background:#ed6b3d;border-radius:50%;top:40px;left:50px}.paper{background:#fff;padding:12px;box-shadow:0 12px 25px #25251c20}.photo{position:absolute;width:330px;left:65px;top:35px;transform:rotate(9deg)}.photo img{width:100%;height:320px;object-fit:cover}.paper div{font-size:11px;padding:12px 0 2px}.paper div span{float:right;font-size:9px;color:#888}.smallphoto{position:absolute;width:195px;bottom:0;left:-5px;transform:rotate(-10deg)}.smallphoto img{width:100%;height:165px;object-fit:cover}.smallphoto div{font-size:10px}.floating-label{position:absolute;right:-10px;top:0;font-size:9px;letter-spacing:1.8px;line-height:1.7}.daytag{position:absolute;right:0;top:115px;background:#f7f3df;width:100px;padding:16px;text-align:center;transform:rotate(10deg);box-shadow:0 4px 8px #2221}.daytag span,.daytag small{font-size:10px;letter-spacing:1px;display:block}.daytag b{font-size:46px;font-weight:500;line-height:1.4}.stamp{position:absolute;right:15px;bottom:14px;font-size:18px;line-height:1.6;transform:rotate(-8deg)}.stamp span{color:var(--orange);font-size:65px;position:absolute;left:105px;top:-10px}.collagecaption{position:absolute;bottom:-35px;left:180px;font-size:8px;letter-spacing:2px}.ticker{border-block:1px solid #deddd6;display:flex;justify-content:space-around;align-items:center;padding:22px 5%;font-size:12px;gap:20px}.ticker b{color:var(--orange);font-size:24px}.ticker span:last-child{font-size:10px;letter-spacing:1.5px}.story{padding:100px 6%;max-width:1400px;margin:auto}.sectionlabel{color:#818179}.sectionintro{display:flex;justify-content:space-between;align-items:end;margin:25px 0 50px;gap:20px}h2{font-size:35px;letter-spacing:-1.8px;line-height:1.45;margin:0}.sectionintro p,.demoleft p{color:var(--muted);line-height:1.9;font-size:13px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.features article>span{font-size:9px;letter-spacing:1.3px;color:#7c7c74}.features h3{font-size:18px;margin:20px 0 10px}.features p{font-size:12px;line-height:1.9;color:var(--muted)}.folderart,.routeart,.shareart{height:210px;margin-top:20px;position:relative;background:#eeede7;overflow:hidden;display:flex;align-items:center;justify-content:center}.folder{width:75%;height:135px;background:#e8613c;border-radius:6px;transform:rotate(-7deg);padding:32px 22px;position:relative;color:#faf1df}.folder:before{content:'';position:absolute;top:-12px;left:0;width:100px;height:20px;border-radius:7px;background:inherit}.folder b{display:block;font-size:20px}.folder small{font-size:7px;letter-spacing:1px}.folder span{position:absolute;right:20px;bottom:15px;font-size:40px}.routeart{background:#e8ecdf}.routeart svg{width:100%;fill:#e74725}.routeart i{position:absolute;font-size:10px;background:#fbfaf6;padding:6px 9px;box-shadow:0 2px 8px #0001;font-style:normal}.routeart i:nth-of-type(1){left:12%;bottom:35px}.routeart i:nth-of-type(2){left:40%;top:30px}.routeart i:nth-of-type(3){right:4%;bottom:55px}.shareart{flex-direction:column;align-items:stretch;padding:26px;gap:9px;background:#eeebe5}.shareart>span{font-size:9px;color:#8b887f}.shareart b{font-size:12px;border-bottom:1px solid #d7d3ca;padding-bottom:12px}.shareart i{float:right;font-style:normal;color:var(--orange)}.demo{background:#eaece5;padding:90px 8%;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.demoleft h2{margin:27px 0 17px}.tabs{display:flex;gap:8px;margin-top:35px}.tabs button{border:1px solid #c2c5ba;border-radius:24px;background:none;padding:12px 17px;font-size:11px}.tabs .active{background:var(--ink);color:white;border-color:var(--ink)}.example{font-size:10px;color:#888c7f;margin-top:23px}.demopanel{background:var(--paper);border:1px solid #dddfd4;border-radius:12px;padding:25px 30px;box-shadow:0 15px 50px #3641270b}.paneltop{display:flex;justify-content:space-between;border-bottom:1px solid #e2e2d9;padding-bottom:20px}.paneltop b{font-size:15px}.paneltop b span{color:var(--orange)}.paneltop small{font-size:9px;color:#8a8a80}.month{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.month h3{font-size:18px}.month button{border:0;background:none;padding:10px}.week,#days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.week{text-align:center;font-size:9px;color:#929289;margin-bottom:10px}#days button{aspect-ratio:1;border:0;border-radius:4px;background:none;font-size:10px;position:relative}#days button:hover{outline:1px solid var(--orange)}#days button.selected{box-shadow:0 0 0 2px var(--orange)}#days button.has{background-size:cover;background-position:center;color:white;text-shadow:0 1px 4px #000}#days button.has span{position:absolute;top:3px;left:5px}#selection{font-size:10px;border-top:1px solid #e1e2d8;padding-top:18px;margin-top:20px;color:#77796c}.place{display:flex;gap:15px;align-items:center;padding:25px 0;border-bottom:1px solid #ddd;color:var(--orange);font-size:12px}.place div{flex:1;color:var(--ink)}.place p{font-size:11px;color:#888}.place>span{color:#888;font-size:10px}.closing{text-align:center;padding:100px 20px}.closing>span{letter-spacing:2px;font-size:9px;color:#85857b}.closing h2{font-size:44px;margin-top:25px}.closing h2 span{color:var(--orange)}.closing p{font-size:10px;color:#888;margin-top:24px}footer{border-top:1px solid #ddddd4;margin:0 5%;padding:40px 0;display:flex;justify-content:space-between;gap:25px}footer p{font-size:11px;color:#929287}footer>div:last-child{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:24px;max-width:450px;font-size:11px}footer small{width:100%;text-align:right;font-size:9px;color:#999;letter-spacing:1px}dialog{border:0;border-radius:12px;background:var(--paper);max-width:480px;width:90%;padding:50px 35px;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#20201e88}dialog h2{font-size:28px;margin-top:20px}dialog p{line-height:1.9;color:#777}dialog small{color:#999}.close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:25px}.legal{max-width:1000px;margin:70px auto 110px;padding:0 25px}.legal h1{font-size:44px;letter-spacing:-2px}.legal .notice{padding:20px 25px;background:#f0e6d8;border-left:3px solid var(--orange);line-height:1.9;font-size:13px}.legal article{max-width:730px;margin-top:40px}.legal h2{font-size:21px;margin:35px 0 12px}.legal p,.legal li{line-height:1.95;color:#64645f;font-size:14px}.legal a{text-decoration:underline}.legal table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.8}.legal td,.legal th{border:1px solid #ddd;padding:12px;text-align:left}.legal th{background:#eeede7}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}[hidden]{display:none!important}@media(min-width:1450px){.hero{padding-inline:70px}.collage{max-width:530px}}@media(max-width:900px){header{height:76px}nav{display:none}.hero{gap:10px;padding-top:60px}.collage{transform:scale(.8);transform-origin:center}.photo{left:20px}.orange-circle{left:0}.daytag{right:-20px}h1{font-size:45px;letter-spacing:-2.5px}.sectionintro{display:block}.features{gap:18px}.demo{gap:30px;padding:65px 5%}}@media(max-width:640px){header .brand{font-size:20px}.navcta{font-size:10px;padding:10px 13px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:50px 7% 35px;overflow:hidden}.hero h1{font-size:45px}.hero p{font-size:14px}.collage{width:360px;height:450px;align-self:center;transform:scale(.83);margin-top:0;margin-bottom:-40px}.photo{width:285px}.photo img{height:275px}.orange-circle{width:330px;height:330px}.smallphoto{width:165px}.smallphoto img{height:140px}.floating-label{right:-10px}.stamp{right:-5px;bottom:0}.daytag{right:-15px}.collagecaption{left:100px}.ticker{padding:16px 5%;gap:10px;font-size:10px}.ticker span:last-child,.ticker b:last-of-type{display:none}.ticker b{font-size:16px}.story{padding:60px 7%}h2{font-size:28px}.features{grid-template-columns:1fr;gap:28px}.features article{border-bottom:1px solid #deded5;padding-bottom:20px}.features h3{font-size:20px}.features p{font-size:13px}.folderart,.routeart,.shareart{height:220px}.demo{grid-template-columns:1fr;padding:60px 7%;gap:35px}.demopanel{padding:20px}.closing{padding:70px 20px}.closing h2{font-size:35px}footer{flex-direction:column}footer>div:last-child{justify-content:flex-start;gap:18px}footer small{text-align:left}.legal{margin-top:40px}.legal h1{font-size:34px}.legal table{font-size:11px}}

button.button{border:0;font-family:inherit;letter-spacing:inherit}button.navcta{background:transparent;font-family:inherit;letter-spacing:inherit}