.container{max-width:1210px;padding:0 20px;margin:0 auto}.project{padding:145px 0 180px}.project .kboard-project-list .list-wrap{display:block;grid-template-columns:1fr 1fr 1fr}.project .kboard-project-list .list-wrap .recode{width:calc(33% - 15px);height:300px;background:red;margin:0 5px 25px;background-position:center;background-size:100%;background-repeat:no-repeat;transition:1s;background-color:#eee}.project .kboard-project-list .list-wrap .recode .cover{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(0deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45));display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 13%;overflow:hidden;opacity:0;transition:1s}.project .kboard-project-list .list-wrap .recode .cover .list-year{font-weight:400;font-size:14px;line-height:17px;color:#FFFFFF;text-align:center;position:relative;left:-85%;transition:1s}.project .kboard-project-list .list-wrap .recode .cover .list-title{font-weight:600;font-size:18px;line-height:21px;color:#FFFFFF;text-align:center;position:relative;right:-120%;transition:1s}.project .kboard-project-list .list-wrap .recode:hover{background-size:120%;transition:1s}.project .kboard-project-list .list-wrap .recode:hover .cover{opacity:1;transition:1s}.project .kboard-project-list .list-wrap .recode:hover .cover .list-year{left:0;transition:1s}.project .kboard-project-list .list-wrap .recode:hover .cover .list-title{right:0;transition:1s}.project .kboard-project-list .list-wrap .recode:nth-child(1){height:0px;padding-top:43%}.project .kboard-project-list .list-wrap .recode:nth-child(2){height:0px;padding-top:30%}.project .kboard-project-list .list-wrap .recode:nth-child(3){height:0px;padding-top:43%}.project .kboard-project-list .list-wrap .recode:nth-child(4){height:0px;padding-top:43%}.project .kboard-project-list .list-wrap .recode:nth-child(5){height:0px;padding-top:30%}.project .kboard-project-list .list-wrap .recode:nth-child(6){height:0px;padding-top:43%}.project .kboard-project-list .list-wrap .recode:nth-child(7){height:0px;padding-top:43%}.project .kboard-project-list .list-wrap .recode:nth-child(8){height:0px;padding-top:30%}.project .kboard-project-list .list-wrap .recode:nth-child(9){height:0px;padding-top:43%}.project .kboard-project-list .list-wrap .recode:nth-child(10){height:0px;padding-top:30%}.project .kboard-project-list .pagination{margin-top:50px}.project .kboard-project-list .pagination .pagination-pages{display:flex;justify-content:center;align-items:flex-start;column-gap:15px}.project .kboard-project-list .pagination .pagination-pages li a{font-weight:400;font-size:16px;line-height:19px;color:#222222;width:28px;height:28px;display:flex;justify-content:center;align-items:center;border:1px solid #D4D4D4;background-color:white}.project .kboard-project-list .pagination .pagination-pages li.active a{border:1px solid #FDB915;color:white;background-color:#FDB915}.project .kboard-project-list .pagination .pagination-pages .first-page{display:none}.project .kboard-project-list .pagination .pagination-pages .prev-page a{width:28px;height:28px;display:flex;justify-content:center;align-items:center;border:1px solid #D4D4D4;background-color:white}.project .kboard-project-list .pagination .pagination-pages .prev-page a .icon-prev{content:url(../images/notice/ic-pagination-arrow-gray.png)}.project .kboard-project-list .pagination .pagination-pages .next-page a{width:28px;height:28px;display:flex;justify-content:center;align-items:center;border:1px solid #D4D4D4;background-color:white}.project .kboard-project-list .pagination .pagination-pages .next-page a .icon-next{content:url(../images/notice/ic-pagination-arrow-gray.png);transform:rotate(180deg)}.project .kboard-project-list .pagination .pagination-pages .last-page{display:none}.project .kboard-project-document .document-wrap .url-link{display:flex;column-gap:5px;margin-bottom:40px}.project .kboard-project-document .document-wrap .url-link .link{font-weight:500;font-size:18px;line-height:22px;color:#222222}.project .kboard-project-document .document-wrap .url-link .link-home a{font-family:'Cormorant Garamond', sans-serif;font-weight:500;font-size:19px;line-height:22px;color:#222222}.project .kboard-project-document .document-wrap .url-link .link-project a{font-family:'Cormorant Garamond', sans-serif;font-weight:500;font-size:19px;line-height:22px;color:#222222}.project .kboard-project-document .document-wrap .img-wrap{display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:30px;row-gap:30px;margin-bottom:50px}.project .kboard-project-document .document-wrap .img-wrap .img-set{background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer}.project .kboard-project-document .document-wrap .img-wrap .main-img{grid-row:1 / span 2}.project .kboard-project-document .document-wrap .img-wrap .sub-img1{padding-top:66%}.project .kboard-project-document .document-wrap .img-wrap .sub-img2{padding-top:66%}.project .kboard-project-document .document-wrap .img-wrap .sub-img3{padding-top:66%}.project .kboard-project-document .document-wrap .img-wrap .sub-img4{padding-top:66%}.project .kboard-project-document .document-wrap .title h1{font-weight:600;font-size:40px;line-height:48px;color:#222222;margin-bottom:20px}.project .kboard-project-document .document-wrap .title .content-wrap{display:grid;grid-template-columns:1fr 200px;margin-bottom:100px}.project .kboard-project-document .document-wrap .title .content-wrap .content{font-weight:400;font-size:16px;line-height:24px;color:#222222}.project .kboard-project-document .document-wrap .title .content-wrap .right .info{margin-bottom:15px}.project .kboard-project-document .document-wrap .title .content-wrap .right .info .info-title{font-weight:500;font-size:16px;line-height:26px;color:#222222}.project .kboard-project-document .document-wrap .title .content-wrap .right .info .info-text{font-weight:400;font-size:16px;line-height:26px;color:#222222}.project .kboard-project-document .document-navi{display:grid;grid-template-columns:1fr 40px 1fr;column-gap:20px;padding:45px 30px 0;border-top:1px solid #D4D4D4}.project .kboard-project-document .document-navi .prev-document{display:flex;justify-content:center}.project .kboard-project-document .document-navi .next-document{display:flex;justify-content:center}.project .kboard-project-document .document-navi .navi-text{font-family:'Cormorant Garamond', sans-serif;font-weight:500;font-size:14px;line-height:17px;color:#888888}.project .kboard-project-document .document-navi .navi-text.next{text-align:right}.project .kboard-project-document .document-navi .navi-document-title{font-weight:500;font-size:14px;line-height:17px;color:#888888}.project .kboard-project-document .document-navi .navi-document-title.next{text-align:right}.project .kboard-project-document .document-navi .go-list{display:block;content:url(../images/notice/ic-go-list.png)}.project .kboard-project-document .img-slider{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.75);z-index:120;display:none}.project .kboard-project-document .img-slider .slider-position{width:100%;max-width:450px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.project .kboard-project-document .img-slider .slider-position .close{content:url(/wp-content/themes/default/assets/images/project-img/ic-close-white.png);position:absolute;right:-50px;top:-50px;cursor:pointer}.project .kboard-project-document .img-slider .slider-position .swiper-wrapper{align-items:center}.project .kboard-project-document .img-slider .slider-position .img-wrap .img{width:100%;padding-top:66%;background-size:cover;background-position:center;background-repeat:no-repeat}.project .kboard-project-document .img-slider .slider-position .img-wrap .img.main{padding-top:140%}.project .kboard-project-document .img-slider .navigation{width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.project .kboard-project-document .img-slider .navigation .navigation-prev{cursor:pointer;position:absolute;left:-50%;content:url(/wp-content/themes/default/assets/images/project-img/ic-slide-left.png)}.project .kboard-project-document .img-slider .navigation .navigation-next{cursor:pointer;position:absolute;right:-50%;content:url(/wp-content/themes/default/assets/images/project-img/ic-slide-right.png)}.project .kboard-project-document .img-slider.active{display:block}@media screen and (max-width:1024px){.project .kboard-project-document .document-wrap .img-wrap{column-gap:15px;row-gap:15px}.project .kboard-project-document .document-wrap .title .content-wrap{column-gap:40px}.project .kboard-project-document .img-slider .navigation .navigation-prev{left:-90px}.project .kboard-project-document .img-slider .navigation .navigation-next{right:-90px}}@media (max-width:768px){.project .kboard-project-list .list-wrap .recode{width:100%;margin:0 0 20px}.project .kboard-project-list .list-wrap .recode:nth-child(1){height:0px;padding-top:140%}.project .kboard-project-list .list-wrap .recode:nth-child(2){height:0px;padding-top:100%}.project .kboard-project-list .list-wrap .recode:nth-child(3){height:0px;padding-top:140%}.project .kboard-project-list .list-wrap .recode:nth-child(4){height:0px;padding-top:140%}.project .kboard-project-list .list-wrap .recode:nth-child(5){height:0px;padding-top:100%}.project .kboard-project-list .list-wrap .recode:nth-child(6){height:0px;padding-top:140%}.project .kboard-project-list .list-wrap .recode:nth-child(7){height:0px;padding-top:140%}.project .kboard-project-list .list-wrap .recode:nth-child(8){height:0px;padding-top:100%}.project .kboard-project-list .list-wrap .recode:nth-child(9){height:0px;padding-top:140%}.project .kboard-project-list .list-wrap .recode:nth-child(10){height:0px;padding-top:100%}.project .kboard-project-document .document-wrap .url-link .link{font-size:14px}.project .kboard-project-document .document-wrap .url-link .link a{font-size:14px}.project .kboard-project-document .document-wrap .img-wrap{grid-template-columns:1fr;margin-bottom:30px}.project .kboard-project-document .document-wrap .img-wrap .main-img{padding-top:140%}.project .kboard-project-document .document-wrap .title h1{font-size:20px;line-height:24px;margin-bottom:15px}.project .kboard-project-document .document-wrap .title .content-wrap{grid-template-columns:1fr;margin-bottom:40px}.project .kboard-project-document .document-wrap .title .content-wrap .content{font-size:14px;line-height:24px;margin-bottom:40px}.project .kboard-project-document .document-navi{padding:20px 10px 0}.project .kboard-project-document .img-slider.active{display:none}}