.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)}section.career{padding-top:100px}@media only screen and (max-width: 1200px){section.career{padding-top:0}}.career-block{grid-column:3/-3}@media only screen and (max-width: 1024px){.career-block{grid-column:2/-2}}.career-intro{padding-inline:calc(var(--frSpace) * 2)}.career-intro .box{padding-bottom:50px;border-bottom:1px dashed var(--black-20)}.career-intro .box:not(:last-child){margin-bottom:50px}.career-intro .box.video{width:100%;display:flex;align-items:center;justify-content:space-between;gap:30px var(--frSpace)}.career-intro .box.video .f-paragraph-5{flex:1}.career-intro .box.video .video-btn{width:150px;height:150px;position:relative;border-radius:50%;border:1px solid transparent;flex-shrink:0}.career-intro .box.video .video-btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;border:1px solid var(--black-20);transform:scale(1);opacity:1;transition:.3s ease-out}@keyframes video-zoom{0%{opacity:1;transform:scale(1);border:1px solid var(--black-20)}50%{opacity:.5;transform:scale(.75);border:1px solid var(--red)}to{opacity:1;transform:scale(1);border:1px solid var(--black-20)}}.career-intro .box.video .video-btn img,.career-intro .box.video .video-btn .overlay,.career-intro .box.video .video-btn .playButton:after,.career-intro .box.video .video-btn .playButton:before{display:none}@media only screen and (min-width: 1201px){.career-intro .box.video .video-btn:hover:after{animation:video-zoom .4s ease-in-out 1 forwards}}@media only screen and (max-width: 1200px){.career-intro .box.video .video-btn:active:after{animation:video-zoom .4s ease-in-out 1 forwards}}.career-intro .box.video .play-btn{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding-bottom:0;gap:10px;box-shadow:none;border-radius:0;z-index:1;cursor:pointer}.career-intro .box.video .play-btn:before{content:"";position:static;width:0;height:0;display:block;border-width:8px 0 8px 15px;border-style:solid;border-color:transparent transparent transparent var(--red);transform:none;flex-shrink:0;z-index:1}.career-intro .box.video .play-btn:after{content:"PLAY";display:block;position:static;background:none;font-family:Sarabun;font-size:1rem;font-weight:600;line-height:150%;letter-spacing:1px}@media only screen and (max-width: 1200px){.career-intro .box.video{padding-right:0}}@media only screen and (max-width: 900px){.career-intro .box.video{flex-direction:column;align-items:flex-start}.career-intro .box.video .video-btn{width:120px;height:120px;margin-left:auto}}.career-intro .box.intro .title{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.career-intro .box.intro .list{margin-top:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:50px calc(var(--frSpace) * 2)}.career-intro .box.intro .item .name{display:flex;gap:15px}.career-intro .box.intro .item .name:before{content:"";display:block;width:5px;height:5px;background:var(--red);margin-top:12px;flex-shrink:0}.career-intro .box.intro .item .desc{margin-top:10px;color:var(--grey);padding-left:20px}@media only screen and (max-width: 1200px){.career-intro .box.intro .list{padding-right:0;gap:50px var(--frSpace)}}@media only screen and (max-width: 900px){.career-intro .box.intro .list{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width: 1440px){.career-intro{padding-inline:var(--frSpace)}}@media only screen and (max-width: 1200px){.career-intro{padding-inline:0}}.career-unit{width:100%}.career-unit .unit-box{display:flex;align-items:center;justify-content:space-between;gap:30px var(--frSpace)}.career-unit .unit-box:nth-child(odd){padding-left:calc(var(--frSpace) * 2)}.career-unit .unit-box:nth-child(2n){flex-direction:row-reverse;padding-right:calc(var(--frSpace) * 2)}.career-unit .unit-box:first-child{margin-top:var(--frSpace)}.career-unit .unit-box:not(:first-child){margin-top:100px}.career-unit .content{width:34.96775%}.career-unit .content a{display:block;width:fit-content;transition:.3s}@media only screen and (min-width: 1201px){.career-unit .content a:hover{color:var(--red)}}@media only screen and (max-width: 1200px){.career-unit .content a:active{color:var(--red)}}.career-unit .content .f-title-deco-en{font-family:Sarabun}.career-unit .content .f-title-deco-en+.f-title-sec{margin-top:30px}.career-unit .content .f-paragraph{margin-top:30px;color:var(--grey);display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.career-unit .img-box{width:60%}.career-unit .img-box .img{position:relative;width:100%;height:100%}.career-unit .img-box .img:after{content:"";display:block;width:100%;height:100%;padding-bottom:64.51613%}.career-unit .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: 1200px){.career-unit .unit-box:first-child{margin-top:100px}.career-unit .unit-box:nth-child(odd),.career-unit .unit-box:nth-child(2n){padding-inline:0}.career-unit .content{width:calc(34.96775% + var(--frSpace))}.career-unit .img-box{width:calc(60% - var(--frSpace))}}@media only screen and (max-width: 900px){.career-unit .unit-box{flex-direction:column-reverse;gap:30px;align-items:flex-start}.career-unit .unit-box:nth-child(2n){flex-direction:column-reverse}.career-unit .content,.career-unit .img-box{width:100%}.career-unit .img-box .layer{display:none}.career-unit .content .f-title-deco-en+.f-title-sec{margin-top:15px}.career-unit .content .f-paragraph{margin-top:30px}}section.contact{width:100%;padding-top:clamp(100px,2.9095rem + 5.3879vw,150px)}section.contact .container{position:relative;background:var(--grey_dark);overflow:hidden}section.contact .deco-text{position:absolute;width:95.3125%;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--black-10);font-family:Sarabun;font-size:clamp(8.625rem,-11.3382rem + 35.4903vw,31.25rem);font-weight:700;text-align:center;white-space:nowrap}section.contact .content-box{padding:8.54165vw 0;grid-column:14/-3}section.contact .content-box .f-title-sec-l{color:var(--white)}section.contact .content-box .info{width:100%;display:grid;gap:15px;margin-top:60px}section.contact .content-box .info .f-paragraph{color:var(--white-80)}section.contact .content-box .info .link{width:fit-content;display:flex;align-items:center;gap:0 15px}section.contact .content-box .info .link .icon-mail{color:var(--red);font-size:25px;transition:.3s}section.contact .content-box .info .link .mail{font-family:Sarabun;font-size:1.25rem;font-weight:500;line-height:180%;letter-spacing:1px;color:var(--white);transition:.3s}@media only screen and (min-width: 1201px){section.contact .content-box .info .link:hover .icon-mail{opacity:.8}section.contact .content-box .info .link:hover .mail{color:var(--red)}}@media only screen and (max-width: 1200px){section.contact .content-box .info .link:active .icon-mail{opacity:.8}section.contact .content-box .info .link:active .mail{color:var(--red)}}section.contact .content-box .more-btn-arrow{margin-top:60px}@media only screen and (max-width: 1024px){section.contact .content-box{grid-column:2/-2;padding:121px 0}}