@import url(https://fonts.googleapis.com/css2?family=Bangers&family=Diphylleia&family=Gowun+Dodum&display=swap);:root{--font_di:"Diphylleia",serif;--font_ba:"Bangers","cursive";--font_go:"Gowun Dodum",serif;--font_in:"Inter",sans-serif}*{box-sizing:border-box;color:#333;font-weight:400}#root,*,body,html{margin:0;padding:0}#root,body,html{font-family:Inter,sans-serif;height:100%;overflow:hidden;width:100%}a{text-decoration:none}.scroll_container{border-radius:8px;height:100vh;overflow:hidden;position:relative;width:100vw}.scroll_wrapper{left:0;position:absolute;top:0;width:100%}.page_section{border-radius:8px;box-shadow:0 4px 6px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;transition:background-color .5s ease;width:100vw}header{left:-140px;position:fixed;top:40px;z-index:1000}header>p{align-items:center;color:#888;cursor:pointer;display:flex;font-family:Bangers,"cursive";font-family:var(--font_ba);font-size:20px;gap:5px;letter-spacing:1px;margin-bottom:10px}.head{border:1px solid #888;border-radius:50%;display:block;height:10px;margin-left:2px;width:10px}.head.active{background:#0000001a;height:15px;margin-left:0;width:15px}.intro{padding-top:12vh}.intro,.intro h2{position:relative}.intro h2{font-family:Diphylleia,serif;font-family:var(--font_di);font-weight:400;text-align:center;z-index:10}.intro h2.intro_h2_1,.intro h2.intro_h2_2{font-size:45px}.intro h2.intro_h2_1{text-indent:-5vw}.intro h2.intro_h2_2{text-indent:5vw}.intro h2.intro_h2_3{font-size:65px;margin-top:7vh}.intro h2.intro_h2_3 span{font-size:45px}.intro .point{color:#fff;font-size:55px;position:relative;text-shadow:1px 1px 3px #333,-1px -1px 3px #333,1px -1px 3px #333,-1px 1px 3px #333}.intro .point_dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px #333,-1px -1px 2px #333,1px -1px 2px #333,-1px 1px 2px #333;height:6px;left:50%;position:absolute;top:0;width:6px}.intro .point_dot1{transform:translateX(-50px)}.intro .point_dot2{transform:translateX(-5px)}.intro .point_dot3{transform:translateX(48px)}.intro .bg_title1,.intro .bg_title2{color:#ffebc4;font-family:Bangers,"cursive";font-family:var(--font_ba);font-size:20vh;pointer-events:none;position:absolute;z-index:1}.intro .bg_title1{top:20%}.intro .bg_title2{right:0;top:40%}.intro .mouse{border:1px solid #333;border-radius:20px;bottom:10%;height:6vh;max-height:60px;max-width:40px;min-height:30px;min-width:20px;width:4vh}.intro .mouse,.intro .mouse .mouse_btn{left:50%;position:absolute;transform:translateX(-50%)}.intro .mouse .mouse_btn{border:1px solid #333;height:2vh;width:0}.intro .scroll_o1{bottom:7.5%;height:10px;width:10px}.intro .scroll_o1,.intro .scroll_o2{border:1px solid #333;border-radius:50%;left:50%;position:absolute;transform:translateX(-50%)}.intro .scroll_o2{bottom:6.25%;height:8px;width:8px}.intro .scroll_o3{border:1px solid #333;border-radius:50%;bottom:5%;height:6px;width:6px}.intro .scroll_o3,.intro .scroll_text{left:50%;position:absolute;transform:translateX(-50%)}.intro .scroll_text{bottom:2%;font-family:Diphylleia,serif;font-family:var(--font_di)}.intro .lens1,.intro .lens2,.intro .lens3,.intro .lens4{position:absolute;width:250px}.intro .lens1{left:55%;top:10%}.intro .lens2{left:58%;top:16%}.intro .lens3{left:25%;top:40%;transform:scaleX(-1)}.intro .lens4{left:28%;top:46%;transform:scaleX(-1)}@keyframes float{0%{transform:translate(-50%,5px)}50%{transform:translate(-50%,-5px)}to{transform:translate(-50%,5px)}}.floatingText{animation:float 3s ease-in-out infinite}.contect,.introduce,.portfolio1,.portfolio2,.portfolio3{align-items:center;justify-content:center;overflow:hidden;position:relative}.introduce{display:flex;flex-direction:row;gap:15vw}.portfolio1,.portfolio2,.portfolio3{display:flex;flex-direction:row;gap:9vw}.contect{align-items:flex-start;display:flex;flex-direction:row;gap:5vw;padding-top:25vh}.contect,.introduce .picture{position:relative}.introduce .picture img{border:3px solid #333;border-radius:20px;margin-top:10px;min-width:200px;width:10vw}.introduce .picture p{bottom:-20%;font-family:Diphylleia,serif;font-family:var(--font_di);font-size:2.5rem;letter-spacing:1vh;position:absolute;right:-25%}.introduce ul{font-family:Gowun Dodum,serif;font-family:var(--font_go);font-size:1.8rem;list-style:none;padding-left:20px}.introduce ul>li{font-weight:700;margin-top:40px}.introduce ul>li>ul{font-size:1.4rem;list-style-type:"-  ";margin-top:20px}.introduce ul>li:first-child>ul>li:nth-child(3),.introduce ul>li:first-child>ul>li:nth-child(4),.introduce ul>li:nth-child(2)>ul>li:first-child,.introduce ul>li:nth-child(2)>ul>li:nth-child(2),.introduce ul>li:nth-child(2)>ul>li:nth-child(3){font-size:1.6rem;font-weight:700}.introduce ul>li>ul>li{font-weight:400;margin-top:0}.portfolio_page{padding-left:100px}.portfolio_page img{width:40vw}.portfolio_page>p{font-family:Gowun Dodum,serif;font-family:var(--font_go);font-size:1.8rem;text-align:center}.portfolio1 ul,.portfolio2 ul,.portfolio3 ul{font-family:Gowun Dodum,serif;font-family:var(--font_go);font-size:1.4rem;list-style:none}.portfolio1 ul>li,.portfolio2 ul>li,.portfolio3 ul>li{font-weight:400!important;font-weight:700;margin-top:25px;padding-right:100px;text-indent:10px}.portfolio1 ul>li:last-child,.portfolio2 ul>li:last-child,.portfolio3 ul>li:last-child{font-size:1.2rem}.proposal1,.proposal2,.proposal3{background:#fff6;border:1px solid #333;border-radius:10px;font-size:1rem;margin-left:180px;padding:3px 5px}.contect>p{font-family:Bangers,"cursive";font-family:var(--font_ba);font-size:40px;letter-spacing:1px;position:absolute}.h_contectme{left:5%;top:20%;z-index:900}.h_epilog{left:50%;top:20%;z-index:900}.contect .emailform p{background:#fff;border-radius:20px;display:block;line-height:35px;margin-bottom:20px;position:relative;text-indent:20px;width:40vw}.contect .emailform p:last-child{background:none;margin-bottom:0;margin-top:-10px}.contect .emailform p,.contect .emailform p input[type=email],.contect .emailform p input[type=text]{border:none;font-family:Gowun Dodum,serif;font-family:var(--font_go);font-size:1.2rem;padding:5px}.contect .emailform p input[type=email],.contect .emailform p input[type=text]{left:20%;margin-left:20px;position:absolute;top:8%;width:70%}.contect .emailform p input[type=email]:focus,.contect .emailform p input[type=text]:focus{outline:none}.contect .emailform p textarea{border:none;font-family:Gowun Dodum,serif;font-family:var(--font_go);font-size:1.2rem;height:270px;left:3%;padding:20px;position:relative;resize:none;top:10%;width:95%}.contect .emailform p textarea:focus{outline:none}.contect .emailform p input[type=reset],.contect .emailform p input[type=submit]{background:#346280;border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Diphylleia,serif;font-family:var(--font_di);font-size:1.2rem;height:40px;padding-bottom:4px;position:absolute;right:0;width:80px}.contect .emailform p input[type=reset]{background:#888;right:90px}.contect .epilog{background:#fff;border-radius:20px;padding:40px;width:45vw}.contect .epilog p{font-family:Gowun Dodum,serif;font-family:var(--font_go);font-size:1.2rem;margin-bottom:30px;text-indent:10px}.modal{background:#fff;left:50%;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1002}.modal_wrap{background:#000c;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1001}.modal p{font-family:Gowun Dodum,serif;font-family:var(--font_go);font-size:1rem}.modal_cbtn{cursor:pointer;height:25px;right:0;top:0;width:25px}.cbtn_l1,.cbtn_l2,.modal_cbtn{border:1px solid #333;position:absolute}.cbtn_l1,.cbtn_l2{width:23px}.cbtn_l1{top:10px;transform:rotate(45deg)}.cbtn_l2{top:10px;transform:rotate(-45deg)}.modal_dontshow{background:#ccc;border:none;cursor:pointer;font-size:12px;margin-top:15px;padding:5px 8px}
/*# sourceMappingURL=main.699611a8.css.map*/