* { font-family: '나눔고딕', 'nanumgothic', 'Nanum Gothic', sans-serif; margin: 0 auto;}

html,
body {
	font-family: '나눔고딕', 'nanumgothic', 'Nanum Gothic', sans-serif;
	background-color: #f2f2f2;
	color: #333333;	
	height:100%;
}

form {
	margin-bottom: 0px;
	word-break: keep-all;
	text-align: justify
}
.page-header {
	margin-top: 10px;
	margin-bottom: 10px;	
}
.navbar-inverse .navbar-inner {
	background: rgb(88,153,188); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(88,153,188,1) 2%, rgba(64,145,183,1) 48%, rgba(58,135,173,1) 51%, rgba(58,135,173,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(88,153,188,1)), color-stop(48%,rgba(64,145,183,1)), color-stop(51%,rgba(58,135,173,1)), color-stop(100%,rgba(58,135,173,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(88,153,188,1) 2%,rgba(64,145,183,1) 48%,rgba(58,135,173,1) 51%,rgba(58,135,173,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(88,153,188,1) 2%,rgba(64,145,183,1) 48%,rgba(58,135,173,1) 51%,rgba(58,135,173,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(88,153,188,1) 2%,rgba(64,145,183,1) 48%,rgba(58,135,173,1) 51%,rgba(58,135,173,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(88,153,188,1) 2%,rgba(64,145,183,1) 48%,rgba(58,135,173,1) 51%,rgba(58,135,173,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5899bc', endColorstr='#3a87ad',GradientType=0 ); /* IE6-9 */
	
	border: 1px solid #666;

	-webkit-box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 3px 4px rgba(50, 50, 50, 0.2);
}

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0, 0.25);
}

.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
	border-top-color: #FFF;
	border-bottom-color: #FFF;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
	background-color: #666;
	color: #ffffff;
}

.navbar .btn {
	margin-top: 8px;
}

.btn {
	padding: 1px 7px;
}

header.header-wrapper {
	background: #393E44;
	color: #ddd;
	margin-bottom: 50px;
}
header .navbar {
	margin-bottom: -20px;
}

.well label {
	font-size: 11px;
	
}

th {
	text-align: center !important;
}

th:not('.ui-datepicker-calendar'), td:not('.ui-datepicker-calendar') {
	padding: 2px !important;
	font-size: 13px;
}

@media all and (max-width:767px){
	th, td {
		font-size: 10px;
	}
}

th {
	background-color: #D8D8D8;
	color1: white;
	font-weight: bold;
}





footer.footer-wrapper {
	background: #454A52;
	color: #ddd;
	margin-top: 15px;
}
.footer-bottom-wrapper {
	background: #3B3F46;
	line-height: 40px;
	border-top: 1px solid #888;
}

td input[type=text], td input[type=password], td textarea,
.well input[type=text], .well input[type=password], .well textarea
 {
	font-size: 12px;
	padding: 2px;
	height: 19px;
	margin-bottom: 0px;
}
td input[type=checkbox] {
	font-size: 12px;
	padding: 0px;
	margin-left: 15px;
	height: 21px;
	margin-bottom: 4px;	
}
input[type=file]{
	height: 20px;
	margin-top:0px;
	font-size:12px;
	line-height: 0px;
}

.well select, td select, .ui-datepicker-year, .ui-datepicker-month {
	font-size: 12px;
	padding: 0px;
	height: 20px;
	margin-bottom: 0px;
}

.table-condensed th, .table-condensed td {
	padding: 0px;
}

.table th, .table td {
	--font-size: 12px;
	vertical-align:middle;
}
.table {
	margin-bottom:10px;
}

table.table-hover td {
	text-align: center;
}
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th{
	background-color:#CCCCCC;
}


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

/** datepicker **/
.ui-datepicker {
	font-size: 10px !important;
}



/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -100px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
	height: 100px;
}
#footer {
background-color: #454A52;
} 
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
	#footer {
	  margin-left: -20px;
	  margin-right: -20px;
	  padding-left: 20px;
	  padding-right: 20px;
	}
}      

td input.btn-inverse, td input.btn-success, td input.btn-info, td input.btn-warning, td input.btn-danger, td input.btn-primary {
	font-size: 12px;
	height: 20px;
	padding: 2px !important;
	line-height: 0px;
}


.input-tel {
	width:40px;
}


/* 헤더 로고 */
.header-inner {
	padding: 20px 0;
	position: relative;
}
.header-logo {
	overflow: hidden;
}
.header-logo__txt {
	display: none;
}
.header-logo__img {
	height: 80px;
	margin-right: 10px;
	
	float: left;
}
.header-member {
	padding-bottom: 20px;
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 1.2em;
}

/* media query */
@media (max-width: 767px) {
	.header-logo {
		display: block;
		float: left;
		width: 300px;
		margin-left: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.header-member {
		padding-right: 15px;
	}

}

.ime-korean{
	ime-mode:active
}
.ime-english{
	ime-mode:inactive
}
.ime-disabled{
	ime-mode:disabled
}
h6 {
	font-size: 15px;
}

.row {
	margin-left: 0px !important;
}

select.input {
	padding: 4px 6px !important;
	height: 30px !important;
}

select.input option {
}