#pages_login {}

#pages_login h2 {font-family:"malgun gothic",dotum;font-size:20px;padding:0 0 10px 0;margin:0;border-bottom:#999999 solid 3px;}
#pages_login .msg {color:#1C5B8C;font-family:dotum;line-height:150%;padding:30px 0 30px 0;}
#pages_login .msg a {color:#999999;font-size:11px;font-family:dotum;}

#pages_login .tab {height:28px;}
#pages_login .tab ul {position:relative;top:1px;padding:0;margin:0;}
#pages_login .tab li {float:left;width:125px;text-align:center;list-style-type:none;border-top:#dfdfdf solid 1px;border-right:#dfdfdf solid 1px;border-bottom:#dfdfdf solid 1px;padding:7px 7px 7px 7px;background:#efefef;cursor:pointer;color:#666666;}
#pages_login .tab .selected {background:#ffffff;color:#000000;border-top:#dfdfdf solid 1px;border-right:#dfdfdf solid 1px;border-bottom:#ffffff solid 1px;}
#pages_login .tab .lside {border-left:#dfdfdf solid 1px;}

#pages_login .agreebox {border:#dfdfdf solid 1px;padding:30px 30px 30px 30px;}
#pages_login .agreebox .tblbox {padding:15px;background:#efefef;}
#pages_login .agreebox table {width:100%;}
#pages_login .agreebox .key {width:75px;padding:10px 10px 10px 0;color:#666666;letter-spacing:-1px;text-align:right;}
#pages_login .agreebox .xfont {color:#999999;}
#pages_login .agreebox .input {width:200px;}
#pages_login .agreebox .submitbox {padding:20px 0 0 108px;}
#pages_login .agreebox .submitbox .btngray {height:25px;}
#pages_login .agreebox .submitbox .btnblue {width:100px;height:25px;}


.form-signin {
  font-family:"Nanum Gothic","malgun gothic",dotum;
  padding: 70px 150px;
  margin: 0 auto;
  border-top: 1px solid #d5d2d2;
  border-bottom: 1px solid #d5d2d2;
}
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 14px;
  height: auto;
  /*padding: 8px;*/
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  margin-top: 0;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"], 
.form-signin input[type="password"] {
  font-family:"Nanum Gothic","malgun gothic",dotum;
  border-radius: 0;
}
.form-signin button {
  width: 140px;
  height: 70px;
}
.form-signin input[type="text"]:nth-child(1) {
  margin-bottom: 5px;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.form-signin li{
  padding:0;
  font-family: "dotum";
  font-size: 13px;
  color: #656565;
}
.form-signin li a{
  font-family: "dotum";
  font-size: 13px;
  color: #656565;
}
.form-signin li span{
  padding:0 10px;
}
.form-signin hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.form-signin .check-label {padding:3px 0;}
.snslog img {cursor:pointer}
.login-btn { text-align:right; }
.form-signin .btn-join {
  height:15px; 
  border-radius: 5px; 
  color:#ffffff;
  margin-left: 10px; 
  line-height: 30px;
}

.form-signin .btn-login {
  font-size: 18px;
}

@media (min-width: 300px) and (max-width: 767px) {
  .form-signin { padding: 10px 20px; }
  .form-signin .btn-login { width: 50px; height: 30px; font-size: 14px;}
}
@media (min-width: 768px) and (max-width: 991px) {
  .form-signin .btn-login { width: 50px; height: 30px; font-size: 14px; margin-right: 15px;}
}