@charset "UTF-8";

/*현재위치*/
#_mnb{width:calc(100% - 150px);}
#_mnb > ul{display:flex;justify-content:flex-start;}
#_mnb > ul > li{display:flex;align-items:center;position:relative;padding-left:15px;}
#_mnb > ul > li::after{content:"";display:block;width:1px;height:10px;background:#888;margin-left:15px;}
#_mnb > ul > li:last-child::after{display:none;}
#_mnb > ul > li > button,
#_mnb > ul > li > a,
#_mnb > ul > li > span{display:flex;justify-content:space-between;align-items:center;min-width:220px;font-family: 'Noto Medium';font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#_mnb > ul > li > button::after,
#_mnb > ul > li > a::after,
#_mnb > ul > li > span::after{content:"";display:block;width:9px;height:6px;background: url(../images/navi-arrow-w.png) no-repeat center;margin:0 15px;transition:0.5s;}
#_mnb > ul > li.home{padding-left: 28px;position:relative;}
#_mnb > ul > li.home:before{content:'';width:15px;height:15px;border-radius:50%;background:#70122c;position:absolute;left:0;top:10px;}
#_mnb > ul > li.home a,
#_mnb > ul > li.home span{display:block;min-width: initial;}
#_mnb > ul > li.home > a::after, #_mnb > ul > li.home > span::after{display:none;}
#_mnb > ul > li.home::after{content:"";display:block;width: 35px;height:1px;background: #FFF;margin-left: 15px;}
#_mnb > ul > li ul{border:1px solid #EEE;background:#FFF;width:100%;max-height:210px;overflow-y:auto;position:absolute;left:-1px;top:50px;z-index:1;}
#_mnb > ul > li ul.active{display:block;}

#_mnb > ul > li ul li a{display:block;font-family:'Noto Medium';font-size:14px;padding:10px 15px;color:#222;border-bottom:1px solid #EEE;transition:0.5s;}

#_mnb > ul > li ul li button{font-family:'Noto Medium';}
#_mnb > ul > li ul li:last-child a{border:0;}


/*HOVER*/
@media all and (min-width:1281px) {
  #_mnb > ul > li ul li:hover{background:#8b0029;}
  #_mnb > ul > li ul li a:hover{color:#fff;}
    #_mnb > ul > li ul li a:hover button{color:#fff;}
  #_mnb > ul > li > button:hover::after{transform:rotate(-180deg);}
}

@media all and (max-width:1280px) {
    #_mnb > ul > li:nth-child(4){display: none;}
    #_mnb > ul > li.home:before{width:12px;height:12px;}
    #_mnb > ul > li > button, #_mnb > ul > li > a, #_mnb > ul > li > span{font-size:14px;}
    #_mnb > ul > li ul li a{padding:8px 12px;font-size:14px;}
}
@media all and (max-width:768px) {
    #_mnb > ul > li:nth-child(2){display: none;}
    #_mnb > ul > li > button, #_mnb > ul > li > a, #_mnb > ul > li > span{min-width:180px;}
}
