@charset "utf-8";

body{background:url(/cctv/cctvmng/image/cctvmng_bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:top center;}
input{height:25px;}
select{height:25px;}
select.sel_type2{border-radius:5px; border:1px solid #ddd;}
.clear_div{clear:both;}
.file{width:50%;}

#wrapper{width:100%; /*min-width:1024px;*/ min-width:1039px;}
.default_box{/*max-width:1024px;*/ max-width:1039px; margin:0px auto; width:100%;}

/*여백*/
.blank10{height:10px;}
.blank20{height:20px;}
.blank30{height:30px;}
.blank40{height:40px;}
.blank50{height:50px;}

/*마진*/
.margin_auto{margin:0 auto !important;}

.mt_5{margin-top:5px !important;}
.mt_7{margin-top:7px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_25{margin-top:25px !important;}
.mt_30{margin-top:30px !important;}

.mr_5{margin-right:5px !important;}
.mr_10{margin-right:10px !important;}
.mr_15{margin-right:15px !important;}
.mr_20{margin-right:20px !important;}
.mr_25{margin-right:25px !important;}
.mr_30{margin-right:30px !important;}

.mb_5{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_25{margin-bottom:25px !important;}
.mb_30{margin-bottom:30px !important;}

.ml_5{margin-left:5px !important;}
.ml_10{margin-left:10px !important;}
.ml_15{margin-left:15px !important;}
.ml_20{margin-left:20px !important;}
.ml_25{margin-left:25px !important;}
.ml_30{margin-left:30px !important;}

/*패딩*/
.pt_5{padding-top:5px !important;}
.pt_10{padding-top:10px !important;}
.pt_15{padding-top:15px !important;}
.pt_20{padding-top:20px !important;}
.pt_25{padding-top:25px !important;}
.pt_30{padding-top:30px !important;}

.pr_5{padding-right:5px !important;}
.pr_10{padding-right:10px !important;}
.pr_15{padding-right:15px !important;}
.pr_20{padding-right:20px !important;}
.pr_25{padding-right:25px !important;}
.pr_30{padding-right:30px !important;}

.pb_5{padding-bottom:5px !important;}
.pb_10{padding-bottom:10px !important;}
.pb_15{padding-bottom:15px !important;}
.pb_20{padding-bottom:20px !important;}
.pb_25{padding-bottom:25px !important;}
.pb_30{padding-bottom:30px !important;}

.pl_5{padding-left:5px !important;}
.pl_10{padding-left:10px !important;}
.pl_15{padding-left:15px; !important}
.pl_20{padding-left:20px !important;}
.pl_25{padding-left:25px !important;}
.pl_30{padding-left:30px !important;}

/*정렬*/
.txt_left{text-align:left !important;}
.txt_center{text-align:center !important;}
.txt_right{text-align:right !important;}
.txt_justify{text-align:justify !important;}

.float_left{float:left !important;}
.float_right{float:right !important;}

/*버튼*/
.bt_blue{padding:10px 30px; background:#333; font-weight:bold; color:#fff;}
.bt_gray{padding:10px 30px; background:#666; font-weight:bold; color:#fff;}
.bt_red{padding:10px 30px; background:#CC0000; font-weight:bold; color:#fff;}
.bt_white{padding:9px 29px; background:#fff; border:1px solid #333; font-weight:bold; color:#333;}
.bt_white1{padding:9px 29px; background:#fff; border:1px solid #999; font-weight:bold; color:#666;}
.bt_search{padding:6.5px 18px; background:#999; font-weight:bold; color:#fff;}
.bt_blue_s{padding:6.5px 18px; background:#1d57a7; font-weight:bold; color:#fff;}
.bt_gray_s{padding:6.5px 18px; background:#666; font-weight:bold; color:#fff;}
.bt_black_n{padding:10px 30px; background:#535358; font-weight:bold; color:#fff;}


.menu_bt_1{padding:9px 29px; background:#fff; border:1px solid #3d83d9; font-weight:bold; color:#3d83d9;}
.menu_bt_2{padding:10px 30px; background:#3d83d9; font-weight:bold; color:#fff;}

/*로그인*/
#login_box{position:relative; width:450px; margin:200px auto 0; text-align:center;}
#login_box .logo{margin:0 0 40px;}
#login_box .login_input1{background:#fff url(/cctv/cctvmng/image/input_bg1.gif) no-repeat 20px center; font-size:15px; border:1px solid #b3b3b3; /*width:368px;*/width:320px; height:50px; padding:0 20px 0 60px; margin:10px 0 0;}
#login_box .login_input2{background:#fff url(/cctv/cctvmng/image/input_bg2.gif) no-repeat 20px center; font-size:15px; border:1px solid #b3b3b3; /*width:368px;*/width:320px; height:50px; padding:0 20px 0 60px; margin:10px 0 0;}
#login_box .bt{margin:30px 0 0; /*height:60px;*/height:50px;}
#login_box p{margin:30px 0 0; color:#000;}

/*메인*/
#head{background:#242424; height:105px; width:100%; position:absolute; z-index:100; min-width:1024px;}
#head .top_grobal{border-bottom:1px solid #484848; background:#242424; height:26px;}
#head .grobal_menu{display:inline-block; position:relative; float:right; top:-11px;}
#head .grobal_menu ul.grobal_btn{display:inline-block;}
#head .grobal_menu ul.grobal_btn li{display:inline-block; padding:5px;  border-left:1px solid #484848;  border-right:1px solid #484848; margin-left:-5px;}

/*#head .logo{float:left; display:inline-block; position:relative; top:5px;}*/
#head .logo{float:left; display:inline-block; position:relative; top:7px;}/*20180515로고변경*/
#head .top_menu{float:right; display:inline-block; position:absolute; /*top:50px;*/ font-size:14px;}
#head .top_menu ul{position:relative; /*right:-285px;*/right:-56px; top:19px; /*top:20px;*/}
/*#head .top_menu ul li{display:inline-block; color:#a4a4a4; margin-left:-4px; text-align:right; padding-left:48px; font-weight:bold; padding-top:18px; cursor:pointer;} 
#head .top_menu ul li:hover,acitve,focus{color:#3471bc !important;}
#head .top_menu ul li.on{color:#3471bc;}*/
#head .top_menu ul li{display:inline-block; color:#fff; margin-left:-4px; text-align:center; font-weight:bold; letter-spacing:-1px; background:url(/cctv/cctvmng/image/top_btn.png); background-repeat:no-repeat; width:140px; height:45px; padding-top:18px; cursor:pointer;} 
#head .top_menu ul li:hover,acitve,focus{color:#333 !important; background:url(/cctv/cctvmng/image/top_btn_on.png); background-repeat:no-repeat; width:140px; height:45px;}
#head .top_menu ul li.on{color:#333; background:url(/cctv/cctvmng/image/top_btn_on.png); background-repeat:no-repeat; width:140px; height:45px;}



#head .mem_com{font-size:11px; position:relative; left:30px; color:#9c9c9c;}
#head .point_p{color:#3d83d9;}

#content_box{position:relative; width:100%;}

#content{position:relative; height:100%; min-height:600px; /*max-width:1024px;*/ max-width:1039px; margin:0px auto;}
#content_groupadmin{position:relative; padding:10px 10px 10px 10px; height:100%; min-height:900px; background:#fff; min-width:600px;}

#content .con_left{/*width:225px;*/ width:240px; display:inline-block; position:absolute; height:100%; background:#333; left:0px; overflow-y:scroll;}
#content .con_right{position:relative; padding:0px 10px /*5%*/ 0px; /*margin-left:225px;*/ margin-left:240px; min-height:700px; /*padding-bottom:6%;*/}

#content .r_contbox{position:relative; padding-top:115px; /*padding-bottom:70px;*/}


/*메인관리*/
table.main_design th.ca_tit{color:#fff;}
table.main_design td.inp_bg{background:rgba(0,0,0,0.5);}
table.main_design td.btn_bg{background:url(/cctv/cctvmng/image/m_btnbg.png); background-repeat:no-repeat;}

.m_con_area{margin:0px 7px; width:518px; height:452px;}
.m_con_area .m_ed_btn{position:absolute; z-index:5; bottom:139px; right:256px;}
.btn_font{color:#fff; font-weight:bold; font-size:1.1em;}

/*콘텐츠*/
.title{font-size:16px; color:#000; font-weight:bold; padding:0px; text-align:center;}
.line{border-right:0px !important;}

table.t1{width:100%; border-top:2px solid #a1a1a1; line-height:1.5; text-align:center;}
table.ttt{border-top:2px solid #d9d9d9; line-height:1.5; text-align:center;}
table.t1 th{background:#d2d2d2; padding:10px 0; color:#333; border-right:1px solid #a1a1a1; border-bottom:1px solid #a1a1a1;}
table.t1 th.end{border-right:0;}
table.t1 td{padding:10px 15px; border-bottom:1px solid #a1a1a1;}
table.t1 td.rl{padding:10px 15px; border-bottom:1px solid #a1a1a1; border-right:1px solid #a1a1a1;}
table.t1 .notview{background:#f5f8f8;}

table.none td{ padding:0; border:0;}

a.none{text-decoration:none !important;}

.pasing{padding:20px 0 10px 0; text-align:center;}
.pasing input{margin:0 8px; height:15px;}
.pasing span{margin:0 3px;}
.pasing a:hover, .pasing .on{color:#333; font-weight:bold;}

.search{background:#d2d2d2; padding:10px 20px; text-align:center;}

ul.tab{margin:0 0 20px; width:100%; padding:0px; border-bottom:2px solid #1d57a7; border-left:1px solid #e5e5e5;}
ul.tab li{float:left; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:10px 30px; text-align:center; background:#f2f2f2; font-weight:bold;}
ul.tab li.on, ul.tab a:hover li{background:#1d57a7; color:#fff;}
ul.tab li.on2{background:#1d57a7; color:#fff; padding:4.5px 30px;}

/*통계*/
table.t_stats{width:100%; border-top:2px solid #d9d9d9; line-height:1.5; text-align:center;}
table.t_stats th{background:#f2f2f2; padding:10px 0; color:#333; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
table.t_stats td{ padding:10px 15px; border-bottom:1px solid #d9d9d9;}
.bt_stats{width:69px; float:left; text-align:center;}


.b_infra_logo{position:relative;padding:20px;}
.b_logo_img{max-width:182px;}
.cctv_logo{position:relative;text-align:center;top:150px;}
.c_logo_img{max-width:804px;}