@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Orbitron:wght@400..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap);@import url(https://fonts.googleapis.com/css?family=Black+Han+Sans:400);@import url(https://fonts.googleapis.com/css2?family=Jua&display=swap);@import url(https://fonts.googleapis.com/css2?family=Amaranth:ital,wght@0,400;0,700;1,400;1,700&family=Jua&display=swap);:root{--vh:100%}html{scroll-behavior:smooth}#root,body,html{width:100%;@media (max-width:700px){font-size:15px}@media (max-width:600px){font-size:14px}@media (max-width:500px){font-size:13px}@media (max-width:400px){font-size:12px}}body{background-color:#c0ceff;font-family:LINESeedKR;margin:0}div,nav{box-sizing:border-box}p{margin:0}.blank-box{height:170px;width:100%;@media (max-width:1050px){height:100px}}@font-face{font-family:LINESeedKR;font-style:normal;font-weight:700;src:url(/static/media/LINESeedKR-Bd.4729562ef4f148c475dc.woff2) format("woff2"),url(/static/media/LINESeedKR-Bd.924771ba9d7ac3f1a815.woff) format("woff")}@font-face{font-family:LINESeedKR;font-style:normal;font-weight:400;src:url(/static/media/LINESeedKR-Rg.3ba2e74d1b581a1d79c3.woff2) format("woff2"),url(/static/media/LINESeedKR-Rg.aefe197e00153cd0acf0.woff) format("woff")}@font-face{font-family:LINESeedKR;font-style:normal;font-weight:100;src:url(/static/media/LINESeedKR-Th.0e9b92963de1cf3f0a36.woff2) format("woff2"),url(/static/media/LINESeedKR-Th.419d2e852209e9681685.woff) format("woff")}@font-face{font-family:JalnanGothic;font-style:normal;font-weight:400;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff) format("woff")}@font-face{font-family:NEXON Lv2 Gothic;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON%20Lv2%20Gothic.woff) format("woff")}@font-face{font-family:ONE-Mobile-POP;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-POP.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:400;src:url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap) format("woff")}@font-face{font-family:Pretendard-Regular;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff) format("woff")}@font-face{font-family:RIDIBatang;font-style:normal;font-weight:400;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff) format("woff");unicode-range:u+11??,u+3130-318f,u+ac00-d7a3}.navbar{height:80px;justify-content:space-between;padding:0 40px;position:fixed;top:0;width:100%;z-index:8000;@media (max-width:900px){height:60px;padding-bottom:15px;padding-left:15px;padding-right:15px;padding-top:15px}}.navbar,.navbar__menu--pc{align-items:center;display:flex}.navbar__menu--pc{justify-content:center;list-style:none;padding-right:20px;position:absolute;right:0;@media (max-width:1050px){height:0;margin-bottom:0;margin-left:0;margin-right:0;margin-top:0;overflow:hidden;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0;visibility:hidden;width:0}}.navbar__menu--pc li{padding:15px}.navbar__menu--pc li a{color:#fff;cursor:pointer;font-size:22px;font-weight:900;position:relative;text-decoration:none;transition:color .4s ease-in-out}.navbar__menu--pc a:hover{color:#1c0093b3;transition:color .4s ease-in-out}.navbar__menu--pc h4{background-color:#fff;border:1.5px solid #835286cc;border-radius:13px;color:#835286;cursor:pointer;font-family:Lora;font-size:18px;margin:0 5px;padding:3px 17px 4px;position:relative;transition:all .4s ease-in-out}.dropdown-box{display:flex;flex-direction:column;left:0;position:absolute;top:calc(100% + 3px);width:100%;z-index:1000}.dropdown-box a{text-decoration:none}.dropdown-box p{background-color:#fbf3ff;border:1.5px solid #83528680;border-radius:11px;color:#835286;cursor:pointer;font-size:16px;margin-bottom:1px;padding:3.5px 0;text-align:center;white-space:nowrap;width:100%}.menu-button{align-items:center;background-color:#0e185f;border-radius:50%;bottom:13px;box-shadow:0 8px 15px #0003,0 5px 10px #0003;color:#fff;cursor:pointer;display:none;font-size:35px;height:50px;justify-content:center;position:fixed;right:13px;transition:all .3s ease;width:50px;z-index:2000;@media (max-width:1050px){display:flex}&:active{box-shadow:0 4px 6px #0006,0 2px 4px #0000004d;transform:translateY(5px)}&:not(:active){transform:translateY(0);transition:transform .2s ease}}.navbar__menu--mobile{align-items:end;background-color:#dfe7ff;display:none;flex-direction:column;height:100%;justify-content:end;left:0;opacity:0;padding-bottom:80px;padding-right:15px;position:fixed;top:0;transition:all .4s;visibility:hidden;width:100%;z-index:1000;@media (max-width:1050px){display:flex}@media (max-width:1050px) and (max-height:600px){flex-direction:row}}.navbar__menu--mobile.open{background-color:#dfe7ff80;opacity:1;visibility:visible}.navbar-mobile-block{align-items:center;display:flex;justify-content:end;margin:10px 0;width:auto}.navbar-mobile-options{max-height:0;opacity:0;overflow:hidden;transition:all .6s ease}.navbar-mobile-options.open{max-height:500px;opacity:1;transition:all .6s ease;visibility:visible}.navbar-mobile-block li{align-items:center;background-color:#26355d;border-radius:50%;box-shadow:0 3px 8px #0003,0 3px 8px #0003;color:#fff;cursor:pointer;display:flex;font-size:23px;height:45px;justify-content:center;list-style:none;width:45px}.navbar__menu--mobile p{color:#26355d;font-family:NEXON Lv2 Gothic;font-size:1.2rem;font-weight:900;margin:0 10px}.navbar-mobile-options li{background-color:#6b7aa1;box-shadow:0 3px 3px #0003,0 3px 3px #0003;font-size:21px;height:40px;width:40px}.navbar-mobile-options p{font-size:1.1rem}.event-button{bottom:10px;position:fixed;right:10px;z-index:5000;@media (max-width:1050px){left:10px;right:auto}}.event-button,.event-button button{align-items:center;display:flex;justify-content:center}.event-button button{-webkit-text-stroke:1px #000;background-color:initial;border:none;border-radius:30px 30px 0 30px;color:#fff;cursor:pointer;font-family:ONE-Mobile-POP;font-size:2.5rem;font-weight:900;text-shadow:0 2.5px 1px #000;transition:transform .3s ease-out}.event-button button:hover{text-shadow:0 2.5px 1px gray}.home-container{background-color:#c0ceff;height:100vh;height:calc(var(--vh, 1vh)*100);position:relative;width:100;z-index:1}.home-container__message{color:#fff;left:0;margin:0 0 0 5%;position:absolute;top:40%}.home-container__message--sentence1-pc{font-size:30px;font-weight:700;@media (max-width:700px){font-size:0}}.home-container__message--sentence1-mobile{font-size:0;font-weight:700;margin-bottom:5px;@media (max-width:700px){font-size:25px}}.home-container__message--sentence2{font-size:60px;font-weight:700;@media (max-width:700px){font-size:40px;margin-top:5px}}.about-container{background-color:#fff;font-family:NEXON Lv2 Gothic;height:auto;width:100;word-break:keep-all}.about-main{height:60vh;position:relative;width:100%;& img{height:100%;object-fit:cover;position:absolute;top:0;width:100%;z-index:0}}.about-main-text{display:flex;flex-direction:column;height:100%;padding:5% 3% 0 8%;position:relative;width:100%;z-index:1;& h1{color:#fff;font-family:Inter;font-size:2.9rem;font-weight:700;margin:0 0 2rem}& p{font-size:1.3rem;font-weight:600;line-height:2.2;&:last-child{margin-bottom:1rem}}}@media (max-width:900px){.about-main{height:fit-content;min-height:35vh}.about-main-text{justify-content:center;& h1{font-size:2.5rem}& p{font-size:1rem}}}@keyframes keywordMouse{10%{transform:translate(20%,20%)}45%{color:silver;transform:rotate(-25deg) translate(-120%,-50%)}47%{color:#676767}53%{color:#676767}55%{color:silver;transform:rotate(-25deg) translate(-120%,-50%)}90%{transform:translate(20%,20%)}}.about-keyword{display:flex;flex-direction:column;height:fit-content;margin:10vh 0;width:100%;& h1{align-self:center;border:none;box-shadow:inset 0 -6px 0 #ffee58;color:#000;cursor:pointer;font-family:Inter;font-size:2.8rem;font-weight:700;margin:0 0 40px;padding:0 2px;position:relative;transition:box-shadow .2s,color .2s;& span{color:#06f;transition:color .2s}& svg{animation:keywordMouse 3s linear infinite;bottom:-10px;color:silver;font-size:40px;position:absolute;right:-40px;transform:translate(20%,20%)}&:active{box-shadow:inset 0 -3.5rem 0 #3184ff;color:#fff;& span{color:#fff}}&:not(:active){box-shadow:inset 0 -6px 0 #ffee58;color:#000;transition:box-shadow .2s,color .2s;& span{color:#06f}}}}.about-keyword-slide{align-items:center;background-color:#3184ff;display:flex;flex-direction:row;overflow-x:hidden;scroll-behavior:smooth;width:100%;&::-webkit-scrollbar{display:none}}.about-keyword-slide-text{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:100%;text-align:center;& h4{font-family:Inter;font-size:4.5rem;margin-bottom:2vh;margin-top:calc(1.5vh + 35px)}& h4,& p{font-weight:700}& p{color:#fff;font-size:1.2rem;line-height:1.5;&:last-child{margin-bottom:calc(1.5vh + 35px)}}}.slide__1 h4{color:#ff6883;text-shadow:5px 3px 0 #faff00}.slide__2 h4{color:#faff00}.slide__2 h4,.slide__3 h4{text-shadow:5px 3px 0 #ff6883}.slide__3 h4{color:#00ff1a}.about-keyword-slide-rectangle{background-color:#fff;height:10px;position:relative;transition:transform 1s ease;width:20vw;&.rectangle__1{align-self:flex-start;left:30px;top:25px}&.rectangle__2{align-self:flex-end;bottom:25px;right:30px}}@media (max-width:900px){.about-keyword{margin:7vh 0}.about-keyword-slide-text{& h4{font-size:3.5rem}& p{font-size:1rem}}.about-keyword-slide-rectangle{height:5px;&.rectangle__1{top:15px}&.rectangle__2{bottom:15px}}}.about-activity{margin:0 5vh;max-width:100%;& h1{color:#000;font-family:Inter;font-size:2.7rem;font-weight:700}}.about-activity-content{align-items:center;display:flex;flex-direction:row;margin:2% 5%;max-width:100%}.about-activity-left,.about-activity-right{display:flex;flex-direction:column;gap:5vh;width:50%}.about-activity-left{align-items:flex-end;margin-right:2%}.about-activity-right{align-items:flex-start;margin-left:2%}.about-activity-img{background-color:#cbddff99;height:20vw;padding:3% 7%;position:relative;width:85%;& img{height:100%;object-fit:cover;width:100%}& .about-activity-right-img-border{border:3px dashed #06f;border-radius:10px;height:106%;left:-3%;position:absolute;top:-3%;width:106%}}.about-activity-left-text,.about-activity-right-text{background-color:#d3e2ff4d;color:#11438e;display:flex;flex-direction:column;font-size:1.4rem;justify-content:center;line-height:2;padding:3%;position:relative;width:85%;& p{font-weight:500;& span{font-weight:700}}}.about-activity-left-text{align-items:flex-start;left:-5%}.about-activity-right-text{align-items:flex-end;right:-5%;text-align:end}#about-logo{color:#06f;font-family:Black Han Sans;font-size:1.7rem;font-weight:400}@media (max-width:1050px){.about-activity{margin:0 4%}.about-activity-content{margin:2% 0}.about-activity-left,.about-activity-right{align-items:center;gap:2vh;& .about-activity-img{height:25vw;width:100%}}.about-activity-left{margin-right:1%}.about-activity-right{margin-left:1%}.about-activity-left-text,.about-activity-right-text{font-size:1rem;width:95%}#about-logo{font-size:1.2rem}}.about-tech{margin:15vh 0;width:100%}.about-tech-top{color:#11438e;font-size:1.4rem;text-align:center;width:100%;& h4{font-weight:500;line-height:1.4;margin:0;& span{font-weight:700}}}.about-tech-stack{display:flex;flex-direction:column;width:100%;& h1{align-self:flex-end;background-color:#3184ff;color:#fff;font-family:Inter;font-size:2.5rem;font-weight:700;margin-bottom:10px;padding:.5rem 5% .5rem 10%}}.about-tech-stack-list{background-color:#dde6ff;flex-direction:column;position:relative}.about-tech-stack-list,.about-tech-stack-list-bottom,.about-tech-stack-list-top{align-items:center;display:flex;justify-content:center;padding:20px 0;width:100%}.about-tech-stack-list-bottom,.about-tech-stack-list-top{flex-direction:row;gap:5%}.techstack-container{align-items:center;display:flex;flex-direction:column;gap:10px;width:200px;& p{color:#11438e;font-family:Inter;font-size:1.2rem;font-weight:700}}.techstack{align-items:center;aspect-ratio:1/1;background-color:#fff;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;overflow:hidden;width:100%;& img{aspect-ratio:1/1;object-fit:cover;transition:all .5s ease;width:80%}&:hover{& img{transform:scale(1.1)}& svg{font-size:150px}}}.about-js{border:3px solid #f7df1f}.about-mysql{border:3px solid #98c9c3}.about-github{border:3px solid #000;& img{width:90%}}.about-aws{border:3px solid #f90}@keyframes react-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.about-react{border:3px solid #00d8ff;& svg{animation:react-spin 3s infinite;color:#00d8ff;font-size:130px;transition:font-size .5s ease}}@keyframes nodejs{0%{opacity:0}30%{opacity:1}80%{opacity:1}}.about-nodejs{border:3px solid #6bc049;position:relative;& img{height:90%;object-fit:cover;width:90%}.about-nodejs-back{animation:nodejs 4s linear 2s infinite;filter:drop-shadow(5px 5px 5px gray);height:90%;left:5%;opacity:0;position:absolute;top:5%;width:90%;z-index:1}}.about-tech-stack-rectangle{background-color:#3184ff;height:10px;position:absolute;width:20vw;&.rectangle__1{left:30px;top:15px}&.rectangle__2{bottom:15px;right:30px}}@media (max-width:900px){.about-tech{margin:10vh 0 7vh}.about-tech-top{font-size:1rem;padding:0 2%}.about-tech-stack{& h1{font-size:2rem}}.techstack-container{width:20%;& p{font-size:.8rem}}.techstack{border-width:1.5px;&:hover{& svg{font-size:15vw}}}.about-react svg{font-size:13vw}.about-tech-stack-rectangle{height:5px}}.about-dev{align-items:center;background:#ebf0ff;border-radius:20px;display:flex;flex-direction:column;justify-content:center;margin:0 22%;max-width:100%;padding:2.5%;& p{color:#11438e;font-size:1.3rem;font-weight:500;line-height:2.2;text-align:center;& span{font-weight:700}}}.about-dev-button{margin-top:5vh;position:relative;width:45%;& button{background:#06fc;border:none;border-radius:10px;box-shadow:inset -5px -5px 4px 0 #00000040;color:#fff;cursor:pointer;font-family:Inter;font-size:1.8rem;font-weight:700;margin:0;padding:3% 0 4%;position:relative;text-align:center;transition:all .2s;width:100%;&:active{box-shadow:inset 5px 5px 4px 0 #00000040;transform:translateY(3px)}&:not(:active){transform:translateY(0);transition:transform .2s ease}}& img{aspect-ratio:1/1;bottom:-45%;position:absolute;right:-9%;width:55px}}.about-dev-button-list{cursor:pointer;display:flex;flex-direction:column;gap:3px;left:0;position:absolute;top:calc(100% + 5px);width:100%}.about-dev-button-list p{background-color:#cbddff;border-radius:10px;color:#11438e;font-weight:600;transition:color .5s;z-index:1;&:hover{color:#fff}&:after{background-color:#5e88d799;border-radius:10px;content:"";height:50%;left:0;position:absolute;transition:width .5s;width:0;z-index:-1}&:first-child:after{top:0}&:nth-child(2):after{top:calc(50% + 1px)}&:first-child:hover:after,&:nth-child(2):hover:after{width:100%}}@media (max-width:900px){.about-dev{margin:5vh 7% 0;padding:3vh 3%;& p{font-size:1rem}}.about-dev-button{margin-top:3vh;width:50%;& button{font-size:1.5rem;padding:3% 3% 4%}& img{bottom:-40%;right:-6%;width:40px}}}@media (max-width:600px){.about-dev-button{& button{font-size:1.5rem;padding:3% 3% 4%}& img{bottom:-50%;right:-9%;width:40px}}}.activity-container{-webkit-overflow-scrolling:touch;align-content:center;align-items:center;background-color:#ebf0ff;display:flex;flex-wrap:wrap;height:auto;justify-content:center;min-height:100vh;scroll-snap-type:y mandatory;width:100%;@media (max-width:800px){flex-direction:column;height:auto}}.activity-container h1{color:#11324d;font-family:Inter;font-size:2.8rem;margin:20px 0 30px;text-align:center;width:100vw}.activity-block{align-content:space-between;display:flex;flex-wrap:wrap;height:450px;justify-content:space-between;margin:5px;scroll-snap-align:center;width:300px;@media (max-width:1000px){width:30vw}@media (max-width:800px){margin-bottom:50px;width:60vw}@media (max-width:600px){width:80vw}}.activity-block a{text-decoration-line:none}.activity-block__title{align-items:center;color:#11324d;display:flex;font-size:1.3rem;font-weight:600;padding-left:10px;text-align:left;text-shadow:0 2px 3px #0003}.activity-block__image--big{width:100%}.activity-block__image--big,.activity-block__image--small{border-radius:18px;box-shadow:0 4px 10px #00000040;height:44%;object-fit:cover}.activity-block__image--small{width:48%}.recommend-site{background-color:#cbddff;padding:100px 0;width:100%}.recommend-site__title{color:#11324d;font-size:2.2rem;font-weight:600;height:50px;margin-left:3%;@media screen and (max-width:850px){align-items:center;display:flex;justify-content:flex-start;margin-right:5%}}.recommend-site__icon{align-items:center;background-color:#fff;border:1px solid #cacaca;border-radius:.5em;box-shadow:0 4px 6px #00000026,0 2px 4px #0000001a;color:#626262;cursor:pointer;display:flex;flex-direction:column;height:150px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:250px;z-index:100;@media (max-width:1050px){margin-bottom:50px;margin-left:50px;margin-right:50px;margin-top:50px}@media screen and (max-width:800px){height:140px;margin-bottom:40px;margin-left:40px;margin-right:40px;margin-top:40px;width:230px}@media screen and (max-width:300px){height:120px;width:200px}}.recommend-site__icon:hover{box-shadow:0 8px 12px #0003,0 4px 6px #00000026;transform:scale(1.1);transition:transform .2s ease,box-shadow .2s ease;@media (max-width:800px){transform:scale(1.1)}}.recommend-site__icon--top1{background-color:#f8f8f8;border-top-left-radius:.5em;border-top-right-radius:.5em;display:flex;flex-direction:row;height:20px;width:100%}.recommend-site__icon--top2{background-color:#fff9f9;height:7px;width:100%}.recommend-site__icon--body{align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin:10%;position:relative;word-break:keep-all;@media screen and (max-width:300px){align-items:start;justify-content:start}}.recommend-site__icon--body img{border-radius:10px;height:60px;width:60px}.recommend-site__box{align-items:center;display:flex;flex-direction:column;height:500px;justify-content:center;min-width:calc(100% - 80px);overflow-x:auto;position:relative;width:100%;@media (max-width:1050px){flex-direction:row;height:auto}@media (max-width:800px){display:none}}.recommend-site__box::-webkit-scrollbar{display:none}.recommend-site__box--top{max-width:1300px;@media (max-width:1050px){flex-direction:column;height:auto;width:auto}@media (max-width:800px){display:none}}.recommend-site__box--bottom,.recommend-site__box--top{align-items:center;display:flex;height:40vh;justify-content:space-evenly;position:relative;width:100%;z-index:1}.recommend-site__box--bottom{max-width:900px;@media (max-width:1050px){flex-direction:column;height:auto;width:auto}@media (max-width:800px){display:none}}.recommend-site-box-mobile{align-items:center;display:none;flex-direction:column;justify-content:start;@media (max-width:800px){display:flex;.recommend-site__icon:nth-child(odd){transform:translateX(-15vw)}.recommend-site__icon:nth-child(2n){transform:translateX(15vw)}}@media (max-width:500px){display:flex;.recommend-site__icon:nth-child(odd){transform:translateX(-10vw)}.recommend-site__icon:nth-child(2n){transform:translateX(10vw)}}}.joinquipu-container{background:linear-gradient(-50deg,#6499e9,#e4f1ff);position:relative;width:100%}.joinquipu-logo{left:40px;position:absolute;top:15px;z-index:5000;@media (max-width:900px){left:15px;top:5px}}.joinquipu-content{align-items:center;color:#000;display:flex;flex-direction:column;font-size:14px;height:100%;justify-content:start;line-height:1.5em;margin:0;overflow-y:auto;padding-top:80px;width:100%}.joinquipu-content p{font-family:LINESeedKR}.joinquipu-content h2{color:#1c0093;font-family:JalnanGothic;font-size:2.2rem;letter-spacing:1px;margin:0}.joinquipu-content h3{color:#59689f;font-size:1.5rem;letter-spacing:1px;margin:40px}.apply-title{border-top:1.5px solid #666;margin-top:40px;max-width:300px;width:60%}.joinquipu-content h4{color:#1c0093;font-family:JalnanGothic;font-size:1.7rem;letter-spacing:1px;margin:25px;text-align:center}.join-notice__icon{background-color:#2b2b2b;border:1px solid #1f2020;border-radius:.5em;box-shadow:1px 1px 3px 1px #00000040;color:#898989;display:flex;flex-direction:column;font-size:13px;max-width:600px;width:93%}.join-notice__icon--top1{align-items:center;background-color:#1f2020;border-top-left-radius:.5em;border-top-right-radius:.5em;display:flex;flex-direction:row;height:18px;width:100%}.join-notice__icon--top1 p{margin:0}.join-notice__icon--top2{background-color:#3e3e3e;height:16px;width:100%}.join-notice__icon--body{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:space-around;padding:20px;text-align:center;white-space:nowrap}.join-notice__icon--body h1{font-size:1.2rem;font-weight:700;line-height:1.7;margin:0}.join-notice__icon--body p{font-family:NEXON Lv2 Gothic;font-size:.9rem;font-weight:900;letter-spacing:.8px;margin:0}.join-notice__icon--body span{color:#06da22}.form-container{padding:0 40px;width:100%;@media (max-width:450px){padding-bottom:0;padding-left:12px;padding-right:12px;padding-top:0}}.form-container,.form-field{align-items:center;display:flex;flex-direction:column;justify-content:center}.form-field{margin:10px 0;max-width:600px;width:90%}.form-container p{font-size:1rem;font-weight:900;margin:10px 5px;text-align:start;width:100%}.form-container input,.form-container textarea{background-color:#fff9;border:none;border-radius:6px;box-sizing:border-box;font-family:LINESeedKR;line-height:1.5;padding:10px;resize:none;width:100%;@media (max-width:600px){padding-bottom:12px;padding-left:12px;padding-right:12px;padding-top:12px}@media (max-width:450px){padding-bottom:10px;padding-left:10px;padding-right:10px;padding-top:10px}}.form-radio-box{display:flex;gap:12px;justify-content:start;width:100%}.form-radio-item{align-items:center;background-color:#fff;border:2px solid #7091f5;border-radius:25px;color:#7091f5;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;padding:1% 2.5%;transition:background-color .3s,border-color .3s,color .3s}.form-radio-item.selected{background-color:#7091f5;color:#fff}.account-number{color:#ff0;cursor:pointer;text-decoration-line:underline}.apply-button{align-items:center;background-color:#dfe7ff;border:2px solid #1c0093;border-radius:12px;color:#1c0093;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:50px;justify-content:center;margin-top:50px;width:130px}.apply-button.button-disabled{border:2px solid grey;color:grey}.faq-title{font-family:JalnanGothic;font-size:1.9rem;letter-spacing:1px;margin-top:80px}.faq{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:80px;max-width:500px;width:80%}.question{background-color:#ebf0ff;border-radius:30px;cursor:pointer;margin-bottom:15px;padding:20px 30px;width:100%;@media (max-width:500px){padding-bottom:15px;padding-left:20px;padding-right:20px;padding-top:15px;width:90vw;.emoji{display:none}}}.question-content{display:flex;font-size:15px;font-weight:700;justify-content:space-between;width:100%}.question-title{font-size:1rem;font-weight:700;word-break:keep-all}.question.expanded .expanded-content{display:block;font-size:.95rem;letter-spacing:.3px;line-height:1.3;margin-top:15px;word-break:keep-all}.expanded-content{display:none}.popup{background-color:#fff;border:1px solid #cacaca;border-radius:.5em;box-shadow:1px 1px 5px 1px #b7b7b7;color:#1f2020;display:flex;flex-direction:column;font-size:1.5em;height:160px;left:50%;min-width:410px;position:fixed;top:50%;transform:translate(-50%,-50%);width:auto;z-index:1000;@media (max-width:500px){height:auto;min-width:258px;width:75%}}.popup__icon--top{align-items:center;background:linear-gradient(0deg,#ddd,#fff);border-top-left-radius:.5em;border-top-right-radius:.5em;display:flex;flex-direction:row;height:30px;width:100%;@media (max-width:500px){height:27px}@media (max-width:400px){height:23px}}.popup__icon--body{align-items:center;display:flex;margin-top:7px;word-break:keep-all}.popup__icon--body img{height:auto;margin-right:20px;width:90px;@media (max-width:500px){margin-right:12px;width:80px}@media (max-width:400px){width:60px}}.popup_content{margin:7px 0 23px;width:100%}.popup_content,.popup_message{display:flex;justify-content:center}.popup_message{align-items:flex-start;flex-direction:column;margin-right:15px}.head-message{font-size:1.3rem;font-weight:700;text-align:start}.sub-message{font-size:.9rem;font-weight:400;line-height:1.3;margin:3px 0 6px;text-align:start}.popup__button-container{align-items:center;bottom:8px;display:flex;justify-content:center;position:absolute;right:8px}.popup button{background:linear-gradient(0deg,#3c8aef,#78bdf4);border:1px solid #3c8aef;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:27px;text-align:center;width:90px;@media (max-width:500px){height:22px;width:75px}@media (max-width:400px){height:18px;width:60px}}.popup button:hover{box-shadow:0 0 3px 1.5px #78bdf4}.joinquipu-checkbox{align-items:center;background-color:#ffffff4d;border-radius:6px;display:flex;justify-content:space-between;margin-top:20px;max-width:600px;padding:10px;width:90%}.joinquipu-checkbox #checkbox-label{font-size:.9rem;word-break:keep-all}#checkbox-input{cursor:pointer;height:20px;width:20px}.joinquipu-container .footer{background:#0000}.joinquipu-container .footer *{color:#26355d}.joinquipu-container .footer .footer-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#26355d,#0f6292);-webkit-background-clip:text;background-clip:text}.loading-overlay{align-items:center;background-color:#0003;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-overlay img{height:100px;width:100px}.logo{height:50px;position:relative;width:120px;z-index:5000;@media (max-width:700px){width:110px}@media (max-width:500px){width:100px}}.logo div{border:13px solid #fff9;border-radius:50%;height:40px;left:50%;top:50%;width:40px;@media (max-width:700px){height:35px;width:35px}@media (max-width:500px){height:30px;width:30px}}.logo div,.logo h1{position:absolute;transform:translate(-50%,-50%)}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#1c0093,#1c0093);-webkit-background-clip:text;background-clip:text;cursor:pointer;font-family:Black Han Sans;font-size:2rem;font-style:italic;font-weight:100;left:calc(50% - 5px);letter-spacing:.6px;margin:0;text-align:center;top:calc(50% + 2px);width:100%}.footer{align-items:center;background:linear-gradient(180deg,#cbddff 0,#ebf0ff 30%);display:flex;height:200px;justify-content:space-evenly;line-height:1.7;padding:20px;width:100%;@media (max-width:1050px){height:250px;padding-bottom:15px;padding-left:15px;padding-right:15px;padding-top:15px;padding-top:50px}}.footer *{color:#596f8f;font-family:NEXON Lv2 Gothic;font-size:.9rem;font-weight:900}.footer-contact{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:flex-end;width:33%;@media (max-width:1050px){display:none}}.footer-contact h5{margin:0 0 10px}.footer-contact a{text-decoration:none}.footer-contact a:hover{color:grey}.footer-logo{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;width:33%;@media (max-width:1050px){justify-content:center;width:auto}}.footer-copyright{font-size:.7rem}.footer-logo .logo{left:6px;margin:20px;width:150px;@media (max-width:1050px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}}.footer-logo h1{font-size:2.3rem}.footer-logo .logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#b3c2d7,#596f8f);-webkit-background-clip:text;background-clip:text}.footer-icon{align-items:end;display:flex;height:100%;justify-content:end;width:33%}.footer-icon .icon{align-items:center;cursor:pointer;display:flex;height:30px;justify-content:center;margin:8px;transition:all .1s ease-in-out;width:30px;@media (max-width:1050px){height:26px;width:26px}}.footer-icon .icon:hover{transform:scale(1.1)}.footer-icon.pc{@media (max-width:1050px){display:none}}.footer-icon.mobile{display:none;height:auto;width:auto;@media (max-width:1050px){display:flex;margin-bottom:10px;margin-left:10px;margin-right:10px;margin-top:10px}}.showcasemain-house{align-items:center;background-image:linear-gradient(to right top,#f5f5f5,#f7f7f7,#f8f9f8,#fafafa,#fcfcfc,#f9f8fb,#f5f5fb,#f1f1fa,#e5e7f7,#d7ddf4,#c8d4f1,#b7cbee);display:flex;flex-direction:column;height:100vh;overflow-y:auto;position:relative;width:100%}.showcasemain-house *{font-family:RIDIBatang,Lora}.showcasemain-house .back-button{color:#333;cursor:pointer;font-size:2rem;left:20px;position:absolute;top:90px}.showcasemain-container{height:100%;max-width:1150px;width:100%}.showcasemain-nav{align-items:center;border-bottom:1px solid #0000001a;display:flex;height:fit-content;justify-content:start;width:100%}.showcasemain-logo{font-size:3rem;font-style:italic;font-weight:700;margin:.5% 3% 1%;text-align:left}.showcasemain-logo a{color:#333;text-decoration:none}.showcasemain{flex-direction:column;height:auto;width:auto}.section1,.showcasemain{align-items:center;display:flex}.section1{border:1px solid #0000;flex-direction:row;height:13%;justify-content:center;margin:21px;width:80%}@media (max-width:900px){.section1{align-items:center;border:1px solid #0c0b0b1a;display:flex;flex-direction:row;height:13%;justify-content:center;margin:21px;width:86%}}.section2{aspect-ratio:1.5/1;flex-wrap:wrap;margin-bottom:50px;width:90%}.btn-hover.color-8,.section2{align-items:center;display:flex;flex-direction:row;justify-content:center}.btn-hover.color-8{background-image:linear-gradient(90deg,#29323c,#485563,#2b5876,#4e4376);box-shadow:0 4px 15px 0 #2d3641bf;color:#f5f5f5;margin:0 5% 0 2%}*{box-sizing:border-box}.buttons{margin:10%;text-align:center}.btn-hover{background-size:300% 100%;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:55px;margin:20px;text-align:center;width:200px}.btn-hover,.btn-hover:hover{moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.btn-hover:hover{background-position:100% 0}.btn-hover:focus{outline:none}.gallery{aspect-ratio:1.5/1;background-color:#fff;flex-direction:row;flex-wrap:wrap;min-width:400px;width:50%}.gallery,.gallery1{align-items:center;border:1px solid #0c0b0b1a;display:flex;justify-content:center}.gallery1{background-color:#f5f5f5;height:95%;width:95%}.gallery1 img{aspect-ratio:1.5/1;height:92%;object-fit:cover;width:92%}.gallery2{align-items:center;display:flex;height:95%;justify-content:center;position:relative;width:95%}.gallery2 h3{color:#000;font-size:1.3rem;padding:3px;position:absolute;text-align:center;top:0;word-break:keep-all}.gallery3{align-items:center;background-color:#f5f5f5;border:1px solid #0c0b0b1a;box-sizing:border-box;display:flex;height:46%;justify-content:center;margin:1%;width:47%}.gallery3 img{height:90%;object-fit:cover;width:90%}.gallery3.text{background-color:initial;border:none}.gallery3.text h4{background-color:#000000e6;color:#fff;font-size:2.5rem;margin-bottom:1%;margin-top:0;padding:0 10px;position:relative;text-align:center;text-decoration-color:#fff;text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:3px;white-space:nowrap}.gallery4{align-items:center;background-color:#f5f5f5;border:1px solid #0c0b0b1a;display:flex;height:95%;justify-content:center;width:95%}.gallery4 img{height:92%;object-fit:cover;width:92%}.view-button{align-items:center;background-color:#fff;border:1.5px solid #333;border-radius:29px;box-shadow:0 4px 10px #00000040;color:#000;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;justify-content:center;margin:2%;padding:7px 15px;text-decoration:none;transition:all .5s ease}.view-button:hover{background-color:#333;color:#fff}.mobile-view{background-color:#fefbff;justify-content:center}.mobile-view,.showcasemainMobile{display:flex;flex-direction:column;width:100%}.showcasemainMobile{align-items:center;background-image:linear-gradient(to right top,#f5f5f5,#f7f7f7,#f8f9f8,#fafafa,#fcfcfc,#f9f8fb,#f5f5fb,#f1f1fa,#e5e7f7,#d7ddf4,#c8d4f1,#b7cbee);height:100vh;overflow-y:auto;padding:18px 25px 25px;top:0}.showcasemainMobile *{font-family:Pretendard-Regular,Lora;font-family:RIDIBatang,Lora}.showcasemainMobile-nav{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;width:100%}.showcasemainMobile-logo{margin-bottom:10px}.showcasemainMobile-logo a{background-color:initial;color:#333;font-size:2.5rem;font-weight:900;text-align:left;text-decoration:none}.showcasemainMobile-header{align-items:center;display:flex;justify-content:space-between;width:100%}.showcasemainMobile-header .back-button{color:#333;cursor:pointer;font-size:1.8rem}.ShowcasemainMobile-Dropdown{background-color:#f5f5f5;border:1.5px solid #567fbb57;border-radius:1vh;box-shadow:inset 0 1px 2px 0 #0000001a;box-sizing:border-box;color:#000;font-size:1rem;font-weight:500;margin:2vh 2.5% 0;padding:1.5% 2%;position:relative;width:28%;z-index:10;@media (max-width:700px){padding-bottom:1.5%;padding-left:4%;padding-right:4%;padding-top:1.5%;width:auto}}.showcasemainMobile-Dropdown-top{align-items:center;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;width:100%}.Dropdown-list{background:#f5f5f5;border:1.5px solid #567fbb57;border-radius:1vh;font-family:Lora;font-size:1.1rem;left:-1.3px;list-style-type:none;overflow-x:hidden;overflow-y:auto;position:absolute;top:calc(100% + 2.5px);width:calc(100% + 2.67px);& li{border-bottom:1.5px solid #567fbb57;color:#333;cursor:pointer;padding:5% 3%;transition:all .3s ease;width:100%;&:last-child{border-bottom:none}&:hover{background-image:linear-gradient(90deg,#29323c,#485563,#2b5876,#4e4376);color:#f5f5f5}}&::-webkit-scrollbar{display:none}}.showcasemainMobile-main{align-items:center;display:flex;flex-direction:column;width:100%}.showcasemainMobile-main button{align-items:center;background-color:#fff;border:1.5px solid #333;border-radius:50px;box-shadow:0 2px 8px 0 #2d364180;color:#333;cursor:pointer;display:flex;font-size:1.3rem;font-weight:700;justify-content:center;margin:8% 3%;padding:1% 5%;text-decoration:none;transition:all .3s ease}.showcasemainMobile-main button:hover{background-color:#333;color:#f5f5f5}.showcasemainMobile-section1{align-items:center;background-color:#fff;border:1px solid #0000001a;display:flex;justify-content:center;padding:3%;width:95%}.showcasemainMobile-gallery1{aspect-ratio:1.5/1;background-color:#f5f5f5;border:1px solid #0c0b0b1a;padding:3%;width:95%}.showcasemainMobile-gallery1 img{aspect-ratio:1.5/1;object-fit:cover;width:100%}.showcasemainMobile-section2{background-color:#fff;border:1px solid #0000001a;display:flex;flex-direction:column;height:97vh;padding:3%;position:relative;width:95%}.section2-gallery1{align-items:center;aspect-ratio:1.5/1;background:#f5f5f5;border:1px solid #0c0b0b1a;display:inline-flex;justify-content:center;padding:2%;position:absolute;width:60%;z-index:2}.section2-gallery1 img{object-fit:cover;width:100%}.section2-text{align-items:center;align-self:flex-end;aspect-ratio:1.5/1;background-color:#f5f5f5;border:1px solid #0c0b0b1a;display:inline-flex;flex-direction:column;justify-content:center;padding:2%;position:absolute;top:25vh;width:60%;z-index:1}.section2-text p{background-color:#000;color:#fff;font-size:2.2rem;font:bolder;margin-top:1%;padding:4px 6px;text-align:center;text-decoration-color:#fff;text-decoration-line:underline;text-decoration-thickness:1.3px;text-justify:center;text-underline-offset:3px;width:100%}.section2-gallery2{align-items:center;aspect-ratio:1.5/1;background:#f5f5f5;border:1px solid #0c0b0b1a;display:inline-flex;justify-content:center;padding:2%;position:absolute;top:45vh;width:60%;z-index:2}.section2-gallery2 img{object-fit:cover;width:100%}.section2-gallery3{align-self:flex-end;background:#f5f5f5;border:1px solid #0000001a;display:inline-flex;justify-content:center;padding:2%;position:absolute;top:65vh;width:60%;z-index:1}.section2-gallery3 img{object-fit:cover;width:100%}.showcasemainMobile-section3{background-color:#fff;border:1px solid #0c0b0b1a;display:flex;justify-content:center;padding:3%;width:95%}.showcasemainMobile-gallery3{aspect-ratio:1.5/1;background:#f5f5f5;border:1px solid #0c0b0b1a;min-height:200px;padding:3%;width:95%}.showcasemainMobile-gallery3 img{object-fit:cover;width:100%}@media (max-width:900px) and (min-width:800px){.showcasemainMobile-section2{height:80vh}.section2-gallery1{width:55%}.section2-text{top:50vh;width:50%}.section2-gallery2{top:100vh;width:55%}.section2-gallery3{top:150vh;width:55%}}@media (max-width:900px) and (min-width:800px) and (min-height:1000px){.showcasemainMobile-section2{height:75vh}.section2-gallery1{width:55%}.section2-text{min-width:none;top:20vh;width:50%}.section2-gallery2{top:30vh;width:55%}.section2-gallery3{top:50vh;width:55%}}@media (max-width:600px) and (min-width:500px){.showcasemainMobile-section2{height:110vh}.section2-gallery1{width:50%}.section2-text{top:25vh;width:50%;& p{font-size:1.4rem;margin:3%;width:100%}}.section2-gallery2{top:50vh;width:50%}.section2-gallery3{top:75vh;width:50%}}@media (max-width:500px) and (min-width:400px){.showcasemainMobile-section2{height:90vh}.section2-gallery1{width:50%}.section2-text{top:20vh;width:50%;& p{font-size:1.4rem;margin:3%;width:100%}}.section2-gallery2{top:40vh;width:50%}.section2-gallery3{top:60vh;width:50%}}@media (max-width:500px) and (min-width:400px) and (min-height:900px){.showcasemainMobile-section2{height:45vh}.section2-gallery1{width:50%}.section2-text{top:10vh;width:50%;& p{font-size:1.4rem;margin:3%;width:100%}}.section2-gallery2{top:20vh;width:50%}.section2-gallery3{top:30vh;width:50%}}@media (max-width:400px) and (min-width:300px){.showcasemainMobile-section2{height:50vh}.section2-gallery1{width:50%}.section2-text{top:10vh;width:50%;& p{font-size:1.4rem;margin:3%;width:100%}}.section2-gallery2{top:20vh;width:50%}.section2-gallery3{top:30vh;width:50%}}@media (max-width:900px) and (min-width:700px) and (max-height:400px){.showcasemainMobile-section2{height:150vh}.section2-gallery1{width:50%}.section2-text{max-width:none;top:40vh;width:50%;& p{font-size:1.8rem;margin:3%;width:100%}}.section2-gallery2{top:70vh;width:50%}.section2-gallery3{top:100vh;width:50%}}@media (max-width:900px) and (min-width:800px) and (max-height:400px){.showcasemainMobile-section2{height:250vh}.section2-gallery1{width:50%}.section2-text{max-width:none;top:60vh;width:50%;& p{font-size:1.8rem;margin:3%;width:100%}}.section2-gallery2{top:115vh;width:50%}.section2-gallery3{top:170vh;width:50%}}@media (max-width:900px) and (min-width:600px) and (max-height:600px){.showcasemainMobile-section2{height:250vh}.section2-gallery1{width:50%}.section2-text{max-width:none;top:60vh;width:50%;& p{font-size:1.8rem;margin:3%;width:100%}}.section2-gallery2{top:115vh;width:50%}.section2-gallery3{top:170vh;width:50%}}@media (max-width:900px) and (min-width:600px) and (max-height:500px){.showcasemainMobile-section2{height:260vh}.section2-gallery1{width:50%}.section2-text{max-width:none;top:60vh;width:50%;& p{font-size:1.8rem;margin:3%;width:100%}}.section2-gallery2{top:115vh;width:50%}.section2-gallery3{top:170vh;width:50%}}@media (max-width:600px) and (min-width:500px) and (max-height:500px){.showcasemainMobile-section2{height:140vh}.section2-gallery1{width:50%}.section2-text{max-width:none;top:30vh;width:50%;& p{font-size:1.8rem;margin:3%;width:100%}}.section2-gallery2{top:60vh;width:50%}.section2-gallery3{top:90vh;width:50%}}.showcasedetail-container{background-image:linear-gradient(to right top,#f5f5f5,#f7f7f7,#f8f9f8,#fafafa,#fcfcfc,#f9f8fb,#f5f5fb,#f1f1fa,#e5e7f7,#d7ddf4,#c8d4f1,#b7cbee);display:flex;flex-direction:column;height:100vh;overflow-x:hidden;overflow-y:auto;width:100%;word-break:keep-all;&::-webkit-scrollbar{display:none}}.showcasedetail-container *{font-family:Pretendard-Regular,Playfair Display;font-family:RIDIBatang,Playfair Display}.showcasedetail-header{align-items:center;display:flex;flex-direction:row;padding:1% 4%;width:100%;& h1{color:#333;font-family:Lora;font-size:3rem;font-style:italic;margin:0}}.showcasedetail-header-border{border:1px solid #333;margin:0 2%;width:96%}.showcasedetail-back{padding-left:2%;padding-top:1%;width:100%;& svg{color:#333;cursor:pointer;font-size:20px}}@media (max-width:900px){.showcasedetail-header{flex-direction:column;margin-top:2vh;& svg{align-self:flex-start;color:#333;cursor:pointer;font-size:20px;margin-left:1%}}.showcasedetail-header-border{margin:0 7%;width:86%}}.showcasedetail-main{align-self:center;max-width:1500px;position:relative;width:100%}.showcasedetail-main-upper{display:flex;flex-direction:column;padding:2vh 2% 0;width:100%}.goal-container{margin:4vh 0;width:60%}.dc-description-container,.goal-container{background-color:#fff;box-shadow:0 2px 10px 0 #c4c4c440;display:flex;flex-direction:column;padding:3%;& h4{color:#333;font-size:3rem;font-weight:400;margin:0}& p{font-size:1rem;margin-top:3%}}.dc-container{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.dc-img-container{aspect-ratio:1.5/1;margin-left:2%;width:33%;& img{height:100%;object-fit:contain;width:100%}}.dc-description-container{align-items:flex-end;position:relative;text-align:end;top:calc(5vh + 2rem);width:55%;& span{color:#333;font-size:1.8rem}}.dc-description-button{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:flex-end;width:100%}.dc-button-container{align-items:center;display:flex;flex-direction:column;& p{color:#6486c1}}.dc-button{align-items:center;display:flex;height:40px;justify-content:center;width:40px;& svg{color:#000;cursor:pointer;font-size:30px;transition:all .3s;&:hover{color:#c2d5f5d9;font-size:40px}}}@media (max-width:900px){.showcasedetail-main-upper{align-items:center;padding:7% 5% 0}.dc-description-container,.goal-container{padding:3% 5%;width:100%;& h4{font-size:2rem}& p{margin:3% 0}}.dc-container{align-items:center;flex-direction:column;justify-content:flex-start;margin:2vh 0 10vh}.dc-img-container{width:70%}.dc-description-container{align-items:flex-start;text-align:start}}.showcasedetail-main-lower{display:flex;flex-direction:column;margin-top:5vh;padding:0 2%;width:100%;& h4{color:#333;font-size:3rem;font-weight:400;margin:0}}.showcasedetail-main-lower-row__1{display:flex;flex-direction:row;justify-content:space-between;width:100%}@media (max-width:900px){.showcasedetail-main-lower{padding:0 5%;& h4{text-align:center}}.showcasedetail-main-lower-row__1{align-items:center;flex-direction:column;gap:5vh;margin:10vh 0}}@media (max-width:1100px) and (max-height:800px){.showcasedetail-main-lower-row__1{margin-bottom:13vh}}.history__1-container{align-items:flex-start;display:flex;flex-direction:row;height:15vw;margin:5vh 0 2vh;overflow-x:visible}.history__1-img{align-items:flex-end;aspect-ratio:1.5/1;height:100%;justify-content:flex-end;& img{height:100%;object-fit:cover;width:100%}}.history__1-card-container,.history__1-img{display:flex;flex-direction:column}.history__1-card-container{align-items:flex-start;gap:7px;margin-left:7px;position:relative;top:5%;& h4{font-family:"Source Serif 4";font-size:1.2rem;font-weight:600}& p{color:#646464;font-size:.8rem}& .history__1-card-img{aspect-ratio:1.5/1;flex-direction:row;height:9vw;justify-content:flex-start;position:relative;right:5vw;z-index:1;& img{background-color:#c2d5f580;height:100%;object-fit:cover;padding:10px;width:100%}}}.history__1-card-link{align-items:center;display:flex;flex-direction:row;justify-content:flex-start;& p{width:calc(100% - 35px)}}.history__1-button-container{align-items:center;display:flex;height:35px;justify-content:center;width:35px;& img{background-color:#fff;border-radius:7px;cursor:pointer;height:25px;transition:all .3s ease-in-out;width:25px;&:hover{height:30px;width:30px}}}.history__1-mobile-container{display:flex;flex-direction:column;width:100%;& h4{font-family:"Source Serif 4";font-size:1.2rem;font-weight:600;text-align:start}& p{color:#646464;font-size:.8rem}}.history__1-mobile-middle{align-items:center;display:flex;flex-direction:row;gap:5%;width:100%;& .history__1-mobile-middle-content{bottom:4.8vw;display:flex;flex-direction:column;gap:8px;position:relative}& img{aspect-ratio:1.5/1;object-fit:cover;width:40%}}.history__1-mobile-bottom{align-items:center;align-self:flex-end;display:flex;flex-direction:row;justify-content:flex-end;text-align:end;width:90%}.history__1-mobile-img{aspect-ratio:1.5/1;background-color:#c2d5f5d9;object-fit:cover;padding:7px;width:40%}.history__2-container{aspect-ratio:3/1;flex-direction:row;height:15vw;top:8vw}.history__2-container,.history__2-img{align-items:flex-end;display:flex;position:relative}.history__2-img{flex-direction:column;height:100%;justify-content:flex-start;& .history__2-img-base{height:100%;object-fit:cover;position:absolute;z-index:0}& .history__2-img-overlay{aspect-ratio:1/1;height:30px;right:-5%;top:-5%;z-index:1}}.history__2-img,.history__2-img-base{aspect-ratio:1/1.5}.history__2-img-overlay{position:relative}.history__2-card-container{align-items:flex-end;background:#c2d5f5d9;bottom:2%;display:flex;flex-direction:column;left:5%;padding:3%;position:relative;z-index:1;& h4{font-family:"Source Serif 4";font-size:1.2rem;font-weight:600}& p{color:#646464;font-size:.8rem}}.history__2-card-link{align-items:flex-end;display:flex;flex-direction:row;text-align:end;& p{width:calc(100% - 70px)}}@media (max-width:900px){.history__2-container{height:fit-content;justify-content:flex-end;width:100%}.history__2-img{height:auto;width:50%;@media (max-height:600px){width:30%}}.history__2-card-container{bottom:-5%;gap:5px;height:fit-content;left:0;position:absolute;width:70%;& h4{align-self:flex-start}@media (max-height:600px){bottom:0}}}.showcasedetail-main-lower-row__2{display:flex;flex-direction:row;justify-content:space-between;margin-top:5vw;width:100%}.showcasedetail-main-lower-row__2-left{display:flex;flex-direction:column;gap:1vh;width:50%}@media (max-width:900px){.showcasedetail-main-lower-row__2{align-items:center;flex-direction:column;margin-top:5vh;@media (max-height:500px){margin-top:7vw}}.showcasedetail-main-lower-row__2-left{gap:7vh;width:100%}}.history__3-container{display:flex;flex-direction:column;gap:7px;width:70%;& h4{font-family:"Source Serif 4";font-size:1.2rem;font-weight:600}& p{color:#646464;font-size:.8rem}}.history__3-link{display:flex;flex-direction:row;@media (min-width:901px){& p{width:calc(100% - 35px)}}}@media (max-width:900px){.history__3-container{width:100%;& h4,& p{align-self:flex-end;text-align:end;width:70%}}.history__3-link{align-items:center;width:100%;& p{text-align:start;width:100%}}}.history__4-container{align-items:flex-end;align-self:flex-end;display:flex;flex-direction:row;width:100%}.history__4-card-container{gap:7px;margin-right:10px;text-align:end;& h4{font-family:"Source Serif 4";font-size:1.2rem;font-weight:600}& p{color:#646464;font-size:.8rem}}.history__4-card-container,.history__4-img{align-items:flex-end;display:flex;flex-direction:column}.history__4-img{aspect-ratio:1/1.5;background:#c2d5f5d9;justify-content:flex-start;position:relative;width:50%;& .history__4-img-base{aspect-ratio:1/1.5;left:5%;object-fit:cover;position:absolute;top:5%;width:90%;z-index:0}& .history__4-img-overlay{aspect-ratio:1/1;position:relative;right:0;top:0;width:30px;z-index:1}}@media (max-width:900px){.history__4-container{flex-direction:column}.history__4-card-container{align-items:start;padding-left:3%;text-align:start;width:100%}.history__4-mobile-text{width:60%}.history__4-img{bottom:4vw;width:40%;@media (max-width:800px){bottom:4vw}@media (max-width:650px){bottom:10vw}}}.history__5-container{align-items:flex-end;display:flex;flex-direction:row;width:50%}.history__5-img{aspect-ratio:1.5/1;bottom:10%;left:10%;position:relative;width:90%;z-index:0;& img{height:100%;object-fit:cover;width:100%}}.history__5-card-container{background:#c2d5f5d9;display:flex;flex-direction:column;gap:7px;padding:2%;position:relative;z-index:1;& h4{font-family:"Source Serif 4";font-size:1.2rem;font-weight:600}& p{color:#646464;font-size:.8rem}}.history__5-card-link{align-items:flex-end;display:flex;flex-direction:row;& p{width:calc(100% - 35px)}}@media (max-width:900px){.history__5-container{width:100%}.history__5-img{position:static;width:40%}.history__5-card-container{align-items:flex-end;background:none;text-align:end;width:60%}.history__5-card-link{flex-direction:row-reverse}}.showcasedetail-footer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:5vh;width:100%;& h4{color:#333;font-family:Lora;font-size:1.5rem;font-style:italic;font-weight:700}}@media (max-width:900px){.showcasedetail-footer{align-items:flex-end;padding:0 5%}}.interview-container{background-color:#fff;display:flex;flex-direction:column;font-family:NEXON Lv2 Gothic;height:100vh;overflow-y:auto;position:relative;width:100%}.interview-navbar{background-color:initial;color:#233ec8;font-family:Orbitron;height:fit-content;padding:1% 0 0 2%;width:100%;z-index:5}.interview-navbar .back-button{cursor:pointer;font-size:2rem;margin:10px 0}.interview-logo{background-color:initial;height:fit-content;position:relative;width:100%;z-index:10}.interview-logo a{color:#233ec8;font-size:3rem;font-weight:400;position:relative;text-decoration:none;&:after{border-bottom:2px solid #233ec8;color:#233ec8;content:attr(QUIPU);height:3.5rem;left:0;max-width:0;overflow:hidden;position:absolute;top:0;transition:all .5s;width:100%}&:hover:after{max-width:100%}}.interview-navbar p{font-size:1rem;font-weight:400;text-align:start}@media (max-width:900px){.interview-navbar{display:flex;flex-direction:column;padding-top:2vh}.interview-logo{text-align:center}.interview-navbar p{padding-right:5%;text-align:end}}@media (min-width:901px){.interview-navbar{left:0;position:absolute;top:0;z-index:3}.interview-index-container{margin-top:3rem;position:relative}}.interview-index-container{margin-left:20%;margin-right:20%;z-index:4}.interview-index,.interview-index-container{display:flex;flex-direction:row;justify-content:center;position:relative;width:60%}.interview-index{align-items:center;font-family:Orbitron;padding-bottom:6vh;@media (max-width:1100px){width:50%}}.interview-left,.interview-right{color:#a5a9fa;font-size:1.5rem;font-weight:400;padding:auto;width:27.5%}.interview-left{text-align:end}.interview-right{text-align:start}.interview-arrow{width:10%}.interview-middle{width:25%}.interview-arrow p,.interview-middle h4{color:#233ec8;font-size:1.9rem;margin:auto;text-align:center}.interview-arrow p{cursor:pointer}.interview-middle h4{background-color:#e6e7ff;border-radius:35px;font-weight:400;margin:0;padding:.3rem 1rem .4rem}@media (max-width:1100px) and (min-width:901px){.interview-middle h4{font-size:1.7rem;padding:.3rem .5rem .4rem}.interview-left,.interview-right{font-size:1.2rem}}@media (max-width:900px){.interview-index-container{border-bottom:3px double #d2d4ff;margin-bottom:4vh;padding:2vh 0}.interview-index{padding-bottom:0;width:80%}.interview-left p,.interview-right p{font-size:1rem;margin:0 1rem}.interview-arrow p,.interview-middle h4{font-size:1.5rem}.interview-middle h4{padding:.3rem .6rem}}.interview-profile{align-items:center;align-self:center;display:inline-flex;flex-direction:row;flex-wrap:wrap;justify-content:center;max-width:1500px;padding:0 5%;width:100%}.interview-profilebox{align-items:center;background-color:#e6e7ff;border:3px solid #9fadf5;border-radius:20px;cursor:pointer;display:flex;flex-direction:column;height:fit-content;justify-content:flex-start;margin:.5rem calc(3.16667% - 1.5px) 1rem;padding:.2rem 1% .2rem 0;transition:border .3s ease-out;width:27%;word-break:keep-all;@media (max-width:900px){height:110px;width:230px}@media (max-width:600px){height:fit-content;width:27%}}.interview-profilebox:hover{border:3px solid #4c5fbe;& .interview-profile-top>div:before{transform:rotate(90deg)}& .interview-profile-content .interview-profile-img{border-color:#4c5fbe;& img{transform:scale(1.1)}}}.interview-profile-top{align-items:center;align-self:flex-end;display:flex;flex-direction:row;height:33px;justify-content:space-around}.interview-profile-top>div{aspect-ratio:1/1;border:2px solid #233ec8;border-radius:50%;margin:0 2px;position:relative;transform:rotate(45deg);width:8px;&:before{aspect-ratio:1/1;border:2px solid #233ec8;border-radius:50%;border-right-color:#0000;content:"";left:-50%;position:absolute;top:-50%;transition:transform .5s ease;width:100%}&:first-child{border-bottom:2px solid #0000;&:before{border-right:2px solid #0000}}&:nth-child(3){border-top:2px solid #0000;&:before{border-left:2px solid #0000}}}.interview-profile-content{align-items:center;bottom:1rem;display:flex;flex-direction:row;justify-content:space-evenly;position:relative;width:100%}.interview-profile-img{aspect-ratio:1/1;border:3px solid #9fadf5;border-radius:50%;display:flex;flex-direction:column;justify-content:center;margin-right:1%;overflow:hidden;transition:border-color .5s ease;width:30%;z-index:2}.interview-profile-img img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.interview-profile-dc{color:#233ec8;display:flex;flex:0.75 1;flex-direction:column;height:100%;justify-content:center;width:75%;z-index:1}.interview-profile-dc h4{font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.8rem;margin-top:0}.interview-profile-dc p{font-size:1rem;font-weight:500;line-height:1.2}@media (max-width:600px){.interview-profile-dc h4{font-size:1rem}.interview-profile-dc p{font-size:.7rem}.interview-profile{flex-direction:column;justify-content:center}.interview-profilebox{margin:2vh 0;width:95%}.interview-profile-top{margin-right:7px}.interview-profile-img{width:35%}.interview-profile-dc{& h4{font-size:2rem}& p{font-size:1.5rem}}}@media (max-width:1100px) and (min-width:601px){.interview-profile-dc h4{font-size:1.2rem;margin-bottom:.4rem}.interview-profile-dc p{font-size:.8rem}}.interview-footer{margin:2% 0;width:100%}.interview-footer p{color:#233ec8;font-family:Orbitron;font-size:1.2rem;font-weight:400;text-align:center}.modal-overlay{background-color:#00000080;left:0;position:fixed;top:0;width:100vw;z-index:1000}.interview-modal,.modal-overlay{align-items:center;display:flex;height:100vh;justify-content:center}.interview-modal{height:calc(var(--vh, 1vh)*100);max-width:1500px;width:100%;word-break:keep-all}.interview-modal-content{background-color:#e6e7ff;border:3px solid #9fadf5;border-radius:20px;box-shadow:0 0 10px #00000080;height:85vh;overflow-y:hidden;width:70%}.interview-modal-header{align-items:center;border-bottom:6px double #9fadf5;display:flex;flex-direction:row;height:21vh;justify-content:flex-start;padding:0 3%;position:relative}.interview-modal-header-introduce{align-items:center;display:flex;flex-direction:row;gap:3vh}.interview-modal-header-introduce img{aspect-ratio:1/1;border:3px solid #9fadf5;border-radius:50%;display:block;object-fit:cover;width:15vh}.header-name-text{align-items:flex-start;color:#0d1c6b;display:flex;flex-direction:column;gap:3vh;& svg{left:5px;position:relative;top:5px}}.interview-modal-header h2{display:inline-block;font-size:2rem;margin:0;text-align:center}.interview-modal-header p{color:#233ec8;font-size:1.5rem;font-weight:700}.interview-modal-close{color:#9fadf5;cursor:pointer;font-size:2.5rem;position:absolute;right:2%;top:5%;transition:color .5s ease}.interview-modal-close:hover{color:#0d1c6b}.interview-modal-body{height:calc(63vh - 6px);overflow-y:auto;padding:0 5% 2%;&::-webkit-scrollbar{display:none}}.interview-modal-body h1{color:#0d1c6b;font-family:Jua;font-size:2.5rem;font-weight:400;margin:5% 0 1%}.interview-modal-body p{background-color:#f3f4ff;border-radius:10px;color:#102491;font-size:1.5rem;font-weight:500;line-height:1.5;min-height:10vh;padding:3%;&:last-child{margin-bottom:50px}}@media (max-width:900px){.interview-modal-content{height:75vh;width:92vw}.interview-modal-header{height:fit-content;justify-content:center;padding:5%}.interview-modal-header-introduce{flex-direction:column;gap:1.5vh;justify-content:center;& img{width:10vh}}.header-name-text{align-items:center;gap:1vh;text-align:center}.interview-modal-header h2{font-size:1.5rem}.interview-modal-header p{font-size:1.1rem}.interview-modal-body{height:calc(62.5vh - 22px - 10% - 2.6rem)}.interview-modal-body h1{font-size:1.9rem;margin:10% 0 3%;text-align:center}.interview-modal-body p{font-size:1.4rem}}.ActivityDetail-container{align-content:center;display:flex;height:auto;justify-content:start;min-height:100vh;padding-top:90px;position:relative;width:100%;@media (max-width:700px){flex-direction:column}}.ActivityDetail-container .logo{left:40px;position:absolute;top:15px}.ActivityDetail-titles{align-items:start;display:flex;flex-direction:column;justify-content:start;padding-left:20px;width:auto;z-index:100;@media (max-width:700px){align-items:center;flex-direction:row;justify-content:center;padding-bottom:0;padding-bottom:20px;padding-left:0;padding-right:0;padding-top:0}}.ActivityDetail-titles button{background-color:initial;border-style:none;cursor:pointer;font-size:1.3rem;font-weight:600;margin:10px;text-shadow:0 4px 4px #00000040;@media (max-width:700px){font-size:1.5rem}}.year-dropdown{background-color:#c0ceff;border:1.5px solid #fff;border-radius:7px;color:#fff;cursor:pointer;font-size:18px;font-weight:400;line-height:1.5;margin:16px;padding:1px 5px;text-align:center;@media (max-width:700px){display:none}}.year-dropdown option{background-color:#fff;color:#c0ceff}.ActivityDetail-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.ActivityDetail-top-mobile{align-items:center;display:none;justify-content:space-between;padding:0 20px;position:relative;width:100%;@media (max-width:700px){display:flex}}.year-dropdown.mobile{display:none;@media (max-width:700px){display:block}}.ActivityDetail-container .back-button{color:#fff;cursor:pointer;font-size:2.3rem}.ActivityDetail-container .back-button.pc{margin-bottom:20px;@media (max-width:700px){display:none}}.Study-container{-webkit-overflow-scrolling:touch;align-content:start;display:flex;flex-wrap:wrap;height:100%;justify-content:center;width:100%}.studycard{background-color:#fff;border-radius:20px;box-shadow:0 8px 16px #0003,0 4px 8px #0000001a;height:180px;margin:20px;padding:10px;position:relative;transition:box-shadow .3s ease;width:260px;z-index:auto;@media (max-width:300px){margin-bottom:20px;margin-left:0;margin-right:0;margin-top:20px;width:100%}}.studycard:hover{box-shadow:0 12px 24px #0003,0 8px 16px #0000001a}.studycard__top{align-items:center;display:flex;height:60%;width:100%}.studycard__img{aspect-ratio:1/1;height:80%;object-fit:contain;width:30%}.studycard__content{-ms-overflow-style:none;overflow-x:auto;scrollbar-width:none;white-space:nowrap;width:70%}.studycard__content::-webkit-scrollbar{display:none}.studycard__content h3{font-size:20px;font-weight:700;margin:10px;text-align:center}.studycard__content p{color:grey;font-size:12px;font-weight:700;text-align:center;word-break:keep-all}.studycard__member--container{-ms-overflow-style:none;align-items:center;display:flex;height:20%;overflow-x:auto;scrollbar-width:none;white-space:nowrap;width:100%}.studycard__member--container::-webkit-scrollbar{display:none}.studycard__member{align-items:center;border-radius:5px;display:flex;height:70%;justify-content:center;margin:0 2px;padding:5px}.studycard__member p{font-size:10px;font-weight:700}.moreinfo-button{background-color:#dfe7ff;border:2px solid #1c0093;border-radius:20px;bottom:5%;color:#1c0093;cursor:pointer;font-size:10px;font-weight:550;height:13%;position:absolute;right:5%;width:60%;@media (max-width:300px){font-size:8px}}.moreinfo-button:hover{background-color:#1c0093;color:#dfe7ff}.study__modal--container{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.study__modal{background-color:#d8d8d8;border-radius:7px;box-shadow:3px 3px 4px #000;height:85%;position:relative;width:55%;z-index:auto;@media (max-width:600px){width:80%}}.study__modal--bar{align-items:center;background-color:#d8d8d8;border-radius:7px 7px 0 0;display:flex;height:8%;justify-content:start;padding:5px;position:absolute;top:0;width:100%}.study__modal--bar p{font-size:15px;margin:0 5px}.study__modal--bar p,.study__modal--content{align-items:center;display:flex;justify-content:center}.study__modal--content{background-color:#f8f8f8;border-radius:7px;bottom:0;color:#000;flex-direction:column;height:92%;position:absolute;width:100%}.study__modal--content-top{height:25%;width:90%}.study__modal--content-bottom{-ms-overflow-style:none;border-top:1px solid #000;height:70%;overflow-y:auto;scrollbar-width:none;width:90%}.study__modal--content-bottom::-webkit-scrollbar{display:none}.h10{align-items:center;display:flex;font-size:16px;font-weight:700;height:10%;justify-content:start;padding:4px;text-align:start}.h90{height:90%}.study__modal--img-container{-ms-overflow-style:none;align-items:center;display:flex;height:70%;margin-bottom:20px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.study__modal--img-container::-webkit-scrollbar{display:none}.study__modal--img{height:100%;margin-right:10px}.study__modal--content-container li{color:#666;font-size:20px;font-weight:700;list-style:none;margin:10px 0}.study__modal--content-container p{font-size:17px;font-weight:400;margin:2px}.blank-studycard{height:1px;margin:20px;width:260px}.FriendShip-container{-webkit-overflow-scrolling:touch;align-content:start;display:flex;flex-wrap:wrap;height:100%;justify-content:center;width:100%}.FriendShip-img{border-radius:12px;box-shadow:0 6px 12px #00000026,0 4px 6px #0000001a;cursor:pointer;height:150px;margin:15px;object-fit:cover;position:relative;transition:box-shadow .3s ease;width:240px;@media (max-width:300px){margin-bottom:15px;margin-left:0;margin-right:0;margin-top:15px;width:100%}}.FriendShip-img:hover{box-shadow:0 12px 24px #0003,0 8px 16px #0000001a}.img__modal--container{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.img__modal{border-radius:12px;box-shadow:0 8px 16px #0000004d;max-height:70%;max-width:70%;z-index:auto}.blank-img{height:1px;margin:15px;width:240px}.error-container{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;position:absolute;top:0;width:100vw}.error-container:after,.error-container:before{background:linear-gradient(45deg,#0000 35%,#0000ff4d 45%,#0000ff4d 55%,#0000 65%),linear-gradient(135deg,#0000 35%,#0000ff4d 45%,#0000ff4d 55%,#0000 65%);content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.error-container:after{transform:rotate(90deg) translate(-50%,-50%)}.error-text-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:15px;color:#fff;display:flex;flex-direction:column;justify-content:center;max-height:90%;overflow:hidden;padding:20px;width:90%;word-break:break-all}.error-text-container h1,.error-text-container h2,.error-text-container p{margin:10px}.error-text-container h1{color:#fff;font-size:50px;text-shadow:3px 3px 3px #000;@media (max-width:340px){font-size:40px}}.error-text-container h2{color:#fff;font-size:30px;margin-bottom:20px;text-shadow:2px 2px 2px #000;@media (max-width:340px){font-size:20px}}.error-text-container p{color:#fff;font-size:16px;font-weight:500;text-align:center;word-break:keep-all;@media (max-width:340px){font-size:13px}}.error-text-container br{display:none;@media (max-width:500px){display:block}}.error-text-container a{color:#1c0093}.error-container button{background-color:initial;border:1.5px solid #fff;border-radius:50px;color:#fff;cursor:pointer;margin:10px;padding:5px 10px}.error-container button:hover{border:1.5px solid #1c0093;color:#1c0093}
/*# sourceMappingURL=main.d06354d2.css.map*/