.project_detail-page footer .logo{width:50px}.project_detail-page footer .logo img{display:none}.project_detail-page footer .container{gap:20px 0}@media only screen and (max-width: 1024px){.project_detail-page footer .logo{width:auto}.project_detail-page footer .logo img{display:block}.project_detail-page footer .container{gap:20px 30px}}@media only screen and (max-width: 900px){.project_detail-page footer .logo{width:100%}}.project_detail-page .notice-wrap{width:100%;height:70px;padding:20px 30px;display:flex;justify-content:space-between;align-items:center}.project_detail-page .notice-wrap .notice{display:none;flex-wrap:nowrap;gap:10px}.project_detail-page .notice-wrap .notice.show{display:flex}.project_detail-page .notice-wrap .icon{display:flex;justify-content:center;align-items:center;gap:10px;font-size:22px}@media only screen and (max-width: 1024px){.project_detail-page .notice-wrap{height:auto;padding:30px 20px}.project_detail-page .notice-wrap .notice{display:none!important}}.project_detail-page .project{width:100%}.project_detail-page .project-outer{width:100%;position:relative}.project_detail-page .project-outer:before,.project_detail-page .project-outer:after{content:"";position:absolute;top:0;width:50%;height:100%;background-color:var(--white);opacity:1;z-index:2;transition:width 1s .2s ease-in-out,opacity 1s .6s ease-in-out}.project_detail-page .project-outer:before{left:0}.project_detail-page .project-outer:after{right:0}.project_detail-page .project-outer.aost-show:after,.project_detail-page .project-outer.aost-show:before{width:0%;opacity:0}@media only screen and (max-width: 1024px){.project_detail-page .project-outer:before,.project_detail-page .project-outer:after{display:none}}.project_detail-page .swiper-box{position:relative;cursor:grab}.project_detail-page .swiper-box.btn{cursor:none}.project_detail-page .swiper-box.touch{cursor:grabbing}.project_detail-page .swiper-box.touch #cursor{cursor:none}.project_detail-page .swiper-box [linkarea]{cursor:pointer}@media only screen and (max-width: 1024px){.project_detail-page .swiper-box{cursor:default}}.project_detail-page #cursor{position:absolute;width:25px;height:25px;display:flex;justify-content:center;align-items:center;pointer-events:none;z-index:9;transform:translate(-50%,-50%)}.project_detail-page #cursor i{position:absolute;top:50%;left:50%;font-size:22px;color:var(--red);transform:translate(-50%,-50%) scale(.1);opacity:0;visibility:hidden;object-fit:contain;transition:.4s;cursor:none;text-shadow:1px 1px 0px #fff,-1px 1px 0px #fff,1px -1px 0px #fff,-1px -1px 0px #fff,0px 1px 0px #fff,0px -1px 0px #fff,1px 0px 0px #fff,-1px 0px 0px #fff}.project_detail-page #cursor.right{cursor:none}.project_detail-page #cursor.right .icon-cursor-next{pointer-events:auto;visibility:visible;animation:arrow .5s ease-in 1 forwards;cursor:none}.project_detail-page #cursor.left{cursor:none}.project_detail-page #cursor.left .icon-cursor-prev{pointer-events:auto;visibility:visible;cursor:none;animation:arrow .5s ease-in 1 forwards}@keyframes arrow{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media only screen and (max-width: 1024px){.project_detail-page #cursor{display:none}}.project_detail-page .projectSwiper{position:relative;width:100%;overflow:hidden;display:grid;grid-template-columns:30px repeat(16,1fr) 30px}@media only screen and (max-width: 767px){.project_detail-page .projectSwiper{grid-template-columns:20px repeat(10,1fr) 20px}}.project_detail-page .banner-rwd{display:none}@media only screen and (max-width: 1024px){.project_detail-page .banner-rwd{position:relative;display:block;grid-column:3/-3;width:100%;min-height:440px;margin-bottom:30px}.project_detail-page .banner-rwd:before,.project_detail-page .banner-rwd:after{content:"";position:absolute;top:0;width:51%;height:101%;background-color:var(--white);opacity:1;z-index:2;transition:width .8s ease-in-out,opacity .6s .4s ease-in-out}.project_detail-page .banner-rwd:before{left:-.5%}.project_detail-page .banner-rwd:after{right:-.5%}.project_detail-page .banner-rwd.aost-show:after,.project_detail-page .banner-rwd.aost-show:before{width:0%;opacity:0}.project_detail-page .banner-rwd .img{position:relative;width:100%;height:100%}.project_detail-page .banner-rwd .img:after{content:"";display:block;width:100%;height:100%;padding-bottom:117.369%}.project_detail-page .banner-rwd .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}@media only screen and (max-width: 767px){.project_detail-page .banner-rwd{grid-column:1/-1}}.project_detail-page .project-wrapper{display:flex;align-items:stretch;padding-left:30px;touch-action:pan-y}@media only screen and (max-width: 1024px){.project_detail-page .project-wrapper{display:grid;grid-template-columns:subgrid;padding-left:0;grid-column:3/-3}}@media only screen and (max-width: 767px){.project_detail-page .project-wrapper{grid-column:1/-1}}.project_detail-page .project-slide{position:relative;height:40.10417vw;min-height:600px;align-self:stretch;flex-shrink:0}.project_detail-page .project-slide:not(:last-child){padding-right:78px}.project_detail-page .project-slide:last-child{padding-right:60px}@media only screen and (max-width: 1024px){.project_detail-page .project-slide{grid-column:1/-1;width:100%;height:max-content;min-height:unset;flex-shrink:unset}.project_detail-page .project-slide .inner{transform:translateY(50px);transition:1s;opacity:0}.project_detail-page .project-slide .inner.aost-show{opacity:1;transform:translateY(0)}.project_detail-page .project-slide:not(:last-child){padding-right:0}.project_detail-page .project-slide:last-child{padding-right:0}}@media only screen and (max-width: 767px){.project_detail-page .project-slide:not(.slide-image){padding-inline:20px}}.project_detail-page .slide-info .inner{width:16.1459vw;min-width:310px;height:100%;min-height:600px;position:relative;display:flex;flex-direction:column}@media only screen and (max-width: 1024px){.project_detail-page .slide-info .inner{width:100%;min-width:unset;height:auto;min-height:unset;gap:50px 0;padding-bottom:70px}}.project_detail-page .slide-info .up-box .fixed{margin-bottom:16.1291%;transition:margin-bottom .3s}@media only screen and (max-width: 1919px){.project_detail-page .slide-info .up-box .fixed{margin-bottom:30px}}@media only screen and (max-width: 1024px){.project_detail-page .slide-info .up-box .fixed{margin-bottom:50px}}.project_detail-page .slide-info .up-box .title{width:fit-content;display:block;transition:color .3s ease;margin-top:15px}@media only screen and (max-width: 1024px){.project_detail-page .slide-info .up-box .title{font-size:1.5rem}}.project_detail-page .slide-info .up-box .subtitle{margin-top:15px}.project_detail-page .slide-info .up-box .category{width:fit-content;color:var(--grey);display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;transition:color .3s ease}.project_detail-page .slide-info .up-box .category .en{font-family:Sarabun}.project_detail-page .slide-info .up-box .category .dot{display:inline-block;width:5px;height:5px;background:var(--red)}@media only screen and (min-width: 1201px){.project_detail-page .slide-info .up-box .category:hover{color:var(--red)}}@media only screen and (max-width: 1200px){.project_detail-page .slide-info .up-box .category:active{color:var(--red)}}.project_detail-page .slide-info .roll{position:relative;width:100%;display:flex;flex-direction:column;gap:50px 0;transition:.3s}@media only screen and (max-width: 1919px){.project_detail-page .slide-info .roll{gap:30px 0}}@media only screen and (max-width: 1024px){.project_detail-page .slide-info .roll{gap:50px 0}}.project_detail-page .slide-info .top{color:var(--grey)}.project_detail-page .slide-info .top .size{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project_detail-page .slide-info .top .date{margin-top:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project_detail-page .slide-info .top .service li{margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media only screen and (max-width: 1024px){.project_detail-page .slide-info .top .size,.project_detail-page .slide-info .top .date,.project_detail-page .slide-info .top .service li{display:block;overflow:unset;text-overflow:unset;white-space:unset}.project_detail-page .slide-info .top .service li:not(:first-child){display:block}}.project_detail-page .slide-info .bottom{color:var(--grey)}.project_detail-page .slide-info .bottom .f-paragraph{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project_detail-page .slide-info .bottom .award li:not(:first-child){margin-top:5px}@media only screen and (max-width: 1024px){.project_detail-page .slide-info .bottom .f-paragraph{display:block;overflow:unset;text-overflow:unset;white-space:unset}}.project_detail-page .slide-info .btn-group{display:flex;align-items:center;gap:15px}.project_detail-page .slide-info .btn-group .dot{display:inline-block;width:5px;height:5px;background:var(--red)}.project_detail-page .slide-info .btn-group .f-btn{transition:color .3s ease}@media only screen and (min-width: 1201px){.project_detail-page .slide-info .btn-group .f-btn:hover{color:var(--red)}}@media only screen and (max-width: 1200px){.project_detail-page .slide-info .btn-group .f-btn:active{color:var(--red)}}@media only screen and (max-width: 1024px){.project_detail-page .slide-info .btn-group .related.f-btn,.project_detail-page .slide-info .btn-group .dot{display:none}}.project_detail-page .slide-info .down-box{width:100%;margin-top:auto}.project_detail-page .slide-info .down-box .logo-wrap{width:100%;max-height:50px;display:flex;align-items:center;gap:10px 15px;overflow:hidden}.project_detail-page .slide-info .down-box .logo-wrap img{align-self:center;width:auto;height:auto;max-height:50px;object-fit:contain}@media only screen and (max-width: 1024px){.project_detail-page .slide-info .down-box .logo-wrap{max-height:unset;flex-wrap:wrap;gap:15px}}.project_detail-page .slide-image .inner{width:auto;height:100%;max-height:770px}@media only screen and (min-width: 1921px){.project_detail-page .slide-image .inner{max-height:40.1041666667vw}}.project_detail-page .slide-image .img-box{width:100%;height:100%}.project_detail-page .slide-image .img-box img{width:auto;height:100%;object-fit:cover}@media only screen and (max-width: 1024px){.project_detail-page .slide-image .inner{width:100%;max-height:unset;padding:10px 0}.project_detail-page .slide-image .img-box img{width:100%;height:auto}.project_detail-page .slide-image+.slide-image{margin-top:-10px}}.project_detail-page .slide-cotent .inner{width:16.1459vw;min-width:310px;color:var(--grey)}.project_detail-page .slide-cotent .f-paragraph-5{margin-bottom:30px;color:var(--black)}@media only screen and (max-width: 1024px){.project_detail-page .slide-cotent .inner{width:100%;min-width:unset;padding:20px 0}}.project_detail-page .slide-detail{flex:1}.project_detail-page .slide-detail .inner{height:100%;display:flex;flex-direction:column}.project_detail-page .slide-detail .detail-box{display:flex;height:calc(100% - 150px);margin-bottom:auto;gap:50px}.project_detail-page .slide-detail .detail-item{height:100%}.project_detail-page .slide-detail .detail-item .title{display:flex;flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:50px}.project_detail-page .slide-detail .detail-item .content{height:calc(100% - 68px);color:var(--grey);display:flex;flex-direction:column;flex-wrap:wrap;gap:5px 10px}.project_detail-page .slide-detail .detail-item li{width:18.4375vw;min-width:354px}.project_detail-page .slide-detail .logo-box{width:inherit;margin-top:40px}.project_detail-page .slide-detail .logo-box .logo-wrap{height:100%;max-height:110px;overflow:hidden;display:flex;flex-wrap:wrap;gap:10px 30px}.project_detail-page .slide-detail .logo-box .logo-wrap img{width:auto;height:50px;object-fit:contain}@media only screen and (max-width: 1024px){.project_detail-page .slide-detail{padding-top:70px}.project_detail-page .slide-detail .detail-box{flex-direction:column;height:auto;margin-bottom:unset}.project_detail-page .slide-detail .detail-item .title{margin-bottom:30px}.project_detail-page .slide-detail .detail-item .content{height:auto}.project_detail-page .slide-detail .detail-item li{width:100%}.project_detail-page .slide-detail .logo-box{margin-top:50px}.project_detail-page .slide-detail .logo-box .logo-wrap{height:auto;max-height:unset;overflow:unset}}.project_detail-page .slide-location .inner{height:100%;display:flex;justify-content:space-between;gap:50px 78px}.project_detail-page .slide-location .location-info{width:32.2917vw}.project_detail-page .slide-location .location-info .title{padding:1.5px 0;display:flex;flex-wrap:wrap;align-items:center}.project_detail-page .slide-location .location-info span{vertical-align:middle}.project_detail-page .slide-location .location-info .icon-location{width:15px;font-size:20px;margin-right:15px;color:var(--red)}.project_detail-page .slide-location .location-info .f-title-deco-en{margin-right:5px}.project_detail-page .slide-location .location-info .content{margin-top:50px;color:var(--grey)}.project_detail-page .slide-location .location-info .more-btn-arrow{margin-top:50px}.project_detail-page .slide-location .location-map{width:56.5105vw;min-width:600px;height:100%}@media only screen and (max-width: 1024px){.project_detail-page .slide-location{padding-top:80px}.project_detail-page .slide-location .inner{flex-direction:column}.project_detail-page .slide-location .location-info{width:100%}.project_detail-page .slide-location .location-map{width:100%;min-width:unset;height:500px;pointer-events:none}.project_detail-page .slide-location .location-map iframe{pointer-events:auto}}.project_detail-page .slide-related .inner{height:100%;display:flex;flex-direction:column;justify-content:space-between}.project_detail-page .slide-related .title{align-self:flex-start;display:flex;flex-wrap:wrap;align-items:center;gap:5px}.project_detail-page .slide-related .related-wrap{display:flex;gap:78px}.project_detail-page .slide-related .related-box{position:relative;width:40.3646vw;display:block;min-height:400px;min-width:575px}.project_detail-page .slide-related .related-box .img-box{pointer-events:auto;position:relative;width:100%;height:100%}.project_detail-page .slide-related .related-box .img-box:after{content:"";display:block;width:100%;height:100%;padding-bottom:69.5483%}.project_detail-page .slide-related .related-box .img-box img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.project_detail-page .slide-related .related-box .layer-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px;padding:30px;color:var(--white);z-index:1;opacity:0;pointer-events:none;transition:.3s .1s}.project_detail-page .slide-related .related-box .layer-content .location{opacity:.8}.project_detail-page .slide-related .related-box:hover .layer-content{opacity:1}@media only screen and (max-width: 1024px){.project_detail-page .slide-related{padding-top:80px}.project_detail-page .slide-related .inner{width:100%;gap:50px}.project_detail-page .slide-related .related-wrap{flex-direction:column;gap:50px}.project_detail-page .slide-related .related-box{width:100%;min-height:unset;min-width:unset;display:flex;flex-direction:column;gap:30px}.project_detail-page .slide-related .related-box .layer{display:none}.project_detail-page .slide-related .related-box .layer-content{position:static;justify-content:start;align-items:start;opacity:1;padding:0}.project_detail-page .slide-related .related-box .layer-content .f-title-item{color:var(--black)}.project_detail-page .slide-related .related-box .layer-content .location{color:var(--grey)}.project_detail-page .slide-related .related-box .layer-content .f-title-item,.project_detail-page .slide-related .related-box .layer-content .location{opacity:1;transition:.3s;z-index:2}.project_detail-page .slide-related .related-box:hover .layer-content .f-title-item{color:var(--red)}.project_detail-page .slide-related .related-box:hover .layer-content .location{color:var(--grey)}}.project_detail-page .slide-share .inner{width:28.2292vw;height:100%;margin:auto 0;display:flex}.project_detail-page .slide-share .share-box{min-width:213px}@media only screen and (max-width: 1024px){.project_detail-page .slide-share .inner{width:100%;height:auto}.project_detail-page .slide-share .share-box{margin:80px auto 60px 0;min-width:unset}}