.logo_img {
    width: 150px;
    height: auto;
}
.menu li#loginName{color:#f1f1f1;margin:13px 0px 0px 1rem ;font-size:0.9em}
.menu li#logout{color:#f1f1f1;margin:13px ;border-left:solid 0.7px #f1f1f1;padding-left:10px;font-size:0.9em;}
.menu li a{color:none;color:#000}
.menu li a:hover{text-decoration:none;color:#807ae9;}
.menu li{font-weight:300;font-size:1.0625rem;}
.nav{display:flex;height:80px;align-items:center;max-width:1260px;justify-content:flex-start;margin:0 auto;position:relative;z-index:999;}
.nav .menu{margin-top: 16px;}
.nav ul{list-style:none;align-items:center;color:black !important;}
.right{text-align:center;position:absolute;right:0px;top:23px;}
.login_info{color:#000;font-weight:300;font-size:0.8125rem;}
.console{padding-top:5px;}
#asso_Console, #admin_Console{display:flex;justify-content:center;align-items:center;border:solid 1.5px #807ae9; background-color:#807ae9;color:white;border-radius:2px;font-size:0.8125rem;font-weight:200;padding:4px 20px 4px 20px;}
button{outline-style:none;}
button:focus{border:none; outline:none;}
#console_img{width:23px;height:auto;padding-right:4px;}
.navbar_toggleBtn{position:absolute;right:20px;top:16px;font-size:24px;color:#807ae9;display:none;}

/*modal*/
html.noscroll{
    position: fixed;
    width: 100%;
    top:0;
    left: 0;
    height: 100%;
    z-index: 10;
 }
#modal{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    z-index:1;
    justify-content:center;
    align-items:center;
}

#modal h2{margin:0;}
#modal .modal_content{
    position:relative;
    width:300px;
    height:auto;
    margin:0 auto;
    background-color:#fff;
}

#modal .modal_layer{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:-1;}
.modal_btn{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:300;font-size:0.925rem;letter-spacing:-0.5px;cursor:pointer}
#modal_close{width:100%;border:none;height:45px;background-color:#807ae9;color:white;}
#btn_Asso{width:100%;height:45px;background-color:white;border:none;color:#807ae9;border-top:solid 1px #807ae9}
.ASO_list{width:100%;height:200px;display:flex;align-items:center;/*justify-content:center;*/flex-direction:column;overflow-y:scroll;overflow-x:hidden;}
.ASO_list::-webkit-scrollbar{
    display:none;
}
.list{padding:12px;color:#282727;font-size:0.915rem;font-weight:500;cursor:pointer;width:100%;text-align:center;}
.list:hover{background-color:#807ae9;color:white;}
.line{width:90%;border-bottom:solid 0.5px #f1f1f1;}

/*푸터*/
footer{position:relative;width:100%;bottom:0;left:0;right:0;}
.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;}
.footer_text{color:white;font-weight:200;font-size:12px;}
.mobile_img{width:300px}
.footer_logo{background:url(../images/logo.png) no-repeat center center; background-size:contain;width:100px;height:50px;}
.content_logo{background:url(../images/imglogo.png) no-repeat center center; background-size:contain;width:180px;height:50px;}
textarea:focus, input:focus, button:focus{outline: none !important;}    

/*reset*/
    a{ text-decoration: none;}
@media screen and (min-width:769px) {
    .nav ul{display:flex;}
    .menu li {padding-left:30px;}
}
@media  (max-width:768px){
    body{
        margin: 0;
        position:relative;
    }
   header{
        position:sticky ;
        top:0;
        background-color:#fff;
    }

    .nav{
        flex-direction:column;
        border-bottom: solid 1px #d9d9d9;
        /*align-items:center;*/
        text-align:center;
        height:65px;
    }
    .nav_logo{
        padding-top:20px;
    }
    ul{
        flex-direction:column;
        padding:0;
    }
    ul li{
        padding:10px;
       
    }
    .right{
        position:relative;
        top:0px;
    }
    .menu{display:none;}
    .right{display:none;}
    .console{padding-top:10px;}
    .navbar_toggleBtn{display:block;}
 
}
button:active {
    outline: none;
    border: none;
}
*:focus {outline:none !important}