html {scroll-behavior: smooth;}
.ctt{width:1280px;margin:0 auto;}
.main_tit{font-size:40px;line-height:58px;}
.ft26{font-size:24px;line-height:34px;}
.ft20{font-size:20px;line-height:34px;}
.ft18{font-size:16px;line-height:28px;}
.ft16{font-size:15px;line-height:26px;}


/* 퀵메뉴 */
.m_quick{display:none;}
.quick{z-index:9999;position:fixed;bottom:60px;right:60px;}
.quick_symbol{cursor:pointer;width:70px;margin-bottom:15px;border-radius:15px;border:1px solid #e4e4e4;background:#fff;animation:quickscale 0.5s ease-in infinite alternate;box-shadow:0 5px 10px rgba(0,0,0,0.3)}
@keyframes quickscale{
  0{}
  100%{transform:translateY(-10px)}
}
.quick_symbol img{width:50px;margin:17px auto;display:block;}
.quick ul{box-shadow:0 5px 10px #ccc;padding:5px 0;width:70px;background:#fff;border-radius:10px;}
.quick ul li{}
.quick ul li a{display:block;margin:25px 0;}
.quick ul li img, .quick ul li svg{width:25px;height:25px;margin:0 auto;display:block;}
.quick ul li p{font-size:12px;color:#000;font-weight:bold;text-align:center;margin-top:10px;}
/* pc header */
.pc_header{z-index:9999;position:fixed;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,0.2)}
.pc_header:before{width:100%;position:absolute;top:-200px;left:0;content:"";height:100%;background:#fff;z-index:-1;transition:all .5s;}
.headscroll:before{transition:all .5s;top:0;}
.headscroll{border-bottom:1px solid #e4e4e4}
.headscroll .logo img{transition:all .5s;filter:none;}
.headscroll .nav li a{color:#000 ;transition:all .5s;}
.headscroll .all_nav_btn svg{fill:#000 !Important;transition:all .5s;}
.head_ctt{display:flex;align-items:center;justify-content:space-between;width:90%;margin:0 auto;}
.logo{width:200px;}
.logo a{display:block;}
.logo a img{width:100%;display:block;filter:invert(1) brightness(10);}
.nav{width:1000px;display:flex;justify-content:space-between;}
.nav li{}
.nav li a{font-weight:600;color:#fff;padding:40px 0;position:relative;display:block;font-size:16px;}
.nav li:hover a{color:#66d7de;}
.nav li a:hover:after{opacity:1;}
.nav li a:after{position:absolute;width:8px;height:8px;border-radius:8px;left:50%;transform:translateX(-50%);bottom:-4px;background:#66d7de;position:absolute;content:"";opacity:0;transition:all .5s;}
.nav_active{color:#66d7de !Important}
.nav_active:after{position:absolute;width:8px;height:8px;border-radius:8px;left:50%;transform:translateX(-50%);bottom:-4px;background:#66d7de;position:absolute;content:"";opacity:1 !important;transition:all .5s;}
.all_nav{}
.all_nav_btn{width:30px;display:block;}
.all_nav_btn svg{fill:#fff;}
.all_nav_list{transition:all 1s;top:0;right:-100%;width:500px;height:100vh;position:fixed;background:linear-gradient(-45deg, #003668, #1364af);padding:60px;}
.all_nav_list_scroll{height:100vh;}
.all_top_btn{padding:0 15px;display:flex;align-items:center;justify-content:space-between;}
.all_top_btn a{width:20px;}
.all_top_btn a:last-child{width:17px;}
.all_top_btn a svg{fill:#fff;}
.all_nav ul{margin-top:30px;}
.all_nav ul li{}
.all_nav ul li a{display:block;padding:25px 15px;border-bottom:1px solid rgba(255,255,255,0.1);font-size:15px;color:#fff;font-weight:500;position:relative;}
.all_nav ul li:last-child a{border:0;}
.all_nav ul li a:after{display:block;content:"";background:url('../head/images/w_arrow.svg')no-repeat;background-size:contain;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:10px;height:10px;}
.all_nav_open{transition:all 1s;right:0;}
.all_btn{margin-top:50px;}
.all_btn a{display: block;font-size: 14px;border:1px solid #a8d5ff;background:none;color:#a8d5ff;transition:all .5s;
font-weight: 500;padding: 15px;border-radius: 50px;margin-bottom: 15px;text-align: center;}
.all_btn a:last-child{background:none;border:1px solid #32e332;color:#32e332}
.all_btn a:hover{}
.all_btn a:last-child:hover{}
.all_terms{display:flex;justify-content:space-between;margin-top:60px;}
.all_terms a{display:block;color:#fff;font-size:13px;font-weight:500;opacity:0.5;}


@media screen and ( max-width: 1600px){
  .nav{width:800px}
  .nav li a{font-size:16px;}
}

@media screen and ( max-width: 1280px){
  .ctt{width:90%;}
  .nav{display:none;}
  .pc_header{background:#fff;}
  .logo a img{filter:none;}
  .all_nav_btn svg{fill:#000;}
  .head_ctt{padding:20px 0;}
}

@media screen and (max-width: 799px){
  .quick{display:none;}
  .quick_bg{z-index:9998;display:none;        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        position: fixed;} 
  .m_quick_active {background:rgba(0,0,0,0.6);width:100%;height:100%;position:fixed;top:0;left:0;display:block;}
  .m_quick{display:block;position:fixed;bottom:30px;right:30px;z-index:9999;}
  .m_quick .quick_symbol{width:50px;height:50px;margin-lefT:auto;border-radius:40px;display:flex;justify-content:center;align-items:center;}
  .m_quick .quick_symbol img{width:35px;margin:0;}
  .m_quick ul{margin-bottom:20px;display:none;}
  .m_quick ul li{margin-bottom:15px;}
  .m_quick ul li a{display:flex;flex-direction: row-reverse;align-items:Center;}
  .m_quick ul li div{ width: 50px;height: 50px;
background:#1d509a;display: flex;justify-content: center;align-items: center;border-radius: 50px;}
  .m_quick ul li img{display:block;width:25px;height:25px;filter:invert(1) brightness(10);}
    .m_quick ul li svg{display:block;width:25px;height:25px;fill:#fff;}
  .m_quick ul li p{color:#fff;padding-right:15px;font-size:13px;font-weight:500;}
  
  .all_nav_list{width:80%;padding:40px 25px;overflow-y:scroll}
  .all_nav ul li a{font-size:13px;padding:20px 15px;}
  .all_btn a{font-size:12px}
  .all_terms{flex-wrap:wrap;margin-top:45px;}
  .all_terms a{width:50%;font-size:12px;margin-bottom:13px;text-align:center;}
  
 
}