@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_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;
    }
}