.cudo-header{position:fixed;top:0;left:0;width:100%;height:90px;overflow:hidden;background-color:#fff;transition:all .3s;z-index:10000;border-bottom:1px solid #eee}
.cudo-header.scrolled{box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.cudo-header .header-inner{position:relative;text-align:center}
.cudo-header .header-logo{position:absolute;top:22px}
.cudo-header .header-logo img{display:block;width:90px}
.cudo-header .header-logo a:after{content:""}
.cudo-header .header-gnb{float:right}
.cudo-header .header-gnb .gnb-depth-1{display:flex;text-align:center}
.cudo-header .header-gnb .depth-1{position:relative}
.cudo-header .header-gnb .depth-1>.depth-1-link{display:flex;align-items:center;height:90px;padding:0 100px;font-size:19px;font-weight:bold}
.cudo-header .header-gnb .depth-1>.depth-1-link>span{position:relative;display:block;line-height:normal}
.cudo-header .header-gnb .depth-1>.depth-1-link>span::before{content:"";display:block;position:absolute;left:-2px;bottom:-6px;width:0;height:3px;transition:all .5s;transition-timing-function:cubic-bezier(0.165,0.84,0.44,1);z-index:-1;background-color:#000}
.cudo-header .header-gnb .depth-1.current>a>span::before{content:"";display:block;width:calc(100% + 4px)}
.cudo-header .header-gnb .depth-1 .gnb-depth-2{position:absolute;top:100%;left:0;width:100%;padding-bottom:35px;visibility:hidden;opacity:0;transition:all .1s}
.cudo-header.open .header-gnb .depth-1 .gnb-depth-2{visibility:visible;opacity:1;transition:all .5s}
.cudo-header .header-gnb .depth-2>.depth-2-link{display:block;padding:5px 0;font-size:15px;color:#000;transition:color .1s;margin:5px 10px}
.cudo-header .header-gnb .depth-2-link.has-depth-3{font-weight:700}
.cudo-header .header-gnb .depth-2 .subtitle{display:block;font-weight:normal;color:#5d5d5d;font-size:12px}
.cudo-header .header-gnb .depth-3{font-size:15px;color:#666}
.cudo-header .header-gnb .depth-3>.depth-3-link{padding:3px 0;display:block}
.cudo-header .header-gnb .depth-3>.depth-3-link:hover,.cudo-header .header-gnb .depth-3>.depth-3-link:focus{color:#274c28;font-weight:500}
.cudo-header .mobile-gnb{display:none}
.cudo-header .mobile-gnb .sidebar-btn{position:relative;width:65px;height:65px;z-index:1}
.cudo-header .mobile-gnb .sidebar-btn span{display:block;position:absolute;left:20px;width:24px;height:2px;background-color:#222}
.cudo-header .mobile-gnb .sidebar-btn span:nth-child(1){top:22px}
.cudo-header .mobile-gnb .sidebar-btn span:nth-child(2){top:32px;transition:opacity 0 .15s}
.cudo-header .mobile-gnb .sidebar-btn span:nth-child(3){top:42px}
.cudo-header .mobile-gnb .sidebar-btn span:nth-child(1),.cudo-header .mobile-gnb .sidebar-btn span:nth-child(3){transition:top .15s .15s,transform .15s,width .15s,left .15s}
.cudo-header .mobile-gnb.open .sidebar-btn span:nth-child(2){opacity:0;transition:opacity .15s}
.cudo-header .mobile-gnb.open .sidebar-btn span:nth-child(1),.cudo-header .mobile-gnb.open .sidebar-btn span:nth-child(3){top:32px;width:30px;transition:top .15s,transform .15s .15s,width .15s .15s,left .15s .15s}
.cudo-header .mobile-gnb.open .sidebar-btn span:nth-child(1){left:18px;transform:rotate(45deg)}
.cudo-header .mobile-gnb.open .sidebar-btn span:nth-child(3){left:18px;transform:rotate(-45deg)}
.cudo-header .mobile-gnb .sidebar-wrap{position:fixed;width:100%;height:calc(100vh - 65px);top:65px;left:0;background-color:rgba(233,246,242,0.7);visibility:hidden;opacity:0;transition:all .5s}
.cudo-header .mobile-gnb.open .sidebar-wrap{visibility:visible;opacity:1}
.cudo-header .mobile-gnb .sidebar-wrap .sidebar{position:absolute;top:0;right:0;width:100%;max-width:375px;height:100%;background-color:#fff;transform:translateX(100%);transition:all .5s}
.cudo-header .mobile-gnb.open .sidebar-wrap .sidebar{transform:translateX(0)}
.cudo-header .mobile-gnb .gnb-depth-1{height:100%;overflow-y:auto}
.cudo-header .mobile-gnb .depth-1>.depth-1-link{display:flex;align-items:center;position:relative;padding:0 60px 0 25px;height:60px;font-size:17px;font-weight:bold}
.cudo-header .mobile-gnb .depth-1>.depth-1-link:not(:only-child)::before{content:"▼";display:block;position:absolute;top:50%;right:25px;transform:translateY(-50%);font-size:10px}
.cudo-header .mobile-gnb .depth-1.open>.depth-1-link:not(:only-child)::before{content:'▲'}
.cudo-header .mobile-gnb .depth-1>.depth-1-link>span{position:relative;display:block;line-height:normal}
.cudo-header .mobile-gnb .depth-1>.depth-1-link>span::before{content:"";display:block;position:absolute;left:-2px;bottom:0;width:0;height:9px;transition:all .5s;transition-timing-function:cubic-bezier(0.165,0.84,0.44,1);z-index:-1;background-color:#60ccf6}
.cudo-header .mobile-gnb .depth-1.open>.depth-1-link>span::before{width:calc(100% + 4px)}
.cudo-header .mobile-gnb .gnb-depth-2{max-height:0;overflow:hidden;padding:0;background-color:#fff;text-align:left;box-sizing:content-box;transition:all .35s ease-in-out}
.cudo-header .mobile-gnb .depth-1.open .gnb-depth-2{padding:10px 0}
.cudo-header .mobile-gnb .depth-2{position:relative}
.cudo-header .mobile-gnb .depth-2>.depth-2-link{display:block;visibility:hidden;opacity:0;padding:7px 25px;font-size:16px;font-weight:500;color:#000;transition:all .35s}
.cudo-header .mobile-gnb .depth-2>.depth-2-link:not(:only-child){padding-right:45px}
.cudo-header .mobile-gnb .depth-2>.depth-2-link:not(:only-child)::after{content:"▼";display:block;position:absolute;top:50%;right:25px;transform:translateY(-50%);font-size:8px}
.cudo-header .mobile-gnb .depth-2.open>.depth-2-link:not(:only-child)::after{content:'▲'}
.cudo-header .mobile-gnb .depth-2>.depth-2-link.active{color:#007ea5;font-weight:bold}
.cudo-header .mobile-gnb .depth-1.open .depth-2>.depth-2-link{visibility:visible;opacity:1}
.cudo-header .mobile-gnb .gnb-depth-3{max-height:0;overflow:hidden;padding:0;background-color:#d9eef7;transition:all .35s ease-in-out}
.cudo-header .mobile-gnb .depth-2.open .gnb-depth-3{padding:5px 0}
.cudo-header .mobile-gnb .depth-3>.depth-3-link{display:block;visibility:hidden;opacity:0;padding:6px 35px;font-size:13px;font-weight:400;color:#666;transition:all .35s}
.cudo-header .mobile-gnb .depth-3>.depth-3-link.active{color:#007ea5;font-weight:bold}
.cudo-header .mobile-gnb .depth-2.open .depth-3>.depth-3-link{visibility:visible;opacity:1}
.cudo-header .mobile-gnb .depth-2 .subtitle{display:block;font-weight:normal;color:#5d5d5d;font-size:12px}
.cudo-header .mobile-gnb .depth-2 ul{padding:15px 0}
.cudo-header .mobile-gnb .depth-2>.depth-2-link:not(:only-child)::after{content:""}
div.root{margin-top:90px !important}
@media(max-width:1440px){.header-inner.layout{padding-right:0}
}
@media(max-width:1240px){.cudo-header .header-gnb .depth-1>.depth-1-link{padding:0 45px}
.cudo-header .header-gnb .depth-1>.depth-1-link{font-size:18px}
.cudo-header .header-gnb .depth-2>.depth-2-link{font-size:16px}
}
@media(max-width:1024px){.cudo-header{position:fixed;width:100%;height:65px;overflow:visible}
.cudo-header .header-inner{text-align:right}
.cudo-header .header-logo{top:18px}
.cudo-header .header-logo img{width:65px}
.cudo-header .header-gnb{display:none}
.cudo-header .mobile-gnb{display:block}
.cudo-header .mobile-gnb .gnb-depth-2>.depth-2>.depth-2-link{background:#efefef}
.cudo-header .mobile-gnb .depth-3>.depth-3-link{opacity:1;visibility:visible;color:#000}
.cudo-header .mobile-gnb .depth-3>.depth-3-lin{content:""}
div.root{margin-top:0 !important}
}
@media(max-width:500px){html.not-scroll .cudo-header .header-logo{opacity:0}
.cudo-header .mobile-gnb .sidebar-wrap .sidebar{max-width:100%}
}