/*base*/
body, ul, li, ol,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{margin:0; padding:0;}
body{font:normal 12px suit, serif; height:100%}
ul{list-style: none;}
img{border:0; vertical-align: top;}
a{text-decoration: none;}
input, select{outline:none;}

#wrap{width:100vw; height:100vh; ; background-position: center; background-size: cover;  height:100vh; position:relative}


/*header*/
#wrap{width:100%; HEIGHT:100%;}
header{width:100%; position:fixed; top:0; left:0; z-index: 100}

#header_pc{width:100%; height: 70px; color:#fff; box-sizing: border-box;  position:relative; z-index: 100; background-color: #003070;}
#header_pc .header_logo{width:225.3px;height:19px; position:absolute; top:50%; left:20px; transform:translateY(-50%)}
#header_pc .header_logo img{height:19px;}
#header_pc .header_login{
    position:absolute; 
    top:50%; 
    right:20px; 
    transform: translateY(-50%)
}
#header_pc .header_login ul{display: flex; gap:30px}
#header_pc .header_login ul li{
    font-size: 2vh; 
    cursor:pointer; 
    color:#fff;
display: flex;
    flex-direction: column;
    justify-content : center;}
#header_pc .header_login .navyblock{width:50px; height:15px; background-color: #003070; position:absolute; bottom:0; right:30%;}

#header_pc .header_menu{position:absolute; left:50%; top:50%;transform: translate(-50%, -50%); width:980px; height:100%;}
#header_pc .header_menu>ul{width:100%; height:100%; display: flex; flex-direction: row; justify-content: space-around; align-items: center;}
#header_pc .header_menu>ul>li{font-size:2.1vh; font-weight:bold; height:100%; line-height:70px; text-align: center; width:20%}
#header_pc .header_menu>ul>li a{color:#fff; display: block; width:100%; height:100%;}

#header_pc .header_menu>ul>li .menu_in{background-color: #fff; color:#000; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);overflow: hidden; display: none;}
#header_pc .header_menu>ul>li .menu_in li{font-size:1.9vmin; border-bottom:1px solid #eee; transition:all 0.5s}
#header_pc .header_menu>ul>li .menu_in li:hover{background-color:#eee}
#header_pc .header_menu>ul>li .menu_in li:last-child{height:10px; width:50%; margin:0 auto; background-color: #003070; border-radius:10px 10px 0 0; border-bottom:none}
#header_pc .header_menu>ul>li .menu_in li.noneline{border-bottom:none}

#google_translate_element .skiptranslate span::after{width:30px; height:10px; background-color: #fff; content:""}

#memname {
    line-height: initial; 
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 5px;
    align-items: center;
}
#memname>span {
    display: block;
}
#memname #memwelcome span {
    color: lightsalmon;
    font-weight:800;
}
#memname #membutton {
    padding:0 5px;
    border-radius:5px;
    background-color: #fff;
    color:#003070;
    width: fit-content;
    font-weight:bold;
    font-size:1.8vh
}

#loginbutton span {
    display: block;
}

.goog-te-gadget {
    color:rgba(255,255,255,0)!important;
    padding-top:16px;
}
.goog-te-combo {
    border: 1px solid rgba(255,255,255,0.7);
    border-radius: 5px;
    padding:2px 5px;
}

/*--------header_mobile---------------------------------------------------------------------------------------- */
#header_m{width:100%; height:55px; background-color:#fff; box-sizing:border-box; padding:0px 20px; position:fixed; top:0; left:0; z-index:1000; display:flex; justify-content:space-between; align-items:center}
#header_m .header_logo a .logo_img{width:175px; height:28px;background-image:url(/img/globalsafety/common/logo_english.png); background-size:contain; background-position:center; background-repeat:no-repeat}
#header_m .header_menu{width:22px; height:22px; position:relative; display:flex; flex-flow:row wrap; justify-content:space-between; gap:2px; transition:all 0.5s;}
#header_m .header_menu p{width:10px; height:10px; background-color: rgba(0,48,112,0.55); cursor: pointer;}
#header_m .header_menu_m.active{transform: rotate(135deg);}


