.wdd-form{max-width:1200px;width:100%;margin:0 auto;padding:0 30px}.form-row{display:flex;align-items:center;margin:0 -15px}.form-row:not(:first-child){margin-top:30px}@media only screen and (max-width: 900px){.form-row{gap:20px;flex-direction:column}.form-row:not(:first-child){margin-top:20px}}@media only screen and (max-width: 575px){.form-row{gap:10px}.form-row:not(:first-child){margin-top:10px}}.form-grid{width:100%;padding:0 15px}.form-grid.col-6{width:50%}.form-grid.col-4{width:33.3333333333%}.error-detail .error-text{color:#ee5f32}.error-detail .error-text:not(:first-child){margin-top:10px}.form-btn-group{display:flex;justify-content:center;flex-direction:row-reverse;flex-wrap:wrap;margin-top:30px;gap:10px}.form-btn-group .btn{display:flex;justify-content:center;align-items:center;width:120px;height:40px;border:1px solid #000000;border-radius:10rem;transition:background-color .2s linear,color .2s linear;cursor:pointer;pointer-events:auto}.form-btn-group .btn:hover{background-color:#000;color:#fff}.form-btn-group .btn:not(:last-child){margin-right:15px}.form-group{position:relative;display:flex;align-items:flex-start;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:10px}@media only screen and (max-width: 767px){.form-group{flex-direction:column;align-items:flex-start;padding-top:10px}}.form-group.required .subject{position:relative}.form-group.required .subject:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;top:0;left:0;background-color:#ee5f32}@media only screen and (max-width: 1200px){.form-group.required .subject:before{top:4px;left:4px}}.form-group.verification .input-wrap{display:flex}.form-group.verification .refresh-btn{display:flex;align-items:center;align-self:center}.form-group.verification .refresh-btn img{max-width:80px;width:auto;height:32px}.form-group.textarea{flex-direction:column}.form-group.textarea .input-wrap{height:auto;padding:10px 35px 10px 15px;margin-bottom:10px}.form-group.textarea .validation-icon{top:10px;transform:none}.form-group.success{border-bottom:1px solid #198754}.form-group.error{border-bottom:1px solid #EE5F32}.form-group.error .subject,.form-group.error .input-wrap input::placeholder,.form-group.error .select-display,.form-group.error .select-wrapper i{color:#ee5f32}.form-group.error~.error-text{color:#ee5f32;margin-top:5px}.form-group *.disabled{opacity:.5;pointer-events:none}.form-group .subject{flex-shrink:0;padding:10px 0 10px 15px;font-size:1.125rem;line-height:1.5;color:#000;margin-right:20px;position:relative;max-width:50%;letter-spacing:1px}@media only screen and (max-width: 1200px){.form-group .subject{font-size:1rem;padding:10px 0 5px 15px}}.form-group .subject:after{content:"";height:20px;width:1px;position:absolute;right:-20px;top:50%;transform:translateY(-50%);background:#0003;display:block}@media only screen and (max-width: 1200px){.form-group .subject:after{height:15px}}.form-group .input-wrap{position:relative;width:100%;height:1.6875rem;margin:10px 0;padding:0 20px}@media only screen and (max-width: 1200px){.form-group .input-wrap{padding:0 15px}}.form-group .input-wrap input{width:100%;height:100%;border:none;padding:0;font-size:1.125rem;color:#000;letter-spacing:1px;background-color:transparent}@media only screen and (max-width: 1200px){.form-group .input-wrap input{font-size:1rem}}.form-group .input-wrap input::placeholder{color:#0003;opacity:1}.form-group .input-wrap input:-ms-input-placeholder{color:#0003}.form-group .input-wrap input::-ms-input-placeholder{color:#0003}.form-group .input-wrap input.error .validation-icon,.form-group .input-wrap input.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .input-wrap input.error .validation-icon:hover:before,.form-group .input-wrap input.error .validation-icon :active:before,.form-group .input-wrap input.error+.validation-icon:hover:before,.form-group .input-wrap input.error+.validation-icon :active:before{opacity:1}.form-group .input-wrap input.success .validation-icon,.form-group .input-wrap input.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .textarea-scrollbar{display:block;width:100%;height:200px;padding:0;border:none;line-height:1.5;font-size:1.125rem;background-color:transparent;resize:none}@media only screen and (max-width: 1200px){.form-group .textarea-scrollbar{font-size:1rem}}.form-group .textarea-scrollbar::placeholder{color:#0003}.form-group .textarea-scrollbar.os-textarea::placeholder{color:#0003;opacity:1}.form-group .textarea-scrollbar.os-textarea:-ms-input-placeholder{color:#0003}.form-group .textarea-scrollbar.os-textarea::-ms-input-placeholder{color:#0003}.form-group .textarea-scrollbar .os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:#c2c2c266}.form-group .textarea-scrollbar .os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle{background:#91919166}.form-group .textarea-scrollbar.error .validation-icon,.form-group .textarea-scrollbar.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .textarea-scrollbar.error .validation-icon:hover:before,.form-group .textarea-scrollbar.error .validation-icon :active:before,.form-group .textarea-scrollbar.error+.validation-icon:hover:before,.form-group .textarea-scrollbar.error+.validation-icon :active:before{opacity:1}.form-group .textarea-scrollbar.success .validation-icon,.form-group .textarea-scrollbar.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .validation-icon{display:none;position:absolute;top:50%;right:0;width:20px;height:20px;transform:translate3d(0,-50%,0);background-repeat:no-repeat;background-position:center;background-size:contain}.form-group .validation-icon:before{content:attr(error-text);position:absolute;top:-5px;right:0;padding:5px;border-radius:4px;background-color:#ee5f32cc;color:#fff;font-size:.875rem;white-space:nowrap;transform:translate3d(0,-100%,0);opacity:0;transition:opacity .3s;pointer-events:none}.form-group dropdown-el:not([d4-value=""]) .select-display{color:#000}.form-group dropdown-el.type-fullbox{position:static}.form-group dropdown-el[multiple] .select-wrapper{padding:4px 15px}.form-group dropdown-el:not([multiple]) .select-wrapper{padding:10px 15px}.form-group dropdown-el .select-wrapper{background-color:transparent;min-height:44px}.form-group dropdown-el .select-display{position:relative;color:#0003;font-size:1.125rem;line-height:1.6875rem}@media only screen and (max-width: 1200px){.form-group dropdown-el .select-display{font-size:1rem}}.form-group dropdown-el .validation-icon{position:relative;top:auto;right:auto;transform:none}.form-group dropdown-el .dropdown-icon{position:relative;width:10px;height:10px;border:none}.form-group dropdown-el .dropdown-icon:after{content:"";font-family:icomoon!important;position:absolute;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);font-size:.75rem}.form-group dropdown-el.error .validation-icon,.form-group dropdown-el.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group dropdown-el.error .validation-icon:hover:before,.form-group dropdown-el.error .validation-icon :active:before,.form-group dropdown-el.error+.validation-icon:hover:before,.form-group dropdown-el.error+.validation-icon :active:before{opacity:1}.form-group dropdown-el.success .validation-icon,.form-group dropdown-el.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .form-check{width:100%;display:flex;flex-wrap:wrap}.form-group .form-check.error .validation-icon,.form-group .form-check.error+.validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .form-check.error .validation-icon:hover:before,.form-group .form-check.error .validation-icon :active:before,.form-group .form-check.error+.validation-icon:hover:before,.form-group .form-check.error+.validation-icon :active:before{opacity:1}.form-group .form-check.success .validation-icon,.form-group .form-check.success+.validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .form-check .option-item{display:flex;align-items:center;padding:10px 0;margin-right:15px;-webkit-user-select:none;user-select:none;cursor:pointer}.form-group .form-check .option-item .checkbox-wrap{position:relative;width:20px;height:20px;border:1px solid #000000;margin-right:8px}.form-group .form-check .option-item .checkbox-wrap>input{width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.form-group .form-check .option-item .checkbox-wrap>input:checked~.fake-checkbox{opacity:1}.form-group .form-check .option-item .checkbox-wrap .fake-checkbox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 4px);height:calc(100% - 4px);background-color:red;opacity:0;pointer-events:none;transition:opacity .4s linear}.form-group .form-check .option-item .text{font-size:1.125rem;color:#000;line-height:1.5}.form-group .file-wrap{position:relative;width:100%;margin-left:15px;cursor:pointer}.form-group .file-wrap>input{width:100%;height:24px;margin:10px 0;opacity:0}.form-group .file-wrap>input.error+.fake-file-upload .file-name{color:#ee5f32}.form-group .file-wrap>input.error+.fake-file-upload .validation-icon{display:block;background-image:url(../../assets/img/error.svg)}.form-group .file-wrap>input.success+.fake-file-upload .validation-icon{display:block;background-image:url(../../assets/img/success.svg)}.form-group .file-wrap .fake-file-upload{position:absolute;width:100%;height:100%;display:flex;align-items:center;top:0;left:0}.form-group .file-wrap .fake-file-upload .file-name{font-size:1.125rem;color:#0003;line-height:1.6875rem;padding-right:20px;margin-right:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-group .file-wrap .fake-file-upload .validation-icon{position:relative;top:auto;right:auto;transform:none}.form-group .file-wrap .fake-file-upload .upload-icon{width:30px;height:30px;background-image:url(../../assets/img/upload.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.form-group .file-wrap .fake-file-upload input[type=file]{position:absolute;width:100%;height:100%;opacity:0;pointer-events:none;z-index:-1}.form-group .data-time-picker{position:relative;width:100%;align-self:center}.form-group .data-time-picker>input{width:100%;height:1.6875rem;border:none;margin:10px 0;padding:0 15px;font-size:1.125rem;color:#000}.form-group .data-time-picker>input::placeholder{color:#0003;opacity:1}.form-group .data-time-picker>input:-ms-input-placeholder{color:#0003}.form-group .data-time-picker>input::-ms-input-placeholder{color:#0003}.error-info{text-align:center;color:#ee5f32}.error-info:has(p){margin-top:30px}section.banner .container{position:relative}section.banner .container[color=dark] .swiper-arrow .swiper-button{color:#000}section.banner .container[color=dark] .swiper-arrow .swiper-button:after{border:1px solid #000}section.banner .container[color=dark] .swiper-arrow .swiper-button:before{background:#000}section.banner .container[color=dark] .scroll-fix{color:#000}section.banner .container[color=dark] .scroll-fix .line{background:#000}section.banner .container[color=light] .swiper-arrow .swiper-button{color:#fff}section.banner .container[color=light] .swiper-arrow .swiper-button:after{border:1px solid #fff}section.banner .container[color=light] .swiper-arrow .swiper-button:before{background:#fff}section.banner .container[color=light] .scroll-fix{color:#fff}section.banner .container[color=light] .scroll-fix .line{background:#fff}section.banner .swiper .muted-btn{position:absolute;bottom:40px;right:40px;width:30px;height:30px;color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#0009;font-size:1rem;cursor:pointer;z-index:1}@media only screen and (max-width: 575px){section.banner .swiper .muted-btn{bottom:20px;right:20px}}section.banner .swiper .muted-btn .inner{position:relative;transform:translateY(1px)}section.banner .swiper .muted-btn .inner:after{content:"";width:1px;height:22px;background:#fff;display:block;position:absolute;top:calc(50% - 1px);left:50%;transform:translate(-50%,-50%) rotate(-45deg);transition:opacity .3s}section.banner .swiper .muted-btn[statu=play] .inner:after{opacity:0}section.banner .swiper .pic-box,section.banner .swiper .media-box{overflow:hidden}section.banner .swiper .pic-box:after,section.banner .swiper .media-box:after{padding-top:46.875%}section.banner .swiper .pic-box iframe,section.banner .swiper .media-box iframe{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none}section.banner .swiper .pic-box img,section.banner .swiper .media-box img{transition:width 1.8s ease,height 1.8s ease;width:110%;height:110%}@media only screen and (max-width: 1024px){section.banner .swiper .pic-box:after,section.banner .swiper .media-box:after{padding-top:48.82%}}@media only screen and (max-width: 575px){section.banner .swiper .pic-box:after,section.banner .swiper .media-box:after{padding-top:133%}}section.banner .swiper-slide.swiper-slide-active .main-wrap,section.banner .swiper-slide .swiper-slide-duplicate-active .main-wrap{opacity:1;top:calc(50% + 0px)}section.banner .swiper-slide.swiper-slide-active .sub-wrap,section.banner .swiper-slide .swiper-slide-duplicate-active .sub-wrap{left:0;opacity:1}section.banner .swiper-slide.swiper-slide-active .inner-content .content .pic-box img,section.banner .swiper-slide .swiper-slide-duplicate-active .inner-content .content .pic-box img{width:100%;height:100%}section.banner .swiper-arrow{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);z-index:1;display:flex;justify-content:space-between;width:calc(100% - 60px)}@media only screen and (max-width: 575px){section.banner .swiper-arrow{width:calc(100% - 30px)}}section.banner .inner-content{position:relative;display:block;width:100%}section.main .block1 .container{display:flex;gap:150px;max-width:1620px;margin:0 auto;padding:80px 120px;position:relative;align-items:flex-start}section.main .inner-left{flex:1}section.main .inner-left .flex-box{display:flex;gap:30px}section.main .inner-left .google-map{margin-right:20px}section.main .title-box{position:relative;padding-bottom:60px;padding-left:20px}section.main .title-box:before{content:"";width:100px;height:3px;display:block;position:absolute;background:#0062b1;margin-top:20px;bottom:30px;left:0%}section.main .title-box .main{font-size:3.125rem;font-weight:400;line-height:1.2;letter-spacing:2px}@media only screen and (max-width: 1200px){section.main .title-box .main{font-size:1.875rem}}section.main .title-box .des{margin-top:15px}section.main .complete-date{display:flex;align-items:center;gap:20px;margin-top:15px}section.main .inner-right{position:sticky;top:80px;flex:1;width:100%;padding:10px 0}section.main .inner-right .pic-box{box-shadow:20px 20px 40px #00000026}section.main .inner-right .pic-box:after{padding-top:103.7%}section.main .info-group{opacity:0;transition:opacity .3s}section.main .info-group.widthCompare{opacity:1}section.main .info-group .row{display:flex;align-items:flex-start;gap:20px;width:100%;padding:0 20px}section.main .info-group .row:not(:first-child){padding-top:40px;position:relative}section.main .info-group .row:not(:first-child):after{content:"";position:absolute;left:0;top:20px;height:1px;width:100%;background:#0003}section.main .info-group .row .title{position:relative;display:flex;align-items:center;flex-shrink:0;max-width:50%;margin-right:20px}section.main .info-group .row .title:before{content:"";height:20px;width:1px;position:absolute;right:-20px;top:5px;background:#0003;display:block}section.main .custom-btn{margin-top:50px;display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}section.main .social-btn-group{display:none;justify-content:flex-start;margin-top:40px}@media only screen and (max-width: 1200px){section.main .block1 .container{gap:60px;padding:40px 60px}section.main .social-btn-group{display:flex}section.main .title-box{padding-left:10px}section.main .inner-left .flex-box{gap:20px}section.main .inner-left .google-map{margin-right:10px}section.main .custom-btn{margin-top:20px}}@media only screen and (max-width: 900px){section.main .block1 .container{flex-direction:column-reverse;padding:40px 30px;gap:20px;max-width:675px}section.main .social-btn-group{justify-content:center}section.main .inner-right{position:relative;top:unset;padding:0}section.main .inner-left{width:100%}}@media only screen and (max-width: 575px){section.main .info-group .row{flex-direction:column;gap:5px;padding:0 10px}}.sticky-data{position:sticky;top:80px;font-size:1.25rem;font-weight:500;line-height:1.3;letter-spacing:1px;z-index:2;transition:height .3s,font-size .3s}@media only screen and (max-width: 1200px){.sticky-data{top:60px;font-size:1rem}}.sticky-data:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;background:var(--BG-Gray_BG, #F4F4F4);box-shadow:0 20px 40px #0000000d}.sticky-data .group{display:flex;align-items:center;justify-content:center}.sticky-data .group .item{padding:0 50px;min-height:80px;display:flex;align-items:center;justify-content:center;transition:color .3s,min-height .3s;cursor:pointer}.sticky-data .group .item:not(:first-child){position:relative}.sticky-data .group .item:not(:first-child):before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:1px;height:15px;z-index:-1;background:#0003}@media only screen and (max-width: 1200px){.sticky-data .group .item{min-height:60px}}@media only screen and (max-width: 767px){.sticky-data .group .item{padding:0 25px}}@media only screen and (min-width: 1201px){.sticky-data .group .item:hover{color:#0062b1}}@media only screen and (max-width: 1200px){.sticky-data .group .item:active{color:#0062b1}}.sticky-data .group .item[color=red]{position:relative;color:#fff}@media only screen and (max-width: 767px){.sticky-data .group .item[color=red]{padding:0 18px}}.sticky-data .group .item[color=red]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:#ee5f32}.block2.stickyStart .sticky-data{font-size:1rem}.block2.stickyStart .sticky-data .group .item{min-height:60px}.feature{padding:120px;position:relative}.feature:after{content:"";width:100%;height:100%;background:#f4f4f4;position:absolute;top:0;left:0;z-index:-3}.feature .container{max-width:1500px;margin:0 auto;padding:80px 60px;border:3px solid #fff;position:relative}.feature .container:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:-2;background:linear-gradient(0deg,#ffffff80,#ffffff80),radial-gradient(61.61% 76.21% at 51.3% 53.79%,#0000001a,#0000 92.08%)}.feature ._articleBlock{max-width:1200px;margin:50px auto 0}.feature .social-btn-group{display:none;margin-top:50px}@media only screen and (max-width: 1200px){.feature{padding:80px 60px}.feature .social-btn-group{display:flex}}@media only screen and (max-width: 767px){.feature{padding:80px 15px}.feature .container{padding:80px 30px}}@media only screen and (max-width: 575px){.feature .container{padding:80px 8px}}.gallery{padding:120px 0}.gallery .swiper-box{width:100%;margin:50px auto 0;position:relative;overflow:hidden}.gallery .swiper-box .swiper-projects{max-width:1210px;width:calc(100% - 360px);padding:0}@media only screen and (max-width: 767px){.gallery .swiper-box .swiper-projects{width:calc(100% - 120px)}}.gallery .swiper-box .project-item{position:relative}.gallery .swiper-box .modal-open{position:absolute;width:60px;height:60px;bottom:20px;right:20px;border-radius:50%;background:#fff;box-shadow:0 0 15px #00000026;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#53b8ba;pointer-events:none;opacity:0;transition:opacity .3s}@media only screen and (max-width: 1200px){.gallery .swiper-box .modal-open{width:30px;height:30px;font-size:.625rem;pointer-events:auto;opacity:1}}@media only screen and (max-width: 575px){.gallery .swiper-box .modal-open{bottom:5px;right:5px}}.gallery .swiper-box .swiper-arrow{display:flex;justify-content:space-between;width:calc(100% - 210px);max-width:1410px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media only screen and (max-width: 1200px){.gallery .swiper-box .swiper-arrow{max-width:1120px}}@media only screen and (max-width: 767px){.gallery .swiper-box .swiper-arrow{width:100%;padding:0 20px}}.gallery .project-item{width:100%;max-width:775px}@media only screen and (min-width: 1201px) and (min-width: 1201px){.gallery .project-item:hover .group .pic-box{box-shadow:15px 15px 20px #00000026}.gallery .project-item:hover .group .pic-box img{width:110%;height:110%}.gallery .project-item:hover .modal-open{opacity:1;pointer-events:auto}}@media only screen and (min-width: 1201px) and (max-width: 1200px){.gallery .project-item:active .group .pic-box{box-shadow:15px 15px 20px #00000026}.gallery .project-item:active .group .pic-box img{width:110%;height:110%}.gallery .project-item:active .modal-open{opacity:1;pointer-events:auto}}.gallery .project-item .group{position:relative}.gallery .project-item .group .tag-fixed{width:100px;height:100px;padding:20px 30px;display:flex;justify-content:center;align-items:center;color:#fff;position:absolute;top:0;right:0;background:#ee5f32;z-index:1}@media only screen and (max-width: 1200px){.gallery .project-item .group .tag-fixed{width:60px;height:60px;padding:10px}}.gallery .project-item .pic-box{overflow:hidden;display:block;transition:box-shadow .3s;max-width:580px}@media only screen and (max-width: 1200px){.gallery .project-item .pic-box{max-width:none}}.gallery .project-item .pic-box img{transition:width .5s ease,height .5s ease}.gallery .project-item .pic-box:after{padding-top:68.88%}.gallery .deco-pic{position:absolute;display:flex;justify-content:space-between;width:100%;height:100%;top:0;left:0;pointer-events:none;transition:opacity .4s;opacity:1}.gallery .deco-pic.onChange{opacity:0}.gallery .deco-pic .pic-box{max-width:580px}.gallery .deco-pic .pic-box:after{padding-top:68.88%}.gallery .deco-pic .pic-box.pre{transform:translate(calc(-100% + 10vw))}.gallery .deco-pic .pic-box.next{transform:translate(calc(100% - 10vw))}@media only screen and (max-width: 1836px){.gallery .deco-pic .pic-box.pre{transform:translate(calc(-100% + 50px))}.gallery .deco-pic .pic-box.next{transform:translate(calc(100% - 50px))}}@media only screen and (max-width: 767px){.gallery .deco-pic .pic-box.pre{transform:translate(calc(-100% + 10px))}.gallery .deco-pic .pic-box.next{transform:translate(calc(100% - 10px))}}@media only screen and (max-width: 1200px){.gallery{padding:80px 0}}.reserve{padding:120px;position:relative;overflow:hidden}.reserve:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#f4f4f4;z-index:-2}.reserve .container{max-width:1200px;margin:0 auto}.reserve .wdd-form{margin-top:50px;padding:0;opacity:0;transition:opacity .3s}.reserve .wdd-form.widthCompare{opacity:1}.reserve .move-bg-box{min-height:100%;padding:0 var(--common-210);right:0;opacity:.5}.reserve .move-bg-box .move-bg{height:100%}.reserve .move-bg-box img{margin-left:auto}@media only screen and (max-width: 1200px){.reserve{padding:80px 60px}}@media only screen and (max-width: 767px){.reserve{padding:80px 30px}}