﻿.main-visual {position: relative;height: 100vh;}   
.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_img1.png");}
.main-item.item2 {background-image: url("/resources/img/main/main_img2.png");}
.main-item.item3 {background-image: url("/resources/img/main/main_img3.png");}
.visual-cont {display: flex;height: 100%;align-items: center;}
.visual-cont .t1 {font-size: 70px;font-weight: 700;color: #fff;margin-bottom: 60px;}
.visual-cont .t2 {font-size: 30px;font-weight: 500;color: #fff;margin-bottom: 60px;}
.visual-cont .t3 {display: inline-flex;align-items: center;border: 2px solid #fff;border-radius: 30px;gap: 20px;padding: 20px 30px;}
.visual-cont .t3 span {font-size: 18px;font-weight: 700;color: #fff;font-family: "Raleway";}
.visual-cont .t3 img {width: auto;}


.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;}

@media (max-width: 1600px) {

}
@media (max-width: 1560px) {
	.visual-cont .t1 {font-size: 50px;}
}
@media (max-width: 1499px) {

}

@media (max-width: 1429px) {

}
@media (max-width: 1399px) {

}
@media (max-width: 1259px) {

}

@media (max-width: 1219px)	{
	.visual-cont .t1 {font-size: 40px;}
	.visual-cont .t2 {font-size: 25px;}
}

@media (max-width: 991px) {
	.visual-cont .t1 {font-size: 35px;margin-bottom: 30px;}
	.visual-cont .t2 {font-size: 20px;margin-bottom: 30px;}
	.visual-cont .t3 {padding: 15px 20px;gap: 10px;}
	.visual-cont .t3 span {font-size: 16px;}
}	

@media (max-width: 767px) {
	.visual-cont .t1 {font-size: 25px;}
	.visual-cont .t2 {font-size: 16px;}
	.visual-cont .t3 span {font-size: 14px;}
	.pagination_wrap {bottom: 20px;}
	.dotsCont {gap: 10px;}
}	

@media (max-width: 375px) {

}