/*전체메뉴*/
#header .top_menu li.menu a {display: inline-block;}
#header .top_menu li.menu i {color:#fff; font-size:2.5rem; vertical-align: middle; margin-left: 5px;}


@-webkit-keyframes rotate-90-cw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes rotate-90-cw {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

.allmenu_box {position:fixed; top:0px;left:0px;width:100%; height:100%; background-image: url(/assets/themes/facMgmt/images/contents/intro_bg2.jpg), linear-gradient(20deg, #7d67e2, #9d8adc, #693587, #2f3ead);background-size: cover;z-index: 9999;}
.allmenu_box .allmenu_inner {max-width:1600px; margin:0 auto;position:relative;height: 100%;}
.allmenu_box .title {padding:50px 20px 20px; background: none; margin: 0;}
.allmenu_box .title:after {content: ""; display: block; clear: both;}
.allmenu_box .title h1 {display:inline-block; font-size:3rem; margin-top:10px; color:#fff;}
.allmenu_box .allmenu_content { position: absolute; left: 0; top: 125px; width: 100%; bottom: 24px; overflow: auto; }
.allmenu_box .allmenu_content::-webkit-scrollbar { width: 12px; }
.allmenu_box .allmenu_content::-webkit-scrollbar-track { background: rgba(255,255,255,0.25); border-radius: 10px; }
.allmenu_box .allmenu_content::-webkit-scrollbar-track:hover { background: rgba(255,255,255,0.3); }
.allmenu_box .allmenu_content::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(255,255,255,0.5); }
.allmenu_box .allmenu_content::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,0.75); }
.allmenu_box ul li {display: flex; align-items:center; padding:40px;border-bottom:1px solid rgba(255,255,255,.1);width:100%; margin-left:0 !important;}
.allmenu_box ul li:hover {border-bottom:1px solid rgba(255,255,255,.4); transition: .5s;}
.allmenu_box ul li h2 {display:inline-block; color:#fff; width:30%;}
.allmenu_box ul li>div {display:inline-block; flex: 1;}
.allmenu_box ul li>div ul li:last-child {margin-right:0;}
.allmenu_box ul li>div ul li {padding:0;border-bottom:0;width:auto;display: inline-block;margin-right: 30px;}
.allmenu_box ul li>div ul li:hover {border-bottom: 0;}
.allmenu_box ul li>div ul li a {display: inline-block; color:#fff; font-size:1.3rem; opacity: .6;}
.allmenu_box ul li>div ul li a:hover {opacity: 1;}
.allmenu_box ul li>div ul li:after {content: "";display: inline-block;width:5px;height:5px;background: rgba(255,255,255,.3);vertical-align: middle;margin-left: 30px;border-radius: 100%;}
.allmenu_box ul li>div ul li:last-child:after {display: none;}

.allmenu_box .allmenu_content::-webkit-scrollbar { width: 12px; }
.allmenu_box .allmenu_content::-webkit-scrollbar-track { background: #fff; border-radius: 10px; }
.allmenu_box .allmenu_content::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); }

.allmenu_box button { background: transparent; }

.allmenu_close {float:right; padding:0;color: #fff;font-size: 2.5rem; opacity: .8; }
.allmenu_close:hover {opacity: 1;}

.line-1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
.line-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all; }
.line-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;word-break: break-all; }
