@charset "utf-8";

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    color: inherit;
}
body{
    line-height: 1.2;
}

.section{
    background-color: antiquewhite;
    padding: 160px 0;
}
.section .inner{
    max-width: 1280px;
    width: calc(100% - 40px);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.section .inner .item{
    width: 22.35%;
    /* 299 / 1280 * 100 =  22.35% */
    /* 이미지크기 / 컨테이너 크기 * 100 */
}
.section .inner .item img{
    width: 100%;
    height: 299px;
    object-fit: cover;
}
.section .inner .item .text{
    margin-top: 20px;
}
.section .inner .item .text strong{
    font-size: 32px;
}
.section .inner .item .text p{
    font-size: 20px;
    margin-top: 12px;
    line-height: 1.3;
}

@media screen and (max-width: 1024px) {
    .section .inner{
        flex-wrap: wrap;
        gap: 22px;
    }
    .section .inner .item{
        width: 48.61%; /* 386 / 794 * 100 = 48.61% */
    }
    .section .inner .item img{
        width: 100%;
        height: 386px;
        object-fit: cover;
    }
}/* 1024px */

@media screen and (max-width: 640px){
    .section .inner{
        width: calc(100% - 32px);
    }
    .section .inner .item{
        width: 47.52%;
    }
    .section .inner .item img{
        width: 100%;
        height: 163px;
        object-fit: cover;
    }
}