.hero-section{position:relative;text-align:center;padding:8rem 1rem;color:#fff;border-radius:0 0 50px 50px;margin-bottom:4rem;box-shadow:0 4px 20px #0000001a;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0000004d,#0000004d);z-index:1}.hero-content{position:relative;z-index:2}.hero-title{font-size:3.5rem;margin-bottom:1rem;font-weight:800;text-shadow:2px 2px 4px rgba(0,0,0,.6);letter-spacing:-1px}.hero-subtitle{font-size:1.5rem;margin-bottom:2.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.6);font-weight:500}.hero-actions{display:flex;gap:1.5rem;justify-content:center}.cta-button{display:inline-block;padding:1rem 2.5rem;background-color:var(--sd-red);color:#fff;border-radius:30px;text-decoration:none;font-weight:700;transition:all .3s ease;box-shadow:0 4px 15px #d7263866;border:2px solid var(--sd-red)}.cta-button:hover{transform:translateY(-3px);background-color:var(--sd-pink);border-color:var(--sd-pink);box-shadow:0 6px 20px #e91e6366}.cta-button.secondary{background-color:transparent;border:2px solid white;box-shadow:none}.cta-button.secondary:hover{background-color:#fff;color:var(--sd-black)}.services-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;padding:2rem 0}.service-card{padding:0;background:var(--bg-secondary);border-radius:16px;box-shadow:0 10px 30px #0000000d;text-align:center;transition:transform .3s,box-shadow .3s;overflow:hidden;display:flex;flex-direction:column;align-items:center;border:1px solid rgba(0,0,0,.05)}.service-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #0000001a}.card-image-wrapper{width:100%;height:250px;background:var(--bg-primary);border-bottom:4px solid transparent;border-image:var(--saekdong-gradient) 1}.card-image{width:100%;height:100%;object-fit:cover;display:block}.service-card h3{color:var(--text-primary);margin:1.5rem 0 1rem;font-size:1.5rem;font-weight:700}.service-desc{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;padding:0 2rem;flex-grow:1}.service-link{margin-bottom:2rem;color:var(--sd-blue);font-weight:600;font-size:1.1rem;transition:color .2s}.service-link:hover{color:var(--brand-highlight);text-decoration:underline}@media (max-width: 768px){.hero-section{padding:4rem 1rem;margin-bottom:2.5rem;border-radius:0 0 30px 30px}.hero-title{font-size:2.2rem;margin-bottom:.8rem}.hero-subtitle{font-size:1.1rem;margin-bottom:2rem;padding:0 1rem}.hero-actions{flex-direction:column;gap:1rem;padding:0 2rem}.cta-button{width:100%;padding:.9rem 1rem}.features-section{gap:1.5rem;padding:1rem 0;grid-template-columns:1fr}.feature-card{padding:1.8rem}}.info-content{padding:2rem 0}.info-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.tab-button{padding:.8rem 2.5rem;border:2px solid #ddd;background:#fff;border-radius:30px;cursor:pointer;font-size:1.1rem;font-weight:600;transition:all .3s ease;color:#555}.tab-button:hover{border-color:var(--sd-blue);color:var(--sd-blue)}.tab-button.active{background-color:var(--sd-red);color:#fff;border-color:var(--sd-red);box-shadow:0 4px 10px #d726384d}.components-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem}.info-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 10px 25px #0000000d;height:100%;transition:transform .3s;border-top:5px solid transparent;border-image:var(--saekdong-gradient) 1}.info-card:hover{transform:translateY(-5px)}.info-image{width:100%;height:220px;object-fit:cover;display:block}.info-text{padding:2rem}.info-text h3{margin-top:0;color:var(--sd-black);font-weight:700;font-size:1.3rem;margin-bottom:1rem}.info-text p{color:#666;line-height:1.6}.text-content{max-width:800px;margin:0 auto;background:#fff;padding:3.5rem;border-radius:12px;box-shadow:0 4px 20px #0000000d;position:relative;overflow:hidden}.text-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:var(--saekdong-gradient)}ul{padding-left:20px;line-height:1.8}.text-content h3{color:var(--sd-black);font-size:1.5rem;margin-bottom:1.5rem;border-bottom:2px solid #eee;padding-bottom:1rem}@media (max-width: 768px){.info-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;gap:.5rem;margin-bottom:2rem}.tab-button{flex:0 0 auto;padding:.6rem 1.2rem;font-size:1rem;white-space:nowrap}.components-grid{grid-template-columns:1fr;gap:2rem}.text-content{padding:2rem 1.5rem}.info-image{height:180px}}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;background-color:var(--bg-primary)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:var(--sd-white);box-shadow:0 4px 20px #0000000d;position:sticky;top:0;z-index:100;border-bottom:6px solid transparent;border-image:var(--saekdong-gradient) 1}.logo a{font-size:1.8rem;font-weight:800;color:var(--sd-black);text-decoration:none;letter-spacing:-.5px}.logo a span{color:var(--sd-red)}.menu-icon{display:none;cursor:pointer;color:var(--sd-black)}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links a{color:var(--sd-black);text-decoration:none;font-weight:600;transition:color .3s,transform .2s;position:relative;font-size:1.1rem}.nav-links a:hover{color:var(--sd-blue);transform:translateY(-2px)}.nav-links a:after{content:"";position:absolute;width:0;height:3px;bottom:-5px;left:0;background:var(--saekdong-gradient);transition:width .3s}.nav-links a:hover:after{width:100%}@media (max-width: 768px){.navbar{padding:1rem;flex-wrap:wrap}.menu-icon{display:block}.nav-links{display:none;flex-direction:column;width:100%;text-align:center;padding-top:1rem;border-top:1px solid #eee;margin-top:1rem}.nav-links.active{display:flex;animation:slideDown .3s ease-in-out}.nav-links a{display:block;padding:.8rem 0;font-size:1.2rem}.nav-links a:hover{background-color:#f8f8f8;transform:none}.main-content{padding:2rem 1rem}.page-title{font-size:2rem}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main-content{flex:1;padding:3rem 2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.footer{text-align:center;padding:3rem 2rem;background-color:var(--sd-white);color:#666;margin-top:auto;border-top:6px solid transparent;border-image:var(--saekdong-gradient) 1}.page-container{animation:fadeIn .6s ease-out}.page-title{font-size:2.8rem;margin-bottom:2.5rem;color:var(--sd-black);text-align:center;position:relative;padding-bottom:1.5rem;display:block;font-weight:700}.page-title:after{content:"";display:block;width:80px;height:6px;background:var(--saekdong-gradient);margin:10px auto 0;border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}:root{font-family:"Noto Serif KR",Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--sd-red: #D72638;--sd-blue: #006BA6;--sd-yellow: #FFD200;--sd-green: #008F53;--sd-pink: #E91E63;--sd-white: #F8F9FA;--sd-black: #1A1A1A;--brand-highlight: #D72638;--bg-primary: #FFFCF5;--bg-secondary: #F4F1EA;--text-primary: #1A1A1A;--text-secondary: #555555;--saekdong-gradient: repeating-linear-gradient(90deg, var(--sd-red) 0%, var(--sd-red) 10%, var(--sd-yellow) 10%, var(--sd-yellow) 20%, var(--sd-blue) 20%, var(--sd-blue) 30%, var(--sd-white) 30%, var(--sd-white) 40%, var(--sd-green) 40%, var(--sd-green) 50%, var(--sd-pink) 50%, var(--sd-pink) 60%);color-scheme:light;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-preset=royal]{--sd-red: #B71C1C;--sd-blue: #1A237E;--sd-yellow: #FFD700;--sd-green: #004D40;--sd-pink: #880E4F;--brand-highlight: #FFD700;--saekdong-gradient: linear-gradient(90deg, #1A237E, #FFD700)}[data-preset=pastel]{--sd-red: #FFCDD2;--sd-blue: #B3E5FC;--sd-yellow: #FFF9C4;--sd-green: #C8E6C9;--sd-pink: #F8BBD0;--brand-highlight: #F48FB1;--saekdong-gradient: linear-gradient(90deg, #F8BBD0, #B3E5FC, #FFF9C4)}[data-preset=nature]{--sd-red: #5D4037;--sd-blue: #33691E;--sd-yellow: #AFB42B;--sd-green: #558B2F;--sd-pink: #8D6E63;--brand-highlight: #33691E;--saekdong-gradient: linear-gradient(90deg, #33691E, #8D6E63, #AFB42B)}[data-preset=mono]{--sd-red: #424242;--sd-blue: #212121;--sd-yellow: #E0E0E0;--sd-green: #757575;--sd-pink: #616161;--brand-highlight: #212121;--saekdong-gradient: linear-gradient(90deg, #000000, #9e9e9e, #ffffff)}[data-theme=dark]{--bg-primary: #121212;--bg-secondary: #1E1E1E;--text-primary: #ECEFF1;--text-secondary: #B0BEC5;--sd-black: #ECEFF1;--sd-white: #263238;color-scheme:dark}[data-theme=dark][data-preset=royal]{--sd-blue: #534bae;--brand-highlight: #ffd740}a{font-weight:500;color:var(--sd-blue);text-decoration:inherit;transition:color .25s}a:hover{color:var(--sd-pink)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--sd-black)}h1{font-size:3.2em;line-height:1.1;color:var(--sd-black)}button{border-radius:8px;border:2px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:var(--sd-white);color:var(--sd-black);cursor:pointer;transition:all .25s;box-shadow:0 4px 6px -1px #0000001a}button:hover{border-color:var(--sd-blue);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}button:focus,button:focus-visible{outline:4px auto var(--sd-yellow)}.saekdong-border-bottom{position:relative}.saekdong-border-bottom:after{content:"";display:block;height:8px;width:100%;background:var(--saekdong-gradient);position:absolute;bottom:0;left:0}.saekdong-text-gradient{background:var(--saekdong-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}