:root{--primary-color: #e0f2fe;--accent-color: #0ea5e9;--text-main: #1e293b;--text-muted: #64748b;--bg-main: #f8fafc;--card-bg: #ffffff;--modal-bg: rgba(0, 0, 0, .5);--transition-speed: .3s;--font-outfit: "Outfit", sans-serif;--font-main: "Inter", "Noto Sans KR", "Noto Sans JP", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;overflow-x:hidden}#header{position:fixed;top:0;width:100%;z-index:1000;background:#f8fafccc;backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.5)}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:baseline;gap:1.5rem}.header-email{font-size:.875rem;color:var(--text-muted);text-decoration:none;font-family:var(--font-outfit);transition:color .2s}.header-email:hover{color:var(--accent-color)}.logo{font-family:var(--font-outfit);font-size:1.5rem;font-weight:600;letter-spacing:-.02em;color:var(--accent-color)}.logo-link{text-decoration:none;color:inherit}.nav-menu{display:flex;gap:1.5rem;margin-left:.5rem}.nav-link{text-decoration:none;color:var(--text-muted);font-size:.9375rem;font-weight:500;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--accent-color)}.lang-selector{position:relative}.lang-btn{background:#fff;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:.75rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.875rem;transition:all var(--transition-speed)}.lang-btn:hover{border-color:var(--accent-color)}.lang-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;list-style:none;padding:.5rem;min-width:120px;box-shadow:0 10px 15px -3px #0000001a}.lang-dropdown li{padding:.5rem 1rem;cursor:pointer;border-radius:.5rem;font-size:.875rem}.lang-dropdown li:hover{background-color:var(--primary-color);color:var(--accent-color)}.lang-dropdown a{display:block;color:inherit;text-decoration:none}.lang-dropdown .active-lang{color:var(--accent-color);font-weight:700}.lang-btn:disabled{cursor:default;opacity:.7}.hidden{display:none!important}.pc-hide{display:none}.about-container,.legal-container{max-width:800px;margin:0 auto;padding:10rem 2rem 4rem}.legal-content{background:#fff;padding:3.5rem;border-radius:1.5rem;border:1px solid #e2e8f0}.section-container{max-width:1200px;margin:0 auto;padding:2rem}.section-title{font-family:var(--font-outfit);font-size:2rem;margin-bottom:2rem;text-align:center;color:var(--accent-color);font-weight:600}.hero-section{min-height:auto;display:flex;flex-direction:column;align-items:center;text-align:center;padding:10rem 2rem 0;background:radial-gradient(circle at top,#e0f2fe 0%,transparent 70%)}.hero-content{margin-bottom:2rem;transform:translateY(-20px)}.hero-content h1{font-family:var(--font-outfit);font-size:4rem;font-weight:600;margin-bottom:1rem;letter-spacing:-.03em}#hero-sub-text{font-size:1.25rem;color:var(--text-muted);word-break:keep-all;overflow-wrap:break-word}@media(min-width:768px){#hero-sub-text br,.hero-sub-text br{display:none!important}}.marquee-container{width:100vw;overflow:hidden;background:#fff;padding:1.5rem 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;margin-top:0}.marquee-bar{display:flex;white-space:nowrap}.marquee-content{display:flex;gap:2rem;padding-right:2rem;animation:marquee 30s linear infinite;flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.keyword-tag{font-family:var(--font-outfit);font-weight:400;color:var(--accent-color);font-size:1.125rem}.devstories-block{margin-bottom:4rem}.devstory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.devstory-card{min-height:230px;background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;color:var(--text-main);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all var(--transition-speed)}.devstory-media{aspect-ratio:16 / 9;background:#f1f5f9;border-bottom:1px solid #e2e8f0;overflow:hidden;width:100%}.devstory-media img,.devstory-media video{display:block;height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.devstory-card:hover .devstory-media img,.devstory-card:hover .devstory-media video{transform:scale(1.03)}.devstory-card-body{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.devstory-card:hover{border-color:var(--accent-color);box-shadow:0 20px 25px -5px #0ea5e91f;transform:translateY(-6px)}.devstory-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.devstory-category{background:#f1f5f9;border-radius:9999px;color:var(--text-muted);font-size:.75rem;font-weight:700;padding:.25rem .625rem}.devstory-date{color:var(--text-muted);font-family:var(--font-outfit);font-size:.8125rem}.devstory-title{font-size:1.25rem;font-weight:800;line-height:1.35;margin-bottom:.75rem;overflow-wrap:anywhere;word-break:keep-all}.devstory-summary{color:var(--text-muted);flex-grow:1;font-size:.9375rem;line-height:1.65;margin-bottom:1.25rem;overflow-wrap:anywhere;word-break:keep-all}.devstory-cta{align-self:flex-start;color:var(--accent-color);font-weight:800}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.service-grid:last-child{margin-bottom:0}.service-card{background:#fff;border-radius:1.25rem;overflow:hidden;transition:all var(--transition-speed);border:1px solid #e2e8f0;display:flex;flex-direction:column}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a;border-color:var(--accent-color)}.thumb-container{width:100%;aspect-ratio:16 / 9;overflow:hidden;position:relative;background:#f1f5f9;display:flex;justify-content:center;align-items:center}.thumb-container img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .5s ease}.service-card:hover .thumb-container img{transform:scale(1)}.card-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.card-tags{display:flex;gap:.5rem}.badge{font-size:.75rem;padding:.25rem .625rem;border-radius:9999px;font-weight:600}.badge-type{background:#f1f5f9;color:var(--text-muted)}.badge-status{background:#dcfce7;color:#15803d}.service-name{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.service-desc{color:var(--text-muted);font-size:.875rem;margin-bottom:1.5rem;flex-grow:1}.visit-btn{display:block;width:100%;padding:.75rem;text-align:center;background:var(--accent-color);color:#fff;text-decoration:none;border-radius:.75rem;font-weight:600;transition:background .2s}.visit-btn:hover{background:#0284c7}.visit-btn.developing{background:var(--accent-color)}.visit-btn.developing:hover{background:#0284c7}.sns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.sns-card{background:#fff;border:1px solid #e2e8f0;padding:1rem;border-radius:1rem;text-decoration:none;display:flex;align-items:center;gap:.75rem;color:var(--text-main);transition:all .2s}.sns-card:hover{background:var(--primary-color);border-color:var(--accent-color);transform:scale(1.02)}.sns-icon{font-size:1.5rem}.sns-label{font-weight:600}footer{background:#fff;border-top:1px solid #e2e8f0;padding:4rem 2rem;text-align:center}.footer-container{max-width:1200px;margin:0 auto}.contact-info h3{margin-bottom:1rem;font-family:var(--font-outfit)}.email-link{color:var(--accent-color);text-decoration:none;font-size:1.125rem;font-weight:600}.footer-links{margin:2rem 0}.footer-link-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.875rem;text-decoration:underline}.copyright{color:var(--text-muted);font-size:.75rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;justify-content:center;align-items:center}.modal-overlay{position:absolute;width:100%;height:100%;background:#0f172a66;backdrop-filter:blur(8px)}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content{position:relative;background:#fff;width:90%;max-width:500px;max-height:85vh;border-radius:2rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 60px -12px #0000004d;animation:modalScaleUp .4s cubic-bezier(.16,1,.3,1) forwards}.modal-content.preview-modal{width:min(96vw,1120px);max-width:1120px;max-height:92vh;border-radius:1.5rem}.modal.hidden{display:none}.modal-icon-area{padding-top:2.5rem;display:flex;justify-content:center;align-items:center}.modal-icon-area i,.modal-icon-area svg{font-size:3.5rem;color:#ef4444;filter:drop-shadow(0 10px 15px rgba(239,68,68,.3))}.modal-header{padding:1.5rem 2rem .5rem;border-bottom:none;text-align:center;flex-direction:column}.modal-header h2{font-size:1.5rem;font-weight:800;font-family:var(--font-outfit);margin:0;text-align:center;width:100%}.modal-close-btn{display:none!important}.preview-modal .modal-close-btn{position:absolute;top:1rem;right:1rem;display:inline-flex!important;width:2.5rem;height:2.5rem;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:9999px;background:#fff;color:var(--text-main);cursor:pointer;font-size:1.5rem;line-height:1;transition:background .2s,transform .2s}.preview-modal .modal-close-btn:hover{background:#f1f5f9;transform:translateY(-1px)}.modal-body{padding:1rem 2.5rem 2.5rem;text-align:center;color:var(--text-muted);font-size:1.1rem;line-height:1.6}.preview-modal .modal-icon-area{display:none}.preview-modal .modal-header{position:relative;padding:1.25rem 4.25rem .75rem 1.5rem;text-align:left}.preview-modal .modal-header h2{text-align:left;font-size:1.35rem}.preview-modal .modal-body{padding:0 1.25rem 1.25rem;color:var(--text-main);font-size:1rem;line-height:1.4;overflow:hidden;text-align:left}.preview-gallery{position:relative}.preview-track{display:flex;gap:1rem;overflow-x:auto;overscroll-behavior-x:contain;padding:.25rem .25rem 1rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:#cbd5e1 transparent}.preview-card{position:relative;flex:0 0 min(84vw,900px);aspect-ratio:16 / 9;overflow:hidden;border:5px solid #38bdf8;border-radius:1rem;background:#f8fafc;scroll-snap-align:center;box-shadow:0 18px 36px #0ea5e92e}.preview-card.is-missing{display:none}.preview-card img,.preview-video-frame,.preview-video-frame iframe{display:block;width:100%;height:100%}.preview-card img{object-fit:contain;background:#fff}.preview-video-frame iframe{border:0}.preview-index{position:absolute;top:.75rem;left:.75rem;z-index:2;min-width:2.25rem;padding:.35rem .55rem;border-radius:9999px;background:#0f172ac7;color:#fff;font-size:.8125rem;font-weight:800;text-align:center}.preview-nav{position:absolute;top:50%;z-index:4;display:inline-grid;width:3.5rem;height:3.5rem;align-items:center;justify-content:center;place-items:center;padding:0;border:3px solid #e0f2fe;border-radius:9999px;background:var(--accent-color);box-shadow:0 16px 32px #0ea5e961,0 4px 10px #0f172a3d;color:#fff;cursor:pointer;font-size:0;line-height:0;transform:translateY(-50%);transition:background .2s,box-shadow .2s,transform .2s}.preview-nav svg{display:block;width:1.9rem;height:1.9rem;stroke:currentColor;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.preview-nav:hover{background:#0284c7;box-shadow:0 18px 36px #0284c773,0 5px 12px #0f172a47;transform:translateY(-50%) scale(1.07)}.preview-nav:focus-visible{outline:4px solid rgba(56,189,248,.35);outline-offset:4px}.preview-nav-prev{left:1rem}.preview-nav-next{right:1rem}.modal-footer{padding:1.5rem 2rem 2.5rem;border-top:none;text-align:center}.confirm-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;width:100%;max-width:200px;padding:.875rem 0;font-size:1rem;border:none;border-radius:1rem;letter-spacing:.05em;box-shadow:0 10px 20px -5px #ef444466;transition:transform .2s,box-shadow .2s}.confirm-btn:hover{transform:translateY(-2px);box-shadow:0 15px 25px -5px #ef444480}.fade-in-scale{animation:fadeInScale 1s cubic-bezier(.2,.8,.2,1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.footer-link-text{text-decoration:none;color:var(--text-muted);font-size:.875rem;transition:color .2s}.footer-link-text:hover{color:var(--accent-color)}.footer-divider{margin:0 .5rem;color:#e2e8f0}@media(min-width:768px)and (max-width:1023px){.hero-content h1{font-size:3.5rem}}.blog-container{max-width:1200px;margin:0 auto;padding:10rem 2rem 4rem}.blog-header{text-align:center;margin-bottom:4rem}.blog-title{font-family:var(--font-outfit);font-size:3rem;font-weight:600;margin-bottom:1rem;color:var(--text-main)}.blog-subtitle{font-size:1.125rem;color:var(--text-muted)}.category-filter{display:flex;justify-content:center;gap:.75rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{background:#fff;border:1px solid #e2e8f0;padding:.625rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;color:var(--text-muted)}.filter-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}.filter-btn.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:2rem;display:flex;flex-direction:column;transition:all .3s ease;text-decoration:none;color:inherit;height:100%}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a;border-color:var(--accent-color)}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.blog-card-category{font-size:.75rem;font-weight:600;color:var(--accent-color);background:var(--primary-color);padding:.25rem .75rem;border-radius:9999px}.blog-card-date{font-size:.8125rem;color:var(--text-muted)}.blog-card-title{font-size:1.25rem;font-weight:700;line-height:1.4;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-summary{font-size:.9375rem;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.post-container{width:100%;max-width:800px;margin:0 auto;padding:12rem 1.5rem 4rem}.post-content{width:100%}.post-header-area{margin-bottom:3rem;text-align:center;width:100%}.post-category{display:inline-block;font-weight:600;color:var(--accent-color);margin-bottom:1rem;text-transform:uppercase;font-size:.8125rem;letter-spacing:.1em}.post-title{font-family:var(--font-outfit);font-size:clamp(2rem,5vw,3rem);line-height:1.2;margin-bottom:1.5rem;color:var(--text-main);font-weight:600;word-break:keep-all}.post-meta{color:var(--text-muted);font-size:.875rem;margin-bottom:2rem}.breadcrumbs{margin:0 auto 2.5rem;font-size:.8125rem;color:var(--text-muted);text-align:center;width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem;flex-wrap:wrap}.breadcrumb-sep{color:#cbd5e1;font-size:.75rem}.breadcrumbs a{color:var(--text-muted);text-decoration:none;transition:color .2s}.breadcrumbs a:hover{color:var(--accent-color)}.markdown-body{background:#fff;padding:3.5rem;border-radius:1.5rem;border:1px solid #e2e8f0;line-height:1.8;color:#334155}.markdown-body.align-center{text-align:center}.markdown-body.align-right{text-align:right}.markdown-body.align-center img{display:block;margin-left:auto;margin-right:auto}.markdown-body.align-center .og-card-wrap{display:flex;justify-content:center}.markdown-body.align-right img{display:block;margin-left:auto;margin-right:0}.markdown-body.align-right .og-card-wrap{display:flex;justify-content:flex-end}.markdown-body h1{font-size:2.25rem;font-weight:700;margin-top:2.5rem;margin-bottom:1.5rem;border-bottom:1px solid #e2e8f0;padding-bottom:.5rem}.markdown-body h2{font-size:1.875rem;font-weight:700;margin-top:2rem;margin-bottom:1.25rem}.markdown-body h3{font-size:1.5rem;font-weight:600;margin-top:1.75rem;margin-bottom:1rem}.markdown-body h4{font-size:1.25rem;font-weight:600;margin-top:1.5rem;margin-bottom:.75rem}.markdown-body h5{font-size:1.125rem;font-weight:600;margin-top:1.25rem;margin-bottom:.5rem}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5{color:var(--text-main);line-height:1.3}.markdown-body p{margin-bottom:1.25rem;white-space:pre-wrap;word-break:keep-all}.markdown-body hr{margin:2.5rem 0;border:0;border-top:1px solid #e2e8f0}.markdown-body img{max-width:100%;border-radius:.75rem;margin:2rem 0}.markdown-body .video-embed{position:relative;width:100%;aspect-ratio:16 / 9;margin:2rem 0;overflow:hidden;border-radius:.75rem;background:#0f172a}.markdown-body .video-embed iframe{width:100%;height:100%;border:0}.markdown-body .og-card-wrap{margin:1.5rem 0 2.25rem}.markdown-body .og-card{display:block;overflow:hidden;border:1px solid #e5e7eb;border-radius:.125rem;background:#fff;color:inherit;text-decoration:none;box-shadow:0 2px 8px #0f172a14;transition:border-color .2s,box-shadow .2s,transform .2s}.markdown-body .og-card:hover{border-color:var(--accent-color);box-shadow:0 12px 24px #0f172a1f;transform:translateY(-2px)}.markdown-body .og-card-image{display:block;width:100%;height:auto;aspect-ratio:5 / 3;object-fit:cover;border-radius:0;margin:0;background:#f1f5f9}.markdown-body .og-card-content{min-width:0;display:flex;flex-direction:column;gap:.45rem;padding:1.35rem 1.5rem 1.5rem}.markdown-body .og-card-title{color:#2f343b;font-size:1.25rem;font-weight:500;line-height:1.45;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.markdown-body .og-card-description{color:#9ca3af;font-size:1rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.markdown-body .og-card-url{color:#03c75a;font-size:.95rem;line-height:1.4}.markdown-body pre{background:#f1f5f9;padding:1.5rem;border-radius:.75rem;overflow-x:auto;margin:1.5rem 0}.markdown-body code{font-family:monospace;background:#f1f5f9;padding:.2rem .4rem;border-radius:.25rem;font-size:.9em}.back-to-list{margin-top:3rem;text-align:center}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-color);text-decoration:none;font-weight:600;transition:transform .2s}.back-link:hover{transform:translate(-5px)}@media(max-width:767px){#header{height:auto!important;min-height:100px}.header-container{display:block!important;position:relative!important;padding:.75rem 1rem!important}.header-left{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0!important;width:100%}.logo{order:1!important;font-size:1.35rem!important;line-height:1.1!important;margin-bottom:0!important}.header-email{order:2!important;font-size:.75rem!important;line-height:1!important;margin:.2rem 0 0 2px!important;opacity:.8}.nav-menu{order:3!important;display:flex!important;justify-content:center!important;gap:1.5rem!important;margin:1rem 0 0!important;padding-top:.75rem!important;border-top:1px solid rgba(226,232,240,.8);width:100%}.nav-link{font-size:.875rem!important}.lang-selector{position:absolute!important;top:.85rem!important;right:1rem!important;z-index:10}.hero-section,.about-container,.blog-container,.post-container,.legal-container{padding-top:14rem!important}.hero-content h1{font-size:2.25rem!important}#hero-sub-text{display:block!important;height:4rem!important;margin-bottom:0!important;overflow:visible!important}.section-container{padding:2rem 1rem!important}.service-grid{grid-template-columns:1fr!important}.modal-content.preview-modal{width:94vw!important;max-height:88vh!important;border-radius:1rem!important}.preview-modal .modal-header{padding:1rem 3.5rem .75rem 1rem!important}.preview-modal .modal-header h2{font-size:1.125rem!important}.preview-modal .modal-body{padding:0 .75rem 1rem!important}.preview-card{flex-basis:82vw!important;border-radius:.75rem!important}.preview-nav{display:inline-grid!important;width:2.75rem!important;height:2.75rem!important}.preview-nav svg{width:1.5rem!important;height:1.5rem!important}.preview-nav-prev{left:.5rem!important}.preview-nav-next{right:.5rem!important}.devstory-grid{grid-template-columns:1fr!important}.devstory-card{min-height:0!important}.blog-title{font-size:2rem!important}.blog-grid{grid-template-columns:1fr!important}.post-header,.post-header-area{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;overflow:hidden}.breadcrumbs{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:.25rem!important;word-break:break-all!important;line-height:1.4!important;margin-bottom:1.5rem!important}.post-title{font-size:1.875rem!important;width:100%;word-break:keep-all;line-height:1.3!important}.post-meta{margin-bottom:0!important}.markdown-body{padding:2rem 1.25rem!important;border-radius:1rem!important}.markdown-body .og-card{display:block}.markdown-body .og-card-image{width:100%;height:auto;aspect-ratio:5 / 3}.markdown-body .og-card-content{padding:1rem 1.125rem 1.125rem}.markdown-body .og-card-title{font-size:1rem}.markdown-body .og-card-description{font-size:.875rem}.blog-card-summary{font-size:.7em!important;line-height:1.5!important}.footer-links{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin:1.5rem 0!important}.footer-link-text{font-size:.8125rem;color:var(--text-muted);text-decoration:none}.footer-divider{color:#e2e8f0}.pc-hide{display:block!important}}