@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
body, table, input, textarea, select {
	font: 12px;
	font-family: 'Noto Sans KR', sans-serif;
	color: #333333;
}
.text-center{text-align:center;}
#contents{max-width:1080px;margin:0 auto 30px;padding-left:15px;padding-right:15px;box-sizing: border-box;}
.title_area{
	margin:20px 0; font-size: 20px; height:20px; line-height: 20px; border-left: 2px solid #a50000; color: #323232; font-weight: bold; letter-spacing: -2px;
}
input.input01, textarea.textarea01 {
	border: 1px #e6e6e6 solid;
}
div.title_txt {
	font-size: 13px;
	font-weight: normal;
	color: #646464;
	letter-spacing: -1px;
	line-height: 17px;
	margin-bottom: 5px;
}
div.sh_box {
	overflow: hidden;
	padding: 15px;
	border: 1px #c8c8c8 solid;
	background: #f5f5f5;
}
div.sh_box input#use_name{height:25px;float:left;width:450px;}

.guide_text{font-size:13px;letter-spacing:-1px;}
.ico-mglass {
	position: relative;
	display: inline-block;
	background: #a50000;
	border-radius: 30px;
	height: 10px;
	width: 10px;
	border: 2px solid #fff;
	top: 10px;
	left: 10px;
}
.ico-mglass:after {
	content: "";
	height: 2px;
	width: 9px;
	background: #fff;
	position: absolute;
	top: 11px;
	left: 8px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.btn-search{
	float:left;
	display:inline-block;
	background:#a50000;
	width:38px;
	height:38px;
	line-height:38px;
	vertical-align:middle;
}

/*��ȸ���*/
.bg-white{background-color:#fff !important;}
table.table02{width:100%;}
table.table02 thead th{background-color:#e6e6e6;}
table.table02 tbody th{background-color:#e6e6e6;}
table.table02 tbody td{background:#fafafa;}
/*����*/
.status {display:inline-block;}
.status,
.status li{margin:0;padding:0}
.status li{
	float: left;
	display: inline-block;
	list-style: none;
	padding: 10px;
	border: 1px solid #e8e8e8;
	margin-right: 1px;
	min-width: 50px;
	background:#fafafa;
}
.status li.active{background:#a50000;color:#fff;}

.col-xs-12{
	width:100%;
}
.mb10{margin-bottom:10px;}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
	display: table;
	content: " ";
	width:100%;
}
@media (min-width: 992px){
	.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
		float: left;
	}
}

@media (min-width: 992px){
	.col-md-12{
		width:100%;
	}
	.col-md-6{
		width:50%;
	}
	.col-md-4 {
		width: 33.33333333%;
	}
}

@media (max-width: 600px) {
	#contents,
	.title_area{max-width:100%;width:100%;}
	div.sh_box input#use_name{width:80%;}
}