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

  .s_inner1{width: 90%;}
  .s_inner2{width: 95%;}

  /*footer*/
  .f_nav{width: 100%;}

  /*main*/
  .tit_p2{font-size: 2.7rem;}
  .m10 .m10_inner{width: 95%;}
  .m10_cont{padding: 40px 5%;}

  /*sub*/
  .s123 .s_inner2{margin-left: 5%;}
  .s123_right .s123_list > li .list_top .list_top_inner .bold{font-size: 1rem;}

  .s125 .s_inner2{margin-left: 5%;}
  .s125_left{padding-left: 0;}
  .s125_right .swiper-container .swiper-slide .slide_p span.medium br{display: none;}
}

@media screen and (max-width: 1440px) {
  /*header*/
  .gnb{width: 80%; margin-left: 20%;}
}

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

@media screen and (max-width: 1366px) {
  .s364 .s324_right .s324_cont{padding-bottom: 23px;}
}

@media screen and (max-width: 1326px) {
  .s215 .m_tit .s215_left{width: 60%;}
  .s215 .m_tit .s215_right{width: 40%;}
}

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

  /*header*/
  .gnb{width: 90%; margin-left: 10%;}

  /*main*/
  .scroll{top: auto; bottom: 50%;}
  .m1_list_wrap{width: 75%; bottom: -15.5%;}
  .m3_cont .m_tit .m3_img{left: 64%;}
  .m3_list{width: 90%;}
  .m4_list > li{width: calc(90%/3); margin-right: 5%;}
  .m6_left::after{right: 0;}
  .m9_left{width: 65%;}
  .m9_right{width: 35%;}
  .m14_list{width: 90%;}
  .m16_list > li{width: calc(90%/3); margin-right: 5%;}
  .m16_list > li .bold{font-size: 1.5rem;}
  .m16_list > li .m16_txt{width: 90%; margin: auto;}
  .m16_list > li .m16_txt br{display: none;}
  .m16_list > li .m16_txt.name br{display: block;}

  /*sub*/
  .s111 .m3_cont .m_tit .m3_img{left: 60%;}
  .s111 .s_txt1 br{display: none; width: 90%;}

  .s123_left{width: 100%; margin-bottom: 4vh;}
  .s123_right{width: 100%;}
  .s123_right .s123_list{width: 95%;}
  .s124 .s124_p{width: 50%;}

  .s221_list > li.big .s221_big_p{right: 0; bottom: 0;}
  .s221_bot .s221_inner{width: 95%;}
  .s223_cont .swiper-pagination > span.swiper-pagination-bullet{font-size: 1rem;}
  .s223_cont .swiper-pagination > span.swiper-pagination-bullet::before{top: 0;}
}


