*,:after,:before{box-sizing:border-box;letter-spacing:-.02em;line-height:1.2em}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;text-size-adjust:none;border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}footer,header,main,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}a{color:#000;text-decoration:none}a,button{cursor:pointer}button{border:none;outline:none}h1,h2,h3,h4,h5,h6{align-items:center;display:inline-flex;font-size:16px}img{border:none}input[type=button]{outline:none}input[type=button]::-moz-focus-inner{border:0}:focus{outline:0!important}body,html{-webkit-tap-highlight-color:transparent!important}@font-face{font-display:swap;font-family:Pretendard;font-weight:900;src:local("Pretendard Black"),url(/font/Pretendard-Black.woff2) format("woff2"),url(/font/Pretendard-Black.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:800;src:local("Pretendard ExtraBold"),url(/font/Pretendard-ExtraBold.woff2) format("woff2"),url(/font/Pretendard-ExtraBold.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:700;src:local("Pretendard Bold"),url(/font/Pretendard-Bold.woff2) format("woff2"),url(/font/Pretendard-Bold.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:600;src:local("Pretendard SemiBold"),url(/font/Pretendard-SemiBold.woff2) format("woff2"),url(/font/Pretendard-SemiBold.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:500;src:local("Pretendard Medium"),url(/font/Pretendard-Medium.woff2) format("woff2"),url(/font/Pretendard-Medium.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:400;src:local("Pretendard Regular"),url(/font/Pretendard-Regular.woff2) format("woff2"),url(/font/Pretendard-Regular.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:300;src:local("Pretendard Light"),url(/font/Pretendard-Light.woff2) format("woff2"),url(/font/Pretendard-Light.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:200;src:local("Pretendard ExtraLight"),url(/font/Pretendard-ExtraLight.woff2) format("woff2"),url(/font/Pretendard-ExtraLight.woff) format("woff")}@font-face{font-display:swap;font-family:Pretendard;font-weight:100;src:local("Pretendard Thin"),url(/font/Pretendard-Thin.woff2) format("woff2"),url(/font/Pretendard-Thin.woff) format("woff")}.noScroll{height:100%!important;overflow:hidden!important}html{color:#222;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;font-size:12px;font-weight:400;letter-spacing:-2%}body{display:flex;flex-direction:column;overflow-x:hidden}main,section{padding:120px 0}article,header,main,section{align-items:center;display:flex;flex-direction:row;justify-content:center}header{backdrop-filter:blur(10px);background:linear-gradient(0deg,hsla(0,0%,100%,.6),hsla(0,0%,100%,.6));left:0;position:-webkit-sticky;position:sticky;right:0;top:0;z-index:99}header .wrap{align-items:center;display:flex;justify-content:space-between}header .mobile{display:none}header nav{align-items:center;display:flex;flex-direction:row;font-size:1.5rem;font-weight:400;gap:4.45em}header nav>*{cursor:pointer;padding:2.6rem 0;position:relative}header nav>*>span{background-color:#fe2578;border-radius:50%;height:5px;position:absolute;right:0;top:30%;width:5px}header nav>.modal{display:flex;flex-direction:column;position:relative}header nav>.modal>ul{background:#fff;border:3px solid #222;border-radius:30px;box-sizing:border-box;display:none;flex-direction:column;font-size:1.5rem;font-weight:400;padding:.9em 0;position:absolute;transform:translate(-35%,15%);width:max-content}header nav>.modal>ul>a{display:flex;gap:.5rem;justify-content:center;padding:.67em 1.5em}header nav>.modal>ul>a>b{color:#bbb;font-weight:600}.footer,header nav>div:hover>ul{display:flex}.footer{background-color:#222;flex-direction:row;justify-content:center;padding:100px 0}.footer *{color:#bbb;font-size:18px}.footer .wrap{display:flex;flex-direction:row}.footer .wrap>:first-child{display:flex;flex:1;flex-direction:column;row-gap:40px}.footer .wrap>:nth-child(2){display:flex;flex-direction:column;justify-content:flex-end;row-gap:25px}.footer__logo{justify-self:left}.footer__link{display:flex;flex-direction:column;font-weight:600;row-gap:10px}.footer__link>span{column-gap:20px;display:flex}.footer__sns{display:flex;flex:1;gap:20px}.footer__description{font-size:1.5rem;line-height:27px;text-align:right}.footer__copy{text-align:right}.wrap{flex:1;max-width:1200px}.logo{height:30px;object-fit:contain;width:117px}.logo--sns{height:5rem;width:5rem}.banner{background-color:#fe2578;height:5.15rem;text-align:center}.banner h2{color:#fff;font-family:Pretendard;font-size:24px;font-style:normal;font-weight:400;letter-spacing:-.02em;line-height:1.2em;text-align:center}@media screen and (max-width:1024px){.banner h2{font-size:20px}}@media screen and (max-width:425px){.banner h2{font-size:18px}}.banner h2:first-child{margin-right:.85em}.banner h2:nth-child(2){font-weight:700;margin-right:1.6em}.banner h2:nth-child(3){border-bottom:1px solid #fff;cursor:pointer}.banner h2:nth-child(3) a{color:#fff}.inquery--small{align-items:center;background-color:#222;border-radius:10px;color:#fff;display:flex;font-size:18px;height:34px;justify-content:center;margin:0;padding:0;width:103px}.hidden{display:none!important}.hard,.softtext{font-weight:600}.popup{align-items:center;background:rgba(34,34,34,.8);bottom:0;display:hidden;height:100%;justify-content:center;left:0;position:fixed;right:0;top:0;width:100vw;z-index:9999}.popup__content{flex-direction:column;justify-content:center;padding:0 20px}.popup__content,.popup__content--header{align-items:center;display:flex;width:100%}.popup__content--header{flex-direction:row;justify-content:space-between;margin-bottom:15px}.popup__content--header>div{align-items:21.6px;align-items:center;color:#fff;column-gap:10px;display:flex;flex:1;font-size:18px}.popup__content--header>div>div{border:2px solid #fff;border-radius:50%;cursor:pointer;height:30px;width:30px}.popup__content img{border-radius:20px;object-fit:cover;width:100%}@media screen and (max-width:1440px){.banner{height:62px}}@media screen and (max-width:1024px){main,section{padding:100px 0}.wrap{max-width:77rem}header{max-height:73px}header .logo{height:1.91rem;width:7.5rem}header .mobile{display:flex}header .mobile img{padding:0 1.08rem}header .mobile .hide{left:100vw}header .mobile__modal{background-color:#fff;bottom:0;display:flex;flex-direction:column;left:0;padding:0;position:fixed;right:0;top:0;-webkit-transition:left .4s ease-in-out;transition:left .4s ease-in-out;z-index:999}header .mobile__modal--banner{display:none}header .mobile__modal>button{align-self:flex-end;background-color:transparent;height:142px;justify-self:flex-start;margin-bottom:5vh;width:142px}header .mobile__modal>div{display:flex;flex-direction:column;gap:30px;padding:0 8.3rem}header .mobile__modal>div>hr{background-color:rgba(34,34,34,.1);border:none;height:1px;width:100%}header .mobile__modal>div .t{font-size:32px;font-weight:600}header .mobile__modal>div li{display:flex}header .mobile__modal>div li>a{flex:1}header .mobile__modal>div .list{flex-direction:column}header .mobile__modal>div .list>a{font-size:20px;font-weight:400;padding-left:1.9em;padding-top:1.9em}header .pc{display:none}}@media screen and (max-width:834px){.banner{height:57px}.wrap{margin:0 4.16rem;max-width:64rem}header{height:73px}header .mobile>figure,header .mobile__modal{padding:0}header .mobile__modal>div{padding:0 60px}.footer *{font-size:18px}.footer .wrap{flex-direction:column;row-gap:40px}.footer .wrap>:nth-child(2){justify-content:flex-start}.footer .wrap>:nth-child(2)>*{text-align:left!important}}@media screen and (max-width:768px){.popup{display:flex}.footer,main,section{padding:60px 0}.footer *{font-size:14px}.banner{display:none}header{height:73px}header .wrap{margin:0 10px 0 20px}header .mobile>figure{padding:0}header .mobile__modal{padding-top:unset}header .mobile__modal--banner{align-items:center;background:#fe2578;border-radius:20px;box-shadow:3px 3px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:151px;justify-content:center;margin-bottom:30px;row-gap:10px;width:100%}header .mobile__modal--banner *{color:#fff;font-size:18px;line-height:21.6px;text-align:center}header .mobile__modal--banner>:nth-child(2),header .mobile__modal--banner>:nth-child(3){font-weight:700}header .mobile__modal--banner>:nth-child(3){border-bottom:1px solid #fff;padding-bottom:3px}header .mobile__modal>button{height:100px;margin-bottom:15px;width:100px}header .mobile__modal>button>svg{height:100px;width:100px}header .mobile__modal>div{gap:10px;padding:0 30px}header .mobile__modal>div .list>h2{font-size:24px}header .mobile__modal>div .list>a{font-size:18px;padding-left:40px;padding-top:20px}header .mobile__modal>div .t{font-size:24px}.wrap{margin:0 2.5rem}}@media screen and (max-width:360px){.wrap{margin:0 20px}header{height:5.8rem}header .mobile>figure{padding:0}header .mobile__modal{gap:.8rem}header .mobile__modal>button{height:100px;width:100px}header .mobile__modal>div{padding:0 2.5rem}header .mobile__modal>div .list>h2{font-size:20px}header .mobile__modal>div .list>a{font-size:14px}header .mobile__modal>div .t{font-size:20px}}@media screen and (max-height:700px){header .mobile__modal>button{margin-bottom:5px}header .mobile__modal>button>svg{height:70px;width:70px}header .mobile__modal--banner{font-size:12px;margin-bottom:20px}}.portfolio{margin:100px 0 200px;padding:0}.portfolio .wrap{display:flex;flex-direction:column;gap:70px}.portfolio__contents{column-gap:30px;display:grid;grid-template-columns:repeat(2,1fr);row-gap:100px}.portfolio__contents--item{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;row-gap:40px}.portfolio__contents--item .preview{border:3px solid #222;border-radius:30px;box-sizing:border-box;height:327px;overflow:hidden;position:relative;width:100%}.portfolio__contents--item .preview>*{height:100%;position:absolute;top:0;width:100%}.portfolio__contents--item .preview .event{cursor:pointer;z-index:3}.portfolio__contents--item .preview .cover{align-items:center;backdrop-filter:blur(1px);background:rgba(34,34,34,.6);border-radius:20px;bottom:0;color:hsla(0,0%,100%,.6);display:flex;font-size:96px;font-weight:900;height:100%;justify-content:center;left:0;line-height:115.19px;position:absolute;right:0;top:0;width:100%}.portfolio__contents--item .preview .cover>img{max-width:100px;width:20%}.portfolio__contents--item .description{align-items:center;display:flex;flex-direction:column;max-width:80%;row-gap:20px}.portfolio__contents--item .description .type{border:3px solid #222;border-radius:40px;box-sizing:border-box;font-size:24px;line-height:1.2em;padding:.41em 1.25em .31em}.portfolio__contents--item .description>h2{font-size:36px;font-weight:700;line-height:1.2em}.portfolio__contents--item .description>div{column-gap:20px;display:flex;flex-direction:row;row-gap:10px}.portfolio__contents--item .description>div>p{color:#999;font-size:24px;line-height:1.2em}.portfolio__contents--item .description>p{font-size:24px;line-height:1.2em;text-align:center;word-break:keep-all}.portfolio--link{align-self:flex-end;color:#222;font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.2em}@media screen and (max-width:1024px){.portfolio--link{font-size:18px}}@media screen and (max-width:768px){.portfolio--link{font-size:14px}}@media screen and (max-width:1024px){.portfolio{margin:50px 0 150px}.portfolio .wrap{gap:50px}.portfolio__contents{row-gap:70px}.portfolio__contents--item{gap:30px}.portfolio__contents--item .preview{height:251px}.portfolio__contents .description .type{font-size:20px}.portfolio__contents .description>h2{font-size:32px}.portfolio__contents .description>div>p,.portfolio__contents .description>p{font-size:20px}}@media screen and (max-width:834px){.portfolio__contents{grid-template-columns:repeat(1,1fr)}.portfolio__contents .preview{height:31.25rem}}@media screen and (max-width:768px){.portfolio{margin:30px 0 120px}.portfolio .wrap{gap:60px}.portfolio__contents{gap:60px;grid-template-columns:repeat(1,1fr)}.portfolio__contents .preview{border:2px solid #222;border-radius:20px;height:16.6rem}.portfolio__contents .preview .cover{font-size:48px}.portfolio__contents .description{max-width:100%;row-gap:10px}.portfolio__contents .description .type{border:2px solid #222;border-radius:20px;font-size:18px}.portfolio__contents .description>h2{font-size:24px}.portfolio__contents .description>div{flex-wrap:wrap;font-size:18px}.portfolio__contents .description>div>p,.portfolio__contents .description>p{font-size:18px}--link{align-self:center}}@media screen and (max-width:360px){.portfolio__contents .description>div{column-gap:15px;flex-wrap:wrap;font-size:18px}.portfolio__contents .description>div>p{font-size:18px}}.portfolio .t{align-items:center;color:#222;display:flex;flex-direction:column;row-gap:10px}.portfolio .t--head{border-bottom:3px solid #222;font-size:36px;font-style:normal;font-weight:600;letter-spacing:-.02em;line-height:1.5em}@media screen and (max-width:1024px){.portfolio .t--head{font-size:32px}}@media screen and (max-width:425px){.portfolio .t--head{font-size:24px}}.portfolio .t--description{font-family:Pretendard;font-size:24px;font-style:normal;font-weight:400;letter-spacing:-.02em;line-height:1.2em;text-align:center}@media screen and (max-width:1024px){.portfolio .t--description{font-size:20px}}@media screen and (max-width:425px){.portfolio .t--description{font-size:18px}}.portfolio .t--round{border:3px solid #222;border-radius:50px;font-size:36px;font-style:normal;font-weight:600;letter-spacing:-.02em;line-height:1.5em;line-height:1.2em;padding:20px 60px}@media screen and (max-width:1024px){.portfolio .t--round{font-size:32px}}@media screen and (max-width:425px){.portfolio .t--round{font-size:24px}}@media screen and (max-width:1024px){.portfolio .t{row-gap:10px}}@media screen and (max-width:834px){.portfolio .t--round{padding:15px 40px}}@media screen and (max-width:768px){.portfolio .t{row-gap:5px}.portfolio .t--head{border-bottom:2px solid #222}.portfolio .t--round{border:2px solid #222;padding:10px 30px}}