@keyframes bounce{0%,20%,50%,80%,to{transform:translate(0)}40%{transform:translate(-8px)}60%{transform:translate(-4px)}}@keyframes bounce2{0%,to{transform:translate(0)}50%{transform:translate(10px)}}html,body{overflow-x:clip}.projects .search-area{margin-top:3.75rem}.projects .search-area .search{border-bottom:1px solid #b2b2b2;padding:.75rem 0;position:relative}.projects .search-area .search input{box-sizing:border-box;border:0;width:100%;padding-right:1.875rem;font-family:Poppins,Noto Sans KR,Noto Sans,Malgun Gothic,맑은 고딕,sans-serif;font-size:1rem;font-weight:500;line-height:1.25rem;display:block}.projects .search-area .search input::placeholder{color:#b2b2b2}.projects .search-area .search a{text-indent:-10000px;background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Icon_search'%3e%3cpath%20id='Vector'%20d='M17.5%2017.5L13.1694%2013.1694M13.1694%2013.1694C14.3004%2012.0384%2015%2010.4759%2015%208.75C15%205.29822%2012.2018%202.5%208.75%202.5C5.29822%202.5%202.5%205.29822%202.5%208.75C2.5%2012.2018%205.29822%2015%208.75%2015C10.4759%2015%2012.0384%2014.3004%2013.1694%2013.1694Z'%20stroke='%23B2B2B2'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;width:1.25rem;height:1.25rem;font-size:0;line-height:0;display:block;position:absolute;inset:.75rem 0 auto auto}.projects .search-area .search.on{border-bottom:1px solid #111}.projects .search-area .search.on a{background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Icon_search'%3e%3cpath%20id='Vector'%20d='M17.5%2017.5L13.1694%2013.1694M13.1694%2013.1694C14.3004%2012.0384%2015%2010.4759%2015%208.75C15%205.29822%2012.2018%202.5%208.75%202.5C5.29822%202.5%202.5%205.29822%202.5%208.75C2.5%2012.2018%205.29822%2015%208.75%2015C10.4759%2015%2012.0384%2014.3004%2013.1694%2013.1694Z'%20stroke='%23111'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/svg%3e")}.projects .search-area .filter{margin-top:1.875rem}.projects .search-area .filter.on>a i:before{opacity:0;transform:translateY(-50%)rotate(-90deg)}.projects .search-area .filter.on>a i:after{transform:translateY(-50%)rotate(0)}.projects .search-area .filter.on .drawer{max-height:62.5rem;transition:max-height .3s}.projects .search-area .filter>a{padding-right:1.375rem;font-size:1rem;font-weight:500;line-height:1.25rem;display:inline-block;position:relative}.projects .search-area .filter>a i{width:.875rem;height:.875rem;display:block;position:absolute;inset:0 0 auto auto}.projects .search-area .filter>a i:before,.projects .search-area .filter>a i:after{content:"";background-color:#111;width:100%;height:.0625rem;transition:all .25s;display:block;position:absolute;inset:50% auto auto 0}.projects .search-area .filter>a i:before{transform:translateY(-50%)}.projects .search-area .filter>a i:after{transform:translateY(-50%)rotate(90deg)}.projects .search-area .filter .drawer{max-height:0;transition:max-height .3s;overflow:hidden}.projects .search-area .filter .filter-group .filter-item{max-height:2.8125rem;margin-top:1.625rem;transition:max-height .5s}.projects .search-area .filter .filter-group .filter-item:first-of-type{margin-top:1.25rem}.projects .search-area .filter .filter-group .filter-item.on{max-height:34.375rem}.projects .search-area .filter .filter-group .filter-item.on a:before{transform:rotate(180deg)}.projects .search-area .filter .filter-group .filter-item.on label{opacity:1}.projects .search-area .filter .filter-group .filter-item a{border-bottom:1px solid #111;padding:.75rem 0 .75rem 1.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:block;position:relative}.projects .search-area .filter .filter-group .filter-item a:before{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Icon_large_arrow_black'%3e%3cpath%20id='Vector%206'%20d='M6%208L10%2012L14%208'%20stroke='%23111111'%20stroke-width='1.06667'%20stroke-linecap='square'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;width:1.25rem;height:1.25rem;display:block;position:absolute;inset:.6875rem auto auto 0}.projects .search-area .filter .filter-group .filter-item label{cursor:pointer;opacity:0;white-space:nowrap;margin-top:.75rem;font-size:.875rem;line-height:1.25rem;transition:opacity .2s;display:block}.projects .search-area .filter .filter-group .filter-item label:first-of-type{margin-top:1.25rem}.projects .search-area .filter .filter-group .filter-item label input[type=checkbox]{width:0;height:0;position:absolute;left:-625rem}.projects .search-area .filter .filter-group .filter-item label input[type=checkbox]+i{vertical-align:text-top;width:1.25rem;height:1.25rem;margin-right:.25rem;display:inline-block;position:relative}.projects .search-area .filter .filter-group .filter-item label input[type=checkbox]+i:before{content:"";background-color:#fff;border:1px solid #b2b2b2;width:.625rem;height:.625rem;display:block;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.projects .search-area .filter .filter-group .filter-item label input[type=checkbox]~span{color:#b2b2b2}.projects .search-area .filter .filter-group .filter-item label input[type=checkbox]:checked+i:before{color:#111;background-color:#111;border:1px solid #111}.projects .search-area .filter .filter-group .filter-item label input[type=checkbox]:checked~span{color:#111}.projects .search-area .filter .filter-group .years{margin-top:2.5rem;display:flex}.projects .search-area .filter .filter-group .years .select{box-sizing:content-box;border-bottom:1px solid #111;flex-grow:1;height:1.25rem;padding-bottom:.75rem;padding-left:.75rem;position:relative}.projects .search-area .filter .filter-group .years .select:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Icon_large_arrow_black'%3e%3cpath%20id='Vector%206'%20d='M6%208L10%2012L14%208'%20stroke='%23111111'%20stroke-width='1.06667'%20stroke-linecap='square'/%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;width:1.25rem;height:1.25rem;display:block;position:absolute;inset:0 0 auto auto}.projects .search-area .filter .filter-group .years .select select{background:0 0;border:0;width:100%;height:100%;font-family:Poppins,Noto Sans KR,Noto Sans,Malgun Gothic,맑은 고딕,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25rem}.projects .search-area .filter .filter-group .years>span{margin-left:.375rem;margin-right:.375rem}.projects .search-area .filter .filter-group .years a{margin-left:1rem;padding-left:1.125rem;font-size:.875rem;font-weight:500;line-height:1.25rem;display:block;position:relative}.projects .search-area .filter .filter-group .years a:before{content:"";background-image:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='Frame%201321319794'%3e%3cg%20id='Group%202609938'%3e%3cpath%20id='Ellipse%2020'%20d='M13.2891%208.60333C13.2891%2011.4445%2010.9859%2013.7477%208.14472%2013.7477C5.30357%2013.7477%203.00037%2011.4445%203.00037%208.60333C3.00037%205.76219%205.30357%203.45898%208.14472%203.45898C9.56209%203.45898%2010.8456%204.03219%2011.776%204.95944'%20stroke='%23111111'%20stroke-linecap='round'/%3e%3cpath%20id='Vector%201040'%20d='M12.0781%202.25V5.27609H9.05204'%20stroke='%23111111'%20stroke-linecap='round'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;width:1rem;height:1rem;display:block;position:absolute;inset:0 auto auto 0}.projects .list{width:100%;margin-top:2.5rem}.projects .list ul{flex-direction:column;gap:4.5rem;width:100%;display:flex;position:relative}.projects .list ul li{cursor:pointer;box-sizing:border-box;will-change:transform, opacity;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1.25rem;width:100%;height:auto;padding:0;display:flex;position:relative}.projects .list ul li .img{aspect-ratio:16/10;border-radius:12px;width:100%;overflow:hidden;box-shadow:0 15px 35px #0000000f}.projects .list ul li .img img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.16,1,.3,1);position:relative;transform:scale(1)}.projects .list ul li .info-box{text-align:left;flex-direction:column;align-items:flex-start;gap:.5rem;width:100%;display:flex}.projects .list ul li .info-box .title{color:#111;font-size:1.5rem;font-weight:700;line-height:1.2}.projects .list ul li .info-box .category{color:#888;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:500}.projects .list ul li .info-box .desc{color:#555;word-break:keep-all;margin-top:.375rem;font-size:.95rem;font-weight:400;line-height:1.6}.no-touch .projects .list ul li:hover img{transform:scale(1.1)}.projects .empty{color:#b2b2b2;justify-content:center;align-items:center;padding:12.5rem 0;display:flex}.projects .loading{color:#b2b2b2;justify-content:center;align-items:center;height:100vh;display:flex}@media (width>=768px){.projects .search-area{margin-top:5rem;position:relative}.projects .search-area .search{width:22.5rem;position:absolute;inset:0 0 auto auto}.projects .search-area .filter{margin:0;padding-top:.75rem}.projects .list{margin-top:4rem}.projects .list ul{gap:6rem}.projects .list ul li{padding:0}}@media (width>=1024px){.projects .search-area{margin-top:5.625rem}.projects .search-area .search{width:26.875rem}.projects .search-area .filter .filter-group{grid-gap:1.25rem;grid-template-columns:repeat(4,1fr);margin-top:3.75rem;display:grid}.projects .search-area .filter .filter-group .filter-item,.projects .search-area .filter .filter-group .filter-item:first-of-type{margin-top:0}.projects .search-area .filter .filter-group .filter-item label:first-of-type{margin-top:1.5rem}.projects .search-area .filter .filter-group .years{margin-top:0;padding-top:.75rem}.projects .search-area .filter .filter-group .years .select{padding-left:.375rem}.projects .list{width:100vw;margin-top:2.75rem;position:relative;left:50%;overflow:hidden;transform:translate(-50%)}.projects .list ul{gap:0;width:100%;height:84vh;margin:0;display:block;position:relative}.projects .list ul li{box-sizing:border-box;opacity:0;pointer-events:none;align-items:center;width:100%;height:100%;margin-bottom:0;padding:0 4vw;display:flex;position:absolute;top:0;left:0}.projects .list ul li.active{pointer-events:auto}.projects .list ul li:nth-child(odd){flex-direction:row;justify-content:flex-start}.projects .list ul li:nth-child(odd) .info-box{text-align:left;align-items:flex-start;margin-left:5vw}.projects .list ul li:nth-child(2n){flex-direction:row-reverse;justify-content:flex-start}.projects .list ul li:nth-child(2n) .info-box{text-align:right;align-items:flex-end;margin-right:5vw}.projects .list ul li .img{aspect-ratio:16/9.5;flex-shrink:0;width:70%;max-width:1400px}.projects .list ul li .info-box{flex-direction:column;flex-shrink:0;gap:.875rem;width:23%;display:flex}.projects .list ul li .info-box .title{font-size:2.25rem}.projects .list ul li .info-box .category{font-size:1rem}.projects .list ul li .info-box .desc{margin-top:.5rem;font-size:1.05rem}}@media (width>=1440px){.projects .search-area{margin-top:7.5rem}.projects .search-area .search{width:34.6875rem}.projects .search-area .filter .filter-group{margin-top:2.25rem}.projects .search-area .filter .filter-group .years .select{padding-left:.75rem}.projects .list ul li{padding:0 6vw}.projects .list ul li:nth-child(odd) .info-box{margin-left:6vw}.projects .list ul li:nth-child(2n) .info-box{margin-right:6vw}.projects .list ul li .info-box{gap:1.25rem;width:22%}.projects .list ul li .info-box .title{font-size:2.75rem}.projects .list ul li .info-box .desc{margin-top:.75rem;font-size:1.125rem}}.portfolio-tab-wrapper-style{-webkit-backdrop-filter:blur(10px);z-index:40;background-color:#fffffff2;border-bottom:1px solid #0000000d;width:100%;margin-top:1.5rem;margin-bottom:2.5rem;position:sticky;top:0}@media (width>=1024px){.portfolio-tab-wrapper-style{top:0}}.portfolio-tab-list-style{box-sizing:border-box;white-space:nowrap;-webkit-overflow-scrolling:touch;width:100%;display:block;position:relative;overflow-x:auto}.portfolio-tab-list-style::-webkit-scrollbar{display:none}.portfolio-tab-list-style{-ms-overflow-style:none;scrollbar-width:none}.portfolio-tab-list-style ul{box-sizing:border-box;margin:0;padding:0;list-style:none;display:inline-flex;position:relative}.portfolio-tab-list-style ul li{z-index:1;width:auto;padding:0 1.25rem;display:inline-block;position:relative}.portfolio-tab-list-style ul li a{cursor:pointer;width:100%;padding:1.15rem 0;text-decoration:none;display:block}.portfolio-tab-list-style ul li a em{text-align:center;letter-spacing:-.025em;color:#0006;font-size:1.1rem;font-style:normal;font-weight:500;transition:color .3s,font-weight .3s;display:block}.portfolio-tab-list-style ul li.selected{z-index:2}.portfolio-tab-list-style ul li.selected a em{color:#000;font-weight:700}.portfolio-tab-list-style ul li:hover a em{color:#000}.portfolio-tab-list-style .move-line-wrap{pointer-events:none;box-sizing:border-box;width:100%;position:absolute;bottom:0;left:0}.portfolio-tab-list-style .tab-on-icon.move-line{z-index:1;width:100%;height:2px;position:absolute;bottom:0;left:0}.portfolio-tab-list-style .tab-on-icon.move-line>span{background-color:#000;height:2px;transition:background-color .5s;position:absolute;bottom:0;left:0}.projects .portfolio-upper-copy{text-align:center;margin-top:3rem;margin-bottom:1.25rem}.projects .portfolio-upper-copy span{letter-spacing:-.02em;color:#111;word-break:keep-all;font-size:1.5rem;font-weight:600;line-height:1.55;display:block}.projects .btn-wrap{justify-content:center;display:flex}@media (width>=768px){.projects .portfolio-upper-copy{margin-top:4rem}.projects .portfolio-upper-copy span{font-size:1.875rem;line-height:1.5}}