/*
Template Name: Page
Author: 전은출

File: scss
*/
@import url('/css/nanum-barun-gothic/index.css');
/*Theme Colors*/
/**
 * Table Of Content
 *
 * 	1. Color system
 *	2. Options
 *	3. Body
 *	4. Typography
 *	5. Breadcrumbs
 *	6. Cards
 *	7. Dropdowns
 *	8. Buttons
 *	9. Typography
 *	10. Progress bars
 *	11. Tables
 *	12. Forms
 *	14. Component
 */
/*******************
Login register and recover password Page
******************/
.login-register {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  height: 100%;
  width: 100%;
  padding: 10% 0;
  position: fixed; 
  }

.login-box {
  width: 400px;
  margin: 0 auto; }
  .login-box .footer {
    width: 100%;
    left: 0px;
    right: 0px; }
  .login-box .social {
    display: block;
    margin-bottom: 30px; }

#recoverform {
  display: none; }

.login-sidebar {
  padding: 0px;
  margin-top: 0px; }
  .login-sidebar .login-box {
    right: 0px;
    position: absolute;
    height: 100%; }

    
/************* LOGOSSYSTEM CUSTOM CSS *****************/

.box_login { width:840px; margin:0px auto; margin-top:70px; }

table.login	{ font-family:'Nanum Gothic'; border-spacing:20px; margin:0px auto; margin-top:30px; }
table.login td	{ font-size:16pt; }
table.login td > input[type="text"], table.login td > input[type="password"], table.login td > input[type="email"]	{ font-size:16pt; padding:10px 10px 10px 15px; width:390px; border:1px solid #DADADA; background-color:#FFF !important; }
table.login td > input::placeholder { color:#CCC; font-family:'Times New Roman'; font-style:italic; }
table.login td.lg	{ font-size:24pt; color:#222; }
table.login td.lg_red	{ font-size:24pt; color:#FF0000; }
table.login td.sm	{ font-size:12pt; color:#777; }

/* LOGIN BUTTON */
.btn_login1 { background:url('/img/ico_login.png') 30px center no-repeat; font-family:'NanumBarunGothic' !important; }
.btn_login2 { background:url('/img/ico_regist.png') 20px center no-repeat; font-family:'NanumBarunGothic' !important; }
.btn_login3 { font-family:'NanumBarunGothic' !important; }

.btn_login1,.btn_login2,.btn_login3 {
  border-radius: 4px;
  background-color: #5e83b3;
  border: 1px solid #4e73a4;
  color: #FFF;
  text-align: center;
  font-size: 15pt;
  padding: 15px;
  width: 198px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.btn_login1 span, .btn_login2 span , .btn_login3 span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.btn_login1 span:after {
  content:'\00bb';
  color:#fbaf10;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -7px;
  transition: 0.2s;
}
.btn_login2 span:after {
  content:'\00bb';
  color:#c0e238;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -7px;
  transition: 0.2s;
}

.btn_login1:hover span, .btn_login2:hover span , .btn_login3:hover span {
  padding-right: 15px;
}

.btn_login1:hover span:after, .btn_login2:hover span:after , .btn_login3:hover span:after {
  opacity: 1;
  right: -3;
}

p.find_id	{ float:left; margin:0px; width:200px; font-size:12pt; text-align:right; }
p.find_pw	{ float:left; margin:0px 0px 0px 20px; width:210px; font-size:12pt; text-align:left; }
p.find_id a, p.find_pw a	{ color:#000; text-decoration:none; }
p.find_id a:hover, p.find_pw a:hover	{ color:#000; border-bottom:1px dashed #999; }

.text-navy {
  color: #1c84c6 !important;
}


.footer_index	{ border-top:1px solid #97c0cb; text-align:center; padding-top:20px; color:#5e83b3; font-size:11pt; margin-top:50px; }