@charset "utf-8";

html, body {height:100%;}
.clear {clear:both;}
ul {margin:0;padding:0;}

/* 공통 클래스 */
.cs-admin-wrap {padding:10px 0;min-height:400px;}
.rcontent {width:100%;}
#cs_main {float:left;}

/* 메뉴, 게시판 관리 */
.menu-list {width:200px;float:left;margin-right:10px;}
.menu-list > ul {padding:6px;max-height:600px;border:1px solid #ddd;overflow-y: scroll;margin-bottom:10px;}
.menu-list > ul li:last-child {border:0;}
.menu-list > ul li {text-overflow: ellipsis;white-space: nowrap;word-wrap: normal !important;
    display: block;overflow: hidden;padding:6px;border-bottom:1px solid #ccc;}
.menu-list .on {background:#eee;font-weight:bold;}
.admin-table,
#menu-view,
#bbs-view {width:100%;max-width:800px;float:left;}

/* 왼쪽 메뉴 */
.cs-nav {width:100%;border:1px solid #fff;border-bottom:1px solid #ccc;}
.cs-nav .csa-nav {text-align:center;padding:8px 0;float:left;}
.cs-nav .csa-nav {cursor:pointer;}
.cs-nav .csa-nav:hover {background:#eee;}
.cs-nav .csa-nav.on {font-weight:bold;background:#eee;}
/* @왼쪽 메뉴 */

/* pagebox */
.pagebox {}
.pagebox button {padding:6px;background:#ddd;border:1px solid #aaa;}
.pagebox span.selected,
.pagebox a.notselected {padding:6px;}
.pagebox span.selected:hover,
.pagebox a.notselected:hover {background:#eee;}
.pagebox span.selected {font-weight:bold;font-size:14px;}
/* @pagebox */

.module-box {height:100%;border-top:8px solid;border-bottom:8px solid;padding:10px 20px;}
.module-list {height:380px;border:1px solid #ccc;overflow-y: scroll;margin:0;padding:0 10px;list-style-type:none;}
.module-list li {padding:5px;}
.module-list li:hover {background:#eee;cursor:pointer;}
.module-list li.on {font-weight:bold;background:#ccc;}

/* 접속통계 */
#stats-month {height:300px;position:relative;}
#stats-month .month {height:300px;float:left;border-right:1px solid #ccc;border-left:1px solid #ccc;width:8.3%;text-align:center;position:relative;}
#stats-month .month .bar {position:absolute;bottom:0;width:60%;margin:auto 20%;background:#eee;z-index:-1;display:none;}
#stats-day {}
/* @접속통계 */

/* 게시판 */
.table.table-orderby {}
.table.table-orderby th[data-sort='asc']:after {content:'▼';}
.table.table-orderby th[data-sort='desc']:after {content:'▲';}


/* fa */
.fa-trash {cursor:pointer;}

/* popup */
.popup_write{width:100%; font-size:13px;}
.popup_write tbody tr td{padding:5px 0; border-bottom:1px solid #ccc;}
.popup_write tbody tr .table_write_year1{width:15%; text-align:center;}
.popup_write tbody tr .title{background:#f5f5f5; text-align:center; font-weight:bold;}
.popup_write tbody tr .check{}
.popup_write tbody tr .td_style{width:100%; height:30px; line-height:30px; border:1px solid #dfdfdf;}
.popup_write tbody tr textarea{width:100%; height:100px; border:1px solid #dfdfdf;}
.pop_write_area{height:200px;}

/* button */
.admin_btn{text-align:center; width:100%; margin-top:30px;}
.admin_btn div span{background:#333; height:40px; line-height:40px; padding:0 20px;}
.admin_btn div span a{color:#fff;}
.buttons {width:60px;height:15px; margin-bottom:5px; }

/* 로그인 */
#inno_admin_wrap{width:100%; margin:0 auto; min-width:800px; max-width:1920px; height:100%; overflow:hidden; background:url('/images/admin/login_bg.jpg') no-repeat center top; }
#inno_admin_wrap .inno_admin{margin:0 auto; text-align:center;  padding:18.8% 0; }
#inno_admin_wrap .inno_admin .inno_admin_align{width:100%; min-width:800px; margin:0 auto; max-width:800px; }
#inno_admin_wrap .inno_admin .inno_admin_align .admin_img{float:left; width:30%;}
#inno_admin_wrap .inno_admin .inno_admin_align .login_content{float:left; width:68%;}
#inno_admin_wrap .inno_admin .inno_admin_align .login_content .admin_login_title{width:100%; text-align:left; border-bottom:1px solid #012f46; }
#inno_admin_wrap .inno_admin .inno_admin_align .login_content .admin_login_title .admin_login_text{ border-bottom:5px solid #012f46; margin-bottom:2px;}
#inno_admin_wrap .inno_admin .inno_admin_align .login_content .admin_login_title .admin_login_text .admin_admintitle1{font-size:78px; font-family:'NanumBarunGothicBold';color:#012f46;}
#inno_admin_wrap .inno_admin .inno_admin_align .login_content .admin_login_title .admin_login_text .admin_admintitle2{font-size:50px; font-family:'NanumBarunGothic';color:#ccc; position:relative; bottom:-10px;}
#inno_admin_wrap .inno_admin .inno_admin_align .login_content .admin_login_title .admin_login_text .admin_admintitle3{font-size:12px; font-family:'NanumMyeongjoExtraBold';color:#2f8fbe;  letter-spacing:6.3px;  position:relative; bottom:10px;}
.admin_login_info{width:100%; padding:15px 0; border-bottom:1px solid #ccc; overflow:hidden; }
.admin_login_info .login_info{float:left;}
.admin_login_info .login_info .input_form{color:#012f46; font-size:17px; padding:0 0 10px;}
.admin_login_info .login_info .input_form input{border:1px solid #ccc; margin-left:20px; width:270px;}
.admin_login_info .login_info .input_form .input_id,.admin_login_info .login_info .input_form .input_password{float:left; text-align:right; width:70px;}
.admin_login_info .login_btn{float:right; width:150px; height:70px; line-height:70px; background:#012f46;}
.admin_login_info .login_btn a{color:#fff;font-size:16px;}
.admin_login_footer{border-bottom:1px solid #012f46; height:30px; line-height:30px; text-align:left; overflow:hidden;}
.admin_login_footer p{float:left;}
.admin_login_footer ul{float:right;}
.admin_login_footer ul li{float:left; padding:0 4px;}
.website_go {margin-top:30px; padding:10px;}
.website_go a{background:#012f46; padding:10px; color:#fff;}

/* 서브 Common */
#admin_sub{float:left; width:100%; min-width:320px; max-width:1980px;  min-height:100%; height:100%; max-height:5000px; }
#admin_sub .admin_subcontents{width:100%;height:100%;}
#admin_sub .admin_subcontents .lnb{float:left; width:244px; height:100%; padding-right:1%; background:url('/images/admin/lnb_bg.jpg') repeat-y left top; overflow:hidden; }
#admin_sub .admin_subcontents .lnb .lnb_title{text-align:center; padding:25px 0;}
#admin_sub .admin_subcontents .lnb .lnb_title .lnb_title1{color:#ffcc00; font-size:36px;}
#admin_sub .admin_subcontents .lnb .lnb_title .lnb_title2{color:#fff;}

/* 네비게이션 */
#admin_sub .admin_subcontents .lnb .lnb_nav{width:100%;}
#admin_sub .admin_subcontents .lnb .lnb_nav .nav .topnav span{padding-right:25px;}
#admin_sub .admin_subcontents .lnb .lnb_nav .nav .topnav a{float:left; text-align:right; width:244px; padding:20px 0; border-bottom:1px solid #0a618b; background:#01131c; color:#66ccff; font-size:16px; font-family:'NanumBarunGothicBold'; cursor:pointer;}
#admin_sub .admin_subcontents .lnb .lnb_nav .nav .topnav a:hover{color:#ffff00;}

/*주메뉴,서브메뉴 한묶음 제어*/
.navi_set{float:left; position: relative;}

/*서브메뉴 전체영역 제어*/
.subnav{width:200px;position: absolute;background: #003366;display: none;top:0px;z-index:999999;left:244px;}

/*서브메뉴 한칸 제어*/
.subnav li{padding:18px 5px;border-bottom:1px dotted #fff;}

/*서브메뉴 마우스 오버시*/
.subnav a{color:#fff;}
.subnav li:hover{color:#fff; background:#336699;  cursor:pointer;}
.subnav li a:hover{color:#fff; background:#336699;  cursor:pointer;}

/* 왼쪽 카운터 */
.today {width:90%; margin:0 auto; color:#fff; clear:both; padding-top:20px;}
.today .today_title .today_title1{color:#66ccff; font-size:18px;}
.today .today_title .today_title2{color:#ffcc00; font-size:12px;}
.today .today_title .today_title3{float:right; font-size:13px;}

.today_counter{padding-top:5px; font-size:14px;}
.today_counter ul li{border-bottom:1px solid #0a618b; padding:5px 0;}
.today_counter ul li .today_counter_day{color:#66ccff;}

/* 오른쪽 컨텐츠 */
#admin_sub .admin_right_contents{min-width:0; max-width:1980px; height:100%; overflow:auto;padding-left:20px;  }
#admin_sub .admin_right_contents .admin_table_contents{min-width:0px; max-width:1980px; padding:1% 1% 1% 0;}
.right_contents_wrap{border-bottom:1px solid #002f46; padding-bottom:2px; border-top:1px solid #002f46;}
.right_contents_wrap2{border-bottom:3px solid #002f46; margin-bottom:0; overflow:hidden;}
.right_contents_wrap2 h2{padding:0; margin:6px 0 0 0; float:left; }
.right_top_title{ font-size:34px;color:#002f46; font-family:'NanumBarunGothicBold', sans-serif;}
.right_top_title2{ font-size:18px;}
.rnb_wrap{float:right; text-align:right; padding-top:6px;}
.rnb{overflow:hidden; padding-top:10px;}
.rnb_top_menu {}
.rnb_top_menu ul {margin:0;}
.rnb_top_menu li {float:left;}
.rnb_top_menu li:after {content:"/";margin:0 8px;font-size:17px;position:relative;top:3px;}
.rnb_top_menu li:last-child:after {content:"";}
.rnb_top_menu a {overflow:hidden; color:#002f46; font-weight:bold;}
.admin_contents {padding:10px 0;}



.tabmenu ul{
    list-style:none;
}
.tabmenu ul li{
    width:100px;
    height:40px;
    border: 1px solid;
    float:left;
    text-align:center;
    padding:20px 10px 0 10px;
    background-color:#5CD1E5;
    cursor:pointer;
}
.submenu ul{
    position:relative;
}


/* 2016.03.23 Add+ */
.admin_contents_menu {width:100%;}
.admin_contents_menu select {font-size:14px;}
.admin_contents_menu thead {background:#dfdfdf; overflow:hidden; border-top:2px solid #333; border-bottom:1px solid #111;}
.admin_contents_menu thead tr th {color:#336699; font-size:12px; border:1px solid #ccc; height:50px;}
.admin_contents_menu tbody {height:45px; text-align:center;}
.admin_contents_menu tbody tr td {border:1px solid #ccc;}
.admin_contents_menu tbody tr .btn button {background:#336699; color:#fff; height:25px; width:35px; overflow:hidden; margin:1%;}
.admin_contents_menu tbody tr .admin_contents_menu_sub_1navi {background:#efefef; font-weight:bold; font-size:16px;}
.admin_contents_url {text-align:left; padding-left:1%;}
.memeber_1, .memeber_2, .memeber_3 {font-weight:bold;}
.memeber_1 {color:#333;}
.memeber_2 {color:#336600;}
.memeber_3 {color:#336699;}

.btn_coten_add {background:#336699; color:#fff; padding:10px;}
.btn_coten_censel {background:#888; color:#fff; padding:10px;}

.btn_coten_add2 {background:#336699; color:#fff; padding:5px;}
.btn_coten_censel2 {background:#888; color:#fff; padding:5px;}

/* required message */
.required {}
.required-msg {position:absolute;border:1px solid orange;padding:4px;background:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;z-index:100;}
.no-value {border:2px solid orange !important;}

/* 메세지 */
.message {color:#fff;position:absolute;top:0;left:0;z-index:1000;width:100%;}
.message li {padding:6px;}
.message li p {padding:0;margin:0;}
.message .msg {background:#5bc0de;}
.message .error {background:#c9302c;}
/* @메세지 */

/**/
.table-subject {padding:6px 8px;font-weight:bold;font-size:18px;border-bottom:2px solid #333;background:#eee;}