﻿@charset "utf-8"; 
/* JIS Web Standardization Team (http://www.jisman.co.kr) 권미영 */



/* 바디 */
body {
	height:100%;
	overflow:auto;
}

form {
	height:100%;
	overflow:auto;
	background: url(/pilot/login.nsf/login_form_bg.gif); background-position: 50% top; background-repeat: repeat-y;
}

#login_body {
   position: relative;
   width: 100%;
   min-width: 1000px;
   height: 100%;
   min-height: 700px;
   background: url(/pilot/login.nsf/login_bg.jpg); background-position: 50% top; background-repeat: no-repeat;
}

	/* 로그인박스 */
	#login_body #login_bx {
	   position: relative;
	   margin: 0 auto;
	   width: 980px;
	}
	
	   #login_body #login_bx #login_form {
		   position: relative;
		   top: 450px;
		}
		   #login_body #login_bx #login_form #msg {
			   float: left;
			   clear: both;
			   padding: 2px 10px;
			   color: #ee0000;
			   background: rgba(0,0,0,0.5);
			   font-size: 15px;
			   font-weight: bold;
			   text-align: left;
			   display: none;
			}
			
			#login_body #login_bx #login_form #fdPassword {
			   float: left;
			   padding: 5px;
			   clear: both;
			   color: #FFFFFF;
			   font-size: 15px;
			   font-weight: bold;
			   text-align: left;
			}
			
		   #login_body #login_bx #login_form #write {
			   position: relative;
			   float: left;
			   width: 300px;
			}
				#login_body #login_bx #login_form #write input {
					float: left;
					width: 260px;
					height: 40px;
					font-size: 15px;
				   color: #A5AAAA;
				   line-height: 40px;
				   padding: 0px 10px 0px 30px;
				   margin-bottom: 10px;
					border: none;
				}	
				#login_body #login_bx #login_form #write input.login_id {background: #FFFFFF url(/pilot/login.nsf/input_icon_id.gif); background-position: 10px 50%; background-repeat: no-repeat;}	
				#login_body #login_bx #login_form #write input.login_pwd {background: #FFFFFF url(/pilot/login.nsf/input_icon_pwd.gif); background-position: 10px 50%; background-repeat: no-repeat;}	
			#login_body #login_bx #login_form a.btn_login {
				position: relative;
				float: left;
				width: 100px;
				height: 90px;
				font-size: 20px;
			   color: #FFFFFF;
			   line-height: 90px;
			   text-align: center;
				margin-left: 10px;
				background: #00C8B4;
				display: block;	
			}					
			#login_body #login_bx #login_form a:hover.btn_login {background: #00E6C8;}
			#login_body #login_bx #login_form #remember {
				position: relative;
				clear: both;
			}
			   #login_body #login_bx #login_form #remember input[id="remember"] {display: none;}
				#login_body #login_bx #login_form #remember input[id="remember"] + label {
				   width: 110px;
				   height: 25px;
				   background: url(/pilot/login.nsf/login_checkbox.gif); background-position: top left; background-repeat: no-repeat;
				   cursor: pointer;
				   display: inline-block;
				}
				#login_body #login_bx #login_form #remember input[id="remember"]:checked + label:after {content: url(/pilot/login.nsf/login_checkbox_checked.gif); background-position: top left; background-repeat: no-repeat;}
				#login_body #login_bx #login_form #remember label {
				   padding-left: 30px;
				   font-size: 12px;
				   color: #323232;
				   line-height: 20px;
				}
				
/* 해외 */
/* 바디 */
#oversea #login_body {
   position: relative;
   width: 100%;
   min-width: 1000px;
   height: 100%;
   min-height: 700px;
   background: url(/pilot/login.nsf/oversea_login_bg_02.jpg); background-position: 50% top; background-repeat: no-repeat;
}

	/* 로그인박스 */
	#oversea #login_body #login_bx {
	   position: relative;
	   margin: 0 auto;
	   width: 980px;
	}
	
	   #oversea #login_body #login_bx ul#copy_bx {
		   position: relative;
		   float: left;
		}
		   #oversea #login_body #login_bx ul#copy_bx li {margin-bottom: 35px;}
	   
	   #oversea #login_body #login_bx ul#login_form {
		   position: relative;
		   float: right;
		   top: 300px;
		   right:50px;
		}
			#oversea #login_body #login_bx ul#login_form li {margin-bottom: 10px;}
	      #oversea #login_body #login_bx ul#login_form input {
				width: 260px;
				height: 40px;
				font-size: 15px;
			   color: #A5AAAA;
			   line-height: 40px;
			   padding: 0px 10px 0px 30px;
				border: none;
			}	
			#oversea #login_body #login_bx ul#login_form input.login_id {background: #FFFFFF url(/pilot/login.nsf/input_icon_id.gif); background-position: 10px 50%; background-repeat: no-repeat;}	
			#oversea #login_body #login_bx ul#login_form input.login_pwd {background: #FFFFFF url(/pilot/login.nsf/input_icon_pwd.gif); background-position: 10px 50%; background-repeat: no-repeat;}	
		#oversea #login_body #login_bx ul#login_form a.btn_login {
			width: 300px;
			height: 50px;
			font-size: 20px;
		   color: #FFFFFF;
		   line-height: 50px;
		   text-align: center;
		   margin: 0px;
			border-bottom: 2px solid #C38C1E;
			background: #F5B941;
			display: block;	
		}					
		#oversea #login_body #login_bx ul#login_form a:hover.btn_login {background: #C38C1E;}
		#oversea #login_body #login_bx ul#login_form .remember input[id="remember"] {display: none;}
		#oversea #login_body #login_bx ul#login_form .remember input[id="remember"] + label {
		   width: 110px;
		   height: 25px;
		   background: url(/pilot/login.nsf/login_checkbox.gif); background-position: top left; background-repeat: no-repeat;
		   cursor: pointer;
		   display: inline-block;
		}
		#oversea #login_body #login_bx ul#login_form .remember input[id="remember"]:checked + label:after {content: url(/pilot/login.nsf/login_checkbox_checked.gif); background-position: top left; background-repeat: no-repeat;}
		#oversea #login_body #login_bx ul#login_form .remember label {
		   padding-left: 30px;
		   font-size: 12px;
		   color: #323232;
		   line-height: 20px;
		}