@charset "UTF-8";

/*template====================================*/
html, body {
	width: 100%;
	height: 100%;
	overflow: auto;
	-ms-user-select: none; -moz-user-select: -moz-none; -webkit-user-select: none; -khtml-user-select: none; user-select:none; /*드래그 방지*/
}

button
{
	
	display: inline-block;
	font-weight: 400;
	color: #858796;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.35rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.wrapper {
	width: 100%;
	height: 98%
}

/*layout====================================*/
#header {
	width: 100%;
	height: 10%;
	text-align: center;
	border-bottom: 1px solid;
}

#left {
	float: left;
	width: 15%;
	height: 90%;
	border-right: 1px solid;
	padding: 2% 0% 0% 1%; /*상 우 하 좌*/
}

#body {
	float: left;
	width: 85%;
	height: 90%;
	padding: 2% 0% 0% 3%; /*상 우 하 좌*/
}

/* margin================================= */

/*left*/
.margin-left-5 { margin-left: 5%;}

.margin-left-10 {margin-left: 10%;}

.margin-left-15 { margin-left: 15%;}

.margin-left-20 {margin-left: 20%;}

.margin-left-25 { margin-left: 25%;}

.margin-left-30 {margin-left: 30%;}

/*right*/
.margin-right-5 { margin-right: 5%;}

.margin-right-10 {margin-right: 10%;}

.margin-right-15 { margin-right: 15%;}

.margin-right-20 {margin-right: 20%;}

.margin-right-25 { margin-right: 25%;}

.margin-right-30 {margin-right: 30%;}

/*top*/
.margin-top-5 { margin-top: 5%;}

.margin-top-10 {margin-top: 10%;}

.margin-top-15 { margin-top: 15%;}

.margin-top-20 {margin-top: 20%;}

.margin-top-25 { margin-top: 25%;}

.margin-top-30 {margin-top: 30%;}

/*bottom*/
.margin-bottom-5 { margin-bottom: 5%;}

.margin-bottom-10 {margin-bottom: 10%;}

.margin-bottom-15 { margin-bottom: 15%;}

.margin-bottom-20 {margin-bottom: 20%;}

.margin-bottom-25 { margin-bottom: 25%;}

.margin-bottom-30 {margin-bottom: 30%;}

/* padding================================= */

/*left*/
.padding-left-5 { padding-left: 5%;}

.padding-left-10 {padding-left: 10%;}

.padding-left-15 { padding-left: 15%;}

.padding-left-20 {padding-left: 20%;}

.padding-left-25 { padding-left: 25%;}

.padding-left-30 {padding-left: 30%;}

/*right*/
.padding-right-5 { padding-right: 5%;}

.padding-right-10 {padding-right: 10%;}

.padding-right-15 { padding-right: 15%;}

.padding-right-20 {padding-right: 20%;}

.padding-right-25 { padding-right: 25%;}

.padding-right-30 {padding-right: 30%;}

/*top*/
.padding-top-5 { padding-top: 5%;}

.padding-top-10 {padding-top: 10%;}

.padding-top-15 { padding-top: 15%;}

.padding-top-20 {padding-top: 20%;}

.padding-top-25 { padding-top: 25%;}

.padding-top-30 {padding-top: 30%;}

/*bottom*/
.padding-bottom-5 { padding-bottom: 5%;}

.padding-bottom-10 {padding-bottom: 10%;}

.padding-bottom-15 { padding-bottom: 15%;}

.padding-bottom-20 {padding-bottom: 20%;}

.padding-bottom-25 { padding-bottom: 25%;}

.padding-bottom-30 {padding-bottom: 30%;}

/*height====================================*/
.h-100 {height: 100%;}

.h-90 {height: 90%;}

.h-80 {height: 80%;}

.h-70 {height: 70%;}

.h-60 {height: 60%;}

.h-50 {height: 50%;}

.h-40 {height: 40%;}

.h-30 {height: 30%;}

.h-20 {height: 20%;}

.h-10 {height: 10%;}

/*width====================================*/
.w-100 {width: 100%;}

.w-90 {width: 90%;}

.w-80 {width: 80%;}

.w-70 {width: 70%;}

.w-60 {width: 60%;}

.w-50 {width: 50%;}

.w-40 {width: 40%;}

.w-30 {width: 30%;}

.w-20 {width: 20%;}

.w-10 {width: 10%;}

/*float====================================*/

.float-left{float: left;}
.float-right{float: right;}

/*button====================================*/
.btn-custom-default
{
	/*custom*/
	float: right; 
	width: 6%;
	margin-left: 20px;
	
	/*btn-outline-primary*/
	color: #4e73df;
  	border-color: #4e73df;
}

.btn-custom-default-long
{
	/*custom*/
	float: right; 
	width: 8%;
	margin-left: 20px;
	
	/*btn-outline-primary*/
	color: #4e73df;
  	border-color: #4e73df;
}

.btn-custom-default:hover {
  color: #fff;
  background-color: #4e73df;
  border-color: #4e73df;
}

.btn-custom-remove
{
	/*custom*/
	
	/*btn-outline-danger*/
  color: #e74a3b;
  border-color: #e74a3b;
}

.btn-custom-remove:hover {
  color: #fff;
  background-color: #e74a3b;
  border-color: #e74a3b;
}



.btn-custom-bule
{
	color: #fff;
  	background-color: #4e73df;
  	border-color: #4e73df;
}

/*text====================================*/
.text-va-m {vertical-align: middle;}

.wrap-loading	/*화면 전체를 어둡게 합니다.*/
{ 
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.2); /*not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');    /* ie */
    z-index: 9998;
}

.wrap-loading div	 /*로딩 이미지*/
{
    position: fixed;
    top:50%;
    left:50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 9999;
}

/*감추기*/
.display-none { display:none;}

/*수직정렬*/
.vAlign-m {vertical-align: middle;}


/*etc====================================*/
/*타이틀, 네비 div*/
.div-title, .div-contents
{
	margin-bottom: 1%;
}

/*타이틀, 네비 div - 네비*/
.div-title p 
{
	color: #5a5c69;
	font-size: 10px;
	margin-top: 2%;
	text-align: right;
}

/*타이틀, 네비 div - 타이틀*/
.div-title h3
{
	color: #5a5c69 ! important;
	font-size: 25px;
	font-weight: 500;
}

/*검색조건 div*/
.div-search
{
	margin-bottom: 5%;
}

.div-button
{
	text-align: right;
}