@media screen and (max-width: 1920px) {  
}

@media screen and (max-width: 1800px) {  
  .m3{background-size: 80%;}
}

@media screen and (max-width: 1600px) {
  html, body{font-size: 16px;} 
  .m3{background-size: 85%;} 
  .m4_ul{max-width: 1200px;}
  .s214_ul .txt2{padding: 11px 0 11px 16px;}
}

@media screen and (max-width: 1400px) {
  html, body{font-size: 15px;} 
  .m3{background-size: cover; background-position: center;} 
  .s2pro_info .box{width: 85%;}
}

@media screen and (max-width: 1200px) {
  html, body{font-size: 14px;}
  .nav_main > li{width: 33%;}
  .m2_txt{padding-left: 20%;} 
  .m5 .txt2{font-size: 1rem;}
  .left_con p span.num{font-size: 1rem;}
  .left_con p span.txt{font-size: 1rem;}
  .right_con p span.txt{font-size: 1rem;}
  .right_con p span.num{font-size: 1rem;}
  .s12_inner .txt1{font-size: 2.8rem;}
  .s12_inner .txt1 img{width: 60px; left: -30px;}
  .s2pro_info .box{width: 95%;}
  .s2pro_info .box img{width: 160px;}
  .s2pro_info .txt5{font-size: 0.9rem;}
  .table_con p{font-size: 0.9rem; letter-spacing: -0.5px;}
  .s214_ul > li.right .pro2{width: 40%;}
  .s2pro_info .txt4{font-size: 1.2rem;}
  .s2pro_info2 .txt_box{width: 75%;}
  .s2pro_info2 .img_box{width: 25%;}
  .s214_ul .box3{left: 20px; bottom: 4px;}
  .s214_ul .tit_sub{font-size: 1.1rem;}
}

@media screen and (max-width: 1025px) {  
  /*nav*/
  /* .nav_main > li{width: 25%;} */
}

@media screen and (max-width: 1000px) {  
}

