@charset "UTF-8";


*{
    margin:0;
    padding:0;
}
img{
    width:100%;
    height:100%;
}
    .sec3{
        width: 100%;
        margin:15px auto;
        clear:both;
    }
    .main_gallery {
        
        display: flex;
        flex-wrap: wrap;
        justify-content:space-around;
    }
    .gallery_item {
        text-align: center;
        width: 16%;
    }
    .gallery_item h2{
        font-size:16px;
    }
    .sec3_img{
        border-radius:5px;
        overflow:hidden;
        border-radius: 10px;
        overflow: hidden;
        height: 250px;
        width: 100%;
    }
    .sec3_img img{
        display: block;
        transition: transform 0.3s;
        object-fit: cover;
    }
    .gallery_item img:hover {
        transform: scale(1.05);
    }
    .gallery_item p {
        margin : 5px auto;
        font-size: 14px;
        line-height: 1.5;
        /* 긴 텍스트를 자르고 ...으로 표시 */
        white-space: nowrap; /* 줄바꿈 방지 */
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%; /* 텍스트가 부모 컨테이너의 너비에 맞게 조정 */
    }
    .gallery_item h2 {
        margin-top: 10px;
    }
    @media only screen and (max-width: 767px){
        .sec3{
            width:98%;
        }
        .gallery_item {
            width: 48%;
        }
        .gallery_item h2,
        .gallery_item p{
            font-size:14px;
        }
    }