@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://webfontworld.github.io/gmarket/GmarketSans.css);@import url(https://webfontworld.github.io/NanumSquare/NanumSquare.css);@import url(https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap);@import url(https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Racing+Sans+One&display=swap);.mont{font-family:Montserrat}.Nanum{font-family:NanumSquare}.GmarketSans{font-family:GmarketSans}*,:after,:before{box-sizing:border-box}body,button,dd,dl,dt,fieldset,figcaption,figure,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}body,button,input,select,table,textarea{font-family:Montserrat,GmarketSans,Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,helvetica,sans-serif;font-family:var(--mainEng-font),var(--mainKor-font),"Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",helvetica,sans-serif}a,a:focus,a:hover{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:400}ul{list-style:none}address,em{font-style:normal}strong{font-weight:400}img{vertical-align:top;width:100%}#skip a{background:#000;background:var(--black);color:var(--white);font-size:1rem;left:10px;padding:10px 30px;position:absolute;top:-92px;z-index:100000}#skip a:active,#skip a:focus{top:10px}body{background-color:#ca4321;background-color:var(--mainBg-color)}:root{--mainEng-font:"Montserrat";--mainKor-font:"GmarketSans";--mainNum--font:"NanumSquare";--mainBg-color:#ca4321;--mainBg-fontcolor:#f1e8e4;--subGg100:#fa7d07;--subGg200:#f58319;--subGg300:#f19036;--subGg400:#f3a55c;--subGg500:#fab778;--white100:#615f5f;--white200:#858282;--white300:#ddd7d7;--white400:#ece7e7;--white500:#fff;--black:#000;--black100:#000;--black200:#000;--black300:#000;--black400:#000;--black500:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:Montserrat,GmarketSans;font-family:var(--mainEng-font),var(--mainKor-font);font-size:16px;font-synthesis:none;font-weight:400;line-height:1.5;text-rendering:optimizeLegibility}@media(max-width:800px){:root{font-size:14px;line-height:1.4}body{background-color:#ca4321;background-color:var(--mainBg-color);color:#000;color:var(--black)}}#header{left:0;position:fixed;top:0;width:100%;z-index:10000}.header__inner{align-items:center;background-color:#0000004d;color:#ddd7d7;color:var(--white300);display:flex;justify-content:space-between;padding:1rem}.header__logo{font-size:25px;font-weight:300;line-height:1.2;text-align:center;text-transform:uppercase}.header__logo a:hover{color:#fff}.header__logo em{display:block;font-size:12px}.header__nav li{display:inline}.header__nav li a{display:inline-block;padding:.3rem 1rem;position:relative}.header__nav li a:before{background-color:#fff;bottom:5px;content:"";height:1px;left:15px;position:absolute;transform:scaleX(0);transition:all .3s;width:calc(100% - 30px)}.header__nav li a:hover:before{color:#fff;transform:scaleX(1)}.header__nav li a:hover{color:#fff}.header__nav__mobile{cursor:pointer;height:40px;width:40px}.header__nav__mobile span{background-color:#fff;background-color:var(--white500);display:block;height:2px;margin-top:19px;position:relative;width:40px}.header__nav__mobile span:before{right:0;top:6px}.header__nav__mobile span:after,.header__nav__mobile span:before{background-color:#ddd7d7;background-color:var(--white300);content:"";height:2px;position:absolute;transition:width .3s;width:40px}.header__nav__mobile span:after{bottom:6px;left:0}@media(max-width:800px){.header__nav{display:none}.header__nav.show{display:block}.header__nav.show ul{background-color:#8d2f1787;color:#fff;display:block;min-width:159px;padding:20px 0;position:absolute;right:0;top:68px;z-index:10000}.header__nav.show li{display:block;text-align:right}.header__nav.show+.header__nav__mobile span:after,.header__nav.show+.header__nav__mobile span:before{width:20px}.header__nav.show li a{display:inline-block;padding:10px}.header__nav__mobile{display:block}}#intro{height:100vh}.intro__inner{align-items:flex-start;background-color:#ca4321;background-color:var(--mainBg-color);display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:1vw;width:100%}.intro__title{color:#f1e8e4;color:var(--mainBg-fontcolor);font-family:Archivo Black;font-size:7.6vw;line-height:1;margin:0 auto;text-align:center;text-transform:uppercase}.intro__lines{align-items:flex-start;display:block;justify-content:flex-end;margin-bottom:-1.8vw;width:100%}.intro__lines .line{background-color:#f1e8e4;background-color:var(--mainBg-fontcolor);display:block;height:1px;margin:.5vw}.intro__lines .line:first-child{background-color:#f58319;background-color:var(--subGg200);height:1px}.intro__lines .line:nth-child(2){background-color:#f58319;background-color:var(--subGg200);height:2px}.intro__lines .line:nth-child(3){background-color:#f58319;background-color:var(--subGg200);height:3px}.intro__lines .line:nth-child(4){background-color:#f19036;background-color:var(--subGg300);height:4px}.intro__lines .line:nth-child(5){background-color:#f19036;background-color:var(--subGg300);height:5px}.intro__lines .line:nth-child(6){background-color:#f3a55c;background-color:var(--subGg400);height:6px}.intro__lines .line:nth-child(7){background-color:#fab778;background-color:var(--subGg500);height:7px}.intro__lines.bottom{display:none}.intro__lines.bottom .line{background-color:#fa7d07;background-color:var(--subGg100);display:block;height:1px;margin:.5vw}.intro__lines.bottom .line:nth-child(6){background-color:#f58319;background-color:var(--subGg200);height:1px}.intro__lines.bottom .line:nth-child(5){background-color:#f58319;background-color:var(--subGg200);height:2px}.intro__lines.bottom .line:nth-child(4){background-color:#f58319;background-color:var(--subGg200);background-color:#f19036;background-color:var(--subGg300);height:3px;height:4px}.intro__lines.bottom .line:nth-child(3){background-color:#f19036;background-color:var(--subGg300);height:5px}.intro__lines.bottom .line:nth-child(2){background-color:#f3a55c;background-color:var(--subGg400);height:6px}.intro__lines.bottom .line:first-child{height:7px}.intro__lines.bottom .line:first-child,.intro__text{background-color:#fab778;background-color:var(--subGg500)}.intro__text{align-items:center;display:flex;justify-content:center;margin-top:1.2vh;padding:8vw 0;position:relative;width:100%}.intro__text .text{color:#f1e8e4;color:var(--mainBg-fontcolor);font-family:Archivo Black;font-size:4.5vw;line-height:.9;text-align:center;transition:all .3s;z-index:2}.intro__text .img{background-image:url(/static/media/Frame5.491e3299eeeb82638cd9.png);background-size:cover;border-radius:50%;filter:grayscale(100%);filter:opacity(85%);height:18vw;position:absolute;width:18vw;z-index:1}.intro__text:hover .text,.intro__text:hover .text:after{opacity:0}.intro__text:hover{opacity:.2s}.intro__text:hover .img,.intro__text:hover .img:after{opacity:0}@media(max-width:800px){.intro__inner{align-items:center;justify-content:center}.intro__lines.bottom{display:block}.intro__text .text{font-size:30px}.intro__text .text>div:first-child{color:#351d1d}.intro__text .text>div:nth-child(2){color:#3a1717}.intro__text .text>div:nth-child(3){color:#240303}.intro__text .img{height:300px;width:300px}.intro__text .img:after{opacity:.3}}.skill__inner{background-color:#ca4321;background-color:var(--mainBg-color);display:flex;justify-content:space-between;padding:16px}.skill__title{border-bottom:.4vw solid #fff;border-bottom:.4vw solid var(--white500);font-family:NanumSquare;font-family:var(--mainNum--font);font-size:4vw;font-weight:900;height:5vw;left:0;line-height:1.6;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:70px;width:48%}.skill__title,.skill__title em{color:#fff;color:var(--white500)}.skill__title em{display:inline-block;font-size:"NanumSquare";font-size:var(--mainNum--font);font-size:1.25rem;font-weight:400}.skill__desc{width:50%}.skill__desc span{color:#fff;color:var(--white500);font-family:GmarketSans;font-family:var(--mainKor-font);font-size:5vw;font-weight:900;line-height:1}.skill__desc h3{font-size:1.5rem;margin-bottom:1vw;text-decoration:underline;text-underline-position:under}.skill__desc h3,.skill__desc p{color:#fff;color:var(--white500);font-family:NanumSquare;font-family:var(--mainNum--font)}.skill__desc p{font-size:15px;margin-bottom:30vh}@media(max-width:800px){.skill__inner{flex-direction:column}.skill__title{background-color:#ca4321;background-color:var(--mainBg-color);height:auto;margin-bottom:10vw;width:100%}.skill__desc{width:100%}.skill__desc h3{font-size:18px}.skill__desc p{font-size:14px;font-weight:400}.skill__desc span{font-size:20vw}}.site__inner{background-color:#ca4321;background-color:var(--mainBg-color);display:flex;flex-direction:column;justify-content:space-between;padding:16px}.site__title{border-bottom:.4vw solid #fff;border-bottom:.4vw solid var(--white500);font-family:NanumSquare;font-family:var(--mainNum--font);font-size:4vw;font-weight:900;height:5vw;left:0;line-height:1.6;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:70px;width:48%}.site__title,.site__title em{color:#fff;color:var(--white500)}.site__title em{display:inline-block;font-size:"NanumSquare";font-size:var(--mainNum--font);font-size:1.25rem;font-weight:400}.site__wrap{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:5vw}.site__item .num{color:#000;color:var(--black);font-family:GmarketSans;font-family:var(--mainKor-font);font-size:5vw;font-weight:900;left:1vw;line-height:1;position:absolute;top:1vw}.site__item .text{margin-bottom:1rem;text-align:center}.site__item .text>div{font-family:var(--mainPop-font);font-size:3vw;font-weight:900;line-height:1;text-decoration:underline;text-transform:uppercase}.site__item .title{font-family:NanumSquare;font-family:var(--mainNum--font);font-family:GmarketSans;font-family:var(--mainKor-font);margin-bottom:1rem}.site__item .btn a{font-size:1rem;text-decoration:underline;text-transform:uppercase;transition:all .3s}.site__item .btn a,.site__item .btn a:hover{color:#000;color:var(--black)}.site__item .info{border-bottom:1px solid #000;border-bottom:1px solid var(--black);border-top:1px solid #000;border-top:1px solid var(--black);bottom:3%;display:flex;justify-content:space-between;left:0;margin-left:1%;position:absolute;width:98%}.site__item .info span{font-family:NanumSquare;font-family:var(--mainNum--font);font-size:12px;padding:3px 0;text-transform:uppercase}.site__item{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center;left:0;position:-webkit-sticky;position:sticky}.site__item.s1{background-color:#973106;top:180px}.site__item.s1,.site__item.s2{height:80vh;padding:5vw 5vh;width:100%}.site__item.s2{background-color:#9c421c;top:200px}.site__item.s3{background-color:#a35533;top:220px}.site__item.s3,.site__item.s4{height:80vh;padding:5vw 5vh;width:100%}.site__item.s4{background-color:#a76b51;top:240px}#port{overflow:hidden;width:100%}.port__inner{background-color:#ca4321;background-color:var(--mainBg-color);padding:16px}.port__title{border-bottom:.4vw solid #fff;border-bottom:.4vw solid var(--white500);font-family:NanumSquare;font-family:var(--mainNum--font);font-size:4vw;font-weight:900;height:5vw;left:0;line-height:1.6;margin-bottom:16px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:70px;width:48%}.port__title,.port__title em{color:#fff;color:var(--white500)}.port__title em{display:inline-block;font-size:"NanumSquare";font-size:var(--mainNum--font);font-size:1.25rem;font-weight:400}.port__wrap{display:flex;flex-wrap:wrap;margin-top:100px;position:relative;width:7000px}.port__item{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:center;margin-right:20px;width:500px}.port__item .num{color:#ddd7d7;color:var(--white300);font-family:GmarketSans;font-size:1.8rem;font-weight:900;margin-bottom:-22px;margin-left:-383px;z-index:1}.port__item a{border-radius:10px;height:250px;margin-bottom:20px}.port__item a img{border-radius:10px;display:flex;flex-direction:column;height:200px;height:250px;width:350px;width:420px;z-index:-1}.port__item .title{border-bottom:2px solid #000;border-bottom:2px solid var(--black);font-size:20px;margin-bottom:5px}.port__item .desc{font-size:.9rem;margin:15px 35px 20px}.port__item button{background-color:#e6c9bc;border:1px solid #000;font-size:1rem;padding:10px 30px;width:90%}.port__item i{border:1px solid #000;border-radius:5px;margin-bottom:50px;padding:10px 50px}.port__item i:hover{background-color:hsla(0,0%,100%,.376)}.port__item.p1{background-color:#dfa184}.port__item.p2{background-color:#d4b5a7}.port__item.p3{background-color:#dfa184}.port__item.p4{background-color:#d4b5a7}.port__item.p5{background-color:#dfa184}.port__item.p6{background-color:#d4b5a7}.port__item.p7{background-color:#dfa184}.port__item.p8{background-color:#d4b5a7}.port__item.p9{background-color:#dfa184}.port__item.p10{background-color:#d4b5a7}#footer{font-family:NanumSquare;font-family:var(--mainNum--font)}.footer__inner{padding:20px}.footer__text{border-bottom:1px solid #fff;border-bottom:1px solid var(--white500);border-top:1px solid #fff;border-top:1px solid var(--white500);font-size:25px;text-transform:uppercase}.footer__info,.footer__text{color:#fff;color:var(--white500);display:flex;justify-content:space-between}.footer__info{margin:50px 0}.footer__info .title{border-bottom:1px solid #fff;border-bottom:1px solid var(--white500);color:#fff;color:var(--white500);font-weight:600;padding:20px 0;text-transform:uppercase;transition:all .3s}.footer__info .left .title:hover{background-color:hsla(0,0%,100%,.314);border-color:#0000;padding-left:10px}.footer__info .desc{margin-top:10px}.footer__info .left{width:40%}.footer__right{color:#ca4321;color:var(--mainBg-color);font-size:15px;margin-bottom:20px;text-align:center;text-transform:uppercase}.right h3{border-top:2px solid #fff;border-top:2px solid var(--white500);font-size:20px;font-weight:600;margin-bottom:20px;padding-top:10px}.right h3,.right ul{color:#fff;color:var(--white500)}.right ul{border-top:1px solid #fff;border-top:1px solid var(--white500)}.right li{border-bottom:1px solid #fff;border-bottom:1px solid var(--white500)}.right a,.right li{color:#fff;color:var(--white500)}.right a{display:inline-block;font-size:14px;padding:14px 0;text-transform:uppercase}.right li:hover{background-color:hsla(0,0%,100%,.314)}@media(max-width:800px){.footer__info{flex-direction:column}.footer__info .left{width:100%}.footer__info .left .desc{margin-bottom:40px}.footer__info .right{width:100%}}#contact{height:100vh}.contact__inner{align-items:flex-start;background-color:#ca4321;background-color:var(--mainBg-color);display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:1vw;width:100%}.contact__title{color:#f1e8e4;color:var(--mainBg-fontcolor);font-family:Archivo Black;font-size:7.6vw;line-height:1;margin:0 auto;text-align:center;text-transform:uppercase}.contact__line{align-items:flex-start;display:block;justify-content:flex-end;margin-bottom:-1.8vw;width:100%}.contact__line .line{background-color:#f1e8e4;background-color:var(--mainBg-fontcolor);display:block;height:1px;margin:.5vw}.contact__line .line:first-child{background-color:#f58319;background-color:var(--subGg200);height:1px}.contact__line .line:nth-child(2){background-color:#f58319;background-color:var(--subGg200);height:2px}.contact__line .line:nth-child(3){background-color:#f58319;background-color:var(--subGg200);height:3px}.contact__line .line:nth-child(4){background-color:#f19036;background-color:var(--subGg300);height:4px}.contact__line .line:nth-child(5){background-color:#f19036;background-color:var(--subGg300);height:5px}.contact__line .line:nth-child(6){background-color:#f3a55c;background-color:var(--subGg400);height:6px}.contact__line .line:nth-child(7){background-color:#fab778;background-color:var(--subGg500);height:7px}.contact__line.bottom{display:none}.contact__line.bottom .line{background-color:#fa7d07;background-color:var(--subGg100);display:block;height:1px;margin:.5vw}.contact__line.bottom .line:nth-child(6){background-color:#f58319;background-color:var(--subGg200);height:1px}.contact__line.bottom .line:nth-child(5){background-color:#f58319;background-color:var(--subGg200);height:2px}.contact__line.bottom .line:nth-child(4){background-color:#f58319;background-color:var(--subGg200);background-color:#f19036;background-color:var(--subGg300);height:3px;height:4px}.contact__line.bottom .line:nth-child(3){background-color:#f19036;background-color:var(--subGg300);height:5px}.contact__line.bottom .line:nth-child(2){background-color:#f3a55c;background-color:var(--subGg400);height:6px}.contact__line.bottom .line:first-child{height:7px}.contact__line.bottom .line:first-child,.contact__text{background-color:#fab778;background-color:var(--subGg500)}.contact__text{align-items:center;display:flex;justify-content:center;margin-top:1.2vh;padding:8vw 0;position:relative;width:100%}.contact__text .text{color:#f1e8e4;color:var(--mainBg-fontcolor);font-family:Archivo Black;font-size:4vw;line-height:.9;text-align:center;transition:all .3s;z-index:2}.contact__text:hover{opacity:.2s}.contact__text:hover .img:after{opacity:0}@media(max-width:800px){.contact__inner{align-items:center;justify-content:center}.contact__line.bottom{display:block}.contact__text .text{font-size:26px}.contact__text .text>div:first-child{color:#351d1d}.contact__text .text>div:nth-child(2){color:#3a1717}.contact__text .text>div:nth-child(3){color:#240303}}
/*# sourceMappingURL=main.d5c11502.css.map*/