@charset "utf-8";

@import url(normalize.css);
@import url(layout.css);
@import url(font-awesome.min.css);
/* http://www.google.com/webfonts/earlyaccess */
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
body.main{background: url('../img/main/m_bg.png') center top no-repeat;}
.wrap {padding:0px 10px 0px 0px;}

html, body {height: 100%; overflow-x: hidden;}

header
{	
	width:100%;
	position: fixed;
	top:0;
	color: rgba(255,255,255,1);
	background: #cde0e9;
	z-index: 100;
}
/*login*/
#wrap.login{

	background: #cde0e9; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkZTBlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iI2NkZTBlOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #cde0e9 0%, #cde0e9 10%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cde0e9), color-stop(10%,#cde0e9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cde0e9 0%,#cde0e9 10%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cde0e9 0%,#cde0e9 10%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cde0e9 0%,#cde0e9 10%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cde0e9 0%,#cde0e9 10%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cde0e9', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
	}

.login header {	
	height: 105px;
	z-index: 0;
} 
.top_logo {
	width: 845px;
}
.logo {
	margin-top:20px;
}
.login #content {
	z-index: 10;
	background: url() no-repeat center 74px;
}
.login #content .container {
	border-top:1px solid rgba(0,0,0,.05);
	border-bottom:1px solid rgba(0,0,0,.2);
	box-shadow: 0 0 1px rgba(0,0,0, .25);
	background: url(../img/bg_yuhan.jpg) no-repeat right;imgimg

}
.login_box {
	min-width: 320px;
	height:492px;
	background: url(../img/login_bg_green.jpg) center no-repeat;
}

	.login_update {
	 	font-size:13px; 
	 	margin-top:25px;
	 }
	 .logo_chu {
	 	margin-top: 45px;
	 	width : 7em;
	 }
	.login_wrap {
		width: 280px;
		margin: auto;
		padding: 10em 0 2.5em 0;
		color: #636e80;
	}
		.login_wrap label {
			font-size: .75em;
			margin-left: 1.5em;
		}
		.login_wrap input[type=radio]

		{	
			margin-right: 1em;}
		.login_wrap input[type=text],.login_wrap input[type=password]{
			width: 270px;
			font-weight: bold;
			text-indent: 3em;
			padding: 11px 5px;
			margin-bottom: -1px;
			border-radius: 7px;
			border: 1px solid #d7dadf;
			background: #fff url(../img/fa_sprit.png) no-repeat;
			height: 17px;
			font-size: 15px;
			background-size: 16px;
		}
		.btn_a {
		    width: 45%;
		    height: 25px;
		    font-size: 12px;
		    color: #fff;
		    font-weight: bold;
		    padding: 0px 5px;
		    border-radius: 7px;
		    margin-top: 1em;
		    background: rgb(204, 51, 51);
		    border: 1px solid rgba(0,0,0, 0);
		}
		.btn_b {
		    width: 45%;
		    height: 25px;
		    font-size: 12px;
		    color: #fff;
		    font-weight: bold;
		    padding: 0px 5px;
		    border-radius: 7px;
		    margin-top: 1em;
		    margin-left: 22px;
		    background: rgb(51, 153, 204);
		    border: 1px solid rgba(0,0,0, 0);
		}
		.login_wrap input.login_id
		{	
			background-position: 1.4em .7em; 
		}
		.login_wrap input.login_pw
		{	background-position: 1.4em -1.8em; }
		.login_wrap input.login_hp
		{	background-position: 1.4em -4.5em; }
	.find_info {
		margin: 5em 0 -.3em
		padding-top: .3em;		
		border-top:1px solid rgba(0,0,0, .1) 

	}
		.find_info a {
			position: ;
			font-size: .55em;
			color: rgba(66, 65, 64, .75);
			margin-left: 2em;

		}
		.find_info a:hover
		{	text-decoration: underline; }
		.find_info a:first-child
		{	margin-left: 0; }
		.find_info a:last-child:after
		{	display: none; }
		.find_info a:after {
			
		}
	.descipt_tx {		
		padding: .75em 0;
		margin: 0;
		background: #f1f2f4;
	}
		.descipt_tx  {
			height:160px;
			width: 260px;
			font-size: .65em;
			font-weight: bold;
			color: #636e80;
			padding:.5em 0;
			margin: 0 auto;
		}
		.descipt_tx li ul{
			list-style: none;
			padding: 0;
		}
		.descipt_tx li li {
			font-size: 12px;
			font-weight: normal;
		}
	.tx_slogan	{
		position: absolute;
		bottom: 45%;
		left: 465px;
		width: 218px;
	}
