@charset "utf-8";

.br1024{ display: none;}

/* mainBn */
.mainBnSwip .swiper-slide.s1{ background: url(../img/sub1/image1.jpg) no-repeat center/cover;}
.mainBnSwip .swiper-slide.s2{ background: url(../img/sub1/image2.jpg) no-repeat center/cover;}
.mainBnSwip .swiper-slide.s3{ background: url(../img/sub1/image3.jpg) no-repeat center/cover;}
.mainBnSwip .swiper-slide.s4{ background: url(../img/sub1/image4.jpg) no-repeat center/cover;}
.mainBnSwip .swiper-slide.s5{ background: url(../img/sub1/image5.jpg) no-repeat center/cover;}
.mainBnSwip .swiper-slide.s6{ background: url(../img/sub1/image6.jpg) no-repeat center/cover;}

.storyTit h2{ font-size: 42px;}
.storyTxt p{ margin-bottom: 15px;}
.storyTxt p:last-child{ margin-bottom: 0;}

/* banner */
#banner{ width: 100%; aspect-ratio: 16/3; background: url(../img/sub1/image6.jpg) no-repeat center/cover; margin: 300px auto 200px; position: relative;}
#banner .banTxt{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.banTxt p{ font-family: 'aAutoSignature'; font-size: 16px; text-align: center; color: #FAFAF8; }

/* 반응형 */
@media all and (max-width: 1024px){
    .storyTit h2{ font-size: 36px;}
    .br1024{ display: block;}
    #banner{ aspect-ratio: 16/5; margin: 150px auto;}
}
@media all and (max-width: 768px){
    .br1024{ display: none;}
    .storyTit h2{ font-size: 36px;}
    /* #mainStory{ margin: 80px auto;} */
    #banner{ margin: 80px auto;}
    .banTxt p{ font-size: 14px;}
}

@media all and (max-width: 520px){
    /* .storyTit{ display: flex; justify-content: center */
    .storyTit h2{ font-size: 30px; display: inline; text-align: center;}
    #banner{ aspect-ratio: 16/9;}
    #banner .banTxt{ width: 95%;}
}