/* tablet ~ */
@media screen and (max-width: 768px) {
    .main {
        height: 60vw;
    }

    .main_sec {
        height: 100%;
    }

    .main_sec .main_sub_sec {
        display: none;
    }

    .main_slider .slide_item .slide_title {
        min-height: 98px;
        height: 98px;
        padding: 20px 16px;
    }

    .main_slider .slide_item .slide_title .title_tag {
        padding: 4px 12px;
        margin-bottom: 8px;
    }

    .main_slider .slide_item .slide_title p {
        display: block;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .main_slider .slide_pagination {
        display: none;
    }

    /* section */
    .section {
        background-color: #f4f5f9;
    }

    .section .layout_wrap {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .section .layout_wrap .sec_wrap {
        padding: 16px;
        margin-top: 8px;
        background-color: #fff;
    }

    .section .layout_wrap .sec_wrap .sec_title {
        margin-top: 0px;
    }

    .section .layout_wrap .sec_wrap .sec_item_list {
        display: grid;
        gap: 16px 12px;
        grid-template-columns: repeat(2, 1fr);
    }
    .section .layout_wrap .sec_wrap .sec_item_list .content_item {
        height: calc(29.2vw + 40px);
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
    }
    .section .layout_wrap .sec_wrap .sec_item_list .content_item .img_wrap {
        height: calc(100% - 40px);
    }
    .section .layout_wrap .sec_wrap .sec_item_list .content_item .content_title {
        height: 40px;
        padding: 8px 0px 0px;
    }

    /* footer */
    #footer {
        margin-top: 0px;
    }

}