.nav_m{width:100%; height:100%; position:fixed; overflow: hidden;  z-index:100; top:55px; left:100vw; transition:all 0.5s}
.nav_m.active{left:0}
.nav_m .nav_m_in{width:100%; height:100%;}
.nav_m_in>ul{display: flex; flex-flow:row wrap; background-color:#003070;width:100%; height:calc(100vh - 55px)}
.nav_m_in>ul>li{width:50%; height:50%; box-sizing: border-box; padding:45px 29px; color:#fff;}
.nav_m_in>ul>li:nth-child(2),.nav_m_in>ul>li:nth-child(3){background-color: #406494;}

.nav_m_in>ul>li .big_menu{width:85%; height:40px; line-height:40px; text-align:center; font-size:20px; font-weight:bold; border-radius:50%; border:1px solid #fff; margin:0 auto 30px}
.nav_m_in>ul>li ul li{font-size:14px; margin-bottom:15px;}
.nav_m_in>ul>li ul li:last-child{margin-bottom:0}
.typing-txt{display: none;}
.goog-te-combo{color:#fff!important}
.goog-te-combo option{color:#000!important}






  /*content*/
  #cont{width:100%;padding-top:70px; }
  #cont .visual_wrap{width:100%; height:calc(100vh - 70px); position:relative; background-image:url(../../img/globalsafety/main/visual.jpg); background-size:cover; background-position:center;}
  #cont .visual_wrap>div{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); height:179px; width:462.55px}

  #cont .visual_wrap div h1{font-size:48px; text-align: center; margin-bottom:54px; color:#fff;  text-shadow:0px 0px 10px rgba(0,0,0,1); animation-name: cursor; animation-duration: 0.8s; animation-iteration-count: infinite}
  @keyframes cursor{ 
      0%{border-right: 1px solid #fff} 
      50%{border-right: 1px solid #000} 
      100%{border-right: 1px solid #fff} 
    }
  .visual_wrap div p{font-size:26px; text-align: center; color:#fff;  text-shadow:0px 0px 10px rgba(0,0,0,1); position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:100%}
  #cont .visual_wrap>div p br.mbr{display: none;}

  #cont div div>h2{font-size:40px; line-height:52px;margin-bottom:48px}
  #cont div div>p.des{font-size:24px; line-height:36px; margin-bottom:58px; font-weight:normal}
  h3{font-size:16px; color:#003070; margin-bottom:70px}
  h3 .upperline{width:31px; height:7px; background-color: #003070; margin-bottom:25px}

  .mission{width:100%; padding:155px 0; background-color: rgba(0,112,72,0.55);}
  .mission .mission_in{width:1080px; margin:0 auto}
  .mission .mission_in h3{color:#fff;}
  .mission .mission_in h3 .upperline{background-color: #fff; }
  .mission .mission_in h2{font-size:40px; line-height:52px; color:#fff; margin-bottom:48px}
  .mission .mission_in p.des{font-size:24px; line-height:36px; color:#fff; margin-bottom:58px; font-weight:normal}
  .mission .mission_in .mission_slide{width:100%; height:505px; border-radius:30px; background-color: #eee; overflow: hidden;}
  .mission .mission_in .mission_slide .mission_slide_in{width:700%; height:100%; display: flex;}
  .mission .mission_in .mission_slide .mission_slide_in .m_slide{width:1080px; height:100%; }
  .mission .mission_in .mission_slide .mission_slide_in .m_slide img{width:100%; height:100%; object-fit: cover; object-position:center;}
  .mission .mission_in .mission_slide .mission_slide_in .m1{background-color: pink;}
  .mission .mission_in .mission_slide .mission_slide_in .m2{background-color: yellow;}
  .mission .mission_in .mission_slide .mission_slide_in .m3{background-color: greenyellow;}
  .mission .mission_in .mission_slide .mission_slide_in .m4{background-color: plum;}
  .mission .mission_in .mission_slide .mission_slide_in .m5{background-color: #3f9bff;}
  .mission .mission_in .mission_slide .mission_slide_in .m6{background-color: mediumspringgreen;}


  .business{width:1080px; padding:155px 0; margin:0 auto}
  .business ul{display: flex; flex-direction: column; gap:50px;}
  .business ul li{width:100%; display: flex; justify-content: space-between; gap:80px;}
  .business ul li img{width:530px; height:330px; border-radius:30px; background-color: rgba(0,48,112,0.08); object-fit: contain; object-position: center;}
  .business ul li div{box-sizing: border-box; padding-top:24px;}
  .business ul li div h5{font-size:32px; line-height:52px; margin-bottom:10px}
  .business ul li div p{
    font-size:20px; 
    line-height:28px;
    box-sizing: border-box;
    padding-left:20px;
   }
  .business ul li:nth-child(4) img{width:329.47px}


  .history{width:100%; padding:155px 0 0; background-color: rgba(0,48,112,0.08);}
  .history .history_in{width:1080px; margin:0 auto}
  .history .history_in .historybox{display:flex; width:100%}
  .history .history_in .historybox .history_tab{width:552px;}
  .history .history_in .historybox .history_line{width:528px; border-radius:10px 10px 0 0; background-color:rgba(0,48,112,0.55); padding:60px 0px 35px 35px; max-height:1200px; overflow-y:scroll}
  .history .history_in .historybox .history_line::-webkit-scrollbar{width:5px;}
  .history .history_in .historybox .history_line::-webkit-scrollbar-thumb{background-color: rgba(255,255,255,0.7); border-radius:10px}
  .history .history_in .historybox .history_line::-webkit-scrollbar-track{background-color: rgba(255,255,255,0);}
  .history .history_in .historybox .history_line::-webkit-scrollbar-button{display:none}


  .history .history_in .historybox .history_tab>ul{width:405px; display: flex; flex-flow:row wrap; margin-bottom:70px; gap:10px}
  .history .history_in .historybox .history_tab>ul li{width:195px; box-sizing: border-box; padding:13px 0; border-radius:30px; background-color: #fff; font-size:20px; font-weight:bold; text-align: center; box-shadow:0px 0px 10px rgba(0,0,0,0.15);}
  .history .history_in .historybox .history_tab>ul li.htab_on{background-color: #003070; color:#fff;}
  .history .history_in .historybox .history_tab .history_des{width:100%; padding:20px 16px; box-sizing: border-box; background-color: #fff;}
  .history .history_in .historybox .history_tab .history_des .history_in{width:100%}
  .history .history_in .historybox .history_tab .history_des .history_in h4{font-size:32px; line-height:44px; margin-bottom:30px}
  .history .history_in .historybox .history_tab .history_des .history_in .history_cont{font-size:20px; line-height:30px;}
  .history .history_in .historybox .history_tab .history_photo ul{display: flex; flex-direction: column; gap:20px; box-sizing: border-box; width:100%; padding:40px 20px 20px;}
  .history .history_in .historybox .history_tab .history_photo ul li{width:100%; height:280px; border-radius:20px; padding:0; overflow:hidden}
  .history .history_in .historybox .history_tab .history_photo ul li img{width:100%; height:100%; object-fit: cover; object-position: center;}


  .visit{width:100%; padding: 0; background-image:url(../../img/globalsafety/main/aseslink.jpg); background-color:rgba(0,48,112,0.4); background-size:cover; background-position:center}
  .visit .visit_in{width:1080px; margin:0 auto;position:relative; height:500px;  }
  .visit .visit_in>div{width:1000px; position:absolute; top:50%; left:50%;  transform: translate(-50%, -50%);}
  .visit .visit_in>div>div{width:100%; display: flex; gap:20px;}
  .visit .visit_in>div>p{font-size:40px; margin-bottom:34px; color:#fff; font-weight:700; text-align:center;}
  .visit .visit_in>div>div>div{padding:39px 33px; width:100%; box-sizing: border-box; text-align: right; color:#003070; border-radius:30px; background-color: rgba(255,255,255,0.8); display:flex; flex-direction: column;}
  .visit .visit_in>div>div>div .des_p{font-size:24px; color:#003070; margin-bottom:20px; font-weight:600; align-self:center; text-align: center;}
  .visit .visit_in>div>div>div .des_p span{font-weight:800}
  .visit .visit_in>div>div>div .button{padding:10px 30px; background:#003070; background-size:400%; color:#fff; border-radius:30px; font-size:24px; width:fit-content; transition:all 0.5s; cursor: pointer; align-self: flex-end;}
  .visit .visit_in>div>div>div .button span{display:inline-block;width:0px; height:1px; background-color: #fff; margin-bottom:8px; transition:all 0.5s}
  .visit .visit_in>div>div>div .button:hover span{width:84px}
  .visit .visit_in>div>div>div .button:hover{background:#000; }




/*pc*/
@media (min-width:1200px){
    #header_t, #header_m, .nav_m, .news_right_m, #edumobile, .thumb_menu_m, .gallery_m{display: none;}
  
        /* history list */
        #main_list .wrap{width:100%}
        #main_list .wrap .year{width:100%; font-size:20px!important; color:#fff!important; line-height:30px!important; margin:0!important}
        #main_list .wrap .year .timeline2::before{width:1px; height:100%; background-color:rgba(255,255,255,0.7); border:none!important; border-radius:0!important; left:-5px!important}
        #main_list .wrap .year .timeline2::after{left:-20px!important; width:13px!important; height:13px!important; background-color:#6A87AB!important; border:8px solid #fff!important; border-radius:30px}
        #main_list .wrap .year .timeline2{padding:30px 0 30px 20px}
        #main_list .wrap .year .timeline2 .list_ul li .date{font-size:14px!important; color:#fff!important}
        #main_list .wrap .year .timeline2 .list_ul li .event{font-size:14px!important; color:rgba(255,255,255,0.8)!important; line-height:22px!important; font-weight:300!important}


    #cont .contents{width:100%; padding:150px 0}
    #cont .contents .contents_in{width:1080px; margin:0 auto; }
    .gallery{width:100%; overflow: hidden; height:370px;position:relative; padding-bottom:10px}
    .gallery .swiper-wrapper{background-color: #60fffc; margin:0 auto}
    .gallery .swiper-wrapper .swiper-slide{height:100%; background-color: rgba(0,0,0,0.3); border-radius:30px; overflow: hidden; }
    .swiper-wrapper .swiper-slide img{width:100%; HEIGHT:100%; object-fit: cover;}
    .gallery .gallery_btn{font-size:20px; color:#fff; padding:2px 10px; background-color: #003070; border-radius: 30px; font-weight:800; text-align: center; position:absolute; top:58%; transform:translateY(-50%); border:1px solid #fff}
    .gallery .gallery_btn_l{left:20px}
    .gallery .gallery_btn_r{right:20px}
    .gallery .swiper-button-prev::after{font-size:14px!important; font-weight:bold!important}
    .gallery .swiper-button-next::after{font-size:14px!important; font-weight:bold!important}
    .gallery .swiper-pagination{top:376px!important; background-color:#fff!important; border-radius:20px}
    .gallery .swiper-pagination-progressbar-fill{background-color: rgba(0,48,112,0.55)!important; border-radius:20px}


   



}

/*tablet*/
@media (min-width:768px) and (max-width:1199px){
    #header_pc, #nav_pc, .news_right_m, .cardnews, .gallery_m{display: none;}
    #header_m, #nav_m{display: block; position:fixed; top:0; left:0; z-index: 100;}
    #header_m{ display: flex; box-shadow: 0 4px 10px rgba(0,0,0,0.05);}
    #header_pc .header_login .navyblock{display: none;}



    .nav_m ul li .big_menu{font-size:24px; padding:10px 0}
    .nav_m_in ul li ul li{font-size:18px; text-align: center; margin-bottom:20px}



    #cont{padding-top:60px}
    .visual_wrap{width:100%; height:calc(100% - 70px); overflow: hidden;}
    #cont .section{padding:80px 40px}

    h3 .upperline{margin-bottom:10px; height:4px;}


    .mission{padding:80px 40px; box-sizing: border-box;}
    .mission .mission_in{width:100%}
    #cont>div{width:100%; box-sizing: border-box;}
    #cont div div>h2{font-size:30px; line-height:42px; margin-bottom:40px}
    #cont div div>p.des{font-size:18px; line-height:28px; margin-bottom:40px}
    .mission .mission_in .mission_slide{height:380px}


    .business h3{margin-bottom:40px}
    .business ul{width:100%; gap:40px;}
    .business ul li{gap:40px; align-items: center;}
    .business ul li img{width:200px; height:200px;}
    .business ul li div {padding-top:0}
    .business ul li div h5{font-size:22px; line-height:30px}
    .business ul li div p{font-size:16px; line-height:24px}
    .business ul li:nth-child(4) img{width:200px; height:200px}


    .history{padding:80px 40px 0 40px}
    .history .history_in{width:100%}
    .history .history_in .historybox {width:100%}
    .history .history_in .historybox .history_tab{width:45%}
    .history .history_in .historybox .history_line{width:55%; padding:50px 10px 20px 10px; background-color:rgba(0,48,112,0.55)}
    .history .history_in .historybox .history_tab>ul{width:90%; margin-bottom:50px}
    .history .history_in .historybox .history_tab>ul li{font-size:14px; width:47%}
    .history .history_in .historybox .history_tab .history_des {margin-bottom:60px}
    .history .history_in .historybox .history_tab .history_des .history_in h4{font-size:22px;line-height:29px}
    .history .history_in .historybox .history_tab .history_des .history_in .history_cont{font-size:16px; line-height:24px}
    .history .history_in .historybox .history_tab .history_photo ul li{height:200px}

    .history .history_in .historybox .history_line .wrap{padding:0}
    .history .history_in .historybox .history_line .wrap .year{font-size:20px; color:#fff}
    .history .history_in .historybox .history_line .wrap .year .timeline2{padding:0}
    .wrap .year .timeline2 .list_ul{margin-top:25px; padding-top:30px; margin-left:-35px}
    .wrap .year .timeline2::before{background-color: rgba(255,255,255,0.55); height:calc(100% - 30px); margin-top:30px; left:-50px}
    .wrap .year .timeline2::after{top:30px; background-color:#6A87AB !important; border: 5px solid #fff!important; left:-60px}
    .wrap .year .timeline2 .list_ul li span.date{font-size:12px; line-height:18px; color:#fff}
    .wrap .year .timeline2 .list_ul li span.event{font-size:12px; line-height:18px; color:#fff; font-weight:300}


    .contents{width:100%; box-sizing: border-box; padding:0px; ;}
    .contents_in{width:calc(100% - 80px); margin:0 auto; padding:80px 0}
    .contents_in h3{margin-bottom:40px}
    #cont .contents_in .section{padding:0 0 30px}
    .gallery{width:100%; overflow: hidden; position:relative}
    .gallery .swiper-wrapper{width:100%; height:250px; }
    .gallery .swiper-wrapper .swiper-slide{border-radius:10px;height:100%; overflow:hidden;}
    .gallery .swiper-wrapper .swiper-slide img{width:100%; height:100%; object-fit: cover; object-position: center;}
    .gallery .gallery_btn{color:#fff; font-weight:700; background-color: #003070; padding:3px 11px; border-radius: 50px; position:absolute; top:50%; z-index:30 ; font-size:14px!important; transform: translateY(-50%); border:1px solid rgba(255,255,255,0.4)}
    .gallery .gallery_btn::after{font-size:14px!important}
    .gallery .gallery_btn_l{left:0}
    .gallery .gallery_btn_r{right:0}
    .gallery .swiper-pagination-progressbar{top:260px!important; background-color:rgba(0,48,112,0.1)!important; border-radius:30px!important}
    .gallery .swiper-pagination-progressbar-fill{background-color: rgba(0,48,112,0.55)!important; border-radius:30px!important}


    .visit{width:100%}
    .visit .visit_in{width:100%; height:400px}
    .visit .visit_in>div{width:100%; box-sizing: border-box; padding:20px 40px;}
    .visit .visit_in div>p{font-size:30px}
    .visit .visit_in>div>div>div{width:48%;padding:30px}
    .visit .visit_in>div>div>div .des_p{font-size:16px}
    .visit .visit_in>div>div>div .button{padding:5px 20px; font-size:20px; font-weight:700}

    footer{width:100%; color:rgba(255,255,255,0.6); font-size:12px}
    footer #foot_pc>div{padding:20px 40px; box-sizing: border-box;}
    footer #foot_pc .foot_1{border-bottom:1px solid rgba(255,255,255,0.3); width:100%; }
    footer #foot_pc .foot_1 .foot_inner{display: flex; flex-direction: row; justify-content: space-between; align-items:flex-end}
    footer #foot_pc .foot_1 .footer_logo img{height:25px; object-fit: contain;}
    footer #foot_pc .foot_1 ul{display: flex; flex-direction: row; gap:12px;}
    footer #foot_pc .foot_1 ul li:first-child{color:rgba(255,255,255,0.8)}
    footer .foot_2{border-bottom:1px solid rgba(255,255,255,0.3); width:100%; }
    footer #foot_pc .copyright{text-align: center;}

    footer #foot_pc .foot_2 h3{font-size:16px; font-weight:700; margin-bottom:15px; color:rgba(255,255,255,0.8)}
    footer #foot_pc .foot_2 ul{display: flex; flex-direction: column;gap:2px}

}

/*mobile*/
@media (max-width:767px){
    #header_pc, #header_t, .cardnews, .thumb_menu, .gallery{display:none}
    #wrap{width:100%;}
    #cont{width:100%; padding-top:0}
    .card{box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
    #header_pc .header_login .navyblock{display: none;}

   

    #cont .visual_wrap{width:100%; HEIGHT:calc(100vh - 55px);overflow: hidden;}
    #cont .visual_wrap>div{width:100%}
    #cont .visual_wrap>div h1{font-size:33px}
    #cont .visual_wrap>div p{font-size:20px; line-height:28px}
    #cont .visual_wrap>div p br.mbr{display: block;}

    h3{margin-bottom:40px; font-weight:500}
    h3 .upperline{margin-bottom:15px}
    #cont div div>h2{font-size:26px; line-height:38px; margin-bottom:50px}
    #cont div div>p.des{font-size:18px; line-height:27px; margin-bottom:40px; text-align: justify;}

    .mission{padding:80px 20px 40px; box-sizing: border-box;}
    .mission .mission_in{width:100%}
    .mission .mission_in h2{font-size:30px}
    .mission .mission_in .mission_slide{height:280px}



    .business{padding:80px 20px 40px; box-sizing: border-box; width:100%;}
    .business ul{ gap:50px;}
    .business ul li{flex-direction: column; gap:25px;}
    .business ul li img{width:100%; height:60vmin}
    .business ul li div{padding-top:0}
    .business ul li div h5{font-size:20px; margin-bottom:10px; line-height:normal}
    .business ul li div p{font-size:16px; line-height:24px; text-align: justify;}
    .business ul li:nth-child(4) img{width:100%}
    


    .history{padding:80px 20px 20px; box-sizing: border-box; width:100%;}
    .history .history_in{width:100%; }
    .history .history_in .historybox{flex-direction: column; gap:40px}
    .history .history_in .historybox .history_photo{display: none;}
    .history .history_in .historybox .history_tab{width:100%}
    .history .history_in .historybox .history_tab>ul{width:100%; margin:0 auto 20px; justify-content: center;}
    .history .history_in .historybox .history_tab>ul li{width:45%; font-size:14px}
    .history .history_in .historybox .history_tab .history_des .history_in h4{font-size:20px; margin-bottom:20px; line-height:normal}
    .history .history_in .historybox .history_tab .history_des .history_in .history_cont{font-size:16px; line-height:24px}
    .history .history_in .historybox .history_line{width:100%; max-height:500px; box-sizing: border-box; padding:40px 0 30px 10px; border-radius:20px}
    .history .history_in .historybox .history_line #main_list .wrap{padding:0}
    .history .history_in .historybox .history_line #main_list .wrap .year{margin:0 0 20px 5px; color:#003070}
    .history .history_in .historybox .history_line #main_list .wrap .list_ul{padding-top:35px}
    .history .history_in .historybox .history_line #main_list .wrap .list_ul li{margin-bottom:5px; }
    .history .history_in .historybox .history_line #main_list .wrap .list_ul li .date{color:#fff}
    .history .history_in .historybox .history_line #main_list .wrap .list_ul li .event{color:rgba(255,255,255,0.7)}


    .contents{width:100%; margin:0 auto;}
    .contents_in{width:calc(100% - 40px); margin:0 auto; padding:80px 0 60px}
    .contents_in .card{width:100%; padding:25px; box-sizing: border-box; background-color: #fff; border-radius:10px; margin-bottom:40px;}
    .contents_in .card h2{ font-weight:800}


    .gallery_m {width:100%; height:60vmin; }
    .gallery_m .swiper-wrapper{width:100%; height:60vmin}
    .gallery_m .swiper-wrapper .swiper-slide{height:100%; border-radius: 10px; overflow: hidden; background-color:#eee}
    .gallery_m .swiper-wrapper .swiper-slide img{width:100%; height:100%; object-fit: cover; object-position:center;}
    .gallery_m .gallery_btn{font-size:18px; color:#fff; font-weight:700; background-color: #003070; padding:5px 13px; border-radius:30px; position:absolute; z-index: 5; top:50%; transform:translateY(-50%);}
    .gallery_m .gallery_btn_r_m{display:none}
    .gallery_m .gallery_btn_l_m{display:none}




    .visit{width:100%; padding:50px 20px; position:unset; box-sizing: border-box;}
    .visit .visit_in{width:100%; position:unset; height:auto}
    .visit .visit_in>div{position: unset; width:100%; transform:none}
    .visit .visit_in>div>p{font-size:26px}
    .visit .visit_in>div>div{flex-direction: column;}
    .visit .visit_in>div>div>div{width:100%; padding:20px; border-radius: 20px;;}
    .visit .visit_in>div>div>div .des_p{font-size:16px}
    .visit .visit_in>div>div>div .button{padding:10px 20px; font-size:16px}


    footer{width:100%; color:rgba(255,255,255,0.6); font-size:11px; background-color:rgba(5,16,28,.85)}
    footer #foot_pc .foot_1 .foot_inner{flex-direction: column; align-items: center; gap:15px}
    footer #foot_pc .foot_1 .foot_inner ul li:first-child{color:rgba(255,255,255,0.8)}
    footer #foot_pc .foot_2 .foot_inner h3{color:rgba(255,255,255,0.8); font-size:14px}



}