.scroll {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;  
}
.scroll::-webkit-scrollbar { 
    display: none; 
}

/* 모바일 경우 감추기 */
@media screen and (max-width:767px){
	.mobile_hidden{display:none !important;}
}
/* 태블릿 이상 경우 감추기 */
@media screen and (min-width:768px){
	.tablet_hidden{display:none !important;}
}

/* login */
.login_box{width:94%;margin-top:50px;margin-left:auto;margin-right:auto}
.login-layout{border-radius:6px;overflow:hidden;box-shadow:2px 4px 6px 0 rgba(0,0,0,.3);background:#ffffff;}
.login-layout .title{font-size:13px;text-align:center;padding:30px;line-height:1.2}
.login-layout .title span{font-size:36px;font-weight:700;display:block}
.login-layout .form{padding:25px;}
.login-layout .message-box .xi{font-size:18px;color:#ff9600}
.login-copyright{color:#aaa;margin-top:15px;text-align:center;font-size:11px}
@media (min-width:640px){
	.login_box{width:400px;margin-top:100px;}
	.login-layout .form{padding:30px;}
}
@media (min-width:768px){
	.login_box{width:500px;margin-top:150px;}
}

/* page category */
.page_category{font-size:22px;font-weight:700;}
.page_loaction{margin-bottom:20px;border-bottom:1px solid #ddd;padding:7px 0;color:#8fc31f}

/* 관리자 테이블 */
.table.table-list thead tr th {background:#4d5156;color:#fff;border:none;border:#41454b 1px solid;}
.table.table-list tbody tr td {text-align:center}

/* 모바일 경우 테이블 */
@media screen and (max-width:767px){
	.table thead{display:none;}
	.table tbody tr{width:100%;display:inline-block;border:#ddd 1px solid;padding:5px;margin-bottom:5px;}
	.table tbody td{float:left;width:50%;border:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; word-wrap:normal !important;}
	.table tbody td{border-bottom:1px solid #eee;padding:0;min-height:30px;line-height:30px;}
}

.table tbody td.none_content{height:150px;text-align:center;width:100%;line-height:150px;border:0}


/* 페이징 처리 */
.paging-group{margin-top:25px}
.paging-group a{display:inline-block;min-width:30px;height:30px;line-height:30px;vertical-align:middle;margin-right:1px;padding:0 4px;border-radius:3px;}
.paging-group a.num{background:#ccc;color:#fff}
.paging-group a.num:hover, .paging-group a.selected{background:#8fc31f;color:#fff}
.paging-group a.perv, .paging-group a.next{background:#444;color:#fff}
.paging-group a.perv:hover, .paging-group a.next:hover{background:#111;color:#fff}
.paging-group a.perv_none, .paging-group a.next_none{background:#eee;color:#aaa}

body{background:url('../images/admin/back.jpg');}

/* header */
.admin_header{position:fixed;text-align:center;width:100%;height:70px;border-bottom:#333 2px groove;background:url('../images/admin/back.jpg');font-size:20px;color:#fff;line-height:70px;overflow:hidden;z-index:10000}
.admin_header img{max-width:150px; max-height:40px}
.admin_header_blank{height:70px;}
/* body */
.admin_body{padding:25px 10px 25px 10px}
.admin_body .box{background:#fff;padding:15px;border-radius:10px;}
/* footer */
.admin_footer{text-align:center;padding:20px 30px;border-top:#333 2px groove;color:#aaa;font-size:10px}

/* menu */
body.menu_open{overflow:hidden}
.nav_box{position:fixed;width:200px;left:-200px;height:100%;z-index:10001;padding:0;transition:.2s;top:0;bottom:0;background:url('../images/admin/back.jpg');}
.nav_box.menu_open{transition:.2s;transform:translateX(200px)}
.nav_box .toggle{position:absolute;width:68px;height:68px;right:-70px;line-height:66px;font-size:30px;text-align:center;color:#eee;background:#000}
.nav_box .toggle i.close{display:none}
.nav_box.menu_open .toggle i.close{display:inline-block}
.nav_box.menu_open .toggle i.open{display:none}

.nav_box .menu_box{height:100%;padding-bottom:20px}
.nav_box .menu_box .header{position:absolute;width:100%;height:200px;z-index:1;background:url('../images/admin/back.jpg');}
.nav_box .menu_box .header .header_text{height:70px;text-align:center;font-size:18px;font-weight:700;color:#888;line-height:70px;border-bottom:#333 2px groove;}
.nav_box .menu_box .header .header_btn{text-align:center;padding-top:27px}
.nav_box .menu_box .header .header_btn a{display:inline-block;color:#888;line-height:1;width:29%;}
.nav_box .menu_box .header .header_btn a span{display:block;font-size:10px}
.nav_box .menu_box .header .header_btn a i{font-size:22px;color:#fff;border-radius:50%;width:40px;height:40px;line-height:40px;margin-bottom:5px}
.nav_box .menu_box .header .header_btn a i.aa{background:#01b3eb;}
.nav_box .menu_box .header .header_btn a i.bb{background:#8fc31f;}
.nav_box .menu_box .header .header_btn a i.cc{background:#f08300;}
.nav_box .menu_box .header .header_people{text-align:center;padding-top:7px}
.nav_box .menu_box .header .header_people span{display:inline-block;background:#111;width:100%;padding:9px}
.nav_box .menu_box .scroll{height:100%;overflow-y:auto;padding-top:200px}

@media (min-width: 768px){
	.nav_box{left:0;}
	.nav_box .toggle{display:none}
	.admin_body{margin-left:200px;padding:30px 30px 30px 0}
	.admin_body .box{padding:30px 30px 65px 30px;}
	.admin_footer{font-size:12px}
}

.menu{}
/* 1차메뉴 */
.drop_menu{border-top:1px solid #444;}
.drop_menu > li{border-bottom:1px solid #444;}
.drop_menu > li > a {color:#fff;display:block;padding:10px 0 10px 20px;transition:.5s;}
.drop_menu > li > a > i{font-size:20px;vertical-align:middle;width:24px;}
.drop_menu > li > a > i.arr{float:right;margin-top:4px;margin-right:10px;transition:.2s;color:#666}
.drop_menu > li:hover > a, .drop_menu > li.drop_open > a {background:#f08300;transition:.2s;}
.drop_menu > li:hover > a > i.arr, .drop_menu > li.drop_open > a > i.arr{transform:rotate(90deg);transition:.2s;color:#fff}
.drop_menu > li.selected > a > i.arr{color:#fff}

/* 2차메뉴 */
.drop_menu > li > ul{padding-left:20px;box-sizing:border-box;max-height:0;overflow:hidden;transition: max-height,.5s;}
.drop_menu > li > ul > li{margin:10px 0;}
.drop_menu > li > ul > li > a {color:#fff;display:block;padding:4px 10px;}
.drop_menu > li > ul > li > a > i {vertical-align:middle;}
.drop_menu > li > ul > li:hover > a, .drop_menu > li > ul > li.selected > a {color:#333;background:#fff;border-top-left-radius:10px;border-bottom-left-radius:10px;}
.drop_menu > li.drop_open{background:#222;}
.drop_menu > li.drop_open > ul{max-height:400px;transition:max-height,1.5s;}
.drop_menu > li.selected > a{background:#8fc31f;}