@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);*{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(50%,.5vw + 44%,62.5%)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:D-DIN,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;font-size:1.6rem;line-height:1.6;margin:0;word-break:keep-all}@font-face{font-family:D-DIN;font-style:normal;font-weight:700;src:url(/static/media/D-DIN-Bold.552fdc53ba9112990a9d.woff) format("woff")}.d-din{font-family:D-DIN,sans-serif;letter-spacing:.05rem;text-transform:uppercase}label,p,span{font-weight:400;letter-spacing:-.01em}.nav-item,h1,h2{font-family:D-DIN,sans-serif;letter-spacing:.1rem;text-transform:uppercase}button{border:none;padding:0}input,select,textarea{background:#0000;border:none;border-bottom:1px solid #ffffff26;color:#fff;font-size:1.6rem;padding:1.2rem 0;transition:.3s}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:active,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:active,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #000!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input:focus,select:focus,textarea:focus{border-bottom-color:#e0e0e0;outline:none}.cta-button{align-items:center;background-color:#00000080;border:1px solid #ffffff59;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-flex;font-size:1.4rem;font-weight:600;height:4.8rem;justify-content:center;letter-spacing:1.5px;overflow:hidden;padding:0 2rem;position:relative;text-transform:uppercase;transition:background-color .5s cubic-bezier(.19,1,.22,1),color .5s cubic-bezier(.19,1,.22,1)}.cta-button .button-text{margin-right:1.2rem}.cta-button .button-icon{align-items:center;display:flex;height:1.8rem;position:relative;width:1.8rem}.cta-button .button-icon svg{stroke:currentColor;display:block;transition:transform .5s cubic-bezier(.19,1,.22,1)}.cta-button:hover{background-color:#fff;color:#000}.cta-button:hover .button-icon svg{transform:translateX(5px)}.cta-button:active{transform:scale(.98)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.home-container .section-title{margin-bottom:50px;text-align:center}.home-container .section-title span{color:#00f2ff;font-size:.9rem;font-weight:600;letter-spacing:2px}.home-container .section-title h2{color:#fff;font-size:2.5rem;margin-top:10px}.home-container .hero{animation:fadeInUp 1.2s cubic-bezier(.19,1,.22,1) forwards;animation-delay:.5s;background-position:50%;background-size:cover;background:linear-gradient(180deg,#000 0,#0000 15%,#0000 85%,#000),linear-gradient(180deg,#000000b3 0,#0006 30%,#000c),radial-gradient(circle at 20% 30%,#00f2ff26 0,#0000 40%),url(/static/media/hero_bg_01.a159d702fde33ea5096b.webp) no-repeat 50%;min-height:80vh;opacity:0;padding:12vw 0 7vw;text-align:center;transform:translateY(30px)}.home-container .hero:after{bottom:0;box-shadow:inset 0 0 100px 50px #000;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.home-container .hero h2{font-size:4rem;font-weight:800;line-height:1.1}.home-container .hero h2 span{color:#e0e0e0}.home-container .hero p{color:#e0e0e0;font-size:1.5rem;margin-top:1.5rem}.home-container .home-portfolio{background:linear-gradient(180deg,#0a0a0f00,#14141e80);padding:100px 0}.home-container .home-portfolio .section-header{margin-bottom:60px;text-align:center}.home-container .home-portfolio .section-header h2{color:#fff;font-size:3rem}.home-container .home-portfolio .section-header p{color:#aaa;margin-top:10px}.home-container .home-portfolio .portfolio-preview-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));margin:0 auto 50px;max-width:1200px}@media(max-width:480px){.home-container .home-portfolio .portfolio-preview-list{gap:15px;grid-template-columns:1fr}}.home-container .home-portfolio .portfolio-preview-list .preview-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:20px;cursor:pointer;overflow:hidden;padding:clamp(2rem,4vw,4rem);position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.home-container .home-portfolio .portfolio-preview-list .preview-card .card-image{height:200px;overflow:hidden;width:100%}.home-container .home-portfolio .portfolio-preview-list .preview-card .card-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.home-container .home-portfolio .portfolio-preview-list .preview-card:hover .card-image img{transform:scale(1.1)}.home-container .home-portfolio .portfolio-preview-list .preview-card .card-info{padding:30px}.home-container .home-portfolio .portfolio-preview-list .preview-card .card-info .category{color:#00f2ff;font-size:1.2rem;font-weight:700}.home-container .home-portfolio .portfolio-preview-list .preview-card .card-info h3{color:#fff;font-size:2.3rem;margin:10px 0}.home-container .home-portfolio .portfolio-preview-list .preview-card .card-info p{color:#888;font-size:1.45rem;height:3em;line-height:1.5;overflow:hidden}.home-container .home-portfolio .portfolio-preview-list .preview-card .card-info .tags{color:#555;display:flex;font-size:1.5rem;gap:10px;margin-top:15px}ㄴ .home-container .home-portfolio .portfolio-preview-list .preview-card:hover{background:#00f2ff0d;border-color:#00f2ff;transform:translateY(-10px)}ㄴ .home-container .home-portfolio .portfolio-preview-list .preview-card:hover .card-hover-icon{opacity:1;transform:translateX(0)}.home-container .home-portfolio .portfolio-preview-list .preview-card .category{color:#00f2ff;font-size:2rem;font-weight:500}.home-container .home-portfolio .portfolio-preview-list .preview-card h3{color:#fff;font-size:2.8rem;margin:15px 0}.home-container .home-portfolio .portfolio-preview-list .preview-card p{color:#ccc;line-height:1.6;margin-bottom:20px}.home-container .home-portfolio .portfolio-preview-list .preview-card .tags{color:#666;font-family:monospace}.home-container .home-portfolio .portfolio-preview-list .preview-card .card-hover-icon{bottom:30px;opacity:0;position:absolute;right:30px;transform:translateX(-20px);transition:all .3s}.home-container .hero-btns,.home-container .home-portfolio .view-more-center{display:flex;justify-content:center}.home-container .hero-btns{gap:20px;margin-top:30px}.home-container .hero-btns .text-btn{align-items:center;background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:8px;transition:color .3s}.home-container .hero-btns .text-btn:hover{color:#00f2ff}@media(max-width:1024px){.home-container .hero{background:linear-gradient(180deg,#000 0,#0000 25%,#0000 100%,#000 0),linear-gradient(180deg,#0009 10%,#0000004d 0,#000000e6),radial-gradient(circle at 50% 40%,#00f2ff33 0,#0000 50%),url(/static/media/hero_bg_01.a159d702fde33ea5096b.webp) no-repeat 50%;background-position:50%;background-size:cover;min-height:40vh}.home-container .hero:after{bottom:0;box-shadow:inset 0 0 3rem 0 #000;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}}.service-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:6rem 0 0}@media(max-width:1024px){.service-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.service-grid{grid-template-columns:1fr}}.service-grid .service-card{background:#111;border:1px solid #ffffff1a;border-radius:2.4rem;overflow:hidden;padding:3rem 2rem;position:relative;transition:.4s cubic-bezier(.165,.84,.44,1)}.service-grid .service-card:after{background:#e0e0e0;bottom:0;box-shadow:0 0 10px #e0e0e0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:.4s ease;width:0}.service-grid .service-card:hover{background:#ffffff08;transform:translateY(-10px)}.service-grid .service-card:hover:after{width:100%}.service-grid .service-card svg{stroke-width:1.5;stroke:#ffffffe6}.service-grid .service-card h3{font-size:1.5rem;margin:1.5rem 0 .5rem}.service-grid .service-card p{color:#888}.custom-overlay{position:relative;transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0)}.custom-overlay-box{background:#111;border:1px solid #ffffff1f;border-radius:10px;box-shadow:0 10px 30px #0009;color:#fff;font-size:14px;line-height:1.5;min-width:220px;padding:14px 16px}.ykinas-portfolio{background-color:#000;padding:15rem 0 0}.ykinas-portfolio .portfolio-header{margin-bottom:10rem;padding:0 2rem;text-align:center}.ykinas-portfolio .portfolio-header .sub-title{color:#e0e0e0;font-size:clamp(1.4rem,2vw,2.4rem);letter-spacing:.5rem}.ykinas-portfolio .portfolio-header .main-title{font-size:clamp(3.2rem,6vw,5.6rem);font-weight:700;letter-spacing:-.02em;margin-top:2rem}.ykinas-portfolio .portfolio-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr))}.ykinas-portfolio .portfolio-grid .portfolio-item{background:#111;border:1px solid #ffffff0d;border-radius:24px;overflow:hidden;transition:transform .4s cubic-bezier(.165,.84,.44,1)}.ykinas-portfolio .portfolio-grid .portfolio-item:hover{border-color:#00f2ff4d;transform:translateY(-12px)}.ykinas-portfolio .portfolio-grid .portfolio-item:hover .item-image img{transform:scale(1.08)}.ykinas-portfolio .portfolio-grid .portfolio-item:hover .item-image .overlay{opacity:1}.ykinas-portfolio .portfolio-grid .portfolio-item .item-image{height:260px;overflow:hidden;position:relative}.ykinas-portfolio .portfolio-grid .portfolio-item .item-image img{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.ykinas-portfolio .portfolio-grid .portfolio-item .item-image .overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.ykinas-portfolio .portfolio-grid .portfolio-item .item-info{padding:30px}.ykinas-portfolio .portfolio-grid .portfolio-item .item-info .category{color:#00f2ff;display:inline-block;font-size:1.2rem;font-weight:700;letter-spacing:1px;margin-bottom:12px}.ykinas-portfolio .portfolio-grid .portfolio-item .item-info h3{color:#fff;font-size:2.3rem;line-height:1.3;margin-bottom:15px}.ykinas-portfolio .portfolio-grid .portfolio-item .item-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#888;display:-webkit-box;font-size:1.45rem;line-height:1.6;margin-bottom:25px;overflow:hidden}.ykinas-portfolio .portfolio-grid .portfolio-item .item-info .tags{display:flex;flex-wrap:wrap;gap:8px}.ykinas-portfolio .portfolio-grid .portfolio-item .item-info .tags .tag{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#666;font-size:1.5rem;padding:4px 12px}.ykinas-portfolio .project-grid{display:flex;flex-direction:column;gap:.5rem}.ykinas-portfolio .project-card{cursor:pointer;height:80vh;overflow:hidden;position:relative}.ykinas-portfolio .project-card .card-bg{background-position:50%;background-size:cover;height:100%;left:0;opacity:.35;position:absolute;top:0;transition:transform 1.5s cubic-bezier(.19,1,.22,1);width:100%}.ykinas-portfolio .project-card .card-bg:after{background:linear-gradient(0deg,#000c 0,#0000 60%);box-shadow:inset 0 0 100px 50px #000;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ykinas-portfolio .project-card .card-content{bottom:0;left:0;padding:5vw 0;position:absolute;width:100%;z-index:2}.ykinas-portfolio .project-card .card-content .text-box{max-width:80rem;transform:translateY(20px);transition:transform .8s ease}.ykinas-portfolio .project-card .card-content .category{color:#e0e0e0;font-size:1.5rem;letter-spacing:.2rem}.ykinas-portfolio .project-card .card-content .project-title{font-size:clamp(2.4rem,4vw,4rem);line-height:1.1;margin:1.5rem 0}.ykinas-portfolio .project-card .card-content .project-desc{color:#bbb;font-size:1.8rem;margin-bottom:3rem;max-width:50rem;word-break:keep-all}.ykinas-portfolio .project-card .card-content .view-details{border:1px solid #fff;color:#fff;display:inline-block;padding:1.5rem 3rem;text-decoration:none;transition:.4s}.ykinas-portfolio .project-card .card-content .view-details span{margin-left:1rem;transition:margin .3s}.ykinas-portfolio .project-card .card-content .view-details:hover{background:#fff;color:#000}.ykinas-portfolio .project-card .card-content .view-details:hover span{margin-left:2rem}.ykinas-portfolio .project-card:hover .card-bg{transform:scale(1.05)}.ykinas-portfolio .project-card:hover .text-box{transform:translateY(0)}.ykinas-portfolio .filter-bar{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:50px}.ykinas-portfolio .filter-bar button{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;color:#999;cursor:pointer;font-size:1.25rem;font-weight:500;padding:10px 24px;transition:all .3s ease}.ykinas-portfolio .filter-bar button:hover{border-color:#00f2ff;color:#fff}.ykinas-portfolio .filter-bar button.active{background:#00f2ff;border-color:#00f2ff;box-shadow:0 4px 15px #00f2ff4d;color:#000;font-weight:700}.contact-section{background:#000;color:#fff;padding:12rem 2rem}.contact-section .container{margin:0 auto;max-width:800px}.contact-section .contact-header{margin-bottom:6rem;text-align:center}.contact-section .contact-header .sub-title{color:#007bff;font-family:D-DIN-Bold,sans-serif;font-size:1.4rem;letter-spacing:.4rem}.contact-section .contact-header .main-title{font-size:clamp(3.2rem,5vw,4.2rem);font-weight:700;margin:1.5rem 0}.contact-section .contact-header .desc{color:#888;font-size:1.7rem;line-height:1.8;word-break:keep-all}.contact-section .contact-form{display:flex;flex-direction:column;gap:4rem}.contact-section .contact-form .input-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}@media(max-width:768px){.contact-section .contact-form .input-row{grid-template-columns:1fr}}.contact-section .contact-form .input-group{display:flex;flex-direction:column;position:relative}.contact-section .contact-form .input-group label{color:#bbb;font-size:1.3rem;font-weight:500;margin-bottom:1rem}.contact-section .contact-form .input-group input,.contact-section .contact-form .input-group select,.contact-section .contact-form .input-group textarea{-webkit-appearance:none;background:#0000;border:none;border-bottom:1px solid #ffffff26;border-radius:0;color:#fff;font-size:1.6rem;padding:1.2rem 0;transition:.3s}.contact-section .contact-form .input-group input:focus,.contact-section .contact-form .input-group select:focus,.contact-section .contact-form .input-group textarea:focus{border-bottom-color:#007bff;outline:none}.contact-section .contact-form .input-group select option{background:#111}.contact-section .contact-form .agreement-group{align-items:center;color:#888;display:flex;font-size:1.4rem;gap:1rem}.contact-section .contact-form .agreement-group input{cursor:pointer;height:1.8rem;width:1.8rem}.contact-section .contact-form .submit-btn{align-items:center;background:#0000;border:1px solid #fff;color:#fff;cursor:pointer;display:flex;font-family:D-DIN-Bold,sans-serif;font-size:1.8rem;gap:2rem;height:6rem;justify-content:center;transition:.4s}.contact-section .contact-form .submit-btn:hover{background:#fff;color:#000}.ykinas-app{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.ykinas-app .header-content{align-items:center;color:#fff;display:flex;margin:0 auto;max-width:1200px;padding:0 40px;width:100%}.ykinas-app .header{align-items:center;display:flex;height:80px;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.ykinas-app .header:before{background:linear-gradient(180deg,#0009,#0000004d 40%,#0000);content:"";height:300px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.ykinas-app .header .header-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.2rem 2rem;width:100%}.ykinas-app .header .header-inner .logo{color:#e0e0e0;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;text-decoration:none}.ykinas-app .header .header-inner .logo span{font-size:2.2rem;font-weight:600;transform:translateY(-1px)}.ykinas-app .header .header-inner .logo img{height:auto;width:2rem}.ykinas-app .header .nav-desktop{display:flex;gap:2.5rem}.ykinas-app .header .nav-desktop a{color:#fffc;font-weight:500;text-decoration:none;transition:.3s}.ykinas-app .header .nav-desktop a:hover{color:#e0e0e0}@media(max-width:768px){.ykinas-app .header .nav-desktop{display:none}}.ykinas-app .header .menu-btn{background:none;border:none;color:#fff;cursor:pointer;display:none}@media(max-width:768px){.ykinas-app .header .menu-btn{display:block}}.ykinas-app .header .nav-overlay{animation:fadeIn .3s ease;background:#0009;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:100}.ykinas-app .header .mobile-links{display:flex;flex-direction:column;gap:2rem}.ykinas-app .header .mobile-links a{border-bottom:1px solid #ffffff1a;color:#fff;font-family:D-DIN-Bold,sans-serif;font-size:1.8rem;letter-spacing:.1rem;padding-bottom:1rem;text-decoration:none;text-transform:uppercase}.ykinas-app .nav-mobile{background:#111;box-shadow:-10px 0 30px #00000080;display:none;gap:1.5rem;height:100vh;padding:5rem 2rem;position:fixed;right:-280px;top:0;transition:.4s cubic-bezier(.4,0,.2,1);width:280px;z-index:101}.ykinas-app .nav-mobile.open{right:0}.ykinas-app .nav-mobile a{border-bottom:1px solid #ffffff0d;color:#fff;font-size:1.3rem;padding-bottom:10px;text-decoration:none}.ykinas-app .nav-mobile .close-btn{background-color:#0000}.ykinas-app .nav-mobile .mobile-menu-header{display:flex;justify-content:flex-end;margin-bottom:4rem}.ykinas-app .nav-mobile .mobile-menu-header .close-btn{background:none;border:none;color:#fff;cursor:pointer}.ykinas-app .main-content{flex:1 1;margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.ykinas-app footer.footer{align-items:center;color:#ffffff80;display:flex;font-size:1.5rem;height:5rem;justify-content:center;padding:4rem 2rem}.ykinas-app .copyright{font-size:1.2rem;letter-spacing:.2rem;margin-top:2rem;text-transform:uppercase}.ykinas-app .cta-button{margin-top:2rem}@media(max-width:1024px){.ykinas-app .nav-mobile{box-shadow:-10px 0 30px #00000080;display:flex;flex-direction:column;gap:1.5rem;padding:2em 2rem;transform:translateX(0)}.ykinas-app .nav-mobile.is-open{transform:translateX(-280px)}}.map-section{padding:8rem 2rem}.submit-btn{overflow:hidden;position:relative}.submit-btn.loading{background:#ffffff1a;cursor:not-allowed}.submit-btn .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.a1985e55.css.map*/