*{margin:0;padding:0}a{color:inherit;cursor:pointer;display:inline-block;text-decoration:none}li{list-style:none}header{background-color:#0000;left:0;position:fixed;top:0;transition:background-color .3s ease;width:100%;z-index:1}header:hover{background-color:#0e100f}header:hover a{color:#fffce1}header.scrolled{background-color:#0e100f}.pc-menu{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:space-between;margin:0 auto;width:1170px}.pc-menu .nav-close{display:none}.pc-menu a{color:#fffce1;font-weight:400;padding:1rem}.pc-menu a:first-of-type{font-size:24px;font-weight:600;margin-right:auto}.pc-menu a:hover{color:#8c3f23;font-weight:400}@media screen and (max-width:1200px){.pc-menu{width:870px}}@media screen and (max-width:900px){.pc-menu{width:90%}}@media screen and (max-width:700px){.pc-menu{display:none}}.m-gnb{display:none}@media screen and (max-width:700px){.m-gnb{align-items:center;background-color:#0e100f;box-sizing:border-box;color:#fffce1;display:flex;justify-content:space-between;padding:1rem 2rem}.m-gnb a{font-size:24px;font-weight:600}.m-gnb .menu-btn{cursor:pointer;font-size:32px;font-weight:100;position:fixed;right:1rem;top:1rem;z-index:1}}.m-menu{display:none;font-size:24px;left:0;position:fixed;top:0}@media screen and (max-width:700px){.m-menu{align-items:flex-start;background-color:#8c3f23;box-shadow:10rem 0 2rem 2rem #0e100fb3;color:#fffce1;display:flex;flex-direction:column;gap:1rem;height:100vh;justify-content:flex-start;padding:4rem 2rem;width:70%}.m-menu a:first-of-type{color:#fffce1;font-weight:600;margin-right:0}}section{align-items:center;background-color:#fffce1;box-sizing:border-box;display:flex;height:100%;justify-content:center;top:0}.intro-wrap,section{position:relative;width:100%}.intro-wrap{background-image:url(/pf/static/media/intro-bg.e2f1db249da52e10ac5c.jpg);background-position:50%;background-size:cover;color:#fffce1;height:700px;text-align:left}@media screen and (max-width:1200px){.intro-wrap{background-position:50% 50%}}.intro-wrap .intro-txt{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:100%;word-break:keep-all}@media screen and (max-width:700px){.intro-wrap .intro-txt{padding:0 2rem;text-align:left;width:80%}}.intro-wrap .intro-txt h1{font-size:90px;line-height:1}@media screen and (max-width:700px){.intro-wrap .intro-txt h1{display:none}}.intro-wrap .intro-txt .m-title{display:none}@media screen and (max-width:700px){.intro-wrap .intro-txt .m-title{display:block;line-height:1}}.intro-wrap .intro-txt p{font-size:16px;margin:2rem auto 0;text-align:center;width:460px}@media screen and (max-width:700px){.intro-wrap .intro-txt p{margin:2rem 0 0;max-width:340px;text-align:left;width:100%}}.about-wrap{background-color:#fffce1;flex-direction:column;padding:8rem 0;width:100%}.about-wrap,.about-wrap .about-basic{align-items:center;display:flex;justify-content:center}.about-wrap .about-basic{flex-direction:row;gap:4rem;width:870px}@media screen and (max-width:1200px){.about-wrap .about-basic{margin:0 auto;width:90%}}@media screen and (max-width:900px){.about-wrap .about-basic{align-items:center;width:80%}}@media screen and (max-width:800px){.about-wrap .about-basic{flex-direction:column}.about-wrap .about-basic h2{text-align:center}}@media screen and (max-width:900px){.about-wrap .about-basic{gap:2rem}}.about-wrap .about-basic img{border-radius:50%;height:260px;object-fit:cover;width:260px}.about-wrap .about-basic .about-txt{flex:1 1;opacity:0}.about-wrap .about-basic .about-txt h2{font-size:32px;margin-bottom:1rem}.about-wrap .about-basic .about-txt h2 span{color:#8c3f23}.about-wrap .about-basic .about-txt p{font-size:16px;text-align:justify}@media screen and (max-width:700px){.about-wrap .about-basic .about-txt{width:100%}}.about-wrap .about-more-btn{background-color:#0e100f;border:none;border-radius:.4rem;color:#fffce1;cursor:pointer;height:3rem;margin-top:3rem;width:200px}.about-wrap .about-more-btn:hover{background-color:#8c3f23}.about-wrap .about-more-btn span{font-size:16px;line-height:1;margin-left:.4rem}.about-wrap .about-plus{align-items:stretch;display:flex;flex-direction:row;gap:2rem;justify-content:center;width:1170px}@media screen and (max-width:1200px){.about-wrap .about-plus{width:90%}}@media screen and (max-width:900px){.about-wrap .about-plus{align-items:center;flex-direction:column;width:80%}.about-wrap .about-plus .experience,.about-wrap .about-plus .skills{width:100%}}@media screen and (max-width:800px){.about-wrap .about-plus{flex-direction:column}}.about-wrap .about-plus .experience,.about-wrap .about-plus .skills{background-color:#fff;border:2px solid #888;box-sizing:border-box;flex:1 1;margin-top:4rem;padding:4rem}@media screen and (max-width:700px){.about-wrap .about-plus .experience,.about-wrap .about-plus .skills{padding:3rem 2rem}}.about-wrap .about-plus .experience h3,.about-wrap .about-plus .skills h3{font-size:32px}.about-wrap .about-plus .experience h3 span,.about-wrap .about-plus .skills h3 span{color:#8c3f23}.about-wrap .about-plus .experience ul,.about-wrap .about-plus .skills ul{margin-top:2rem}.about-wrap .about-plus .skills h4{font-size:1.2rem}.about-wrap .about-plus .skills li{list-style:disc;margin:.5rem 0 .5rem 1.6rem;text-align:justify}.about-wrap .about-plus .skills .skills-icon{margin-top:1rem;padding:0}.about-wrap .about-plus .skills .skills-icon img{height:3rem;margin-left:.6rem;object-fit:contain;width:3rem}@media screen and (max-width:900px){.about-wrap .about-plus .experience{margin-top:0}}.about-wrap .about-plus .experience .ex-step{align-items:stretch;display:flex;flex-direction:row;flex-wrap:nowrap}.about-wrap .about-plus .experience .ex-step .ex-date{flex-grow:1;max-width:89px;min-width:89px;width:89px}.about-wrap .about-plus .experience .ex-step .ex-deco{align-items:center;display:flex;flex-direction:column;flex-grow:1;margin:0 8px;max-width:14px;min-width:14px;position:relative;top:5px;width:14px}.about-wrap .about-plus .experience .ex-step .ex-deco .circle{border:2px solid #95c1ca;border-radius:100%;height:10px;width:10px}.about-wrap .about-plus .experience .ex-step .ex-deco .line{background-color:#95c1ca;height:100%;width:2px}.about-wrap .about-plus .experience .ex-step .ex-txt{flex-grow:1;margin-bottom:1rem;width:100%}.about-wrap .about-plus .experience .ex-step .ex-txt span:first-child{color:#0e100f;font-size:16px;font-weight:600}.about-wrap .about-plus .experience .ex-step .ex-txt span{color:#888;font-size:14px;text-align:justify}.about-wrap .about-plus .experience .ex-step:first-child .circle{background-color:#95c1ca}.about-wrap .about-plus .experience .ex-step:last-child .line{display:none}.pf-wrap{background-color:#95c1ca;padding-top:6rem;width:100%}.pf-wrap h2{color:#0e100f;font-size:32px;margin:0 auto 1rem;width:1170px}.pf-wrap h2 span{color:#8c3f23}@media screen and (max-width:1200px){.pf-wrap h2{width:90%}}.pf-wrap .pf-list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;margin:0 auto;width:1170px}@media screen and (max-width:1200px){.pf-wrap .pf-list{width:100%}}.pf-wrap .pf-list .pf-box{cursor:pointer;height:360px;position:relative;width:50%}@media screen and (max-width:700px){.pf-wrap .pf-list .pf-box{height:260px}}.pf-wrap .pf-list .pf-box img{height:100%;object-fit:cover;position:absolute;right:0;top:0;width:100%}.pf-wrap .pf-list .pf-box .pf-overlay{background-color:#0e100f99;height:100%;left:0;position:absolute;top:0;width:100%}.pf-wrap .pf-list .pf-box .pf-overlay:hover{background-color:#8c3f23e6}.pf-wrap .pf-list .pf-box .pf-overlay .pf-txt{color:#fffce1;left:10%;position:absolute;top:50%;transform:translateY(-50%);width:80%}.pf-wrap .pf-list .pf-box .pf-overlay .pf-txt h4{font-size:32px;word-break:keep-all}.pf-wrap .pf-list .pf-box .pf-overlay .pf-txt p{font-size:16px;margin-top:.5rem}@media screen and (max-width:700px){.pf-wrap .pf-list{flex-direction:column;flex-wrap:nowrap}.pf-wrap .pf-list .pf-box{width:100%}}.coding-wrap{padding-bottom:6rem}.contact-wrap{background-color:#0e100f;color:#fffce1;width:100%}.contact-wrap .contact-txt{display:flex;flex-direction:row;justify-content:center;margin:0 auto;width:1170px}@media screen and (max-width:1200px){.contact-wrap .contact-txt{width:100%}}@media screen and (max-width:700px){.contact-wrap .contact-txt{flex-direction:column;padding:3rem 0}}.contact-wrap .contact-txt li{display:flex;flex:1 1;gap:2rem;justify-content:center;padding:3rem 0;text-align:center}@media screen and (max-width:700px){.contact-wrap .contact-txt li{gap:1rem;padding:1rem 0}}.contact-wrap .copyright{padding:3rem;text-align:center}.workDetail-wrap{background-color:#0e100fe6;height:100vh;left:0;position:fixed;top:0;width:100%;z-index:8}.workDetail-wrap .coding-close,.workDetail-wrap .design-close{background-color:#8c3f23;border-radius:.4rem;color:#fffce1;cursor:pointer;font-size:16px;padding:.5rem 1rem;position:fixed;text-align:center;width:120px;z-index:14}.workDetail-wrap .coding-close:hover,.workDetail-wrap .design-close:hover{background-color:#0e100f}@media screen and (max-width:900px){.workDetail-wrap .coding-close,.workDetail-wrap .design-close{display:none}}.workDetail-wrap .coding-close{bottom:50%;left:50%;transform:translate(-50%,340px)}.workDetail-wrap .design-close{bottom:5%;left:50%;transform:translateX(-50%)}.workDetail-wrap .m-close{background-color:#0e100f;bottom:0;color:#fffce1;cursor:pointer;display:none;height:4rem;left:0;line-height:4rem;position:fixed;text-align:center;width:100%;z-index:12}@media screen and (max-width:900px){.workDetail-wrap .m-close{display:block}}.workDetail-wrap .popup{background-color:#fff;box-sizing:border-box;height:80%;left:50%;position:relative;top:47%;transform:translate(-50%,-50%);width:1170px;z-index:10}@media screen and (max-width:1200px){.workDetail-wrap .popup{width:870px}}@media screen and (max-width:900px){.workDetail-wrap .popup{height:100vh;min-width:auto;width:100%}}.workDetail-wrap .popup .pf-txt h4{font-size:32px;font-weight:800}.workDetail-wrap .popup .pf-txt h4 span{color:#8c3f23}.workDetail-wrap .popup .pf-txt ul{margin:1.2rem 0}.workDetail-wrap .popup .pf-txt ul li{color:#888;font-size:16px;list-style:disc;margin:.5rem 1rem}.workDetail-wrap .publishing{display:flex;flex-direction:row;max-height:600px;overflow:hidden;overflow-y:scroll}@media screen and (max-width:900px){.workDetail-wrap .publishing{flex-direction:column;height:100vh;max-height:none;width:100%}}.workDetail-wrap .publishing .pf-txt,.workDetail-wrap .publishing img{box-sizing:border-box;width:50%}.workDetail-wrap .publishing img{object-fit:cover}@media screen and (max-width:900px){.workDetail-wrap .publishing img{height:240px;width:100%}}.workDetail-wrap .publishing .pf-txt{padding:4rem}@media screen and (max-width:1200px){.workDetail-wrap .publishing .pf-txt{padding:4rem 3rem}}@media screen and (max-width:900px){.workDetail-wrap .publishing .pf-txt{width:100%}}@media screen and (max-width:700px){.workDetail-wrap .publishing .pf-txt{padding:3rem 2rem}}.workDetail-wrap .publishing .pf-txt p{font-weight:600;margin:1rem 0;text-align:justify}.workDetail-wrap .publishing .pf-txt .pf-link{background-color:#95c1ca;border-radius:.4rem;color:#fffce1;cursor:pointer;font-weight:400;padding:.8rem 1rem;text-align:center;width:160px}.workDetail-wrap .publishing .pf-txt .pf-link:hover{background-color:#0e100f}.workDetail-wrap .design{overflow-y:scroll;padding-bottom:4rem}@media screen and (max-width:900px){.workDetail-wrap .design{height:100vh;width:100%}}.workDetail-wrap .design .pf-txt{box-sizing:border-box;padding:4rem 4rem 2rem}@media screen and (max-width:1200px){.workDetail-wrap .design .pf-txt{padding:4rem 3rem}}@media screen and (max-width:900px){.workDetail-wrap .design .pf-txt{width:100%}}@media screen and (max-width:700px){.workDetail-wrap .design .pf-txt{padding:3rem 2rem}}.workDetail-wrap .design .pf-img{align-items:center;display:flex;flex-direction:column}.workDetail-wrap .design .pf-img img{max-width:870px}@media screen and (max-width:1200px){.workDetail-wrap .design .pf-img img{width:80%}}@media screen and (max-width:900px){.workDetail-wrap .design .pf-img img,.workDetail-wrap .design .pf-img video{width:100%}}
/*# sourceMappingURL=main.d87ad304.css.map*/