@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

/*03cf5d*/

*{
	font-family :"Noto Sans KR","Dotum";
}

ul , ol {
	margin:0;padding:0;
}

li {
	list-style:none;margin:0;padding:0;
}

body, html {
	width:100%;height:100%;
}

button{
	font-weight:bold !important;
}

.wrap{
	width:100%;height:100%;padding-left:0;padding-right:0;
}

.wrap-login{
	width:100%;height:100%;padding:0;padding:0;overflow:hidden;
}

.menu{
	border-right:solid 1px #050530;height:100%;position:relative;
}

.content {
	height:100%;overflow-y:auto;padding-bottom:50px;position:relative;
}

.menu > h1 {
	text-align:center;
}

.menu > nav {
	margin-top:50px;
}

.menu > nav > ul > li {
	width:100%;height:50px;background-color:#eee;margin-bottom:2px;display: table;width: 100%;padding-left:10px;font-size:16px;
}

.menu > nav > ul > li.on {
	background-color:#050530;
}

.menu > nav > ul > li:hover {
	background-color:#050530;
}

.menu > nav > ul > li > a{
	vertical-align:middle;	display:table-cell;color:#050530;font-weight:bold;text-decoration:none;
}

.menu > nav > ul > li.on > a{
	vertical-align:middle;	display:table-cell;color:#fff;font-weight:bold;text-decoration:none;
}

.menu > nav > ul > li:hover > a{
	color:#fff;
}

.menu > nav > ul > li > a:before{
	content:'- ';
}

.menu > .logout {
	position:absolute;bottom:10px;width:100%;text-align:center;
}

.menu > .logout > button{
	width:calc( 100% - 15px ) !important;
}

.content > .page-info{
	width:100%;margin-top:13px;
}

.content > .page-info > h2{
	font-size:14px;font-weight:normal;padding-bottom:10px;border-bottom:solid 3px #050530;color:#050530;
	margin-top:10px;
}

.content > .page-info > h2 > span{
	font-size:16px;font-weight:bold;
}

.content > .btn-list{
	width:100%;text-align:right;height:46px;
}

.content > .btn-list-center{
	width:100%;text-align:center;height:34px;
}

.content > .btn-list-center button , .content > .btn-list button{
	padding-left:30px;padding-right:30px;
}

.content > .data-list{
	width:100%;margin-top:10px;
}

.content > .data-list table{
	width:100%;border-collapse:collapse;
}

.content > .data-list table thead th{
	border:none;background-color:#050530;color:#fff;font-size:15px;padding:14px 0px;text-align:center;
}

.content > .data-list table tbody td{
	border:solid 1px #ccc;padding:12px 4px;text-align:center;
}

.content > .data-list table tbody td.left{
	text-align:left;
}

.content > .data-list table tbody td a{
	text-decoration:underline;color:#333;
}

.content > .data-list table tbody td img{
	border:solid 1px #ccc;
}

.content > .detail-list{
	width:100%;margin-top:0px;
}

.content > .detail-list table{
	width:100%;border-collapse:collapse;margin-bottom:30px;
}

.content > .detail-list table thead th{
	border:none;background-color:#050530;color:#fff;font-size:14px;padding:10px 0px;text-align:center;
}

.content > .detail-list table tbody td{
	border:solid 1px #ccc;padding:4px 10px;text-align:center;
}

.content > .paging{
	width:100%;text-align:center;margin:30px auto;
}

.content > .paging > a {
	text-decoration:none;color:#333;font-size:14px;font-weight:bold;border:solid 1px #ccc;padding:10px;border-radius:3px;margin-right:4px;
}

.content > .paging > a.on {
	background-color:#050530;color:#fff;border:none;
}

.content > .data-input {
	width:100%;margin-top:54px;
}

.content h3 {
	font-size:18px;
}

.content h3.inline {
	float:left;margin-top:10px;
}

.content > .data-input table td .checkbox input{
	margin-right:2px;
}

.content > .data-input table td .checkbox label{
	margin-right:10px;
}

.content > .data-input table{
	width:100%;border-collapse:collapse;margin-bottom:30px;
}

.content > .data-input table td{
	border:solid 1px #050530;padding:10px;
}

.content > .data-input table td img.img{
	border:solid 1px #ccc;
}

.content > .data-input table td input{
	margin-right:10px;
}

.content > .data-input table td input.date{
	margin-right:0px;
}

.content > .data-input table td label{
	margin-right:6px;
}

.content > .data-input table td textarea{
	width:90%;
}

.content > .data-input table th{
	background-color:#050530;text-align:center;border-bottom:solid 1px #fff;padding:10px;
}

.content > .data-input table th.last-th{
	border-bottom:solid 1px #050530;
}


.content > .data-input table th label{
	font-weight:bold;font-size:15px;color:#fff;
}

.content > .data-input table td button{
	margin-right:10px;
}

input.w50{
	width:50% !important;
}

input.w70{
	width:70% !important;
}

input.w90{
	width:90% !important;
}


.wrap-login .box{
	width:400px;margin:100px auto;padding:30px;
	border:solid 2px #050530;
}

.wrap-login .box h1{
	text-align:center;margin-bottom:40px;
}

.wrap-login .box .button{
	margin:30px auto 30px auto;text-align:center;
}

.wrap-login .box .button button{
	width:100%;background-color:#050530;
}

.wrap-login .box .checkbox{
	text-align:center;
}

div.line{
	height:4px;
}

div.file-add{
	margin-top:4px;
}


.btn-primary , .btn-primary:hover , .btn-primary:visited , .btn-primary:active , .btn-primary:focus{
	background-color:#050530;
	border-color:#050530;
}

.btn-warning , .btn-warning:hover , .btn-warning:visited , .btn-warning:active , .btn-warning:focus{
	background-color:#fff033;
	border-color:#fff033;
	color:#000;
}