.main-visual {height: 760px;position: relative;}   
.main-slide,
.owl-stage-outer,
.owl-stage,
.owl-item {height: 100%;}
.main-item {height: 100%;-webkit-background-size: cover;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.main-item.item1 {background-image: url("/resources/img/main/main_banner1.jpg");}
.main-item.item2 {background-image: url("/resources/img/main/main_banner2.jpg");}
.main-item.item3 {background-image: url("/resources/img/main/main_banner3.jpg");}
.visual-cont {display: flex;height: 100%;align-items: center;}
.visual-cont .t1 {display: inline-flex;align-items: center;border-radius: 30px;gap: 20px;padding: 15px 25px;background-color: #ED1C24;font-size: 16px;font-weight: 800;color: #fff;margin-bottom: 25px;}
.visual-cont .t2 {font-size: 45px;font-weight: 800;color: #fff;margin-bottom: 30px;}
.visual-cont .t3 {font-size: 18px;color: #fff;line-height: 1.5;}

.pagination_wrap {position: absolute;width: 100%;left: 0;bottom: 40px;z-index: 1;text-align: center;}
.dotsCont {display: inline-flex;align-items: center;gap: 20px;}
.owl-dot {display: inline-block;width: 10px;height: 10px;background-color: #fff;border-radius: 50%;cursor: pointer;opacity: 0.3;}
.owl-dot.active {opacity: 1;}

.main-stit {font-size: 16px;font-weight: 500;color: #ED1C24;margin-bottom: 20px;}
.main-tit {font-size: 30px;font-weight: 800;color: #000;}
.main-txt {font-size: 15px;color: #000;line-height: 2;}
.main-link {display: inline-flex;align-items: center;margin-top: 20px;gap: 20px;}
.main-link span {font-size: 16px;font-weight: 800;color: #000;}
.main-df {display: flex;justify-content: flex-start;}
.main-left {flex-basis: 160px;}
.main-right {flex: 1;}

.section1 {padding: 70px 0;}
.section2 {padding: 70px 0;}
.section3 {padding: 100px 0;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center center;background-image: url("/resources/img/main/company_bg.jpg");}
.section4 {padding: 70px 0;}

.product-wrap {display: flex;}
.product-item {aspect-ratio: 384 / 620;flex: 1;height: 100%;background-repeat: no-repeat;-webkit-background-size: cover;background-size: cover;background-position: center center;position: relative;}
.product-item.item1 {background-image: url("/resources/img/main/product_img1.png");}
.product-item.item2 {background-image: url("/resources/img/main/product_img2.png");}
.product-item.item3 {background-image: url("/resources/img/main/product_img3.png");}
.product-item.item4 {background-image: url("/resources/img/main/product_img4.png");}
.product-item.item5 {background-image: url("/resources/img/main/product_img5.png");}

.product-cont {position: absolute;left: 0;bottom: 0;padding: 40px 30px;display: flex;gap: 20px;align-items: center;justify-content: space-between; width: 100%;background: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 40%));}
.product-cont .name {font-size: 20px;font-weight: 800;color: #fff;margin-bottom: 8px;}
.product-cont .info {font-size: 16px;font-weight: 500;color: #fff;}

.main-notice {margin-top: 50px;border-top: 2px solid #000;}
.main-notice li {border-bottom: 1px solid #ddd;padding: 30px 0;}
.notice-tit {font-size: 18px;font-weight: 700;color: #000;line-height: 1.5;display: flex;}
.notice-tit .mark {display: inline-block;background-color: #ED1C24;border-radius: 30px;padding: 5px 20px;text-align: center;font-size: 15px;font-weight: 700;color: #fff;align-self: center;margin-right: 15px;}
.notice-txt {font-size: 15px;color: #444;line-height: 1.5;margin-top: 15px;}
.notice-date {font-size: 15px;color: #999;margin-top: 25px;}

.company-cont {display: flex;gap: 10px;margin-top: 50px;}
.company-box {width: 50%;padding: 40px;background-color: rgb(21 29 45 / 80%);align-self: end;aspect-ratio: 512 / 270;position: relative;}
.com-t1 {font-size: 18px;font-weight: 700;color: #fff;margin-bottom: 20px;}
.com-t2 {font-size: 15px;color: #fff;line-height: 2;}
.com-t3 {position: absolute;right: 40px;bottom: 40px;display: inline-block;}

.box-wrap {display: flex;gap: 32px;}
.box {width: 50%;padding: 30px;align-self: end;aspect-ratio: 748 / 240;background-color: #FAFAFA;}
.box-t1 {font-size: 18px;font-weight: 700;color: #000;margin-bottom: 20px;}
.box-t2 {font-size: 15px;color: #000;margin-bottom: 10px;position: relative;z-index: 2;}
.box-t3 {position: absolute;right: 0;bottom: 0;}

.white {color: #fff !important;}

@media (max-width: 1600px) {

}
@media (max-width: 1560px) {

}
@media (max-width: 1499px) {

}

@media (max-width: 1429px) {
	.visual-cont .t2 {font-size: 40px;}

}
@media (max-width: 1399px) {

}
@media (max-width: 1259px) {

}

@media (max-width: 1219px)	{
	.product-cont {padding: 20px 10px;}
	.main-stit {margin-bottom: 10px;}
	.main-tit {font-size: 25px;}
	.product-cont .info {font-size: 15px;}
	.product-cont .name {font-size: 16px;}
}

@media (max-width: 991px) {
	.main-visual  {height: 460px;}
	.dotsCont {gap: 10px;}
	.pagination_wrap {bottom: 20px;}
	.visual-cont .t1 {font-size: 15px;}
	.visual-cont .t2 {font-size: 25px;}
	.visual-cont .t3 {font-size: 16px;}
	.main-tit {font-size: 20px;}
	.product-wrap {flex-wrap: wrap;}
	.product-item {width: 33.3333333%;flex: none;}
	.main-notice {margin-top: 50px;}
	.main-notice li {padding: 20px 0;}
	.section1 {padding: 30px 0;}
	.section2 {padding: 30px 0;}
	.section3 {padding: 50px 0;}
	.section4 {padding: 30px 0;}
	.notice-tit {font-size: 16px;}
	.main-link {gap: 10px;}
	.main-link span {font-size: 15px;}
	.main-left {flex-basis: 120px;}
	.company-cont {margin-top: 45px;gap: 16px;}
	.company-box {padding: 20px;}
	.com-t1 {font-size: 16px;margin-bottom: 10px;}
	.com-t3 img {width: 21px;height: 21px;}
	.box-t1 {font-size: 16px;margin-bottom: 10px;}
	.box-t2 {font-size: 15px;}
	.box-wrap {gap: 16px;}
	.box-t3 img {height: 30px;}
	.box {padding: 15px;}
}	

@media (max-width: 767px) {
	.visual-cont .t1 {font-size: 12px;padding: 10px 15px;margin-bottom: 15px;}
	.visual-cont .t2 {font-size: 20px;margin-bottom: 20px;}
	.visual-cont .t3 {font-size: 15px;}
	.main-visual {height: 360px;}
	.main-df {flex-direction: column;gap: 20px;}
	.main-left,.main-right {width: 100%;}
	.main-left {flex-basis: auto;}
	.main-notice {margin-top: 20px;}
	.notice-tit .mark {font-size: 12px;margin-right: 10px;}
	.company-cont {flex-direction: column;margin-top: 20px;gap: 8px;}
	.company-box {width: 100%;aspect-ratio: auto;}
	.com-t3 {position: relative;right: auto;bottom: auto;margin-top: 10px; float: right;}
	.box-wrap {flex-direction: column;}
	.box {width: 100%;}
	.product-item {width: 100%;}
	.product-cont {padding: 20px;}

}	

@media (max-width: 375px) {

}