.pc_head{position:fixed;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,0.3);z-index:9999;transition:all .3s;}
.pc_head .ctt{padding:30px 0;width:90%;display:flex;align-items:center;justify-content:space-between;}
.pc_head .logo{width:260px;}
.pc_head .logo a{display:block;}
.pc_head .logo a img{width:100%;filter:invert(1) brightness(10);}
.nav{}
.nav ul{display:flex;gap: 0 50px;}
.nav ul li{}
.nav ul li a{color:#fff;display:block;font-size:18px;font-weight:500;}
.all_nav_btn{cursor:pointer;}
.all_nav_btn img{width:30px;filter:invert(1);}

.pc_head.scroll{background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.1)}
.pc_head.scroll .logo  img{filter:none;}
.pc_head.scroll .nav ul li a{color:#000}
.pc_head.scroll .all_nav_btn img{filter:none;}

.all_nav_wrap{background:#0c4198;position:fixed;top:0;right:-30%;width:30%;height:100%;z-index:99999;padding:80px;transition:all .5s;}
.all_show{right:0;}
.all_nav_close{filter:invert(1);position:absolute;top:50px;right:80px;width:20px;cursor:pointer;}
.all_nav{}
.all_nav > ul{}
.all_nav > ul > li{padding-bottom:20px;}
.all_nav > ul > li > a{color:#fff;display:block;font-size:20px;font-weight:bold;margin-bottom:8px;}
.all_nav_sub{}
.all_nav_sub li{}
.all_nav_sub li a{display:block;font-size:16px;color:#fff;opacity:0.9;line-height:1.8;font-weight:500;}

@media screen and (max-width:1600px){
  .pc_head .ctt{width:1400px;}
  .pc_head .logo{width:220px}
  .nav ul li a{font-size:16px;}
  .all_nav_btn img{width:25px;}
}

@media screen and (max-width:768px){
  .pc_head{background:#fff;}
  .pc_head .logo a img, .all_nav_btn img{filter:none;}
  .pc_head .ctt{width:90%;padding:20px 0}
  .nav{display:none;}
  .all_nav_wrap{width:80%;right:-80%;padding:50px;}
  .all_nav_wrap.all_show{right:0;}
  .all_nav > ul > li > a{font-size:16px;}
  .all_nav_sub li a{font-size:14px;}
  .all_nav_close {top: 30px;right: 30px;width: 13px;}
  
[id] {
  scroll-margin-top: 50px; /* 모든 id 타겟 요소에 적용 */
}
}