@media screen and (max-width:1200px){
    .con2{padding: 0 3%;}
    
    .main1_1 .inner .img{width:30%;}
    .main1_1 .inner .img img{width:100%;}
    .main1_1 .inner .txt b{font-size: 18px}
    .main1_1 .inner .txt p{font-size: 16px;}
    .main1_1 .inner .txt span{font-size: 14px;}
}
@media screen and (max-width:1024px){
    .con{padding: 0 3%;}
    .header1 .con{padding: 0 3%;}
    .header1 .con .logo{float: none;width:100%;text-align: center;padding-top: 0;padding: 20px 0;}
    .header1 .con .logo img{height: 30px}
    .header1 .con .main_nav{width:100%;float: none;}
    .header1 .main_nav li{padding: 10px 0;}
    .header1 .main_nav:hover .header2{display: none;}
    
    .main1_1 .inner{background-image: url('')}
    .main1_1 .inner .img{display: none;}
    .main1_1 .inner .txt{margin-left: 0;text-align: center}
    .main1_1 .inner .txt a{font-size: 14px;line-height: 30px;margin: 0 auto}
}

@media screen and (max-width:768px){
    .m-none{display: none}
    .m_block{display: block!important}
    .main_nav{display: none;}
    .header1 .con{padding: 0}
    .header1 .con .logo img{height: 25px}
    .m_btn{position: absolute;right: 3%;top:0;width:30px;height: 45px;}
    .m_btn span{display: block;width:30px;height: 2px;background: #333;position: absolute;right: 0;}
    .m_btn span:nth-child(1){top:24px}
    .m_btn span:nth-child(2){top:32px}
    .m_btn span:nth-child(3){top:40px}
    .m_btn.on span:nth-child(2){display: none;}
    .m_btn.on span:nth-child(1){transform: rotate(45deg);top:32px;}
    .m_btn.on span:nth-child(3){transform: rotate(-45deg);top:32px;}
    
    .main_nav.on{display: block;position: absolute;left: 0;top:65px;width:100%;z-index: 99;background: white;border-top: 1px solid #eee;}
    .header1 .main_nav li{float: none;width:100%;font-size: 15px;line-height: 45px;padding: 0;text-align: left;text-indent: 3%;border-bottom: 1px solid #eee}
    .header1 .main_nav .m_nav {display: none;}
    .header1 .main_nav .m_nav li{border-bottom: none;border-top: 1px solid #eee;text-indent: 5%;background: #f7f7f7}
    .main_nav .m_nav li a{color: #777;display: block;position: relative;}
    .main_nav .m_nav li a::after{content: '+';position: absolute;right: 5%;font-size: 25px;top:0;}
    .header1 .main_nav>ul>li>a{pointer-events: none;cursor: default;}
    
    .main_banner .con{padding: 0;overflow: hidden}
    .main_banner img{width:150%;margin-left: -25%;}
    .main_banner .txt{left: 0;bottom:0;width:100%;padding: 10px 3%;border-radius: 0}
    .main_banner .txt p{font-size: 20px;}
    .main_banner .txt span{font-size: 14px;line-height: 20px;margin-top: 10px}
    .main1 .main1_1{width:100%;float: none;border-width: 5px;}
    .main1_1 .tab{line-height: 40px;}
    .main1_1 .tab li{width:33.333%;font-size: 15px}
    .main1>div{width:100%;float: none;}
    .main1_1 .inner{padding: 20px 10px;height: auto;overflow: hidden}
    .main1_1 .inner .img{display: block;}
    .main1_1 .inner .img img{width:100%;}
    .main1_1 .inner .txt{width:100%;padding: 10px 0;text-align: left}
    .main1_1 .inner .txt span{margin: 10px 0;}
    .main1_1 .inner .txt a{margin: 0}
    
    .main1 .main1_2{padding: 10px 5px;height: auto;}
    .main1 .main1_3{height: 246px;background-size: 80%;background-position: center;}
    .main1 .main1_3 ul{bottom:10px;}
    
    .tail{padding: 20px 0;font-size: 12px;}
    .tail .con{padding: 0 3%;}
    .tail .f_logo{margin-bottom: 10px;}
    .tail .f_logo img{height: 20px;}
    .tail li{font-size: 12px;margin-right: 10px;}
    .rolling{padding: 20px 0;}
    .rolling .con{padding: 0 3%;}
    .rolling .nav .left{left: 3%;}
    .rolling .nav .right{right: 3%}
    .rolling .RollDiv a{width:100px}
    
    .sub_right .inner{padding: 30px 0;}
    .sub_top{overflow: hidden;height: 200px}
    .sub_now{line-height: 40px;}
    .sub_left{display: none;}
    .sub_right{float: none;width:100%;min-height: auto;padding: 20px 0;padding-left: 0;border-left: 0;}
    .sub_right_p{font-size: 22px;line-height: 40px;border-bottom-width: 2px;}
    .greeting .img{width:100%;float: none;margin-bottom: 20px;padding: 0;}
    .greeting .img img{max-width: 400px}
    .greeting p{float: none;width:100%}
    
    .box_d{margin-bottom: 40px;}
    .box_d .img{width:100%;float: none;margin-bottom: 10px;}
    .box_d .img img{max-width: 250px}
    .box_d .right{float: none;width:100%}
    .box_d table th{padding: 10px 5px;font-size: 13px;}
    .box_d table td{padding: 10px 5px;font-size: 13px;}
    .box_d .tit{font-size: 18px}
    .box_d p{font-size: 13px;}
    .box_d.blue span{display: block;margin-right: 0;font-size: 14px;line-height: 30px;}
    .box_d.blue{margin-bottom: 10px;}
    
    #bo_gall .gall_img{max-height: 100px;height: 100px;overflow: hidden}
    #bo_gall .gall_box{margin: 0 0 20px 0 !important;}
    
    .bo_sch .sch_input{width:150px}
    .bo_btn_top2{top:0;}
    .bo_v_com{margin: 0 !important}
    #bo_vc article .pf_img{display: none;}
    
    .location .map{height: 250px;}
    .location .root_daum_roughmap .wrap_map{height: 200px}
    .location .infor{padding: 20px 0;}
    .location .infor_con{float: none;width:100%;margin-right: 0;}
}

