@import"default.css";html,body{width:100vw;overflow-x:hidden}body{position:relative;color:#222;font-family:"Pretendard Variable","맑은 고딕",Arial,Helvetica,sans-serif;cursor:none;transition:background .6s ease}body.default{background-image:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(252, 242, 214, 0) 75%, #fcf2d6 100%)}img{-webkit-user-drag:none}h2,h3{font-family:"Libre Baskerville","Times New Roman",Times,serif}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-thumb{height:10%;background:#f7788a;border-radius:10px}body::-webkit-scrollbar-track{background:#fff}::-moz-selection{background:#cde8fa;color:#222}::selection{background:#cde8fa;color:#222}.cursor{position:fixed;pointer-events:none;z-index:10000}.cursor span{display:block;width:1.5rem;height:1.5rem;border-radius:50%;transition:all .3s}.cursor span.real{z-index:10001;background-color:#f7788a;mix-blend-mode:difference}.cursor.active span{width:6.25rem;height:6.25rem;box-shadow:0px 4px 8px rgba(0,0,0,.2)}.petal_container{width:100vw;height:100vh;position:fixed;left:0;top:0}.petal_container .petal{width:20px;height:17px;position:absolute;left:0;top:0;z-index:2001;background:url("../img/petal.png") no-repeat;background-size:cover}@keyframes rotate360{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.innerbox{width:80%;margin:0 auto}#header{width:100%;height:2rem;position:fixed;left:0;top:0;z-index:1000;display:flex;justify-content:space-between;padding:10px 20px 0;box-sizing:border-box}#header h1{width:4.375rem;height:4.375rem}#header h1 a{display:block;width:100%;height:100%;text-indent:-9999px;transform:rotate(0deg);background:url("../img/logo.png") no-repeat;background-size:cover}#header h1:hover>a{animation:rotate360 5s linear 0s both infinite}#header ul{display:flex}#header ul li{position:relative;margin-left:15px}#header ul li:first-child{margin-left:0}#header ul li::before{display:block;content:"/";position:absolute;right:-10px;top:50%;transform:translateY(-55%)}#header ul li:last-child::before{display:none}#header ul li a{color:#222}#main_visual{width:100vw;height:100vh;position:relative;left:0;top:0;z-index:-1;display:flex;flex-flow:column wrap;justify-content:center;align-items:center;background-color:#f7e2a7;border-bottom:1px dotted #a0a0a0}#main_visual .text_wrap{text-align:center;letter-spacing:-2px}#main_visual .text_wrap .heading{font-weight:400;font-size:9rem}#main_visual .text_wrap .heading.bottom{font-size:11rem}#main_visual .text_wrap .heading.bottom span:nth-child(4){font-size:12rem;font-weight:700;color:#f7788a}#about{margin:0;padding-top:20vh;background-image:linear-gradient(180deg, #f7e2a7 0%, rgba(247, 226, 167, 0) 25%, rgba(255, 255, 255, 0) 100%)}#about .introduction{display:flex;justify-content:space-between;gap:3%;margin-bottom:6rem}#about .content_left{width:30%;position:relative}#about .content_left>img{width:100%;height:auto;position:absolute;top:0;left:0}#about .content_right{width:70%}#about .overview .sect_title{font-family:"Pretendard Variable","맑은 고딕",sans-serif;font-size:2.2rem;letter-spacing:-1px;display:inline-block;padding:3rem 5rem 2rem;background-image:url("../img/quote1.png"),url("../img/quote2.png");background-repeat:no-repeat;background-size:3.5rem auto;background-position:left top,right top}#about .overview .sect_title span{position:relative;top:-0.75rem}#about .overview p{margin-top:2rem;font-size:1.2rem;line-height:1.6em;letter-spacing:-1px}#about .history{margin-top:8rem}#about .history li{margin:0 5rem 0 2rem;padding:0 0 4rem 3rem;border-left:1px solid #222;position:relative}#about .history li:last-child{padding-bottom:2rem}#about .history li::before{display:block;content:"";width:.6rem;height:.6rem;border-radius:50%;background:#fff;border:1px solid #222;position:absolute;left:-0.35rem;top:0;z-index:10}#about .history li::after{display:block;content:"";width:0;height:0;border-radius:50%;border:0;position:absolute;left:0;top:.4rem;transform:translate(-50%, -50%);transition:all .2s}#about .history li:hover::after{width:1.5rem;height:1.5rem;border:2px solid #f7788a}#about .history li h4{font-size:1.2rem;margin-bottom:.6rem}#about .history li span{color:#454545}#about .history li p{font-size:1.1rem;margin-top:1.3rem;line-height:1.6em}#about .skills{padding-bottom:30vh}#about .skills h3{margin:20rem 0 2rem;font-size:8rem}#about .skills .icons{width:100%;height:calc(100vh - 8rem);position:relative}#about .skills .icons .ico{height:auto;position:absolute;transform:perspective(600px) rotateX(0deg) rotateY(0deg);transform-style:preserve-3d;will-change:transform}#about .skills .icons .ico img{width:100%;height:auto}#about .skills .icons .i1{width:9.375rem;left:35%;top:30%}#about .skills .icons .i2{width:9.375rem;left:55%;top:20%}#about .skills .icons .i3{width:9.375rem;left:48%;top:55%}#about .skills .icons .i4{width:6.125rem;left:30%;top:80%}#about .skills .icons .i5{width:5.625rem;left:78%;top:40%}#about .skills .icons .i6{width:8.75rem;left:68%;top:85%}#about .skills .icons .i7{width:5.625rem;left:80%;top:5%}#about .skills .icons .i8{width:3.75rem;left:92%;top:50%}#about .skills .icons .i9{width:5.625rem;left:17%;top:20%}#about .skills .icons .i10{width:3.125rem;left:8%;top:32%}#about .skills .icons .i11{width:4.375rem;left:15%;top:60%}#project #textSVG{fill:#222;position:relative;width:110%;top:0;left:-5%;font-family:"LeeSeoyun","맑은 고딕",sans-serif}#project #textSVG #textPath{font-size:1.5rem;transition:color .6s ease}#project h2{margin-top:20vh;font-size:10rem;transition:color .6s ease}#project .projects{margin-top:10vh;padding-bottom:50vh}#project .projects>ul>.list{width:80%;margin-left:auto;margin-right:0;box-sizing:border-box;position:relative;border-bottom:1px solid #f7788a}#project .projects>ul>.list .title_wrap{display:flex;justify-content:space-between;align-items:center}#project .projects>ul>.list .title_wrap h4{display:inline-block;position:relative;z-index:100;left:0;top:0;padding:4rem 3%;box-sizing:border-box;font-weight:900;font-size:2rem}#project .projects>ul>.list .title_wrap h4.main-text{color:#fff;mix-blend-mode:difference;z-index:10005}#project .projects>ul>.list .title_wrap h4::-moz-selection{background:none}#project .projects>ul>.list .title_wrap h4::selection{background:none}#project .projects>ul>.list .title_wrap button{display:none;background:rgba(0,0,0,0);border:0 none;margin-right:10%;cursor:pointer}#project .projects>ul>.list .title_wrap button>i{color:#fff;font-size:3rem}#project .projects>ul>.list .contents{position:relative;top:-2rem;left:0;width:100%;opacity:0;padding:0 3%;color:#fff;box-sizing:border-box;transition:all .4s ease-out;overflow:hidden}#project .projects>ul>.list .contents .project_info{display:flex;justify-content:space-between;align-items:center;margin-right:7%}#project .projects>ul>.list .contents .period{font-weight:100;font-size:.875rem}#project .projects>ul>.list .contents .btn_wrap{display:flex}#project .projects>ul>.list .contents .btn_wrap button{border:1px solid #fff;border-radius:1rem;margin-right:.5rem;padding:.25rem .8rem;background:#fff;cursor:pointer}#project .projects>ul>.list .contents .btn_wrap button:hover{background:rgba(0,0,0,0);color:#fff}#project .projects>ul>.list .contents .thumb_slides{margin-top:1rem;width:100%;box-sizing:border-box;padding:0 2rem;position:relative;overflow:hidden}#project .projects>ul>.list .contents .thumb_slides .swiper-wrapper .swiper-slide{width:auto}#project .projects>ul>.list .contents .thumb_slides .swiper-wrapper .swiper-slide img.none{display:none}#project .projects>ul>.list .contents .thumb_slides .swiper-button-prev,#project .projects>ul>.list .contents .thumb_slides .swiper-rtl .swiper-button-next{left:0}#project .projects>ul>.list .contents .thumb_slides .swiper-button-next,#project .projects>ul>.list .contents .thumb_slides .swiper-rtl .swiper-button-prev{right:0}#project .projects>ul>.list .contents .thumb_slides .swiper-button-next,#project .projects>ul>.list .contents .thumb_slides .swiper-button-prev{color:#f7e2a7}#project .projects>ul>.list .contents .highlights{margin-top:.6rem}#project .projects>ul>.list .contents .highlights ul{display:flex}#project .projects>ul>.list .contents .highlights ul li{border:1px solid #f7788a;border-radius:1rem;margin-right:.5rem;padding:.25rem .8rem;color:#f7788a}#project .projects>ul>.list .contents .description{margin-top:2rem;font-size:1.125rem;line-height:1.6rem}#project .projects>ul>.list .contents .description ul{-webkit-padding-start:0;padding-inline-start:0;padding-left:2%;margin-top:.4rem}#project .projects>ul>.list .contents .description ul li{list-style:circle}#project .projects>ul>.list .contents .direct_btns{margin-top:2rem}#project .projects>ul>.list .contents .direct_btns a{display:inline-block;line-height:2rem;padding:0 1rem;background:#fff;color:#222;font-size:1.2rem;letter-spacing:-1px;margin-right:1rem}#project .projects>ul>.list .contents .direct_btns a:hover{box-shadow:5px 5px 10px -5px inset}#project .projects>ul>.list .contents .direct_btns .qr_wrap{position:absolute;right:3%;bottom:0;opacity:0;transition:opacity .4s ease-in}#project .projects>ul>.list .contents .direct_btns .qr_wrap img{display:block;width:50%;margin:0 auto .4rem}#project .projects>ul>.list .contents .direct_btns .qr_wrap span{display:block;text-align:center;font-size:.875rem}#project .projects>ul>.list.active button{display:block}#project .projects>ul>.list.active .contents{opacity:1;padding:0 3% 2rem;transition:all .4s ease-in}#project .projects>ul>.list.active .direct_btns>.qr_wrap{opacity:1}#contact{width:100vw;height:50rem;box-sizing:border-box;padding:5vw;position:relative;left:0;bottom:0;display:flex;justify-content:center}#contact .contact_wrapper{width:60vw;height:80%;display:flex;flex-flow:column wrap;align-items:center;z-index:1000;border-radius:20px;background-color:rgba(255,255,255,.25);border:1px solid rgba(255,255,255,.17);box-shadow:0px 4px 30px 0 rgba(0,0,0,.3);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);-moz-backdrop-filter:blur(14px)}@keyframes slideTxt{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}#contact .contact_wrapper a{color:#222}#contact .contact_wrapper .contact_title{margin-top:3rem;width:100%;overflow:hidden;display:flex;font-family:"Libre Baskerville","Times New Roman",Times,serif}#contact .contact_wrapper .contact_title>strong{font-size:6.5rem;letter-spacing:-2px;white-space:nowrap;animation:4s linear 0s infinite normal none running slideTxt}#contact .contact_wrapper .address{margin-top:4rem;width:50%;font-family:"Libre Baskerville","Times New Roman",Times,serif}#contact .contact_wrapper .address li{font-size:2rem;margin-bottom:.5rem}#contact .contact_wrapper .address .the-arrow{width:1px;transition:all .2s}#contact .contact_wrapper .address .the-arrow.-left{position:absolute;top:50%;left:0}#contact .contact_wrapper .address .the-arrow.-left>.shaft{width:0;background-color:#7c7c7c}#contact .contact_wrapper .address .the-arrow.-left>.shaft:before,#contact .contact_wrapper .address .the-arrow.-left>.shaft:after{width:0;background-color:#7c7c7c}#contact .contact_wrapper .address .the-arrow.-left>.shaft:before{transform:rotate(0)}#contact .contact_wrapper .address .the-arrow.-left>.shaft:after{transform:rotate(0)}#contact .contact_wrapper .address .the-arrow.-right{top:0px}#contact .contact_wrapper .address .the-arrow.-right>.shaft{width:1px;transition-delay:.2s}#contact .contact_wrapper .address .the-arrow.-right>.shaft:before,#contact .contact_wrapper .address .the-arrow.-right>.shaft:after{width:8px;transition-delay:.3s;transition:all .5s}#contact .contact_wrapper .address .the-arrow.-right>.shaft:before{transform:rotate(40deg)}#contact .contact_wrapper .address .the-arrow.-right>.shaft:after{transform:rotate(-40deg)}#contact .contact_wrapper .address .the-arrow>.shaft{background-color:#7c7c7c;display:block;height:1px;position:relative;transition:all .2s;transition-delay:0;will-change:transform}#contact .contact_wrapper .address .the-arrow>.shaft:before,#contact .contact_wrapper .address .the-arrow>.shaft:after{background-color:#7c7c7c;content:"";display:block;height:1px;position:absolute;top:0;right:0;transition:all .2s;transition-delay:0s}#contact .contact_wrapper .address .the-arrow>.shaft:before{transform-origin:top right}#contact .contact_wrapper .address .the-arrow>.shaft:after{transform-origin:bottom right}#contact .contact_wrapper .address .animated_arrow{display:inline-block;position:relative;transition:all .2s}#contact .contact_wrapper .address .animated_arrow:hover>.the-arrow.-left>.shaft{width:64px;transition-delay:.1s}#contact .contact_wrapper .address .animated_arrow:hover>.the-arrow.-left>.shaft:before,#contact .contact_wrapper .address .animated_arrow:hover>.the-arrow.-left>.shaft:after{width:8px;transition-delay:.1s}#contact .contact_wrapper .address .animated_arrow:hover>.the-arrow.-left>.shaft:before{transform:rotate(40deg)}#contact .contact_wrapper .address .animated_arrow:hover>.the-arrow.-left>.shaft:after{transform:rotate(-40deg)}#contact .contact_wrapper .address .animated_arrow:hover>.main{transform:translateX(21px);transform:translateX(84px)}#contact .contact_wrapper .address .animated_arrow:hover>.main>.the-arrow.-right>.shaft{width:0;transform:translateX(200%);transition-delay:0s}#contact .contact_wrapper .address .animated_arrow:hover>.main>.the-arrow.-right>.shaft:before,#contact .contact_wrapper .address .animated_arrow:hover>.main>.the-arrow.-right>.shaft:after{width:0;transition-delay:0s;transition:all .1s}#contact .contact_wrapper .address .animated_arrow:hover>.main>.the-arrow.-right>.shaft:before{transform:rotate(0)}#contact .contact_wrapper .address .animated_arrow:hover>.main>.the-arrow.-right>.shaft:after{transform:rotate(0)}#contact .contact_wrapper .address .animated_arrow>.main{display:flex;align-items:center;transition:all .2s}#contact .contact_wrapper .address .animated_arrow>.main>.contact_text{margin-right:20px;line-height:1}#contact .contact_wrapper .address .animated_arrow>.main>.the-arrow{position:relative}#contact .blur{position:absolute;background:#faa8b4}#contact .blur:nth-of-type(4){filter:blur(clamp(40px, 5vw, 90px));width:clamp(160px,26vw,26vw);height:calc(clamp(160px,26vw,26vw)*.9);z-index:100}#contact .blur:nth-of-type(2){filter:blur(clamp(40px, 5vw, 90px)) hue-rotate(135deg) brightness(1.3);height:clamp(140px,15vw,15vw);width:calc(clamp(140px,15vw,15vw)*.75);top:20vh;right:20vh;z-index:101}#contact .blur:nth-of-type(3){filter:blur(clamp(30px, 4.25vw, 67px)) hue-rotate(-135deg);height:clamp(100px,10vw,10vw);width:clamp(100px,10vw,10vw);bottom:20vh;left:20vw;z-index:102}#footer{width:100vw;position:absolute;left:0;bottom:0;z-index:1000;padding-bottom:1.4rem}#footer .scroll_top{width:3.5rem;height:3.5rem;border-radius:7px;border:2px solid #c3e5f5;background-color:#c3e5f5;color:#fff;position:fixed;bottom:2rem;right:2rem;display:flex;justify-content:center;align-items:center;transition:all .2s;visibility:hidden;opacity:0}#footer .scroll_top i{font-weight:700;font-size:2rem}#footer .scroll_top:hover{border-color:#222;background-color:#fcf2d6;color:#222}#footer .scroll_top.show{visibility:visible;opacity:1}#footer .copy{text-align:center}