@charset "utf-8";


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

html, body {

	letter-spacing:0px;
	font-family : nanum gothic;
	font-size : 14px;
	line-height : 30px;
	margin : 0 auto;
	color:gray;
	padding : 0 0 0 0;
	height: 100%;
	text-align:center;
	
	


	scrollbar-face-color: #747474; 



	scrollbar-shadow-color: #747474; 



	scrollbar-highlight-color: #747474; 



	scrollbar-3dlight-color: #747474; 



	scrollbar-darkshadow-color: #747474; 



	scrollbar-track-color: #f1f1f1; 



	scrollbar-arrow-color: white;


}



table {

	border-collapse: collapse;

}

td,th {

	border:1px solid #d4d4d4;
	font-size:15px;
	padding:5px;
}


th {

	
	font-size:15px;

}


td {

	
	font-size:12px;line-height:20px;

}

img{
	border:0;
}




a {

	text-decoration : none;
	color:gray;


}


a:hover {

	text-decoration : none;
	color:gray;


}

a:active{
	text-decoration : none;
}


.not_mobile { display:none; }
.on_mobile { display:inline-block; }


.login_pannel { width:90%;height:300px;border-radius:0px;border:4px solid #d4d4d4;display:inline-block;text-align:center;font-size:20px;font-weight:bold;color:gray; }
.login_pannel input[type=text] { padding:12px;width:80%;border:1px solid #ededed;border-radius:10px;outline:none;margin-top:10px; }
.login_pannel input[type=password] { padding:12px;width:80%;border:1px solid #ededed;border-radius:10px;margin-top:10px;outline:none; }
.login_btn { width:calc( 80% + 24px );height:40px;border-radius:10px;background:#427eec;color:white;text-align:center;font-size:16px;font-weight:bold;line-height:40px;display:inline-block;cursor:pointer;margin-top:10px; }
.login_btn:hover { background:#3566c1; }

.footer_txt { font-size:11px;color:#c0c0c0;line-height:18px;word-break:keep-all;width:90%;padding-left:5%;padding-right:5%; }

@media all and (min-width:720px){


html, body {

	letter-spacing:0px;
	font-family : nanum gothic;
	font-size : 14px;
	line-height : 30px;
	margin : 0 auto;
	color:gray;
	padding : 0 0 0 0;
	height: 100%;
	text-align:center;
	min-width:720px;
	


	scrollbar-face-color: #747474; 



	scrollbar-shadow-color: #747474; 



	scrollbar-highlight-color: #747474; 



	scrollbar-3dlight-color: #747474; 



	scrollbar-darkshadow-color: #747474; 



	scrollbar-track-color: #f1f1f1; 



	scrollbar-arrow-color: white;


}



table {

	border-collapse: collapse;

}

td,th {

	border:1px solid #d4d4d4;
	font-size:15px;
	padding:5px;
}


th {

	
	font-size:15px;

}


td {

	
	font-size:12px;line-height:20px;

}

img{
	border:0;
}




a {

	text-decoration : none;
	color:gray;


}


a:hover {

	text-decoration : none;
	color:gray;


}

a:active{
	text-decoration : none;
}

.not_mobile { display:inline-block; }
.on_mobile { display:none; }


.login_pannel { width:450px;height:300px;border-radius:0px;border:4px solid #d4d4d4;display:inline-block;text-align:center;font-size:20px;font-weight:bold;color:gray; }
.login_pannel input[type=text] { padding:12px;width:80%;border:1px solid #ededed;border-radius:10px;outline:none;margin-top:10px; }
.login_pannel input[type=password] { padding:12px;width:80%;border:1px solid #ededed;border-radius:10px;margin-top:10px;outline:none; }
.login_btn { width:calc( 80% + 24px );height:40px;border-radius:10px;background:#427eec;color:white;text-align:center;font-size:16px;font-weight:bold;line-height:40px;display:inline-block;cursor:pointer;margin-top:10px; }
.login_btn:hover { background:#3566c1; }

.footer_txt { font-size:11px;color:#c0c0c0;line-height:18px;word-break:keep-all;width:100%;padding-left:0%;padding-right:0%; }
}