/* General styles */
	html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
	small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,
	aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,
	nav,output,ruby,section,summary,time,mark,audio,video {
	  margin: 0;
	  padding: 0;
	  border: 0;
	  font-size: 100%;
	  font: inherit;
	  vertical-align: baseline;
	}
	html	{width:100%; height:100%; letter-spacing: -1.5px; }
	BODY 	{ background-image:url("../images/layout/login_bg.png") ; background-repeat : no-repeat; background-position : center center;  background-size : cover; font-family:'NanumBarunGothic', sans-serif; box-sizing: border-box;}
	A 		{ color: #000000; text-decoration: none; } 
	input 	{ border: 1px solid #dee3e0; padding: 16px; font-size:16px; color: #999999; } 
	#frame 	{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align:left;  margin: 0 auto;   width:910px; height:500px; clear:none; }
	
	#left { background-image:url("../images/layout/login_left.png");background-repeat:no-repeat; background-size:contain; float:left; width:390px; height:500px;  background-color: rgba(255,255,255,0.5); } 
	#left div{ position: relative; top: 47.5%; left: 50%;  transform: translate(-50%,-50%); padding: 95px 40px;}
	#left div span{ display:block;}
	#left .sub_text {color: #fff; text-align: left;}
	#left .sub_text01 {font-size: 18px;}
	#left .sub_text02 {font-size: 16px; opacity: .5; padding-top: 30px;}
	#left .sub_text03 {font-size: 14px; opacity: .5; padding-top: 100px;}
	#left h2 {padding-top: 20px; color: #fff; text-align: left;}
	#left h2 span {font-weight: 500;}
	#left h2 span:first-child {font-size: 24px;}
	#left h2 span:last-child {font-size: 28px;}
	
	
	/* Login area */ 
	#login { float:left; width:520px; height:100%; background:#fff;  text-align:center; margin:0 auto; padding: 95px 50px; box-sizing: border-box;}
	#login .loginBox { display:block; margin:50px auto 0 auto; }
	#login div:nth-child(5){ text-align:left; margin:10px auto 20px auto; }
	#login div input#user_id,
    #login div input#password{ width:100%; padding: 16px 25px; }
    #login div input#password{ margin-top: 10px;} 
	#login .btn { background: #005eb8; width: 100%; height:60px; line-height:60px; color:#fff; font-size: 16px; display: inline-block; margin-top: 20px;}
	#login .btn:hover { cursor: pointer; border-color: #245aa9; background-color: #245aa9; color: #fff; }
	#login .language { position: absolute; width: auto; top: 20px; right: 20px; }
	#login .idsave {margin-top: 15px; text-align: left;}
	
	
@media(max-width:910px){
	
	BODY	 { background : #00a5e2; }  
	#frame 	 { width: 100%; position: absolute; top: 50%; left: 50%;  transform: translate(-50%,-50%); text-align:left;  margin: 0 auto; }
	#left 	 { display:none }
	#login	 { float:none; width: 90% }
	#login .language { right: 10%; }
}