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

@media screen and (max-width: 1600px) {
  html, body{font-size: 16px;}   
  .header .inner5{width: 90%;}
  .main_menu > li{width: 20%;}
  .sub_menu::before{top: -15px;}
  .m1_control{width: 90%; max-width: none;}
  .m1 .center{width: 75%; max-width: none;}
}

@media screen and (max-width: 1400px) {
  html, body{font-size: 15px;} 
  .sub_menu::before{top: -14px;}
  
  .inner4{width: 95%;}
  .inner5{width: 90%;}
  .m5_ul{margin-left: 5%;}

  .m4_ul{width: 100%;}

  .s143_ul{justify-content: flex-start;}
  .s143_ul > li{width: 50%;}
}

@media screen and (max-width: 1200px) {
  html, body{font-size: 14px;} 
  .sub_menu::before{top: -12px;}
  .nav_tit > li{width: 22%;}
  .quick_menu > li.left{width: 25%;}
  .quick_menu > li.right{width: 75%;}
  .m5_pro{padding: 50px 50px;}
  .s132_txtbox{margin-right: 30px;}
  .s121_ul > li.list2{padding: 30px 16px;}
  .s121_txtbox{padding: 30px 30px 0 30px;}
  .prosec2_point{font-size: 2.2rem;}
  .m6 .txt1{font-size: 2.4rem;}

  .top_nav{position: static; transform: translate(0,0); width: 100%;}
  .top_nav > li{width: calc((100% - 60px)/2);}

  .s121_wrap{margin-left: auto;}
}

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

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

  .header_top{display: none;}
  .header{top: 0;}
  .header::after{z-index: 999; background: #b2b2b2;}
  .header:hover{overflow: hidden; height: 80px;}

  .header .inner2 > div.h_nav{display: none;}
  .lang{display: none;}

  .header .inner2 > div.h_logo{width: calc(100% - 50px); z-index: 999;}
  .header .inner2 > div.h_logo img{width: 74px; margin: auto; display: block;}
  .header .inner2 > div.h_logo img:nth-child(1){opacity: 0;}
  .header .inner2 > div.h_logo img:nth-child(2){left: 50%; transform: translateX(-50%); opacity: 1;}
  .header .inner2 > div.h_etc{width: 50px; margin-top: 0;}

  .h_nav{display: none !important;}

  .h_etc{position: absolute; right: 5%;}

  .sitemap{}
   .sitemap .inner2{color: #262626; margin: 0  !important; left: 0; top: 100px; transform: none; width: 100%;}
   .sitemap .inner5{left: 0%; top: 80px; transform: translate(0,0); margin: 22px 0 0; width: 100%;}
  .sitemap .tit{display: none;}  
  .site_menu i{color: #666;}
  .header.event:hover .site_menu i{color: #666;}
  .mob_menu > li > p{font-size: 1rem;}
  .mob_menu > li:nth-child(1){padding: 0;}


  .mob_menu .mob_tit{padding: 16px 5%; display: flex; justify-content: space-between; align-items: center; position: relative;}
  .mob_menu .mob_tit span{text-align: end; width: 22px; height: 22px; position: relative;}
  .mob_menu .mob_tit span::before{content: ''; width: 100%; height: 1px; background: #262626; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
  .mob_menu .mob_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: #fff;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: #fff;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_menu{display: block;}
  .mob_menu > li{width: 100%; padding: 0; border: 0;}
  .mob_sub{margin-top: 0; display: none; background: #0b4c95; color: #fff; padding: 12px 5%;}
  .mob_sub > li > a{font-size: 0.9rem;}

  .mob_lang{text-align: end; width: 95%; margin: 5vh auto 0;}
  .mob_lang > li{display: inline-block; position: relative;}
  .mob_lang > li:nth-child(1)::before{opacity: 0;}
  .mob_lang > li::before{content: ''; width: 1px; height: 90%; background: #0b4c95; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
  .mob_lang > li  > a {font-size: 1rem; padding: 0 24px; letter-spacing: 3px; font-weight: 400;}

  .f_ul > li{display: block; margin-right: 0; width: 100%;}
  .f_logo{width: 150px !important; margin-bottom: 40px;}
  .f_nav{display: none !important;}


  .common_txt1{line-height: 1.5;}

  .m1{height: 70vh;}
  .m1 .center{width: 90%;}
  .m1_control .swiper-button-next:after, .m1_control .swiper-button-prev:after{font-size: 1.8rem;}

  .m1_txt .txt1{font-size: 2.4rem;}
  .quick_menu{display: none;}
  .m2{padding: 12vh 0;}
  .m2_con > li{display: block; width: 100%;}
  .m2_con > li.txt{width: 100%;}
  .m2_con > li.img{width: 100%; margin-right: 0;}
  .m2_ul > li.txt{width: 100%; margin-right: 0;}
  .m2_con > li.txt .txt3{margin-bottom: 5vh;}
  .m2_more{font-size: 2rem;}
  .m2_ul > li.img{display: block; width: 80%; margin: 8vh auto 0;}
  .m3 .common_tit2{font-size: 2rem; line-height: 1.4; margin-top: 30px;}
  .m3_con::before{margin: 16px auto;}
  .m4{padding: 10vh 0;}
  .m4_ul{display: flex; flex-wrap: wrap;}
  .m4_ul > li{width: 50%; margin-bottom: 3vh;}
  .m4_ul > li.img{width: 100%; margin-right: 0; order: 2;}
  .m4_ul > li.img img{width: 60%; display: block; margin: 5vh auto 0;}
  .m4_ul > li.txt{width: 100%; order: 1; margin-bottom: 5vh;}
  .m5_ul > li.left{width: 100%; padding-right: 0; margin-bottom: 5vh;}
  .m5_ul > li.right{width: 100%;}
  .m5_ul > li.left .txt2 br{display: none;}
  .m6 .txt1{font-size: 1.6rem; word-break: keep-all;}
  .m6 .txt1 br{display: none;}

  .subtop{height: 40vh;}
  .sub_ul > li{width: 100%;}
  .sub_ul > li:nth-child(1){margin-right: 0;}
  .sub_tit2{word-break: keep-all; line-height: 1.3;}
  .s111_ul > li.img img{width: 80%; display: block; margin: 10vh auto 0;}
  .s112_ul > li.left{margin-bottom: 8vh;}
  .s113_ul > li.right{margin-top: 8vh;}
  .drop_ul > li a{font-size: 0.7rem;}

  .s121_ul > li.list1{width: 100%; margin-right: 0; margin-bottom: 8vh;}
  .s121_ul > li.list2{width: calc(50% - 45px);}
  .s121_txtbox{padding: 30px 20px 0 20px;}
  .s122_table{display: block;}
  .s122_table > li{display: block; width: 100%;}
  .s122_table > li:nth-child(1){margin-bottom: 8vh;}
  .s122_logo{width: 30%; left: auto; bottom: auto; right: 0; top: 0;}
  .s122_icon{width: 100%; margin: 10vh auto 0;}
  .s122_icon > li{width: 50%; margin-bottom: 8vh;}
  .s122_icon > li p{margin-top: 5vh;}

  .s131{padding: 12vh 0;}
  .s132{padding-bottom: 12vh;}
  .s132_ul > li{width: 100%;}
  .s132_ul > li.left{width: 100%; margin-right: 0; margin-bottom: 3vh;}
  .s132_txtbox{margin-right: 50px;}

  .s213{padding: 12vh 0;}
  .s213_ul{flex-direction: column;}
  .s213_ul > li{width: 100%; margin-bottom: 60px;}
  .s213_ul > li:nth-last-child(1){margin-bottom: 0;}
  .s213_ul > li::after{display: none;}
  .s214{padding-bottom: 18vh;}
  .s214_tit{margin-bottom: 8vh;}
  .s214_ul > li.left{width: 100%;}
  .s214_ul > li.left::after{display: none;}
  .s214_txtbox > p{word-break: keep-all;}
  .s232_ul{padding: 40px 16px;}
  .s232_ul > li{display: block; width: 100%;}
  .s232_ul > li.tit{width: 100%; margin-bottom: 30px;}
  .s232_ul > li.con p{font-size: 0;}
  .s232_ul > li.con p span{width: calc(100% - 20px); font-size: 1rem; word-break: keep-all;}
  .s232_ul > li.con p span br{display: none;}
  
  .s421{padding: 12vh 0;}
  .s421_ul{flex-direction: column; align-items: flex-start;}
  .s421_ul > li.map_info{margin-top: 30px;}
  .s422_ul > li{width: 100%;}
  .s422_ul > li:nth-child(1){margin-right: 0; margin-bottom: 8vh;}

  .pro_list > li{width: 50%; padding: 20px;}
  .pro_list > li p{font-size: 1rem;}
  .pro_list > li:nth-child(1){border-bottom: 1px solid #b2b2b2;}
  .pro_list > li:nth-child(2){border-right: 1px solid transparent; border-bottom: 1px solid #b2b2b2;}

  .prosec1::after{display: none;}
  .prosec1_box{width: 100%;}
  .prosec1_pro{position: relative; right: auto; top: auto; transform: none; display: block; margin: 4vh auto;}
  .pro_name{position: relative; right: auto; bottom: auto; padding: 20px;}
  .pro_name p .line br{display: none;}
  .pro_name p .line::after{display: none;}
  .prosec2 > li.img{width: 100%; margin-bottom: 10vh;}
  .prosec2 > li.txt{width: 100%;} 
  .prosec4 > li{width: 100%;}
  .prosec4 > li:nth-child(1){border-right: 0; margin-bottom: 60px; border-bottom: 1px solid #ccc; padding-bottom: 60px;}
  .prosec4 > li .tit1{margin-bottom: 3vh;}
  .prosec4 > li .txt2{position: relative; padding-left: 16px;}
  .prosec4 > li .txt2::before{margin: 0; position: absolute; left: 0; top: 8px;}
  .pro_list2 > li:nth-last-child(1){border-right: 1px solid #b2b2b2;}
  .prosec1_box3 .txt2{margin: 14px 0 6vh; width: 100%;}

  .s111 .inner4 .txt1{padding-left: 5%;}
  .s111_txtbox{width: 95%; margin-left: 5%; margin-top: -15vh;}
  .s112_ul > li{width: 100%;}
  .s114_ul{flex-wrap: wrap;}
  .s114_ul > li{width: 100%; margin-bottom: 8vh;}

  .s131_ul > li{width: 50%; margin-bottom: 6vh;}

  .s141_ul > li{width: 100%;}
  .s141_ul > li.half{width: 100%;}
  .s143_ul > li{width: 100%;}

  .s312_ul > li{width: calc(50% - 20px);}
  .s312_ul > li:nth-child(2){margin-right: 0;}
  .s312_ul > li:nth-child(3), .s312_ul > li:nth-child(5){margin-right: 20px;}
  .s312_ul > li:nth-child(4), .s312_ul > li:nth-child(5){margin-right: 0;}

  .s331_ul > li{width: calc(50% - 16px);}
  .s331_ul > li:nth-child(2n){margin-right: 0;}
  .s331_ul > li.three{width: calc(50% - 16px);}
  .s331_ul > li.three:nth-child(2n){margin-right: 0;}

  .s413_ul > li{width: 100%;}
  .s413_ul > li:first-child{margin-bottom: 8vh;}
  .s413_ul > li.txt .txt1 br{display: none;}
  .s413_ul > li.txt .txt2 br{display: none;}

  .f_title{display: block !important; width: 100% !important; border-right: none !important;}
}

@media screen and (max-width: 460px) {
  html, body{min-width: auto;} 
  html, body{font-size: 16px;}
  .mob_lang > li > a{font-size: 1.1rem; padding: 0 16px;}
  .m1{height: 100vh;}
  .m1 .center{top: 54%;}
  .m3 video{width: 130%;}
  .m3 .common_tit2{font-size: 1.6rem;}
  .m3_con{font-size: 1rem;}
  .m4{padding: 6vh 0 12vh;}
  .m4_con > li{width: 50%; margin-left: 0; margin-bottom: 3vh;}
  .m5_con{width: 90%; margin: auto;}
  .m5_con .common_txt1 br{display: none;}
  .swiper-button-next img, .swiper-button-prev img{width: 16px;}
  .m5_pro{padding: 30px 30px;}
  .f_con{flex-direction: column;}
  .f_con > li{width: 100%;}
  .f_con > li.right{align-items: flex-start; margin-top: 30px;}
  .f_con > li.left p > span:nth-child(1){width: 100%; display: block; margin-bottom: 14px;}

  .subtop p.tit1{font-size: 1rem;}
  .subtop p.tit2{font-size: 2.6rem;}
  .sub_tit1{font-size: 0.9rem; line-height: 1.3; margin-bottom: 16px;}
  .sub_tit2{font-size: 1.4rem;}
  .s112_ul > li.left .sub_tit2{font-size: 2.4rem;}
  .s112_his > li.con p{line-height: 1.4;}
  .s113_table{padding: 40px 16px; display: block;}
  .s113_table > li{display: inline-block; width: 50%;}
  .s113_table > li.list_tit{width: 100%; display: block; padding-bottom: 5vh;}
  .s113_table > li.list_tit p br{display: none;}
  .s113_table > li.list_tit p.num{margin-bottom: 0;}
  
  .s121_ul > li.list2{width: 100%; margin-right: 0; margin-bottom: 90px;}
  .s121_ul > li.list3::before{left: 50%; top: -64px; transform: translateX(-50%);}
  .s121_ul > li.list3{margin-bottom: 0;}
  .s122_table .sub_tit2 br{display: none;}
  .s122_logo{display: none;}
  .s122_list{display: block;}
  .s122_list > li{display: block;}
  .s122_list > li.left{width: 100%;}
  .s122_list > li.right{width: 100%;}
  .s122_icon > li p{word-break: keep-all;}  

  .s131 .sub_tit2 br{display: none;}
  .s132_txtbox{width: 100%; padding-top: 0; margin-right: 0;}

  .s221{padding: 9vh 0;}
  .s221 .inner img{margin-top: 5vh;}
  .s221 .sub_tit2 br{display: none;}
  .map_inline p.line{margin-bottom: 8px;}
  .map_inline p.line::after{display: none;}
  .s421 .location{margin-top: 40px;}
  .s422_txtbox{padding: 30px 14px;}
  .s422_txtbox .txt1{font-size: 1.4rem; margin-bottom: 20px;}
  .s422_txtbox .txt2{font-size: 0.9rem; margin-bottom: 10px;}

  .prosec1{padding: 30px;}
  .prosec2_box{padding: 20px;}
  .prosec2_box .txt1 span.img{width: 34px;}
  .prosec2_box .txt1 span{width: calc(100% - 34px);}
  .prosec4{padding: 40px 0;}
  .prosec4 > li{padding: 0 40px;}
  .prosec4 > li:nth-child(1){padding-bottom: 40px; margin-bottom: 40px;}
  .prosec1 .tit1{font-size: 2rem; word-break: keep-all;}
  .prosec3 .txt1{position: relative; padding-left: 16px;}
  .prosec3 .txt1 span{word-break: keep-all;}
  .prosec3 .txt1 span:nth-child(1){position: absolute; left: 0; top: 0px;}

  .m1_txt .txt2{width: 60%; margin: auto; word-break: keep-all;}

  .m1_txt .txt1{font-size: 1.4rem;}
  .m2{height: auto;}
  .m2_con{position: static; transform: translate(0,0); width: 80%; margin: auto; padding-left: 5%;}
  .m2 .mySwiper .swiper-slide::after{display: none;}
  .m2_con > li.txt .txt2{font-size: 2rem;}
  .m2_con > li.txt .txt3{word-break: keep-all;}
  .m2_con > li.txt .txt3 br{display: none;}
  .m2_more{font-size: 1rem;}
  .m2_con > li.img .m2_point{font-size: 3rem;}
  .m2_con > li.img{margin-top: 5vh;}
  .m3 .txt1{font-size: 3rem;}
  .m3 .txt2{font-size: 2rem;}
  .m3 .txt3{word-break: keep-all;}
  .m3 .txt3 br{display: none;}
  .m4 .txt1{font-size: 2rem;}
  .m4 .txt2{font-size: 1rem;}
  .m4_ul > li{width: 100%;}
  .m6_point{font-size: 2.5rem;}

  .top_nav > li p{font-size: 0.7rem;}

  .s111 .inner4 .txt1{font-size: 1.5rem;}
  .s111_txtbox{padding: 80px 5%;}
  .s112_ul > li p span{vertical-align: top;}

  .s121_wrap{margin: auto;}
  .history > li.txt{padding-left: 20px;}
  .history > li.txt p{padding-left: 0; padding-top: 40px;}
  .s121_wrap::before{height: 91%;}

  .s131_ul > li p{font-size: 0.8rem;}

  .s143_ul > li p.txt1{width: 100%;}
  .s143_ul > li p.txt2{width: 100%; margin-top: 4vh;}

  .s311_table_row{display: flex; flex-wrap: wrap;}
  .s311_table_row > li{width: 100%;}
  .s311_table_row > li:nth-child(1){border-left: 1px solid #d3d3d3;}
  .s311_table_row > li:nth-child(3){border-right: 1px solid #d3d3d3;}
  .s311_table_row > li.none{display: none;}

  .s351_ul > li.left{width: 100%; margin-bottom: 8vh;}
  .s351_ul > li.right{width: 100%;}
}

@media screen and (max-width: 320px) {
  html, body{min-width: auto;} 
  .common_tit2{font-size: 1.8rem;}
  .m1{height: 100vh;}
  .m3 .common_tit2{font-size: 1.4rem;}
  .subtop{height: 60vh;}
  .sub_tit2 br{display: none;}
  .sub_tit2{word-break: keep-all;}
  .s422_ul > li .map{height: 40vh;}
  .s422_txtbox .txt2 .bold{display: block; margin: 8px 0;}
  .s422_txtbox .txt2 .line::after{display: none;}
  .s422_ul{margin-top: 40px;}
}