@charset "utf-8";
/* CSS Document */

/***** 기본 입력항목 *****/
input:read-only { background-color: #e1e1e1;}
.input{ /*height: 30px;*/ font-size: 14px; padding: 4px; border: 1px solid #8c8c8c; vertical-align: middle;}
.input.small{ height: 23px; font-size: 14px; padding: 2px; border: 1px solid #8c8c8c;}
.input2{ width: 20px !important; height: 20px !important; display: inline-block !important; position: relative; top: 6px; left: 5px;}
.input3{ width: 20px !important; height: 20px !important; display: inline-block !important;}
.input.readonly{background: #e1e1e1;}
.select{ font-size: 14px; padding: 4px; border: 1px solid #8c8c8c; vertical-align: middle;}

.item{ width: 100%; float: left;}
.item2{ width: 48%; margin-right: 2%; float: left; }
.item2_1{ width: 57%; margin-right: 1%; float: left; }
.item2_2{ width: 44%; margin-right: 1%; float: left; }
.item2_3{ width: 67%; margin-right: 1%; float: left; }
.item3{ width: 31%; float: left; }
.item4{ width: 24%; float: left; }
.item5{ width: 19%; float: left; }
.item div:last-child{ margin-right: 0; }
.item .tabs{text-align: center; background:#ffffff; color:#464646; padding-top: 8px; padding-bottom: 8px; font-weight: bolder; border: 1px dashed #cccccc; margin-bottom: 10px; font-size: 14px; cursor:pointer;}
.item .tabs:hover{background:#64ac0d !important; color:#ffffff !important;}
.item .tabs:active{background:#ac0d0d !important; color:#ffffff !important;}
.item .tabs.on{background:#0a1450 !important; color:#ffffff !important;}

/***** 정렬 *****/
.left{ text-align: left;}
.center{ text-align: center;}
.right{ text-align: right;}
.fleft{float:left;}
.fright{float:right;}

/***** margin/padding *****/
.ml20{ margin-left: 20px !important; }
.ml10{ margin-left: 10px !important; }
.mr1p{ margin-right: 1% !important; }
.mt10{ margin-top: 10px !important; }
.mb0{ margin-bottom: 0px !important; }

/***** 넓이/높이 고정 *****/
.widp100{ width: 100% !important; }
.widp90{ width: 90% !important; }
.widp59{ width: 59% !important; }
.widp45{ width: 45% !important; }
.widp30{ width: 30% !important; }
.hei48{ height: 48px !important; }
.hei431{ height: 431px !important; }
.hei433{ height: 433px !important; }

/***** 배경색상 *****/
.bg_pink{ background: #f6eaea !important; }
.bg_gray{ background: #f5f5f5 !important; }
.bg_gray_pink{ background: #d5ebfe !important; }
.bg_dark_blue{ background: #486f94 !important; border-radius: 0px 0px 10px 0px;}
.bg_blue2{ background: rgba(23, 139, 130, 0.7) !important; /*background: #178b82 !important;*/ }
.bg_red2{ background: rgba(242, 20, 29, 0.7) !important; /*background: #f2141d !important;*/ }


.row_move{ width: 3%; float: left; padding: 0px 5px; margin-top: 250px;}
.row_move button{width: 100%; height: 60px; margin: 0; margin-bottom: 10px;}

.Content_part_line {border-bottom:1px solid #c2c2c2; margin-bottom:15px; clear:both;}

.Content_box {clear:both; width:100%; margin-top:4px; font-family:'나눔고딕'; position:relative;}
.Content_box .sub_title {float:left; font-size:18px; font-weight:600; color:#313131;}
.Content_box .Nav_title {float:right; font-size:14px; color:#6D6D6D;}
.Content_box .explain_text {font-size:14px; color:#383838; margin-top:10px;}
.Content_box .strap_line_txt  {clear:both; font-size:14px; font-weight:600; color:#2E2E2E;}
.Content_box .strap_line_txt::before{ content: '□'; color: #0a1450; font-size: 8px; margin-right: 7px; position: relative; bottom: 2px;}

.inform_input {clear:both; font-size:14px; color:#383838; margin-top:10px; margin-left:10px; height:40px;}
.inform_data_box {clear:both; height:40px;}
.inform_data_box_wrap {float:left;}
.inform_data_box_margin {margin-left:17px; margin-right:17px; float:left;}
.inform_data_box_margin_left  {float:left;}
.inform_data_box_left_wrap {float:left; width:120px;}
.inform_data_search_bt {float:left; font-family:'굴림'; font-size:13px;}
.inform_data_search_bt a{float:left; background-color:#6f6f6f; width:70px; height:16px; text-align:center; color:#FFFFFF;
						font-weight:bold; padding:5px; border-radius:3px; text-decoration:none; margin-left:10px; padding-top:8px; padding-bottom: 8px; cursor:pointer;}
.inform_data_search_bt a:Hover {background-color:#d70000;}
.inform_data_search_bt a:active{background-color:#880000;}
.inform_data_search_bt.on a{background-color:#bc0000 !important;}


.personnel_input_group {
	margin-left:20px; width:90px; height:120px; border:1px solid #CCC; float:left; margin-right:15px; border-radius:10px; text-align:center; font-size:13px; padding:5px; position:relative;
	vertical-align: middle; background-color: #ececec;
}
.personnel_input {margin-left:20px; height:120px; width:320px; font-size:14px; color:#383838; float:left;}
.personnel_input .data_box {clear:both; height:40px;}
.personnel_input .wrap {float:left; margin-top:7px; height:20px;}

.Textfield {width:200px; height:20px; border:1px solid #636363; padding:3px; margin-left:20px;}
.Textfield.number_1 {width:90px !important;}
.Textfield.number_2 {width:60px !important;}
.Textfield.number_3 {width:130px !important;}

input[type="checkbox"]{width: 18px; height: 18px; display: inline-block; position: relative;}
div.radioGroup{ float: left; margin-left:4px; margin-bottom: 6px;}
.radioGroup input[type="radio"]{width: 20px !important; height: 20px !important; margin-right:3px; display: inline-block !important; position: relative; top: 6px;left: 5px}
div.checkGroup{ float: left; margin-left:4px; margin-top: 7px; font-size:13px;}
.checkGroup input[type="checkbox"]{width: 20px !important; height: 20px !important; margin-right:5px; display: inline-block !important; position: relative;}

.Main_Content label::before{ content: '▪'; color: #0a1450; font-size: 8px; margin-right: 7px; position: relative; bottom: 2px;}
.Main_Content .no_title::before{ display: none; }

/* 5가지 색상버튼*/
.red { color: #FFFFFF; font-weight:bold; border: solid 1px #a60000; background: #c40000;
  background: -webkit-gradient(linear, left top, left bottom, from(#e50000), to(#a20000));
  background: -moz-linear-gradient(top,  #e50000,  #a20000);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e50000', endColorstr='#a20000');}
.red:hover {background: #890000; background: -webkit-gradient(linear, left top, left bottom, from(#bd0000), to(#890000));
  background: -moz-linear-gradient(top,  #bd0000,  #890000);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#bd0000', endColorstr='#890000');}
.red:active { color: #FFFFFF; background: #e50000;
  background: -webkit-gradient(linear, left top, left bottom, from(#a20000), to(#e50000));
  background: -moz-linear-gradient(top,  #a20000,  #e50000);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a20000', endColorstr='#e50000');}

.grey {
  color: #FFFFFF; font-weight:bold; border: solid 1px #777777; background: #9c9c9c;
  background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#686868));
  background: -moz-linear-gradient(top,  #aaaaaa,  #686868);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#686868');}
.grey:hover { background: #686868; background: -webkit-gradient(linear, left top, left bottom, from(#909090), to(#4e4e4e));
  background: -moz-linear-gradient(top,  #909090,  #4e4e4e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#909090', endColorstr='#4e4e4e');}
.grey:active { color: #FFFFFF; background: #808080;
  background: -webkit-gradient(linear, left top, left bottom, from(#686868), to(#aaaaaa));
  background: -moz-linear-gradient(top,  #686868,  #aaaaaa);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#686868', endColorstr='#aaaaaa');}

.white { color: #3b3b3b; font-weight:bold; border: solid 1px #828282; background: #f6f6f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#c4c4c4));
  background: -moz-linear-gradient(top,  #f6f6f6,  #c4c4c4);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#c4c4c4');}
.white:hover { background: #c6c6c6; background: -webkit-gradient(linear, left top, left bottom, from(#aeaeae), to(#d8d8d8));
  background: -moz-linear-gradient(top,  #aeaeae,  #d8d8d8);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aeaeae', endColorstr='#d8d8d8');}
.white:active { color: #252525; background: #efefef;
  background: -webkit-gradient(linear, left top, left bottom, from(#c4c4c4), to(#f6f6f6));
  background: -moz-linear-gradient(top,  #c4c4c4,  #f6f6f6);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4c4c4', endColorstr='#f6f6f6');}

.darkgrey { color: #FFFFFF; font-weight:bold; border: solid 1px #151515; background: #5d5d5d;
  background: -webkit-gradient(linear, left top, left bottom, from(#5d5d5d), to(#222222));
  background: -moz-linear-gradient(top,  #5d5d5d,  #222222);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d5d5d', endColorstr='#222222');}
.darkgrey:hover {
  background: #000000;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#3e3e3e));
  background: -moz-linear-gradient(top,  #000000,  #3e3e3e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#3e3e3e');}
.darkgrey:active { color: #FFFFFF; background: #434343;
  background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#5d5d5d));
  background: -moz-linear-gradient(top,  #222222,  #5d5d5d);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#5d5d5d');}

.black { color: #FFFFFF; font-weight:bold; border: solid 1px #000000; background: #000000;
  background: -webkit-gradient(linear, left top, left bottom, from(#323232), to(#000000));
  background: -moz-linear-gradient(top,  #323232,  #000000);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#323232', endColorstr='#000000');}
.black:hover { background: #464646; background: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#3e3e3e));
  background: -moz-linear-gradient(top,  #464646,  #3e3e3e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#464646', endColorstr='#3e3e3e');}
.black:active { color: #FFFFFF; background: #0d0d0d;
  background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#323232));
  background: -moz-linear-gradient(top,  #000000,  #323232);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#323232');}

.button {display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif;
  padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3);  -webkit-border-radius: .5em;  -moz-border-radius: .5em;  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.button:hover {text-decoration: none;}
.button:active {position: relative; top: 1px;}

.button.medium {padding: .4em 1.2em .4em !important;}
.button.small {padding: .3em 1em .3em !important; font: 11px/100% !important;}

.table_button {display: inline-block; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 12px/100% Arial, Helvetica, sans-serif;
  padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3);  -webkit-border-radius: .5em;  -moz-border-radius: .5em;  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2);}
.table_button:hover {text-decoration: none;}
.table_button:active {position: relative; top: 1px;}


/* 테이블*/
table { border-collapse: collapse; width: 100%;}
table th, table td { padding: 8px; text-align: left; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; height: 15px;}
td.border_r1{border-right: 1px #818181 !important; border-style: dashed !important;}
table th { background-color: #f5f5f5;}
.table-list td { cursor: pointer}
.table-list tbody tr:hover { background-color: #eeeeee}
.table-list tr.active { background-color: #ffebeb}

/***** main_table *****/
.main_table{ width: 100%; float: left; margin-top: 10px; margin-bottom: 10px; border-collapse: collapse; border: 5px solid #ebebeb;}
.main_table th, .main_table td{ border: 1px solid #ebebeb; padding: 4px;}
.main_table label{ margin-left: 10px; margin-right: 5px;}
.main_table label::before{ content: '▪'; color: #0a1450; font-size: 8px; margin-right: 7px; position: relative; bottom: 2px;}
.main_table .no_title::before{ display: none;}
.main_table input[type="text"]{ width: 96%;}

.main_table select{ width: 99%;}
.main_table_title{ width: 100%; margin-top: 10px; float: left; font-weight: bold;}
.main_table_title::before{ content: '▶'; font-size: 13px; color: #0a1450; margin-right:4px;}

.table_title{width: 100%; float: left; font-weight: bold; margin-bottom: 8px;}
.table_title::before{content: '■'; font-size: 16px; color: #0a1450; margin-right:4px;}
.table_title small{ float: right; font-weight: normal;}
.table_no_title::before{display: none;}

/***** Content_table *****/
.Content_table {position:relative;font-size:13px; font-family:'Nanum Gothic'; margin:auto;}
.Content_table .table_wrap{width:100%;overflow:hidden;}
.Content_table table{width:100% !important;letter-spacing:-0.05em;border-top:3px solid #373737;border-bottom:2px solid #e2e2e2;border-spacing:0;border-collapse:collapse; line-height:18px;}
.Content_table thead tr:first-child th{border-top:0;}
.Content_table th, .Content_table td{padding:10px 0;font-weight:400;text-align:center;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.Content_table thead tr:first-child th:first-child ,
.Content_table th{background:#f4f4f4; font-weight:bold;}
.Content_table td .number{color:#e72744; font-weight:bold;}
.Content_table td .red_txt{color:#f30000;}
.Content_table td .blue_txt{color:#0037b3;}

.Content_table_hits_wrap {font-size:13px; height:25px;}
.Content_table_hits_number {color:#C40005; margin-left:7px; font-weight:bold;}

.page-item {padding-top:10px;}
.page-item:Hover {text-decoration:none; color:#d10000;}
.page-item:active {text-decoration:none; color:#9a9a9a;}
.page-item.active{color:#C40005; font-weight:bold;}

.pagination {text-align: center; padding-top:10px; padding-bottom:10px; font-size:15px;}

/***** 버튼 처리영역  *****/
.button_area{width: 100%; float: left; text-align: right; margin-top: 0px;}
.btn {position:relative; float:left; font-family:'굴림'; font-size:13px;}
.btn a{float:left; background-color:#6f6f6f; width:70px; height:16px; text-align:center; color:#FFFFFF;
		font-weight:bold; padding:5px; border-radius:4px; text-decoration:none; margin-left:10px; padding-top:8px;}
.btn.search_bt a:Hover {background-color:#d70000;}
.btn.search_bt a:active{background-color:#880000;}
.btn.search_bt.on a{background-color:#bc0000 !important;}

.btn_red{ width: 100%; background: #b63633; color: #fff; font-weight: bold; padding: 5px;}
.btn_bdark{ width: 100%; margin-top:4px;; padding: 20px 20px; font-size: 20px; border: 1px solid #cdcdcd; background: #585858; color: #fff; cursor: pointer; border-radius: 10px;}
.btn_sky{ padding: 5px 16px; font-size: 12px; color: #fff; background: #75a7d5; border-radius: 3px; font-size: 12px;}
.btn_dark{ padding: 5px 20px; font-size: 12px; border: 1px solid #cdcdcd; background: #585858; color: #fff; cursor: pointer;}
.btn_gray{ padding: 5px 20px; font-size: 12px; color: #fff; background: #898989; border-radius: 3px; font-size: 12px;}
.btn_dark:active{ background: #222222; }
.btn_gray:active{ background: #a3a3a3; }
.btn_white{ color: #333333; border: 1px solid #b5b5bd; border-radius: 3px; font-size: 12px; font-weight: bold; padding: 3px 10px 7px 10px; margin-left: 2px; cursor: pointer; background: #e7e7e7; /* Old browsers */ background: -moz-linear-gradient(top, #e7e7e7 1%, #fefefe 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e7e7e7 1%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e7e7e7 1%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#fefefe',GradientType=0 ); /* IE6 */}
.btn_normal{ padding: 3px 10px; background: #f4f4f4; color: #333333; border: 1px solid #b3b6bc;}
.btn_widp100{width: 100% !important; min-width: 30px !important; padding: 2px !important; margin-left: 0px !important;}