@media screen and (max-width: 835px) {
  html, body{font-size: 17px;}
  .tablet{display: none;}
  .mob{display: block;}

  /*헤더*/
  .sitemap .tit{display: none;}
  .sitemap .inner{top: 26px; transform: translateX(-50%); width: 100%;}
  .sitemap .s_logo{width: 90%; margin: 0 0 6vh; box-sizing: border-box; padding-left: 7%;}
  .sitemap .s_logo img{width: 160px; display: block; margin: auto;}
  .s_ul{display: initial;}
  .s_ul > li{width: 100%; display: block; border-left: 0; padding: 20px 0 0;}
  .s_ul > li p.s_tit{width: 90%; margin: auto; padding-bottom: 20px;}
  .s_sub{background: #fff; color: #4ca585; padding: 0 5%; display: none;}
  .s_sub > li a{margin: 0; font-size: 1.4rem; padding: 14px 0;}

  /*기존헤더*/
  .header:hover{height: 80px;}
  .header:hover::after{opacity: 0;}
  .header .inner2 > div.h_nav{display: none;}
  .sns_wrap{display: none;}
  .lang{display: none;}
  .header .inner2 > div.h_logo{width: 90%; box-sizing: border-box; padding-left: 7%;}
  .header .inner2 > div.h_logo img{width: 160px; display: block; margin: auto;}
  .header .inner2 > div.h_etc{width: 10%; margin-top: 4px;}
  .menu i{font-size: 2.4rem;}

  /*푸터*/
  .f_info > li .info{line-height: 1.4;}
  .f_info > li .info span{display: none;}
  .contact{margin-top: -2px;}
  .contact span{margin-right: 0; margin-bottom: 10px; width: 100%;}

  /*메인*/
  .m1_nav{top: auto; bottom: 5.5vh; width: 340px;}
  .m1_nav i{font-size: 2rem;}
  .m2{padding: 10vh 0;}
  .m2_ul{display: flex; flex-wrap: wrap;}
  .m2_ul > li{display: block; width: 100%;}
  .m2_ul > li.left{order:2; margin-top: 10vh;}
  .m2_ul > li.right{order:1; width: 90%; margin-left: 10%;}
  .m2_control2{padding-left: 20px;}
  .m2_txt{width: 70%; margin: auto; padding-left: 0;}
  .m3 {padding: 18vh 0 10vh; background-size: 80%; background-position: left top;}
  .m3_con{width: 60%; margin-left: 40%;}
  .m3_con > li{padding: 4vh 1%;}
  .m3_txt > li.left p{font-size: 1.2rem;}
  .m3_txt > li.right p:nth-child(1){font-size: 3rem;}
  .m3_txt > li.right p.small{font-size: 3rem;}
  .m4{padding: 0;}
  .m4_ul > li{width: 100%; display: block; height: 60vh;}
  .m4_ul > li.left{box-sizing: border-box; padding: 8vh 0;}
  .m4_bg > li{width: 100%; height: 50%;}
  .m4_ul .txt2{margin: 2vh 0 6vh;}
  .m4_ul .txt4{margin: 2vh 0 6vh;}
  /*서브1-1*/
  .his{width: 85%;}
  .his::after{display: none;}
  .year{text-align: left;}
  .year.even{text-align: end;}
  .right_con{width: 100%; margin-left: 0; padding: 0;}
  .right_con::before{display: none;}
  .right_con::after{display: none;}
  .left_con{width: 100%; margin-right: 0; padding: 0;}
  .left_con::before{display: none;}
  .left_con::after{display: none;}
  .s112_txt{width: 55%; position: absolute; top: 20vh;}

  /*서브1-2*/
  .s12_right{width: 70%; margin-right: 30%;}
  .s12_left{width: 50%; margin-left: 50%;}

  /*서브1-3*/
  .s131::after{height: 60%; top: 56%;}
  .s131_ul > li.left{width: 40%;}
  .s131_ul > li.right{width: 60%;}
  .s132_box > li{width: 100%;}
  .s132_ul > li.right p{word-break: break-all;}
  .s132_ul > li.right p.txt1 span{display: block; margin-top: 1.5vh;}
  .s131_ul > li.right p.txt2 br{display: none;}

  /*서브2*/
  .s211{padding: 16vh 0 10vh;}
  .s211_ul{display: block;}
  .s211_ul > li{width: 100%; display: block; box-sizing: border-box;}
  .s211_ul > li.left{margin-bottom: 10vh;}
  .s211_ul > li.left img{width: 15%; margin-top: 0;}
  .s211_ul > li.right{padding: 0 5%;}
  .s212_ul{display: block; font-size: 0;}
  .s212_ul > li{width: 50%; display: inline-block;}
  .s212_ul > li img{width: 35%; display: block; margin: auto;}
  .s212_ul > li{margin-bottom: 4vh;}
  .s213_ul > li.left{width: 100%; margin-bottom: 6vh;}
  .s213_ul > li.right{width: 100%; margin-left: 0; padding-top: 0;}
  .s2pro_info2 .box{width: 100%; padding: 10px 0;}
  .s213{margin: 10vh 0;}
  .s214_ul > li{width: 100%;}
  .s214_ul > li.left{margin-right: 0;}
  .s214_ul > li.right{margin-left: 0; margin-top: 4vh;}
  .s214{margin: 0 0 10vh;}
  .s215{padding: 10vh 0;}
  .s221_ul > li.left img{width: 50%;}
  .s2pro_info2 .box2{width: 100%;}
  .s214_ul > li.left2{width: 100%;}
  .s214_ul .txt1 .num{width: 3%;}
  .s214_ul .txt1 span{width: 90%;}
  .s216 .info{width: 95%;}  
  .s214_ul > li.right2{width: 100%;}
  .s214_ul > li.right .pro3{width: 100%;}
  .s235 .txt1 span{position: relative; right: auto; bottom: auto; display: block;text-align: left; margin-top: 10px;}
  .table_con p.title{width: 35%;}
  .table_con p.con{width: 65%;}
  .bo_sch .sch_btn{font-size: 0.7rem;}
} 

@media screen and (max-width: 414px) {
    .pc{display: none;}   
    html, body{font-size: 16px;}

    /*푸터*/
    .f_info > li{width: 100%;}
    .f_info > li.right{display: none;}
    .contact span:nth-child(1){display: block; margin-right: 0; margin-bottom: 14px;}
    

    /*메인*/
    .m1_con .txt2{font-size: 2.2rem; word-break: break-all;}
    .m1_con .txt3{word-break:break-all}
    .m2_control{width: 90%;}
    .m2_control img{width: 16px;}
    .m2_control2{width: 90%; margin: 5vh auto 0; padding-left: 0;}
    .m2_ul > li.right{width: 90%; margin: auto;}
    .m2_txt{width: 90%;}
    .m2_txt .txt1 img{width: 40px;}
    .m2_txt .txt2{font-size: 2.6rem; margin: 2vh 0 4vh;}
    .m2_txt .txt5{font-size: 0.9rem; word-break: break-all;}
    .m3{padding: 10vh 0; background-size: cover; background-position: center;}
    .m3_con{width: 100%; margin: auto;}
    .m3_txt > li.right p:nth-child(1){font-size: 2.4rem;}
    .m3_txt > li.right p.small{font-size: 2.4rem;}
    .m3_txt > li.right p:nth-child(2){font-size: 0.85rem;}
    .m3_txt > li.left p{font-size: 1.1rem;}
    .m3_txt > li.left p span{font-size: 0.85rem;}
    .m4_ul > li.left{padding: 8vh 0;}
    .m4_ul .txt1 img{width: 80px;}
    .m4_ul .txt2{font-size: 2rem; margin: 2vh 0 4vh;}
    .m4_ul .txt3{font-size: 1rem; word-break: break-all;}
    .m4_ul .txt4{font-size: 0.9rem; margin: 2vh 0 4vh; word-break: break-all;}
    .m5 .txt2{font-size: 0.9rem; word-break: break-all;}

    /*보드*/
    .board_top{height: 36vh;}
    .board_top .tit{font-size: 3rem;}
    .board_inner{margin: 10vh 0;}
    .form_tit{padding-left: 0; flex-direction: column;}
    .form_tit p:nth-child(1){margin-bottom: 1.5vh;}

    /*서브1-1*/
    .s111 .inner img{width: 140px;}
    .s111 .inner .txt1{font-size: 1.4rem; margin: 1vh 0 3vh;}
    .s111 .inner .txt2{width: 80%; margin-left: 20%;}
    .his{width: 95%;}
    .year{padding: 2vh 0;}
    .left_con p span.num{font-size: 0.9rem;}
    .left_con p span.txt{font-size: 0.9rem;}
    .right_con p span.txt{font-size: 0.9rem;}
    .right_con p span.num{font-size: 0.9rem;}

    /*서브1-2*/
    .s12_right{width: 90%; margin: auto;}
    .s12_left{width: 90%; margin: auto;}
    .s12_inner .txt1{font-size: 1.6rem;}
    .s12_inner .txt3{word-break: break-all;}
    .s12_inner2{top: 50%;}
    .s12_inner .txt1 img{width: 40px; left: -20px;}

    /*서브1-3*/
    .s131{padding: 18vh 0 16vh;}
    .s131_ul{width: 100%;}
    .s131_ul > li{display: block;}
    .s131_ul > li.left{width: 100%; margin-bottom: 6vh;}
    .s131_ul > li.right{width: 100%;  background: #5a98c1; padding: 5vh 5%; box-sizing: border-box;}
    .s131_ul > li.left img{width: 60%;}
    .s131::after{display: none;}
    .s131_ul > li.right p.txt2{word-break: break-all;}   
    .s132_ul > li.left{width: 100%; margin-right: 0;}
    .s132_ul > li.right{width: 100%; padding-right: 0; margin-top: 6vh;}

    /*서브2공통*/
    .table_con p{font-size: 0.8rem;}
    .s216 .info .tit{font-size: 1.6rem; word-break: break-all;}
    .table_con p.con3{word-break: break-all;}
    .s2pro_info .txt1 {width: 40px;}
    .s2pro_info .txt2{font-size: 2rem;}
    .s2pro_info .box{display: block; width: 100%; margin: 4vh 0 2vh; border-bottom: 0; padding-bottom: 0;}
    .s2pro_info .box img{width: 120px; display: block;}
    .s2pro_info .txt4{font-size: 1rem; display: block; margin-bottom: 14px;}
    .s2pro_info .txt4 span{font-size: 1rem;}
    .s2pro_info2 .txt1{width: 40px;}
    .s2pro_info2 .txt2 {font-size: 2rem; word-break: break-all;}
    .s2pro_info2 .txt3{width: 100%;}
    .s2pro_info2 .txt3{font-size: 1rem;}
    .s2pro_info2 .txt4{font-size: 0.9rem; word-break: break-all; padding: 4px 0; line-height: 1.6;}
    .s2pro_info2 .txt4 img{display: none;}
    .s214 .tit{font-size: 1.6rem;}
    .s214_ul .txt2{padding: 11px 0; font-size: 0.9rem;}
    .s214_ul .box2{padding: 0;}
    .s214_ul .txt2 span.bold{margin: 0;}
    .s214_ul .txt1{font-size: 0.9rem; padding: 11px 0;}
    .s214_ul .txt1 .num{font-size: 0.9rem;}
    .s214_ul .box{padding: 0;}
    .s214_ul .tit_sub{font-size: 1rem;}
    .s215 .inner p.txt2{font-size: 2.2rem;}
    .s2pro_info2 .txt5{word-break: break-all;}
    .s214_ul > li.right .pro{display: none;}
    .s215 .inner p.txt3{word-break: break-all;}
    .s2pro_info2 .txt3 span:nth-child(2){display: none;}
    .s214_ul .txt2 span img{display: none;}
    .s214_ul > li.right .pro2{display: none;}
    .s214_ul .txt2 .mar{margin-left: 0;}
    .s212_ul > li p{font-size: 0.8rem;}
    .s2pro_info2 .img_box{display: none;}
    .s2pro_info2 .txt_box{width: 100%;}
    .s235 .txt1 span{word-break: break-all;}
    .s2pro_info2 .txt_box .txt1{font-size: 0.9rem;}
    .s2pro_info2 .box2 p{font-size: 0.9rem;}
    .s2pro_info2 .txt_box .txt4{font-size: 0.9rem;}
    .s2pro_info2 .box2{padding: 20px;}
    .s214_ul .tit_sub{word-break: break-all;}
    .s214_ul .box3 .txt2{padding: 10px 0;}
    .s214_ul .box3 .txt2 span.bold{margin: 0;}
    
}
@media screen and (max-width: 320px) {  
  .m4_ul > li.left{padding: 6vh 0;}
  .m4_ul > li{height: 65vh;}
  .f_info > li .info{font-size: 0.85rem;}
  .table_con p{font-size: 0.7rem;} 
  .s214_ul .txt1{word-break: break-all;}
  .s214 .tit{font-size: 1.4rem;}
  .s215 .inner p.txt3{font-size: 0.9rem;}
  .s2pro_info .txt2{font-size: 1.8rem;}
}