.banner_wrap{width:100%}
.banner_swiper{width:100%;height:400px;}
.scroll_top_ban .banner_wrap img{width:100%}
.pc_head{}
.mb_head{display:none;}
.hd_top{padding:30px 0;}
.hd_top .ctt{display:flex;align-items:center;justify-content:space-between;}
.logo{width:230px}
.logo a{display:block;font-size:26px;font-weight:bold}
.logo p{font-size: 14px; font-weight: 600;letter-spacing: -0.5px; margin-top: 12px; text-align: center;background: #3a4a9d;color: #fff;padding: 5px 5px; border-radius: 5px;}
.all_search{display:flex;border:1px solid #e4e4e4;overflow:hidden;width:400px;border-radius:8px;}
.all_search input{border:0;padding:15px;width:350px;}
.all_search input::placeholder{font-size:15px;color:#999;font-weight:300;}
.all_search button{background:none;border:0;width:50px;}
.all_search button img{width:18px;}
.user{}
.user ul{display:flex;}
.user ul li{}
.user ul li:not(:last-child):after{display:Inline-block;content:"";width:1px;height:10px;background:#ccc;margin:0 20px;}
.user ul li a{font-size:15px;color:#555;font-weight:400;}
.pc_nav{position: relative;border-bottom:1px solid #e4e4e4;}
.hd-fix{width:100%;background:#fff;top:0;left:0;position:fixed;z-index:99999999;box-shadow:0 10px 10xp rgba(0,0,0,0.3);}
.pc_nav .ctt{display:flex;position:relative;justify-content:space-between;z-index:9999;}
.pc_nav .ctt > ul{display:flex;}
.pc_nav .ctt >  ul > li{position:relative;padding:20px 5px;margin-right:40px;}
.pc_nav .ctt > ul > li > a{font-size:18px;font-weight:600;position:relative;}

.pc_nav .ctt > ul > li  b{cursor:pointer;z-index: 10;position: absolute;top: 50px;left: -20px;background: #00a37d;color: #fff;font-size: 12px;width: 230px;padding: 6px 10px;text-align: center;border-radius: 50px;font-weight: 500;line-height: 19px;align-items:center;display:flex;}
.pc_nav .ctt > ul > li  b i{margin-left:5px;width:8px;height:8px;background:url('../head/images/close.svg');background-size:100%;display:block;}
.pc_nav .ctt > ul > li  b:before{ content: "";position: absolute; top: -12px;left: 40px;width: 0;height: 0;border-top: 7px solid transparent;border-bottom: 7px solid #00a37d; border-right:7px solid transparent; border-left: 7px solid transparent;}
.pc_nav .ctt > ul > li > a span{animation:bounce 0.6s cubic-bezier(0, 0, 0.18, 0.99) infinite alternate;display:Inline-block;margin-left:5px}
.pc_nav .ctt > ul > li > a span img{width:18px}


.black_employee a{background: #ffcfcf;color: #cf0000;padding: 5px 8px;border-radius: 5px;}
.hd_left_nav > li > a strong{color:#f79f9f; font-size: 11px;font-weight: 900;margin-left: 3px; position: relative; top: -1px;}

@keyframes bounce{
    to{
        transform: translateY(-5px);
    }
}
.pc_nav .ctt > ul > li:before{content:"";width:0%;height:2px;position:absolute;bottom:0px;left:0;background:#255ad5;transition:all 0.3s;}
.pc_nav .ctt > ul > li:hover:before{width:100%;}
.pc_nav .ctt > ul > li.nav_active:before{width:100%;}
.hd_community{}
.hd_community li{margin-right: 10px ! Important; animation: bounceCross 1s infinite alternate ease-in-out;}
.hd_community li:first-child{animation: scaleCross 1.5s infinite ease-in-out;}
.hd_community li:last-child{animation: scaleCrossReverse 1.5s infinite ease-in-out;}
.hd_community li a{color: #fff;padding: 5px 10px;border-radius: 5px;font-size: 18px ! IMPORTANT;}
.hd_community li:first-child a{background: linear-gradient(45deg, #0a192f, #59b2ff, #2a5298, #3479dd, #2a4c83);background-size: 300% 300%;animation: gradientMove 3s infinite alternate;}
.hd_community li:last-child a{ background: linear-gradient(45deg, #3e1f47, #9e56e7, #3c1e6f, #9242d7, #3a2a5e);background-size: 300% 300%;  /* 그라데이션이 넓게 확장됨 */;animation: gradientMove 4s infinite alternate;}

  @keyframes gradientMove {
  0% { background-position: 0% 50%;}
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%;}
}

 @keyframes scaleCross {
            0% { transform: scale(1); }
            50% { transform: scale(0.98); }
            100% { transform: scale(1); }
        }

        @keyframes scaleCrossReverse {
            0% { transform: scale(1); }
            50% { transform: scale(0.98); }
            100% { transform: scale(1); }
        }



.hd_community li a:before{display:none !Important;}
.submenu{display:none;position: absolute; width:100%;top:75px;left:0;padding:10px 0;}
.submenu li{text-align:center;}
.submenu li a{padding:8px 0;font-size:15px;color:#777;display:block;}
.submenu li a:hover{font-weight:600;color:#000}
.nav_bg{border-top:1px solid #e4e4e4;display:none;width:100%;height:324px;background:#fff;position:absolute;top:61px;left:0;z-index:999;box-shadow:0 10px 10px rgba(0,0,0,0.1)}
.banner_area{display:none;width:300px;position:absolute;top:90px;right: 0; }
.banner_area img{width: 100%; border-radius: 10px;}
.banner_area > div:nth-child(1){margin-bottom:10px;}
.banner_area > div{height: 50%;}
.swiper-slide img{width: 100%;}

.top_search_wrap{display: flex; justify-content: space-between; align-items: center;}

@media screen and (max-width:768px){
  .pc_head{display:none;}
  .scroll_top_ban{display:none;}
  .pc_head{display:none;}
.mb_head{display:block;}
  .mb_head_top{display:flex;justify-content:space-between;padding:20px;padding-bottom:15px;border-bottom:1px solid #e4e4e4;}
  .mb_logo{width:100px;}
  .mb_top_p{font-size: 13px;font-weight: 600; letter-spacing: 0; margin-top: 12px;text-align: center;background: #e2eeff;color: #3a4a9d;padding: 10px 0;border-radius: 4px;width: 90%;margin: 10px auto;}
  .mb_logo img{width:100%}
  .mb_btn{width:20px;cursor:pointer;}
  .mb_btn img{width:100%}
    .profile_group{display:flex;align-items:center;}
    .profile_img{margin-right:10px;width:45px;height:45px;overflow:hidden;border-radius:50px;}
    .profile_img img{width:100%;height:100%;object-fit:cover;}
    .profile_info{width:calc(100% - 55px)}
    .profile_info strong{color:#fff;font-size:15px;}
    .m_login{display:flex; width:100%;margin-top:9px;}
    .m_login li{width:31%;margin-right:2%;}
    .m_login a{border: 1px solid #fff;border-radius: 100px;font-size: 12px; width: 100%;color: #fff;display: block;text-align: center;padding: 5px 0;}
  .mb_nav_close{cursor:pointer;margin-left:auto;width:15px;margin-bottom:15px;}
  .mb_nav_close img{filter:invert(1) brightness(10);width:100%;} 
  .mb_nav_wrap{position:fixed;top:0px;right:-300px;background:#fff;border-radius:10px 0 0 10px;box-shadow:0 0 10px rgba(0,0,0,0.1);width:300px;height:100%;z-index:99999;transition:all .5s;overflow-y:scroll}
  .mb_nav_open{right:0;}
  .mb_nav{padding:30px;}
  .mb_nav li{}
  .mb_nav li a{display:block;font-size:14px;color:#000;padding:11px 0;font-weight:500;}
  .mb_nav li a b{display:inline-block;margin-left:4px;}
  .mb_nav li a b img{  width: 13px;position: relative; top: -2px;}
  .mb_nav li a span{display:block;color:#4158d1;font-size:13px;margin-top:7px;font-weight:600}
  
  .mb_login{padding:30px 20px;background:#4b76dc;}
  .mb_login p{font-size:13px;color:#fff;opacity:0.7;}
  .mb_login .hd_login{display:flex;align-items:center;margin-top:10px;}
  .banner_area{width:100%;position:relative;top:0;left:0;display:block;padding:30px;padding-top:0; }
  .mb_bg{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,0.5);z-index:9999;display:none;}
}