* {
	margin: 0px;
	padding: 0px;
}
a {
	color: #bcbcbc;
}
a:hover {
	color: #bcbcbc;
}
li {
	list-style: none;
}
h1.logo {
	width: 200px;
	height: 19px;
	background: url(/resources/m/img/logo-mid.png) no-repeat;
	text-indent: -6000;
	margin: 0 auto;
	background-size: contain;
}
.form-group label {
	display: inline-block;
	padding: 8px 0 0 0;
	color: #a4a4a4;
	float: left;
	font-weight: normal;
}
.grade-state label {
	float: right;
	margin: 0px 0px 0px 4px;
	padding: 0px;
	vertical-align: text-bottom;
}
.grade-state li {
	float: left;
	margin-right: 15px;
	vertical-align: text-bottom;
}
a.list-group-item i.i-circle {
	font-size: 30%;
	display: inline-block;
}
/*
.grade-state li input.i-check{
	vertical-align: middle;
	width: 14px;
	height: 14px;
	 -webkit-appearance: checkbox;
	margin:0px;
	    background-color: #fff;
	 background-color: rgba(255, 255, 255, .9);
	   border-radius: 0;
    box-sizing: border-box;    
 border: 1px solid #c8c8c8;
	
}
*/

.login-bg-wrap {
	background: #497e9e url(/resources/m/img/login-bg.png) no-repeat 100% 100%;
	background-size: cover;
}
.login-wrap {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: relative;
}
.login-wrap h1.login-logo {
	position: relative;
	width: 167px;
	height: 76px;
	top: 93px;
	margin: 0 auto;
	background: url(/resources/m/img/login-logo.png) no-repeat 100% 100%;
	background-size: cover;
	text-indent: -3000px;
}
.login-input-wrap {
	position: relative;
	top: 160px;
	width: 300px;
	height: 100px;
	margin: 0 auto;
	background: #fff;
	border-radius: 3px;
	padding: 0px;
}
.login-input-wrap li {
	height: 50px;
	width: 100%;
}
.login-input-wrap li.log-line {
	border-bottom: 1px solid #ebebeb;
}
.login-input-wrap li input.log-txt {
	height: 49px;
	padding: 0 0 0 10px;
	width: 100%;
	border: 0px;
	background-color: transparent;
}
.login-input-wrap li input.log-txt:hover {
	border: 0px;
}
a.btn-login {
	position: relative;
	top: 220px;
	display: block;
	width: 300px;
	height: 45px;
	margin: 0 auto;
	border-radius: 30px;
	background: #4cd964;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: center;
	line-height: 45px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
}
a.btn-login:hover {
	background: #4fc1dc;
}
.login-link {
	position: relative;
	top: 255px;
	width: 300px;
	margin: 0 auto;
}
.login-link li {
	float: left;
	width: 50%;
	color: #fff;
}
.login-link li.register {
	text-align: right;
	height: 20px;
	float: right;
}
.login-link li a {
	color: #fff;
}
.login-link li a:hover {
	color: #4fc1dc;
}
input[type=radio], input[type=checkbox] {
	/* Hide original inputs */
	display: inline-block;
}
input[type=radio] + label:before, input[type=checkbox] + label:before {
	height: 14px;
	width: 14px;
	margin-right: 3px;
	content: " ";
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #c7c7c7;
}
input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before {
	background: gold;
}
/* CUSTOM RADIO AND CHECKBOX STYLES */
input[type=radio] + label:before {
	border-radius: 50%;
}
input[type=checkbox] + label:before {
	border-radius: 3px;
}
.grade-state {
	float: right;
	width: 70%;
}
select.i-select {
	-webkit-box-shadow: none;
	display: inline-block;
	width: 70%;
	float: right;
	height: 34px;
	padding: 6px 12px;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-radius: 4px;
	margin: 8px 0 8px 0;
	background: url(/resources/m/img/i-arrow-select.png) no-repeat 95% 50%;
	color: #535252;
}
.btn i.i-notice {
	position: absolute;
	top: 12px;
	right: 10px;
	width: 22px;
	height: 22px;
	display: block;
	background: url(/resources/m/img/i-notice.png) no-repeat;
	background-size: cover;
}
.btn i.i-notice-on {
	position: absolute;
	top: 12px;
	right: 10px;
	width: 22px;
	height: 22px;
	display: block;
	background: url(/resources/m/img/i-notice-on.png) no-repeat;
	background-size: cover;
}
.menu-link-container {
	height: 230px;
	margin: 0px;
	padding: 0px;
	position: relative;
}
.menu-link-wrap {
	margin: 30px 25px 0 25px;
	width: calc(100%-50px);
	padding: 0px;
}
.menu-link-wrap li {
	float: left;
	width: 25%;
	height: 105px;
	position: relative;
}
.menu-link i {
	width: 55px;
	height: 55px;
	display: block;
	margin: 0 auto;
	background-size: cover;
}
.menu-ico01 {
	background: url(/resources/m/img/ico-menu01.png) no-repeat;
}
.menu-ico02 {
	background: url(/resources/m/img/ico-menu02.png) no-repeat;
}
.menu-ico03 {
	background: url(/resources/m/img/ico-menu03.png) no-repeat;
}
.menu-ico04 {
	background: url(/resources/m/img/ico-menu04.png) no-repeat;
}
.menu-ico05 {
	background: url(/resources/m/img/ico-menu05.png) no-repeat;
}
.menu-ico06 {
	background: url(/resources/m/img/ico-menu06.png) no-repeat;
}
.menu-ico07 {
	background: url(/resources/m/img/ico-menu07.png) no-repeat;
}
.menu-ico08 {
	background: url(/resources/m/img/ico-menu08.png) no-repeat;
}
.menu-ico09 {
	background: url(/resources/m/img/ico-menu09.png) no-repeat;
}
.menu-link span {
	position: absolute;
	display: inline-block;
	width: 100%;
	top: 62px;
	left: 0px;
	text-align: center;
	font-size: 13px;
	letter-spacing: -0.05em;
}
.menu-link-wrap::after {
	content: '';
	clear: both;
}
select.i-select:hover {
	border: 1px solid #66afe9;
}
.main-icon-wrap {
	background: #fff;
}
.subject-mid {
	background: #efefef;
	height: 30px;
	color: #757575;
	font-size: 11px;
	width: calc(100%-10px);
	padding: 0 0 0 10px;
	line-height: 28px;
}
.subject-mid a {
	position: relative;
	float: right;
	vertical-align: middle;
	top: 5px;
	right: 10px;
	margin: 0px;
	padding: 0px;
}
.subject-mid a i {
	margin-left: 5px;
	vertical-align: middle;
}
.list-safe-wrap {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.list-safe-wrap li {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background: #fff;
	height: 60px;
	position: relative;
	display: block;
}
.list-safe-content {
	position: relative;
	top: 0px;
	margin: 0 10px 0 10px;
	border-bottom: 1px solid #d7d7d7;
	height: 60px;
}
a.list-link {
	display: inline-block;
	width: 100%;
	height: 60px;
}
.list-safe-content .fa-fac, .list-safe-content .fa-subject {
	position: absolute;
	top: 12px;
	color: #363636;
	font-size: 15px;
	font-weight: 900;
}
.list-safe-content .fa-type, .list-safe-content .fa-name {
	font-size: 11px;
	float: left;
	position: absolute;
	top: 34px;
}
.list-safe-content .fa-origin {
	font-size: 11px;
	float: right;
	position: absolute;
	right: 0px;
	top: 14px;
	color: #363636;
}
.list-safe-content .fa-date {
	font-size: 11px;
	float: right;
	position: absolute;
	right: 0px;
	top: 34px;
}
.list-safe-content .fa-checks {
	font-size: 11px;
	float: right;
	position: absolute;
	right: 0px;
	top: 34px;
	color: #1971c4;
	content: "";
}
span.ico-grade, span.ico-write, span.ico-check {
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #b5b5b5;
	width: 16px;
	height: 16px;
	margin: 0 3px 0 3px;
	vertical-align: middle;
	font-weight: normal;
}
span.ico-grade {
	font-size: 12px;
	text-align: center;
	border: 1px solid #0691ce;
	color: #0691ce;
	line-height: 15px;
}
span.ico-grade {
	font-size: 12px;
	text-align: center;
	border: 1px solid #0691ce;
	color: #0691ce;
	line-height: 15px;
}
span.ico-approval {
	display: inline-block;
	border-radius: 16px;
	border: 1px solid #009944;
	color: #009944;
	height: 16px;
	margin: 0 3px 0 3px;
	padding: 0 3px 0 3px;
	vertical-align: middle;
	font-weight: normal;
	font-size: 11px;
	letter-spacing: -0.1em;
}
span.ico-write {
	background: url(/resources/m/img/i-list-write.png) no-repeat;
	background-size: cover;
	text-indent: -2000px;
}
span.ico-check {
	background: url(/resources/m/img/i-list-check.png) no-repeat;
	background-size: cover;
	text-indent: -2000px;
}
#lightbulb {
	font-size: 100px;
	display: block;
	text-align: center;
}
h1 {
	padding: 0;
	margin: 10px 0;
}
.chat-user-avatar {
	font-size: 40px;
	background: #ccc;
	padding: 5px 10px;
}
.feature-icon {
	font-size: 44px;
	padding: 0;
	line-height: 68px;
	width: 72px;
	text-align: center;
	opacity: .8;
	border: 3px solid;
	border-radius: 200px;
	height: 72px;
	margin-bottom: 20px;
}
.feature-icon.fa-gamepad {
	line-height: 60px;
}
.feature-icon.fa-tachometer {
	line-height: 60px;
}
.app-content-loading {
	text-align: center;
	height: 100%;
	width: 100%;
	background: #fff;
	position: relative;
}
.loading-spinner {
	position: absolute;
	font-size: 50px;
	left: 50%;
	top: 50%;
	margin-left: -25px;
	margin-top: -25px;
}
.carousel-example-content {
	position: absolute;
	font-size: 50px;
	line-height: 50px;
	width: 100%;
	text-align: center;
	top: 50%;
	margin-top: -50px;
}
.carousel-item {
	display: block;
	color: #444;
	background: #f4f4f4;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
	opacity: 1;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.carousel {
	padding: 20px;
	overflow: visible;
}
.carousel-inner {
	position: relative;
	overflow: visible;
}
.carousel>.item, .carousel-item {
	top: 0;
	left: 0;
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover;
}
.carousel-item {
	-webkit-transition: -webkit-transform 500ms;
	-moz-transition: -moz-transform 500ms;
	transition: transform 500ms;
}
[drag-to-dismiss] {
	transform: translate(0, 0); /* NOTE: this is required to prevent mobile webkit issues */
	-webkit-user-drag: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: opacity 300ms, -webkit-transform 300ms;
	-moz-transition: opacity 300ms, -moz-transform 300ms;
	transition: opacity 300ms, transform 300ms;
	opacity: 1;
}
.notices-container {
	overflow-x: hidden;
}
.dismiss {
	-webkit-transition: opacity 300ms, -webkit-transform 300ms;
	-moz-transition: opacity 300ms, -moz-transform 300ms;
	transition: opacity 300ms, transform 300ms;
	opacity: 0.5;
}
.dismitted {
	-webkit-transition: opacity 300ms, -webkit-transform 300ms;
	-moz-transition: opacity 300ms, -moz-transform 300ms;
	transition: opacity 300ms, transform 300ms;
	opacity: 0;
}
.list-group-item-home {
	padding: 20px;
}
pre {
	text-align: left !important;
}
input.scrollable-header {
	border-bottom: 3px solid #ccc;
}
.toucharea {
	width: 100%;
	height: 100%;
}
.touch-mark {
	position: absolute;
	background-color: #ccc;
	width: 30px;
	height: 30px;
	border-radius: 999px;
	margin-top: -15px;
	margin-left: -15px;
	opacity: .5;
	transform: scale(1, 1);
}
.tbl-info {
	position: relative;
	width: 100%;
	font-family: 'NanumGothic';
	border-top: 2px solid #0390d9;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
}
.tbl-info th {
	height: 36px;
	line-height: 18px;
	text-align: center;
	background: #f5f8fa;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	color: #3a6074;
	font-size: 14px;
	padding: 3px 0px 3px 0px;
	font-weight: 500;
}
.tbl-info td {
	height: 37px;
	line-height: 18px;
	text-align: left;
	border-bottom: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	color: #5e5e5e;
	font-size: 13px;
	padding: 3px 7px 3px 7px;
}
.btn-small-skyblue {
	border: 1px solid #1997b3;
	width: 40px;
	font-size: 11px;
	border-radius: 3px;
	background: #2eb6d4;
	color: #fff;
	padding: 3px 6px 3px 6px;
	margin: 0 3px 0 3px;
}
.btn-small-blue {
	border: 1px solid #1971b3;
	width: 40px;
	font-size: 11px;
	border-radius: 3px;
	background: #2e8dd4;
	color: #fff;
	padding: 3px 6px 3px 6px;
	margin: 0 3px 0 3px;
}
.btn-small-purple {
	border: 1px solid #464d95;
	width: 40px;
	font-size: 11px;
	border-radius: 3px;
	background: #555dac;
	color: #fff;
	padding: 3px 6px 3px 6px;
	margin: 0 3px 0 3px;
}
.info-text-wrap {
	z-index: 3;
	position: absolute;
	display: block;
	height: 75px;
	width: 100%;
	top: 213px;
	margin: 0px;
	padding: 0px 0 0 20px;
	bottom: 0px;
	width: calc(100%-20px);
}
.info-text-bg {
	z-index: 2;
	position: absolute;
	background: #000;
	height: 75px;
	width: 100%;
	margin: 0px;
	padding: 0px;
	bottom: 0px;
	opacity: 0.5;
}
.info-text-wrap h2 {
	position: absolute;
	color: #fff;
	font-size: 18px;
	display: block;
	top: 32px;
	left: 20px;
	font-weight: 800;
}
.info-text-wrap h2 span {
	font-size: 80%;
	font-weight: 500;
}
.info-visual {
	height: 278px;
	background: #666;
	z-index: 1;
	position: relative;
	padding: 0px;
}
.info-visual-img {
	max-height: 278px;
	height: auto;
	width: 100%;
}
.leftmenu-bottom {
	position: absolute;
	bottom: 0;
	height: 70px;
	border-top: 1px solid #385d81;
	width: 100%;
	font-size: 18px;
	text-align: center;
}
.leftmenu-bottom a {
	width: 100%;
	display: inline-block;
	height: 70px;
	line-height: 70px;
}
.app-name .ico-people {
	display: inline-block;
	width: 42px;
	height: 42px;
	position: absolute;
	left: 30px;
	top: 30px;
	background: #fff url(/resources/m/img/i-people.png) no-repeat;
	background-size: cover;
	border-radius: 50%;
}
h3.name {
	position: absolute;
	left: 92px;
	top: 32px;
	font-size: 20px;
	color: #fff;
}
h4.time {
	position: absolute;
	left: 92px;
	top: 60px;
	font-size: 11px;
	color: #9bccf9;
}
.notice-list-wrap {
	padding: 20px 10px 0 10px;
}
.tbl-list {
	width: 100%;
	font-family: 'NanumGothic', arial;
	border-top: 2px solid #0390d9;
	border-bottom: 1px solid #9cd4e2;
}
.tbl-list th {
	height: 30px;
	line-height: 36px;
	text-align: left;
	background: #f5f8fa;
	border-bottom: 1px solid #eaeaea;
	color: #3a6074;
	font-size: 13px;
	padding: 3px 0 3px 5px;
	font-weight: 500;
	vertical-align: text-top;
}
.tbl-list td {
	height: 30px;
	line-height: 24px;
	text-align: left;
	border-bottom: 1px solid #f5f5f5;
	color: #5e5e5e;
	font-size: 14px;
	padding: 3px 10px 3px 10px;
}
.tbl-list td.subject {
	font-size: 16px;
	height: 600;
	color: #000;
}
.tbl-list td.textContent {
	padding: 10px 10px 10px 10px;
}
.btn-wrap {
	text-align: center;
	margin: 20px auto;
}
input.i-check {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid #000;
	vertical-align: bottom;
	line-height: 16px;
	margin: 3px;
	background: #fff;
}
.tbl-check {
	width: 100%;
}
.tbl-check td {
	text-align: center;
	border-bottom: 1px solid #e2e2e2;
	height: 30px;
	font-size: 12px;
}
.tbl-check th {
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	height: 24px;
	background: #6ca6cf;
	background-image: -moz-linear-gradient( 90deg, rgb(88,151,198) 0%, rgb(112,170,218) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(88,151,198) 0%, rgb(112,170,218) 100%);
	color: #fff;
	padding: 3px 0 3px 0;
}
.tbl-check td.item {
	text-align: left;
	padding-left: 10px;
	padding-right: 5px;
	font-size: 12px;
}
select.i-check-select {
	-webkit-box-shadow: none;
	display: inline-block;
	width: 40px;
	float: right;
	height: 20px;
	padding: 0 6px 0 3px;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-radius: 0px;
	margin: 8px 0 8px 0;
	background: url(/resources/m/img/i-arrow-select.png) no-repeat 95% 50%;
	background-size: 23% 30%;
	color: #535252;
	font-size: 12px;
}
h5.guide-txt {
	font-size: 11px;
	line-height: 24px;
	display: inline-block;
	height: 22px;
	margin: 0px;
	vertical-align: middle;
	padding: 0 0 0 10px;
}
.i-delete {
	margin: 0 5px 0 0;
}
.subject-mid label {
	position: relative;
	left: -0px;
	margin: 0 10px 0 0;
	cursor: pointer;
	border: 0px;
	z-index: 30;
	padding: 0 0 0 10px;
}
.subject-mid .i-check {
	position: relative;
	top: 1px;
	margin: 0 10px 0 0px;
	vertical-align: text-bottom
}
.check-item-wrap {
	width: 100%;
	height: 140px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.check-item-wrap li {
	width: 33%;
	float: left;
	height: 70px;
}
.check-item-wrap li label {
	width: 100%;
	text-align: center;
	top: 10px;
}
.check-item-wrap li label input {
	vertical-align: top;
}
.check-item-wrap i {
	position: relative;
	top: 15px;
	display: block;
	height: 32px;
	text-align: center;
	text-decoration: none;
	font-style: normal;
}
.check-item-wrap::after {
	content: '';
	clear: both;
}
.tbl-result input.i-text {
	border: 1px solid #a9a9a9;
	padding: 0 0 0 0;
	font-family: dotum;
	text-align: center;
	height: 20px;
	border-radius: 0px;
	line-height: 20px;
}
.tbl-result input.current {
	background: #dedddd;
	border: 1px solid #a9a9a9;
}
.tbl-result th {
	line-height: 14px;
	text-align: center;
	background: #f5f8fa;
	border-bottom: 1px solid #2a3740;
	border-left: 1px solid #2a3740;
	color: #3a6074;
	font-size: 13px;
	padding: 5px 0 5px 0px;
	font-weight: 500;
	background: #6ca6cf;
	background-image: -moz-linear-gradient( 90deg, rgb(66,85,101) 0%, rgb(99,119,136) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(66,85,101) 0%, rgb(99,119,136) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(66,85,101) 0%, rgb(99,119,136) 100%);
	color: #fff;
}
.tbl-result td {
	height: 35px;
	text-align: center;
	border-bottom: 1px solid #c4c3c3;
	border-left: 1px solid #c4c3c3;
	color: #5e5e5e;
	font-size: 13px;
	padding: 0 7px 0 7px;
}
.tbl-result {
}
.tbl-result .i-textarea {
	width: 100%;
	height: 60px;
	border-radius: 0;
	margin: 5px 0 5px 0;
	border: 1px solid #a9a9a9;
}
.result-wrap h3 {
	position: absolute;
	top: 10px;
	display: block;
	height: 70px;
	border-right: 1px solid #8b9399;
	width: 200px;
	line-height: 80px;
	left: 0px;
	text-align: center;
	font-weight: 600;
}
.result-wrap {
	width: 90%;
	margin: 5px auto;
	height: 30px;
}
.result-input-wrap li {
	float: left;
	width: 50%;
}
.result-input-wrap li input {
	border: 1px solid #a9a9a9;
	padding: 0 0 0 0;
	font-family: dotum;
	text-align: center;
	height: 20px;
	border-radius: 0px;
	line-height: 20px;
}
.file-wrap {
	position: relative;
	width: 90%;
}
input.img-input {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 3;
	opacity: 0;
	width: 90%;
	height: 20px;
	display: inline-block;
	color: #bababa;
}
.input-label {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100px;
	height: 26px;
	margin: 0 0 10px 0;
	background: #efefef;
	color: #fff;
	font-size: 14px;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #d3d1d1;
	color: #5e5e5e;
}
.input-label .glyphicon {
	margin: 0px 5px;
}
.tbl-list input.i-text {
	-webkit-box-shadow: none;
	width: 100%;
	height: 26px;
	padding: 0 0 0 3px;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-radius: 0;
	margin: 0px 0 0px 0;
	color: #535252;
}
.tbl-list .i-textarea {
	-webkit-box-shadow: none;
	width: 100%;
	height: 200px;
	padding: 0 0 0 3px;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	border-radius: 0;
	margin: 5px 0 0px 0;
	color: #535252;
}
.notice-btn-wrap {
	margin: 20px auto;
	text-align: center;
}
.clearFix:after{content: " "; display: table; table-layout: fixed; clear: both !important;}

/* 버튼 ?�소 */
.btn.calculation{background: #AAA; color: #FFF; border: 1px solid #8B9399;}
.btn.btn-primary.edit, .btn.btn-primary.delete{width: calc(50% - 2px); display: inline-block; float: left;}
.btn.btn-primary.edit{margin-right: 4px;}
.btn.btn-primary.listBack{width: 100%; margin-top: 6px;}
.btn.cancel, .btn.save{width: calc(50% - 2px); float: left; display: inline-block;}
.btn.cancel{background: #EB6100; color: #FFF; margin-right: 4px;}
.btn.save{background: #2CA1F8; color: #FFF;}
.btn.regist{width: calc(100% - 30px); background: #2CA1F8; color: #FFF; margin: 10px 15px;}

/* ?�요???�기 */
.form-control.mini{width: 50px;}
.search-simple-wrap .form-group label{display: block; float: none; padding: 0;}
.search-simple-wrap .form-control{width: 100%; float: left; margin: 0;}

/* ?�전?��? ?�역 ?�력 */
.form-group.grade{clear: none; float: left; display: inline-block; margin: 1px 0; padding: 0;}
.form-group.grade > *{float: left;}
.form-group.grade .i-select.needsclick{min-width: 110px; height: 38px; margin: 0 10px 0 0;}
.cmmt .i-select.needsclick{width: 100%; margin: 2px auto;}
.form-group.chkUser{margin: 0; padding: 0;}
.form-group.chkUser .form-control.needsclick{width: 100%; margin: 2px auto;}
.list-safe-wrap li.singleTit, 
.list-safe-wrap li.singleTit .list-safe-content,
.list-safe-wrap li.singleTit a.list-link{height: 80px;}
.list-safe-wrap li.singleTit .list-safe-content .fa-name.atnItem{top: 38px;}
.list-safe-wrap li.singleTit .list-safe-content .fa-name.period{top: 55px;}
.list-safe-wrap li.singleTit .list-safe-content .fa-origin{top: 37px;}
.list-safe-wrap li.singleTit .list-safe-content .fa-checks{top: 55px;}

/*?�전?��? ?�록 ?�업 */
.popup-title{
	height: 50px; 
	background: #4364A9; 
	background-image: -moz-linear-gradient( 90deg, rgb(62,95,169) 18%, rgb(87,122,171) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(62,95,169) 18%, rgb(87,122,171) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(62,95,169) 18%, rgb(87,122,171) 100%);
	color: #FFF; font-size: 18px; border: 1px solid #334EA5; line-height: 48px; margin: 0; padding: 0 0 0 15px; z-index: 5;
}
.popup-title .btn-close{
	width: 32px; height: 32px;
	background-image: -moz-linear-gradient( 90deg, rgb(25,57,130) 18%, rgb(44,80,129) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(25,57,130) 18%, rgb(44,80,129) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(25,57,130) 18%, rgb(44,80,129) 100%);
	color: #82A3D8;
	font-size: 16px; font-weight: 600;
	text-align: center;
	line-height: 30px;
	border: 1px solid #10234A; border-radius: 3px;
	position: relative; top: 9px; right: 10px;
	float: right;
	display: inline-block;
}
.popup-content{margin: 0; padding: 25px 15px 0;}
.popup-content + .btn-wrap{padding: 0 15px;}

/* ?�설물�???// ?�설�?분류???�른 ?�세 검???�면 */
.search-simple-wrap{background: #F6F7F7; border-top: 1px solid #BAB8B8; border-bottom: 1px solid #BAB8B8; margin: 15px 0 30px 0; padding: 7px 15px;}
.search-simple-wrap .form-group{width: 100%; clear: none; margin: 10px 0 0; padding: 0;}
.search-simple-wrap .form-group:nth-of-type(-n+2){margin-top: 0;}

/* ?�용???�록, ?�이??비�?번호 찾기 */
.popup-content.usrFind{border: 1px solid #1971C4; padding-bottom: 30px;}
.nav.nav-tabs.usrInsrtTab{border-bottom: none;}
.nav.nav-tabs.usrInsrtTab > li{width: 50%; background: #D2D4D5; text-align: center; border: 1px solid #BEBDBD; margin: 0;}
.nav.nav-tabs.usrInsrtTab > li > a{color: #5E5E5E; margin: 0;}
.nav.nav-tabs.usrInsrtTab > li.active:nth-of-type(1){border-right: none;}
.nav.nav-tabs.usrInsrtTab > li.active:nth-of-type(2){border-left: none;}
.nav.nav-tabs.usrInsrtTab > li.active{border-top: 2px solid #0093D9; border-bottom: none;}
.nav.nav-tabs.usrInsrtTab > li.active > a, 
.nav.nav-tabs.usrInsrtTab > li.active > a:focus{border: none;}
dl.usrInsrtArea{border-left: 1px solid #BEBDBD; border-right: 1px solid #BEBDBD; border-bottom: 1px solid #BEBDBD; padding: 0 10px 15px;}
dl.usrInsrtArea dt, dl.usrInsrtArea dd{display: inline-block; float: left; margin-top: 18px;}
dl.usrInsrtArea dt{width: 50px; font-weight: 300;}
dl.usrInsrtArea dt.singleLine{padding: 7px 0;}
dl.usrInsrtArea dt.doubleLine{padding: 2px 0;}
dl.usrInsrtArea dd{width: calc(100% - 50px);}
.i-select.needsclick.mini.tel{width: calc((100% / 3) - 1px); height: 38px; float: left; margin: 0;}
.form-group.tel{clear: none; float: left; display: inline-block; margin: 0; padding: 0;}
.form-group.tel .minus{width: 15px; text-align: center; line-height: 30px; display: inline-block;}
.form-group.tel .form-control.needsclick.mini + .form-control.needsclick.mini{margin-left: 10px;}
.form-group.tel .form-control.needsclick.mini{width: 60px; height: 38px; margin: 0;}
.tbl-top-noline {border-top: 0px solid #585858;}

.msrr-img > img { margin-bottom: 10px; }
.msrr-img > img:last-child { margin-bottom: 0; }