@media screen and (max-width: 1920px) {  
}
@media screen and (max-width: 1800px) {  
  .inner3{width: 95%;}
  .inner4{width: 90%; margin: auto;}
  
  .s112 .inner3{margin-left: 5%;}
  .s122 .inner3{margin-left: 5%;} 

  .s112_left .s_txt{text-align: left;}
}

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

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

  .m1 .ms1 .swiper-slide .ms_cont .ms_big{font-size: 3.5rem;}
  .m1 .ms1 .swiper-slide .ms_cont .ms_big .ms_big2{font-size: 3.2rem;}

  .equip_thum .swiper-wrapper{width: 100%;}

}

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

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

  /*header*/
  .header{overflow: visible;}
  .header::after{opacity: 0;}
  .header:hover{height: 74px; background: transparent; box-shadow: none;}
  .header .header_inner > div.h_nav{display: none;}
  .header:hover .h_logo img.logo_w{opacity: 1;}
  .header:hover .h_logo img.logo{opacity: 0;}
  .header.fixed:hover{height: 75px; background: #fff;}
  .header.fixed:hover .h_logo img.logo_w{opacity: 0;}
  .header.fixed:hover .h_logo img.logo{opacity: 1;}

  .hidden .header{ height: 75px;}
  .hidden .header::after{opacity: 1;}
  .hidden .header:hover .h_logo img.logo_w{opacity: 0;}
  .hidden .header:hover .h_logo img.logo{opacity: 1;}
  
  .h_etc{position: absolute; right: 10%;}
  
  .hamburger{display: inline-block; width: 28px; height: 22px; position: absolute; top: 27px; right: 5%; cursor: pointer; z-index: 999;}
  .hamburger > span{width: 100%; height: 2px; background: #fff; transition: all 0.4s;}
  .hamburger > span:nth-child(1){position: absolute; left: 0; top: 0;}
  .hamburger > span:nth-child(2){position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 80%;}
  .hamburger > span:nth-child(3){position: absolute; left: 0; bottom: 0;}

  .header:hover .hamburger > span{background: #fff;}
  .header.fixed .hamburger > span, .header.fixed:hover .hamburger > span{background: #000;}
  .hidden .header .hamburger > span{background: #000;}

  .hamburger.rotate > span:nth-child(1){left: -2px; top: 10px; transform: rotate(45deg);}
  .hamburger.rotate > span:nth-child(2){opacity: 0;}
  .hamburger.rotate > span:nth-child(3){position: absolute; left: -2px; bottom: 10px;  transform: rotate(-45deg);}

  .sitemap{display: block; background: #fff; width: 100%; height: 100vh; position: fixed; left: 0; top: 0; transition: all 0.4s; transform:  translateX(100%);}
  .sitemap.open{transform: none;}
  .sitemap .inner2{color: #262626; margin: 0  !important; left: 0; top: 100px; transform: none; width: 100%; padding-top: 90px;}
  .sitemap .tit{display: none;}  
  .site_menu i{color: #666;}
  .header.event:hover .site_menu i{color: #666;}

  .mob_menu .mob_tit{padding: 16px 5%; display: flex; justify-content: space-between; align-items: center; font-size: 1.2rem; position: relative;}
  .mob_menu .mob_tit::before{content: ''; width: 18px; height: 1px; background: #262626; position: absolute; right: 5%; top: 50%; transform: translateY(-50%);}
  .mob_menu .mob_tit::after{content: ''; width: 18px; height: 1px; background: #262626; position: absolute; right: 5%; top: 50%; transform: translateY(-50%) rotate(90deg) !important; transition: all 0.4s;}
  .mob_menu > li.open .mob_tit::after{transform: translateY(-50%) rotate(0deg) !important;}

  .mob_menu{display: block;}
  .mob_menu > li{width: 100%; padding-left: 0; border: 0;}
  .mob_sub{margin-top: 0; display: none; background: #0b4c95; color: #fff; padding: 12px 5%;}
  .mob_sub.open{display: block;}
  .mob_sub > li > a{padding: 14px 0; font-size: 1.2rem;}

  .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: 1.2rem; padding: 0 24px; letter-spacing: 3px; font-weight: 500;}


  /*main*/
  .big2{font-size: 3rem;}

  .m1 .ms1 .swiper-slide .ms_cont .ms_big{font-size: 3rem;}

  .tabnav{left: 0;}

  /*sub1*/
  .subtop_tit .subtop_p{font-size: 2.5rem; width: 100%;}

  .s_big2{font-size: 1.1rem;}
  .s_big1{font-size: 3.2rem;}

  .s112 .inner3 > div{vertical-align: top;}
  .s112_left{padding-right: 5%;}

  .map_info{width: 85%;}
  .map_info .map_info_inner p.bold{width: 40%;}
  .map_info .map_info_inner p.s_txt{width: 60%;}

  /*sub2*/
  .sub_menu_ul{display: block; width: 100%; margin-top: 5vh; padding-left: 3%; text-align: left;}

  .s221_tit{padding-left: 25px;}
  .s221_tit::before{left: 0;}

  /*sub3*/
  .s321 .inner4 > div{display: block; width: 100%; margin-bottom: 18vh;}
  .s321 .inner4 > div:last-child{margin-bottom: 0;}

  .s332 .s232_txt{display: flex; flex-wrap: wrap; justify-content: end;}
  .s232_innner .s232_txt span.s_txt{order: 2;}
  .s332 .s232_innner .s232_txt span.s_big2{order: 1;}

  /*sub5*/
  .s511_left{padding-right: 5%;}
  .s511_left p:last-child br{display: none;}
  .s511_right img{width: 100%;}
}

@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 .header_inner > div.h_etc{display: none;}

  /*footer*/
  .f_top{padding: 0;}
  .f_top .f_inner .f_nav{display: none;}
  .f_top .f_inner .f_right_ul{display: none; width: 100%;}
  .top_btn{top: -25px;}

  .f_inner > div{display: block;}
  .f_info{width: 100%; padding-left: 0; margin: 2vh 0;}

  /*main*/
  .m1 .ms1 .swiper-slide{background: url(../img/m1_bg.png) no-repeat center left/cover;}
  .m1 .ms1 .swiper-slide .ms_img{width: 95%; height: 43%; top: 10%; transform: translate(0, 0);}
  .m1 .ms1 .swiper-slide .ms_img img{width: auto;}
  .m1 .ms1 .swiper-slide .ms_cont{width: 95%; left: 5%; top: 50%; transform: translate(0, 0);}
  .m1 .ms1 .swiper-slide .ms_cont .move{width: 100%; margin: 0;}
  .m1 .ms1 .swiper-slide .ms_cont .ms_big{font-size: 2.5rem; margin-bottom: 6vh;}
  .m1 .ms1 .swiper-slide .ms_cont .ms_big .ms_big2{font-size: 2.7rem;}

  .m2_left{width: 100%;}
  .m2 .inner2 > div.m2_right{width: 100%; display: flex; flex-direction: column; margin-top: 8vh;}

  #nav {display: block; width: 100%;}
  #nav li{margin-bottom: 2vh;}
  #nav li a{width: auto; padding: 0 30px; border-radius: 50px; background: linear-gradient(to right, #3caadc, #9dcc48);}
  #nav li span{display: inline-block; font-size: 1.2rem; color: #fff; transition: all 0.4s; line-height: 58px;}
  #nav li span.num{color: #002d64; margin-right: 10px;}

  #nav section {display: none; overflow: hidden; padding: 5vh 3%;}
  .no-js #nav section {display: block;}
  #nav li ul li a {padding: 10px 25px; border-bottom: 1px dotted #ccc;}

  .tab_img{margin-top: 8vh;}
  .tab_img li:hover{transform: none;}
  #nav li .tab_img li{width: 50%; margin-bottom: 1vh;}
  #nav li:nth-child(2) .tab_img li, #nav li:nth-child(3) .tab_img li{width: 100%;}
  #nav li:nth-child(5) .tab_img li{width: 100%;}
  .tab_img li img{width: 100%;}
  .tab_cont .big2{font-size: 1.8rem;}

  .tab_img li:hover img{border: 0;}

  /*sub1*/
  .s_big2{font-size: 1rem;}
  .s_big1{font-size: 3rem;}

  .s111 .inner4 > div{display: block;}
  .s111 .inner4{}
  .s111_left{width: 40%; margin: auto; margin-bottom: 6vh;}
  .s111_right{width: 100%; padding-left: 0; text-align: center;}

  .s112_left{width: 100%; margin-bottom: 6vh;}
  .s112_left .name img{width: 10%;}
  .s112_right{width: 100%;}

  .map_info{width: 95%;}

  .equip_main{width: 95%;}
  .equip_thum{width: 100%; padding-left: 0; padding-right: 5%; margin-top: 6vh;}
  .equip_thum .swiper-slide:first-child{display: inline-block;}
  .equip_thum .swiper-slide{width: calc(100%/3 - 14px) !important; max-width: unset !important;}
  .equip_thum .swiper-slide img{width: 100%;}

  /*sub2*/
  .spec_cont{padding: 110px 5% 80px 5%;}
  .spec_cont > ul{width: 50%;}
  .spec_cont > ul:nth-child(3){margin-top: 40px;}

  .sub_menu_ul > li{margin-bottom: 15px;}

  .s221_1_1_con > ul{width: calc(100%/3);}

  .table .row{display: block;}
  .table .row.t_header{display: none;}
  .table .row:nth-child(odd){background: #f8f8f8;}
  .table .cell{display: block; width: 100%; padding-left: 5%; border-right: 0;}
  .table .cell:nth-child(1){width: 100%; text-align: left;}
  .table .cell::before{margin-bottom: 15px; content: attr(data-title); font-size: 1.2rem; font-weight: 700; text-transform: uppercase; color: #002d64; display: block;}
  .table .cell p br{display: none;}

  .s221_con_list > ul > li{width: calc(100%/3 - 8px);}

  .tab_menu.jq_tab > li{width: calc(50% - 18px); margin-bottom: 18px;}
  .tab_menu.jq_tab > li:nth-child(2n){margin-right: 0;}
  
  .comm_tab2 .tab_menu.jq_tab > li{width: 100%; border-bottom-left-radius: 35px; border-bottom-right-radius: 35px;}

  .jq_cont.tab_cont .cont > p span{display: block;}
  .s221_tit::before{top: 16px; transform: translate(0, 0);}

  .comm_tab2 .tab_cont .table .row .cell{padding: 22px 0 40px; width: 90%; margin: auto; border-right: 0; border-bottom: 1px dashed #002d64;}
  .comm_tab2 .tab_cont .table .row .cell:last-child{border-bottom: 0;}
  .comm_tab2 .tab_cont .table .row.t_header .cell:first-child, .comm_tab2 .tab_cont .table .row .cell:first-child, .comm_tab2 .tab_cont .row.t_header .cell:nth-child(2), .comm_tab2 .tab_cont .table .row .cell:nth-child(2){width: 90%;}
  .comm_tab2 .tab_cont .table .row.t_header .cell:last-child, .comm_tab2 .tab_cont .table .row .cell:last-child{width: 90%;}
  .comm_tab2 .tab_cont .table .row .cell img{width: 100%;}

  .s321_3_1_list li span.num{width: 5%;}
  .s321_3_1_list li span{width: 95%;}

  .comm_tab2.mob #nav > li a{border-bottom-right-radius: 35px; border-bottom-left-radius: 35px;}
  .comm_tab2.mob #nav > li a{position: relative; margin-right: 0; width: 100%; height: 75px; background: #fff;}
  .comm_tab2.mob #nav > li a p{position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 100%; text-align: center; font-size: 1.3rem; line-height: 1.5; transition: all 0.4s; font-size: 1.4rem; font-weight: 700; color: #002d64;}
  .comm_tab2.mob #nav > li a p.small{font-size: 1.1rem;}
  .comm_tab2.mob #nav > li a.active2{background: #002d64; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
  .comm_tab2.mob #nav > li a.active2 p{color: #fff;}

  .comm_tab2.mob #nav section{margin: 0; width: 100%; height: auto; background: #fff; border: 2px solid #002d64; padding: 5vh 5% 8vh; text-align: left;}
  .comm_tab2.mob #nav section .s_big3{padding-left: 18px; position: relative; margin-bottom: 2vh;}
  .comm_tab2.mob #nav section .s_big3::before{content: ''; position: absolute; left: 0; top: 18px; width: 5px; height: 5px; background: #002d64; border-radius: 50%;}
  .comm_tab2.mob #nav section .table .cell{padding: 22px 0 40px 0; border-right: 0; border-bottom: 1px dashed #002d64; font-weight: 400;}
  .comm_tab2.mob #nav section .table .cell:last-child{border-bottom: 0;}
  .comm_tab2.mob #nav section .table .cell img{width: 100%;}

  .comm_tab2 .tab_menu.jq_tab > li{margin-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}

  /*sub4*/
  .s411 .inner4{display: flex; flex-wrap: wrap;}
  .s411_right{width: 100%; order: 2;}
  .s411_left{padding-left: 0; width: 40%; margin: 0 auto 6vh; order: 1;}

  .s412 .inner4{padding-bottom: 10vh;}
  .s412::before{height: 100%;}
  
  .s412 .tabnav > li{display: block; width: 100%;}
  .s412 .tabnav > li a{border-bottom-left-radius: 35px; border-bottom-right-radius: 35px;}

  .s412 .tabcontent > div{padding: 14vh 5%;}
  .s412 .tabcontent .tab_cont.horiz .tab_left{width: 100%; margin-bottom: 8vh;}
  .s412 .tabcontent .tab_cont.horiz .tab_right{width: 100%; padding-left: 0;}

  .s423_list2 > li > span.green{width: 8%;}
  .s423_list2 > li > span{width: 92%;}

  .s412 #nav li a{width: 100%; height: 105px; padding: 0; position: relative; background: #fff; border-radius: 35px; transition: all 0.4s;}
  .s412 #nav li a span{display: block; text-align: center; position: absolute; left: 0; top: 50%; transform: translate(0, -50%); width: 100%; font-size: 1.4rem; font-weight: 700; color: #002d64; line-height: 1.4; transition: all 0.4s;}
  .s412 #nav li a.active2{background: #002d64; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
  .s412 #nav li a.active2 span{color: #fff;}

  .s412 #nav section{background: #fff; border: 2px solid #002d64;}

  .s412_btn_wrap{margin-bottom: 0;}

  .s412 .tab_cont.horiz .tab_left{width: 70%; display: block; margin: 0 auto 5vh;}
  .s412 .tab_cont.horiz .tab_right{width: 100%; padding-left: 0;}
  .s412 .tab_cont .tab_top img{width: 70%;}

  .s412 #nav li .tab_cont .tab_bot .tab_desc .desc_cont span{color: #000; line-height: 1.4;}
  .s412 #nav li .tab_cont .tab_bot .tab_desc .color3 span{color: #002d64;}

  /*sub5*/
  .s511 .inner4{display: flex; flex-wrap: wrap;}
  .s511_left{width: 100%; padding-right: 0; order: 2;}
  .s511_right{width: 30%; margin: 0 auto 6vh; order: 1;}
}

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

  /*main*/
  .m2{padding: 15vh 0;}
  .m2 .inner2{position: static; transform: translate(0,0);}

  /*sub1*/
  .map_info{padding: 70px 5%;}
  .map_info .map_info_inner{text-align: left;}
  .map_info .map_info_inner p.bold{text-align: end;}

  .equip_main .swiper-slide p span{font-size: 1.2rem;}

}

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

  .s_big1{font-size: 2.3rem;}

  /*main*/
  .m2{height: auto;}
  .m2_left .big3{margin: 8vh 0 15vh;}

  #nav li span{font-size: 1rem;}

  /*sub1*/
  .subtop{height: 30vh;}
  .subtop_tit .subtop_p{font-size: 2rem; letter-spacing: 1px;}

  .sub_nav_wrap{height: 40px;}
  .sub_nav > li p{font-size: 0.9rem; letter-spacing: -0.5px;}
  .sub_nav > li .drop2_ul > li > a{font-size: 0.9rem; letter-spacing: -0.5px;}

  .s112_left .name .s_txt{margin-top: 15px; margin-right: 7px;}
  .map_info .map_info_inner{padding-left: 5%;}
  .map_info .map_info_inner > p{display: block;}
  .map_info .map_info_inner p.bold{width: 100%; text-align: left; margin-bottom: 15px;}
  .map_info .map_info_inner p.s_txt{ padding-left: 0; width: 100%;}

  .s122 .inner3 .s122_tit p::after{left: 180px; width: calc(100% - 180px);}
  .equip_main .swiper-slide .equip_img{height: 40vh;}
  .equip_main .swiper-slide .equip_img img{width: auto; height: 100%;}

  /*sub2*/
  .spec_cont > ul{width: 100%;}
  .spec_cont > ul:nth-child(2){margin-top: 3vh;}
  .spec_cont > ul:nth-child(3){margin-top: 3vh;}
  .spec_cont > ul li{margin-bottom: 3vh;}
  .spec_cont > ul li .s_txt{padding-left: 15px;}
  .spec_cont > ul li .s_txt::before{top: 6px;}

  .s221_1_1_con > ul{width: 100%; height: auto; min-height: unset;}
  .s221_1_1_con > ul li br{display: none;}

  .s221_con_list > ul > li{width: calc(50% - 8px); margin-bottom: 8px;}

  .s221_tit::before{top: 10px;}
  .s221_txt::before{top: 8px;}

  .s221_6_1 .s221_con_list > ul > li{width: 100%; margin-right: 0; background: #f5f7fc !important;}
  .s221_6_1 .s221_con_list > ul > li:nth-child(odd){background: #f2f2f2 !important;}

  .s232_innner .s_big1{font-size: 2.5rem;}
  .s232_innner .s232_txt span.s_big2{font-size: 1.4rem; padding-right: 65px;}
  .s232_innner .s232_txt span.s_txt{font-size: 1.1rem;}
  .s232_innner .s232_txt span.s_txt br{display: none;}

  .tab_menu.jq_tab > li{width: 100%; margin-right: 0;}
  .comm_tab2.mob #nav section .s_big3::before{top: 13px;}
  .table .cell p::before{top: 6px;}

  .s332 .s232_innner .s232_txt span.s_big2{padding-left: 50px;}
  .s232_innner .s232_txt span.s_big2::after{width: 40px;}

  /*sub4*/
  .s411_left{width: 50%;}
  .s423_list2 > li > span{display: inline;}
  .s412 .tab_cont .tab_bot .tab_desc .desc_cont span.line{width: 10%;}
  .s412 .tab_cont .tab_bot .tab_desc .desc_cont span.left{width: 43%;}
  .s412 .tab_cont .tab_bot .tab_desc .desc_cont span.right{width: 43%;}
  
  /*sub5*/
  .s511_right{width: 50%;}
}

@media screen and (max-width: 320px) {
  html, body{min-width: auto;} 
}