@charset "utf-8";

table caption{
	display:none;
	}

/* 작성 또는 수정 테이블 */
table caption{
	display:none;
	}

.tableSt_write_wrap {box-sizing: border-box; padding:0 20px; margin-bottom:30px;}
.tableSt_write {width:100%;}
.tableSt_write th,
.tableSt_write td{
	padding:10px;
	border-bottom:1px dashed #e3e3e3;
	color:#666666;
	}
    
.tableSt_write th {background:#f5f5f5;} 
.tableSt_write td {text-align:left;}
.tableSt_write tbody tr:first-child th,
.tableSt_write tbody tr:first-child td{
	border-top:2px solid #b0c5bf;
	}

/* 리스트 */
.tableSt_list thead tr:first-child th{
	border-top:2px solid #b0c5bf;
	color:#333333;
	}
.tableSt_list thead th{
	border-bottom:1px solid #b0c5bf;
	padding:10px;
	}
.tableSt_list th,
.tableSt_list td{
	padding:7px;
	color:#666666;
	}
.tableSt_list tbody td{
	border-bottom:1px dashed #e3e3e3;
	text-align:center;
	}
.tableSt_list td > a{
	color:#666666;
	}
.tableSt_list td > a:hover,
.tableSt_list td > a:focus{
	text-decoration:underline;
	}
.highlight{
	background:#e6f4f0;
	}
.taL{
	text-align:left !important;
	}
.no_topline{
	border-top:0px !important;
	}
table.no_topline thead th{
	border-top:0px !important;
	}
.no_data{
	border-bottom:1px dashed #e3e3e3;
	padding:10px;
	text-align:center;
	}
.cont_box{
	min-height:300px;
	}
.cont_box img{
	margin:0 auto;
	}

table td ul li{
	background:url(../images/content/bul_arrow.gif) no-repeat 2px 8px;
	padding-left:10px;
	color:#666666;
	}

.list_file li{
	background:url(../images/board/icon_file2.gif) no-repeat 0 3px;
	padding-left:15px;
	}

.list_del{
	text-decoration:line-through !important;
	color:#666666 !important;
	}

/* page control */
.page_btn_box{
	position:relative;
	}
.page_control{
	position:absolute;
	left:14px;
	top:20px;
	}
.page_control > a{
	display:inline-block;
	vertical-align:middle;
	border:1px solid #d5d5d5;
	border-right:0px;
	color:#55585a;
	padding:5px 10px 0px 10px;
	height:21px;
	margin-left: -4px;
	}
.page_control > a.on{
	background:#f1f1f1;
	}
.page_control a[class^="page_"]{
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	border:0px;
	padding:0px;
	height:28px !important;
	}
.page_first{
	background:url(../images/board/page_first.gif) no-repeat 0 0;
	width:57px;
	margin-left:0px !important;
	}
.page_prev{
	background:url(../images/board/page_perv.gif) no-repeat 0 0;
	width:70px;
	}
.page_next{
	background:url(../images/board/page_next.gif) no-repeat 0 0;
	width:47px;
	}
.page_last{
	background:url(../images/board/page_last.gif) no-repeat 0 0;
	width:51px;
	}

/* input */
input[type="text"],
input[type="password"],
input[type="file"]{
	border:1px solid #cccccc;
	padding:7px 5px;
	color:#666666;
	width:200px;
	}
.input50{
	width:50px !important;
	}
.input100{
	width:100px !important;
	}
.input200{
	width:200px !important;
	}
.input300{
	width:300px !important;
	}
.input400{
	width:400px !important;
	}
.input500{
	width:500px !important;
	}
.input600{
	width:600px !important;
	}
.input99{
	width:99%;
	}
select{
	border:1px solid #cccccc;
	padding:7px 5px;
	color:#666666;
	}
input[type="radio"]{
	margin-top:-3px;
	margin-left:7px;
	}
textarea{
	border:1px solid #cccccc;
	font-size:13px;
	color:#666666;
	padding:5px;
	}

/* btn */
input[type="button"],
input[type="submit"]{
	cursor:pointer;
	}
input.btn_white{
	padding:7px 10px;
	}
input.btn_cyan,
input.btn_dblue{
	padding:10px 13px;
	}
a.btn_white{
	padding: 5px 10px;
	vertical-align: middle;
	line-height:19px;
	}
a.btn_cyan,
a.btn_dblue{
	padding: 8px 13px;
	vertical-align: middle;
	line-height:19px;
	}
a.btn_white,
a.btn_cyan,
a.btn_dblue,
input.btn_white,
input.btn_cyan,
input.btn_dblue{
	display:inline-block;
	border-radius:3px;
	letter-spacing:-1px;
	}

.btn_sblack{
	border-radius:3px;
	background:#333333;
	color:#ffffff;
	letter-spacing:-1px;
	display:inline-block;
	padding:2px 5px;
	}
a.btn_sblack{
	color:#ffffff !important;
	}
input.btn_sblack{
	border:0px;
	}
.btn_white,
.btn_white:hover {
	background:#ffffff;
	border:1px solid #cccccc;
	color:#666666;
	}
.btn_cyan,
.btn_cyan:hover {
	background:#22ae88;
	color:#ffffff;
	letter-spacing:-1px;
	border:0px;
	}
.btn_dblue,
.btn_dblue:hover {
	background:#3e4959;
	color:#ffffff;
	letter-spacing:-1px;
	border:0px;
	}

span[class^="wicon_"]{
	width:16px;
	height:14px;
	display:inline-block;
	margin-bottom:-2px;
	margin-right:3px;
	}
.wicon_check{
	background:url(../images/layout/img_icon.png) no-repeat -47px -381px;
	}
.wicon_change{
	background:url(../images/layout/img_icon.png) no-repeat -25px -381px;
	}
.wicon_search{
	background:url(../images/layout/img_icon.png) no-repeat -68px -381px;
	}
.wicon_down{
	background:url(../images/layout/img_icon.png) no-repeat -88px -381px;
	}

.btn_boxR{
	text-align:right;
	padding:20px 14px;
	}
.btn_boxC{
	text-align:center;
	padding:20px 0;
	}

/* search */
.search_wrap{
	padding:20px;
	position:relative;
	}
	.search_wrap.bg {background:#f5f5f5;}
.search_wrap label{
	display:none;
	}
#popup_wrap .search_wrap label{
	display:inline-block;
	margin-right:10px;
	}
.excel_download{
	position:absolute;
	right:20px;
	top:20px;
	}
.pages_box{
	position:absolute;
	right:0px;
	top:7px;
	}

/* 첨부파일 */
.file_del{
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	}

.box_file{
	padding:10px 5px;
	}
.list_file > li{
	background:url(../images/board/icon_file2.gif) no-repeat 0 2px;
	padding-left:20px;
	position:relative;
	}
.list_file > li > a{
	color:#333333;
	}
.btn_dele{
	background:url(../images/board/delete.png) no-repeat 0 0;
	border:0px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
	width:16px;
	height:16px;
	cursor: pointer;
	}
.btn_fileview{
	position: absolute;
	margin-left: 10px;
	}

.area_file{
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	/*border-top:1px dashed #cccccc;*/
	}

#egovComFileList > li:first-child{
	margin-top:0px;
	}
