@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css);:root{--color-key:#2238ce;--color-base:#ededed;--color-text:#000;--font-size-default:16px;--line-height:1.66667em;--text-margin:1em 0;--text-h1:30px;--container-padding:0 15px;--base-margin:30px}*{box-sizing:border-box;word-break:keep-all}body{background-color:#ededed;background-color:var(--color-base);color:#000;color:var(--color-text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;margin:0;padding:0}.container{border-top:1px solid #0000;padding:0 15px;padding:var(--container-padding)}sup{font-size:.4em;vertical-align:.9em}h1,h2,h3,h4,h5,h6{line-height:1.2em}h3{font-size:24px;font-weight:900}h5,p{font-size:16px;font-size:var(--font-size-default)}p{line-height:1.66667em;line-height:var(--line-height)}.lead{font-size:1.25em;font-weight:200}header{background-color:#ededed;background-color:var(--color-base);border-bottom:3px solid #2238ce;border-bottom:3px solid var(--color-key);padding:13.33334px 15px;position:fixed;top:0;transition:border-bottom .3s ease-in-out;width:100%;z-index:99}header>.container{padding:0}.menu-toggle{background-color:initial;border:none;height:30px;padding:0;position:absolute;right:15px;width:41px}.svg_menu_stroke{fill:#2238ce;fill:var(--color-key)}.svg_menu_frame{fill:none}.logo{display:inline-block}.logo,.svg_logo{height:30px;height:var(--base-margin)}.svg_logo_path{fill:#2238ce;fill:var(--color-key)}.gnb{height:0;overflow-y:hidden;padding-top:0;width:100%}.gnb,.gnb.show{transition:all .3s ease-in-out}.gnb.show{height:450px}.gnb>ul{margin:0;padding:0}.gnb>ul li{cursor:pointer;font-size:42px;font-weight:900;letter-spacing:.18em;line-height:.7em;list-style:none;margin:1em 0;text-transform:uppercase}.gnb-link{color:#000;color:var(--color-text);display:block;text-decoration:none}.gnb-link.active,.gnb>ul li a.active{color:#2238ce;color:var(--color-key)}header.scroll_intro{background-color:initial;border-bottom-color:#0000}header.scroll_intro .svg_logo_path,header.scroll_intro .svg_menu_stroke{fill:#fff}header.gnb_show{border-bottom:calc(100vh - 450px) solid #2238ce;border-bottom:calc(100vh - 450px) solid var(--color-key);transition:border-bottom .3s ease-in-out}header .gnb-a,header .gnb-a:hover,header .gnb-a:visited{color:#000;color:var(--color-text);text-decoration:none}header.scroll_intro.gnb_show{background-color:#000}header.scroll_intro .gnb-a,header.scroll_intro .gnb-a:hover,header.scroll_intro .gnb-a:visited{color:#fff}header.scroll_intro .gnb-a.active{color:#2238ce;color:var(--color-key)}section{margin:30px 0;margin:var(--base-margin) 0}section.intro{margin:0}.container-fluid{overflow-x:hidden}main.main{scroll-snap-type:y mandatory}.intro{background-color:#000;background-image:url(/static/media/logo_3d.aac2196c246549d5f3cb.png);background-position:-35% 67%;background-size:120%}.intro,.intro>.container{background-repeat:no-repeat;height:100vh}.intro>.container{background-attachment:fixed;background-image:url(/static/media/logo_onlytype.c8a95863e4307b376256.svg);background-position:15px 59px;background-size:111px}.intro .headcopy{color:#fff;font-size:30px;font-size:var(--text-h1);line-height:1.2em;margin:0;position:absolute;top:28%}.section-title{font-size:42px;font-weight:900;letter-spacing:.18em;line-height:1em;text-transform:uppercase}.about p{margin-bottom:2em;text-align:justify}.works .row{grid-template-columns:repeat(4,1fr)}.works-rep{padding:0}.works-rep--item{border-bottom:6px solid #2238ce;border-bottom:6px solid var(--color-key);list-style:none;margin-bottom:1.8em}.works-rep--item a{color:#000;color:var(--color-text);text-decoration:none}.works-rep--item h5{margin:1.8em 0}.works-rep--thumbnail{-moz-aspect-ratio:100/72;aspect-ratio:100/60;background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.works-rep-item--content{margin-bottom:1.8em;padding:0}.works-rep-item--content li{list-style-type:none;margin-bottom:.8em}a{background-color:initial;text-decoration:none}.works-history{border-collapse:collapse;margin:0;width:100%}.works-history thead th{text-align:left;text-transform:uppercase}.works-history td,.works-history th{border-bottom:1px solid #000;border-bottom:1px solid var(--color-text);padding:1.5em 0}.works_history_link>a{color:#000;color:var(--color-text)}.works_history_link>a:hover{color:#2238ce;color:var(--color-key);text-decoration:underline}.works-footer{margin:30px 0;margin:var(--base-margin) 0}.btn-more{background-color:initial;border:1px solid #000;border:1px solid var(--color-text);border-radius:50%;color:#000;color:var(--color-text);display:block;font-size:16px;font-size:var(--font-size-default);font-weight:700;height:186px;width:186px}.centering{margin:0 auto}.member-list,.splide__track .splide__list{font-size:0;margin:60px 0;margin:calc(var(--base-margin)*2) 0;padding:0;white-space:nowrap}.sections.members .splide__sr{display:none}.member-item{align-content:center;display:inline-flex;flex-direction:column;height:256px;justify-content:flex-start;width:256px}.member-item-inner{color:#000;color:var(--color-text);cursor:pointer;height:100%;position:relative;text-decoration:none;transform-style:preserve-3d;transition:transform .8s;width:100%}.member-item:hover .member-item-inner{transform:rotateX(180deg)}.member-item-back,.member-item-front{backface-visibility:hidden;border:1px solid #2238ce;border:1px solid var(--color-key);border-radius:50%;color:#ededed;color:var(--color-base);height:100%;padding:83px 65px;position:absolute;width:100%}.member-item-front{background-color:initial;color:#000;color:var(--color-text)}.member-item-back{background-color:#2238ce;background-color:var(--color-key);padding:65px;transform:rotateX(180deg)}.member-item-back p{margin-top:0;white-space:normal}.member-item-front:before{background-color:#2238ce;background-color:var(--color-key);clip-path:circle(50% at center);content:"";height:100%;left:0;-webkit-mask-position:75px bottom;mask-position:bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:absolute;top:0;width:100%;z-index:-1}.member-item.keaton .member-item-front:before{-webkit-mask-image:url(/static/media/member_01.fea4e11c58d9fce530e6.svg);mask-image:url(/static/media/member_01.fea4e11c58d9fce530e6.svg)}.member-item.justa .member-item-front:before{-webkit-mask-image:url(/static/media/member_02.815f15aac9ee730b71fd.svg);mask-image:url(/static/media/member_02.815f15aac9ee730b71fd.svg)}.member-item.elly .member-item-front:before{-webkit-mask-image:url(/static/media/member_03.ae6491b47c7ba6e81fcc.svg);mask-image:url(/static/media/member_03.ae6491b47c7ba6e81fcc.svg)}.member-item.rio .member-item-front:before{-webkit-mask-image:url(/static/media/member_04.5e0133d90603f1cb440d.svg);mask-image:url(/static/media/member_04.5e0133d90603f1cb440d.svg)}.member-item.funny .member-item-front:before{-webkit-mask-image:url(/static/media/member_05.3666e14fc8a43f2dbec9.svg);mask-image:url(/static/media/member_05.3666e14fc8a43f2dbec9.svg)}.member-item.anna .member-item-front:before{-webkit-mask-image:url(/static/media/member_06.be06da0e7582da4992ed.svg);mask-image:url(/static/media/member_06.be06da0e7582da4992ed.svg)}.member-item h2,.member-item p{font-size:16px;font-size:var(--font-size-default);font-weight:900}.member-item h2{margin-top:0}.member-item p{margin-bottom:0}.contact-form{margin-bottom:30px;margin-bottom:var(--base-margin)}.form-group{font-size:18px;margin-bottom:30px;position:relative}.form-group input:not(input[type=submit]),.form-group textarea{background-color:#0000000d;border:none;border-bottom:5px solid #0000;color:#000;color:var(--color-text);font-size:18px;outline:none;padding:1.4em 1em .6em;transition:border-bottom-color .2s ease-in-out;width:100%}.form-group input:not(input[type=submit]):focus-visible,.form-group textarea:focus-visible{border-bottom-color:#2238ce;border-bottom-color:var(--color-key);outline:none;transition:border-bottom-color .2s ease-in-out}.form-group label{color:#000;color:var(--color-text);font-size:18px;left:18px;opacity:.5;position:absolute;top:18px;transition:all .2s ease-in-out}.form-group input:not(input[type=submit]):focus-visible+label,.form-group textarea:focus-visible+label,.form-label.float-label{font-size:9px;top:9px;transition:all .2s ease-in-out}.btn{background-color:#2238ce;background-color:var(--color-key);border:none;color:#fff;font-size:18px;outline:none;padding:1em;width:100%}.btn:disabled{background-color:#999}.thankyou_message{background-color:#2238ce;background-color:var(--color-key);color:#fff;padding:1em;text-align:center}.thankyou_message .lead{margin-bottom:0}.contact-info{font-size:18px;margin:0;padding:0}.contact-info dd{margin:0 0 1em}.contact-info a,.contact-info a:visited{color:#000;color:var(--color-text)}dt[class^=contact-icon]{background-color:#000;background-color:var(--color-text);background-repeat:no-repeat;margin-bottom:.3em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;text-indent:-9999px}.contact-icon__address{-webkit-mask-image:url(/static/media/building.cfb555578cbb60ff9547.svg);mask-image:url(/static/media/building.cfb555578cbb60ff9547.svg)}.contact-icon__email{-webkit-mask-image:url(/static/media/envelope.0c6f6bf1b6c4bdd30b0b.svg);mask-image:url(/static/media/envelope.0c6f6bf1b6c4bdd30b0b.svg)}.contact-icon__github{-webkit-mask-image:url(/static/media/github.1dbcf7b2491be69d987c.svg);mask-image:url(/static/media/github.1dbcf7b2491be69d987c.svg)}footer{margin:30px 0;margin:var(--base-margin) 0}.copyright{font-size:12px;font-weight:200;letter-spacing:.2em;text-align:center;text-transform:uppercase}.modal{background-color:#000;background-color:#0006;display:block;height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:101}.modal__content{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-name:animatetop;animation-name:animatetop;background-color:#ededed;background-color:var(--color-base);box-shadow:0 4px 8px 0 #0003,0 6px 20px 0 #00000030;color:#000;color:var(--color-text);margin:auto;padding:0 15px;padding:var(--container-padding);position:relative;width:90%}.modal__header{align-items:center;display:flex;justify-content:space-between;padding-bottom:.5em;padding-top:.5em}.modal__body{padding-bottom:1em}.modal__btn-close{background-color:#000;background-color:var(--color-text);background-repeat:no-repeat;border:none;height:25px;-webkit-mask-image:url(/static/media/close.0fcd9f2ce5809d7845db.svg);mask-image:url(/static/media/close.0fcd9f2ce5809d7845db.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;text-indent:-9999px;width:25px}.modal__body .history-date{display:block;margin-top:.5em}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}@media (min-width:1024px){header{border:none}header>.container{align-items:center;display:flex;justify-content:space-between;justify-items:center}.menu-toggle{display:none}.gnb{height:auto;width:auto}.gnb>ul li{display:inline-block;font-size:16px;font-size:var(--font-size-default);line-height:30px;margin:0 0 0 25px}.section-title:not(.no-sticky){margin-top:0;position:sticky;top:52px}.lead{margin-top:0}.section-body{grid-column:3/6}.intro .headcopy{font-size:50px;top:37%}.works-history th:first-child{width:20%}.modal__body .history-date{display:inline-block;margin-top:0;width:155px}}.list-style-none{padding:0}.list-style-none li{line-height:1.66667em;list-style:none}@media (min-width:1366px){:root{--font-size-default:18px;--container-padding:0 25px;--base-margin:40px}header{padding:30px 25px;padding:var(--base-margin) 25px}.intro{background-position:115% 67%;background-size:77%}.intro>.container{background-position:25px 92px;background-size:147.1791px}.intro .headcopy{top:42%}.row{grid-gap:15px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:4fr}.section-title:not(.no-sticky){top:120px}.lead{grid-column:2/5}.col-1-title{grid-column:2/3}.col-2-text{font-size:1.25em;grid-column:3/5}.member-list,.splide__track .splide__list{margin:60px 0;margin:calc(var(--base-margin)*2) 0}.member-item{height:384px;width:384px}.member-item-back,.member-item-front{padding:138px 100px}.contact-form{grid-column:2/4}.sections.works{font-size:16px;font-size:var(--font-size-default)}}@media (min-width:1440px){:root{--base-margin:60px}h3{font-size:36px}header>.container{padding:0 25px}.intro{background-position:115% 67%;background-size:77%}.intro>.container{background-attachment:scroll;background-position:25px 138px;background-size:223px}.intro .headcopy{font-size:60px}.gnb>ul li{margin-left:50px}.container{margin:0 auto;width:1390px}.container-fluid{overflow-x:hidden;width:100%}.row{grid-gap:50px;grid-template-columns:repeat(5,1fr);grid-template-rows:5fr}.section-title{font-size:84px}.lead{font-size:1.66667em;grid-column:3/6}.about p{margin-bottom:0;text-align:justify}.col-1-title{grid-column:3/4;margin:0}.col-2-text{font-size:1.25em;grid-column:4/6;margin:0}.contact-form{grid-column:3/5}.section-title:not(.no-sticky){top:180px}}@media (min-width:1920px){.container{margin:0 auto;width:1740px}}@media (prefers-color-scheme:dark){:root{--color-base:#1e1c22;--color-text:#eee;--color-key:#1289ff}.form-group input:not(input[type=submit]),.form-group textarea{background-color:#ffffff0d}}
/*# sourceMappingURL=main.2c5d2a3c.css.map*/