@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;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:100%;position:fixed;top:0;left:0}.header_inner{background-color:#7b7b7b1a;justify-content:space-between;align-items:center;padding:1rem;display:flex}.header_inner .header_logo{text-align:center;text-transform:uppercase;font-size:.9rem;line-height:1}.header_inner .header_logo em{font-size:12px;display:block}.header_inner .header_nav ul li{display:inline-block}.header_inner .header_nav ul li a{text-transform:uppercase;padding:14px;font-size:14px;position:relative}.header_inner .header_nav ul li a:before{content:"";background-color:var(--black);width:calc(100% - 28px);height:1px;transition:transform .3s;position:absolute;bottom:0;left:14px;transform:scale(0)}.header_inner .header_nav ul li a:hover:before{transform:scale(1)}.header_inner .header_nav_mobile{cursor:pointer;width:40px;height:40px;display:none}.header_inner .header_nav_mobile span{background-color:var(--black);width:40px;height:2px;margin-top:19px;display:block;position:relative}.header_inner .header_nav_mobile span:before{content:"";background-color:var(--black);width:40px;height:2px;transition:width .3s;position:absolute;top:6px;right:0}.header_inner .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_inner .header_nav_mobile{display:block}.header_inner .header_nav{display:none}.header_inner .header_nav.show{display:block}.header_inner .header_nav.show ul{background-color:#6969694d;padding:20px 5px 20px 20px;position:absolute;top:68px;right:0}.header_inner .header_nav.show ul li{text-align:right;display:block}.header_inner .header_nav.show ul li a{padding:10px;display:inline-block}.header_inner .header_nav.show+.header_nav_mobile span:before,.header_inner .header_nav.show+.header_nav_mobile span:after{width:20px}}#intro{height:100vh}.intro_inner{flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:16px;display:flex}@media (width<=800px){.intro_inner{justify-content:center}}.intro_inner .intro_title{color:var(--black100);text-transform:uppercase;letter-spacing:-.3vw;white-space:nowrap;font-size:8vw;font-weight:800;line-height:1}@media (width<=360px){.intro_inner .intro_title{display:none}}.intro_inner .intro_text{width:100%;height:40vh;color:var(--white);cursor:all-scroll;background:url(/img/intro.jpg) 50%/cover;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.intro_inner .intro_text .text{text-transform:uppercase;text-align:center;z-index:100;font-size:3vw;font-weight:900;line-height:1;text-decoration:underline;transition:opacity .2s;position:relative}@media (width<=800px){.intro_inner .intro_text .text{font-size:24px}}.intro_inner .intro_text .img{filter:grayscale();border-radius:50%;width:30vh;height:30vh;transition:filter .2s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.intro_inner .intro_text:hover .img{filter:grayscale(0)}.intro_inner .intro_text:hover .text{opacity:0}.intro_inner .intro_lines{width:100%}.intro_inner .intro_lines .line{background-color:var(--black100);background:url(../img/intro.jpg) 50%/cover fixed;width:100%;height:1px;margin-bottom:.5vw;display:block}.intro_inner .intro_lines .line:first-child{height:1px}.intro_inner .intro_lines .line:nth-child(2){height:2px}.intro_inner .intro_lines .line:nth-child(3){height:5px}.intro_inner .intro_lines .line:nth-child(4){height:9px}.intro_inner .intro_lines .line:nth-child(5){height:13px}.intro_inner .intro_lines .line:nth-child(6){height:17px}.intro_inner .intro_lines .line:nth-child(7){height:25px}.intro_inner .intro_lines.bottom .line{margin-top:.5vw;display:none}@media (width<=800px){.intro_inner .intro_lines.bottom .line{display:block}}.intro_inner .intro_lines.bottom .line:first-child{height:25px}.intro_inner .intro_lines.bottom .line:nth-child(2){height:17px}.intro_inner .intro_lines.bottom .line:nth-child(3){height:13px}.intro_inner .intro_lines.bottom .line:nth-child(4){height:9px}.intro_inner .intro_lines.bottom .line:nth-child(5){height:5px}.intro_inner .intro_lines.bottom .line:nth-child(6){height:2px}.intro_inner .intro_lines.bottom .line:nth-child(7){height:1px}.skill_inner{justify-content:space-between;padding:16px;display:flex}@media (width<=800px){.skill_inner{flex-direction:column}}.skill_inner .skill_title{width:48%;height:5vw;font-size:4vw;font-family:var(--mainEng-font);text-transform:uppercase;color:var(--black100);border-bottom:.4vw solid var(--black);font-weight:900;position:sticky;top:70px;left:0}@media (width<=800px){.skill_inner .skill_title{background-color:var(--mainBg-color);width:100%;height:auto;margin-bottom:10vw;font-size:30px;top:68px}}.skill_inner .skill_desc{width:48%}.skill_inner .skill_desc span{font-size:5vw;font-weight:700;line-height:1}@media (width<=800px){.skill_inner .skill_desc span{font-size:20vw}}.skill_inner .skill_desc h3{text-underline-position:under;font-size:1.5rem;text-decoration:underline}.skill_inner .skill_desc p{margin-bottom:30vh;font-size:1.25rem}@media (width<=800px){.skill_inner .skill_desc{width:100%}}.site_inner{padding:16px}.site_inner .site_title{width:48%;height:5vw;font-size:4vw;font-family:var(--mainEng-font);text-transform:uppercase;color:var(--black100);border-bottom:.4vw solid var(--black);font-weight:900;position:sticky;top:70px;left:0}@media (width<=800px){.site_inner .site_title{background-color:var(--mainBg-color);z-index:100;width:100%;height:auto;margin-bottom:10vw;font-size:30px;top:68px}}.site_inner .site_wrap .site_item{background-color:var(--subBg500);flex-direction:column;justify-content:center;align-items:center;height:70vh;display:flex;position:sticky;left:0}.site_inner .site_wrap .site_item.s1{background-color:var(--subBg500);background:url(/assets/site03-BGcRe_r7.jpg) 0 0/cover;top:180px}@media (width<=800px){.site_inner .site_wrap .site_item.s1{top:140px}}.site_inner .site_wrap .site_item.s2{background-color:var(--subBg400);background:url(/assets/site02-D99lzsm5.jpg) 0 0/cover;top:200px}@media (width<=800px){.site_inner .site_wrap .site_item.s2{top:160px}}.site_inner .site_wrap .site_item.s3{background-color:var(--subBg200);background:url(/assets/site01-dPTJbwzk.jpg) 0 0/cover;top:220px}@media (width<=800px){.site_inner .site_wrap .site_item.s3{top:180px}}.site_inner .site_wrap .site_item.s4{background-color:var(--subBg100);background:url(/assets/site04-DFF2WYNF.jpg) 0 0/cover;top:240px}@media (width<=800px){.site_inner .site_wrap .site_item.s4{top:200px}}.site_inner .site_wrap .site_item .num{font-size:5vw;font-weight:800;line-height:1;font-family:var(--mainNum-font);position:absolute;top:2vw;left:1vw}@media (width<=800px){.site_inner .site_wrap .site_item .num{font-size:80px;top:20px;left:20px}}.site_inner .site_wrap .site_item .text{text-align:center;margin-bottom:1rem}.site_inner .site_wrap .site_item .text div{text-transform:uppercase;font-size:3vw;font-weight:900;line-height:1;text-decoration:underline}@media (width<=800px){.site_inner .site_wrap .site_item .text div{font-size:24px}}.site_inner .site_wrap .site_item .title{font-family:var(--mainKor-font);margin-bottom:1rem}.site_inner .site_wrap .site_item .btn a{text-transform:uppercase;color:var(--black200);padding:0 2px;font-size:1rem;text-decoration:underline;transition:all .3s}.site_inner .site_wrap .site_item .btn a:hover{color:var(--black)}.site_inner .site_wrap .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%}@media (width<=800px){.site_inner .site_wrap .site_item .info{flex-direction:column;width:90%;padding:5px 0}}.site_inner .site_wrap .site_item .info span{font-family:var(--mainKor-font);text-transform:uppercase;font-size:12px}#port{margin-top:30vh}.port_inner{padding:16px}.port_inner .port_title{font-size:4vw;font-family:var(--mainEng-font);text-transform:uppercase;color:var(--black100);border-bottom:.4vw solid var(--black);margin-bottom:16px;font-weight:900}@media (width<=800px){.port_inner .port_title{background-color:var(--mainBg-color);z-index:1000;width:100%;height:auto;margin-bottom:16px;font-size:30px;top:68px}}.port_inner .port_wrap{flex-wrap:nowrap;display:flex;overflow:hidden}.port_inner .port_wrap .port_item{background-color:var(--subBg100);flex-shrink:0;width:500px;height:70vh;margin-right:20px;padding:2.5rem}.port_inner .port_wrap .port_item.p1{background-color:var(--subBg100)}.port_inner .port_wrap .port_item.p2{background-color:var(--subBg200)}.port_inner .port_wrap .port_item.p3{background-color:var(--subBg300)}.port_inner .port_wrap .port_item.p4{background-color:var(--subBg400)}.port_inner .port_wrap .port_item.p5{background-color:var(--subBg500)}.port_inner .port_wrap .port_item.p6{background-color:var(--subBg100)}.port_inner .port_wrap .port_item.p7{background-color:var(--subBg200)}.port_inner .port_wrap .port_item.p8{background-color:var(--subBg300)}.port_inner .port_wrap .port_item.p9{background-color:var(--subBg400)}.port_inner .port_wrap .port_item.p10{background-color:var(--subBg500)}.port_inner .port_wrap .port_item .num{font-size:2rem;font-family:var(--mainNum-font)}.port_inner .port_wrap .port_item .img{margin-top:-20px;transition:margin-top .3s;display:block}.port_inner .port_wrap .port_item .img img{border-radius:5px;transition:filter .3s}.port_inner .port_wrap .port_item .img:hover img{filter:saturate(0%)}.port_inner .port_wrap .port_item:hover .img{margin-top:0}.port_inner .port_wrap .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_inner .port_wrap .port_item .desc{-webkit-line-clamp:5;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:1rem;display:-webkit-box;overflow:hidden}.port_inner .port_wrap .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_inner .port_wrap .port_item{width:400px;height:auto;padding:40px 30px}}#contact{height:100vh}.contact_inner{flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:16px;display:flex}@media (width<=800px){.contact_inner{justify-content:center}}.contact_inner .contact_title{color:var(--black100);text-transform:uppercase;letter-spacing:-.3vw;white-space:nowrap;font-size:8vw;font-weight:800;line-height:1}.contact_inner .contact_lines{width:100%}.contact_inner .contact_lines .line{background-color:var(--black100);background:url(../img/contact.jpg) 50%/cover fixed;width:100%;height:1px;margin-bottom:.5vw;display:block}.contact_inner .contact_lines.top .line{margin-top:.5vw;display:none}.contact_inner .contact_lines.top .line:first-child{height:1px}.contact_inner .contact_lines.top .line:nth-child(2){height:2px}.contact_inner .contact_lines.top .line:nth-child(3){height:5px}.contact_inner .contact_lines.top .line:nth-child(4){height:9px}.contact_inner .contact_lines.top .line:nth-child(5){height:13px}.contact_inner .contact_lines.top .line:nth-child(6){height:17px}.contact_inner .contact_lines.top .line:nth-child(7){height:25px}@media (width<=800px){.contact_inner .contact_lines.top .line{display:block}}.contact_inner .contact_lines.bottom .line{margin-top:.5vw}.contact_inner .contact_lines.bottom .line:first-child{height:25px}.contact_inner .contact_lines.bottom .line:nth-child(2){height:17px}.contact_inner .contact_lines.bottom .line:nth-child(3){height:13px}.contact_inner .contact_lines.bottom .line:nth-child(4){height:9px}.contact_inner .contact_lines.bottom .line:nth-child(5){height:5px}.contact_inner .contact_lines.bottom .line:nth-child(6){height:2px}.contact_inner .contact_lines.bottom .line:nth-child(7){height:1px}.contact_inner .contact_text{width:100%;height:40vh;color:var(--white);cursor:all-scroll;background:url(/img/contact.jpg) 50%/cover;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.contact_inner .contact_text .text{text-transform:uppercase;text-align:center;z-index:100;font-size:3vw;font-weight:900;line-height:1;text-decoration:underline;position:relative}@media (width<=800px){.contact_inner .contact_text .text{font-size:24px}}#footer{font-family:var(--mainKor-font)}.footer_inner{padding:16px}.footer_inner .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_inner .footer_info{justify-content:space-between;margin:100px 0;display:flex}@media (width<=800px){.footer_inner .footer_info{flex-direction:column}}.footer_inner .footer_info .left{width:40%}@media (width<=800px){.footer_inner .footer_info .left{width:100%}}.footer_inner .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_inner .footer_info .left .title:hover{background-color:var(--black);border-color:#0000;padding-left:10px}.footer_inner .footer_info .left .desc{color:var(--mainSub-color);padding-top:20px;font-size:12px}@media (width<=800px){.footer_inner .footer_info .left .desc{margin-bottom:40px}}.footer_inner .footer_info .right{width:50%}@media (width<=800px){.footer_inner .footer_info .right{width:100%}}.footer_inner .footer_info .right h3{border-top:2px solid var(--black);color:var(--black);margin-bottom:40px;padding-top:10px;font-size:10px}.footer_inner .footer_info .right ul{border-top:1px solid var(--black)}.footer_inner .footer_info .right ul li{border-bottom:1px solid var(--black)}.footer_inner .footer_info .right ul li a{text-transform:uppercase;color:var(--mainSub-color);padding:14px 0;font-size:14px;display:inline-block}.footer_inner .footer_info .right ul li em{opacity:0;padding-left:10px;font-size:12px;transition:all .3s}@media (width<=800px){.footer_inner .footer_info .right ul li em{padding-left:0;display:inline-block}}.footer_inner .footer_info .right ul li:hover em{opacity:1}.footer_inner .footer_right{text-align:center;text-transform:uppercase;color:var(--mainSub-color);margin-bottom:20px;font-size:12px}