@charset "utf-8";
	html {
		color:#0a1e5a;
		font-size:14px;
		font-family:맑은 고딕;
		background-color:#ffffff;
	}

    #loginArea1 {
        position: relative;
        overflow: hidden;
        width: 1024px;
        height: 735px;
        border:1px #0a1e5a solid; 
        background-image:url(/images/login/login_bg@1031X737.png);
        background-position: center;
        background-repeat: no-repeat;
        margin-bottom: 5px;
    }
    #loginArea {
        width: 1026px;
        height: 350px;
        margin: auto;
        margin-top: 50px;
		/* Firefox */
		background: -moz-linear-gradient(top, #a8dfff, #ffffff);
		/* WebKit - Chrome and Safari */
		background: -webkit-linear-gradient(top, #a8dfff, #ffffff);
		/* Internet Explorer 10 */
		background: -ms-linear-gradient(top, #a8dfff, #ffffff);
		/* Opera */
		background: -o-linear-gradient(top, #a8dfff, #ffffff);
		/* general syntax */
		background: linear-gradient(top, #a8dfff, #ffffff);
    }
     .sub_name {
	color:red;
	font-size:16pt;
	margin-right:10px;
	font-weight:bold;
	}        
    .sys_name {
		color:#333333;
		font-size:32px;
		letter-spacing:1px;
		text-align:right;
		margin-bottom:30px;
	}
    .box {
		color:#0a1e5a;
    	width:138px;
    	height:25px;
    	padding: 0px 5px;
    	font-size:14px;
    	font-weight:700;
    	border:1px solid #88ADC9;
    	border-radius:3px;
	}
    .label  {
   		font-size:12px; 
   		font-weight:bold; 
   		color:#36688F; 
   		font-family:맑은 고딕,"Malgun Gothic", "굴림", Gulim, AppleGothic, Sans-serif;}
    .sbox {
   		color:#0a1e5a;
	 	width:148px; 
	 	height:25px;
		border:1px solid #88ADC9;
      	border-radius:3px;
      	text-align: left;
    }
    span.k-dropdown-wrap.k-state-default > span {
    	color: #0a1e5a;
       	font-size: 14px;
		font-weight: 700;
		line-height: 1.2;
	}       
	span.k-dropdown-wrap.k-state-default > span.k-select {
		line-height: 1.6;
	}
    span.k-dropdown-wrap.k-state-default {
		border-width: 0px;
    	background: none;
	}
	.gonfalon {
        display: inline-block;
      	width: 20px;
        height: 14px;
        vertical-align: middle;
        background-size: 100%;
        margin-right: 8px;
    }
    .login_buttons {
        background: linear-gradient( to top, #B9D3F0, #FFF );
        width:150px; height:30px;
        color:#36688F;
        font-size:20px; font-weight:bold;
        border:1px solid #88ADC9;
        border-radius:3px;
        cursor:pointer;
    }
    .login_buttons:hover{
        background: linear-gradient( to bottom, #DDEBF5, #fff );    
    }
    .infoBox {
		font-family:맑은 고딕;
    	margin:5px 0px;
       	border:1px solid #ff0000;
       	border-radius:3px;
       	background-color: rgba(255, 250, 250, 1);
   	}
    .infoTextHead {
      	font-size:15px; 
      	line-height:2; 
      	font-weight:bold;
    }
    .infoTextBody {
      	font-size:12px; 
      	line-height:2;
    }        
	.copyrights {
		color:#333333;
		font-size:10px;
	}
	
	/* Text Align */
	.c  { text-align: center !important; }
	.l  { text-align: left !important;   }
	.r  { text-align: right !important;  }
	.b  { font-weight: bold !important;  }
       

   	/* Image Properties */
   	.logBlades {
   	/*image is 120 x 120 px*/
      	position: absolute;
      	top: 552px;
      	left: 885px;
      	/* Firefox */
      	-moz-animation: bladeSpin 10s ease-in-out infinite;
      	/* WebKit - Chrome and Safari */
      	-webkit-animation: bladeSpin 10s ease-in-out infinite;
      	/* Opera */
      	-o-animation: bladeSpin 10s ease-in-out infinite;
      	/* general syntax */
      	animation: bladeSpin 10s ease-in-out infinite;
   	}
   	.logStand {
      	/*image is 12 x 130 px*/
      	position: absolute;
      	top: 606px;
      	left: 940px;
   	}
   	.logPlane {
      	position: absolute;
      	top: 0px;
      	left: -100px;
      	/* Firefox */
      	-moz-animation: planeMove 15s 5s linear infinite;
      	/* WebKit - Chrome and Safari */
      	-webkit-animation: planeMove 15s 5s linear infinite;
      	/* Opera */
      	-o-animation: planeMove 15s 5s linear infinite;
      	/* general syntax */
      	animation: planeMove 15s 5s linear infinite;
   	}
   	.logCloud {
      	position: absolute;
      	/* Firefox */
      	-moz-animation: cloudDrift linear infinite;
      	/* WebKit - Chrome and Safari */
      	-webkit-animation: cloudDrift linear infinite;
      	/* Opera */
      	-o-animation: cloudDrift linear infinite;
      	/* general syntax */
      	animation: cloudDrift linear infinite;
   	}
   	.med {
      	/*width 100px*/
      	top: 130px;
      	left: -450px;
      	/* Firefox */
      	-moz-animation-duration: 50s;
      	/* WebKit - Chrome and Safari */
      	-webkit-animation-duration: 50s;
      	/* Opera */
      	-o-animation-duration: 50s;
      	/* general syntax */
      	animation-duration: 50s;
   	}
   	.lrg {
      	/*width 130px*/
      	top: -30px;
      	left: -504px;
      	/* Firefox */
      	-moz-animation-duration: 80s;
      	/* WebKit - Chrome and Safari */
      	-webkit-animation-duration: 80s;
      	/* Opera */
      	-o-animation-duration: 80s;
      	/* general syntax */
      	animation-duration: 80s;
   	}	
   	/* Blades Spinning */
   	/* Firefox */
   	@-moz-keyframes bladeSpin {
      	from { -moz-transform: rotate(0deg); }
      	to { -moz-transform: rotate(1440deg); }
   	}
   	/* WebKit - Chrome and Safari */
   	@-webkit-keyframes bladeSpin {
      	from { -webkit-transform: rotate(0deg); }
      	to { -webkit-transform: rotate(1440deg); }
   	}
   	/* Opera */
   	@-o-keyframes bladeSpin {
      	from { -o-transform: rotate(0deg); }
      	to { -o-transform: rotate(1440deg); }
   	}
   	/* general syntax */
   	@keyframes bladeSpin {
      	from { transform: rotate(0deg); }
      	to { transform: rotate(1440deg); }
   	}
   	/* Clouds drifting */
   	/* Firefox */
   	@-moz-keyframes cloudDrift {
      	from { -moz-transform: translateX(0px); }
      	to { -moz-transform: translateX(1500px); }
   	}
   	/* WebKit - Chrome and Safari */
   	@-webkit-keyframes cloudDrift {
      	from { -webkit-transform: translateX(0px); }
      	to { -webkit-transform: translateX(1500px); }
   	}
   	/* Opera */
   	@-o-keyframes cloudDrift {
      	from { -o-transform: translateX(0px); }
      	to { -o-transform: translateX(1500px); }
   	}
   	/* general syntax */
   	@keyframes cloudDrift {
      	from { transform: translateX(0px); }
      	to { transform: translateX(1500px); }
   	}
   	/* plane Move */
   	/* Firefox */
   	@-moz-keyframes planeMove {
      	from { -moz-transform: translateX(0px) translateY(500px); }
      	to { -moz-transform: translateX(2500px) translateY(-200px); }
   	}
   	/* WebKit - Chrome and Safari */
   	@-webkit-keyframes planeMove {
      	from { -webkit-transform: translateX(0px) translateY(500px); }
      	to { -webkit-transform: translateX(2500px) translateY(-200px); }
   	}
   	/* Opera */
   	@-o-keyframes planeMove {
      	from { -o-transform: translateX(0px) translateY(500px); }
      	to { -o-transform: translateX(2500px) translateY(-200px); }
   	}
   	/* general syntax */
   	@keyframes planeMove {
      	from { transform: translateX(0px) translateY(290px); }
      	to { transform: translateX(3000px) translateY(-600px); }
   	}