@charset "UTF-8";

/* Add here all your css styles (customizations) */
body {
  font-weight: 300;
  font-size: 1.3em;
  font-family: "나눔 고딕", "Nanum Gothic, Helvetica Neue",Helvetica,Arial,sans-serif;; 
  line-height: 1.6;
  color: #555;
  background-color: #fff;
}

.back {
    float: left;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.back:hover, .back:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
}

.message-body {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
}

article > header > h1 {
	
    margin: 0 0 15px 0;
    padding: 15px 0;
    border-bottom: 1px solid whiteSmoke;
    font-size: 2.75em;		

}

/*------------------------------------
  summernote patch.
------------------------------------*/
.note-editor.note-frame {
    border: 1px solid #ccc;
}

.note-toolbar-wrapper {
	z-index : 100;
}


/*------------------------------------
  Bootstrap 
------------------------------------*/

	.modal.left .modal-dialog,
	.modal.right .modal-dialog {
		position: fixed;
		margin: auto;
		height: 100%;
		width: 800px;
		right: 320px;
		-webkit-transform: translate3d(0%, 0, 0);
		    -ms-transform: translate3d(0%, 0, 0);
		     -o-transform: translate3d(0%, 0, 0);
		        transform: translate3d(0%, 0, 0);
	}

	.modal.left .modal-content,
	.modal.right .modal-content {
		height: 100%;
		overflow-y: auto;
	}
	
	.modal.left .modal-body,
	.modal.right .modal-body {
		padding: 15px 15px 80px;
	}

	/*Left*/
	.modal.left.fade .modal-dialog{
		left: -320px;
		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
		        transition: opacity 0.3s linear, left 0.3s ease-out;
	}
	
	.modal.left.fade.show .modal-dialog{
		left: 0;
	}
        
	/*Right*/
	.modal.right.fade .modal-dialog {
		right: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}
	
	.modal.right.fade.show .modal-dialog {
		right: 0;
	}


/*------------------------------------
  Kendo UI
------------------------------------*/

.k-grid-content {
	min-height: 300px;
}

/**

.u-listview {
	width : 100%;
}

.g-width-100x {
	width : 100%;
}

.k-listview {
	display: table-row-group;
}

.k-pager-wrap>.k-link>.k-icon
{
	margin-top : 0px;
	margin-left : .5px;
}

.k-pager-wrap>.k-link { 
	border-color:transparent!important ;
}

.k-pager-wrap .k-link:hover, .k-pager-wrap .k-pager-nav:hover {
	color:#72c02c;
}

.k-item.k-state-selected {
	background-color : #72c02c !important;	
}

.k-pager-numbers .k-state-selected {
	height: 28px;
	border-color:transparent!important;
	background-color : #72c02c !important;	
	border-radius : 50%;
}

.k-pager-refresh.k-link{
	color:#72c02c;
}

.k-pager-refresh.k-link:hover{
	color:#72c02c;
}
*/
/*------------------------------------
  Print
------------------------------------*/
.size-a4 {
	width: 6.2in;
	height: 8.7in;
}