/* 1. IMPORT SECTION */

	@import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css");

/* 2. BASIC STYLES */

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

	html, body {
		width: 100%;
		min-height: 100%;
		overflow: hidden;
		overflow-y: scroll;
	}

	body {
		font-family: "Apple SD Gothic Neo", "Nanum Gothic", "Malgun Gothic";
		font-size: 14px;
		line-height: 1.7857;
		color: #333333;
		background-color: #333 !important;
		background-size: 100% 100%;
		background-position: center center;
	}

	a, a:hover, a:active, a:focus, button:focus {
		text-decoration: none;
	}

	p {
		line-height: 1.5;
	}


	h1, h2, h3, h4, h5, h6 {
		font-weight: 700;
	}

	ol, ul, li {
		list-style: none;
	}

	input, textarea {
		outline: none;
	}

	select::-ms-expand {
		display: none;
	}

	h1, h2,	h3,	h4,	h5,	h6,	span, p, a {
		letter-spacing: -.01em;
	}

	article,aside,canvas,details,figcaption,figure, footer,header,hgroup,menu,nav,section,summary {
	    display:block;
	}

	p.msg > * {
		vertical-align: middle;
	}

	p.msg.top {
		position: relative;
		top: 20px;
	}

	p.msg.right {
		position: absolute;
		top: 0;
		right: 0;
	}

	u {
		cursor: pointer;
	}

	.grey {
		color: #ddd;
	}

	.topSpace {
		margin-top: 40px;
	}

	.bottomSpace {
		margin-bottom: 40px;
	}

	.border {
		border: 1px solid #ddd;
	}

	#back {
		cursor: pointer;
	}

	.container img {
		max-width: 100%;
	}

	.gray {
		color: #999;
	}

	.test {
		background-color: rgba(255, 0, 0, .3);
	}

	.center {
		text-align: center !important;
	}

	.left {
		text-align: left !important;
	}

	.right {
		text-align: right !important;
	}

	input.disable {
		background-color: #eee !important;
	}

	form input {
		-webkit-ime-mode: disabled;
		-moz-ime-mode: disabled;
		-ms-ime-mode: disabled;
		ime-mode: disabled;
	}

	.asset_line {
		position: relative;
		width: 80px;
		height: 1px;
		margin-top: -10px;
		margin-bottom: 10px;
		display: inline-block;
		background-color: #f53f39;
	}

	.asset_line_gray {
		position: relative;
		width: 80px;
		height: 1px;
		margin-top: -10px;
		margin-bottom: 10px;
		display: inline-block;
		background-color: #ccc;
	}

	.asset_line_gray.full {
		width: 100% !important;
	}

	.layout {
		position: relative;
		width: 1024px;
		height: auto;
		min-height: 100%;
		margin: 0 auto;
		padding: 40px;
		background-color: #fff;
		box-shadow: 0 0 10px rgba(0, 0, 0, .7);
	}

	.overlay {
		background-color: #000;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.8;
	}

	.status {
		width: 70px;
		padding: 3px 0;
		color: #fff;
		text-align: center;
		display: inline-block;
	}

	.status.wait {
		background-color: lightgray;
	}

	.status.ok {
		background-color: skyblue;
	}

	.status.more {
		background-color: tomato;
	}

	.title {
		color: #ec3842;
	}

	table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: none;
	}

	table th {
		padding: 14px;
		font-size: 13px;
		border-bottom: 2px solid #eee;
	}

	table tr:hover td {
		background-color: #eee;
	}

	table td {
		padding: 14px;
		font-size: 13px;
		border-bottom: 1px solid #eee;
	}

	table p {
		margin-bottom: 0;
	}

	table tr.warning > td {
		background-color: #fcf8e3;
	}

	table tr.warning:hover > td {
		background-color: #faf2cc;
	}

	.btn_wrapper {
		width: 100%;
		text-align: right;
	}

/*
	Button's Format
*/

	.btn {
		padding: 7px 14px;
		font-size: 13px !important;
		border-radius: 4px;
		border: 1px solid #eee;
		background-color: #fff;
	}

	.btn:hover {
		background-color: #eee;
	}

	.btn.blue {
		color: #fff;
		background-color: #337ab7;
		border: 1px solid #2e6da4;
	}

	.btn.green {
		color: #fff;
		background-color: #5cb85c;
		border: 1px solid #4cae4c;
	}

	.btn.red {
		color: #fff;
		background-color: #d9534f;
		border: 1px solid #d43f3a;
	}

	.btn.pink {
		color: #fff;
		background-color: #fe8483;
		border: 1px solid #f58483;
	}

/*
	common
*/

	.inner_padding {
		padding: 40px;
		margin-top: -40px;
	}

/*
	member form
*/

	.member_form {
		position: relative;
		width: 600px;
		height: auto;
		left: 50%;
		margin-left: -300px;
		top: 50%;
		/* transform: translate(0, -50%); */
		background-color: #fff;
	}

	.login_form {
		margin-top: -156px;
	}

/*
	lnb
*/

	.lnb {
		position: absolute;
		width: 200px;
		height: 100%;
		top: 0;
		left: 50%;
		margin-left: 512px;
		padding: 20px;
		background-color: #fff;
		box-shadow: 10px 0 10px rgba(0, 0, 0, .7);
		z-index: 999;
	}

	.list-group-item {
		cursor: pointer;
	}

/*
	chart
*/

	.data_chart_wrapper {
		width: 100%;
		display: block;
		text-align: center;
	}

	.data_chart_cover {
		width: 400px;
		height: 400px;
		margin: 0 auto;
	}

	#data_chart {
		position: relative;
		width: 400px;
		height: 400px;
		display: inline-block;
	}