html {scroll-behavior: smooth;}
.container{width:1400px !Important;}
.c1{color:#00234e}
.c2{color:#7da1c5}
.pc_header {width: 100%;background:#00234e;z-index: 9999;position: fixed;}
.mb_header {display: none;}

.top_header {position:relative;padding: 20px 0;background:#00234e;}
.top_header .container{display:flex;justify-content:space-between;align-items:center;}
.logo {text-align: center;}
.logo a{display:block;}
.logo img{width:250px;}
.sns{display:flex;}
.sns li{margin-right:30px;}
.sns li:last-child{margin:0;}
.sns a{display:block;}
.sns a img{width:25px;height:25px;}


.bt_header {background:#fff;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;}
.bt_header ul {width: 1400px;display: flex;align-items:center;justify-content: space-between;margin: 0 auto;}
.bt_header ul li {position: relative;}
.bt_header ul li a {display: block;text-align: center;font-size: 18px;font-weight: 600;
padding: 25px 0;color: #000;position: relative;}
.li_on:before{width:0%;content:"";height:3px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);animation: liani .5s forwards;background:#7da1c5;}
@keyframes liani{
  0%{width:0%;}
  100%{width:100%;}
}
.mb_quick{display:none;}
.scroll_li_on {
    color: #00234e !important;
}
.scroll_li_on:before {
    height: 3px;
    position: absolute;
    width: 100%;
    background: #00234e;
    lefT: 0;
    bottom: 0;
  content: "";}
@media screen and (max-width:799px) {
.pc_header {display: none;}
.mb_header {display: block;width: 100%;position: fixed;z-index: 99999;}
  .mb_hd{background:#fff;border-bottom:1px solid #e4e4e4;display:flex;align-items:center;justify-content:space-between;padding:0 30px;}
.mb_header .logo {width: 165px;}
.mb_header .logo a {display: block;padding: 30px 0;}
.mb_header .logo img {width: 100%;}
  .m_menu_btn{position:relative;top:0;right:0;}
  .m_menu_btn span {display: block;width: 24px;height: 2px;background: #20554d;margin-bottom: 6px;}
.mb_menu {}
  .mb_menu_icon{display:flex;justify-content:space-between;padding:0 30px;margin-bottom:30px;}
  .mb_menu_icon a{width:17px;}
  .mb_menu_icon img{width:100%;}
.mb_menu >  ul {width: 80%;position: fixed;top: 0px;right: -100%;z-index: 9999;background: rgba(0,0,0,0.7);height:100%;padding-top:35px;}
.mb_menu > ul > li {}
.mb_menu > ul > li > a {padding-left:30px;color: #fff;font-size: 15px;display: block;padding-bottom:20px;font-weight: 500;}
.menu_bg {display: none;background: #333;opacity: 0.2;width: 100%;height: 100%;position: fixed;top: 0; cursor: pointer;}
  
  .mb_sns{position:absolute;bottom:0;left:0;width:100%;}
  .mb_sns ul{display:flex;}
  .mb_sns ul li{padding:15px 0;width:50%;}
  .mb_sns ul li a{display:block;font-size:14px;color:#fff;text-align:Center;}
  .mb_sns ul li:nth-child(1){background:rgb(11 59 133 / 70%);}
    .mb_sns ul li:nth-child(2){background:rgb(53 123 36 / 70%);}
  .mb_sns ul li img{display:block;margin:0 auto;width:20px;height:20px;margin-bottom:10px;}
  .hd_pop{display: flex;flex-wrap: wrap;justify-content: space-between;width: 90%;margin: 0 auto;margin-top: 20px;}
  .hd_pop a{display: block;color: #fff;font-size: 12px; width: 48%;padding: 12px 0;text-align: center;margin: 0 auto;border-radius: 10px;border: 1px solid rgba(255, 255, 255, 0.2);background: rgba(0, 0, 0, 0.5);}
  .hd_pop a:nth-child(n+3){margin-top:8px;}
  .mb_quick{display:block;position:fixed;bottom:30px;right:30px;z-index:99;animation:quickani 1s alternate infinite;   transition: 1s;}
  @keyframes quickani{
    0%{}
    100%{bottom:45px;}
  }
  .quick_sym{padding:5px;width:60px;margin-lefT: auto;}
  .quickActive img{content:url('images/quick_sym_close.png')}
  .quick_sym img{width:60px;display:block;margin:0 auto;}
  .mb_quick ul{display:none;background:rgba(255,255,255,0.9);border-radius:20px;padding:20px;margin-bottom:10px;}
  .mb_quick ul li{margin-bottom:15px;}
  .mb_quick ul li a{display:flex;align-items:center;justify-content: right;}
  .mb_quick ul li img{display:block;width:40px;height:40px;border-radius:30px;margin-left:15px;}
  .mb_quick ul li span{color:#000;font-size:14px;font-weight:bold;}
}