@charset "utf-8";
@import "reset.css";

.posiR{position:relative;}
.posiA{position:absolute}
.fLeft{float:left}
.fRight{float:right}
.show{display:block}
.hide{display:none}
.hidden,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}

.fl { float: left !important; }
.fr { float: right !important; }
.cb { clear: both; }
.vm { vertical-align: middle; }
.overhidden { overflow: hidden; }

/* color */
.f_gray {color:#5f5f5f !important;}
.f_gray2 {color:#676767 !important;}
.f_gray3 {color:#adacac !important;}
.f_lightgray {color:#8a8a8a !important;}
.f_darkgray {color:#242424 !important;}
.f_blue {color:#147bda !important;}
.f_blue2 {color:#5ba2e6 !important;}
.f_green {color:#2baf98 !important;}
.f_orange {color:#ee4d0e !important;}
.f_orange2 {color:#ff5a00 !important;}
.f_skyblue {color:#00a3e7 !important;}
.f_skyblue2 {color:#27c9bc !important;}
.f_red {color:#f54210 !important;}
.f_blue3 {color:#003dbb !important;}
.f_blue4 {color:#2f57aa !important;}
.f_black {color:#000000 !important; }


.mgb-0 { margin-bottom: 0px !important; }
.mgb-10 { margin-bottom: 10px !important; }
.mgb-15 { margin-bottom: 15px !important; }
.mgb-20 { margin-bottom: 20px !important; }
.mgb-25 { margin-bottom: 25px !important; }
.mgb-30 { margin-bottom: 30px !important; }
.mgb-40 { margin-bottom: 40px !important; }
.mgb-50 { margin-bottom: 50px !important; }
.mgb-100 { margin-bottom: 100px !important; }
.mgt-0 { margin-top: 0px !important; }
.mgt-10 { margin-top: 10px !important; }
.mgt-15 { margin-top: 15px !important; }
.mgt-20 { margin-top: 20px !important; }
.mgt-25 { margin-top: 25px !important; }
.mgt-30 { margin-top: 30px !important; }
.mgt-40 { margin-top: 40px !important; }
.mgt-50 { margin-top: 50px !important; }
.mgt-100 { margin-top: 100px !important; }
.mgl-0 { margin-left: 0px !important; }
.mgl-10 { margin-left: 10px !important; }
.mgl-15 { margin-left: 15px !important; }
.mgr-0 { margin-right: 0px !important; }
.mgr-10 { margin-right: 10px !important; }
.mgr-15 { margin-right: 15px !important; }

.paddingb-0 { padding-bottom: 0px !important; }
.paddingb-10 { padding-bottom: 10px !important; }
.paddingb-15 { padding-bottom: 15px !important; }
.paddingb-20 { padding-bottom: 20px !important; }
.paddingb-25 { padding-bottom: 25px !important; }
.paddingb-30 { padding-bottom: 30px !important; }
.paddingb-40 { padding-bottom: 40px !important; }
.paddingb-50 { padding-bottom: 50px !important; }
.paddingb-100 { padding-bottom: 100px !important; }
.paddingt-0 { padding-top: 0px !important; }
.paddingt-10 { padding-top: 10px !important; }
.paddingt-15 { padding-top: 15px !important; }
.paddingt-20 { padding-top: 20px !important; }
.paddingt-25 { padding-top: 25px !important; }
.paddingt-30 { padding-top: 30px !important; }
.paddingt-40 { padding-top: 40px !important; }
.paddingt-50 { padding-top: 50px !important; }
.paddingt-100 { padding-top: 100px !important; }
.paddingl-0 { padding-left: 0px !important; }
.paddingl-10 { padding-left: 10px !important; }
.paddingl-15 { padding-left: 15px !important; }
.paddingr-0 { padding-right: 0px !important; }
.paddingr-10 { padding-right: 10px !important; }
.paddingr-15 { padding-right: 15px !important; }

.kill-lpaddng { padding-left: 0 !important; }
.kill-rpadding { padding-right: 0 !important; }
.kill-tpadding { padding-top: 0 !important; }
.kill-bpadding { padding-bottom: 0 !important; }
.kill-padding { padding: 0 !important; }


/* size */
.f_15px {font-size:15px;}

.f_bold {font-weight:bold;}

.wide {width: 100%; height:100%;}
.full {left: 0px;top: 0px;position: absolute;width: 100%; height:100%;}


.btn-primary {
  color: #fff;
  background-color: #d94136;
  border-color: #d94136;
}

.btn-default {
  background: #BDBDBD;
  box-shadow: none !important;
  color: #fff;
}

.btn {
  border: none !important;
  border-radius: 0;
  padding: 5px 20px;
}
.btn-s {
  border: none !important;
  border-radius: 0;
  padding: 3px 7px;
}
.btn, .btn-s, a, a:hover {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: 0;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.form-control {
	height:22px;
	line-height:22px;
	border:1px solid #d7d7d7;
	border-radius:3px 3px 3px 3px;
	background-color:#fbfbfb;
	padding-left: 5px;
	padding-right: 0px;
	margin-right: 3px;
	margin-bottom: 2px;
	margin-top: 2px;
	letter-spacing: 0px;
	font-size: 12px;
}

select.form-control {
	margin-top: 2px;
}

.table-border {
	border: 1px solid #ddd;
	border-collapse: collapse;
}

.table-border thead th,
.table-border thead td {
	padding: 7px 10px 7px 10px;
	border: 1px solid #ddd;
	border-collapse: collapse;
	font-weight: bolder;
}

.table-border thead th {
	background-color: #f0f0f0;
	text-align: center;
}

.table-border thead td {
	text-align :left;
}

.table-border tbody th,
.table-border tbody td {
	padding: 7px 10px 7px 10px;
	border: 1px solid #ddd;
	border-collapse: collapse;
}

.table-border tbody th {
	background-color: #f9f9f9;
	text-align :left;
	vertical-align: middle;
}

.table-border tbody td {
	text-align :left;
}

.table-border tbody td.contents {
	padding: 3px;
}


.table-default {
	border: 0;
}

.table-default thead th,
.table-default thead td {
	padding: 7px 10px 7px 10px;
	border-bottom: 2px solid #ddd;
	font-weight: bolder;
}

.table-default thead th {
	text-align: left;
}

.table-default thead td {
	text-align :left;
}

.table-default tbody th,
.table-default tbody td {
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #ddd;
}

.table-default tbody th {
	background-color: #f9f9f9;
	text-align :left;
	vertical-align: middle;
}

.table-default tbody td {
	text-align :left;
}

.table-border tbody td.contents,
.table-default tbody td.contents, 
.table-line tbody td.contents {
	padding: 3px;
}

.table-border p, 
.table-default p,
.table-line p {

	margin-top: 7px;
}

.table-border .remark, 
.table-default .remark,
.table-line .remark {
	font-size: 11px;
	color: #898989;
}

table.center {
	margin-left:auto; 
	margin-right:auto;
}

table.height18 th,
table.height18 td {
	height: 18px;
	line-height: 18px;
}

table.height20 th,
table.height20 td {
	height: 20px;
	line-height: 20px;
}

table.height22 th,
table.height22 td {
	height: 22px;
	line-height: 22px;
}

table.height24 th,
table.height24 td {
	height: 24px;
	line-height: 24px;
}

table.height26 th,
table.height26 td {
	height: 26px;
	line-height: 26px;
}

table.striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

table.hover > tbody > tr:hover {
  background-color: #f5f5f5;
}


.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.pop_container .pop_header {
	color: #ffffff;
	height: 54px;
	font-weight: bolder;
	font-size: 14px;
	line-height: 51px;
	text-align: left;
	padding-left: 32px;
	margin-bottom: 15px;
	background-image: url('/Front/images/util/BgWin.jpg');
}

.pop_container .pop_contents {
	margin-left: 20px;
	margin-right: 20px;
}

.pop_container .pop_contents .pop_type {
	float: left;
	margin-bottom: 15px;
	margin-top: 10px;
}

.pop_container .pop_contents .pop_search {
	float: right;
	margin-bottom: 15px;
	margin-top: 10px;
}

.overflowhidden {
	word-break: break-all;
}

.button-container {
	text-align: right;
	margin: 25px 0px 15px 0px;
}

.table-line {
	width: 100%;
	border: none;
	table-layout: fixed;
}

.table-line thead th,
.table-line thead td {
	border-top: 1px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	padding: 7px 0px 7px 0px;
	font-weight: bolder;
	line-height: 22px;
	background-color: #F5F5F5;
	text-align: center;
}

.table-line tbody th,
.table-line tbody td {
	border-bottom: 1px dotted #cccccc;
	padding: 7px 0px 7px 0px;
	line-height: 22px;
	text-align: center;
}

	.table-line td.list_img {
		text-align: left;
		padding-left: 5px;
	}

	.table-line td .no-img {
		border: 1px solid #dddddd;
		background-color: #fafafa;
		font-size: 11px;
		color: #cccccc;
		width: 80px;
		height: 60px;
		line-height: 60px;
		display: inline-block;
		text-align: center;
	}

	.table-line td .img {
		width: 80px;
		height: 60px;
		line-height: 60px;		
	}

	.table-line td.subject {
		text-align: left;
		line-height: 22px;
		vertical-align: middle;
		padding-left: 5px;
	}
	
	.table-line td.subject .ellipsis a {
		font-weight: bolder;
		color: #680000;
		font-size: 14px;
	}

	.table-line td.subject_s {
		text-align: left;
		line-height: 20px;
		vertical-align: middle;
		padding-left: 5px;
	}
	
	.table-line td.subject_s .ellipsis a {
		font-weight: bolder;
		color: #680000;
		font-size: 12px;
	}

	.table-line td.date {
		color: #A5A5A5; 
		font-size: 11px; 
		letter-spacing: 0;
	}

	.table-line .columns {
		font-size: 11px;
		color: #7e7e7e;
	}

	.table-line .columns span {
		color: #9a9a9a;
	}


.scroll-container {
	border: 1px solid #bbbbbb;
	overflow-y: scroll;
	overflow-x: hidden;
}

ul.selectable {
	cursor: pointer;
}

ul.selectable li:hover {
	background-color: #E0E0E0;

}

ul.selectable li.selected {
	background-color: #FFFFE0;

}