/* -------------------------------------------------------------------------------------
	메인화면 로그인
------------------------------------------------------------------------------------- */

.login-wrap {
	background: #fff;	
	border-top: 0;	
	height: 141px;
//	overflow: auto;
	font-size: 16px; 
}
.login-wrap .tab-cont { 
	border-left: solid 1px #589DDA; 
	border-right: solid 1px #589DDA; 
	border-bottom: solid 1px #589DDA; 
	padding: 15px;
	padding-bottom: 10px;
} 
.login-wrap fieldset { border: 0; } 

.login {
	border: solid 1px #ccc;
	border-bottom: none;
	padding: 16px 20px 0 20px;
	padding-bottom: 15px;	
	height: 100%; 
}
.login .cont { }
.login .tx { margin-bottom: 5px; text-align: center; }
.login .date { margin-bottom: 10px; text-align: center; }

.login .sep {
	margin-left: 3px; 
	margin-right: 3px; 
}

.login #btn-login {
	height: 45px; 
	display: inline-block; 
	vertical-align: top;
	position: relative;	
	font-size: 16px;
	border: solid 1px #2672ec; 
	border-radius: 3px;
	-webkit-border-radius: 3px;
	width: 100%;
	margin-bottom: 2px;
	text-decoration: none; 
	padding-top: 10px; 
	color: #fff;
}
.login #btn-login:active { color: #fff; }
.login #btn-login i {
	position: absolute;
	top: 0px; 
	left: 0px; 
	display: inline-block; 
	background: url(/img/login/social_button.png) no-repeat; 
	width: 48px; 
	height: 43px;
}

.login #btn-login.naver { background: #45b400; border: solid 1px #45b400; } 
.login #btn-login.naver i { background-position: -0px center; } 
.login #btn-login.kakao { color: #000; background: #f7e000; border: solid 1px #f7e000; } 
.login #btn-login.kakao i { background-position: -48px center; } 
.login #btn-login.google { color: #000; background: #ffffff; border: solid 1px #aaa; } 
.login #btn-login.google i { background-position: -96px center; } 

.login #btn-login.kakao:hover, 
.login #btn-login.google:hover { color: #000; } 

.login .links { padding: 10px 0; font-size: 14px; }
.login .right { float: right; }

/* -------------------------------------------------------------------------------------
	메인화면 로그인 정보
------------------------------------------------------------------------------------- */

.login-info {
	border: solid 1px #ccc; 
//	border-top: solid 3px #589DDA;
	border-bottom: 0; 
	height: 100%;
}

.login-info .hd {
	background: #255480;
	color: #fff;
	text-align: center; 
	padding: 7px 0;
	font-size: 14px; 
}

.login-info .hd .days { font-size: 18px; }
.login-info .hd a { color: #fff; font-size: 14px; display: inline-block; margin-left: 10px; }
.login-info .hd a:active { color: #fff; } 
.login-info .hd a:visited { color: #fff; } 
.login-info .hd span.dot { margin-left: 7px; }

.login-info .user-info {
	padding: 12px; 
	padding-right: 12px; 	
	position: relative; 
}

.login-info .alerts {
	// background: #f5f5f5; 	
//	padding-left: 15px; 
	font-size: 14px; 
//	text-align: right; 
	float: left;
	width: 100%; 
	text-align: center; 
}
.login-info .alerts a { color: #111; }
.login-info .alerts .ico-point { padding-left: 25px; }
.login-info .alerts .ico-point:before { top: 0px; left: 0px }
.login-info .alerts .amount { font-family: Arial; font-size: 16px; position: relative; color: #ee0000; margin-right: 2px; }

.login-info .alerts .expire-day { color: #ee0000; font: 13px "Dotum"; font-weight: 600; } 

.login-info #btn-point-logs:hover { border: solid 1px #777; color: #000; }
.login-info #btn-point-logs { 
	position: relative; 
	top: -3px; 
	margin-left: 7px; 
	border: solid 1px #bbb; 
	height: 27px; 
	font-size: 13px; 
	padding: 0; 
	padding-top: 2px; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	min-width: 44px; 
	width: 44px;
}

.login-info .flat-button:hover { border: solid 1px #777; color: #000; }
.login-info .flat-button { 
	position: relative; 
	top: -3px; 
	margin-left: 7px; 
	border: solid 1px #bbb; 
	height: 27px; 
	font-size: 13px; 
	padding: 2px 5px 0 5px; 
	border-radius: 3px; 
	-webkit-border-radius: 3px; 
	min-width: 44px; 
}

.login-info .user-info .btns { padding: 10px 0 10px 75px; }
.login-info .user-info .btns .sep { margin: 0 5px; }

.login-info .user-info .btns a.logout {
	color: #555; 
	border: solid 1px #ccc; 
	display: inline-block; 
	text-align: center; 
	text-decoration: none; 
	padding: 2px 9px;
}

.tbl-login-info { width: 100%; }

.tbl-login-info td { }
.tbl-login-info td.pic { width: 93px; } 
.tbl-login-info td.pic .user-pic { 	
	width: 80px; 
	height: 80px; 
	position: relative;
	overflow: hidden;
} 

.tbl-login-info .pic i,
.tbl-login-info .pic img { vertical-align: top; } 
.tbl-login-info .pic i { zoom: 0.8; }
.tbl-login-info .pic img { width: 80px; height: 80px; }

.tbl-login-info td.info { font-size: 14px; }
.tbl-login-info td.info ul { }
.tbl-login-info td.info .co-name {}
.tbl-login-info td.info .co-name .ellipsis { max-width: 132px; }
.tbl-login-info td.info .link a { font-size: 14px; }
.tbl-login-info td.info .tx { margin-bottom: 7px; }

.tbl-login-info .info-bt {
	margin-top: 5px; 
}

.tbl-login-info .dot {
	margin-left: 3px; 
	margin-right: 3px; 
}