@charset "utf-8";

body {
	background:#555;
}

* {
	border-radius: 0 !important;
}

hr {
	margin: 20px 0 15px 0; border-color:#ccc;
}

.btn {
	box-shadow: none;
}

.btn-u {
   border: 0;
   color: #fff;
   font-size: 14px;
   cursor: pointer;
   font-weight: 400;
   padding: 6px 13px;
   position: relative;
   background: #000;
   white-space: nowrap;
   display: inline-block;
   text-decoration: none;
}

.btn-u:hover {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-u.btn-block {
  text-align: center;
}

.btn-u-lg,
a.btn-u-lg {
   font-size: 18px;
   padding: 10px 25px;
}

/*For FF Only*/
@media (max-width: 768px) { 
   @-moz-document url-prefix() { 
      .btn-u {
         padding-bottom: 6px;
      }
   }
}

.btn-u:hover, 
.btn-u:focus, 
.btn-u:active, 
.btn-u.active, 
.open .dropdown-toggle.btn-u {
   background: #f42b3d;
}

.margin-bottom-10,
.margin-bottom-15, 
.margin-bottom-20 { 
   clear:both;
}
.margin-bottom-10 {
	margin-bottom:10px;
}
.margin-bottom-15 {
	margin-bottom:15px;
}
.margin-bottom-20 {
	margin-bottom:20px;
}


.login-notice p {
	background:url('/resources/welfare/images/ico_square.png') no-repeat; 
	background-position:3px 6px; 
	font-size:13px; 
	letter-spacing:-0.3px; 
	padding-left:10px;
}
.login-notice p .stress {
	color:#333; 
	font-weight:700;
}
.login-find{letter-spacing:-1px !important;}
.login-find {
	text-align:center;
}
.login-find span {
	background:url('/resources/welfare/images/bg-li.gif') no-repeat right; 
	padding:0 10px 0 5px;
}
.login-find span:last-child {
	background:none;
}
.login-find span a {
	color:#444;
}
.login-find span a.red {
	color:#f42b3d;
}
.login-find span a:hover {
	text-decoration:underline;
}

.reg-block {
	position:absolute;
	right:10%;
	top:80px;
	width: 400px;
	padding: 30px;
	background: rgba(255,255,255,0.9);
}

.reg-block .form-control {
	border-color:#777;
}
.reg-block .form-control:focus {
	box-shadow:none; 
	border-color:#f42b3d;
}

.banners-area {
	position:absolute; 
	right:10%; 
	top:481px; 
	width:400px;
}

.copyright {
	position:fixed; 
	bottom:70px; 
	right:10%; 
}


/*For Mobile Devices*/
@media (max-width: 700px) { 
	.reg-block {
		width: 300px;
		position:absolute;
		left:50%;
		top:43%;
		transform:translate(-50%, -50%);
		margin-left:0;
	}

body{background:#ddd;}

	.copyright {
		display:none
	}

	.login-find span {
		font-size:13px; 
		padding:0 10px 0 5px;
	}
}

/* 20170321 추가 */
.btn-u-lg, a.btn-u-lg {letter-spacing:normal;}
.login-find {font-size:14px;letter-spacing: normal; line-height: 1.42857143;}
.reg-block .form-control {letter-spacing:normal;border-radius:0 !important;}

@media (max-width: 700px) { 
    .login-notice p{font-size:12px;}
    .banners-area {width: 300px;position:absolute;left:50%;top:43%;transform:translate(-50%, -50%);margin-left:0;margin-top:265px;}
    .banners-area img{width:300px;}
}
/* 20170321 추가 끝 */

/* 2017-05-25 추가(보람포인트조회 모달) 시작 */
.red {color:#f42b3d}
.text-left {text-align:left}
.text-right {text-align:right}
.ml10 {margin-left:10px}
.modal-text-borderbox {border:1px solid #e7e7e7; padding:20px}
.modal-text-borderbox p {padding:0; margin:0}
.modal-input-borderbox {border:1px solid #e7e7e7; padding:20px 5px; background:#f9f9f9; text-align:center; margin-top:-1px}
.form-25p {display:inline-block; width:20%}
.btn-u-md, a.btn-u-md {font-size: 14px;  padding: 7px 25px;}
.modal-table-box {margin-top:-1px}

.modal-table {border-top:1px solid #333; width:100%; font-size:12px}
.modal-table tr{border-bottom:1px solid #e7e7e7; border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;}
.modal-table th{background:#f4f4f4; padding:7px 5px; color:#333; font-weight:normal; text-align:center; border-right:1px solid #e7e7e7;}
.modal-table td{padding:7px 5px; color:#888; text-align:center; border-right:1px solid #e7e7e7; line-height:150%; background-color:#fff;}

.btn-o {
   border: 0;
   color: #fff;
   font-size: 14px;
   cursor: pointer;
   font-weight: 400;
   padding: 6px 13px;
   position: relative;
   background: #ff8030;
   white-space: nowrap;
   display: inline-block;
   text-decoration: none;
}

.btn-o:hover {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-o.btn-block {
  text-align: center;
}

.btn-o:hover, 
.btn-o:focus, 
.btn-o:active, 
.btn-o.active, 
.open .dropdown-toggle.btn-o {
   background: #ff6600;
}

/* 2017-05-25 추가 끝 */


/*For Mobile Devices*/
@media (max-width: 700px) { 
	.reg-block {
		width: 300px;
		position:absolute;
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		margin-left:0;
	}

	.banners-area {
		/*display:none*/
	}

	.copyright {
		display:none
	}

	.login-find span {
		font-size:13px; 
		padding:0 10px 0 5px;
	}
/* 2017-05-25 추가 시작 */
	.btn-u-md, a.btn-u-md {
		font-size: 14px;
		padding: 7px 10px;
	}

	.form-25p {
	font-size:12px;
	padding:8px 5px;
	}
/* 2017-05-25 추가 끝 */

}