/*pc head */
.head{position:fixed;z-index:9999999;top:0;left:0;width:100%;transition:all .5s;}
.hd_index{z-index:9999;}
.head .ctt{margin:0;width:1200px;margin-left:5%;padding:30px 0;display:flex;justify-content:space-between;align-items:start;}
.logo{display:block;width:15%;}
.logo a{display:block;}
.logo a img{width:100%;}

.nav{width:750px;padding-top:14px;}
.nav > ul{display:flex;justify-content:space-between;}
.nav > ul > li{width:20%;}
.nav > ul > li > a{display:block;text-align:center;font-size:18px;color:#fff;font-weight:600}
.nav > ul > li > a:hover{color:#47ffc2;font-weight:bold;}

.nav > ul > li:last-child a{}

.sub_nav{opacity:0;transition:all .7s;padding-top:30px;display:none;}
.sub_nav li{padding-bottom:13px;}
.sub_nav li a{text-align:center;display:block;color:#fff;font-size:16px;font-weight:500;}
.sub_nav li a:hover{font-weight:bold;}

.news_btn{border-radius:100px;margin-top:14px;}
.news_btn a{color: #fff;font-weight: bold;display: block;padding: 5px 15px;font-size: 14px;}

.nav_show .sub_nav{display:block;opacity:1;}
.hd_bg{position:absolute;top:0px;left:0;width:100%;height:300px;background:rgba(0,0,0,0.5);z-index:-1;opacity:0;backdrop-filter:blur(6px);pointer-events: none;transition:all .5s;transform:translateY(-50px);}
.hd_bg_show{opacity:1;transform:translateY(0px);}

.nav_info{position: absolute;top: 70px;right: 5%;opacity:0;transition:all .5s;transform:translateY(-40px);}
.nav_info_show{transform:translateY(0);opacity:1;}
.nav_num{}
.nav_num span{font-weight:bold;display:block;color:#fff}
.nav_num p{font-weight:800;letter-spacing:0;line-height:1.3;color:#fff;}
.nav_sns{margin-top:25px;}
.nav_sns a{display:flex;font-size:16px;font-weight:500;align-items:center;color:#fff;}
.nav_sns a img{width:16px;margin-right:9px;}
.nav_sns a:last-child{margin-top:15px;}
.nav_active{color:#47ffc2 ! Important;font-weight:bold;}

.mb_head{display:none;}

.scroll_active{background:#000;}
@media screen and (max-width:1800px){
  .head .ctt{width:1000px;}
}

@media screen and (max-width:1600px){
  .head .ctt{width:850px;}
  .nav{width:600px;}
  .nav > ul > li > a{font-size:16px;}
}

@media screen and (max-width:1024px){
  .head{display:none}
  .logo{width:auto;margin:0;padding:0;}
  .logo a{filter:none;width:180px;}
  .logo a img{filter:none;}
  .mb_head{display:block;position:fixed;top:0;left:0;z-index:99999;background:#fff;width:100%;}
  .mb_hd_top{padding:15px 0;width:95%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
  .nav_btn{cursor:pointer;}
  .nav_btn span{width:20px;height:2px;background:#000;margin-bottom:6px;display:block;}
  .nav_btn span:last-child{margin-bottom:0;} .all_nav_list{position:fixed;top:0;right:-90%;width:90%;height:100vh;z-index:999;padding:40px;transition:all .5s;}
  .all_nav_list_show{right:0;}
  .all_nav_top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;}
  .all_nav_logo{filter:brightness(0) invert(1);opacity:0.5;width:120px;} .all_nav_close{display:block;cursor:pointer;margin-left:auto;width:15px;}
  .all_nav_list > ul{width:100%;}
  .all_nav_list >  ul > li{padding:20px 10px;border-bottom:1px solid rgba(255,255,255,0.2);}
  .all_nav_list > ul > li > a{font-size:16px;color:#fff;font-weight:500;display:block;}
  .all_nav_list ul li:last-child {border:0;}
  .m_sub_nav{margin-top:15px}
  .m_sub_nav li{}
  .m_sub_nav li a{color:#fff;font-size:14px;display:block;padding-bottom:8px;opacity:0.9} 
  .m_sub_nav li:last-child a{padding-bottom:0;}
  .all_nav_bg{background:rgba(0,0,0,0.5);position:fixed;top:0;left:0;width:100%;height:100vh;z-index:999;display:none;}
  .all_nav_list_show{}
  .all_nav_bg_show{}
  
  .m_sns{font-weight:bold;margin-top:15px;display:flex;flex-wrap:wrap;gap:13px 0;}
  .m_sns p{font-size:18px;}
  .m_sns a{color:#fff;font-size:16px;width:50%;}
  .m_sns a.m_call{width:100%;}
  .m_sns p{color:#fff;font-weight:bold;}
  .m_sns p span{font-weight:600;margin-right:15px;}
  .m_sns a img{width:18px;margin-right:8px;}
  
}

@media screen and (max-width:499px){
  .all_nav_list{padding:30px;}
  .mb_privacy a {font-size: 13px;padding: 12px 0;}
  .all_nav_top{margin-bottom:20px;}
}