﻿body{background-color:#fff;}#banner{position:relative;}#banner .banner-warpper{position:relative;margin-top:105px;}@media screen and (min-width:1600px){#banner .banner-warpper{margin-top:6.563vw;}}@media screen and (max-width:960px){#banner .banner-warpper{margin-top:71px;}}@media screen and (max-width:430px){#banner .banner-warpper{margin-top:16.512vw;}}#banner .banner-warpper:before{position:absolute;content:"";width:100%;height:100%;background:linear-gradient(359.99deg,rgba(0,0,0,.79) 11.29%,rgba(0,0,0,0) 99.99%);}#banner .banner-warpper .banner-image{object-fit:cover;min-height:492px;}@media screen and (min-width:1600px){#banner .banner-warpper .banner-image{min-height:30.75vw;}}@media screen and (max-width:960px){#banner .banner-warpper .banner-image{min-height:auto;max-height:489px;object-position:top center;}}@media screen and (max-width:430px){#banner .banner-warpper .banner-image{max-height:113.721vw;}}#banner .banner-warpper .banner-container{position:absolute;bottom:2.875vw;left:7.25vw;right:8.063vw;display:flex;justify-content:space-between;align-items:center;color:#fff;}@media screen and (min-width:1600px){#banner .banner-warpper .banner-container{bottom:2.875vw;left:7.25vw;right:8.063vw;}}@media screen and (max-width:960px){#banner .banner-warpper .banner-container{flex-direction:column;align-items:flex-start;bottom:44px;left:30px;right:30px;}}@media screen and (max-width:430px){#banner .banner-warpper .banner-container{bottom:10.233vw;left:6.977vw;}}#banner .banner-warpper .banner-container .banner-left-container .banner-subtitle{font-size:18px;}@media screen and (min-width:1920px){#banner .banner-warpper .banner-container .banner-left-container .banner-subtitle{font-size:.938vw;}}@media screen and (max-width:960px){#banner .banner-warpper .banner-container .banner-left-container .banner-subtitle{font-size:18px;}}@media screen and (max-width:430px){#banner .banner-warpper .banner-container .banner-left-container .banner-subtitle{font-size:4.186vw;}}#banner .banner-warpper .banner-container .banner-left-container h1{font-family:KHU-Medium;font-size:52px;}@media screen and (min-width:1920px){#banner .banner-warpper .banner-container .banner-left-container h1{font-size:2.708vw;}}@media screen and (max-width:960px){#banner .banner-warpper .banner-container .banner-left-container h1{font-size:38px;margin:0 0 9px;}}@media screen and (max-width:430px){#banner .banner-warpper .banner-container .banner-left-container h1{font-size:8.837vw;margin:0 0 2.093vw;}}#banner .banner-warpper .banner-container .banner-right-container{width:33.875vw;line-height:24px;font-size:18px;}@media screen and (min-width:1600px){#banner .banner-warpper .banner-container .banner-right-container{width:33.875vw;}}@media screen and (min-width:1920px){#banner .banner-warpper .banner-container .banner-right-container{line-height:1.25vw;font-size:.938vw;}}@media screen and (max-width:960px){#banner .banner-warpper .banner-container .banner-right-container{width:100%;line-height:24px;font-size:16px;}}@media screen and (max-width:430px){#banner .banner-warpper .banner-container .banner-right-container{line-height:5.581vw;font-size:3.721vw;}}#Projects{position:relative;}#Projects .project-wrapper{padding:82px 7.875vw 0;}@media screen and (min-width:1600px){#Projects .project-wrapper{padding:5.125vw 7.875vw 0;}}@media screen and (max-width:960px){#Projects .project-wrapper{padding:54px 15px 30px;}}@media screen and (max-width:430px){#Projects .project-wrapper{padding:12.558vw 3.488vw 6.977vw;}}#Projects .project-wrapper .project-tabs{display:flex;align-items:center;font-family:KHU-Regular;font-size:16px;color:rgba(42,42,42,.45);margin:0 11px;}@media screen and (min-width:1600px){#Projects .project-wrapper .project-tabs{margin:0 .688vw;}}@media screen and (min-width:1920px){#Projects .project-wrapper .project-tabs{font-size:.833vw;}}@media screen and (max-width:960px){#Projects .project-wrapper .project-tabs{margin:0 24px 0;font-size:16px;flex-wrap:wrap;gap:24px 0;}}@media screen and (max-width:430px){#Projects .project-wrapper .project-tabs{margin:0 5.581vw 0;font-size:3.721vw;gap:5.581vw 0;}}#Projects .project-wrapper .project-tabs .project-tab-btn{position:relative;padding:0 23px;cursor:pointer;}@media screen and (min-width:1600px){#Projects .project-wrapper .project-tabs .project-tab-btn{padding:0 1.438vw;}}@media screen and (max-width:960px){#Projects .project-wrapper .project-tabs .project-tab-btn{padding:0 23px;}}@media screen and (max-width:430px){#Projects .project-wrapper .project-tabs .project-tab-btn{padding:0 5.349vw;}}#Projects .project-wrapper .project-tabs .project-tab-btn:after{position:absolute;content:"";border-right:1px solid rgba(42,42,42,.35);height:36px;right:0;top:-6px;}@media screen and (min-width:1600px){#Projects .project-wrapper .project-tabs .project-tab-btn:after{border-right:.063vw solid rgba(42,42,42,.35);height:2.25vw;top:-.375vw;}}@media screen and (max-width:960px){#Projects .project-wrapper .project-tabs .project-tab-btn:after{border-right:1px solid rgba(42,42,42,.35);height:36px;top:-6px;}}@media screen and (max-width:430px){#Projects .project-wrapper .project-tabs .project-tab-btn:after{border-right:.233vw solid rgba(42,42,42,.35);height:8.372vw;top:-1.395vw;}}#Projects .project-wrapper .project-tabs .project-tab-btn:first-child{padding-left:0;}@media screen and (max-width:430px){#Projects .project-wrapper .project-tabs .project-tab-btn:nth-child(3){padding-left:0;}}#Projects .project-wrapper .project-tabs .project-tab-btn.active{font-family:KHU-Bold;color:#2a2a2a;}#Projects .project-wrapper .project-tabs .project-tab-btn.active .hover-line:before{width:100%;}#Projects .project-wrapper .projectsSwiper{overflow:visible;margin-top:68px;display:flex;flex-wrap:wrap;justify-content:space-between;}@media screen and (min-width:1600px){#Projects .project-wrapper .projectsSwiper{margin-top:4.25vw;}}@media screen and (max-width:960px){#Projects .project-wrapper .projectsSwiper{justify-content:center;margin-top:39px;gap:44px;}}@media screen and (max-width:430px){#Projects .project-wrapper .projectsSwiper{margin-top:9.07vw;gap:10.233vw;}}#Projects .project-wrapper .projectsSwiper .project-slide{width:303.63px;margin-bottom:51px;}@media screen and (min-width:1600px){#Projects .project-wrapper .projectsSwiper .project-slide{width:18.977vw;margin-bottom:3.188vw;}}@media screen and (max-width:960px){#Projects .project-wrapper .projectsSwiper .project-slide{width:303.63px;margin-bottom:0;}}@media screen and (max-width:430px){#Projects .project-wrapper .projectsSwiper .project-slide{width:70.612vw;}}@media screen and (min-width:1024px){#Projects .project-wrapper .projectsSwiper .project-slide:hover .projectImageSwiper:before{opacity:1;}#Projects .project-wrapper .projectsSwiper .project-slide:hover .projectImageSwiper .project-image-prev,#Projects .project-wrapper .projectsSwiper .project-slide:hover .projectImageSwiper .project-image-next{opacity:1;}#Projects .project-wrapper .projectsSwiper .project-slide:hover .projectImageSwiper .project-image-pagination{opacity:1;}}#Projects .project-wrapper .projectsSwiper .project-slide.gap{margin-bottom:0;}#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper{position:relative;}#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper:before{position:absolute;content:"";background:radial-gradient(57.27% 57.27% at 50% 42.73%,rgba(6,6,6,0) 0%,rgba(0,0,0,.6) 100%);width:100%;height:100%;z-index:2;top:0;left:0;opacity:0;transition:opacity .3s ease;}#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-slide .project-images{width:100%;min-height:449px;object-fit:cover;}@media screen and (min-width:1600px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-slide .project-images{min-height:28.063vw;}}@media screen and (max-width:960px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-slide .project-images{min-height:449px;}}@media screen and (max-width:430px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-slide .project-images{min-height:104.419vw;}}#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-prev,#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-next{position:absolute;top:50%;z-index:2;width:15px;height:15px;transform:translateY(-50%);cursor:pointer;opacity:0;transition:opacity .3s ease;}@media screen and (min-width:1600px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-prev,#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-next{width:.938vw;height:.938vw;}}@media screen and (max-width:960px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-prev,#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-next{width:15px;height:15px;opacity:1;}}@media screen and (max-width:430px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-prev,#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-next{width:3.488vw;height:3.488vw;}}#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-prev.swiper-button-disabled,#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-next.swiper-button-disabled{opacity:.35;}#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-prev{left:12px;}@media screen and (min-width:1600px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-prev{left:.75vw;}}@media screen and (max-width:960px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-prev{left:12px;}}@media screen and (max-width:430px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-prev{left:2.791vw;}}#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-next{right:12px;}@media screen and (min-width:1600px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-next{right:.75vw;}}@media screen and (max-width:960px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-next{right:12px;}}@media screen and (max-width:430px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-next{right:2.791vw;}}#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-pagination{bottom:12.3px;opacity:0;transition:opacity .3s ease;}@media screen and (min-width:1600px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-pagination{bottom:.769vw;}}@media screen and (max-width:960px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-pagination{bottom:12.3px;}}@media screen and (max-width:430px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-pagination{bottom:2.86vw;}}#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-pagination .swiper-pagination-bullet{width:5px;height:5px;background:rgba(217,217,217,.3);opacity:1;margin:0 4px;}@media screen and (min-width:1600px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-pagination .swiper-pagination-bullet{width:.313vw;height:.313vw;margin:0 .25vw;}}@media screen and (max-width:960px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-pagination .swiper-pagination-bullet{width:5px;height:5px;margin:0 4px;}}@media screen and (max-width:430px){#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-pagination .swiper-pagination-bullet{width:1.163vw;height:1.163vw;margin:0 .93vw;}}#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper .project-image-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper.single-image .project-image-prev,#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper.single-image .project-image-next{display:none;}#Projects .project-wrapper .projectsSwiper .project-slide .projectImageSwiper.single-image .project-image-pagination{display:none;}#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper{display:flex;flex-direction:column;justify-content:space-between;min-height:168px;margin:13px 10px 0;}@media screen and (min-width:1600px){#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper{min-height:10.5vw;margin:.813vw .625vw 0;}}@media screen and (max-width:960px){#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper{min-height:185px;margin:12.7px 10px 0;}}@media screen and (max-width:430px){#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper{min-height:43.023vw;margin:2.953vw 2.326vw 0;}}#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper .project-text-inner .project-name{font-family:KHU-Bold;font-size:18px;color:#000;margin-bottom:16px;}@media screen and (min-width:1600px){#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper .project-text-inner .project-name{margin-bottom:1vw;}}@media screen and (min-width:1920px){#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper .project-text-inner .project-name{font-size:.938vw;}}@media screen and (max-width:960px){#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper .project-text-inner .project-name{font-size:18px;margin-bottom:16px;}}@media screen and (max-width:430px){#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper .project-text-inner .project-name{font-size:4.186vw;margin-bottom:3.721vw;}}#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper .project-text-inner .project-desc{font-size:18px;line-height:22px;color:#000;}@media screen and (min-width:1920px){#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper .project-text-inner .project-desc{font-size:.938vw;line-height:1.146vw;}}@media screen and (max-width:960px){#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper .project-text-inner .project-desc{font-size:16px;line-height:22px;}}@media screen and (max-width:430px){#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper .project-text-inner .project-desc{font-size:3.721vw;line-height:5.116vw;}}#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper .project-category{font-size:18px;letter-spacing:.7px;color:#5e4737;margin-top:16px;}@media screen and (min-width:1600px){#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper .project-category{margin-top:.833vw;}}@media screen and (min-width:1920px){#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper .project-category{font-size:.729vw;letter-spacing:.036vw;}}@media screen and (max-width:960px){#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper .project-category{font-size:14px;letter-spacing:.7px;margin-top:16px;}}@media screen and (max-width:430px){#Projects .project-wrapper .projectsSwiper .project-slide .project-text-wapper .project-category{font-size:3.256vw;margin-top:3.721vw;}}