.pc_head{background:#fff;position:fixed;top:0;left:0;width:100%;z-index:9999;transition:all .5s;}
.pc_head .ctt{width:90%;display:flex;align-items:center;justify-content:space-between;}
.logo{width:250px;}
.logo a{display:block;}
.logo a img{width:100%;}
.pc_nav{width:1000px;transition:all .5s;display:flex;justify-content:space-between;}
.pc_nav:hover{width:1100px}
.pc_nav > li{position:relative;transition:all .5s;}
.pc_nav > li > a{padding:25px 40px;transition:all .5s;display:block;font-weight:500;font-size:17px;}
.pc_nav > li > a:hover{font-weight:600;}
.pc_nav > li > a:before{transition:all .5s;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:0%;height:3px;background: linear-gradient(135deg,#4f8fcf 0%,#7a6cb7 25%,#c85d9b 50%,#e7785a 70%,#f3b44e 100%);content:"";}
.pc_nav > li.pc_nav_on > a:before{width:100%;}
.pc_nav > li > a.nav_active{font-weight:600;}
.pc_nav > li > a.nav_active:before{width:100%}
.submenu{z-index:10;opacity: 0;pointer-events: none;padding:15px 0;position:absolute;width:100%;top:77px;transition:all .2s;}
.submenu li{}
.submenu li a{font-size:15px;color:#222;font-weight:400;display:block;padding:5px 0;text-align:center;}
.submenu li a:hover{font-weight:500;color:#000}
.pc_nav > li.pc_nav_on .submenu{opacity:1;pointer-events:auto;}
.gnb_bg{background:#fff;position:absolute;top:77px;width:100%;height:170px;background:#fff;z-index:1;display:none;}
.hd_sns{width:fit-content;border-radius:500px;background:#e4f3e4}
.hd_sns a{font-size:13px;display:block;color:#44b56d;padding: 6px 12px;font-weight: 500;}
.mb_head{display:none;}

@media screen and (max-width:1800px){
  .pc_nav{width:900px}
  .pc_nav > li > a{padding:25px 30px;}
  .pc_nav:hover{width:1000px;}
}
@media screen and (max-width:1600px){
  .pc_nav{width:700px}
  .pc_nav:hover{width:850px}
    .pc_nav > li > a{padding:25px 15px;}
  .submenu li a{font-size:13.5px;}
}

@media screen and (max-width:1440px){
  .pc_head .ctt{width:1440px;}
}

@media screen and (max-width:768px){
  .pc_head{display:none;} .mb_bg{opacity:0;background:rgba(0,0,0,0.3);position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;transition:all .5s; pointer-events: none;}
  .mb_bg_on{opacity:1;pointer-events: auto;}
  .mb_head{display:block;position:fixed;top:0;left:0;z-index:99999;width:100%;background:#fff;}
  .mb_top{display:flex;align-items:center;justify-content:space-between;padding:15px 0;width:90%;margin:0 auto;}
  .mb_nav{cursor:pointer;width:25px;}
  .mb_nav img{width:100%}
  .mb_logo{width:200px;}
  .mb_logo img{width:100%}
  .mb_call{width:40px;}
  .mb_call img{width:100%}
  .all_nav{z-index:99999;top:0;right:-100%;width:80%;height:100vh;background:linear-gradient(135deg, #4f8fcf 0%, #7a6cb7 25%, #c85d9b 50%, #e7785a 70%, #f3b44e 100%);padding:35px 0;position:absolute;transition:all .5s;}
  .all_nav_open{right:0;}
  .all_nav ul{width:80%;margin:0 auto;margin-top:40px;}
  .all_nav_logo{width:80%;margin:0 auto;}
  .all_nav_logo img{width:180px;filter:invert(1) brightness(10);}
  .all_nav ul li{padding:10px 15px;border-bottom:1px solid rgba(255,255,255,0.1)}
  .all_nav ul li a{color:#fff;font-size:15px;font-weight:bold;text-align:left;display:block;}

    .m_nav1 > i{font-size:15px;font-weight:bold;color:#fff;display:flex;justify-content:space-between;align-items:center}
  .m_nav1 img{width:13px;transition:all .5s;transform:rotate(180deg)}
  .m_nav1.on img{transform:rotate(0deg)}
  .m_submenu{padding:10px 0;width: 100% !important;margin-top: 0 !important;}
  .m_submenu li{padding:0 !important;border:0 !important}
  .m_submenu li a{color:#fff;opacity:0.9;border:0 !important;padding:2px 0 !Important;font-size:12.5px !important;font-weight:500 !Important}
  .m_submenu li a span{background: #ff7600;border-radius: 500px;padding: 2px 6px;font-size: 11.5px;margin-left: 5px;}
  
  .nav_user{width:80%;margin:0 auto;margin-top:40px}
  .nav_user a{border-radius: 10px;color: #fff;font-size: 15px;font-weight: 600;padding: 5px 0;border: 1px solid #fff;display: block;text-align: center;margin-top: 8px;}
  .all_nav_close{cursor:pointer;position:absolute;top:42px;right:35px;width:12px;}
  .all_nav_close img{display:block;width:100%;}
}