@media only screen and (min-width: 1921px){main{min-height:calc(100vh - 230px)}}.search-title{padding:75px 0}.search-title .search-box{grid-column:2/16}.search-title .title .en{margin-top:10px}.search-title .search-input{display:flex;margin-top:50px}.search-title .search-input .input-box{flex:1 0 0;padding-bottom:19px;border-bottom:1px solid var(--black-20)}.search-title .search-input .input-box input{width:100%;outline:none;border:none;height:29px;padding:0;background:none}.search-title .search-input .input-box input::placeholder{color:var(--grey);opacity:1}.search-title .search-input .input-box input:-ms-input-placeholder{color:var(--grey)}.search-title .search-input .input-box input::-ms-input-placeholder{color:var(--grey)}.search-title .search-input .icon{width:var(--frSpace);height:28px;display:flex;justify-content:center;align-items:center;font-size:15px;cursor:pointer;transition:.3s}@media only screen and (min-width: 1201px){.search-title .search-input .icon:hover{color:var(--red)}}@media only screen and (max-width: 1200px){.search-title .search-input .icon:active{color:var(--red)}}.search-title .content{margin-top:50px;color:var(--grey)}@media only screen and (max-width: 1200px){.search-title .search-box{grid-column:3/21}.search-title .content,.search-title .search-input{margin-top:30px}.search-title .search-input .icon{width:20px}}@media only screen and (max-width: 1024px){.search-title .search-box{grid-column:3/-3}}@media only screen and (max-width: 900px){.search-title{padding:50px 0 30px}}@media only screen and (max-width: 767px){.search-title .search-box{grid-column:2/-2}}.catagory-nav{min-width:unset;padding-bottom:78px}.catagory-nav .nav-item{transition:padding .1s linear,width .3s linear .1s}.catagory-nav .nav-item[aria-selected=false]:after{width:0%}.catagory-nav .nav-item[aria-selected=true]{padding-bottom:7px}.catagory-nav .nav-item[aria-selected=true]:after{width:100%}@media only screen and (min-width: 1201px){.catagory-nav .nav-item:hover{color:var(--black);padding-bottom:7px}.catagory-nav .nav-item:hover:after{width:100%}}@media only screen and (max-width: 1200px){.catagory-nav .nav-item:active{color:var(--black);padding-bottom:7px}.catagory-nav .nav-item:active:after{width:100%}}.catagory-nav .nav-item.esg{padding-bottom:0}.catagory-nav .nav-item.esg:after{width:0}.catagory-nav .nav-item.esg .item-title{position:relative;transition:padding .1s linear}.catagory-nav .nav-item.esg .item-title:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background-color:var(--red);transition:width .3s linear .1s}.catagory-nav .nav-item.esg[aria-selected=false] .item-title:after{width:0%}.catagory-nav .nav-item.esg[aria-selected=true] .item-title{padding-bottom:7px}.catagory-nav .nav-item.esg[aria-selected=true] .item-title:after{width:100%}@media only screen and (min-width: 1201px){.catagory-nav .nav-item.esg[aria-selected=true]:hover{color:var(--black);padding-bottom:0}.catagory-nav .nav-item.esg[aria-selected=true]:hover:after{width:0%}}@media only screen and (max-width: 1200px){.catagory-nav .nav-item.esg[aria-selected=true]:active{color:var(--black);padding-bottom:0}.catagory-nav .nav-item.esg[aria-selected=true]:active:after{width:0%}}@media only screen and (min-width: 1201px){.catagory-nav .nav-item.esg:hover{color:var(--black);padding-bottom:7px}.catagory-nav .nav-item.esg:hover:after{width:100%}}@media only screen and (max-width: 1200px){.catagory-nav .nav-item.esg:active{color:var(--black);padding-bottom:7px}.catagory-nav .nav-item.esg:active:after{width:100%}}.catagory-nav .f-category-btn-en{margin-right:0;margin-left:8px}.catagory-nav .item-list{display:none;position:absolute;bottom:0;left:20px;transform:translateY(100%)}.catagory-nav .item-list li{display:flex;gap:0 10px;cursor:pointer;color:var(--grey);white-space:nowrap;margin-top:15px;transition:.3s}.catagory-nav .item-list li:before{content:"";display:block;width:5px;height:5px;background:var(--red);margin-top:9.5px;flex-shrink:0}.catagory-nav .item-list li:hover{color:var(--black)}@media only screen and (max-width: 1200px){.catagory-nav{grid-column:3/-3;display:block;position:static;padding-bottom:0;margin-bottom:75px}.catagory-nav .item-list{position:static;transform:none;padding-left:20px}}@media only screen and (max-width: 900px){.catagory-nav{margin-bottom:50px}}@media only screen and (max-width: 767px){.catagory-nav{grid-column:2/-2}}.result-block{grid-column:7/-2;min-height:400px}.result-block .no-content{padding-top:50px}.result-block .no-content .no-block{width:39.1984%;margin:0 0 0 calc(var(--frSpace) * 3)}@media only screen and (max-width: 1200px){.result-block{grid-column:3/-3}.result-block .no-content .no-block{width:68%;margin:0 auto}}@media only screen and (max-width: 767px){.result-block{grid-column:2/-2}.result-block .no-content .no-block{width:100%;align-items:flex-start}.result-block .no-content .no-text{text-align:left}}.news-block .news-inner{width:100%}.news-block .news-card{width:100%;display:flex;justify-content:space-between}.news-block .news-card:not(:last-child){margin-bottom:150px}.news-block .news-card:nth-child(2n) .content-box{flex-direction:row-reverse}@media only screen and (max-width: 992px){.news-block .news-card:nth-child(2n) .content-box{flex-direction:column}}@media only screen and (max-width: 767px){.news-block .news-card{flex-direction:column-reverse}.news-block .news-card:not(:last-child){margin-bottom:100px}.news-block .news-card:nth-child(2n) .content-box{flex-direction:column}}.news-block .news-card .date{width:10.5299%;flex-shrink:0;font-family:Sarabun;font-size:.875rem;font-weight:700;line-height:1.286;letter-spacing:.5px;white-space:nowrap;transition:opacity var(--aost-trans, .8s),clip-path var(--aost-trans, .8s),color .5s}.news-block .news-card .date.active{color:var(--red)}@media only screen and (max-width: 992px){.news-block .news-card .date{width:18.4524%}}@media only screen and (max-width: 767px){.news-block .news-card .date{width:100%;margin-top:30px}.news-block .news-card .date.active{color:var(--black)}}.news-block .content-box{width:78.9403%;display:flex;justify-content:space-between;gap:30px 50px}@media only screen and (max-width: 1200px){.news-block .content-box{width:85%}}@media only screen and (max-width: 992px){.news-block .content-box{width:63.0953%;flex-direction:column}}@media only screen and (max-width: 767px){.news-block .content-box{width:100%}}.news-block .img-box{display:block;width:59.877%;flex-shrink:0;pointer-events:auto}.news-block .img-box .img{position:relative;width:100%;height:100%}.news-block .img-box .img:after{content:"";display:block;width:100%;height:100%;padding-bottom:59.34%}.news-block .img-box .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: 992px){.news-block .img-box{width:100%}}@media only screen and (max-width: 767px){.news-block .img-box .layer{display:none}.news-block .img-box .layer:before,.news-block .img-box .layer:after{display:none}}.news-block .info{width:35.8004%;flex:1 0 0}.news-block .info .news-title{font-size:1.25rem;font-weight:500;line-height:150%;letter-spacing:1.5px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color .3s ease}@media only screen and (min-width: 1201px){.news-block .info .news-title:hover{color:var(--red)}}@media only screen and (max-width: 1200px){.news-block .info .news-title:active{color:var(--red)}}.news-block .info .news-content{color:var(--grey);margin-top:20px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media only screen and (max-width: 992px){.news-block .info{width:100%;margin:0 auto}}.project-block{padding-left:var(--frSpace)}@media only screen and (max-width: 1366px){.project-block{padding-left:0}}.project-block .no-content{width:calc(100% + var(--frSpace));margin-left:calc(var(--frSpace) * -1)}@media only screen and (max-width: 1366px){.project-block .no-content{width:100%;margin-left:0}}.project-block .project-inner{grid-column:1/-1;display:grid;grid-template-columns:subgrid}@media only screen and (max-width: 1200px){.project-block .project-inner{overflow:hidden}}.project-block .list-item{grid-column:1/-1;display:flex;justify-content:space-between}.project-block .list-item:not(:last-child){margin-bottom:100px}@media only screen and (max-width: 1200px){.project-block .list-item{gap:20px 50px}.project-block .list-item:not(:last-child){margin-bottom:90px}}@media only screen and (max-width: 992px){.project-block .list-item{flex-direction:column}.project-block .list-item:not(:last-child){margin-bottom:80px}}.project-block .img-box{width:66.6667%;align-self:stretch;opacity:0;transform:scale(.68)}.project-block .img-box .img{position:relative;width:100%;height:100%;display:block}.project-block .img-box .img:after{content:"";display:block;width:100%;height:100%;padding-bottom:69.3549%}.project-block .img-box .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.project-block .img-box.aost-show{opacity:1;transform:scale(1);transition:var(--aost-trans)}@media only screen and (min-width: 1201px){.project-block .img-box:hover+.content-box .name{color:var(--red)}}@media only screen and (max-width: 1200px){.project-block .img-box:active+.content-box .name{color:var(--red)}}@media only screen and (max-width: 1200px){.project-block .img-box{transform:translate(-40px);opacity:0;transition:var(--aost-trans)}.project-block .img-box.aost-show{transform:translate(0);opacity:1}}@media only screen and (max-width: 992px){.project-block .img-box{width:100%;transform:translateY(0);opacity:0;clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:var(--aost-trans)}.project-block .img-box.aost-show{clip-path:polygon(0 0,110% 0,100% 100%,0 100%);opacity:1}}.project-block .content-box{min-width:250px;width:27.6703%;display:flex;flex-direction:column;justify-content:space-between;gap:50px;opacity:0;transform:translate(40px)}.project-block .content-box.aost-show{transform:translate(0);opacity:1;transition:var(--aost-trans) .3s}@media only screen and (max-width: 992px){.project-block .content-box{width:100%;transform:translateY(40px);opacity:0}.project-block .content-box.aost-show{transform:translateY(0);opacity:1;transition:var(--aost-trans)}}.project-block .info-box .name{display:block;width:fit-content;transition:.3s;margin-bottom:50px}@media only screen and (min-width: 1201px){.project-block .info-box .name:hover{color:var(--red)}}@media only screen and (max-width: 1200px){.project-block .info-box .name:active{color:var(--red)}}.project-block .info-box .subtitle{margin:50px 0 5px;color:var(--grey)}.project-block .info-box .size{margin:5px 0 30px;color:var(--grey)}.project-block .info-box .date{color:var(--grey);margin-top:30px}.project-block .info-box .service-list{margin-top:5px;color:var(--grey)}@media only screen and (max-width: 992px){.project-block .info-box .name{margin-bottom:30px}.project-block .info-box .subtitle{margin:30px 0 5px}.project-block .info-box .size{margin:5px 0 30px}}.project-block .logo-box{width:100%}.project-block .logo-box .logo-wrap{display:flex;flex-wrap:wrap;gap:10px}.project-block .logo-box img{width:auto;height:auto;max-height:40px}.esg-block{padding-left:var(--frSpace)}@media only screen and (max-width: 1366px){.esg-block{padding-left:0}}.esg-block .no-content{width:calc(100% + var(--frSpace));margin-left:calc(var(--frSpace) * -1)}@media only screen and (max-width: 1366px){.esg-block .no-content{width:100%;margin-left:0}}.esg-block .esg-inner{width:100%}.esg-block .title{display:flex;flex-wrap:wrap;gap:10px}.esg-block .title .f-title-item{font-size:1.25rem}.esg-block .sec:not(:last-child){margin-bottom:150px}@media only screen and (max-width: 900px){.esg-block .sec:not(:last-child){margin-bottom:100px}}.esg-block .sec.article .content{margin-top:50px}@media only screen and (max-width: 900px){.esg-block .sec.article .content{margin-top:30px}}.esg-block .sec.article .item{display:flex;align-items:center;justify-content:space-between;padding-bottom:80px;margin-bottom:80px;border-bottom:1px solid var(--black-20)}.esg-block .sec.article .info-box{width:44.4445%;display:flex;position:relative}.esg-block .sec.article .info-box:before{content:"";display:block;width:5px;height:5px;background:var(--red);margin:12px 20px 0 0;flex-shrink:0}.esg-block .sec.article .info-box .f-paragraph{padding-left:5px;margin-top:20px;color:var(--grey);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media only screen and (max-width: 900px){.esg-block .sec.article .info-box .f-paragraph{margin-top:15px;padding-left:0}}.esg-block .sec.article .img-box{width:33.2617%}.esg-block .sec.article .img-box .img{position:relative;width:100%;height:100%}.esg-block .sec.article .img-box .img:after{content:"";display:block;width:100%;height:100%;padding-bottom:58.0972%}.esg-block .sec.article .img-box .img img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.esg-block .sec.article .img-box+.more-btn-arrow{display:none}.esg-block .sec.article .link-box{flex-shrink:0;width:fit-content}@media only screen and (max-width: 1366px){.esg-block .sec.article .info-box{width:58%}}@media only screen and (max-width: 900px){.esg-block .sec.article .item{flex-direction:column;padding-bottom:50px;margin-bottom:50px}.esg-block .sec.article .info-box,.esg-block .sec.article .img-box{width:100%}.esg-block .sec.article .more-btn-arrow{margin:30px 0 0 auto}.esg-block .sec.article .img-box{margin-top:30px}.esg-block .sec.article .img-box+.more-btn-arrow{display:block;margin:30px 0 0 auto}.esg-block .sec.article .img-box .layer{display:none}}.esg-block .sec.report .content{margin-top:50px}@media only screen and (max-width: 900px){.esg-block .sec.report .content{margin-top:30px}}.esg-block .sec.report .head .row{padding-bottom:30px}.esg-block .sec.report .head .f-form-header{font-size:.875rem}@media only screen and (max-width: 900px){.esg-block .sec.report .head{display:none}}.esg-block .sec.report .body{border-bottom:2px solid var(--black);border-top:2px solid var(--black)}.esg-block .sec.report .body .year{font-family:Sarabun;font-size:1.875rem;font-weight:700;line-height:1.285;letter-spacing:1px;color:var(--red)}.esg-block .sec.report .body .file{padding:30px 10px 30px 0}.esg-block .sec.report .body .row:not(:last-child) .file{border-bottom:1px solid var(--black-20)}@media only screen and (max-width: 900px){.esg-block .sec.report .body .row:not(:last-child){border-bottom:1px solid var(--black-20)}.esg-block .sec.report .body .row:not(:last-child) .file{border-bottom:none}.esg-block .sec.report .body .file{width:100%;padding:0}}.esg-block .sec.report .row{width:100%;grid-column:1/-1;display:flex;align-items:center;gap:0 50px}@media only screen and (max-width: 900px){.esg-block .sec.report .row{flex-wrap:wrap;gap:8px 20px;padding:26px 0}}.esg-block .sec.report .year{width:77px;flex-shrink:0}@media only screen and (max-width: 900px){.esg-block .sec.report .year{width:100%}}.esg-block .sec.report .file{flex:1;display:flex;align-items:center;justify-content:space-between;gap:28px 50px}@media only screen and (max-width: 900px){.esg-block .sec.report .file{flex-wrap:wrap}}.esg-block .sec.report .title{width:100%}@media only screen and (max-width: 900px){.esg-block .sec.report .title{width:100%}}.esg-block .sec.report .format{width:100px;min-width:33px;color:var(--grey);flex-shrink:0}.esg-block .sec.report .link-btn.disabled{pointer-events:none;color:var(--black-20)}.esg-block .sec.report .link-btn:hover .icon{background-color:var(--black);color:var(--white)}@media only screen and (max-width: 900px){.esg-block .sec.report .link-btn{width:fit-content;margin-left:auto;padding-right:0}}