@charset "utf-8";

@import url('../sub-page.css');

/* content */
main {
    font-family: 'pretendard';
}

/* .section0 {
    width: 1920px;
    width: 100%;
    height: 450px;

} */

.section0_img {
    background: url('/theme/dong_a_technology/img/common/product.png') center center / cover no-repeat;
}

.content .inner .subtitle h3 {
    font-size: 48px;
    font-family: 'outfit';
    font-weight: 500;
    margin-bottom: 30px;
}

.content .inner .subtitle p {
    color: #666666;
    font-size: 20px;
    margin-bottom: 80px;
}

.content .inner .img-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 200px;
    padding: 0 20%;
}

.content .inner .img-container img {
    width: calc(25% - 10px);
    margin: 5px;
    box-sizing: border-box;
}

@media screen and (max-width: 1200px) {
    .content .inner .img-container img {
        width: calc(33.33% - 10px);
    }
}

@media screen and (max-width: 860px) {
    .content .inner .img-container img {
        width: calc(50% - 10px);
    }
}

@media screen and (max-width: 640px) {
    .content .inner .img-container img {
        width: calc(100% - 10px);
    }

    .content .inner .subtitle h3 {
        font-size: 36px;
    }
    
    .content .inner .subtitle p {
        font-size: 16px;
    }
}