#egovComFileList > li{
	margin-top:10px;
	}

/* 배포 */
.dist_inset{
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	padding-top:10px;
	padding-bottom:10px;
	}
.dist_inset > div{
	padding-left:20px;
	}
.dist_inset > div > label{
	margin-right:10px;
	}
#add_dist_div,
#dist_now_div{
	border-top:1px solid #e3e3e3;
	border-bottom:1px solid #e3e3e3;
	padding:10px 20px;
	}
.reserveDate_input{
	margin-left:20px;
	}

@-moz-document url-prefix() {
	   input[type="button"],
	   input[type="submit"]{
	   		line-height:14px;
	   		}
	   	input[type="text"],
		input[type="password"],
		select{
			padding:6px 5px;
			}
 	 }
a[class^="btn_list_"]{
 background-image: url('./../img/common/spr_common.png');
 background-repeat:no-repeat;
 background-color:#fff;
 text-indent: -9999px;
 width: 25px;
 height: 25px;
 padding: 5px;
 vertical-align: middle;
 border: 1px solid #bbb;
 border-radius: 4px;
 -webkit-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s;
 }
 .btn_list_img_plus{background-position: -120px -214px}
 .btn_list_img_plus:hover {border-color: #666;}
 .btn_list_delete{background-position: -141px -127px;border-color: #ea5405 !important;}
 .btn_list_delete:hover {background-color: #ea5405 !important;color: #fff;background-position: -141px -147px;}
 .btn_list_img_delete {width: 30px;height: 25px !important;margin-left: 0 !important;}
 .btn_list_plus, .btn_etc_plus {background-position: -121px -127px;border-color: #009271 !important;}
 .btn_list_plus:hover, .btn_etc_plus:hover {background-color: #009271 !important;color: #fff !important;background-position: -121px -147px;text-decoration: none}
 .btn_etc_plus{padding:2px 6px 0 18px !important;position: relative;color: #009271 !important;background-color: #fff;border: 1px solid #009271;height: 25px;border-radius: 4px !important;}
 .btn_etc_plus:before {content: '';width: 12px;height: 12px;background: url('./../img/common/spr_common.png') -126px -133px no-repeat;position: absolute;left: 6px;top: 6px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
 .btn_etc_plus:hover:before {background-position: -126px -153px;}
 .table_plus input[type="text"], .table_plus input[type="password"], .table_plus input[type="file"]{margin: 5px 0;}

 /*HMS 리스트페이지 분류탭*/
 
#tab_wrap ul {overflow:hidden; border:1px solid #ddd; box-sizing: border-box; border-bottom-width:0;}
#tab_wrap ul a {width:25%; float:left; line-height:50px; text-align: center; border-right:1px solid #ddd; box-sizing: border-box;}
#tab_wrap ul a li {color:#777; padding:15px;}
#tab_wrap ul li:last-child {border-right:0;}

#tab_wrap ul a.on {background:#22ae88;}
#tab_wrap ul a.on li {color:#fff;}
#tab_wrap ul li a.on {color:#fff;}