html,
body {
    position: relative;
    height: 100%;     
}

body {      
    font-family:"Gothic A1", Arial, sans-serif;
    font-size: 14px;
    color: #000;
    margin: 0;
    padding: 0;
}
ul{margin:0; padding:0}
ul,li{
    list-style: none;
}

.New_header{
    position:fixed;
    z-index: 10;
    background: #fff;
    /*height: 90px;*/
    width: 100%;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.1));
}

.New_header .top{
    height: 50px;
    display: flex;
    border-bottom: 1px solid #e9e9e9;
    justify-content: space-between;
   
}

.New_header .top .left{
    padding-left:10px;
}

.New_header .top .right{
    padding-right:10px;
    display: flex;
    color:#757575;
    font-size:20px;
}

.New_header .top .left div,
.New_header .top .right div{
    display: flex;
    align-items: center;   
    height: 100%;
}

.New_header .top .right .search{
    margin:0 10px 0 10px;
}

.New_header .top .right .alarm{
    margin-right:10px;
    position: relative;
    color:#fb3f3f;    
}

.New_header .top .right .alarm span{    
    color:white;
    font-size:10px;
    font-weight:bold;
    width: 18px;
    line-height: 16px;
    border-radius: 50%;
    text-align: center;
    position:absolute;     
}

.New_header .top .right .select-ins{
    font-size:12px;
    margin-right:10px;    
}

.New_header .top .right .select-ins span{
/*
    background:#e9e9e9;
    padding:0 20px;
    border-radius: 20px;
*/
}


.New_header nav{
    width: 100%;
    overflow: hidden;
    /* background: linear-gradient(to bottom right, #ffdf7f, #f9c247); */
    position:fixed;

    /* filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)); */
}
.New_header nav .top{height: 50px;}
.New_header nav .nav{width: 100%;overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* 모바일 부드러운 스크롤 */
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE, Edge */
    background:#fff;
    height:42px;
}
.New_header nav .nav #nav-menu{transition: margin-left 0.5s ease;}
.New_header nav ul{margin:0; padding: 0;display: flex;width: 720px;position: relative;}
.New_header nav li{width:80px;list-style: none; cursor: pointer;line-height: 40px;text-align: center;color: #000;font-weight: bold;display:block;font-size:12px}
.New_header nav .active{color:#5c91ed}
.New_header nav #marker{height: 4px; background:#b8f3fb;position:absolute;bottom:10px;width: 80px;z-index: 10;transition:all .35s}

footer{
    position: absolute;
    bottom: 0;
   background: #eaedee;
/* background: linear-gradient(180deg, rgb(84 176 233) 0%, rgb(80 145 230) 7%, rgb(49 94 184) 84%, rgb(36 96 198) 93%);    */
 width: 100%;
    z-index: 100;
    border-top:1px solid #d1cccc;
}

footer ul{
    display: flex;
    justify-content: space-around;
    color:#9a9a9a;
}
footer li{
    padding:5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

footer .title{
    font-size:11px;    
}

footer .active{
    color:#4f4f4f !important; 
}