/* =========================================================================
    메인 
===========================================================================*/
.section3 { width:1200px; margin:0 auto; line-height:1.6em;}
.swiper-slide3 { width:100%; max-width:calc(100% / 2 - 20px);}
.swiper-slide3 p.body { min-height:90px; max-width:480px; text-align: justify; word-break:break-all; }
.section3 p.box-title { font-size:34px; font-weight:bold; line-height:1.2em; margin-bottom:20px; padding:0 10px; }
.section3 p.inner-title { font-size:24px; font-weight:bold; line-height:1.2em; margin-bottom:20px; padding:0 10px; }
.section3 .swiper-slide3 .title { font-size:20px; font-weight:bold; line-height:1.2em; margin-top:20px; }
.section3 .box-wrap { display:flex; justify-content:space-between; padding:0 10px;}
.section3 .box-wrap .swiper-slide3 img { height:auto; max-width:480px; max-height:330px; width:calc(50vw - 30px); margin-top:20px; }
.grid-item { margin:0 auto; text-align:center; background-color:#ffffff; width: 130px; border:1px solid #2f8ba5; padding:5px; }
.grid-item img { max-width: 120px; height:auto; }
.grid-item p img { width:13px; height:auto; }
.grid-item-card img { max-width:160px; height:auto; border-radius:5px; }
img.grid-item-img { max-width:100%; height:auto; border-radius:5px !important; }
.grid-item-contents img { max-width:100%; height:auto; }
.subject { line-height:18px; }
@media screen and (max-width: 500px) {
    .section3 p.box-title { font-size:28px; font-weight:bold; line-height:1.2em; margin-bottom:20px; width:calc(100vw - 30px);}
    .section3 p.inner-title { font-size:20px; font-weight:bold; line-height:1.2em; margin-bottom:20px; width:calc(100vw - 30px); }
    .section3 .box-wrap .swiper-slide3 img { height:auto; width:calc(100vw - 20px); margin-top:20px; }
    .swiper-slide3 p.body { min-height:90px; max-width:calc(100vw - 25px); text-align: justify; word-break:break-all; }
    .section3 .box-wrap { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; }
    .grid-item { margin:0 auto; text-align:center; background-color:#ffffff; width: calc(100% / 2 - 5px); border:1px solid #2f8ba5; padding:5px; }
    .grid-item img { max-width: calc(100% - 3px); height:auto; }
    .grid-item-card img { max-width:calc(100% - 10px); ; height:auto; border-radius:5px; }
    .grid-item p img { width:13px; height:auto; }
    .subject { line-height:18px; }
}