/*메인메뉴 로고*/
.tlogo {float: left; width: 30%;}
.tlogo h1 {transition: all 0.5s;}
.tlogo a {display: inline-block; line-height: 90px;}

/*메인메뉴*/
#head-mn {max-width: 1200px; margin: 0 auto;}
.main-nav > ul {display: flex; justify-content: flex-end; text-align: center;}
.main-nav ul > .submenu > a {
    color: #111;
    display: block;
    font-size: 20px;
    padding: 0 20px;
    text-align: center;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 90px;
}
/*.main-nav ul > .submenu:last-child > a {
    padding-right: 0;
}*/
.submenu {position: relative; width: 20%;}
.submenuul {
    display:none;
    position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    min-width: 25%;
    background: #fff;
    z-index: 99999999999999999999;
    transition: top 0.5s;
}
/*.main-nav ul > .submenu:last-child .submenuul  {transform: translateX(-65px);}*/


.submenuul.show {display:block!important;}
.submenuul a {
    padding: 5px 30px;
    display: block;
    border-top: 1px solid #ddd;
    word-break: keep-all;
}
.main-nav ul > .submenu:hover > a {color: #0e0868;}
.submenuul a:hover {background: #0e0868; color: #fff;}



.mob-btn {
    display: none;
    position: absolute;
    float: right;
    padding: 5px 7px;
    margin: 0px;
    background-color: transparent;
    cursor: pointer;
    right: 20px;
    top: 30px;
    z-index: 999;
    transition: top 0.5s;
}
.mob-btn span {
display: block;
width: 30px;
height: 3px;
border-radius: 1px;
background: #222;
}
.mob-btn span + span {
margin-top: 5px;
}



/*스크롤 헤더*/
header {transition: all 0.5s;background: rgba(255,255,255,1);}
.header_scroll {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.9);
    box-shadow: 0px 5px 30px rgba(0,0,0,0.2);
}

.header_scroll .tlogo h1 {padding: 0;}
.header_scroll .main-nav ul > .submenu > a {line-height: 90px;}
.header_scroll .submenuul {top: 90px;}
.header_scroll .mob-btn {top: 30px;}













@media screen and (max-width: 1600px){
    .main-nav ul > .submenu > a {padding: 0 20px}
}



@media screen and (max-width: 1024px){
  .submenu {width: 100%;}
    .mob-btn {display: block;}
    .desk-hide {display: none;}
    
    .main-nav {
        position: fixed;
        top: 0;
        bottom: 0;
        right: -260px;
        background: #f1f1f1;
        z-index: 99999;
        width: 260px;
        height: 100%;
        transition: all ease 0.2s;
        overflow-y: auto;
    }
    
    .show .main-nav {right: 0;}
    .main-nav > ul {display: block;}
    
    .main-nav ul > .submenu > a {
        padding: 10px 0 10px 30px;
        text-align: left;
        border-bottom: 1px solid #ddd;
        line-height: 1.8;
        pointer-events: none;
    }
    .header_scroll .main-nav ul > .submenu > a {line-height: 1.8;}
    .submenuul a {
        padding: 5px 20px 5px 35px;
        text-align: left;
    }
    
    .main-nav ul li.submenu i {
        position: absolute;
        width: 100%;
        height: 39px;
        top: 0;
        right: 20px;
        cursor: pointer;
        -webkit-transition: all ease 0.5s;
        transition: all ease 0.5s;
        line-height: 45px;
    }
    
    .main-nav ul li.submenu i:after {
        content: url(m-meic.png);
        height: 0;
        width: 0;
        position: absolute;
        top: 0;
        right: 20px;
        z-index: 10;
        line-height: 45px;
    }
    
    .submenuul {position: static; transform: translateX(0);}
    .main-nav ul > .submenu:last-child .submenuul {transform: translateX(0px);}
    
    
    .show .overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6);
        z-index: 1001;
    }
    
}















@media screen and (max-width: 575px){
    
    .tlogo {width: 70%;}
    .tlogo img {max-width: 100%!important; padding-left: 10px;}
    
    
    
}