/* PC */
body {position:relative;height:100%;background-color:#fff;}
.logo_box{position:absolute;top:20px;left:20px;}
#login{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:327px;padding:20px;text-align:center;}
#login .title{margin-bottom:50px;-webkit-border-radius: 15px 15px 0 0;-moz-border-radius: 15px 15px 0 0;border-radius: 15px 15px 0 0;color:#013789;font-size:28px;font-weight:bold;text-align: center;}
#login .lotin_content{background-color: #fff;border-radius: 0 0 15px 15px;}
#login .lotin_content .id_form{height:70px;margin:20px 0;}
#login .lotin_content .id_form input{width:100%;height:100%;padding: 0 20px 0 20px;border:1px solid #e1e1e1;background-color:#fff;}
#login .lotin_content .id_form input:focus {outline-color:#33cc77 !important}
#login .lotin_content .pw_form{height:70px;margin:20px 0 60px 0;}
#login .lotin_content .pw_form input{width:100%;height:100%;padding: 0 20px 0 20px;border:1px solid #e1e1e1;background-color:#fff;}
#login .lotin_content .pw_form input:focus {outline-color:#33cc77 !important}
#login .lotin_content input[type="submit"] {background-color: #1660e8;color: #fff;display: block;margin: 0 auto;padding: 4px 0;width:100%;height:54px;font-size:14px;font-weight:bold;border-radius:6px;cursor:pointer;}
#login .lotin_content .auth_form{height: 30px;margin: 10px auto;width: 80%;text-align: center;font-size: 12px;display:none;}
#login .lotin_content .auth_form .check_info{display:none;}
#login .lotin_content .auth_form input{width:91%;height: 30px;padding: 0 10px 0 10px;}
#login .lotin_content .auth_form .auth_send_btn{width:91%;}
#login .lotin_content .auth_form .tel1{width:25%;}
#login .lotin_content .auth_form .tel2{width:30%;}
#login .lotin_content .auth_form .tel3{width:30%;}
#login .lotin_content .auth_form .counter1{font-size: 13px;}
#login .lotin_content .auth_form .counter2{font-size: 13px;}
#wechat_login{display:none;width: 400px;margin: 10px auto;text-align: center;position: fixed;top: 50%;left: 50%;transform:translate(-50%,-50%);background: #ffffff;border: 1px #c3c3c3 solid;border-radius: 10px;}
.wechat_close_btn{display:none;position:absolute;top: 20px;left: 10px;font-size: 30px;z-index: 1;cursor: pointer;}

/* @eunhye 21.02.17 renewal(360px ~ 760px) 분기점 */
/* Mobile */
@media screen and (max-width:760px){
  #login {width:280px;}
  #login .title{font-size:26px;margin-bottom:30px;}
  #login .lotin_content .pw_form{margin:20px 0 40px 0;}
  #wechat_login{width:90%;}
  .wechat_close_btn{top:0;left:30px;}
}