@import "https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import "https://cdn.jsdelivr.net/gh/moonspam/NanumSquareNeo@1.0/nanumsquareneo.css";@font-face{font-family:GMarketSans;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff)format("woff");font-weight:300;font-display:swap}@font-face{font-family:GMarketSans;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff)format("woff");font-weight:500;font-display:swap}@font-face{font-family:GMarketSans;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2)format("woff2");font-weight:100;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2)format("woff2");font-weight:200;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2)format("woff2");font-weight:300;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Pretendard;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2)format("woff2");font-weight:900;font-display:swap}.mont{font-family:Montserrat}.nanum{font-family:NanumSquareNeo}.gmarket{font-family:GMarketSans}:root{--mainEng-font:"Montserrat";--mainKor-font:"Pretendard";--mainNum-font:"GMarketSans";--mainBg-color:#c9d0d9;--subBg100:#acb1b8;--subBg200:#acb8c8;--subBg300:#96a3b3;--subBg400:#7b92ab;--subBg500:#85a0c1;--white:#fff;--white100:#ffffff96;--black:#000;--black100:#2b2b2b;--black200:#434343;--black300:#686868;--black400:#e0e0e0;font-family:var(--mainEng-font), var(--mainKor-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:16px;font-weight:400;line-height:1.5}@media (width<=800px){:root{font-size:14px;line-height:1.4}}body{color:var(--black100);background-color:var(--mainBg-color)}*,:before,:after{box-sizing:border-box}body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul,figure,figcaption{margin:0;padding:0}body,button,input,select,table,textarea{font-family:var(--mainEng-font), var(--mainKor-font), "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", helvetica, sans-serif}a,a:hover,a:focus{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}ul{list-style:none}em,address{font-style:normal}strong{font-weight:400}img{vertical-align:top;width:100%}#skip a{z-index:100000;color:var(--white);background:var(--black);padding:10px 30px;font-size:1rem;position:absolute;top:-92px;left:10px}#skip a:focus,#skip a:active{top:10px}#header{z-index:10000;width:100%;position:fixed;top:0;left:0}.header_inner{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#7b7b7b1a;justify-content:space-between;align-items:center;padding:1rem;display:flex}.header_logo{text-align:center;text-transform:uppercase;color:var(--black200);font-size:.9rem;line-height:1}.header_logo em{font-size:10px;display:block}.header_nav li{display:inline-block}.header_nav li a{text-transform:uppercase;padding:14px;font-size:14px;position:relative}.header_nav li a:before{content:"";background-color:var(--black);width:calc(100% - 28px);height:1px;transition:all .3s;position:absolute;bottom:10px;left:14px;transform:scaleX(0)}.header_nav li a:hover:before{transform:scaleX(1)}.header_nav_mobile{cursor:pointer;width:40px;height:40px;display:none}.header_nav_mobile span{background-color:var(--black);width:40px;height:2px;margin-top:19px;display:block;position:relative}.header_nav_mobile span:before{content:"";background-color:var(--black);width:40px;height:2px;transition:width .3s;position:absolute;top:6px;right:0}.header_nav_mobile span:after{content:"";background-color:var(--black);width:40px;height:2px;transition:width .3s;position:absolute;bottom:6px;left:0}@media (width<=800px){.header_nav{display:none}.header_nav.show{display:block}.header_nav.show ul{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;background-color:#7463631a;min-width:150px;padding:20px 0;display:block;position:absolute;top:68px;right:0}.header_nav.show ul li{text-align:right;display:block}.header_nav.show ul li a{padding:10px;display:inline-block}.header_nav_mobile{display:block}.header_nav.show+.header_nav_mobile span:before,.header_nav.show+.header_nav_mobile span:after{width:20px}}#intro{height:100vh}.intro_inner{flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%;height:100%;padding:16px;display:flex}.intro_title{color:var(--black100);text-transform:uppercase;white-space:nowrap;text-indent:-.5vw;letter-spacing:-.3vw;font-size:8vw;font-weight:800;line-height:1}.intro_text{width:100%;height:40vh;color:var(--white);background:url(/assets/intro-BRUwVPws.jpg) 50%/cover;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.intro_text .text{text-transform:uppercase;text-align:center;z-index:100;cursor:all-scroll;font-size:3vw;font-weight:900;line-height:1;text-decoration:underline;transition:all .3s;position:relative}.intro_text .img{filter:grayscale();border-radius:50%;width:30vh;height:30vh;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.intro_text:hover .img{filter:grayscale(0)}.intro_text:hover .text{opacity:0}.intro_lines{width:100%}.intro_lines .line{background-color:var(--black);background:url(/assets/intro-BRUwVPws.jpg) 50%/cover fixed;width:100%;height:1px;margin-bottom:.5vw;display:block}.intro_lines.bottom .line{margin-top:.5vw;margin-bottom:0;display:none}.intro_lines .line:first-child{height:1px}.intro_lines .line:nth-child(2){height:2px}.intro_lines .line:nth-child(3){height:5px}.intro_lines .line:nth-child(4){height:9px}.intro_lines .line:nth-child(5){height:13px}.intro_lines .line:nth-child(6){height:17px}.intro_lines .line:nth-child(7),.intro_lines.bottom .line:first-child{height:25px}.intro_lines.bottom .line:nth-child(2){height:17px}.intro_lines.bottom .line:nth-child(3){height:13px}.intro_lines.bottom .line:nth-child(4){height:9px}.intro_lines.bottom .line:nth-child(5){height:5px}.intro_lines.bottom .line:nth-child(6){height:2px}.intro_lines.bottom .line:nth-child(7){height:1px}@media (width<=800px){.intro_inner{justify-content:center}.intro_lines.bottom .line{display:block}.intro_text .text{padding:0 16px;font-size:24px}}@media (width<=320px){.intro_title{display:none}}.skill_inner{justify-content:space-between;padding:16px;display:flex}.skill_title{width:50%;height:5vw;font-size:4vw;font-family:var(--mainNum-fon);text-transform:uppercase;color:var(--black100);border-bottom:.4vw solid var(--black);font-weight:900;position:sticky;top:70px;left:0}.skill_desc{width:50%}.skill_desc span{font-size:5vw;font-weight:700;line-height:1}.skill_desc h3{text-underline-position:under;font-size:1.5rem;text-decoration:underline}.skill_desc p{margin-bottom:30vh;font-size:1.25rem}@media (width<=800px){.skill_inner{flex-direction:column}.skill_title{background-color:var(--mainBg-color);width:100%;height:auto;margin-bottom:10vw;font-size:30px;top:68px}.skill_desc{width:100%}.skill_desc span{font-size:20vw}}.site_inner{padding:16px}.site_title{width:50%;height:5vw;font-size:4vw;font-family:var(--mainNum-fon);text-transform:uppercase;color:var(--black100);border-bottom:.4vw solid var(--black);font-weight:900;position:sticky;top:70px;left:0}.site_item{background-color:#b88e8e;flex-direction:column;justify-content:center;align-items:center;height:70vh;display:flex;position:sticky;left:0}.site_item.s1{background:url(/assets/site03-BGcRe_r7.jpg) 0 0/cover;top:180px}.site_item.s2{background:url(/assets/site02-D99lzsm5.jpg) 50%/cover;top:200px}.site_item.s3{background:url(/assets/site04-DFF2WYNF.jpg) 0 0/cover;top:220px}.site_item.s4{background:url(/assets/site01-dPTJbwzk.jpg) 0 0/cover;top:240px}.site_item .num{font-size:5vw;font-weight:800;line-height:1;font-family:var(--mainNum-fon);position:absolute;top:1vw;left:1vw}.site_item .text{text-align:center;margin-bottom:1rem}.site_item .text>div{text-transform:uppercase;font-size:3vw;font-weight:900;line-height:1;font-family:var(--mainEng-font);text-decoration:underline}.site_item .title{font-family:var(--mainKor-font);margin-bottom:1rem}.site_item .btn a{text-transform:uppercase;color:var(--black200);font-size:1rem;text-decoration:underline;transition:all .3s}.site_item .btn a:hover{color:var(--black)}.site_item .info{width:98%;color:var(--white100);border-top:1px solid var(--white100);border-bottom:1px solid var(--white100);justify-content:space-between;display:flex;position:absolute;bottom:3%}.site_item .info span{font-family:var(--mainKor-font);text-transform:uppercase;font-size:12px}@media (width<=800px){.site_title{background-color:var(--mainBg-color);z-index:1000;width:100%;height:auto;margin-bottom:10vw;font-size:30px;top:68px}.site_item.s1{top:140px}.site_item.s2{top:160px}.site_item.s3{top:180px}.site_item.s4{top:200px}.site_item .num{font-size:80px;top:20px;left:20px}.site_item .text>div{font-size:24px}.site_item .info{flex-direction:column;width:90%;padding:5px 0}}#port{margin-top:30vh;overflow:hidden}.port_inner{padding:16px}.port_title{width:100%;height:5vw;font-size:4vw;font-family:var(--mainNum-fon);text-transform:uppercase;color:var(--black100);border-bottom:.4vw solid var(--black);margin-bottom:16px;font-weight:900}.port_wrap{flex-wrap:nowrap;display:flex}.port_item{background-color:var(--subBg100);flex-shrink:0;width:500px;height:70vh;margin-right:20px;padding:2.5rem}.port_item.p1{background-color:var(--subBg200)}.port_item.p2{background-color:var(--subBg300)}.port_item.p3{background-color:var(--subBg400)}.port_item.p4{background-color:var(--subBg500)}.port_item.p5{background-color:var(--subBg200)}.port_item.p6{background-color:var(--subBg300)}.port_item.p7{background-color:var(--subBg400)}.port_item.p8{background-color:var(--subBg500)}.port_item.p9{background-color:var(--subBg200)}.port_item.p10{background-color:var(--subBg300)}.port_item .num{font-size:2rem;font-family:var(--mainNum-fon)}.port_item .img{margin-top:-20px;transition:margin-top .3s;display:block}.port_item:hover .img{margin-top:0}.port_item .img img{filter:saturate();border-radius:5px;transition:all .3s}.port_item .img:hover img{filter:saturate(0%)}.port_item .title{text-align:center;color:var(--black100);border-bottom:2px solid var(--black100);margin-bottom:1rem;padding:.5rem 0;font-size:1.5rem;font-weight:600}.port_item .desc{-webkit-line-clamp:5;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:1rem;display:-webkit-box;overflow:hidden}.port_item .site{border:1px solid var(--black100);text-align:center;margin-top:1.8rem;padding:.625rem 1.5rem;display:block}@media (width<=800px){.port_title{background-color:var(--mainBg-color);z-index:1000;width:100%;height:auto;margin-bottom:16px;font-size:30px;top:68px}.port_item{width:400px;height:auto;padding:40px 30px}}#contact{height:100vh}.contact_inner{flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%;height:100%;padding:16px;display:flex}.contact_title{color:var(--black100);text-transform:uppercase;white-space:nowrap;text-indent:-.5vw;letter-spacing:-.3vw;font-size:8vw;font-weight:800;line-height:1}.contact_text{width:100%;height:40vh;color:var(--white);background:url(/assets/contact-t12GagAB.jpg) 50%/cover;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.contact_text .text{text-transform:uppercase;text-align:center;z-index:100;cursor:all-scroll;font-size:3vw;font-weight:900;line-height:1;text-decoration:underline;transition:all .3s;position:relative}.contact_lines{width:100%}.contact_lines .line{background-color:var(--black);background:url(/assets/contact-t12GagAB.jpg) 50%/cover fixed;width:100%;height:1px;margin-bottom:.5vw;display:block}.contact_lines.top .line{margin-top:.5vw;margin-bottom:0;display:none}.contact_lines.top .line:first-child{height:1px}.contact_lines.top .line:nth-child(2){height:2px}.contact_lines.top .line:nth-child(3){height:5px}.contact_lines.top .line:nth-child(4){height:9px}.contact_lines.top .line:nth-child(5){height:13px}.contact_lines.top .line:nth-child(6){height:17px}.contact_lines.top .line:nth-child(7),.contact_lines.bottom .line:first-child{height:25px}.contact_lines.bottom .line:nth-child(2){height:17px}.contact_lines.bottom .line:nth-child(3){height:13px}.contact_lines.bottom .line:nth-child(4){height:9px}.contact_lines.bottom .line:nth-child(5){height:5px}.contact_lines.bottom .line:nth-child(6){height:2px}.contact_lines.bottom .line:nth-child(7){height:1px}@media (width<=800px){.contact_inner{justify-content:center}.contact_lines.top .line{display:block}.contact_text .text{font-size:24px}.contact_title{display:none}}#footer{font-family:var(--mainKor-font)}.footer_inner{padding:16px}.footer_text{text-transform:uppercase;border-top:1px solid var(--black);border-bottom:1px solid var(--black);justify-content:space-between;font-size:12px;display:flex}.footer_info{justify-content:space-between;margin:100px 0;display:flex}.footer_info .left{width:40%}.footer_info .left .title{border-top:2px solid var(--black);border-bottom:1px solid var(--black);text-transform:uppercase;color:var(--mainSub-color);background:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M14.2929%205.29289C14.6834%204.90237%2015.3166%204.90237%2015.7071%205.29289L21.7071%2011.2929C22.0976%2011.6834%2022.0976%2012.3166%2021.7071%2012.7071L15.7071%2018.7071C15.3166%2019.0976%2014.6834%2019.0976%2014.2929%2018.7071C13.9024%2018.3166%2013.9024%2017.6834%2014.2929%2017.2929L18.5858%2013H3C2.44772%2013%202%2012.5523%202%2012C2%2011.4477%202.44772%2011%203%2011H18.5858L14.2929%206.70711C13.9024%206.31658%2013.9024%205.68342%2014.2929%205.29289Z'%20fill='black'/%3e%3c/svg%3e") right 20px no-repeat;padding:20px 0;font-weight:700;transition:all .3s}.footer_info .left .title:hover{background-color:var(--black);border-color:#0000;padding-left:10px}.footer_info .left .desc{color:var(--mainSub-color);padding-top:20px;font-size:12px}.footer_info .right{width:50%}.footer_info .right h3{border-top:2px solid var(--black);color:var(--black);margin-bottom:40px;padding-top:10px;font-size:10px}.footer_info .right ul{border-top:1px solid var(--black)}.footer_info .right li{border-bottom:1px solid var(--black)}.footer_info .right li a{text-transform:uppercase;color:var(--mainSub-color);padding:14px 0;font-size:14px;display:inline-block}.footer_info .right li em{opacity:0;padding-left:10px;font-size:12px;transition:all .3s}.footer_info .right li:hover em{opacity:1}.footer_right{text-align:center;text-transform:uppercase;color:var(--mainSub-color);margin-bottom:20px;font-size:12px}@media (width<=800px){.footer_info{flex-direction:column}.footer_info .left{width:100%}.footer_info .left .desc{margin-bottom:40px}.footer_info .right{width:100%}.footer_info .right li em{padding-left:0;display:inline-block}}