@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css);*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}li{list-style:none}button,input{font-family:inherit}html{font-size:16px}body{color:#1a1a1a;color:var(--text-black);font-family:Pretendard,sans-serif;font-size:clamp(.9rem,1.3vw,1rem);font-weight:300;line-height:140%;overflow-x:hidden}nav{position:relative}@media (min-width:1024px){nav{display:none}}nav .mobile-toggle{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:flex-end;padding:1rem}nav .mobile-toggle button{background:none;border:none;cursor:pointer;height:18px;position:relative;width:24px;z-index:100}nav .mobile-toggle button span{background-color:#1a1a1a;background-color:var(--text-black);display:block;height:2px;left:0;position:absolute;transition:.3s;width:100%}nav .mobile-toggle button span:first-child{top:0}nav .mobile-toggle button span:nth-child(2){top:8px}nav .mobile-toggle button span:nth-child(3){bottom:0}nav .mobile-toggle button.open span:first-child{transform:translateY(8px) rotate(45deg)}nav .mobile-toggle button.open span:nth-child(2){opacity:0}nav .mobile-toggle button.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}nav .menu-wrap{align-items:center;background:#f7f8fa;background:var(--color-bg);display:flex;height:100vh;justify-content:center;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .35s ease;width:100vw;z-index:50}@media (min-width:768px){nav .menu-wrap{width:70vw}}nav .menu-wrap ul{flex-direction:column;gap:2rem}nav .menu-wrap ul,nav .menu-wrap ul li{align-items:center;display:flex;justify-content:center}nav .menu-wrap ul li{border-radius:.5rem;color:#64748b;color:var(--text-sub);cursor:pointer;flex-direction:row;font-size:1.1rem;gap:1rem;padding:1rem 2rem;transition:.3s}nav .menu-wrap ul li:hover{background-color:#f7f8fa;background-color:var(--color-bg);color:#1a1a1a;color:var(--text-black)}nav .menu-wrap ul li.active{color:#1a1a1a;color:var(--text-black);font-weight:500}nav .menu-wrap.open{transform:translateX(0)}header{background-color:#f7f8fa;background-color:var(--color-bg);border-bottom:1px solid #0000000d;left:0;padding:.75rem 1rem;position:fixed;top:0;width:100%;z-index:20}@media (min-width:768px){header{padding:1rem 2rem}}@media (min-width:1024px){header{padding:1rem 3rem}}header .header-inner{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1500px}header .header-desktop{display:none}@media (min-width:1024px){header .header-desktop{display:block}}header .header-desktop>ul{align-items:center;display:flex;flex-direction:row;font-family:Pretendard,sans-serif;font-size:clamp(1rem,1.6vw,1.125rem);font-weight:400;gap:3rem;justify-content:center;line-height:140%}header .header-desktop>ul>li{border-radius:.5rem;color:#64748b;color:var(--text-sub);cursor:pointer;display:block;padding:.5rem 1rem;position:relative;transition:color .3s,background-color .3s,transform .25s}header .header-desktop>ul>li:after{background:linear-gradient(331deg,#6c8cff,#9b5cff);background:var(--color-main);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:center;transition:transform .3s;width:100%}header .header-desktop>ul>li:hover{color:#1a1a1a;color:var(--text-black);transform:translateY(-2px)}header .header-desktop>ul>li:hover:after{transform:scaleX(1)}header .header-desktop>ul>li.active{color:#1a1a1a;color:var(--text-black);font-weight:600}header .header-desktop>ul>li.active:after{transform:scaleX(1)}footer{overflow:hidden;position:relative}.bg-footer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(0deg,#e6ebf1,#f3f6f9,#0000);inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s linear}#contact{align-items:center;display:flex;flex-direction:column;gap:2.5rem;justify-content:center;padding:1.5rem;position:relative;z-index:1}#contact .footer-txt{font-family:Pretendard,sans-serif;font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:400;line-height:140%;text-align:center}@media (min-width:768px){#contact .footer-txt{font-family:Pretendard,sans-serif;font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:600;line-height:140%}}@media (min-width:1024px){#contact .footer-txt{font-family:Pretendard,sans-serif;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;line-height:140%}}#contact .footer-txt .glow{color:#1a1a1a;color:var(--text-black);text-shadow:none}#contact .footer-txt .glow:after{background:linear-gradient(90deg,#0000,#6c8cff99,#0000);bottom:-6px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100%}#contact .foote-subtxt{color:#64748b;color:var(--text-sub);text-align:center}#contact .footer-links,#contact .footer-links button{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:center}#contact .footer-links button{background:#0000;border:none;color:#64748b;color:var(--text-sub);cursor:pointer;font-family:Pretendard,sans-serif;font-size:clamp(.9rem,1.3vw,1rem);font-weight:300;line-height:140%;padding:.5rem 1rem;transition:.3s}#contact .footer-links button .arrow{font-size:.9rem;opacity:.55;transform:translateY(-1px);transition:transform .25s ease,opacity .25s ease}#contact .footer-links button:hover{color:#1a1a1a;color:var(--text-black)}#contact .footer-links button:hover .arrow{opacity:1;transform:translate(2px,-3px)}#contact .footer-links .dot{color:#64748b;color:var(--text-sub)}#contact .footer-cta{align-items:center;background:#fff;background:var(--text-white);border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 10px 30px #0000000a;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;max-width:550px;padding:1.5rem;width:100%}#contact .footer-cta .cta-title{color:#1a1a1a;color:var(--text-black);font-family:Pretendard,sans-serif;font-size:clamp(1.125rem,2vw,1.375rem);font-weight:500;line-height:140%;padding:1.5rem}#contact .footer-cta .cta{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;width:100%}#contact .footer-cta .cta .field{position:relative;width:100%}#contact .footer-cta .cta .field input,#contact .footer-cta .cta .field textarea{background:#f7f8fa;background:var(--color-bg);border:1px solid #e5e7eb;border-radius:.5rem;padding:1.6rem 1rem 1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}#contact .footer-cta .cta .field textarea{height:150px;resize:none}#contact .footer-cta .cta .field label{color:#64748b;color:var(--text-sub);font-family:Pretendard,sans-serif;font-size:clamp(.75rem,1vw,.875rem);font-weight:300;left:1rem;line-height:140%;pointer-events:none;position:absolute;top:1.1rem;transition:top .25s ease,font-size .25s ease,opacity .25s ease}#contact .footer-cta .cta .field input:focus,#contact .footer-cta .cta .field textarea:focus{border-color:#6c8cffcc;box-shadow:0 0 0 2px #6c8cff26;outline:none}#contact .footer-cta .cta .field input:focus+label,#contact .footer-cta .cta .field input:not(:placeholder-shown)+label,#contact .footer-cta .cta .field textarea:focus+label,#contact .footer-cta .cta .field textarea:not(:placeholder-shown)+label{font-size:.75rem;opacity:.85;top:.4rem}#contact .footer-cta .cta-btn{background:linear-gradient(331deg,#6c8cff,#9b5cff);background:var(--color-main);border:none;border-radius:.5rem;color:#fff;color:var(--text-white);cursor:pointer;padding:1rem;transition:.3s;width:100%}#contact .footer-cta .cta-btn:hover{filter:brightness(1.1)}#contact .copyright{color:#64748b;color:var(--text-sub);font-family:Pretendard,sans-serif;font-size:clamp(.75rem,1vw,.875rem);font-weight:300;line-height:140%}.wrapper{margin:0 auto;position:relative;width:100%;z-index:1}.wrapper .content{min-height:100vh;position:relative;z-index:2}#contact,#projects,#skills{min-height:100vh;scroll-margin-top:100px;width:100%}#contact{padding-top:100px}#intro{align-items:center;background-color:#f7f8fa;background-color:var(--color-bg);background-image:linear-gradient(#00000008 1px,#0000 0),linear-gradient(90deg,#00000008 1px,#0000 0);background-size:64px 64px;box-sizing:border-box;display:flex;flex-direction:column;gap:0;justify-content:center;min-height:100svh;padding:4rem 1.5rem;width:100%}#intro .intro-inner{grid-gap:6rem;display:grid;gap:6rem;margin:0 auto;max-width:1500px;width:100%}@media (min-width:1024px){#intro .intro-inner{align-items:center;grid-template-columns:1.1fr .9fr}}#intro .intro-title{gap:2rem}#intro .intro-title,#intro .intro-title .title{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}#intro .intro-title .title{gap:.75rem}#intro .intro-title .title h1{font-family:Pretendard,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:140%}#intro .intro-title .title p{color:#6c8cff;color:var(--color-blue);font-family:Pretendard,sans-serif;font-size:clamp(.9rem,1.3vw,1rem);font-weight:300;line-height:140%}#intro .intro-title .subtitle p{font-family:Pretendard,sans-serif;font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:600;line-height:140%;line-height:1.6}#intro .intro-title .skills{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.9rem;justify-content:flex-start;margin-top:1rem}#intro .card-flow{display:none}@media (min-width:1024px){#intro .card-flow{display:block;height:calc(100vh - 6rem);position:relative}#intro .card-flow .card-mask{height:100%;-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 18%,#000 82%,#0000);mask-image:linear-gradient(180deg,#0000 0,#000 18%,#000 82%,#0000);overflow:hidden;position:relative}#intro .card-flow .card-track{display:flex;flex-direction:column;gap:4.2rem;transform:translateZ(0);will-change:transform}}#intro .card{background:#fff;border:1px solid #0000000f;border-radius:24px;box-shadow:0 12px 32px #00000017;cursor:pointer;max-width:560px;overflow:hidden;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .35s ease;width:100%}#intro .card:hover{box-shadow:0 22px 48px #00000024;transform:translateY(-10px) rotate(0deg) scale(1.02)}#intro .card:nth-child(odd){align-self:flex-start;transform:rotate(-.8deg)}#intro .card:nth-child(2n){align-self:flex-end;margin-top:3rem;transform:rotate(.8deg)}#intro .card:nth-child(3n){max-width:600px}#intro .card:nth-child(4n){max-width:520px}#intro .card:first-child{transform:scale(1.04) rotate(-.8deg)}#intro .card .thumb{aspect-ratio:16/10;background:#f2f4f7;width:100%}#intro .card .thumb img{display:block;height:100%;object-fit:cover;width:100%}#intro .card .thumb .placeholder{align-items:center;background:linear-gradient(135deg,#eef2f7,#f8fafc);display:flex;flex-direction:row;gap:0;height:100%;justify-content:center;width:100%}#intro .card .thumb .placeholder span{color:#64748b;color:var(--text-sub);font-family:Pretendard,sans-serif;font-size:clamp(.75rem,1vw,.875rem);font-weight:300;line-height:140%}#intro .card .body{background:#fafbfc;padding:2rem}#intro .card .body .meta{align-items:center;display:flex;flex-direction:row;gap:0;justify-content:space-between;margin-bottom:1rem}#intro .card .body .meta .year{color:#64748b;color:var(--text-sub);font-family:Pretendard,sans-serif;font-size:clamp(1rem,1.6vw,1.125rem);font-weight:400;line-height:140%}#intro .card .body .meta .team{font-family:Pretendard,sans-serif;font-size:clamp(.75rem,1vw,.875rem);font-weight:300;line-height:140%}#intro .card .body .meta .team.team{color:#ff6b6b}#intro .card .body .meta .team.solo{color:#5b8cff}#intro .card .body .title-text{font-family:Pretendard,sans-serif;font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:400;font-weight:700;letter-spacing:-.01em;line-height:140%;line-height:1.4;margin:1.2rem 0 1.4rem;word-break:keep-all}#intro .card .body .keywords{display:flex;flex-wrap:wrap;gap:.6rem}#intro .card .body .keywords .kw{background:#f3f6fa;border-radius:8px;color:#64748b;color:var(--text-sub);font-family:Pretendard,sans-serif;font-size:clamp(.75rem,1vw,.875rem);font-weight:300;line-height:140%;padding:.35rem .6rem;transition:.3s}#intro .card .body .keywords .kw:hover{background:#e9eef6}@media (min-width:1024px){#intro .card .body{padding:1.7rem}}#about{gap:0;min-height:100vh;padding:3rem 1.25rem}#about,#about .about-sec{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:100%}#about .about-sec{gap:4rem;max-width:1500px}#about .about-sec .about-top-title{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem;justify-content:center}#about .about-sec .about-top-title h3{font-family:Pretendard,sans-serif;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;line-height:140%}#about .about-sec .about-top-title .about-sec-line{background:linear-gradient(331deg,#6c8cff,#9b5cff);background:var(--color-main);height:4px;width:48px}#about .about-sec .about-title{max-width:720px}#about .about-sec .about-title h1{font-family:Pretendard,sans-serif;font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:600;line-height:140%;line-height:1.3}#about .about-sec .about-card{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr;width:100%}#about .about-sec .about-card li{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;padding:2rem;transition:all .35s ease}#about .about-sec .about-card li h3{color:#6c8cff;color:var(--color-blue);font-family:Pretendard,sans-serif;font-size:clamp(1.125rem,2vw,1.375rem);font-weight:500;font-weight:600;line-height:140%}#about .about-sec .about-card li p{color:#4b5563;line-height:1.6}#about .about-sec .about-card li:hover{border-color:linear-gradient(331deg,#6c8cff,#9b5cff);border-color:var(--color-main);box-shadow:0 12px 30px #0000000f;transform:translateY(-6px)}@media (min-width:768px){#about{padding:4rem 2rem}#about .about-sec{gap:5rem}#about .about-sec .about-card{gap:1.5rem;grid-template-columns:repeat(1,1fr)}}@media (min-width:1024px){#about{padding:6rem 2rem}#about .about-sec{gap:6rem}#about .about-sec .about-top-title h3{font-family:Pretendard,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:140%}#about .about-sec .about-title{max-width:720px}#about .about-sec .about-title h1{font-family:Pretendard,sans-serif;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;line-height:140%;line-height:1.2}#about .about-sec .about-card{gap:1.5rem;grid-template-columns:repeat(3,1fr)}}.skills-card{margin:0 auto;max-width:1500px;width:100%}.skills-card .skills-item{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:768px){.skills-card .skills-item{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.skills-card .skills-item{grid-template-columns:repeat(3,1fr)}}.skills-card .skills-item .card{background:#fff;border:1px solid #0000000a;border-radius:16px;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;gap:1.5rem;padding:2.5rem 1.25rem;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}@media (min-width:768px){.skills-card .skills-item .card{padding:2.5rem 1.5rem}}@media (min-width:1024px){.skills-card .skills-item .card{padding:2.5rem 1.5rem}}.skills-card .skills-item .card:hover{border-color:#3b82f640;box-shadow:0 12px 35px #00000014;transform:translateY(-6px)}.skills-card .skills-item .card h3{border-bottom:1px solid #f1f5f9;font-family:Pretendard,sans-serif;font-size:clamp(1.125rem,2vw,1.375rem);font-weight:500;font-weight:600;line-height:140%;padding-bottom:1.5rem;position:relative}.skills-card .skills-item .card .items{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(3,1fr);padding-top:1rem;width:100%}.skills-card .skills-item .card .item{align-items:center;display:flex;flex-direction:column;gap:.5rem;transition:transform .3s ease,opacity .3s ease}.skills-card .skills-item .card .item img{height:40px;object-fit:contain;transition:transform .3s ease;width:40px}.skills-card .skills-item .card .item span{background:#f1f5f9;border-radius:20px;color:#64748b;color:var(--text-sub);font-family:Pretendard,sans-serif;font-size:clamp(.7rem,.9vw,.75rem);font-weight:300;line-height:140%;padding:.4rem .9rem;transition:color .3s ease;white-space:nowrap}.skills-card .skills-item .card .item:hover{transform:translateY(-4px)}.skills-card .skills-item .card .item:hover img{transform:scale(1.08)}.skills-card .skills-item .card .item:hover span{color:#6c8cff;color:var(--color-blue)}#skills{background-color:#f7f8fa;background-color:var(--color-bg);gap:0;min-height:100vh;padding:3rem 1.25rem}#skills,#skills .skills-sec{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:100%}#skills .skills-sec{gap:4rem;max-width:1500px}#skills .skills-sec .skills-top-title{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem;justify-content:center}#skills .skills-sec .skills-top-title h3{font-family:Pretendard,sans-serif;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;line-height:140%}#skills .skills-sec .skills-top-title .about-sec-line{background:linear-gradient(331deg,#6c8cff,#9b5cff);background:var(--color-main);height:4px;width:48px}#skills .skills-sec .skills-top-title .skills-desc{color:#64748b;color:var(--text-sub);line-height:1.6;max-width:520px;padding-top:1rem}@media (min-width:768px){#skills{padding:4rem 2rem}#skills .skills-sec{gap:5rem}#skills .skills-sec .skills-top-title h3{font-family:Pretendard,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:140%}#skills .skills-sec .skills-top-title .about-sec-line{width:56px}#skills .skills-sec .skills-top-title .skills-desc{max-width:560px}}@media (min-width:1024px){#skills{padding:6rem 2rem}#skills .skills-sec{gap:6rem}#skills .skills-sec .skills-top-title .about-sec-line{width:64px}#skills .skills-sec .skills-top-title .skills-desc{max-width:620px}}#projectsdetail{height:auto;max-height:100vh;overflow-y:auto;padding:1rem}@media (min-width:768px){#projectsdetail{padding:1.5rem}}@media (min-width:1024px){#projectsdetail{padding:24px}}#projectsdetail{gap:1rem;justify-content:flex-start}#projectsdetail,#projectsdetail .top{align-items:flex-start;display:flex;flex-direction:column}#projectsdetail .top{gap:1.5rem;justify-content:center;padding-bottom:1.5rem;width:100%}#projectsdetail .summary{font-family:Pretendard,sans-serif;font-size:clamp(1rem,1.6vw,1.125rem);font-weight:400;line-height:140%}#projectsdetail .links{border-bottom:1px solid #e5e7eb;padding-bottom:2rem;width:100%}#projectsdetail .links .links-list{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width:768px){#projectsdetail .links .links-list{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:flex-start}}#projectsdetail .links .links-list>li{width:100%}#projectsdetail .links .links-list>li a{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;display:flex;font-family:Pretendard,sans-serif;font-size:clamp(1rem,1.6vw,1.125rem);font-weight:400;justify-content:space-between;line-height:140%;padding:1rem;transition:.3s;width:100%}#projectsdetail .links .links-list>li a:after{content:"↗";font-size:1rem;opacity:.5;transform:translate(3px,-3px);transition:.2s}#projectsdetail .links .links-list>li a:hover{background:#f1f5f9;border-color:#6c8cff59;transform:translateY(-1px)}#projectsdetail .links .links-list>li a:hover:after{opacity:1}#projectsdetail .table{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;justify-content:center;padding:1.5rem 0;width:100%}#projectsdetail .table .title{font-family:Pretendard,sans-serif;font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:400;line-height:140%}#projectsdetail .table .pro-sec{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;width:100%}#projectsdetail .table .pro-sec .table-top{background:#fff;border:1px solid #e5e7eb;border-left:3px solid #6c8cff80;border-radius:1rem;padding:1rem;width:100%}#projectsdetail .table .pro-sec .table-top .row{grid-gap:.3rem;display:grid;gap:.3rem;grid-template-columns:1fr;padding:1rem 0}@media (min-width:768px){#projectsdetail .table .pro-sec .table-top .row{grid-template-columns:120px 1fr}}#projectsdetail .table .pro-sec .table-top .value{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start}#projectsdetail .table .stack,#projectsdetail .table .stack .stack-top{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;width:100%}#projectsdetail .table .stack .stack-top{background:#fff;border:1px solid #e5e7eb;border-left:3px solid #6c8cff80;border-radius:1rem;padding:1rem}#projectsdetail .table .stack .stack-top .stack-group{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:1fr;padding:1rem 0}@media (min-width:768px){#projectsdetail .table .stack .stack-top .stack-group{grid-template-columns:120px 1fr}}#projectsdetail .table .stack .stack-top .stack-group .stack-tags{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.6rem;justify-content:flex-start}#projectsdetail .table .stack .stack-top .stack-group .stack-tags .stack-tag{background:#eef2ff;border:1px solid #dbeafe;border-radius:.5rem;color:#6c8cff;color:var(--color-blue);cursor:pointer;font-family:Pretendard,sans-serif;font-size:clamp(.75rem,1vw,.875rem);font-weight:300;line-height:140%;padding:.4rem .6rem;transition:.3s}#projectsdetail .table .stack .stack-top .stack-group .stack-tags .stack-tag:hover{background:#e0e7ff;transform:translateY(-2px)}#projectsdetail .table .troubleShooting{gap:1rem}#projectsdetail .table .troubleShooting,#projectsdetail .table .troubleShooting .issue{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:100%}#projectsdetail .table .troubleShooting .issue{background:#fff;border:1px solid #e5e7eb;border-left:3px solid #6c8cff80;border-radius:.5rem;gap:.5rem;padding:1rem}#projectsdetail .table .troubleShooting .issue .problem,#projectsdetail .table .troubleShooting .issue .result,#projectsdetail .table .troubleShooting .issue .solve{grid-gap:.3rem;align-items:center;display:grid;gap:.3rem;grid-template-columns:1fr;padding:1rem 0}@media (min-width:768px){#projectsdetail .table .troubleShooting .issue .problem,#projectsdetail .table .troubleShooting .issue .result,#projectsdetail .table .troubleShooting .issue .solve{grid-template-columns:120px 1fr}}#projectsdetail .table .troubleShooting .issue .problem .accent{color:#ef4444;font-weight:400}#projectsdetail .table .troubleShooting .issue .solve .accent{color:#22c55e;font-weight:400}#projectsdetail .table .insights{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:center;width:100%}#projectsdetail .table .insights .insight-item{background:#fff;border:1px solid #e5e7eb;border-left:3px solid #6c8cff80;border-radius:.5rem;padding:1rem;width:100%}#projectsdetail .table .insights .insight-item .feel{padding:1rem 0}.project-card{width:100%}.project-card .pr-card{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.project-card .pr-card{align-items:stretch;grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.project-card .pr-card{align-items:stretch;grid-template-columns:repeat(3,1fr)}}.project-card .pr-card .card-bg{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;cursor:pointer;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;transform:translateY(20px);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.project-card .pr-card .card-bg.visible{opacity:1;transform:translateY(0)}.project-card .pr-card .card-bg:hover{border-color:#6c8cff59;box-shadow:0 12px 28px #0000000f,0 0 0 1px #6c8cff26;transform:translateY(-6px)}.project-card .pr-card .card-bg:hover .card-img1 img,.project-card .pr-card .card-bg:hover .card-img2 img{transform:translateY(-4px) scale(1.05)}.project-card .pr-card .card-bg:hover .proname{color:linear-gradient(331deg,#6c8cff,#9b5cff);color:var(--color-main)}.project-card .pr-card .card-bg:hover .detail,.project-card .pr-card .card-bg:hover .pc-detail{transform:translateX(4px)}.project-card .pr-card .card-bg .box-top{background:linear-gradient(135deg,#eef2ff,#f5f3ff);padding:4rem 1.5rem;position:relative}.project-card .pr-card .card-bg .box-top .card-img1{bottom:24px;position:absolute;right:24px;width:clamp(70px,15vw,80px);z-index:1}.project-card .pr-card .card-bg .box-top .card-img1 img{object-fit:contain;transition:transform .35s ease;width:100%}@media (min-width:1024px){.project-card .pr-card .card-bg .box-top .card-img1{width:clamp(80px,6vw,100px)}}.project-card .pr-card .card-bg .box-top .card-img2{z-index:1}.project-card .pr-card .card-bg .box-top .card-img2 img{object-fit:contain;transition:transform .35s ease;width:100%}.project-card .pr-card .card-bg .box-top.different-card{width:100%}.project-card .pr-card .card-bg .box-top.different-card .card-img2{align-items:center;aspect-ratio:314.5/181.781;display:flex;flex-direction:row;gap:1rem;height:100%;justify-content:center;width:100%}.project-card .pr-card .card-bg .box-top.different-card .card-img2 img{height:auto;width:clamp(90px,12vw,160px)}.project-card .txt-box{align-items:flex-start;background:#fff;background:var(--text-white);display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:space-between;padding:1.5rem}.project-card .txt-box .txt-top{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;width:100%}.project-card .txt-box .txt-top .type2{font-family:Pretendard,sans-serif;font-size:clamp(.75rem,1vw,.875rem);font-weight:300;line-height:140%}.project-card .txt-box .txt-top .solo{color:#5b8cff}.project-card .txt-box .txt-top .team{color:#ff6b6b}.project-card .txt-box .txt-top .detail{color:var(--color-font-sub);font-size:18px;transition:transform .25s ease}@media (min-width:768px){.project-card .txt-box .txt-top .detail{display:none}}.project-card .txt-box .txt-top .pc-detail{display:none;text-decoration:underline;text-underline-offset:4px;transition:transform .25s ease}@media (min-width:768px){.project-card .txt-box .txt-top .pc-detail{display:block}}.project-card .txt-box .txt-top .pc-detail{color:#64748b;color:var(--text-sub);font-family:Pretendard,sans-serif;font-size:clamp(.75rem,1vw,.875rem);font-weight:300;line-height:140%}.project-card .txt-box .txt-mid{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.project-card .txt-box .txt-mid .proname{font-family:Pretendard,sans-serif;font-size:clamp(1.125rem,2vw,1.375rem);font-weight:500;font-weight:600;line-height:140%;transition:color .3s ease}.project-card .txt-box .txt-mid .skills{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:center}.project-card .txt-box .txt-mid .skills .skill-icon{height:20px;object-fit:contain;width:20px}.project-card .txt-box .prosub{flex:1 1}.project-card .txt-box .prosub>p{font-family:Pretendard,sans-serif;font-size:clamp(.75rem,1vw,.875rem);font-weight:300;line-height:140%}.project-card .txt-box .skills{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.project-card .txt-box .skills span{background:#f1f5f9;border-radius:24px;color:#64748b;color:var(--text-sub);font-family:Pretendard,sans-serif;font-size:clamp(.7rem,.9vw,.75rem);font-weight:300;line-height:140%;padding:.45rem .9rem}.modal-backdrop{animation:backdropFadeIn .25s ease-out forwards;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73;inset:0;position:fixed;z-index:99}.project-modal{background:#f7f8fa;background:var(--color-bg);display:flex;flex-direction:column;height:100%;inset:0;position:fixed;width:100%;z-index:100}.project-modal .modal-content{display:flex;flex:1 1;flex-direction:column;min-height:0;position:relative}.project-modal .modal-content .btn{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:flex-end;padding:1rem;width:100%}.project-modal .modal-content .btn .close-btn{background:#d1d5db;border-radius:12px;cursor:pointer;height:36px;transition:all .2s ease;width:36px}.project-modal .modal-content .btn .close-btn:hover{background:#9ca3af}.project-modal.open{animation:modalSlideUp .35s ease-out forwards}.project-modal.closing{animation:modalSlideDown .25s ease-in forwards}@media (min-width:1024px){.project-modal{border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 60px #00000014;height:95%;left:50%;top:50%;transform:translate(-50%,-50%);width:60%}.project-modal.open{animation:modalFadeScale .3s ease-out forwards}.project-modal.closing{animation:modalFadeScaleOut .25s ease-in forwards}}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}@keyframes modalFadeScale{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes modalFadeScaleOut{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.96)}}:root{--color-main:linear-gradient(331deg,#6c8cff,#9b5cff);--color-blue:#6c8cff;--color-purple:#9b5cff;--color-green:#2ed3b7;--text-black:#1a1a1a;--text-sub:#64748b;--text-light:#666;--text-muted:#9ca3af;--text-white:#fff;--color-bg:#f7f8fa}#projects{gap:0;min-height:auto;padding:3rem 1.25rem}#projects,#projects .project-zip{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:0 auto;width:100%}#projects .project-zip{gap:2rem;max-width:1500px}#projects .project-zip .pro-title{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem;justify-content:center}#projects .project-zip .pro-title>h3{font-family:Pretendard,sans-serif;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:600;line-height:140%}#projects .project-zip .pro-title .pro-line{background:linear-gradient(331deg,#6c8cff,#9b5cff);background:var(--color-main);height:4px;width:48px}#projects .project-zip .pro-title .pro-desc{color:#64748b;color:var(--text-sub);line-height:1.6;max-width:520px;padding-top:1rem}#projects .pro-pcmenu{display:none}@media (min-width:1024px){#projects .pro-pcmenu{gap:1rem;padding-bottom:1.5rem}#projects .pro-pcmenu,#projects .pro-pcmenu ul{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}#projects .pro-pcmenu ul{gap:.5rem}#projects .pro-pcmenu ul li{color:#64748b;color:var(--text-sub);cursor:pointer;font-weight:500;padding:.9rem 1.6rem;position:relative;transition:color .3s ease}#projects .pro-pcmenu ul li:after{background:linear-gradient(331deg,#6c8cff,#9b5cff);background:var(--color-main);border-radius:2px;bottom:-4px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}#projects .pro-pcmenu ul li:hover{color:#1a1a1a;color:var(--text-black)}#projects .pro-pcmenu ul li:hover:after{transform:scaleX(1)}#projects .pro-pcmenu ul li.active{color:#1a1a1a;color:var(--text-black)}#projects .pro-pcmenu ul li.active:after{transform:scaleX(1)}}#projects .pro-mbmenu{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:flex-end;position:relative;width:100%;z-index:10}@media (min-width:1024px){#projects .pro-mbmenu{display:none}}#projects .pro-mbmenu .label{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:row;font:inherit;gap:.5rem;justify-content:space-between;padding:.8rem 1.5rem}#projects .pro-mbmenu .arrow{line-height:0;transition:transform .3s ease}#projects .pro-mbmenu .arrow.open{transform:rotate(180deg)}#projects .pro-mbmenu .dropdown{background:#f7f8fa;background:var(--color-bg);border-radius:16px;box-shadow:0 8px 24px #0000000f;max-height:0;opacity:0;overflow:hidden;position:absolute;right:0;top:48px;transition:max-height .3s ease,opacity .3s ease;width:150px}#projects .pro-mbmenu .dropdown li{border-radius:.5rem;color:#64748b;color:var(--text-sub);cursor:pointer;padding:.5rem 1rem;text-align:center;transition:.2s}#projects .pro-mbmenu .dropdown li.active,#projects .pro-mbmenu .dropdown li:hover{background:#0000000a;color:#1a1a1a;color:var(--text-black)}#projects .pro-mbmenu .dropdown.open{max-height:300px;opacity:1;padding:1rem}@media (min-width:768px){#projects{padding:4rem 2rem}#projects .project-zip{gap:3rem}#projects .project-zip .pro-title>h3{font-family:Pretendard,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:140%}#projects .project-zip .pro-title .pro-line{width:56px}#projects .project-zip .pro-title .pro-desc{max-width:560px}}@media (min-width:1024px){#projects{padding:6rem 2rem}#projects .project-zip{gap:4rem}#projects .project-zip .pro-title .pro-line{width:64px}#projects .project-zip .pro-title .pro-desc{max-width:620px}}
/*# sourceMappingURL=main.b484b355.css.map*/