.unit-banner[text-color=white]{color:var(--white)}.unit-banner[text-color=white] .banner-bg .sticky-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black-10)}.unit-banner[text-color=black]{color:var(--black)}.unit-banner .banner-container{position:relative;width:100%;aspect-ratio:1920/750;display:flex;flex-direction:column;justify-content:flex-end;padding:0 30px 50px;transition:.3s}.unit-banner .banner-container.page .unit-title{padding:105px 0}@media only screen and (max-width: 1200px){.unit-banner .banner-container{aspect-ratio:1024/670;padding:50px 30px}}@media only screen and (max-width: 767px){.unit-banner .banner-container{padding:50px 20px}}@media only screen and (max-width: 575px){.unit-banner .banner-container{min-height:500px;aspect-ratio:unset}.unit-banner .banner-container.page{padding:74px 20px 50px}.unit-banner .banner-container.page .unit-title{margin:auto 0 0;flex:1}}.unit-banner .banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-3;overflow:hidden}.unit-banner .banner-bg .sticky-img{position:sticky;width:100%;height:100%;top:0;z-index:-1;transform:scale(1.25);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out .1s}.unit-banner .banner-bg .sticky-img img{width:100.015%;height:100.015%;object-fit:cover}.unit-banner .back-btn{position:absolute;top:50px;left:30px}@media only screen and (max-width: 767px){.unit-banner .back-btn{top:30px;left:20px}}.unit-banner .unit-title{width:50%;padding:75px 0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;opacity:0;transform:scale(.75);transition:.6s ease .3s}.unit-banner .unit-title .f-unit-title{font-size:2.5rem;font-weight:500;line-height:1.5;letter-spacing:5px}.unit-banner .unit-title .f-unit-subtitle{font-family:Sarabun;font-size:1.25rem;font-weight:700;line-height:1.2;letter-spacing:2px;margin-top:10px}.unit-banner .unit-title.aost-show{opacity:1;transform:scale(1);transition:opacity .5s ease-out .4s,transform .5s ease-out .4s}@media only screen and (max-width: 1200px){.unit-banner .unit-title{margin:auto;padding:70px 0}.unit-banner .unit-title .f-unit-title{font-size:2.375rem}.unit-banner .unit-title .f-unit-subtitle{font-size:1.125rem}}@media only screen and (max-width: 1024px){.unit-banner .unit-title{width:100%;margin:auto 0}}@media only screen and (max-width: 767px){.unit-banner .unit-title .f-unit-title{font-size:2.25rem}.unit-banner .unit-title .f-unit-subtitle{font-size:1rem}}@media only screen and (max-width: 575px){.unit-banner .unit-title{margin:auto 0 30px}}.unit-banner .content{width:620px;margin-left:auto;position:relative;text-align:right;align-self:flex-end}.unit-banner .content.aost-show{transition:opacity .5s ease-out .4s}@media only screen and (min-width: 1921px){.unit-banner .content{width:33.334%}}@media only screen and (max-width: 1200px){.unit-banner .content{width:80%}}@media only screen and (max-width: 575px){.unit-banner .content{width:100%;align-self:flex-start;text-align:left}}.unit-banner .banner-container.aost-show .banner-bg .sticky-img{opacity:1;transform:scale(1)}.unit-banner .banner-container.page{aspect-ratio:1920/450;padding:50px 30px}.unit-banner .back-btn{position:static;margin-bottom:30px}@media only screen and (max-width: 1200px){.unit-banner .banner-container{aspect-ratio:1024/670}}@media only screen and (max-width: 575px){.unit-banner .banner-container{min-height:360px;aspect-ratio:unset}}@media only screen and (max-width: 767px){.unit-banner .banner-container.page{padding:50px 20px}}@media only screen and (max-width: 575px){.unit-banner .banner-container.page{padding:50px 20px}.unit-banner .banner-container.page .unit-title{padding:0}}.unit-block{padding-top:100px}@media only screen and (max-width: 1200px){.unit-block{padding-top:0}}.catagory-nav{grid-column:2/7}@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.isDropdown.open{padding-bottom:0;transition:0s}.catagory-nav .nav-item.isDropdown.open:after{width:0;transition:0s}@media only screen and (min-width: 1201px){.catagory-nav .nav-item.isDropdown.open:hover{padding-bottom:0;transition:0s}.catagory-nav .nav-item.isDropdown.open:hover:after{width:0;transition:0s}}@media only screen and (max-width: 1200px){.catagory-nav .nav-item.isDropdown.open:active{padding-bottom:0;transition:0s}.catagory-nav .nav-item.isDropdown.open:active:after{width:0;transition:0s}}@media only screen and (min-width: 1201px){.catagory-nav .nav-item.isDropdown:hover{color:var(--black);padding-bottom:7px}.catagory-nav .nav-item.isDropdown:hover:after{width:100%}}@media only screen and (max-width: 1200px){.catagory-nav .nav-item.isDropdown:active{color:var(--black);padding-bottom:7px}.catagory-nav .nav-item.isDropdown:active:after{width:100%}}.page-block{grid-column:-5/9}@media only screen and (max-width: 1560px){.page-block{grid-column:-3/8}}@media only screen and (max-width: 1366px){.page-block{grid-column:-2/8}}@media only screen and (max-width: 1200px){.page-block{grid-column:3/-3}}@media only screen and (max-width: 767px){.page-block{grid-column:2/-2}}.page-title{margin-bottom:80px}.page-title .title{display:flex;flex-wrap:wrap;gap:10px}.page-title .content{color:var(--grey);margin-top:30px}.page-title.isDropdown{display:flex;flex-wrap:wrap;gap:0 50px}.page-title.isDropdown .title{flex:1;align-self:center}.page-title.isDropdown .select-box{align-self:center;min-width:200px;display:flex;align-items:center;border-bottom:1px solid var(--black-20)}.page-title.isDropdown .select-box .txt{margin-right:20px}.page-title.isDropdown .select-box dropdown-el{width:113px}.page-title.isDropdown .select-box dropdown-el .dropdown{width:calc(100% + 88px);left:-88px}.page-title.isDropdown .content{width:100%}.page-title:has(.select-box){position:relative;z-index:1}@media only screen and (max-width: 1200px){.page-title{margin-bottom:65px}}@media only screen and (max-width: 767px){.page-title{margin-bottom:50px}.page-title.isDropdown .title{width:100%}.page-title.isDropdown .select-box{width:100%;min-width:unset;margin-top:30px}.page-title.isDropdown .select-box .txt{width:68px;flex-shrink:0}.page-title.isDropdown .select-box dropdown-el{width:100%}}.simple-edit{color:var(--grey);margin-top:20px}.simple-edit p+ul{margin-top:50px}.simple-edit ul .red{font-weight:500;color:var(--black)}.simple-edit ul li{position:relative;padding-left:15px}.simple-edit ul li:before{content:"";position:absolute;top:12px;left:0;width:5px;height:5px;background:var(--red)}.simple-edit ul li:not(:last-child){margin-bottom:10px}.tab-panel .pagination{padding-top:30px}.tab-panel .page-row{height:30px;grid-column:5/-5;display:flex;align-items:center;justify-content:center;gap:10px}.tab-panel .page-row .arrow-btns.disabled{pointer-events:none;cursor:default}.tab-panel .page-row .arrow-btns,.tab-panel .page-row .page-btns{display:flex;align-items:center;gap:10px}.tab-panel .page-row .icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tab-panel .page-row .page-num{min-width:30px;text-align:center;position:relative;cursor:pointer}.tab-panel .page-row .page-num.active{color:var(--white);pointer-events:none;cursor:default}.tab-panel .page-row .page-num.active:before{content:"";position:absolute;width:100%;height:30px;top:-3px;left:0;border-radius:50%;background-color:var(--red);z-index:-1}.tab-panel .page-row .icon,.tab-panel .page-row .page-num{transition:.3s}.tab-panel .page-row .icon:not(.active):hover,.tab-panel .page-row .page-num:not(.active):hover{color:var(--red)}@media only screen and (max-width: 1200px){.tab-panel .page-row{grid-column:3/-3}}@media only screen and (max-width: 992px){.tab-panel .page-row{grid-column:2/-2}}.report-column .title{display:flex;flex-wrap:wrap;align-items:center;gap:5px 15px;padding-bottom:30px;border-bottom:2px solid var(--black)}.report-column .year{width:77px;font-family:Sarabun;font-size:1.875rem;font-weight:600;color:var(--red)}.report-column .report-wrap{padding:29px 0;border-bottom:2px solid var(--black);display:flex;align-items:center;gap:40px}.report-column .box{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;position:relative;margin:3px 0}.report-column .box:not(:last-child):after{content:"";position:absolute;bottom:-3px;right:-20px;width:1px;height:calc(100% + 6px);background-color:var(--black-20)}.report-column .box .txt{max-width:100%;flex-shrink:0;text-align:center}.report-column .box .report{margin-top:10px}.report-column .box.nodata{color:var(--black)}.report-column.type2 .box{width:50%}.report-column.type4 .box{width:25%}@media only screen and (max-width: 900px){.report-column .report-wrap{flex-direction:column}.report-column .box{margin:0;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.report-column .box:not(:last-child):after{bottom:-20px;right:0;left:0;width:100%;height:1px}.report-column .box .txt{max-width:calc(100% - 40px);text-align:left}.report-column .box .report{margin:0 0 0 auto}.report-column.type2 .box,.report-column.type4 .box{width:100%}}.process-wrap .row,.process-wrap .content{width:100%;display:flex;align-items:center}.process-wrap .content{gap:20px 4.0625vw}.process-wrap .step{width:50px;font-weight:700;flex-shrink:0}.process-wrap .name{width:28.5568065507%;flex-shrink:0}.process-wrap .desc{color:var(--grey)}.process-wrap .row{gap:0 3.02084vw}.process-wrap .row:last-child{padding-bottom:80px;border-bottom:2px solid var(--black)}.process-wrap .row:not(:last-child){margin-bottom:50px}.process-wrap .row:not(:last-child) .step{padding-bottom:49px}.process-wrap .row:not(:last-child) .content{padding-bottom:49px;border-bottom:1px solid var(--black-20)}.process-wrap .info-box{padding:30px 10px 30px 0;display:flex;align-items:center;justify-content:space-between;gap:15px 30px;border-bottom:2px solid var(--black)}.process-wrap .info-box .codenum{display:flex;align-items:center;gap:0 15px}.process-wrap .info-box .txt{font-family:Sarabun;font-size:1rem;font-weight:700;line-height:150%;letter-spacing:.5px}.process-wrap .info-box .code{font-family:Sarabun;font-size:3.75rem;font-weight:500;line-height:150%;letter-spacing:2px;color:var(--red)}@media only screen and (max-width: 1200px){.process-wrap .info-box .code{font-size:3.125rem}.process-wrap .row:last-child{padding-bottom:65px}.process-wrap .row:not(:last-child) .content{padding-bottom:39px}}@media only screen and (max-width: 900px){.process-wrap .step{align-self:flex-start;margin-top:5.5px}.process-wrap .content{flex-wrap:wrap}.process-wrap .name,.process-wrap .desc{width:100%}.process-wrap .row{gap:20px}.process-wrap .row:last-child{padding-bottom:50px}.process-wrap .row:not(:last-child){margin-bottom:30px;border-bottom:1px solid var(--black-20)}.process-wrap .row:not(:last-child) .step{padding-bottom:0}.process-wrap .row:not(:last-child) .content{padding-bottom:29px;border-bottom:none}}@media only screen and (max-width: 767px){.process-wrap .info-box{padding-right:0;flex-direction:column;justify-content:center}.process-wrap .info-box .code{font-size:2.5rem}}.financial .page1 .info .item:nth-last-child(1),.financial .page1 .info .item:nth-last-child(2){border-bottom:none}@media only screen and (max-width: 900px){.financial .page1 .info .item:nth-last-child(2){border-bottom:1px solid var(--black-20)}}.shareholder .page6 .info .item:nth-last-child(1){border-bottom:none}.financial .page1 .info,.shareholder .page6 .info{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:30px;padding-top:30px;border-bottom:2px solid var(--black)}.financial .page1 .info .item,.shareholder .page6 .info .item{display:flex;gap:10px 2.60417vw;padding-bottom:29px;border-bottom:1px solid var(--black-20)}.financial .page1 .info .name,.shareholder .page6 .info .name{width:29.38389%;min-width:120px;display:flex;flex-shrink:0}.financial .page1 .info .name:before,.shareholder .page6 .info .name:before{content:"";display:block;width:5px;height:5px;background:var(--red);margin:12px 10px 0 0;flex-shrink:0}.financial .page1 .info .txt,.shareholder .page6 .info .txt{color:var(--grey);flex-grow:1}.financial .page1 .info a,.shareholder .page6 .info a{transition:.3s}.financial .page1 .info a:hover,.shareholder .page6 .info a:hover{color:var(--red)}@media only screen and (max-width: 900px){.financial .page1 .info,.shareholder .page6 .info{grid-template-columns:repeat(1,1fr)}.financial .page1 .info .item,.shareholder .page6 .info .item{flex-direction:column}.financial .page1 .info .txt,.shareholder .page6 .info .txt{padding-left:15px}}.tab-panel .report-column .txt{font-size:.875rem;font-weight:700;line-height:1.285;letter-spacing:1px;color:var(--grey)}.tab-panel .report-column .box{margin:8.5px 0}.tab-panel .report-column .box:not(:last-child):after{bottom:-8.5px;height:calc(100% + 17px)}@media only screen and (max-width: 900px){.tab-panel .report-column .box{margin:0}.tab-panel .report-column .box:not(:last-child):after{bottom:-20px;width:100%;height:1px}}.page6 .info{border-top:2px solid var(--black)}
