@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f7f9;color:#191c21;font-family:'DM Sans','Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{height:76px;padding:0 8%;display:flex;align-items:center;justify-content:space-between;background:#ffffffdc;border-bottom:1px solid #e6e8ec;position:sticky;top:0;z-index:4;backdrop-filter:blur(16px)}.logo{font-size:25px;font-weight:800;letter-spacing:-1.5px}.logo span{color:#9caabc}nav{display:flex;gap:32px;font-size:12px;color:#606873}header button{font-size:11px;padding:11px 16px;border-radius:3px}.line{border:1px solid #dfe2e7;background:white}.dark{border:1px solid #20242b;background:#20242b;color:white}.dark b{background:#fff;color:#20242b;border-radius:50%;padding:2px 6px;margin-left:5px}.hero{padding:75px 10%;min-height:510px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(115deg,#fbfcfd,#e9edf2)}small{font-size:9px;letter-spacing:2px;color:#8792a1;font-weight:700}.hero h1{font-size:clamp(48px,6vw,76px);line-height:1.02;letter-spacing:-4px;margin:22px 0}.hero h1 i{font-style:normal;color:#9eacbd}.hero p{font-size:13px;color:#747c87;line-height:1.9;margin-bottom:28px}.cta{display:inline-block;padding:15px 22px;font-size:11px}.visual{height:320px;position:relative;display:grid;place-items:center}.circle{position:absolute;width:280px;height:280px;border-radius:50%;background:linear-gradient(145deg,#fff,#d8dee7);box-shadow:22px 24px 55px #c6ccd5,-16px -16px 40px white}.glass{z-index:1;width:300px;height:190px;background:linear-gradient(135deg,#414954,#171b22);color:white;padding:25px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-7deg);box-shadow:0 25px 45px #858e9b55}.glass small,.glass span{font-size:8px;color:#bdc5d0;letter-spacing:2px}.glass strong{font-size:31px;line-height:1.05;letter-spacing:-1px}.visual label{position:absolute;bottom:0;right:0;font-size:9px;color:#8a94a2;letter-spacing:2px}.benefits{display:flex;justify-content:center;gap:12%;padding:24px;background:white;border-bottom:1px solid #e7e9ed;font-size:11px;color:#5e6671}.section{padding:75px 10%}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:25px}.heading h2,.notice h2{font-size:31px;letter-spacing:-1.5px;margin:8px 0 0}.heading>span{font-size:10px;color:#8993a0;letter-spacing:1px}.filters{display:flex;gap:8px;margin-bottom:22px}.filters button{border:1px solid #e0e3e8;background:transparent;color:#737b86;border-radius:30px;padding:9px 17px;font-size:10px}.filters button.selected{background:#20242b;color:white;border-color:#20242b}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{background:white;border:1px solid #e8eaee}.pic{height:180px;background:linear-gradient(140deg,#f0f2f5,#dfe4eb);display:grid;place-items:center;color:#9ca8b8;font-size:38px}.info{padding:17px}.info small{letter-spacing:1px}.info h3{font-size:14px;margin:9px 0}.price{font-weight:700;font-size:13px}.desc{font-size:10px;color:#9299a2;min-height:28px}.info button{width:100%;padding:11px;border:1px solid #dfe2e7;background:white;font-size:10px}.notice{margin:0 10%;padding:38px 42px;background:linear-gradient(110deg,#e8ecf1,#f1f3f6);display:flex;justify-content:space-between;align-items:center}.notice h2{font-size:26px}.notice p,.sub{font-size:11px;color:#818995}.notice-card{display:grid;gap:9px;min-width:220px;background:#fff;padding:20px;font-size:11px}.notice-card span{color:#68717d}.notice-card small{font-size:8px}footer{margin-top:45px;background:#20242b;color:white;padding:35px 10%}footer p,footer small{display:block;color:#a5adb8;font-size:9px;margin:13px 0 5px}.shade{display:none;position:fixed;inset:0;background:#15191f88;z-index:9;align-items:center;justify-content:center;padding:18px}.shade.open{display:flex}.modal{background:white;width:min(500px,100%);max-height:90vh;overflow:auto;padding:30px;position:relative}.x{position:absolute;right:15px;top:9px;background:none;border:0;font-size:25px}.modal h2{font-size:22px;margin:0 0 8px}.modal p{font-size:11px;color:#747d88;line-height:1.7}.field{display:grid;gap:6px;margin:13px 0;font-size:10px}.field input{border:1px solid #e0e3e8;padding:12px;font:inherit}.summary{background:#f1f3f6;padding:15px;margin:15px 0;font-size:11px;line-height:2}.submit{width:100%;background:#20242b;color:white;border:0;padding:13px;margin-top:8px}.empty{grid-column:1/-1;background:white;padding:45px;text-align:center;color:#8a929d;font-size:12px}@media(max-width:700px){header{padding:0 5%;height:65px}nav{display:none}.hero{padding:55px 7%;grid-template-columns:1fr}.visual{height:260px}.circle{width:220px;height:220px}.glass{width:255px;height:165px}.benefits{gap:18px;font-size:9px}.section{padding:55px 6%}.products{grid-template-columns:repeat(2,1fr);gap:10px}.pic{height:130px}.info{padding:11px}.notice{margin:0 6%;padding:25px;gap:12px}.notice h2{font-size:20px}.notice-card{min-width:0;padding:13px}.heading h2{font-size:26px}}