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

@media screen and (max-width: 1600px) {
  html, body{font-size: 16px;}  
  /*메인*/
  .m2_icon{right: 15%;}
}

@media screen and (max-width: 1400px) {
  html, body{font-size: 15px;} 

  .inner3{width: 90%;}

  /*서브*/
  .s111_point{width: 30px; position: absolute; left: -16px; top: -1px; opacity: 0.6; z-index: -1;}
}

@media screen and (max-width: 1200px) {
  html, body{font-size: 14px;}
  /*메인*/
  .m2_bg .txt2{font-size: 1rem;}
  .m2_more{bottom: 20px;}
  .m2_more a{padding: 10px 14px;}

  /*서브*/
  .s111_ul > li.txt{width: 65%;}
  .s111_ul > li.img{width: 25%;}
}

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

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

  /*header*/
  .header:hover{height: 80px; box-shadow: none;}
  .header .inner3 > div.nav{display: none;}
  .header .inner3 > div.etc{width: calc(100% - 240px);}
  
  .sitemap{padding-top: 120px;}
  .mob_nav{display: block; width: 100%; position: static; transform: translate(0, 0);}

  .mob_nav > li{display: block; width: 100%; border: 0; padding: 0;}
  .mob_nav > li:nth-child(1){border: 0;}
  .mob_nav .nav_tit{position: relative; padding: 16px 5%; display: flex; justify-content: space-between; align-items: center; position: relative; text-align: left;}
  .mob_nav > li.open .nav_tit span::after{transform: translateY(-50%) rotate(0deg) !important;}
  .mob_nav .nav_tit::before{content: '';position: absolute;right: 40px;top: 50%;transform: translate(0, -50%);width: 14px;height: 2px;background: #0b4c95;transition: all 0.4s;}
  .mob_nav .nav_tit::after{content: '';position: absolute;right: 46px;top: 50%;transform: translate(0, -50%);width: 2px;height: 14px;background: #0b4c95;transition: all 0.4s;}
  .mob_nav .open .nav_tit::before{transform: translate(0, -50%)rotate(180deg);}
  .mob_nav .open .nav_tit::after{opacity: 0;}

  .mob_sub{margin-top: 0; display: none; background: #0b4c95; color: #fff; padding: 12px 5%;}
  .mob_sub > li{text-align: left;}
  .mob_sub > li > a{font-size: 0.9rem; text-align: left;}

  /*메인*/
  #new_pop{right: 5% !important;}

  .m1_bg{top: 0; right: auto; left: 50%; transform: translateX(-50%);}
  .m1_mask{display: none;}
  .m1_txtbox .txt2{color: #fff;}
  .m1_txtbox .txt3{color: #fff;}
  .m1_txtbox .txt4 span{background: #87B540;}
  .m1_anibox{display: none;}
  .m2{padding: 140px 0 100px;}
  .m2_bg{border-radius: 20px; padding: 30px;}
  .m2_bg .txt2{word-break: keep-all;}
  .m2_bg .txt2 br{display: none;}
  .m2_more{position: relative; right: auto; bottom: auto; display: block; text-align: end; z-index: 1;}
  .m2_icon{right: 10%;}
  .m3{margin-bottom: 100px;}
  .m3 .b_tit{font-size: 2rem;}
  .m3 .video{margin: 6vh auto;}
  .m4{padding: 10vh 0 6vh;}
  .m4_ul > li.left{width: 100%;}
  .m4_ul > li.right{width: 100%; margin-top: 6vh;}
  .m4_ul > li.left .txt2{word-break: keep-all; margin: 3vh 0;}
  .m4_ul > li.left .txt2 br{display: none;}
  .m4_icon{display: flex; justify-content: space-between;}
  .m4_icon > li{width: 28%;}

  .m5_ul{width: 95%; margin-left: 5%;}
  .m5_ul > li.gallery_tit{width: 100%; margin-bottom: 6vh;}
  .m5_ul > li.gallery_tit .m5_more{margin-bottom: 0;}
  .m5_ul > li.gallery_con{width: 100%;}
  .m5_ul > li.gallery_con .swiper-slide:nth-child(3n), .m5_ul > li.gallery_con .swiper-slide:nth-child(1n){width: 80% !important;}

  .m7 .inner2 > .m7_left{width: 100%; padding-right: 0;}
  .m7 .inner2 > .m7_right{width: 100%;}
  .news_ll02{width: 100% !important;}
  .news_ll03{width: 100% !important; text-align: left !important;}

  .m6_ul > li{width: 49.5%; margin-bottom: 5px;}
  .m6_ul > li:nth-child(2n){margin-right: 0;}

  .m7 .swiper-backface-hidden .swiper-slide{width: 100% !important;}

  .site .site_list > li{width: 100%; margin-bottom: 10px;}

  /*footer*/
  .footer .inner2 > li.left{width: 100%;}
  .footer .inner2 > li.right{width: 100%; margin-top: 4vh;}
  .footer .inner2 .copy{text-align: center; font-size: 0.8rem;}
  

  /*서브*/
  .s111_ul{position: relative;}
  .s111_ul > li.txt{width: 100%; margin-right: 0;}
  .s111_ul > li.img{position: absolute; right: 0; top: -17%; width: 20%;}
  .s111_ul > li.img p{display: none;}
  .s122_nav {margin-bottom: 8vh;}
  .s122_nav > li{width: 50%; border-right: 1px solid #d9d9d9;}
  .s122_nav > li:nth-child(2n){border-left: 1px solid transparent;}
  .s122_nav > li:nth-child(1){border-bottom: 1px solid transparent;}
  .s122_nav > li:nth-child(2){border-bottom: 1px solid transparent;}
  .s122_nav > li.on{border: 1px solid #185194;}
  .s122_nav > li:hover{border: 1px solid #185194;}
  .his_box{padding-top: 0;}
  .his_box > li.left{width: 100%; margin-right: 0;}
  .his_box > li.right{width: 100%; margin-right: 0; margin-left: 0;}
  .his_box > li.right > div:nth-last-child(1){border-bottom: 0;}
  .his_box > li.right::before{display: none;}
  .his_wrap::before{display: none;}
  .his_wrap .pro{display: none;}
  .year_box{margin-top: 25px; padding-bottom: 0; margin-bottom: 25px;}
  .year{margin-bottom: 25px;}
  .s151 .map{height: 35vh;}
  .map_info{width: 90%; right: auto; left: 50%; transform: translateX(-50%);}
  .s151_ul > li.left{width: 25%;}
  .s151_ul > li.right{width: 75%;}
  .s151_ul > li.right .txt2 span{line-height: 1.3;}
  .s151_ul > li.right .txt2{line-height: 1.5; word-break: keep-all;} 

}

@media screen and (max-width: 460px) {
  html, body{min-width: auto;} 
  html, body{font-size: 14px;}

  /*메인*/
  .m1_txtbox .txt2{font-size: 2rem;}
  .m1_txtbox .txt3{font-size: 0.9rem;}
  .m1_txtbox .txt4{font-size: 0.9rem;}
  .m1_txtbox .txt4 span{margin-bottom: 14px; padding: 4px 10px; margin-right: 6px;}
  .m2_bg .txt2{margin: 24px 0;}
  .m2_cir{width: 200px; height: 200px;}
  .m3 .b_tit{font-size: 1.6rem; word-break: keep-all;}

  .m4_ul > li.left .txt1{font-size: 2rem;}

  /*서브*/
  .sub_tit{padding: 8vh 0;}
  .sub_tit .tit1{font-size: 0.85rem;}
  .sub_tit .tit2{font-size: 2rem;}
  .s111_ul > li.txt .txt1{font-size: 1.6rem;}
  .s111_point{top: -5px;}
  .s111_ul > li.txt .txt6 img{width: 80px; display: block; margin: 20px 0 0 0;}
  .s111_ul > li.img{top: auto; bottom: 0;}
  .s111_ul > li.txt .txt2{word-break: keep-all;}
  .map_info{bottom: -60px; padding: 20px;}
  .s151_ul > li.left{display: none;}
  .s151_ul > li.right{width: 100%;}
  .s221_ul > li{width: calc(50% - 15px);}
  .s221_ul > li:nth-child(2n){margin-right: 0;}
}