@charset "utf-8";

@media (max-width:1000px) {
    .sub_contents {
        width: 100%;
        padding: 40px 20px;
    }

    .section_img div img {
        width: 100%;
    }

    .section_grid {
        display: flex;
        flex-wrap: wrap;
        grid-template-columns: unset;
        gap: 20px;
    }

    /*.section_img{
        margin-right: 10px;
    }*/
}

@media (max-width:500px) {
    .sectionSub_Swiper {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        padding: 0 10px;
    }

    .sub_contents_hd {
        height: 150px;
    }

    .sub_contents_hd h1 {
        font-size: 19px;
        line-height: 25px;
    }

    .sub_contents_hd h2 {
        font-size: 14px;
        line-height: 20px;
    }

    .sub_content {
        gap: 20px;
        padding: 20px 0;
    }

    .sub_title_butbox h1 {
        font-size: 15px;
        line-height: 19px;
        word-break: keep-all;
        font-weight: 600;

    }

    .reference_box h4 {
        font-size: 15px;
        line-height: 19px;
    }

    .reference_box h5 {
        font-size: 12px;
        line-height: 17px;
    }

    .sub_title h2 {
        font-size: 13px;
        line-height: 18px;
    }

    .sub_title h3 {
        font-size: 12px;
        line-height: 17px;
        word-break: keep-all;
        padding: 0 24px;
    }

    .bbll {
        white-space: unset;
    }

    .sub_title_img {
        display: none;
    }

    .sub_title {
        gap: 12px;
        padding: 0px 0 10px 0;
    }

    .sub_title_img {
        margin: 0;
    }

    .section ul,
    .section ul li {
        font-size: 13px;
        line-height: 21px;
    }

    a.bbll br {
        display: block;
    }

    .sub_title_butbox a img {
        width: 65%;
    }

    .section h1 {
        font-size: 15px !important;
        line-height: normal !important;
    }

    .section p {
        font-size: 13px;
        line-height: 21px;
    }

    .section {
        gap: 8px;
    }

    .section h2 {
        font-size: 15px;
        line-height: 20px;
    }

    .section_imgbox h3 {
        font-size: 15px;
        line-height: 20px;
        width: 100%;
    }

    .section_img {
        flex-direction: column;
        overflow-x: scroll;
    }

    .sup-box,
    .section_imgTxt {
        font-size: 13px;
    }

    .section_imgTxt>div {
        display: inline;
    }

    .imgbox-double>div {
        width: 100% !important;
    }

    .section_imgbox {
        gap: 6px;
        flex-direction: column;
    }

    .reference_box {
        padding: 12px;
    }

    table thead tr th {
        padding: 8px;
    }

    tbody tr td {
        padding: 5px;
    }

    .table_ul {
        margin-bottom: 50px;
    }

    .table_li {
        font-size: 13px !important;
    }

    .section b {
        font-size: 13px;
    }

    tbody tr td,
    table thead tr th {
        font-size: 13px;
    }

    .section {
        padding: unset;
    }

    .section_table {
        overflow: scroll;
    }

    .reference_box h5 {
        display: flex;
    }

    .reference_box {
        display: flex;
        flex-direction: column;
    }

    .reference_box a,
    .ul_bk_wh a {
        font-size: 13px;
    }

    .reference_box b {
        font-size: 13px;
    }

    .m_img {
        width: 340% !important;
    }

    .m_img2 {
        width: 100% !important;
    }

    .section h3 {
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 22px;
        color: #434343;
    }

    .section_imgbox h3 {
        font-size: 13px;
        padding: 3px 6px;
    }

    .section_imgbox {
        padding: 10px 6px;
    }

    .sub_menu_box {
        margin-left: 27px;
    }

    .section b a {
        word-break: break-all;
    }

    a {
        display: block;
        max-width: 100%;
        word-break: break-all;
        overflow-wrap: break-word;
        white-space: normal;
    }

    .m-img {
        width: 100% !important;
    }
}