@charset "utf-8";

.section01 * {font-family: -apple-system, 'Pretendard', sans-serif !important;}
.section01 {padding-top:100px;}
.section01 h3 {font-size: 28px; font-weight: 700; color:#666; margin-bottom:40px;}
.section01 h3 span {color:#1b1b1b; }
.section01 .swiper-wrapper .swiper-slide {overflow: hidden; border-radius: 20px; position: relative; box-shadow: 8px 3px 20px 0px rgba(25, 15, 15, 0.07);}
.section01 .swiper-wrapper .swiper-slide img {width: 100%; object-fit: cover;}
.section01 .swiper-wrapper .swiper-slide .slide-text {position: absolute; top:0; left:0; padding-top:62px; padding-left:50px;}
.section01 .swiper-wrapper .swiper-slide .slide-text p {font-size: 30px; font-weight: 700; line-height: 40px; margin-bottom:15px; color:#1b1b1b}
.section01 .swiper-wrapper .swiper-slide .slide-text span {font-size: 18px; line-height: 28px;}
.section01 .swiper_button {opacity: 0; transition: .2s; position: absolute; z-index: 15; width: 100%; display: flex; justify-content: space-between; left:0; top:57%;}
.section01:hover .swiper_button {opacity: 1;}
.section01 .swiper-button-next, .section01 .swiper-button-prev {width: 75px; outline:none; transform: scale(0.9); transition: .3s;}
.section01:hover .swiper-button-next, .section01:hover .swiper-button-prev { transform: scale(1);}
.section01 .swiper-button-prev  {left:-20px;}
.section01 .swiper-button-next {right:-20px;}
.section01 .swiper-button-next:after, .section01 .swiper-button-prev:after {display:none;}
@media(max-width:991px) {
    .section01 {padding-top: 65px;}
    .section01 h3 {font-size: 21px; margin-bottom:18px;}
    .section01 .swiper-wrapper .swiper-slide .slide-text {padding-top:41px; padding-left:30px;}
    .section01 .swiper-wrapper .swiper-slide .slide-text p {font-size: 20px; line-height: 25px; margin-bottom:10px;}
    .section01 .swiper-wrapper .swiper-slide .slide-text span {font-size: 14px; line-height: 21px; color:#666666}
    .section01 .swiper-button-next, .section01 .swiper-button-prev {width: 50px; display: none;}
    .section01 .swiper-button-next {right: -5px;}
    .section01 .swiper-button-prev {left: -5px;}
}

.section02 * {font-family: -apple-system, 'Pretendard', sans-serif !important;}
.section02 {padding-top:100px;}
.section02 .sec02_grid {display:flex; flex-wrap: wrap; gap:25px;}
.section02 .sec02_grid .block { border-radius: 20px; overflow: hidden; display: block; position: relative; box-shadow: 0px 3px 20px 0px rgba(25, 15, 15, 0.07);}
.section02 .sec02_grid .block01 {width: calc(25% - 20px); aspect-ratio: 33 / 35;}
.section02 .sec02_grid .block02 {width: calc(50% - 20px); aspect-ratio: 689 / 349;}
.section02 .sec02_grid .block img {width: 100%; object-fit: cover; height: 100%;}
.section02 .sec02_grid .block .text-area {position:absolute; top:0; padding-top:45px; }
.section02 .sec02_grid .block01 .text-area {left:50%; transform: translateX(-50%); text-align:center;}
.section02 .sec02_grid .block02 .text-area {left:0; padding-left:40px;}
.section02 .sec02_grid .block .text-area p {font-size: 23px; font-weight: 700; margin-bottom:15px; text-align: center;}
.section02 .sec02_grid .block .text-area span {font-weight: 400; font-size: 14px;}
.section02 .sec02_grid .block01 .text-area span {color:#999}
.section02 .sec02_grid .block02 .text-area p, .section02 .sec02_grid .block02 .text-area span {color:#fff;}
.section02 .sec02_grid .block02 .text-area p { font-size: 22px;}

@media (max-width:991px) {
    .section02 {padding-top: 67px;}
    .section02 .sec02_grid {gap:10px}
    .section02 .sec02_grid .block {width: calc(100% / 3 - 7px); aspect-ratio: 1; border-radius: 11px; box-shadow: 0px 2px 15px 0px rgba(25, 15, 15, 0.07);}
    .section02 .sec02_grid .block .text-area {padding:0; width: 100%; text-align: center; top:22px;}
    .section02 .sec02_grid .block .text-area p {font-size: 13px;}
    .section02 .sec02_grid .block .text-area span {display:none;}
}