.mb_head{display:none;}
.pc_head{position:sticky;top:0;left:0;background:#fff;width:100%;width:100%;z-index:9999;transition:all .5s;}
.pc_head .ctt{width:100%;transition:all .5s;}

.pc_top{width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:20px 0;}
/* 로고 */
.pc_logo{width:300px;}
.pc_logo a{display:block;}
.pc_logo a img{width:100%;display:block;}

/* 블로그 */
.pc_right{display:flex;align-items:Center;gap:0 25px;}
.blog_ban{width:220px;}
.blog_ban img{width:100%}

/* 메뉴 */
.pc_nav{width:100%;padding:20px 0;background:#fff;border-top:1px solid #e4e4e4;}
.pc_nav ul{width:1400px;margin:0 auto;display:flex;justify-content:space-between;}
.pc_nav ul li{display:flex;align-items:center;position:relative;}
.pc_nav ul li a{font-size:18px;font-weight:500;display:block;color:#000;}
.pc_nav ul li a:hover{font-weight:600;color:#03a0e2;}
.pc_nav ul li a.nav_active{font-weight:600;color:#03a0e2 !important}

/* 전체메뉴 */
.pc_all_btn { width:26px; height:22px; display:flex; flex-direction:column; justify-content:space-between; cursor:pointer; }
.pc_all_btn span { display:block; height:3px; background:#000; border-radius:2px; transition:0.3s; }
.pc_all_btn.active span:nth-child(1) { transform:translateY(9.5px) rotate(45deg); }
.pc_all_btn.active span:nth-child(2) { opacity:0; }
.pc_all_btn.active span:nth-child(3) { transform:translateY(-9.5px) rotate(-45deg); }

.all_nav{position:fixed;top:0;right:-400px;width:400px;height:100vh;background:linear-gradient(45deg, #004c85, #00619d);z-index:9999;padding:60px;transition:all .5s;}
.all_open{right:0;}
.all_nav_close{cursor:pointer;filter:invert(1);width:15px;position:absolute;top:40px;right:40px;}
.all_nav ul{}
.all_nav ul li{}
.all_nav ul li a{font-weight:500;border-bottom:1px solid rgba(255,255,255,0.2);display:block;color:#fff;padding:30px 10px;display:block;font-size:16px;}
.all_nav ul li a:hover{font-weight:bold;}
.all_nav ul li:last-child a{border:0;}

.nav_user_wrap{position:absolute;bottom:60px;left:60px;}
.nav_user{display:flex;flex-wrap:wrap;gap:15px 0}
.nav_user a{color:#fff;display:block;width:50%;font-size:14px;}
.copy{margin-top:15px;font-size:12px;font-weight:bold;color:#fff;opacity:0.4;}


/* 롤링 배너 */
.rolling_ban{width:100%;overflow:hidden;background:linear-gradient(45deg, #00a1e2, #002541, #00a1e2);padding:10px 0}
.rolling_ban p{white-space:nowrap;display:flex;flex-wrap:nowrap;align-items:center;gap:0 20px;animation: marquee 60s linear infinite; }
.rolling_ban span{color:#fff}
.rolling_ban span b{color:#ffda73}
.rolling_ban img{width:40px;position: relative;top: -4px;margin: 0 10px;}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media screen and (max-width:1800px){
  .pc_logo{width:250px;}
  .pc_nav{width:1100px;}
}

@media screen and (max-width:1600px){
  .pc_head .ctt{width:1400px;}
  .pc_logo{width:200px;}
  .pc_nav{width:1000px;}
  .pc_nav ul li a{font-size:16px;}
}

@media screen and (max-width:799px){
  .pc_head .ctt{width:90%}
  .pc_top{width:100%;}
  .pc_logo{width:160px;}
  .pc_right{gap:0 10px;}
  .blog_ban{width:120px}
  .pc_all_btn{width:21px;height:19px;}
 .pc_nav{display:none}
  .all_nav ul li a {padding: 20px 10px;font-size: 14px;}
  .nav_user a{font-size:12px;}
  .all_nav{padding:50px 35px;}
  .all_nav {right: -90%;width:90%;}
  .all_open{right:0 !Important}
  .nav_user_wrap{left:40px}
}