@charset "utf-8";

.section03 * {font-family: -apple-system, 'Pretendard', sans-serif !important;}
.section03 {padding-top:100px;}
.section03 .container_fix {display:flex; gap:23px}
.section03 .sec03_cont {position: relative; overflow: hidden; border-radius: 20px; width: calc(100% / 3 - 15px); box-shadow: 0px 3px 20px 0px rgba(25, 15, 15, 0.07);}
.section03 .sec03_cont img {width: 100%; height: 100%; object-fit: cover; aspect-ratio: 451 / 578;}
.section03 .sec03_cont .text-area {position: absolute; top:65px; left:50%; transform: translateX(-50%); width: 100%; text-align: center;}
.section03 .sec03_cont .text-area p {color:#fff; font-size: 30px; font-weight: 700; margin-bottom:20px;}
.section03 .sec03_cont .text-area span {color:#fff; text-align: center; font-size: 18px; line-height: 24px;}
.section03 .sec03_cont:first-child .text-area p {color:#1b1b1b}
.section03 .sec03_cont:first-child .text-area span {color:#666666}

@media (max-width:991px){
    .section03 {padding-top: 70px;}
    .section03 .sec03_cont {border-radius: 14px; box-shadow: 0px 2px 15px 0px rgba(25, 15, 15, 0.07);}
    .section03 .sec03_cont img {aspect-ratio: 279 / 378;}
    .section03 .sec03_cont .text-area {text-align: left; top:41px; padding-left:28px}
    .section03 .sec03_cont .text-area p {font-size: 20px; margin-bottom: 13px;}
    .section03 .sec03_cont .text-area span {font-size: 14px; text-align: left; line-height: 21px;}
}