@import url("../common.css" );

/* ------------------------------------------------------------
 * Name      : contents.css
 * Updated  : 2016/01/22
 ------------------------------------------------------------ */
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css'); 


html,body{width:100%;height:100%;}

#container {
    /*-- width:auto !important; --*/
	width:100%;
	min-height:100%;
	position:relative;
	padding: 0px;
	margin:0 auto;
	/*background:url(../../images/login/login_bg.gif) 0px 0px repeat-x;*/
	
}

#loginArea {
	width:1000px;
	height:550px;
	margin:0 auto;
	padding:100px 0 0 0;
	left:0;
	top:0;
	position:relative;
	/* _background:url(../../images/login/login_bg_img.jpg) 0 0 no-repeat; */
}

.login_logo{width:1000px;height:60px;margin:10px auto;padding:0; left:0;top:0;position:relative;}


.login_box {
	width:1000px;
	height:379px;
	margin:0 auto;
	position:relative;
	font-size:12px;
	color:#666;
	background:url(../../images/login/login_box.gif) 0 0 no-repeat;
}


/*login*/
.loginTxtArea{
	position:relative;
	top:105px;
	left:465px;
	width:485px;
	height:75px;
	margin:0 0 0 0;
	font-size:12px;
	color:#666
}

.login_txt {float:left;width:485px;height:30px;margin:0 0 10px 0;}
.login_txt2 {float:left;width:485px;height:25px;padding:0 0 0 6px;color:#535353;display:inline;}
.login_txt2 span{color:#e60012;margin:-2px 0 0 0;}
.login {
	position:relative;
	top:30px;
	left:465px;
	width:485px;
	height:176px;
	margin:0 0 0 0;
	font-size:12px;
	color:#666
}
.login_input {
	position:relative;
	top:75px;
	left:0;
	width:485px;
	height:102px;
	margin:0 0 0 0;
	font-size:12px;
	color:#666
}

.btn_login {
	position:absolute;
	top:0;*top:1px;
	right:0;
	z-index:14;
	background:url(../../images/login/btn_login.gif) no-repeat 0 0;position:absolute;
}

.login_input .input_box {
	position:relative;
	z-index:13;
}

#loginArea .login .login_input .loginBtn {position:absolute;top:0px;right:0;}
#loginArea .login .login_input .loginBtn button{width:140px;height:102px;background:url(../../images/login/btn_login.gif) 0 0 no-repeat;}

/* 
button{
	background:url(../../images/login/btn_login.gif) no-repeat 0 0;position:absolute;
	top:0;*top:1px;
	right:0;
	z-index:14;} */


.chk_id{display:inline-block;*float:left;position:relative;margin-top:7px;*margin-top:5px}
.chk_login{vertical-align:middle;margin:-1px 0 1px}
.lbl_long{letter-spacing:-1px;cursor:pointer;cursor:hand}

/* input */
.int_box{display:block;margin-bottom:7px;*margin-bottom:4px;*margin-top:1px;*padding-left:3px;*background:url(../../images/login/bg_input.png) no-repeat 0 0}
.lbl_in{position:absolute;top:12px;*top:12px;left:10px;font-size:14px;font-weight:bold;color:#aaa}

.int{width:100%;height:46px;*margin-top:-1px;padding:0px 0 0 10px;*padding:0px 0 0 7px;border:none;background:url(../../images/login/sp_bg.png) no-repeat 0 0;*background:url(../../images/login/bg_input.png) no-repeat 100% -50px;font-size:14px;font-weight:bold;color:#333}
.focus .int_box{*background:url(../../images/login/bg_input.png) no-repeat 0 -100px}
.focus .int{background-position:0 -49px;*background:url(../../images/login/bg_input.png) no-repeat 100% -150px}


#Footer{width:100%; height:110px;;float:left;margin:40px 0 0 0;padding:0;}
/*#Footer{float:left;width:100%; height:44px;margin:50px 0 0 0;padding:0;position:relative;background:url(../../images/common/footer_bg.gif) 0 0 repeat-x;}*/
#Footer #footerbg{padding:0;margin:0 auto;width:100%;height:100%;background:#313131;}
#Footer .footerIn{padding:0;margin:0 auto;width:1000px;height:100%;}
#Footer .footerIn .logo{float:left;width:120px;padding:0 0 0 25px;}
#Footer .footerIn .address_main{float:left;width:670px;margin:40px 0 0 0;color:#FFFFFF;}