﻿.main-banner {position: relative;height: 100vh;overflow: hidden;}
.banner-slide {width: 100%;height: 100%;}
.owl-stage-outer,.owl-stage,.owl-item {height: 100%;} 
.banner {position: relative;overflow: hidden;min-height: auto; width: 100%;height: 100%;min-width: 0;}
.banner > img {width: 100% !important;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); object-fit: cover;object-position: center;}
.banner-txt-wrap {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.banner-txt {margin-top: 30px;margin-bottom: 70px;font-size: 24px;font-weight: 500;color: #fff;text-align: center;line-height: 1.3;}
.banner-btn {display: inline-flex;gap: 20px;border-radius: 30px;border: 2px solid #fff;padding: 20px 30px;}
.banner-btn:hover {background-color: #007BC6;border-color: #007BC6;}
.banner-btn span {font-size: 18px;font-weight: 700;color: #fff;}
.banner-slide.owl-carousel .owl-item img {width: auto;}

.pagination_wrap {position: absolute;width: 100%;left: 0;bottom: 50px;z-index: 1;text-align: center;}
.dotsCont {display: inline-flex;align-items: center;gap: 5px;}
.owl-dot {display: inline-block;width: 10px;height: 10px;background-color: #fff;border-radius: 50%;cursor: pointer;opacity: 0.5;}
.owl-dot.active {opacity: 1;}

.mb120 {margin-bottom: 120px;}
.main-section {height: 100vh;}
.customer-section {background-color: #F9FAFB;height: 100vh;}
.inquiry-section {height: 100vh;}

.section-div {width: 100%; height: 100%; display: flex;overflow: hidden;}   
.section_left {width: 57%;padding-top: 100px;}
.section_right {width: 43%;background-image: url("/resources/img/main/main_bg.png");background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;position: relative;}
.section-cont-flex {display: flex;flex-direction: column;justify-content: space-evenly; width: 100%;height: 100%;max-width: 600px; margin: 0 auto;}
.section-cont .t1 {font-size: 24px;font-weight: 800;color: #007BC6;margin-bottom: 20px;}
.section-cont .t2 {font-size: 60px;font-weight: 800;color: #000;margin-bottom: 20px;}
.section-cont .t3 {font-size: 18px;color: #000;line-height: 1.5;}

.menu-list li a {position: relative;font-size: 24px;font-weight: 700;color: #000;padding: 35px 0;border-bottom: 1px solid #CACACA;}
.menu-list li a:after {position: absolute;width: 50px;height: 50px;border-radius: 50%;background-color: #D5DADF;right: 0;top: 25px;content: "";background-image: url("/resources/img/common/Vector.svg");background-repeat: no-repeat;background-position: center center;}
.menu-list li a:hover {border-color: #007BC6;}
.menu-list li a:hover:after {background-color: #007BC6;}

.product-img {position: absolute;left: -240px;top: 50%;z-index: 2;transform: translateY(-50%);display: flex;align-items: center; justify-content: center;}

.customer-tit {font-size: 24px;font-weight: 800;color: #000;margin-bottom: 30px;}
.customer-list {display: flex;flex-wrap: wrap;gap: 18px;margin-top: 50px;}
.customer-item {width: 14%;}
.inquiry-div {display: flex;gap: 150px;}
.inquiry-left {width: 35%;}
.inquiry-right {width: 65%;}
.inquiry-down {display: inline-flex;align-items: center; gap: 5px;}
.inquiry-down span {font-size: 15px;font-weight: 700;color: #000;}

.inquiry-row {display: flex;gap: 36px;align-items: center;margin-bottom: 20px;}
.inquiry-item {width: 50%;position: relative;}
.inquiry-item.full {width: 100%;}
.inquiry-input {height: 70px;width: 100%;outline: none;border-left: none;border-top: none;border-right: none;border-bottom: 1px solid #666;font-size: 18px;font-weight: 700;color: #000;background-color: transparent;}
.inquiry-textarea {height: 130px;width: 100%;outline: none;border-left: none;border-top: none;border-right: none;border-bottom: 1px solid #666;font-size: 18px;font-weight: 700;color: #000;padding: 20px 0;resize: none;background-color: transparent;}
.inquiry-input.file {padding-right: 90px;}
.upload-hidden {position: absolute;width: 1px;height: 1px;padding: 0;margin: 0;clip: rect(0, 0, 0, 0);border: 0;}
.upfile {position: absolute;right: 0;top: 50%;transform: translateY(-50%);background-color: #000;border-radius: 30px;padding: 10px 20px;text-align: center;font-size: 14px;font-weight: 700;color: #fff;cursor: pointer;}
.inquiry-btn {margin-top: 40px;text-align: right;}
.inquiry-btn button {background-color: #007BC6;padding: 20px 30px;border-radius: 30px;border: none;outline: none;cursor: pointer;display: inline-flex;align-items: center;gap: 20px;}
.inquiry-btn button span {font-size: 18px;font-weight: 700;color: #fff;}

@media (max-width: 1560px) {
	.section-cont .t2 {font-size: 50px;}
}
@media (max-width: 1499px) {
	.product-img {left: -200px;}
}

@media (max-width: 1429px) {

}
@media (max-width: 1399px) {
	.product-img {left: -160px;}
	.menu-list li a {font-size: 20px;}
}
@media (max-width: 1259px) {

}

@media (max-width: 1219px) {
	.main-logo {width: 478px !important;}
	.banner-txt {font-size: 20px;}
	.section-cont .t1 {font-size: 20px;margin-bottom: 30px;}
	.section-cont .t2 {font-size: 40px;}
	.section-cont-flex {max-width: 500px;}
	.product-img {left: -115px;}
	.customer-tit {font-size: 20px;}
	/* .customer-list {gap: 28px;} */
	.inquiry-div {gap: 50px;}
	.inquiry-input {font-size: 16px;}
	.inquiry-textarea {font-size: 16px;}
	.inquiry-btn button span {font-size: 16px;}
	.section-cont .t3 {font-size: 16px;}
}

@media (max-width: 991px) {
	.banner-txt {font-size: 18px;margin-top: 15px;margin-bottom: 35px;}
	.banner-btn span {font-size: 16px;}
	.banner-btn {padding: 15px 20px;}
	.banner-txt-wrap {padding: 0 10px;}
	.section-cont .t1 {font-size: 18px;margin-bottom: 15px;}
	.section-cont .t2 {font-size: 30px;margin-bottom: 15px;}
	.section-cont .t3 {font-size: 16px;}
	.menu-list li a {font-size: 18px;padding: 20px 0;}
	.menu-list li a:after {width: 30px;height: 30px;top: 15px;}
	.section-cont-flex {max-width: 400px;}
	.product-img {left: -100px;}
	.customer-tit {font-size: 18px;margin-bottom: 15px;}
	.mb120 {margin-bottom: 30px;}
	.customer-list {gap: 18px;margin-top: 25px;}
	.inquiry-btn button {padding: 15px 20px;}
	.section_left {padding-top: 0;}
	.main-section,.inquiry-section,.customer-section { align-content: center;}
}	

@media (max-width: 767px) {
	.main-section {height: auto;}
	.section-div {flex-direction: column;gap: 30px;overflow: initial;}
	.section_left {width: 100%;height: 100%;}
	.section_right {width: 100%;height: 100%;}
	.section-cont-flex {max-width: 100%;padding: 0 10px;justify-content: center;gap: 20px;}
	.product-img {left: 0;}
	.customer-item {width: 30%;}
	.section-cont .t2 {font-size: 25px;}
	.inquiry-div {flex-direction: column;gap: 20px;}
	.inquiry-left,.inquiry-right {width: 100%;}
	.inquiry-down span {font-size: 13px;}
	.inquiry-input {height: 50px;font-size: 14px;}
	.inquiry-textarea {height: 100px;font-size: 14px;}
	.inquiry-btn button span {font-size: 14px;}
	.banner-btn span {font-size: 14px;}
	.inquiry-item.file {width: 100%;}
	.inquiry-row {gap: 15px;}
	.banner-txt {font-size: 16px;}
	.main-section {padding: 50px 0;}
	.fp-scrollable,.fp-scroller {overflow: auto !important;}
	.main-banner {height: 50vh;}
	.inquiry-section,.customer-section {height: auto;padding: 50px 0;}
	.pagination_wrap {bottom: 20px;}
	.product-img {position: relative;left: auto;top: auto;transform: none;height: 100%;}
}	

@media (max-width: 375px) {
	.customer-item {width: 29%;}
}