.wrap {padding-top: 150px;}
.subtop {padding: 120px 0;}
.subtop h2 {font-size: 70px;font-weight: 700;color: #000;margin-bottom: 40px;font-family: "Raleway";}
.subtop-txt {font-size: 30px;font-weight: 500;color: #000;}
.subtop-img {height: 540px;width: 100%;text-align: center;margin-bottom: 150px;}   
.subtop-img img {width: 100%;height: 100%;object-fit: cover;}

.mt150 {margin-top: 150px;}
.pb200 {padding-bottom: 200px;}

.sub-tit {font-size: 50px;font-weight: 600;color: #000;}
.sub-tit.white {color: #fff;}
.about-df {display: flex;justify-content: space-between;}
.about-right {width: 100%;max-width: 1120px;}
.about-t1 {font-size: 30px;font-weight: 500;color: #000;margin-bottom: 40px;}
.about-t2 {font-size: 20px;color: #444;line-height: 1.5;}
.feature {display: grid;gap: 36px;grid-template-columns: repeat(3, 1fr);}
.feature li {background-color: #F4F9FE;border-radius: 30px;height: 70px;padding: 0 20px;}
.feature-item {display: flex;gap: 10px;height: 100%;align-items: center;}
.feature-item span {display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 28px;height: 28px;border-radius: 50%;font-size: 14px;font-weight: 700;color: #fff;text-align: center;background:linear-gradient(to right,#0189A1, #004866);}
.feature-item p {font-size: 18px;color: #000;}

.history {padding: 150px 0;background-color: #F4F9FE;}
.history-list {border-top: 1px solid #000;width: 100%;}
.history-list li {border-bottom: 1px solid #ddd;padding: 20px 0;}
.history-df {display: flex;gap: 100px;align-items: center;}
.year {font-size: 44px;font-weight: 800;color: #0189A1;}
.hcont-df {display: flex;gap: 100px;align-items: center;}
.hc-left {font-size: 24px;font-weight: 700;color: #000;}
.hc-right {font-size: 18px;color: #000;}

.customer-list {display: grid;gap: 36px;grid-template-columns: repeat(4, 1fr);}
.customer-box {background-color: #F4F9FE;border-radius: 30px;padding: 50px;}   
.customer-t1 {text-align: center;font-size: 24px;font-weight: 600;color: #0189A1;margin-top: 25px;}
.customer-t2 {font-size: 18px;color: #444;line-height: 1.5;margin-top: 20px;text-align: center;}

.service-list {display: grid;gap: 36px;grid-template-columns: repeat(3, 1fr);}
.service-circle {background-color: #F4F9FE;border-radius: 50%;aspect-ratio: 1 / 1;display: flex;align-items: center;justify-content: center;}
.service-circle > div {text-align: center;}
.circle-t1 {text-align: center;font-size: 24px;font-weight: 500;color: #000;margin-top: 20px;}
.step {display: inline-flex;font-size: 14px;font-weight: 700;color: #fff;border-radius: 35px;padding: 6px 13px;background:linear-gradient(to right,#0189A1, #004866);margin-top: 40px;}

.contact-df {display: flex;justify-content: space-between;}
.contact-right {width: 100%;max-width: 1120px;}
.contact-bg {padding: 150px 0;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;background-image: url("/resources/img/sub/contact_bg.png");}
.contact-form {border-radius: 20px;background:linear-gradient(to bottom right,#0189A1, #004866);padding: 60px;opacity: 0.9;}
.form-tit {font-size: 24px;font-weight: 600;color: #fff;margin-bottom: 35px;}
.form-wrap {display: flex;gap: 20px;width: 100%;margin-bottom: 20px;align-items: end;}
.form-item {flex: 1;}
.form-item.fx0 {flex: 0;}
.form-tt {font-size: 18px;font-weight: 500;color: #fff;margin-bottom: 15px;}
.form-input {width: 100%;height: 55px;border: none;outline: none;background-color: #fff;padding: 0 20px;border-radius: 30px;font-size: 16px;color: #000;}
.btn_submit {display: inline-flex;gap: 20px;align-items: center;margin-top: 70px;padding: 15px 35px;border-radius: 30px;background-color: #000;outline: none;border: none;cursor: pointer;}
.btn_submit span {font-weight: 600;font-size: 18px;color: #fff;}
.check-df {display: flex;flex-wrap: wrap;gap: 20px;align-items: center;}
.form-check input[type="checkbox"] {display: none;}
.form-check label {font-size: 16px;color: #fff;padding-left: 25px;background-image: url('/resources/img/common/check.svg');background-size: 19px 19px;background-repeat: no-repeat;background-position: left center;cursor: pointer;}
.form-check input[type="checkbox"]:checked + label {background-image: url('/resources/img/common/check_on.svg');}
/* .form-input.addr {padding: 0 50px 0 20px;} */
.search-addr {position: absolute;right: 20px;top: 50%;transform: translateY(-50%);z-index: 2;display: inline-flex;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: 20px auto;background-size: 20px auto;background-image: url("/resources/img/common/search_icon.svg");}

.line {border-top: 1px solid #7DB2A0;margin: 50px 0;}
.w200 {width: 200px;}

@media (max-width: 1600px) {

}
@media (max-width: 1560px) {
	.contact-right {max-width: 1020px;}
}
@media (max-width: 1499px) {

}

@media (max-width: 1429px) {
	.about-right {max-width: 920px;}
	.contact-right {max-width: 820px;} 
	.sub-tit {font-size: 40px;}
	.circle-t1 {font-size: 20px;}
	.step {margin-top: 20px;}
}
@media (max-width: 1399px) {
	.subtop h2 {font-size: 50px;}
	.subtop-txt {font-size: 25px;}
	.sub-tit {font-size: 35px;}
	.about-t1 {font-size: 25px;}
	.about-t2 {font-size: 18px;}
	.feature-item p {font-size: 16px;}
	.year {font-size: 40px;}
	.hc-left {font-size: 20px;}
	.hc-right {font-size: 16px;}
	.customer-t1 {font-size: 20px;}
	.customer-t2 {font-size: 16px;}
	.customer-box {padding: 40px;}

}
@media (max-width: 1259px) {
	.customer-list {gap: 18px;}
}

@media (max-width: 1219px) {
	.subtop h2 {font-size: 40px;}
	.subtop-txt {font-size: 20px;}
	.about-right, .contact-right {max-width: 720px;}
	.sub-tit {font-size: 30px;}
	.about-t1 {font-size: 20px;}
	.about-t2 {font-size: 16px;}
	.year {font-size: 30px;}
	.service-list {gap: 18px;}
	.circle-t1 {font-size: 18px;}
	.step {font-size: 12px;}
	.contact-bg {padding: 70px 0;}	
	.form-tit {font-size: 20px;margin-bottom: 20px;}
	.form-tt {margin-bottom: 10px;font-size: 16px;}
	.w200 { width: 140px;}
	.form-input {padding: 0 15px;height: 50px;}
	.form-wrap {gap: 10px;}
	.line {margin-bottom: 25px;}
	.subtop-img {height: 440px;}
	.contact-form {padding: 40px;}
}

@media (max-width: 991px) {
	.wrap {padding-top: 70px;}
	.subtop {padding: 60px 0;}
	.subtop h2 {font-size: 30px;margin-bottom: 20px;}
	.subtop-txt {font-size: 18px;}
	.subtop-img {height: 340px;margin-bottom: 70px;}
	.about-df,.contact-df {flex-direction: column;gap: 30px;}
	.about-right,
	.contact-right {max-width: 100%;}
	.sub-tit {font-size: 25px;}
	.about-t1 {font-size: 18px;margin-bottom: 20px;}
	.mt150 { margin-top: 70px;}
	.feature-item p {font-size: 14px;}
	.pb200 {padding-bottom: 100px;}
	.history {padding: 70px 0;}
	.history-df,.hcont-df {gap: 50px;}
	.customer-list { grid-template-columns: repeat(2, 1fr);}
	.customer-box img {width: 65px;}
	.btn_submit {margin-top: 30px;}
	.service-circle img {width: 50%;}
}	

@media (max-width: 767px) {
	.subtop {padding: 40px 0;}
	.sub-tit {font-size: 20px;}
	.about-t1 {font-size: 16px;}
	.about-t2 {font-size: 14px;}
	.feature {grid-template-columns: repeat(2, 1fr);gap: 18px;}
	.feature-item span {font-size: 12px;width: 24px;height: 24px;}
	.feature li {padding: 0 10px;height: 60px;}
	.subtop-txt {font-size: 16px;}
	.hc-right {font-size: 14px;}
	.hc-left {font-size: 18px;}
	.year {font-size: 25px;}
	.history-df,.hcont-df {gap: 20px;}
	.customer-list { grid-template-columns: repeat(1, 1fr);}
	.customer-t1 {margin-top: 10px;font-size: 18px;}
	.customer-t2 {margin-top: 10px;font-size: 14px;}
	.customer-box {padding: 30px;}
	.step {font-size: 11px;margin-top: 5px;}
	.circle-t1 {font-size: 12px;margin-top: 10px;}
	.contact-form {padding: 20px;}
	.form-tit {font-size: 16px;margin-bottom: 10px;}
	.form-tt {font-size: 14px;}
	.form-input {font-size: 12px;padding: 0 10px;height: 45px;}
	.form-check label {font-size: 12px;background-size: 14px 14px;padding-left: 20px;}
	.check-df {gap: 5px;align-items: flex-start; flex-direction: column;}
	.btn_submit {margin-top: 10px;gap: 10px;padding: 15px 25px}
	.btn_submit span {font-size: 14px;}
	.w200 {width: 100px;}
	.search-addr {right: 10px;}
}

@media (max-width: 320px) {

}