.logo{position:fixed;top:20px;left:20px;z-index:99999;padding:10px}@media (max-width: 768px){.logo{left:5px;top:5px}}.logo .logo-box{width:58px;height:56px;background-image:url("../imgs/techcapsule-symbol.svg");background-size:cover;background-position:center;transition-duration:.3s;transition-property:opacity}footer{margin:120px auto 120px!important}@media (max-width: 768px){footer{margin:100px auto 120px!important}}nav{position:fixed;top:15px;right:20px;z-index:99999}nav ul{display:flex;gap:10px}nav ul li{font-size:20px;padding:10px;text-transform:uppercase;transition-duration:.3s;opacity:.7}nav ul li:hover{opacity:1}nav ul li.active{opacity:1}@media (max-width: 768px){nav{right:-100%;top:0;width:300px;height:100%;background-color:#000;transition:right .3s ease}nav.show{right:0}nav ul{flex-direction:column;align-items:center;height:100%;justify-content:center;gap:40px}}.m-menu-btn{position:fixed;z-index:99999;padding:10px;right:5px;top:6px;cursor:pointer}.m-menu-btn .menu-btn{width:24px;height:24px;background-image:url('../imgs/icon-ham.svg');background-position:center center;background-size:contain}.m-menu-btn .btn-open{background-image:url('../imgs/icon-ham.svg')}.m-menu-btn .btn-close{background-image:url('../imgs/icon-close.svg')}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:99998;display:none}body.no-scroll{overflow:hidden}.main-title{font-size:clamp(65px, calc(365 / 1920 * 100vw), 365px);line-height:.9;font-weight:400;text-align:center;position:relative;z-index:999;pointer-events:none;opacity:.6;transition:opacity .5s ease}.main-title.image{padding:50px;max-width:1084px;box-sizing:border-box}@media (max-width: 768px){.main-title{font-weight:500}}.main-title.fade-opacity{opacity:.1}.section-desc{text-align:left;text-transform:uppercase;margin:20px 0;font-weight:600;font-size:20px}@media (max-width: 768px){.section-desc{display:none}}.main-cover{width:100%;height:80vh;height:calc(100vh - 200px);background-color:#191918;box-sizing:border-box;display:flex;justify-content:center;align-items:center;overflow:hidden;flex-direction:column;position:relative}@media (max-width: 768px){.main-cover{height:calc(100vh - 300px)}}.main-cover.full-page{height:100vh}.main-cover.semi-cover{text-align:left;height:980px;align-items:initial}.main-cover.semi-cover.container-padding{padding:0 30px}@media (max-width: 768px){.main-cover.semi-cover.container-padding{padding:0 15px}}@media (max-width: 768px){.main-cover.semi-cover{height:auto}}.main-cover.semi-cover .cover-grid{padding-bottom:70px}@media (max-width: 960px){.main-cover.semi-cover .cover-grid{padding-top:140px;flex-direction:column-reverse}}.main-cover.semi-cover .max-width-container{width:100%;max-width:960px}.main-cover.semi-cover .cover-text{font-size:20px;line-height:1.4;margin-top:100px}@media (max-width: 960px){.main-cover.semi-cover .cover-text{margin-top:80px}.main-cover.semi-cover .cover-text p{margin:10px 0}}@media (max-width: 768px){.main-cover.semi-cover .cover-text{font-size:15px}}.main-cover.semi-cover .main-title{font-size:clamp(53px, calc(180 / 1920 * 100vw), 125px);font-weight:500;pointer-events:initial;width:100%;text-transform:uppercase;line-height:1.06;text-align:left;opacity:1}@media (max-width:1480px) and (min-width:961px){.main-cover.semi-cover .main-title{font-size:calc(78px + (125 - 78) * (100vw - 961px) / (1480 - 961))}}@media (max-width: 960px){.main-cover.semi-cover .main-title{font-size:clamp(53px, calc(180 / 1920 * 100vw), 125px)}}@media (max-width: 768px){.main-cover.semi-cover .main-title{font-size:clamp(40px, calc(210 / 1920 * 100vw), 125px)}}.main-cover.semi-cover .under-cover-grid{width:100%;margin-top:80px}@media (max-width: 768px){.main-cover.semi-cover .under-cover-grid{margin-top:20px;margin-bottom:20px}}.main-cover.semi-cover .under-cover-grid .highlight-text{color:#7600FF;font-weight:600;font-size:125px;line-height:1.06}@media (max-width: 1480px){.main-cover.semi-cover .under-cover-grid .highlight-text{font-size:clamp(53px, calc(180 / 1920 * 100vw), 125px)}}@media (max-width: 960px){.main-cover.semi-cover .under-cover-grid .highlight-text{font-size:clamp(53px, calc(180 / 1920 * 100vw), 125px)}}@media (max-width: 768px){.main-cover.semi-cover .under-cover-grid .highlight-text{font-size:clamp(40px, calc(210 / 1920 * 100vw), 125px)}}.main-cover.semi-cover .under-cover-grid .desc{margin-top:60px;font-size:24px;font-weight:600;line-height:1.45;word-break:keep-all;text-transform:uppercase}.main-cover.semi-cover .under-cover-grid .desc.small-margin{margin-top:40px;text-transform:none}@media (max-width: 768px){.main-cover.semi-cover .under-cover-grid .desc.small-margin{margin-bottom:40px}}@media (max-width: 768px){.main-cover.semi-cover .under-cover-grid .desc{font-size:16px;margin-top:20px;margin-bottom:30px}}.main-cover.semi-cover .under-cover-grid .cover-desc{font-size:clamp(22px, calc(50 / 1920 * 100vw), 36px);font-weight:600;line-height:1.25;word-break:keep-all}@media (max-width: 768px){.main-cover.semi-cover .under-cover-grid .cover-desc{font-size:clamp(22px, calc(70 / 1920 * 100vw), 36px);font-size:22px}}.main-cover.semi-cover.section-00{background-color:#000;color:#fff;justify-content:flex-end}.main-cover.semi-cover.section-00 .main-title{text-transform:none}.main-cover.semi-cover.section-01{background-color:#D9D9D9;color:#000;justify-content:flex-start}.main-cover.semi-cover.section-01 .main-title{margin-top:20px}@media (max-width: 768px){.main-cover.semi-cover.section-01 .main-title{margin-top:60px}}.main-cover.semi-cover.section-02{background-color:#FFFFFF;color:#000;justify-content:flex-start}.main-cover.semi-cover.section-02 .main-title{margin-top:40px}.main-cover.semi-cover.section-03{background-color:#C6FF5D;color:#000;justify-content:flex-start}.main-cover.semi-cover.section-03 .main-title{margin-top:40px}.main-cover.semi-cover.section-04{background-color:#7600FF;color:#fff}.main-cover.semi-cover.section-04::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../imgs/bg-members.png');background-size:cover;background-position:center center;opacity:.7;mix-blend-mode:multiply;z-index:0}.main-cover.semi-cover.section-04 .main-title{margin-top:130px}@media (max-width: 768px){.main-cover.semi-cover.section-04 .main-title{margin-top:150px}}.main-cover.semi-cover.section-04 .under-cover-grid .desc{margin-top:0;margin-bottom:110px;text-transform:none}.random-squares{width:100%;height:100%;position:absolute;z-index:99;pointer-events:none}.random-square{z-index:5;pointer-events:none}.main-map{width:100%;height:100%;position:absolute;top:0;left:0;z-index:9}#map{position:absolute;top:0;bottom:0;width:100%}#project-map .marker-text{color:#fff}#project-map .proj-marker-text{color:#A4FF00;text-align:center;transform:translate(-50%, 10%)}#project-map .proj-marker-text .proj-title{font-size:16px;font-weight:700;margin-bottom:4px}@media (max-width: 768px){#project-map .proj-marker-text .proj-title{font-size:14px}}.marker-container{display:flex;flex-direction:column;align-items:flex-start;position:relative}.custom-marker{position:relative}.marker-text{font-size:12px;line-height:1.2;color:#A4FF00;margin-top:5px;transform:translate(-15%, 0%)}@media (max-width: 768px){.marker-text{transform:translate(-13%, 0%)}}.marker-popup{position:absolute;top:60px;left:0px;color:white;z-index:100;display:none}.marker-popup .popup-image{width:100%;max-width:100px;height:auto;margin-bottom:3px}.marker-popup .popup-title{font-size:16px;font-weight:bold;margin-bottom:5px;min-width:200px}.marker-popup .popup-description{display:flex;flex-wrap:wrap;gap:5px}.marker-popup .popup-description span{display:inline-block;line-height:1;padding:4px 8px;color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.6);border-radius:100px;margin:1px 0;font-size:12px;white-space:nowrap;text-align:center}.section-container{margin:40px auto;box-sizing:border-box}.section-container.container-padding{padding:0 30px}@media (max-width: 768px){.section-container.container-padding{padding:0 15px}}.section-container.padding-top{padding-top:70px}@media (max-width: 768px){.section-container.padding-top{padding-top:70px}}.section-container.container-maxwidth{max-width:1855px}.section-title{font-size:20px;margin-bottom:40px}.proj-list .item{font-size:20px;position:relative;transition:opacity .3s ease;opacity:1}@media (max-width: 768px){.proj-list .item{font-size:16px}}.proj-list .item:has(.thumnail:hover),.proj-list .item:has(.info .title:hover){opacity:.7}.proj-list .item .thumnail{position:relative;width:100%;aspect-ratio:3 / 2;background-size:cover;background-position:center}.proj-list .item .thumnail .corner{position:absolute;width:20px;height:20px;background-color:#A4FF00;z-index:10}@media (max-width: 768px){.proj-list .item .thumnail .corner{width:16px;height:16px}}.proj-list .item .thumnail .corner.tl{top:0;left:0}.proj-list .item .thumnail .corner.bl{bottom:0;left:0}.proj-list .item .thumnail .corner.tr{top:0;right:0}.proj-list .item .thumnail .corner.br{bottom:0;right:0}.proj-list .item .info{margin-top:12px}.info .host{color:#999}.info .sub-title{color:#999}.info .tag-list{margin-top:12px}.tag-list{margin-bottom:15px;display:flex;flex-flow:wrap;gap:9px 6px}@media (max-width: 768px){.tag-list{margin-top:12px}}.tag-list .tag{display:inline-flex;border:1px solid #fff;border-radius:30px;padding:4px 15px;font-size:16px;line-height:1;word-break:keep-all;transition:opacity .3s ease}@media (max-width: 768px){.tag-list .tag{font-size:13px;padding:5px 12px}}.tag-list .tag:hover{opacity:.7}.project-title{margin-top:120px;margin-bottom:40px;font-size:clamp(53px, calc(150 / 1920 * 100vw), 150px);line-height:1.06;font-weight:500;z-index:9999;position:relative}@media (max-width: 768px){.project-title{margin-top:100px;font-size:53px;font-weight:600}}.proj-desc{display:flex;flex-direction:column-reverse;margin-bottom:30px;margin-top:20px;z-index:9998;position:relative}@media (max-width: 768px){.proj-desc{flex-direction:column}}.proj-desc .project-main-image{margin-top:-120px;z-index:-1;position:relative}.proj-desc .project-main-image img{min-width:100%}@media (max-width: 768px){.proj-desc .project-main-image{margin-top:-80px}}.proj-desc .project-main-image::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, #000 0%, rgba(0,0,0,0) 28%);z-index:1}.proj-desc .proj-info{font-size:20px}@media (max-width: 768px){.proj-desc .proj-info{font-size:16px;margin-top:20px}}.proj-desc .proj-info .keyword{margin-top:80px}@media (max-width: 768px){.proj-desc .proj-info .keyword{margin-top:30px}}.proj-desc .proj-text{line-height:1.5;word-break:keep-all}.proj-desc .proj-text .en{line-height:1.3}.image-list .item{margin:30px 0;width:100%}.image-list .item img{min-width:100%}.image-list .item .caption{text-align:center;margin-top:10px;font-size:.8em;opacity:.6}.image-list .video-item .video-wrapper{position:relative;width:100%;padding-top:56.25%}.image-list .video-item .video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;object-fit:cover}.video{width:100%;box-sizing:border-box;border:1px solid #dddddd}.video .video-container{position:relative;width:100%;height:auto;padding-top:56.25%}.video .video-container iframe{z-index:1;top:0;left:0;position:absolute;width:100%;height:100%}.readmore-container{margin:110px 0;display:none}@media (max-width: 768px){.readmore-container{margin:70px 0}}.readmore-container .readmore{text-align:center;padding:20px;cursor:pointer;transition:opacity .3s ease}.readmore-container .readmore:hover{opacity:.7}.contact-container{color:#fff;line-height:1.1;font-size:18px}@media (max-width: 768px){.contact-container{font-size:15px}}.contact-container .address-section{margin:16px 0}.contact-container .address-section .title{font-size:30px}.contact-container .address-section .address{margin-top:13px;margin-bottom:19px}.contact-container .address-section .google-map-btn{display:inline-block;padding:18px 42px;border:1px solid #fff;color:#fff;font-size:16px;text-decoration:none;transition:all .3s ease}@media (max-width: 768px){.contact-container .address-section .google-map-btn{padding:14px 32px}}.contact-container .address-section .google-map-btn:hover{background-color:#fff;color:#000}.contact-container .contact-section{margin:50px 0 80px 0}@media (max-width: 768px){.contact-container .contact-section{margin:35px 0}}.filter-menu{font-size:20px}@media (max-width: 768px){.filter-menu{font-size:14px}}.filter-close-btn{font-size:20px;padding:10px 0;color:#fff}.filter-close-btn:hover{color:#fff}@media (max-width: 768px){.filter-close-btn{font-size:14px}}.filter-section{display:flex;border-top:1px solid #fff;padding:7px 0}.filter-section label{width:100px;flex-shrink:0;text-align:left}@media (max-width: 768px){.filter-section label{width:70px}}.filter-section .filter-list{display:flex;gap:1px;flex-wrap:wrap;flex-grow:1;min-width:0}.filter-section .filter-list .filter-btn{padding:3px 8px;cursor:pointer;background:none;border:none;white-space:pre;display:inline-flex;align-items:center;min-width:60px;text-align:left;gap:5px;position:relative}.filter-section .filter-list .filter-btn .check-binder{width:3px;display:flex;justify-content:center;left:0}.filter-section .filter-list .filter-btn.active{color:#A4FF00}.filter-close{display:block;text-align:right;margin-top:10px;cursor:pointer;color:#ccc}.filter-close:hover{color:#fff}.uk-accordion-title{text-align:right}.uk-accordion-title::before{display:none !important;content:none !important}.member-list{margin-top:40px}.item{color:#fff;text-align:left;position:relative;font-size:20px;line-height:1.3}@media (max-width: 768px){.item{font-size:16px}}.item .image-container{width:100%;padding-top:100%;background-size:cover;background-position:center;position:relative}.item .image-container .status-indicator{position:absolute;top:0px;left:0px;width:20px;height:20px;background-color:#A4FF00}@media (max-width: 768px){.item .image-container .status-indicator{width:16px;height:16px}}.item .name{font-weight:700;margin-top:15px}.item .role{margin-bottom:12px}.item .email{text-decoration:none;display:block}.item .email:hover{text-decoration:underline}.loading-spinner{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);text-align:center;z-index:10}.spinner{width:40px;height:40px;border:2px solid rgba(0,0,0,0.1);border-top-color:#666;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-text{margin-top:14px;font-size:14px;color:#888}@keyframes spin{to{transform:rotate(360deg)}}.proj-list-wrapper{position:relative;min-height:200px}.filter-box{display:none}.text-box strong{font-weight:800}.text-box ol,.text-box ul{margin:10px 0 10px 20px}.text-box ol li{list-style:decimal!important}.text-box ol li ol li{list-style:lower-latin !important}.text-box ol li ol li ol li{list-style:lower-roman !important}.text-box ul li{list-style:disc!important}.text-box ul li ul li{list-style:circle!important}