/* mobile */

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

  /*header*/
  #header::before{z-index: 99;}
  #header:hover{overflow: hidden; height: 81px; background: transparent;}
  #header:hover::before{background: #808080;}
  #header:hover .logo img.s_logo{opacity: 1;}
  #header:hover .logo img.w_logo{opacity: 0;}
  #header:hover #nav-icon span{background: #000;}

  #header_inner .logo{z-index: 99;}
  #header_inner .nav{display: none;}
  #header_inner > div.lang{display: none;}

  .nav_box2{background: #fff;}
  .nav_box2 .nav_box2_cont{position: static; margin-top: 82px; transform: translate(0, 0); width: 100%; text-align: left;}
  .nav_box2 .nav_box2_cont ul#nav2 > li{display: block; width: 100%;}

  .mob_menu{display: block;}
  .mob_menu > li{width: 100%; padding: 0; border: 0;}
  .mob_menu > li > p{font-size: 1rem;}
  .mob_menu > li:nth-child(1){padding: 0;}
  .nav_box2 .nav_box2_cont ul#nav2 > li > .tit{padding: 16px 5%; display: flex; justify-content: space-between; align-items: center; position: relative; color: #000; font-size: 1rem; font-weight: 400;}
  .nav_box2 .nav_box2_cont ul#nav2 > li:hover > .tit{color: #000;}
  .nav_box2 .nav_box2_cont ul#nav2 > li > .tit span{text-align: end; width: 22px; height: 22px; position: relative;}
  .nav_box2 .nav_box2_cont ul#nav2 > li > .tit span::before{content: ''; width: 100%; height: 1px; background: #262626; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
  .nav_box2 .nav_box2_cont ul#nav2 > li > .tit span::after{content: ''; width: 100%; height: 1px; background: #262626; position: absolute; left: 0; top: 50%; transform: translateY(-50%) rotate(90deg) !important; transition: all 0.4s;}
  .mob_menu > li.open .mob_tit span::after{transform: translateY(-50%) rotate(0deg) !important;}
  .mob_menu .mob_tit::before{content: '';position: absolute;right: 40px;top: 50%;transform: translate(0, -50%);width: 18px;height: 1px;background: #000;transition: all 0.4s;}
  .mob_menu .mob_tit::after{content: '';position: absolute;right: 48px;top: 50%;transform: translate(0, -50%);width: 1px;height: 18px;background: #000;transition: all 0.4s;}
  .mob_menu .open .mob_tit::before{transform: translate(0, -50%)rotate(180deg);}
  .mob_menu .open .mob_tit::after{opacity: 0;}

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

  /*footer*/
  .f_nav{display: none;}
  .f_top .f_inner > div{width: 100%;}
  .f_left .f_logo{margin: 4vh 0 6vh;}
  .f_bot .f_inner > div{width: 100%;}
  .f_bot .f_inner > div.f_bot_right{text-align: left; margin-top: 12px;}

  /*main*/
  .m1{margin: 0; padding-top: 40vh;}
  .m1_inner{top: 17vh;}
  .m1_inner > div{display: block;}
  .m1_inner .m1_left{width: 35%; padding-right: 0; margin: 0 auto 4vh;}
  .m1_inner .m1_right{width: 100%; padding-left: 0; text-align: center;}
  .scroll{bottom: 43%;}
  .m1_list_wrap{width: 90%; bottom: -12%;}
  .m1_list_wrap .m1_list > li .m1_list_inner > p{line-height: 1.5;}

  .m2 .big{width: 90%; margin: auto;}
  .m2 .m2_txt{width: 90%; margin: 40px auto 12vh;}

  .m3_cont .m_tit .m3_img{left: 70%;}
  .m3_list{text-align: center;}
  .m3_list > li{width: calc(100%/3); margin-bottom: 4vh;}
  .m3_list > li:nth-child(3){border-right: 0;}
  .m3_txt br{display: none;}

  .m4_list > li{width: 100%; margin: 0 0 4vh 0;}
  .m4_list > li:last-child{margin-bottom: 0;}
  .m4_list > li .list_top{width: 47%; margin: auto;}

  .m5 .m_tit{width: 90%; margin: 0 auto 20vh;}

  .m6_left{width: 100%; margin-bottom: 6vh; padding-bottom: 6vh;}
  .m6_left .m6_left_list{width: 100%;}
  .m6_left .m6_left_list > li > p.num{width: auto; margin-right: 10px;}
  .m6_left .m6_left_list > li > p.txt{width: auto;}
  .m6_left::after{right: 43%; top: auto; bottom: 0; transform: translate(-50%, 0) rotate(90deg);}
  .m6_right{width: 100%;}

  .m7_left{width: 100%; margin: 0 0 4vh 0;}
  .m7 .m3_txt{margin-bottom: 0;}
  .m7_right{width: 100%;}

  .m8 .m3_txt{margin-bottom: 25px;}
  .m8_more{position: static;}

  .m9_left{width: 100%; margin: 0 0 4vh 0;}
  .m9 .inner3 > div.m9_right{width: 100%; display: flex; flex-wrap: wrap; margin-top: 0;}
  .m9_right .m9_img_list{order: 1;}
  .m9_right .m9_img_list:first-child{padding-left: 0;}
  .m9_right .m9_img_list:last-child{order: 2; margin-bottom: 4vh;}
  .m9_right .m9_right_img{order: 3;}

  .m10_left{width: 100%; margin-bottom: 6vh;}
  .m10_right{width: 100%;}
  .m10_cont{width: 100%;}

  .m11_list > li{width: 100%; margin: 0 0 6vh 0;}
  .m11_list > li:last-child{margin: 0;}

  .m12_left{width: 100%; margin-bottom: 6vh;}
  .m12_right{width: 100%; padding-left: 0; margin-top: 0;}

  .m14_list{width: 100%;}

  .m16_list > li{width: 100%; margin: 0 0 6vh 0;}
  .m16_list > li:last-child{margin: 0;}

  /*sub*/
  #sub_top .inner3 .big{width: 100%; margin-bottom: 2vh;}
  #sub_top .inner3 .path{width: 100%;}

  .s111 .s_inner1 > div{width: 100%;}
  .s111 .s111_left{margin-bottom: 4vh;}
  .s111 .tit_p2{text-align: center;}
  .s111 .s_txt1{text-align: center;}
  .s111 .m3_cont .m_tit .m3_img{left: 72%;}
  .s113 .s_inner1 > div{width: 100%;}
  .s113_left .s_txt1{width: 100%;}
  .s113_left .s113_logo{margin: 4vh 0 8vh;}

  .s121 .s_inner1 > div{width: 100%; display: block;}
  .s121_left{padding-left: 0; margin-bottom: 4vh;}
  .s121 .s_inner1 > div.s121_right{padding-left: 0; width: 50%; margin: auto;}
  .s122_left{width: 100%; padding-left: 0;}
  .s122_right{width: 100%; padding-left: 0;}
  .s124 .s_inner1{text-align: center;}
  .s124 .s124_p{display: inline-block; width: auto;}
  .s125_left{width: 100%; margin-bottom: 6vh;}
  .s125_left .s_txt1{width: 95%;}
  .s125_left .s_txt1 br{display: none;}
  .s125_right{width: 100%; padding-left: 0;}

  .s211 .inner1:first-child{padding: 0;}
  .s211 .inner1:first-child > div{width: 100%; display: block;}
  .s211 .inner1:first-child > div.s211_right{width: 50%; margin-left: 50%; padding: 0;}
  .s211 .inner1:last-child{margin-top: -2vh;}
  .s212_left{width: 100%; margin-bottom: 6vh;}
  .s212_right{width: 100%; padding-left: 0;}
  .m13_cont{position: relative;}
  .m13_cont .m13_left{width: 100%; padding-right: 0;}
  .m13_cont .m13_left img{width: 55%;}
  .m13_cont .m13_right{position: absolute; right: 0; bottom: 0;}
  .s215 .m_tit .s215_left{width: 100%; margin-bottom: 6vh;}
  .s215 .m_tit .s215_right{width: 100%;}

  .s221_tit{margin-bottom: 7vh;}
  .s221_list{width: 100%;}
  .s221_list::before{top: 40%;}
  .s221_list > li{width: calc(68%/4); margin-right: 3%; margin-top: 3vh; vertical-align: top;}
  .s221_list > li.big .s221_big_p{right: -10%; bottom: -5%;}
  .s221_list > li.big .s221_big_p .bold{font-size: 1rem;}
  .s221_list > li.big .s221_big_p .one{font-size: 0.85rem;}
  .s221_list > li p{font-size: 0.8rem;}
  .s221_bot .s221_inner{width: 90%;}
  .s221_bot .s221_inner .s221_bot_left{width: 100%; border-right: 0;}
  .s221_bot .s221_inner .s211_bot_right{width: 100%; padding-left: 0; margin-top: 4vh;}
  .s222 .m_tit > p{width: 100%; margin-bottom: 3vh;}
  .s222 .m_tit .s_txt1{padding-left: 0;}
  .s222_list > li{width: 50%;}
  .s223 .s_tit > div{width: 100%; margin-bottom: 4vh;}
  .s_tit_right{padding-left: 0;}
  .s223_cont .swiper-pagination > span.swiper-pagination-bullet{width: 50%;}
  .s223_cont .swiper-pagination > span.swiper-pagination-bullet::after{top: -9px;}
  .control-wrap{top: 65%;}
  .s224{padding: 10vh 5% 14vh;}
  .s224 .inner3{width: 100%;}
  .s224_list > li{width: 100%; margin: 0 0 4vh 0;}
  .s224_list > li:last-child{margin-bottom: 0;}
  .s224_bot .s224_bot_list{width: 100%;}
  .s224_bot .s224_bot_list > li::after{right: 0;}

  .cer_list > li{margin-right: 5%; width: 30%;}
  .cer_list > li:nth-child(3){margin-right: 0;}
  .cer_list > li .cer_img2{bottom: -5%;}
  .cer_list > li.have > p{width: 100%; margin-left: 0; text-align: center;}
  .cer_list > li.have p.cer_tit{margin-left: 0;}
  .s232_left{width: 100%; padding: 0; margin-bottom: 6vh;}
  .s232_right{width: 100%;}

  .m15_list > li .hov_cont{padding: 30px 5% 25px;}
  .goBtn{width: 15%; right: 5%;}

  .s322_left{width: 100%; margin-bottom: 4vh;}
  .s322_right{width: 100%;}
  .s324 .inner3 > div{width: 100%;}
  .s324_left{margin-right: 0; margin-bottom: 3vh;}
  .s392 .s322_right{text-align: center;}
  .s364_list{flex-wrap: wrap;}
  .s364 .s324_right .s324_cont > ul > li{width: calc(100%/3); margin-bottom: 2vh;}
}


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

  /*footer*/
  .f_inner{display: flex; flex-wrap: wrap;}
  .f_top .f_inner > div.f_left{order: 2;}
  .f_top .f_inner > div.f_right{order: 1;}

  .tit_p2{font-size: 2.5rem;}

  /*main*/
  .m1_inner .m1_left{width: 50%;}
  .m1_inner .m1_right .big{font-size: 1.5rem;}
  .scroll{bottom: 35%;}
  .m1_list_wrap{width: 95%; bottom: -10%;}
  .m1_list_wrap .m1_list > li::before{right: auto; left: 92%;}
  .m1_list_wrap .m1_list > li .m1_list_inner > p .bold{font-size: 1.2rem;}

  .m2 .m2_txt br{display: none;}

  .m3_cont .m_tit .m3_img{display: none;}
  .m3 .m3_txt{width: 90%; margin: 45px auto 17vh;}

  .m4 .tit_p2 br{display: none;}
  .m4_list > li .list_top{width: 65%;}

  .m5 .tit_p2{font-size: 2rem;}
  .m5 .tit_p2 .m5_tit_img01{margin-right: 0;}
  .m5 .tit_p2 .m5_tit_img02{margin-left: 0;}
  .m5_bot{height: 45vh;}
  .m5_bot_bg{height: 100%; position: relative;}
  .m5_bot_bg img{width: auto; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
  .m5_bot .m_tit .tit_p2 img{width: 54%;}

  .m6_left{text-align: center;}
  .m6_left::after{right: 34%;}
  .m6_right .m6_right_list > ul{width: 100%; border-right: 0; font-size: 0;}
  .m6_right .m6_right_list > ul li{width: 50%; display: inline-block; vertical-align: top;}

  .m7 .m_tit{margin-bottom: 0;}

  .m8 .m_tit{margin-bottom: 8vh;}
  .m8 .tit_p2 img{display: block; margin-bottom: 7px;}
  .m8_list > li{width: calc(100%/3);}

  .m9{margin: 12vh 0;}

  .m14_list{flex-wrap: wrap;}
  .m14_list > li{width: 49%; margin-bottom: 2vh;}

  .m15_list > li{width: 100%; margin-right: 0;}

  .m16 .tit_p2{font-size: 1.7rem;}
  .m16 .tit_p2 img{margin-top: -80px;}
  .m16 .tit_p2 img.m5_tit_img01{margin-right: 0;}
  .m16 .tit_p2 img.m5_tit_img02{margin-left: 0;}

  /*sub*/
  #sub_top .inner3 .big{font-size: 3rem;}
  .path_lsit > li.home{margin-right: 10px;}
  .sub_banner{height: 35vh; overflow: hidden; position: relative;}
  .sub_banner img{width: auto; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}

  .s111 .s_txt1{margin-bottom: 0;}

  .s121 .s_inner1 > div.s121_right{width: 100%;}
  .s122_right .s122_cont .s122_cont_inner .s122_cont_left{width: 100%;}
  .s122_right .s122_cont .s122_cont_inner .s122_cont_right{width: 100%; padding: 0; margin-top: 3vh;}
  .s123_right .s123_list > li{width: 100%; margin-bottom: 4vh;}
  .s123_right .s123_list::before{display: none;}

  .s221_tit .s_txt1 br{display: none;}
  .s221_list > li.big{width: 60%; margin-bottom: 1vh; display: block;}
  .s221_list > li{width: calc(94%/3);}
  .s221_list::before{top: 78%;}
  .s221_bot .s221_bot_img{width: 40%; right: 5%; top: 4%;}
  .s222_list > li{width: 100%;}
  .s224_bot .s224_bot_list > li{width: 50%; margin-bottom: 3vh;}
  .s224_bot .s224_bot_list > li::after{display: none;}
  .s224_bot .s224_bot_list > li:nth-child(2n){width: 38%; padding-right: 0;}

  .cer_list > li{width: 47.5%;}
  .cer_list > li:nth-child(2n){margin-right: 0;}
  .cer_list > li:nth-child(3){margin-right: 5%;}

  .s321_wrap{display: block; padding: 45px 10%;}
  .s321_wrap::after{width: 94%;}
  .s321_left{margin-bottom: 4vh;}
  .s322 .s_txt1 br{display: none;}
  .s322_list > li{width: 33.333%; border-right: 0;}
  .s324_cont{padding: 23px 5%;}
  .s392 .s322_list > li{width: 50%;}
}