::-webkit-scrollbar{display:none}.wrapper{width:1710px;margin:0 auto}body,html{-webkit-user-select:none;user-select:none;height:100%;margin:0;padding:0}.home-contents{scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100vh;overflow-y:scroll}.home-page{scroll-snap-align:start;justify-content:center;align-items:center;height:100vh;font-size:40px;display:flex}.page1{background:#97b6dc}.page2{background:#fff}.page3{background:#efefef}.page4{background:#fff}.page1{justify-content:space-between;align-items:center;padding:0 150px 20px 180px;display:flex;position:relative;overflow:hidden}.hero-line{background:#000;height:5px;margin:0 180px;position:absolute;top:45%;left:450px;right:110px;transform:translateY(-50%)}.hero-circle{margin:44px;font-size:5rem;font-weight:400}.hero-title{margin:80px 0 0 100px;padding-bottom:0;font-weight:800;position:relative}.hero-title:before{content:"";border:4px solid #000;border-radius:50%;width:20px;height:20px;position:absolute;top:-20px;left:-40px}.hero-left p{margin:0 20px 120px 110px;padding-top:0;font-size:1.2rem;font-weight:800}.hero-right span{margin-top:120px;margin-left:170px;font-size:1.1rem;font-weight:900}.hero-right>h2{margin-top:0;margin-bottom:65px;padding-right:140px;font-size:2.5rem}.page2{display:flex;overflow:hidden}.profile-left{background-color:#fff;flex-direction:column;align-items:center;width:40%;height:100%;padding-top:260px;display:flex;position:relative}.profile-left:after{content:"";background:#797979;align-items:center;width:1.4px;height:42%;position:absolute;top:55%;right:37px;transform:translateY(-50%)}.profile-left p{color:gray;letter-spacing:.25rem;margin:0;padding:0;font-size:1.3rem;font-weight:500}.profile-left .myname{color:#505050;font-weight:600}.profile-left h1{color:#000;letter-spacing:.35rem;margin:0;padding:0;font-size:2.5rem;font-weight:800}.profile-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:220px;height:auto;margin-top:30px}.profile-icons{color:#414141;flex-direction:column;margin-top:25px;margin-right:165px;display:flex}.profile-icons a{color:#414141;margin-left:10px;font-size:1.1rem;font-weight:500;text-decoration:none;display:flex}.profile-icons span{color:#282828;letter-spacing:.1rem;margin-left:10px;font-size:1rem;font-weight:600}.icon-item{margin-top:0;margin-left:190px;padding:10px 0;display:flex}.profile-bar{background-color:#fff;width:22%;height:100%;margin-top:500px;padding-left:80px}.profile-bar h1{color:#000;text-align:left;letter-spacing:.1rem;margin-top:20px;font-size:1.4rem;font-weight:800}.skills{align-items:left;flex-direction:column;gap:20px;width:10px;padding-left:10px;display:flex}.skill{align-items:left;width:25px;padding-left:10px;display:flex}.skill-item{align-items:left;flex-direction:column;width:35px;padding-left:13px;display:flex}.skill-item span{color:#000;margin-top:5px;margin-bottom:5px;font-size:1rem;font-weight:700}.skill-gauge{background-color:#c8c8c8;border-radius:5px;width:100px;height:10px}.skill-fill{background-color:#000;border-radius:5px;height:100%}.profile-right{background-color:#fff;flex-direction:column;width:38%;height:100%;margin-top:500px;padding-left:80px;display:flex;position:relative}.profile-right h1{color:#000;text-align:left;letter-spacing:.1rem;margin-top:20px;font-size:1.4rem;font-weight:800}.edu-timeline{--dateW:80px;--gap:10px;--dotCol:40px;--cap:8px;margin-top:10px;position:relative}.edu-timeline:before{content:"";left:calc(var(--dateW) + var(--gap) + (var(--dotCol)/2) - .6px);top:var(--cap);bottom:var(--cap);background:#4d4d4d;width:1.2px;height:auto;position:absolute}.edu-item{grid-template-columns:var(--dateW)var(--dotCol)1fr;column-gap:var(--gap);align-items:center;margin-bottom:28px;display:grid}.edu-date{color:gray;letter-spacing:.15rem;text-align:left;font-size:1rem;font-weight:500}.edu-dot{z-index:2;background:#000;border-radius:50%;justify-self:center;width:6px;height:6px;position:relative}.edu-text{color:#000;letter-spacing:.02rem;font-size:1.1rem;font-weight:500}#sec3 h2{color:#000;letter-spacing:.1rem;margin-top:50px;margin-bottom:10px;font-size:2.5rem;font-weight:700}#sec3 p{color:#323232;letter-spacing:.1rem;text-align:center;margin-top:0;font-size:.8rem;font-weight:500}.project-grid{grid-template-columns:repeat(4,1fr);gap:50px;margin-top:50px;display:grid}.project-image-btn{cursor:pointer;border:none;border-radius:10px;width:200px;height:auto;padding:0;position:relative;overflow:hidden}.project-image-btn img{width:100%;transition:all .4s;display:block}.overlay{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:all .4s;display:flex;position:absolute;inset:0}.overlay span{color:#fff;font-size:1rem;font-weight:600}.project-image-btn:hover img{transform:scale(1.05)}.project-image-btn:hover .overlay{opacity:1}.exp-grid{grid-template-columns:repeat(3,1fr);gap:60px;margin-top:40px;display:grid}#sec4 h2{color:#000;letter-spacing:.1rem;margin-top:50px;margin-bottom:10px;font-size:2.5rem;font-weight:700}#sec4 p{color:#323232;letter-spacing:.1rem;text-align:center;margin-top:0;font-size:.8rem;font-weight:500}.page5{flex-direction:column;gap:70px;display:flex}.contact{flex-direction:column;align-items:center;margin-top:240px;display:flex}.footer-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:150px;height:auto;margin:0;padding:0}.page5 h1{color:#000;margin-top:0;font-size:1.8rem;font-weight:800}.page5 h3{color:#323232;margin-top:0;font-size:.8rem;font-weight:700}.mail{color:#757575;font-size:.8rem;font-weight:500;text-decoration:none}.copyright{color:#757575;margin-top:auto;margin-bottom:0;font-size:.8rem;font-weight:500}.copy{color:#a4a4a4;font-size:.8rem;font-weight:500}.detail-page{background:#fff;justify-content:center;align-items:center;width:90%;margin:0 auto;overflow:hidden}.detail-img{object-fit:cover;width:100%;height:100%;margin-top:100px;display:block}
@font-face{font-family:pretendard;src:url(../media/PretendardVariable-s.p.77d5d991.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:pretendard Fallback;src:local(Arial);ascent-override:93.76%;descent-override:23.75%;line-gap-override:0.0%;size-adjust:101.55%}.pretendard_460b206e-module__GtdCGW__className{font-family:pretendard,pretendard Fallback}
.Header-module__6DZwPG__header{z-index:1000;-webkit-user-select:none;user-select:none;background:#ffffffb3;width:100%;height:50px;padding:20px;display:flex;position:fixed;top:0;left:0}.Header-module__6DZwPG__headerimg{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:80px;height:auto;margin-top:12px;margin-left:30px}.Header-module__6DZwPG__headerlogo{align-items:center;width:7%;height:100%;display:flex}.Header-module__6DZwPG__headertext{color:#000;letter-spacing:.15rem;width:23%;font-size:.7rem;font-weight:600}.Header-module__6DZwPG__headernav{text-align:right;width:70%;height:100%;padding-right:30px}.Header-module__6DZwPG__navlist{margin:20px 60px 20px 20px;list-style:none;display:inline-flex}.Header-module__6DZwPG__navlist li{color:#000;letter-spacing:.15rem;margin-left:30px;font-size:1rem;font-weight:500}.Header-module__6DZwPG__navlist li a{color:#000;-webkit-user-drag:none;text-decoration:none}