/* SAFELINK 기본 스타일 — 색상과 간격은 이 파일에서 쉽게 조정할 수 있습니다. */
:root{--navy:#102d39;--deep:#09232e;--teal:#00aa8d;--mint:#9ae6d4;--orange:#ffae34;--paper:#f7faf8;--line:#dae5e1;--text:#17343d;--muted:#688087}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:"Noto Sans KR",sans-serif}.site-shell{overflow:hidden}.site-header{height:82px;max-width:1280px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:38px}.brand{color:var(--navy);font:800 23px/1 Outfit,sans-serif;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:9px}.brand>span:last-child span{color:var(--teal)}.brand-mark{width:31px;height:31px;border-radius:9px;background:var(--teal);color:#fff;display:grid;place-items:center;font-size:20px}.main-nav{display:flex;align-items:center;gap:27px;margin-left:auto}.main-nav a{position:relative;padding:30px 0 26px;color:#536c73;font-size:14px;font-weight:600;text-decoration:none}.main-nav a.active{color:var(--navy)}.main-nav a.active:after{position:absolute;content:"";height:3px;background:var(--teal);border-radius:3px;inset:auto 0 20px}.main-nav em{font-size:9px;font-style:normal;color:#97a8aa;margin-left:3px}.header-action{background:var(--navy);color:#fff;padding:12px 17px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:700}.header-action span,.button span{margin-left:10px}.menu-toggle{display:none}.hero{min-height:548px;background:linear-gradient(115deg,#e4f7f1 0%,#edf8f4 48%,#d9f1eb 100%);display:grid;grid-template-columns:1.04fr .96fr;padding:70px max(7vw,40px) 65px}.hero-copy{max-width:620px;justify-self:end;padding-right:50px}.eyebrow{color:#168975;font:700 11px/1 Outfit,sans-serif;letter-spacing:1.4px;margin:0 0 17px}.eyebrow span{display:inline-block;width:18px;height:2px;background:var(--teal);vertical-align:middle;margin:0 8px 3px 0}.hero h1{font-size:48px;line-height:1.3;letter-spacing:-2.8px;margin:0;color:#193a43}.hero h1 strong,.maker-intro h2 strong{color:var(--teal)}.hero-description{font-size:16px;line-height:1.9;color:#60787e;margin:22px 0 28px}.hero-actions{display:flex;gap:11px}.button{display:inline-block;border-radius:7px;padding:14px 19px;font-size:14px;font-weight:700;text-decoration:none;border:0;cursor:pointer}.button-primary{background:var(--teal);color:white;box-shadow:0 8px 18px #00a98d30}.button-ghost{border:1px solid #c8dcd6;color:var(--navy);background:#ffffff88}.trust-line{margin-top:29px;color:#6c8588;font-size:12px}.check{display:inline-grid;place-items:center;border-radius:50%;background:#d0eee6;color:#118b75;width:16px;height:16px;margin-right:6px;font-weight:bold}.hero-visual{position:relative;min-height:390px}.circle{position:absolute;border-radius:50%;background:#c6e9e0}.circle-one{width:365px;height:365px;right:0;top:-14px}.circle-two{width:286px;height:286px;right:38px;top:25px;background:#e9f8f3}.floor{position:absolute;width:400px;height:33px;border-radius:50%;background:#bddfd6;right:-20px;bottom:18px}.worker{position:absolute;width:190px;height:300px;right:100px;bottom:29px;z-index:2}.helmet{position:absolute;background:#ffbd40;width:104px;height:47px;border-radius:80px 80px 13px 13px;top:6px;left:43px;border-bottom:7px solid #ed9d22}.head{position:absolute;top:47px;left:62px;width:67px;height:63px;border-radius:25px 25px 35px 35px;background:#f1b681}.vest{position:absolute;top:104px;left:29px;width:128px;height:137px;background:var(--teal);clip-path:polygon(25% 0,75% 0,100% 25%,87% 100%,13% 100%,0 25%)}.vest i{position:absolute;background:#c5f1e4;width:12px;height:100%;top:0}.vest i:first-child{left:31px}.vest i:last-child{right:31px}.arm{position:absolute;background:#f1b681;width:28px;height:125px;border-radius:20px;top:128px}.left-arm{left:8px;transform:rotate(18deg)}.right-arm{right:3px;transform:rotate(-26deg)}.clipboard{position:absolute;background:#f8fcfb;border:4px solid #8ab4aa;width:84px;height:109px;top:158px;left:70px;transform:rotate(9deg);padding:23px 12px}.clipboard:before{content:"";position:absolute;width:26px;height:9px;border-radius:5px;background:#53777b;top:6px;left:25px}.clipboard span{height:5px;background:#a4c7be;display:block;margin-bottom:9px}.safety-card{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;background:#fff;padding:12px;border-radius:10px;box-shadow:0 12px 25px #3e75661a;font-size:11px}.safety-card b,.safety-card small{display:block}.safety-card small{font-size:9px;color:#83999a;margin-top:3px}.card-top{top:76px;left:5px}.card-bottom{right:4px;bottom:67px}.mini-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:7px;background:#dff7f0;color:#008b76;font-weight:bold;font-size:17px}.mini-icon.orange{background:#fff2d8;color:#ee9a15}.card-check{color:#14a68c;font-size:15px}.quick-tools{max-width:1110px;margin:0 auto;padding:91px 25px 100px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:31px}.section-heading h2,.maker-intro h2,.community-teaser h2{font-size:30px;letter-spacing:-1.7px;line-height:1.4;margin:0}.section-heading>p{font-size:13px;line-height:1.7;color:#799094;margin:0}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.tool-card{min-height:205px;padding:22px 20px;position:relative;border-radius:10px;border:1px solid var(--line);background:#fff;text-decoration:none;color:var(--text);transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 13px 25px #153d4111}.tool-card.featured{background:var(--navy);border-color:var(--navy);color:white}.tool-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-size:19px;background:#ecf7f4;color:#168e78}.featured .tool-icon{background:#fff0d1;color:#f49e17}.tool-card small{display:block;font:700 9px Outfit,sans-serif;letter-spacing:.6px;color:#82a29f;margin:16px 0 6px}.featured small{color:#8bd7c9}.tool-card h3{font-size:16px;margin:0 0 8px}.tool-card p{font-size:12px;line-height:1.65;color:#789095;margin:0}.featured p{color:#b6d2d0}.card-arrow{position:absolute;right:20px;bottom:17px;color:#8ca3a4}.featured .card-arrow{color:#89d9ca}.warning-maker{background:var(--deep);padding:90px max(8vw,35px);display:grid;grid-template-columns:.76fr 1.24fr;gap:70px}.maker-intro{color:#fff;max-width:365px}.maker-intro .eyebrow{color:#68dbc4}.maker-intro h2{font-size:36px}.maker-intro>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#a9c1c2;margin:20px 0 30px}.maker-intro ol{list-style:none;padding:0;margin:0}.maker-intro li{padding:10px 0;border-top:1px solid #31515a;color:#d5e3e1;font-size:13px}.maker-intro li span{font:700 11px Outfit,sans-serif;color:#65d6c2;margin-right:11px}.maker-panel{background:#fff;border-radius:12px;overflow:hidden;align-self:center;box-shadow:0 20px 45px #0003}.panel-tabs{display:flex;border-bottom:1px solid #e4ecea;padding:0 25px}.tab{background:none;border:0;padding:20px 14px 15px;color:#90a1a2;font:600 12px "Noto Sans KR";cursor:pointer;border-bottom:2px solid transparent}.tab.active{color:var(--teal);border-color:var(--teal)}.tab-content{display:none;padding:26px 30px;min-height:276px}.tab-content.active{display:block}.upload-area{border:1.5px dashed #b8d8d0;border-radius:8px;background:#fbfefd;height:223px;text-align:center;padding:24px}.upload-icon{margin:auto;display:grid;place-items:center;background:#e1f6f0;color:var(--teal);width:36px;height:36px;border-radius:9px;font-weight:bold;font-size:20px}.upload-area h3{font-size:15px;margin:12px 0 5px}.upload-area p,.upload-area small{font-size:11px;color:#7f9698;margin:0}.file-button{display:inline-block;background:var(--teal);color:#fff;border-radius:5px;font-size:11px;font-weight:bold;padding:9px 15px;margin:14px 0 7px;cursor:pointer}.file-button input{display:none}.upload-area small{display:block}.panel-footer{height:54px;padding:0 25px;display:flex;align-items:center;border-top:1px solid #e4ecea;color:#94a5a6;font-size:10px}.status-dot{width:6px;height:6px;border-radius:50%;background:#55cdb8;margin-right:6px}.panel-footer button{margin-left:auto;border:0;background:none;color:var(--teal);font:700 12px "Noto Sans KR";cursor:pointer}.edit-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.edit-form label{color:#668085;font-size:11px;font-weight:bold}.edit-form input,.edit-form select,.edit-form textarea{display:block;width:100%;margin-top:6px;border:1px solid #d9e5e2;border-radius:5px;padding:9px;color:#34535b;font:12px "Noto Sans KR";background:#fbfefd;resize:none}.edit-form textarea{height:53px}.edit-form .wide{grid-column:span 2}.label-preview{position:relative;border:2px solid #172d38;min-height:181px;padding:11px 18px 12px}.preview-title{border-bottom:1px solid #172d38;padding-bottom:6px;font-size:11px;font-weight:bold}.preview-title span{float:right;color:#d65b22}.label-preview>strong{display:block;font-size:15px;margin:8px 0}.pictogram{float:left;width:43px;height:43px;display:grid;place-items:center;background:#fff;border:3px solid #dc3c31;transform:rotate(45deg);margin:8px 20px 5px 5px;color:#1d2a30;font-size:24px;font-weight:800}.pictogram::first-letter{transform:rotate(-45deg)}.preview-copy{font-size:10px;line-height:1.35;padding-top:3px}.preview-copy b{color:#d13d34}.preview-copy p{margin:4px 0}.preview-copy small{font-size:9px;color:#536c70}.download-button{float:right;padding:8px 12px;margin-top:11px;font-size:11px}.community-teaser{max-width:1110px;margin:auto;padding:83px 25px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:45px}.community-teaser h2{font-size:30px}.community-teaser>p{font-size:13px;line-height:1.85;color:#70878b}.button-dark{background:var(--navy);color:#fff;white-space:nowrap}footer{border-top:1px solid var(--line);min-height:110px;max-width:1110px;margin:auto;display:flex;align-items:center;gap:28px;padding:20px 25px;color:#819699;font-size:11px}footer .brand{font-size:16px}footer .brand-mark{width:23px;height:23px;border-radius:6px;font-size:15px}footer>span{margin-left:auto;font-size:10px}@media(max-width:800px){.site-header{height:67px;padding:0 20px}.main-nav,.header-action{display:none}.menu-toggle{display:flex;margin-left:auto;width:36px;height:36px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:5px}.menu-toggle span{height:2px;background:var(--navy);width:22px}.main-nav.open{position:absolute;z-index:10;display:flex;top:66px;left:0;right:0;background:white;flex-direction:column;gap:0;padding:10px 20px;box-shadow:0 10px 20px #0001}.main-nav.open a{padding:12px}.hero{grid-template-columns:1fr;padding:55px 25px 30px}.hero-copy{padding:0}.hero h1{font-size:37px}.hero-visual{min-height:310px;margin-top:25px}.circle-one{width:290px;height:290px}.worker{right:60px;transform:scale(.82);transform-origin:bottom}.card-top{left:0}.quick-tools,.community-teaser{padding:64px 20px}.section-heading{display:block}.section-heading>p{margin-top:12px}.tool-grid{grid-template-columns:1fr 1fr}.warning-maker{padding:65px 20px;grid-template-columns:1fr;gap:30px}.maker-intro{max-width:none}.community-teaser{grid-template-columns:1fr;gap:20px}.community-teaser p{margin:0}footer{flex-wrap:wrap;gap:12px}footer>span{margin:0 0 0 auto}}@media(max-width:480px){.hero h1{font-size:32px}.tool-grid{grid-template-columns:1fr}.safety-card{transform:scale(.86);transform-origin:left}.card-bottom{right:-13px}.panel-tabs{padding:0 10px}.tab{padding-inline:7px;font-size:10px}.tab-content{padding:20px}.edit-form{grid-template-columns:1fr}.edit-form .wide{grid-column:auto}.maker-intro h2{font-size:31px}.section-heading h2,.community-teaser h2{font-size:26px}}