@import url(https://fonts.googleapis.com/css2?family=Borel&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);@media screen and (min-width:768px){.nav{display:flex;flex:0 0 200px;margin-top:120px;opacity:0;transform:translateX(-30px);transition:opacity .6s ease-out,transform .6s ease-out}.nav.nav-visible{opacity:1;transform:translateX(0)}.nav div.title_kr{color:#000;font-size:1rem;font-weight:600;line-height:2rem;margin:0 30px;text-align:left}.nav .languageToggle{color:#000;cursor:pointer;display:inline-block;font-size:1.8rem;margin-left:30px;margin-right:10px}.nav .languageToggle svg{vertical-align:middle}.nav .languageToggle .currentLanguage{color:#000;font-size:1.2rem;margin-left:4px}.nav ul{display:block;list-style-type:none;margin:30px 20px 10px;padding:0}.nav li{border-radius:5px;box-sizing:border-box;cursor:pointer;display:block;transition:background-color .1s ease-in}.nav li a,.nav li button{color:#000;display:block;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:500;height:100%;line-height:2.5rem;margin-left:1rem;margin-right:3rem;min-height:30px;pointer-events:auto;position:relative;text-decoration:none;width:100%;z-index:1}.nav li:hover{background:#eee;pointer-events:auto}.nav li:hover a{pointer-events:auto;position:relative;z-index:2}}.mobile-menu-button{background:none;border:none;cursor:pointer;display:none;flex-direction:column;height:24px;justify-content:space-between;padding:0;position:fixed;right:30px;top:30px;width:30px;z-index:1001}.mobile-menu-button span{background-color:#333;border-radius:2px;display:block;height:3px;transform-origin:center;transition:all .2s ease;width:100%}.mobile-menu-button span:first-child.active{transform:translateY(10.5px) rotate(45deg)}.mobile-menu-button span:nth-child(2).active{opacity:0}.mobile-menu-button span:nth-child(3).active{transform:translateY(-10.5px) rotate(-45deg)}.mobile-menu-overlay{background-color:#00000080;display:none;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .2s ease;visibility:hidden;width:100%;z-index:999}.mobile-menu-overlay.open{opacity:1;visibility:visible}@media screen and (min-width:768px){.mobile-menu-button,.mobile-menu-overlay{display:none}.nav{display:flex;flex:0 0 200px;margin-top:120px;opacity:0;transform:translateX(-30px);transition:opacity .6s ease-out,transform .6s ease-out}.nav.nav-visible{opacity:1;transform:translateX(0)}.nav div.title_kr{color:#000;font-size:1rem;font-weight:600;line-height:2rem;margin:0 30px;text-align:left}.nav .languageToggle{color:#000;cursor:pointer;display:inline-block;font-size:1.8rem;margin-left:30px;margin-right:10px}.nav .languageToggle svg{vertical-align:middle}.nav .languageToggle .currentLanguage{color:#000;font-size:1.2rem;margin-left:4px}.nav ul{display:block;list-style-type:none;margin:30px 20px 10px;padding:0}.nav li{border-radius:5px;box-sizing:border-box;cursor:pointer;display:block;transition:background-color .1s ease-in}.nav li a,.nav li button{color:#000;display:block;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:500;height:100%;line-height:2.5rem;margin-left:1rem;margin-right:3rem;min-height:30px;pointer-events:auto;position:relative;text-decoration:none;width:100%;z-index:1}.nav li:hover{background:#eee;pointer-events:auto}.nav li:hover a{pointer-events:auto;position:relative;z-index:2}}@media screen and (max-width:767px){.mobile-menu-button{display:flex}.mobile-menu-overlay,.nav{display:block}.nav{background-color:#fff;box-shadow:0 4px 20px #0000001a;height:auto;left:0;margin-top:0;position:fixed;top:0;transform:translateY(-100%);transition:transform .2s ease;width:100%;z-index:1000}.nav.mobile-open{transform:translateY(0)}.nav ul{align-items:center;display:flex;flex-direction:column;list-style:none;margin:80px 20px 30px;padding:0}.nav li{border-radius:8px;margin-bottom:5px;text-align:center;width:auto}.nav li a{border-radius:8px;color:#333;display:block;font-size:1.1rem;font-weight:500;margin:0;padding:15px 30px;text-decoration:none;transition:all .2s ease}.nav li:hover{background:#f5f5f5}}.App-header{align-items:center;background-color:#0000;flex-direction:row;height:120px;left:0;position:fixed;top:0;width:100%;z-index:1}.App-header .App-header-content{align-items:center;color:#333;display:flex;flex-direction:row;font-size:19px;font-weight:600;height:100%;justify-content:space-between;margin:auto}.App-header .App-header-content .lab_title{flex:0 1 auto;margin-left:30px}.App-header .App-header-content .lab_title img{height:60px}.App-header .App-header-content .lab_title svg{display:inline-block;height:40px}.App-header .App-header-content .lab_title .light{display:inline-block;font-size:.9em;font-weight:400;margin-left:20px}.App-header .App-header-content .right{color:#000;flex:0 1 auto;font-size:1rem;font-weight:400;padding-right:40px}.App-header .App-header-content .right .languageToggle{color:#000;cursor:pointer;display:inline-block;font-size:1.8rem;margin-right:10px}.App-header .App-header-content .right .languageToggle svg{vertical-align:middle}.App-header .App-header-content .right .languageToggle .currentLanguage{color:#000;font-size:1.2rem;margin-left:4px}.App-header .App-header-content .right img.logo_kaist{display:inline-block;height:26px;margin-right:8px;margin-top:3px;opacity:.7;vertical-align:middle}.App-header .App-header-content .right img.logo_id{display:inline-block;height:28px;margin-right:4px;margin-top:0;opacity:1;vertical-align:middle}.App-header .App-header-content .right a{color:inherit;font-weight:700}.news ul{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(4,minmax(200px,1fr));padding:20px}.news ul li{background:#f1f1f1;background-size:cover;border:1px solid #f2f2f2;border-radius:8px;display:flex;flex-direction:column;height:300px;justify-content:flex-end;list-style-type:none;padding:16px;width:100%}.news ul li .newsTitle{color:#fff;font-size:1.2rem;font-weight:500;margin-bottom:.5rem;text-shadow:0 0 4px #000000b3}.news ul li .newsDate{color:#fff;font-size:.9rem;margin-bottom:.5rem;text-shadow:0 0 2px #000000b3}.About .pageTitle img{height:100px}.About p{text-align:justify}.About p .quote{color:#555;display:block;font-style:italic;margin:20px 0;padding-left:30px}.About p img{height:auto;max-width:100%}.About p.korean-version{color:#000;padding-left:1.5rem}.About h3{margin-top:5rem!important;padding-left:0!important}.About h3 span.crossed{text-decoration:line-through}.About .logoWrapper{text-align:center;width:100%}.About .logoWrapper img{margin-bottom:3rem;margin-top:3rem;width:20%}.People ul.people_list{margin:20px;padding:0}.People ul.people_list li{display:inline-block;font-size:13px;list-style-type:none;margin-bottom:20px;margin-right:40px;text-align:center;vertical-align:top;width:120px}.People ul.people_list li img{background-color:#ddd;border-radius:100%!important;filter:grayscale(100%);height:100px;margin-bottom:10px;object-fit:cover;width:100px}.People ul.people_list li img.noun_person{filter:invert(1);object-fit:contain;object-position:50% 20px;opacity:.25}.People ul.people_list li div.name{font-size:14px;font-weight:600}.People ul.people_list li div.role{font-size:13px}.People ul.people_list li div.email{font-size:11px}.People ul.people_list li div.website a{color:#aaa}.join h3{margin-bottom:1rem!important;padding-left:0!important}.join h4{font-size:1.2rem!important;font-weight:500;margin-top:3rem!important}.join p{text-align:justify}.join p,.join ul{margin:0!important}.join ul{padding:1rem 2rem!important}.join ul li{line-height:1.5rem;margin-bottom:1rem}.join p.answer{padding-left:1rem}.join p.answer.kr{margin-bottom:1rem!important}.courses{padding:20px}.courses h3{border-top:1px solid #ddd;margin-top:4rem!important;padding-left:2rem!important;padding-top:4rem!important}.courses h3 .year{color:#9a9a9a;font-size:1.2rem}.courses ol{padding-left:5rem}.courses ol li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.courses p{padding-left:2rem}.courses div.class_year{margin-left:40px;margin-right:40px}.courses div.class_year a.term_projects{color:#aaa;font-weight:500}.courses div.class_year a.term_projects:before{content:">>"}.courses div.class_year a.term_projects:hover{color:#1a6f9c}.courses div.class_year .image img{width:100%}.projects{max-width:1600px!important;width:100%!important}.projects .subTitle{font-size:1rem;margin:20px;text-align:center}.projects ul.projectList{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem;padding:20px}@media(max-width:1000px){.projects ul.projectList{grid-template-columns:repeat(2,1fr);padding:1rem!important}}.projects ul.projectList li.project{border-radius:8px;list-style-type:none;margin-bottom:12px;object-fit:cover;width:100%}.projects ul.projectList li.project .image{border:1px solid #eee;border-radius:.5rem;margin-bottom:12px;overflow:hidden;width:100%}.projects ul.projectList li.project .image a{line-height:0;vertical-align:middle}.projects ul.projectList li.project .image img{aspect-ratio:1/1;object-fit:cover;object-position:top left;transition:transform .1s ease-in-out;width:100%}.projects ul.projectList li.project .image:hover img{transform:scale(1.02)}.projects ul.projectList li.project .title{color:#000;font-size:1rem;font-weight:500;line-height:1.5rem;margin:.5rem 0}@media(max-width:768px){.projects ul.projectList li.project .title{font-size:1.1rem;line-height:1.6rem}}.projects ul.projectList li.project .contributors{color:#aaa;font-size:.8rem;font-weight:300;margin:1rem 0}.projects ul.projectList li.project .description{font-size:.9rem}.projects ul.projectList li.project .description span.link{margin-left:4px}.projects ul.projectList li.project span.time{color:#aaa;display:block;margin-top:4px}.projects ul.projectList li.project .links{margin-top:1rem}.projects ul.projectList li.project .links a{background:#eee;border-radius:30px;color:#333;font-size:.9em;padding:8px 20px;text-decoration:none}.projects ul.projectList li.project .links a:hover{background:#333;color:#fff}.project .image,.project .image img{width:100%}.project .time{font-size:13px;font-style:italic}.project .participants{color:#aaa;font-size:12px;margin-top:4px}.project .collaboration{font-size:12px}.video-container{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.Project{margin:100px auto;max-width:1200px}.Project .backButton{margin-bottom:0}.Project .backButton .back-link{align-items:center;color:#666;display:inline-flex;font-size:1rem;padding:8px 16px;text-decoration:none;transition:all .2s ease}.Project .backButton .back-link:hover{background-color:#f9f9f9;border-color:#999;color:#333}.Project .ProjectContent .Header{align-items:center;display:flex;flex-direction:column;margin-bottom:50px}.Project .ProjectContent .Header .Date{color:#666;display:block;font-size:.875rem;font-weight:500;justify-content:center;margin:auto auto 2.5rem}.Project .ProjectContent .Header .Title{color:#000;font-size:clamp(2rem,2rem + 2*(100vw - 23.4375rem)/66.5625,4rem);font-weight:500;line-height:clamp(2.28rem,2.28rem + 1.72*(100vw - 23.4375rem)/66.5625,4rem);text-align:center;width:100%}.Project .ProjectContent .Header .Subtitle{color:#333;font-size:1rem;margin-top:2.5rem;text-align:center}.Project .ProjectContent .Header .Remarks{color:#008f18;font-size:.9rem;font-weight:600;line-height:1.5rem;margin-bottom:.3rem;margin-top:.3rem;max-width:800px;text-align:center}.Project .ProjectContent .Header .Researchers{color:#999;display:flex;flex-wrap:wrap;font-size:.9rem;font-style:italic;justify-content:center;margin-top:1.5rem}.Project .ProjectContent .Header .Researchers a{color:#333;margin:0 10px;text-decoration:none}.Project .ProjectContent .Header .Researchers a:hover{text-decoration:underline}.Project .ProjectContent .Header .links{margin-top:1.5rem}.Project .ProjectContent .Header .links a{background:#eee;border-radius:30px;color:#333;font-size:.9em;padding:8px 20px;text-decoration:none}.Project .ProjectContent .Header .links a:hover{background:#333;color:#fff}.Project .ProjectContent .MainContent{font-size:1rem;line-height:1.75rem;margin-top:3rem}@media(max-width:1000px){.Project .ProjectContent .MainContent{font-size:.9rem;line-height:1.5rem}}.Project .ProjectContent .MainContent .gifs{border-radius:0;display:flex;flex-direction:row;justify-content:space-between}.Project .ProjectContent .MainContent .gifs img{border:1px solid #ddd;border-radius:0;display:inline-block;width:32%!important}.Project .ProjectContent .MainContent .ImageBox{border-radius:.38rem;margin-bottom:4rem;margin-top:4rem;overflow:hidden;width:100%}.Project .ProjectContent .MainContent .ImageBox img{border-radius:8px;height:100%;object-fit:contain;width:100%}.Project .ProjectContent .MainContent .halfColumn{margin:auto;padding:0 20px;width:50%}@media(max-width:1000px){.Project .ProjectContent .MainContent .halfColumn{width:90%}}.Project .ProjectContent .MainContent h3{color:#333;font-size:1.7rem;font-weight:400;line-height:2.25rem;margin-top:4rem}@media(max-width:1000px){.Project .ProjectContent .MainContent h3{font-size:1.4rem}}.Project .ProjectContent .MainContent p{margin-bottom:1.5rem}.Project .ProjectContent .MainContent ol,.Project .ProjectContent .MainContent ul{margin-bottom:1.5rem;padding-left:3rem}.Project .ProjectContent .MainContent ol li,.Project .ProjectContent .MainContent ul li{line-height:1.75rem;margin-bottom:.75rem}.Project .ProjectContent .MainContent div.contact{color:#aaa;font-size:.9rem;margin-top:2rem}.Project .ProjectContent .MainContent div.contact a{color:#2197ce;text-decoration:none}.Project .ProjectContent .MainContent div.contact a:hover{text-decoration:underline}.gallery img.activities{height:auto;margin-top:4rem;width:100%}.publications{max-width:1600px!important;width:100%!important}.publications .year{display:block;margin:4rem auto auto;text-align:center}.publications .subTitle{font-size:1rem;margin:20px;text-align:center}.publications .halfColumn{margin:auto;padding:0 20px;width:70%!important}@media(max-width:768px){.publications .halfColumn{width:90%!important}}ul.publicationList{padding:20px}ul.publicationList li{display:block;font-size:15px;list-style-type:none;margin-bottom:32px}ul.publicationList li .bib-item .title{font-size:1.3rem;font-weight:500}ul.publicationList li .bib-item .title .tag{border:1px solid #2197ce;border-radius:4px;color:#2197ce;display:inline-block;font-size:10px;font-weight:400;margin-left:12px;padding:1px 3px;vertical-align:top}ul.publicationList li .bib-item .authors{color:#aaa;font-size:.8em;font-weight:400;line-height:1.5em;margin-top:.5rem}ul.publicationList li .bib-item .authors em{color:#999;font-style:normal;font-weight:600}ul.publicationList li .bib-item .description{color:#393939;font-size:.9em;line-height:1.6em;margin-top:.5rem}ul.publicationList li .bib-item .award{color:#2197ce;font-size:1.2em;vertical-align:middle}ul.publicationList li .bib-item span.acknowledgement{color:#2197ce;margin-left:10px;margin-right:10px}ul.publicationList li .bib-item .links{margin-top:1rem}ul.publicationList li .bib-item .links a{background:#eee;border-radius:30px;color:#333;font-size:.9em;padding:8px 20px;text-decoration:none}ul.publicationList li .bib-item .links a:hover{background:#333;color:#fff}ul.publicationList li .bib-item a.link{color:#aaa;display:inline-block;font-size:.9em;margin-left:4px;vertical-align:bottom}@media screen and (max-width:768px){ul.publicationList{grid-template-columns:repeat(2,minmax(200px,1fr));padding:1rem!important}}.Footer{align-items:center;display:flex;font-size:.8rem;height:100px;justify-content:center;padding:50px 0;width:100%}.App{color:#484848;font-family:Open Sans,sans-serif;margin:auto;text-align:center;width:100%}a{color:inherit;text-decoration:none}.CommonPage{box-sizing:border-box;display:flex;flex-direction:row;height:100vh;margin-top:0;overflow:hidden;text-align:left;width:100%}.CommonPage .Content{height:100%;margin:auto;opacity:0;overflow-x:hidden;overflow-y:scroll;transform:translateY(20px);transition:opacity .4s ease-out,transform .4s ease-out;width:100%}.CommonPage .Content.content-visible{opacity:1;transform:translateY(0)}.CommonPage .Content .page{margin:100px auto;max-width:1200px}.CommonPage .Content .page img.full_column{width:100%}.CommonPage .Content .page .pageTitle{color:#000;font-size:5rem;font-weight:500;letter-spacing:-.05rem;text-align:center;width:100%}@media screen and (max-width:768px){.CommonPage .Content .page .pageTitle{font-size:3rem}}.CommonPage .Content .page .subTitle{font-size:1rem;margin:20px;text-align:center}.CommonPage .Content .page .halfColumn{margin:3rem auto auto;padding:0 20px;width:50%}@media screen and (max-width:1000px){.CommonPage .Content .page .halfColumn{width:90%}}.CommonPage .Content .page h2{border-left:8px solid #ff385c;font-size:18px;font-weight:800;margin:0 0 0 -20px;padding-left:12px}.CommonPage .Content .page h3{color:#333;font-size:1.7em;font-weight:400;margin-top:3rem;padding-left:1em}@media screen and (max-width:1000px){.CommonPage .Content .page h3{font-size:1.4em}}.CommonPage .Content .page h3 em{color:#333;font-size:1.2em;font-style:normal}.CommonPage .Content .page h4{color:#333;font-size:.9em;margin-top:24px}.CommonPage .Content .page h4 em{color:#333;font-size:1.2em;font-style:normal}.CommonPage .Content .page p{font-size:1rem;line-height:1.85em;padding-right:0}.CommonPage .Content .page p em{font-style:normal;font-weight:700}@media screen and (max-width:768px){.CommonPage .Content .page ol,.CommonPage .Content .page ul{padding-left:4rem;padding-right:2rem}}.CommonPage .Content .page p.indented{margin-top:-5px;padding-left:1em}.CommonPage .Content .page .videoContainer{height:0;padding-top:56.25%;position:relative;width:100%}.CommonPage .Content .page .videoContainer iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.CommonPage .Content .page .roundedButton{background-color:#eee;border-radius:20px;color:#000;display:block;font-size:.8em;font-weight:400;margin:20px auto;padding:8px 16px;text-decoration:none;transition:background-color .3s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.CommonPage .Content .page .roundedButton:hover{background-color:#cacaca}@media screen and (max-width:768px){ul.people_list{padding:0!important;text-align:center}ul.people_list li{margin-left:20px;margin-right:20px}}body{margin:0}.borel-regular{font-family:Borel,cursive;font-style:normal;font-weight:400}.no-bounce{-webkit-overflow-scrolling:auto;overscroll-behavior:contain}.no-select{cursor:not-allowed;-webkit-user-select:none}.open-sans-500{font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-style:normal;font-variation-settings:"wdth" 100;font-weight:500}
/*# sourceMappingURL=main.f739d522.css.map*/