@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.css');
:root{--ink:#1b2535;--muted:#79818d;--blue:#3369ee;--line:#e6e9ee;--bg:#f6f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fff;font-family:'Pretendard Variable',Pretendard,system-ui,sans-serif;letter-spacing:-.045em}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #5e8aff;outline-offset:5px}header{height:90px;max-width:1240px;padding:0 42px;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-size:27px;font-weight:900;display:inline-flex;align-items:center;gap:4px;letter-spacing:-2px}.brand-dot{width:7px;height:7px;background:var(--blue);border-radius:50%;align-self:flex-end;margin-bottom:10px}nav{display:flex;gap:34px;font-size:13px;font-weight:600}nav a:hover{color:var(--blue)}button.small{background:var(--bg);border:0;padding:12px 18px;border-radius:9px;font-size:13px;font-weight:600}main{max-width:1240px;margin:auto;padding:0 42px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:72px 0 60px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.09em;display:flex;align-items:center;gap:8px}.eyebrow>span{height:6px;width:6px;border-radius:50%;background:#3269ec}.hero h1{font-size:58px;font-weight:800;letter-spacing:-.07em;line-height:1.25;margin:25px 0}.hero h1 span{color:var(--blue)}.hero p,.shelter p{font-size:15px;color:#777f8c;line-height:1.9}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;background:var(--blue);color:white;font-size:13px;font-weight:600;padding:17px 22px;border-radius:11px;margin-top:22px;box-shadow:0 8px 20px #3369ee16}.primary:hover{background:#2454ca}.hero-note{font-size:13px;color:#959ca7;margin-top:17px}.hero-art{height:400px;position:relative;overflow:hidden;background:#eff3f9;border-radius:25px;isolation:isolate}.art-caption{position:absolute;top:26px;left:27px;font-size:13px;letter-spacing:.15em;color:#8b98ad}.orbit{position:absolute;width:360px;height:360px;border:1px solid #dfe6f0;border-radius:50%;top:40px;left:80px}.o2{width:270px;height:270px;top:85px;left:125px}.bag{position:absolute;left:29%;top:24%;width:160px;height:224px;border-radius:47px 47px 24px 24px;background:linear-gradient(110deg,#a7b8a7,#7b927d 75%,#637d6a);transform:rotate(-9deg);box-shadow:14px 25px 25px #4256642b,inset 3px 0 5px #e1e9dc80}.handle{position:absolute;top:-22px;left:54px;width:50px;height:40px;border:9px solid #6f8773;border-radius:20px}.strap{position:absolute;inset:12px;border:2px solid #b9c7b580;border-radius:35px 35px 20px 20px}.bag-top{position:absolute;left:12px;right:12px;top:55px;border-top:3px solid #5e7768}.pocket{position:absolute;bottom:24px;left:21px;right:21px;height:97px;border-radius:15px;background:linear-gradient(120deg,#a7b9a2,#809780);box-shadow:0 -2px 0 #4e6d59,0 5px 10px #4e6d5930;display:grid;place-items:center}.pocket span{font-size:40px;color:#eef1e5;font-weight:500}.bag-label{position:absolute;top:78px;left:40px;color:#e9eedf;font-size:13px;letter-spacing:1px}.bottle{position:absolute;left:15%;top:48%;height:125px;width:46px;transform:rotate(-17deg);background:linear-gradient(90deg,#afc3cf,#e0ecf0,#a1b7c8);border-radius:13px 13px 9px 9px;box-shadow:5px 15px 18px #39546d20}.bottle div{height:16px;width:26px;border-radius:4px;background:#8a9ba9;position:absolute;top:-12px;left:10px}.bottle span{position:absolute;top:45px;left:4px;font-size:13px;letter-spacing:1px;transform:rotate(-90deg)}.medkit{position:absolute;top:55%;right:12%;width:89px;height:67px;display:grid;place-items:center;font-size:42px;font-weight:600;color:#bd6959;background:linear-gradient(130deg,#fffcf6,#e7dfd5);border-radius:12px;transform:rotate(11deg);box-shadow:7px 15px 16px #3d536325}.torch{position:absolute;right:20%;top:30%;width:27px;height:105px;background:linear-gradient(90deg,#536273,#8e9baa,#485464);border-radius:7px;transform:rotate(25deg);box-shadow:8px 12px 10px #3d536320}.torch:before{content:'';position:absolute;left:-7px;top:-5px;background:#526071;width:41px;height:32px;border-radius:7px;border-top:6px solid #c1cbd3}.art-tag{position:absolute;bottom:35px;left:47px;font-size:13px;background:#ffffffed;border:1px solid #fff;padding:12px 19px;border-radius:30px;box-shadow:0 5px 20px #26394e0b}.art-tag span{color:#5d8770;margin-right:6px}.art-no{position:absolute;bottom:14px;right:22px;color:#92a1b3;font-size:13px;letter-spacing:.1em}.notice{background:var(--bg);border-radius:12px;display:flex;align-items:center;gap:12px;padding:17px 22px;font-size:13px}.notice-icon{border:1px solid #9aa5b5;color:#74839a;width:17px;height:17px;border-radius:50%;text-align:center}.notice p{flex:1;margin:0;color:#747d8b}.notice strong{color:#46566c;font-weight:600}.notice a{font-weight:600;color:#5f6c80}.section{padding-top:100px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.muted{color:#8b93a0}h2{font-size:35px;line-height:1.4;letter-spacing:-.065em;margin:12px 0 0}.section-top>p{font-size:13px;line-height:1.9;color:#8b929e}.workspace{display:grid;grid-template-columns:265px 1fr;gap:38px}.workspace aside{padding:24px 0}.progress-label{display:flex;justify-content:space-between;font-size:13px;font-weight:600}.progress-label strong{color:var(--blue);font-size:16px}.progress-track{height:5px;border-radius:6px;background:#e9edf3;margin-top:13px;overflow:hidden}#progress-bar{height:100%;background:var(--blue);transition:width .3s}.muted-copy{color:#9099a7;font-size:13px}.tabs{display:flex;flex-direction:column;gap:6px;margin-top:30px}.tabs button{display:flex;align-items:center;text-align:left;border:0;background:white;border-radius:10px;padding:15px;font-size:13px;color:#7c8592}.tabs button span{font-size:13px;margin-right:15px;color:#9ca6b3}.tabs button b{margin-left:auto;font-weight:400}.tabs button[aria-selected=true]{background:#eef3ff;color:var(--blue);font-weight:700}.text-button{border:0;background:none;color:#7b8593;font-size:13px;margin:22px 0 0;padding:10px}.storage-note{font-size:13px;color:#9aa1ad;line-height:1.8}.check-panel{border:1px solid var(--line);border-radius:18px;padding:29px 32px}.panel-title{display:flex;justify-content:space-between;align-items:center}.pill{display:inline-block;font-size:13px;color:#598066;background:#edf5ee;padding:5px 9px;border-radius:5px}.panel-title h3{font-size:23px;margin:10px 0 0;letter-spacing:-.06em}.line-icon{font-size:27px;color:#a7b7ce}.check-panel>p{font-size:13px;color:#87909e;line-height:1.8;margin:13px 0 23px}.check-row{display:flex;gap:13px;padding:16px 0;border-top:1px solid #f0f1f4;align-items:center;cursor:pointer}.check-row input{width:20px;height:20px;accent-color:var(--blue);cursor:pointer;flex-shrink:0}.check-row strong{font-size:13px;display:block;font-weight:600}.check-row small{font-size:13px;color:#929aa7;display:block;margin-top:5px;line-height:1.6}.check-row:has(input:checked) strong{color:#8994a3;text-decoration:line-through}.check-row .row-tag{margin-left:auto;white-space:nowrap;color:#8f9aaa;font-size:13px;background:#f5f6f8;padding:5px 8px;border-radius:5px}.panel-foot{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font-size:13px;color:#98a0ab;gap:12px}.panel-foot a{color:#6683b3}.shelter{display:grid;grid-template-columns:1fr 1fr;background:#f0f4fa;padding:43px 46px;margin-top:95px;border-radius:20px;gap:30px;overflow:hidden}.shelter .eyebrow{color:#8193b1;font-size:13px}.shelter h2{font-size:31px}.shelter p{font-size:13px}.shelter .primary{font-size:13px;padding:14px 18px;margin-top:9px}.shelter small{display:block;font-size:13px;color:#8a96a8;margin-top:15px}.map-art{position:relative;overflow:hidden;min-height:300px;transform:rotate(-7deg);border-radius:18px;background:#e4ebf0;background-image:linear-gradient(90deg,transparent 49%,#f9fbfd 49%,#f9fbfd 54%,transparent 54%),linear-gradient(transparent 43%,#f9fbfd 43%,#f9fbfd 49%,transparent 49%);background-size:100px 100px}.map-block{position:absolute;border-radius:10px;background:#d0dde5;border:5px solid #e4ebf0}.mb1{width:100px;height:65px;top:28px;left:26px}.mb2{width:90px;height:65px;right:25px;top:50px;background:#c9dccb}.mb3{width:100px;height:70px;bottom:20px;left:35px;background:#d0dece}.mb4{width:80px;height:70px;bottom:45px;right:20px}.map-road{position:absolute;top:-50px;left:45%;height:400px;width:25px;background:#f9fbfd;transform:rotate(32deg)}.r2{transform:rotate(90deg);left:40%;width:18px}.r3{left:75%;transform:rotate(-25deg);width:12px}.map-pin{position:absolute;top:95px;left:45%;width:53px;height:62px;background:var(--blue);color:#fff;font-size:28px;text-align:center;padding-top:8px;border-radius:30px 30px 30px 0;transform:rotate(-38deg);box-shadow:0 10px 20px #3369ee25}.map-label{position:absolute;top:172px;left:20%;background:#fff;border-radius:9px;padding:12px 20px;font-size:13px;font-weight:600;transform:rotate(7deg);box-shadow:0 4px 16px #566d8c13}.map-caption{position:absolute;bottom:8px;left:15px;font-size:13px;color:#7c8b99;transform:rotate(7deg)}.text-link{font-size:13px;color:#6b798d}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.guides article{border:1px solid var(--line);border-radius:15px;padding:26px}.guide-number{font-size:13px;color:#8b96a7}.guides h3{font-size:19px;margin:22px 0 13px}.guides p{font-size:13px;color:#87909c;line-height:1.95;min-height:94px}.guides a{font-size:13px;color:#6e89b0}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.shop-grid>a{display:flex;align-items:center;gap:15px;background:#f7f8fa;border-radius:13px;padding:23px 20px}.shop-grid>a>span:last-child{margin-left:auto;color:#909dad}.shop-symbol{width:38px;height:38px;border-radius:11px;background:#fff;color:#e45f49;font-size:22px;font-weight:900;display:grid;place-items:center}.shop-symbol.naver{color:#25b96e}.shop-symbol.daiso{color:#ce3443;font-size:17px}.shop-grid h3{font-size:13px;margin:0}.shop-grid p{font-size:13px;color:#9199a4;margin:5px 0 0}.commerce-note{font-size:13px;line-height:1.9;color:#929aa7;margin-top:20px}.sources{border-top:1px solid var(--line);margin-top:70px;padding:28px 0 40px}.sources h3{font-size:13px;color:#788390}.sources p{font-size:13px;line-height:1.95;color:#919aa5}.sources a{text-decoration:underline}footer{max-width:1156px;margin:auto;border-top:1px solid var(--line);padding:30px 0;display:flex;gap:25px;align-items:center}footer .brand{font-size:21px}footer>span{font-size:13px;color:#9aa3af}footer>span:last-child{margin-left:auto}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:#fff;padding:20px;z-index:10}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#263348;color:#fff;padding:14px 25px;font-size:13px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}@media(min-width:1400px){.hero{padding-top:95px;padding-bottom:80px}.hero-art{height:430px}.bag{top:26%}}@media(max-width:800px){header{padding:0 22px;height:74px}nav{gap:18px;font-size:13px}.small{display:none}main{padding:0 22px}.hero{gap:20px;padding:40px 0}.hero h1{font-size:42px}.hero-art{height:330px}.bag{left:26%;transform:scale(.85) rotate(-9deg);transform-origin:top left}.bottle{left:10%;transform:scale(.8) rotate(-17deg)}.medkit{right:6%;transform:scale(.8) rotate(11deg)}.art-tag{left:15px;font-size:13px}.art-caption{font-size:13px}.section{padding-top:65px}.workspace{grid-template-columns:210px 1fr;gap:22px}.check-panel{padding:24px}.shelter{padding:30px;margin-top:60px}.shop-grid{gap:10px}.shop-grid>a{padding:16px 12px;gap:9px}.shop-symbol{width:30px;height:30px;font-size:17px}footer{margin:0 22px}.notice a{white-space:nowrap}.guides article{padding:20px}.guides h3{font-size:16px}}@media(max-width:600px){header nav{gap:13px;font-size:13px}.brand{font-size:24px}.hero{grid-template-columns:1fr}.hero-copy{padding:8px 0 15px}.hero h1{font-size:46px}.hero-art{height:340px}.bag{left:36%;transform:scale(.9) rotate(-9deg)}.bottle{left:22%}.medkit{right:15%}.torch{right:23%}.art-tag{left:28%}.notice{padding:14px;font-size:13px;flex-wrap:wrap;gap:8px}.notice p{flex-basis:85%;line-height:1.7}.notice a{margin-left:25px;font-size:13px}.section-top{align-items:flex-start;gap:20px}.section-top>p{font-size:13px;margin-top:28px}h2{font-size:28px}.eyebrow{font-size:13px}.workspace{grid-template-columns:1fr;gap:15px}.workspace aside{padding:5px 0}.tabs{flex-direction:row;margin-top:20px;gap:4px;overflow:auto}.tabs button{white-space:nowrap;font-size:13px;padding:12px 9px;flex:1;justify-content:center}.tabs button span,.tabs b{display:none}.text-button{margin:5px 0;padding-left:0}.storage-note{margin:0}.check-panel{padding:22px}.panel-title h3{font-size:22px}.check-row{padding:16px 0}.check-row .row-tag{font-size:13px}.panel-foot{font-size:13px}.shelter{grid-template-columns:1fr;padding:28px}.shelter h2{font-size:28px}.map-art{min-height:240px;margin-top:10px}.map-pin{top:60px}.map-label{top:136px}.guides,.shop-grid{grid-template-columns:1fr}.guides article{padding:25px}.guides p{min-height:0}.guides h3{font-size:19px;margin-top:17px}.guides a{display:inline-block;margin-top:8px}.text-link{font-size:13px;white-space:nowrap;margin-top:35px}.shop-grid>a{padding:20px}.shop-symbol{width:40px;height:40px}.shop-grid h3{font-size:14px}.shop-grid p{font-size:13px}.sources{margin-top:45px}footer{gap:16px}footer>span{font-size:13px}}@media print{header,nav,.hero,.notice,.shelter,#guide,#shop,.sources,footer,.text-button,.storage-note{display:none}main{padding:0}.section{padding:0}.section-top{margin:10px 0}.workspace{display:block}.tabs{display:none}.check-panel{break-inside:avoid}.check-row{padding:10px 0}body{font-family:system-ui,sans-serif}aside{display:none}}