/* @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans|Noto+Sans+KR|Russo+One&display=swap&subset=cyrillic,latin-ext');

 
 */

@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 300;
 src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(/fonts/NotoSans/NotoSans-Regular.eot);
 src: url(/fonts/NotoSans/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
 url(/fonts/NotoSans/NotoSans-Regular.woff2) format('woff2'),
 url(/fonts/NotoSans/NotoSans-Regular.woff) format('woff');
 }
 
 
 @font-face {
 font-family: 'NanumSquare';
 font-style: normal;
 font-weight: 300;
 src: local('NanumSquareb'), local('NanumSquareb'), url(/fonts/NanumSquare/NanumSquareb.eot);
 src: url(/fonts/NanumSquare/NanumSquareb.eot?#iefix) format('embedded-opentype'),
 url(/fonts/NanumSquare/NanumSquareb.woff2) format('woff2'),
 url(/fonts/NanumSquare/NanumSquareb.woff) format('woff');
 }


html {
	margin:0;
	padding:0;
  	height: 100%;
}

body {
    font-family: 'Noto Sans KR', sans-serif;
	font-weight: 400;
  	height: 100%;
  	width: 100%;
}

* {
    margin: 0;
    padding: 0;
}

ol,
ul {
    list-style: none;
}

a {
    outline: 0;
    text-decoration: none;
    color: white;
}

a:hover {
    color: #5888c1;
    text-decoration:none;
    font-weight: 600;

}

img {
    border: 0;
}

.left{
 float: left;
 background: #fff;
 background-image: url( "/img/login.png" );
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
 min-height: 937px;
 height: 100%;
 width: 100%;
}


.right{
	float: right;
 	min-height: 937px;
 	height: 100%;
 	width: 100%;
 	margin:auto;
}

.right_box{
	
	width: 50%;
	height:auto;
	
	margin:0 auto;
	/*top: calc(50% - 100px)*/
	margin-top:calc(50% - 200px);



}
.top_title{

	width: 100%;
	margin-bottom: 10px;
}
.top_title h1{
	
	/*font-family: 'Russo One', sans-serif;*/
	font-family:'NanumSquare', sans-serif;
	color:#fff;
	color: #5888c1;
	/*font-size: 62px;*/
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 5px;

}

.top_title h5{
	font-family:'NanumSquare', sans-serif;
	padding-left: 4px;
	color: #5888c1;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 0;
}

.text1 h6{
	color: rgba(255,255,255,0.3);
	color: #c3c3c3;
	font-size: 17px;
	padding: 10px 0 5px;
}

.inputbox{
	font-family: 'Noto Sans KR', sans-serif;
	outline: none;
	color:#fff;
	color: #777;
	/*background: rgba(255,255,255,0);*/
	background: rgba(211,211,211,0);
	/*border: 2px solid #fff;*/
	border: 1px solid #d3d3d3;
	box-sizing: border-box;

}

.form-label-group label{
	color:#c3c3c3;

}


.inputbox:focus{
	/*color: #fff;*/
	color: #777;
	/*background: rgba(255,255,255,0.3);
	border: 2px solid rgba(255,255,255,0);*/
	background: rgba(211,211,211,0.6);
	border: 1px solid rgba(211,211,211,0);

}

.inputbox:hover{
	color: #fff;
	color: #777;
	/*background: rgba(255,255,255,0.3);
	border: 2px solid rgba(255,255,255,0);*/
	background: rgba(211,211,211,0.6);
	border: 1px solid rgba(211,211,211,0);
}

/* placeholder ½ºÅ¸ÀÏ ÁöÁ¤ */
input::-webkit-input-placeholder {
  color: #08c;
  opacity: 1; /* ÆÄÀ̾îÆø½º¿¡¼­ »Ñ¿¸°Ô ³ª¿À´Â Çö»óÀ» ¹æÁöÇϱâ À§ÇÑ css */
}

.checkbox{
	color: rgba(255,255,255,0.8);
	color: #c3c3c3;
}

a:not([href]):not([tabindex]) {
    /* color: inherit; */
	color:#fff;
    text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
    color:#fff;
    text-decoration: none;
}


.login_btn{
	background: #39486e;  
	color:#fff;
	font-size: 18px;
	padding: 11px;
	margin-bottom: 10px;
}

.login_btn:hover{
	background:  #25345a;
	color:#fff;


}

.login_btn img{
	float: left;


}

.login_btn span{
	margin-left: -12px;
}


.bottom_link button{
	float: left;
	display:block;	
	width: 100%;
	height: 34px;
	line-height: 34px;
	padding: 0 10px;
	color: #fff;
	background:#5888c1; 
	border:none;
	outline: none;
	box-sizing: border-box;
}
.bottom_link  button img{
float: left;
padding: 7px 0;
}
.bottom_link  button span{
	margin-left: -8px;
	color: #fff;
	font-size: 16px;
}

.bottom_link button:hover {
    background:  #4474ad;
    text-decoration:none;

}

.bottom_link span{
	padding: 0 10px;
	color:rgba(255,255,255,0.5);
	color: #c3c3c3;
}


/*.footer{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px;
	width: 100%;
	color: white;
	background-image: url( "../img/logo_color.png" );
 	background-repeat: no-repeat;
 	background-position: center 20px;
 	background-size: 220px;

}*/
.footer{
	font-family:'NanumSquare', sans-serif;
	font-weight: lighter;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;

	height: auto;
	width: 100%;

}

.footer_box{
	width:50%;
	margin:auto;
}
.footer_box img{
	display: block;
	max-width: 240px;
	height: auto;
	margin:0 auto;
}
.footer_box span{
	display: block;
	margin: auto;
	/*margin-top: 65px;*/
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center;
	font-size: 12px;
	color:rgba(211,211,211,1);

}

/* ----------------------------- disabled    */
input:disabled {
   /* color: -internal-light-dark-color(rgb(84, 84, 84), rgb(170, 170, 170)); */
    cursor: default;
	/*  background-color: -internal-light-dark-color(rgb(235, 235, 228), rgb(45, 45, 45)); */
color: rgba(211,211,211, 0.8);
background: rgba(211,211,211, 0.4);
}

input:focus{
	background: #f2faff;
 	border:1px solid #5888c1;
	box-sizing: border-box;
}

select:focus{
	background: #f2faff;
 	border:0.5px solid #5888c1;
	box-sizing: border-box;
}

select:disabled {
	   /* color: -internal-light-dark-color(rgb(84, 84, 84), rgb(170, 170, 170)); */
		cursor: default;
		/*  background-color: -internal-light-dark-color(rgb(235, 235, 228), rgb(45, 45, 45)); */
		color: rgba(211,211,211, 0.8);
		background: rgba(211,211,211, 0.4);
}



.disabled{
/* background: #d3d3d3; */
background: rgba(211,211,211, 0.4);
cursor: default;
color: rgba(211,211,211, 1);
}

.disabled:hover{
  background: rgba(211,211,211, 0.4);
  color: rgba(211,211,211, 1);

}

/* ----------------------------- disabled  end  */