/* Mobile devices (mobile, 320px and up, visible-xs) */
@media (min-width: 320px) { 
	header 
	{	height:104px; 	}
	header .utill, .visible_md, .sch_mark .sch_list, .notice_list .tx_date, .scope_col, .login footer p
	{ 	display: none;	}
	.container
	{	margin:1em;	}
	.login .container  {	
		max-width: 420px;
		margin: 1em auto;
	}
	.login .top_logo
	{	margin: 0 1em;}
	h5 
	{	font-size: .75em;}
	.top_logo a, .top_logo strong 
	{ display: inline-block; vertical-align: baseline;}
	#exci
	{ color:#807f7f;}
	.logo, .logo_baekseok { 
		display: block; 
		width: 100px; 
	}
	.top_logo strong {
		font-size:.9em;
		line-height: 1;
		padding-left:.3em;
		margin-left: .3em;
		vertical-align: text-top;
		border-left:1px;
		margin-top:0px;
	}
	.nav-btn{
		position: absolute;
		top: -.5em;
		right: -.5em;
		border: none;
	}
	.login .nav-btn
	{	top: 0; right: 1em;	}
	.login .nav-btn .img-circle	{
		display: block; 
		width: 0px;
		height: 0px;
		background: #fff;
	}
	.login .nav-btn .fa	{	
		font-size: 1.5em;
		color: rgba(51, 153, 204, 1);
		margin: 2px 0 -19px -11px;
		position: static;
	}
	footer p {	
		font-size: .6em;	
		margin-top: 0;
	}
	.tx_copyright {	
		font-size: .5em;
		font-weight: bold;
	}
	.login footer {
		text-align: center;
		margin-top: 2em;
		border: none;
	}
	.login footer p.tx_copyright
	{	display: block; }

}

/*Mobile devices (mobile, 480px and up, visible-sm)*/
@media (min-width: 480px) { 
	.login .container {
		max-width: 860px;
		margin: 1em;
	}
	.login .top_logo 
	{	margin: 0 1em;	}
	.login .nav-btn 
	{	right: 0; 	}
	.login_box {
		margin:0;
		width:420px;
	}
}

/*Mobile devices (mobile, 759px and down)*/
@media (max-width: 759px) { 

}
/* Tablets devices (tablets, 760px and up, .visible-md) */
@media (min-width: 760px) { 
	.logo, .logo_baekseok
	{ display:inline;}
	.login header .container 
	{	margin: 2em 1em;	}

	footer .foot_logo
	{	position: absolute; 	}
	footer p	
	{	margin-left: 250px;	}
	.login footer p	{	
		display: block;
		margin-left: 0; 
		float: none;
	}
	.logo {
		margin-top:30px;
	}
}

@media (min-width: 900px) {
	.top_logo {
		margin: auto !important;
	}
	.login .container 
	{	margin: 1em auto;}
	.login header .container {
		margin: 2em auto;
	}
	.login header .utillmenu 
	{	right: 0; top: 0;	}
	.login .nav-btn	{	
		margin: 0;
		border: none;
	}
}

/* Desktop devices (desktops, 1000px and up, .visible-lg) */
@media (min-width: 1000px) { 
	header .utillmenu {
		position: absolute;
		right: 5em;
		bottom: .5em;
	}
}

/* Desktop devices (large desktops, 1200px and up, .visible-xlg) */
@media (min-width: 1300px) { 

}