.head{background:#fff;position:fixed;top:0;left:0;width:100%;z-index:9999999;}
/* 상단 배너 */
.hd_top{position:relative;overflow: hidden;transition: all 0.5s ease;max-height:44px}
.hd_top.hide{max-height: 0;opacity: 0;}
.hd_top_slide .swiper-slide{background:url('../head/images/hd_top_bg1.jpg')no-repeat;background-size:cover;padding:10px 0;display:flex;align-items:center;justify-content:center;gap:0 8px;font-weight:600;}
.hd_top_slide .swiper-slide img{width:18px;}
.hd_top_btn{display:flex;position:absolute;top:50%;right:50px;transform:translateY(-50%);z-index:100;gap:0 10px}
.hd-pagination{display: flex;gap: 0 6px;}
.hd-pagination span{border:1px solid #fff;background:transparent;width:6px;height:6px;opacity:1;}
.hd-pagination span.swiper-pagination-bullet-active{background:#fff;}

/* 메뉴 */
.head_nav{position:relative;}
.head_nav .ctt{width:90%;display:flex;justify-content:space-between;align-items:center;}
.logo{width:250px;}
.logo a{display:block;}
.logo a img{width:100%}
nav{width:1100px}
nav > ul{display:flex;width:100%;justify-content:space-between;}
nav > ul > li{position:relative;width:16.6%;z-index:0;}
nav > ul > li:before{content:"";position:absolute;top:-500px;left:0;width:100%;height:350px;background;17786d;display:block;z-index:-1;background:#17786d;transition:all .5s;}
nav > ul > li.active:before{top:0;}
nav > ul > li.active a{color:#fff;}
nav > ul > li > a{text-align:center;font-size:18px;display:block;padding:35px 0;font-weight:600;transition:all .5s;}
.dep2{opacity:0;pointer-events: none;position:absolute;width:100%;top:80px;height:260px;transition:all .2s;}
.dep2.active{opacity:1;pointer-events:auto;}
.dep2 ul{}
.dep2 ul li{}
.dep2 ul li a{transition:all .5s;font-size:16px;display:block;padding:6px 0;text-align:center;}
.dep2 ul li a:hover{font-weight:600}

.nav_bg{width:100%;height:350px;background:#fff;position:absolute;top:-350px;left:0;z-index:-1;transition:all .4s;}
.nav_bg.active{top:0px;}
/* 우측 메뉴 */
.hd_right{}
.hd_right a{font-weight:500;display:flex;align-items:center;gap:0 10px;}
.hd_right a img{width:18px}

/* 전체메뉴 */
.all_nav_bg{ position:fixed;left:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.7);opacity:0;visibility:hidden;transition:all .4s;z-index:9999;backdrop-filter: blur(10px);}
.all_nav_bg.on{opacity:1;visibility:visible;}
.all_nav{position:fixed;top:0;right:-40%;width:40%;height:100vh;z-index:99999999999;padding:60px;overflow-y: auto;overflow-x: hidden;background:linear-gradient(45deg, #1c4824, #17786d);transition:all .5s; -webkit-overflow-scrolling:touch; overscroll-behavior:contain;}
.all_nav.on{right:0;}
.all_nav * {}
.all_nav > ul{display:block;}
.all_nav > ul > li{padding:15px 10px;}
.all_nav > ul > li:first-child{border:0;padding-top:0;}
.all_nav > ul > li > a{font-size:18px;font-weight:bold;color:#fff;display:block;}
.all_nav > ul > li > a i{width: 5px;height: 5px;border-radius: 6px;background: #9de3db;display: inline-block;position: relative;top: -3px;margin-right: 7px;}
.all_nav > ul > li > a img{display:none;}
.all_dep2{margin-top:10px;}
.all_dep2 ul{display:flex;gap:0px 25px;}
.all_dep2 ul li{}
.all_dep2 ul li a{font-size:15px;color:rgba(255,255,255,0.5);display:block;}
.all_dep2 ul li a:hover{color:rgba(255,255,255,0.8);font-weight:600}

.all_nav_bt{display:grid;grid-template-columns:repeat(2, 1fr);gap:25px;}
.all_nav_bt_cont{background:rgba(0,0,0,0.2);border-radius:10px;padding:30px;}
.all_nav_bt_cont h4{}
.all_nav_bt_cont h4 img{}
.all_nav_bt_cont i{display:block;}
.all_nav_bt_cont .naver_btn{}
.all_nav_bt_cont .naver_btn a{border:1px solid #fff;padding:12px 0;text-align:Center;border-radius:8px;width:100%;display:block;}
.all_nav_bt_cont p{font-weight:700;-webkit-text-fill-color: #ffffff !important;}

.all_nav_close{display:Flex;align-items:center;justify-content:Right;cursor:pointer;}
.all_nav_close img{width:100%;filter:invert(1);width:15px}

@media screen and (max-width:1600px){
  .head_nav .ctt{width:1400px;}
  nav{width:950px}
}

@media screen and (max-width:768px){
  .hd_top_btn{right:20px}
  .head_nav .ctt{width:90%;padding:10px 0}
  .head_nav nav{display:none;}
  .logo{width:200px}
  .hd_right a {font-weight:600;font-size: 15px;}
  .hd_right a img {width: 16px;}

  .all_nav {right: -85%;width: 85%;padding:30px;height:100%;}
  .all_nav > ul{margin-top:35px;}
  .all_nav > ul > li > a {font-size: 15px;}
  .all_dep2 ul {gap: 6px 0;flex-direction: column;}
  .all_nav > ul > li{padding:10px}
  .all_nav > ul > li > a{display:flex;justify-content:space-between;align-items:center;}
  .all_nav > ul > li > a img{width:10px;display:block;transition:all .3s;}
  .all_nav > ul > li > a.active img{transform:rotate(180deg);}
  .all_dep2 {display:none;}
  .all_dep2 ul li a {font-size: 14px;padding-left: 11px;}
  
  .all_nav_bt {grid-template-columns: repeat(1, 1fr);gap: 15px;}
  .all_nav_bt_cont{padding:20px}
}