@charset "utf-8";
@media screen and (min-width:1201px) and (max-width: 1660px){
    #slidemob{display: none;}
}
@media screen and (min-width:991px) and (max-width: 1200px){
    
    #slidemob{display: none;}
    .Bwrap02 .list {
        text-align: center;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
    }
    .Bwrap02 .list::-webkit-scrollbar{
        background:none;
        height: 0;
    }
    .Bwrap02 .list::-webkit-scrollbar-thumb{
        background: rgba(255, 255, 255,.5);
        border-radius: 5px;  
    }

    .Bwrap03_fl{
        line-height: 1.5;
    }
    .Bwrap07 .imgs{
        width: 100%;
        height: auto;
        margin-bottom: 6px;
    }
    .about01 .aboutImgs li:nth-of-type(2){margin-left: 0px;}

}
@media screen and (min-width: 300px) and (max-width:990px){
    body{font-size: 12px;}
    .isPhone{display: block;}
    .isWeb{display: none;}
    .margin-top-lg{margin-top: 20px;}

    .head{padding-top: 10px;padding-bottom: 10px;}
    .head_Dscreen{flex-wrap: wrap;}
    .head .head_fl{width:100%;padding: 0 1%;max-width: 100%;}
    .head .head_fl .logo .FullImg{width: 53%;}
    .head .logo_name{padding: 0 20px;border-left: 1px #d0d0d0 solid;}
    .head .nav{margin-top: 20px;justify-content: space-around;}
    .head .nav li{padding: 0;}

    /* footer */
    .footer{
        padding: 20px;
    }
    .footer_Dscreen{flex-wrap: wrap;}
    .footer_fl{
        float: none;
        width: 100%;
    }
    .footer_list{float: none;max-width: auto;margin-top: 10px;}
    .footer_list>div:not(:last-child){width: 100%;}

    .position{
        padding-top: 0;
    }

    .SecNav{float: none;width: 100%;max-width: 100%;margin-right: 0;}
    .SecNav li{float: left;width: 50%;}

    #slideBox{display: none;}
    #slidemob{display: block;}
    
    .Bwrap02{
        padding-top:20px;
        padding-bottom: 20px;
    }
    .Bwrap02 .list {
        text-align: center;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
    }
    .Bwrap02 .list::-webkit-scrollbar{
        background:none;
        height: 0;
    }
    .Bwrap02 .list::-webkit-scrollbar-thumb{
        background: rgba(255, 255, 255,.5);
        border-radius: 5px;  
    }
    
    .Bwrap03{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .Bwrap03_fl{
        float: none;
        width: 100%;
        padding: 0 20px;
        margin: 0 auto;
        line-height: 1.5;
    }
    .Bwrap03_fl .title{
        padding-bottom: 10px;
    }
    .Bwrap03 .Bwrap03_ul{
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    .Bwrap03 .Bwrap03_ul li{
        width: 45%;
        margin: 8px;
    }
    .Bwrap04{padding:20px 10px}
    .Bwrap04 h3{font-size: 20px;}
    .Bwrap04 p{margin-top: 10px;font-size: 14px;text-align: left;}
    .Bwrap04 .icon_right{margin-left: 10px;}
    
    .Bwrap056{
        padding-top: 0;
        padding-bottom: 0;
        background-image: none;
    }
    .Bwrap05{
        padding: 20px 0;
        background-image: url(../../images/bg_bwrap05.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 1920px 497px;
    }
    .Bwrap05 h3{
        font-size: 30px;
        margin-top: 8px;
        margin-bottom: 20px;
    }
    .Bwrap05 .video{
        width: 95%;
        height: auto;
    }
    .Bwrap06{
        padding: 30px 0 20px 0;
        background-image: url(../../images/bg_bwrap06.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 1920px 949px;
    }
    .Bwrap06 h3{
        font-size: 30px;
    }
    
    .Bwrap07{
        padding-top: 20px;
        padding-bottom: 14px;
        background-size: cover;
    }
    .Bwrap07 ul li{
        float: none;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .Bwrap07 ul li+li{margin-left: auto;margin-top: 10px;}
    .Bwrap07 .imgs{
        width: 100%;
        height: auto;
        margin-bottom: 6px;
    }
    .Bwrap07 ul p{
        font-size: 20px;
        line-height: 1.2;
        padding: 0;
    }
    .Bwrap07 ul span{
        font-size: 14px;
        line-height: 1.2;
    }
  

    .aboutImgs{margin-top: 20px;}
    .about01{padding-top: 20px;height: auto;}
    .about01 .aboutImgs li:nth-of-type(2){margin-left: 0px;}
    .about02{padding-top: 20px;height: auto;}
    .about02 ul li{width: 19%;height: auto;margin: 0;border-width: 5px;}
    .about03{padding: 20px 0;}
    .about03 ul li{width: 40%;height:auto;margin: 0 5px;}
    .about04{padding: 20px 0;}
    .about04 ul li{width: 40%;height:auto;margin: 0 5px;}

    .contact{flex-wrap: wrap;height: auto;background-size: cover;}
    .contact .contact_bd{width: 100%;margin: 10px auto;padding: 0 10px;}
    .form_contact{padding: 20px 0;}
    .form_contact .ContactForm{width: 100%;}
    .form_contact .ContactForm>div.halfBox{width: 100%;}

    .wrap_content_fr{
        float:none;
        width: 100%;
        padding: 0 5px;
    }
    .proListRow li{
        width: calc(50% - 10px);
        margin-left: 5px;
        margin-right: 5px;
    }

    .proMain_top .proMain_bigImg{float: none; width: 100%;margin-right: 0;}
    .proMain_bigImg .bigImg_hd{display: none;}
    .proMain_bigImg .bigImg_bd {
        text-align: center;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        width: 100%;
        margin-top: 10px;
    }
    .proMain_bigImg .bigImg_bd::-webkit-scrollbar{
        background:none;
        height: 0;
    }
    .proMain_bigImg .bigImg_bd::-webkit-scrollbar-thumb{
        background: rgba(255, 255, 255,.5);
        border-radius: 5px;  
    }
    .proMain_bigImg .bigImg_bd li{width: 46%;display: inline-block;float: none;}
    .proMain_top .fields{float: none;width: 100%;margin-top: 20px;}

}