/* -- User Menu --*/
		body {
			min-width: 1280px;
			margin: 0;
			font-family: 'nanumGothic', sans-serif !important;
			font-size: 14px !important;
		}
		#login {
			position: relative;
			height: 100vh;
			background-image: url(../../images/login/login_main.jpg);
			background-position: center;
			background-repeat: no-repeat;
			background-size: 100% 100%;
			color : #FFF
		}
		
		#login > section > h1 {
			color : #FFF
		}
		
		#login > section > div {
			float: left;
			width: 440px;
			border-radius: 20px 20px 20px 20px;
			background-color : #2c65d3;
			background-size: cover;
			PADDING : 40px
		}
		#login > section {
			position: fixed;
			top: calc(50% - 170px);
			left: calc(60%);
			width: 950px;
			height: 530px;
			margin: auto;
			padding: 0;
			background: transparent;
		}
		
		#login > section > div > form input[type="text"], #login > section > div > form input[type="password"] {
			width: 70%;
			height: 45px;
			margin-bottom: 15px;
			padding: 0 20px;
			border-radius: 5px;
			border: none;
			background-color: rgb(241,241,241);
			line-height: 45px;
			box-sizing: border-box;
		}
		
		#login > section > div > form select {
			width: 70%;
			height: 45px;
			margin-bottom: 15px;
			padding: 0 20px;
			border-radius: 5px;
			border: none;
			background-color: rgb(241,241,241);
			line-height: 45px;
			box-sizing: border-box;
		}
		
		#login > section > div > form select::-ms-expand {
			display: none;
		}

		#login > section > div > form > label{
			display: inline-block;
			width: 100px;
		}
		
		
		#login > section > div > form button {
			width: 94%;
			line-height: 50px;
			border: none;
			border-radius: 5px;
			background: #6699ff;
			font-size: 13px;
			font-weight: 600;
			color: rgb(255,255,255);
			cursor: pointer;
		}
		
		#srOptionLink { 
			margin-top : 15px;
		}
		
		#srOptionLink > ul {
			margin:0;
			padding:0;
		}
		
		#srOptionLink > ul > li {
			margin-left : 45px;
			padding: 0 0 0 0;
			border : 0;
			float: left;
		}
		
		#srOptionLink > ul > li > a {
			font-size : 14px;
			color : inherit;
		}
		
		
		#footer { 
			width: 100%;
			background-color: #FFF;
			height: 66px;
			position: fixed;
			bottom: 0px;
		}
		
		#footer > ul {
			list-style : none;
			position: fixed;
			left : calc(50% - 400px);
			width: 50%; 
			bottom: 11px;
			color : #000;
			font-size : 14px;
		}
		
		#footer > ul > li {
			margin-left: 105px;
			padding: 0 0 0 0;
			border : 0;
			float: left;
			color: #a0a0a0;
		}
		
		#footer > ul > li > a {
			color:#5a5a5a;
			font-size : 14px;
		}
		
		.black_overlay{
			display: none;
			position: absolute;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: gray;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
		
		.white_content {
			display: none;
			position: absolute;
			top: 2%;
			left: 10%;
			width: 85%;
			height: 92%;
			padding: 16px;
			border: 3px solid black;
			background-color: white;
			z-index:1002;
			overflow: auto;
			color: black;
		}
		
		#user_notice > table {
			width :100%;
		}
		
		td {
			padding: 5;
		}