@charset "utf-8";

input.text{height:26px; margin:0; padding:5px; border:1px solid #b9b9b9;  color:#555;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
-webkit-transition:border-color 0.3s ease-in-out;transition:border-color 0.3s ease-in-out;}
input.text:focus{outline:none; border-color:#888}
.btn-cancel{display:inline-block; padding:7px 10px; border:0 none; background-color:#bbb; color:#fff; cursor:pointer; text-decoration:none}
.btn-submit{display:inline-block; padding:7px 10px; border:0 none; background-color:#484848; color:#fff; cursor:pointer; text-decoration:none}

.login{width:90%; max-width:300px; margin:25px auto 0;/* font-family:dotum,'돋움';*/}
.login input, .login button{font-family:inherit;}
.login .required{background-image:url(./img/input-wrest.gif) !important;}
.login .title{min-width:56px; padding-top:25px;  text-align:center; font-size:23px; font-weight:500; color:#3B8F99;}
.login .form{position:relative; margin-top:24px; padding-top:5px; }
.login .form .input-row{margin-top:10px}
.login .form .input-row .label{display:block; color:#888; font-size:0.90em;  font-weight:500; letter-spacing: -.055em;}
.login .form .input-row .text{margin-top:4px; width:100%; padding:0px 5px; height:40px; border-radius:8px}
.login .form .btn-row{margin-top:15px;text-align:center}
.login .form .btn-row .btn-submit{height:42px; font-weight:500; font-size:20px;border-radius:8px;background:#3B8F99;padding:0 50px}
.login .form .opt-row{margin:15px 2px 0;text-align:center}
.login .form .opt-row .label{padding-left:5px; color:#888; font-size: 13px;}
.login .form .confirm{display:none; position:absolute; top:-2px; left:0; width:100%; height:100%}
.login .form .confirm .inner{position:relative; min-height:100%; background:#fff; border:2px solid #d9d9d9}
.login .form .confirm .inner .p{margin:16px; padding-bottom:49px; line-height:1.6; color:#555}
.login .form .confirm .inner .btn-group{position:absolute; bottom:0; width:100%; padding:10px 16px; background:#f3f3f3;
-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.login .form .confirm .inner .btn-group button{width:50%}
.login .aside{margin-top:20px;text-align:center}
.login .aside .link{margin:0; padding:10px 0; border-width:1px 0; list-style:none}
.login .aside .link li{margin-top:5px; line-height:1;text-align:center;}
.login .aside .link li:first-child{margin-top:0}
.login .aside .link li:before{display:inline-block; width:16px; text-align:center; font-weight:bold; font-size:11px; color:#888; content:'·';}
.login .aside .link li a{font-size:11px; color:#888}
.login .aside .home-link{margin-top:35px; font-size:13px;text-align:center;border:1px solid #ddd;padding:5px 20px;}
.login .aside .home-link a{color:#555;}

.login_btn{ display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background:#1ba2da;
    border: 1px solid transparent;
    border-radius: 4px;
	color:#fff;
	font-weight:bold;
}