﻿.main_con .mainSwiper {margin-bottom: 120px;}
.main_con .mainSwiper .swiper-slide {height: 97vh; position: relative; background-size: cover; background-repeat: no-repeat;}
.main_con .mainSwiper .slide1 {background-image: url('../img/home/main_banner_01.jpg'); }
.main_con .mainSwiper .slide2 {background-image: url('../img/home/main_banner_02.jpg');}
.main_con .mainSwiper .slide3 {background-image: url('../img/home/main_banner_03.jpg');}
.main_con .mainSwiper .slide4 {background-image: url('../img/home/main_banner_04.jpg');}
.main_con .mainSwiper .main_txt {top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; width: 1200px;}
.main_con .mainSwiper .main_txt p {font-size: 34px; font-family: var(--font-sb); line-height: 42px; margin-bottom: 20px;}
.main_con .mainSwiper .main_txt span {font-size: 24px; line-height: 32px;}

.main_con section {margin: 0 0 120px; display: inline-block; width: 100%;}
.main_con .main_title {text-align: center; margin-bottom: 50px;}
.main_con .main_title span {font-size: 20px; text-align: center; margin-bottom: 10px; display: inline-block;}
.main_con .main_title p {font-size: 36px; font-family: var(--font-sb); text-align: center;}


.main_con .main_routine {text-align: center;}
.main_con .main_routine .main_routine_txt {margin-bottom: 50px;}
.main_con .main_routine ul {display: flex; justify-content: center;}
.main_con .main_routine ul li {margin-right: 10px; position: relative;}
.main_con .main_routine ul li:last-of-type {margin-right: 0;}

.main_con .sub_banner {width: 100%; padding-bottom: 15%; background-repeat: no-repeat; background-size: cover; position: relative; margin: 0 0 120px;}
.main_con .sub_banner1 {background-image: url(../img/home/banner1.png);}
.main_con .sub_banner2 {background-image: url(../img/home/banner2.png);}
.main_con .sub_banner3 {background-image: url(../img/home/banner3.png);}



/* 태블릿 */
@media screen and (max-width: 1367px) {
    .main_con .mainSwiper .slide1 {background-position: 75% 0;}
    .main_con .mainSwiper .slide2 {background-position: 75% 0;}
    .main_con .mainSwiper .slide3 {background-position: 75% 0;}
    .main_con .mainSwiper .slide4 {background-position: 75% 0;}
    .main_con .mainSwiper .main_txt {left: 60%;}
    .main_con .main_routine .main_routine_txt {width: 350px; margin-bottom: 50px;}
    .main_con .main_routine ul li img {width: 100%;}
    
    .main_con .sub_banner {height: 230px; background-position: center; }
    .main_con .sub_banner .sub_btxt {width: 100%;}
    .main_con .sub_banner .sub_btxt p {font-size: 35px;}
    .main_con .sub_banner .sub_btxt span {font-size: 18px;}
}
/* 태블릿 */
@media screen and (max-width: 1200px) {
    .main_con .mainSwiper .main_txt {left: 50%; width: 100%; text-align: center; top: 20%;}
}
/* 모바일 */
@media screen and (max-width:767px) {
    .main_con .mainSwiper .slide1 {background-image: url('../img/home/main_banner_01_m.jpg'); background-position: 43%;}
    .main_con .mainSwiper .slide2 {background-image: url('../img/home/main_banner_02_m.jpg'); background-position: 43%;}
    .main_con .mainSwiper .slide3 {background-image: url('../img/home/main_banner_03_m.jpg'); background-position: 43%;}
    .main_con .mainSwiper .slide4 {background-image: url('../img/home/main_banner_04_m.jpg'); background-position: 43%;}

    .main_con .mainSwiper .main_txt {left: 50%; width: 100%; text-align: center; top: 25%;}
    .main_con .mainSwiper .swiper-slide {height: 630px;}
    .main_con .mainSwiper {margin-bottom: 80px;}

    .main_con .mainSwiper .main_txt p {font-size: 22px; line-height: 28px; margin-bottom: 10px;}
    .main_con .mainSwiper .main_txt span {font-size: 15px; line-height: 22px;}

    .main_con section {margin: 0 0 80px;}
    .main_con .main_title {margin-bottom: 30px;}
    .main_con .main_title span {font-size: 16px; margin-bottom: 5px;}
    .main_con .main_title p {font-size: 30px;}

    .main_con .main_routine .main_routine_txt {width: 280px; margin-bottom: 30px;}
    .main_con .main_routine ul {display: inline-block;}
    .main_con .main_routine ul li {width: 100%; margin-right: 0; margin-bottom: 10px;}


    .main_con .sub_banner {height: 160px; padding-bottom: 0;  background-position: 40%; margin: 0 0 80px;}
    .main_con .sub_banner1 {background-position: 62%;}
    .main_con .sub_banner2 {background-position: 36%;}
    .main_con .sub_banner3 {background-position: 60%;}
    .main_con .sub_banner .sub_btxt p {font-size: 25px;}
    .main_con .sub_banner .sub_btxt span {font-size: 16px; line-height: 24px;}

}

/* 폴드 */
@media screen and (max-width: 374px) {
    .main_con .sub_banner .sub_btxt p {font-size: 22px;}
    .main_con .sub_banner .sub_btxt span {font-size: 14px ;line-height: 20px;}
}