@charset "utf-8";

input.text{height:26px; margin:0; padding:5px; border:1px solid #d9d9d9; background-color:#f3f3f3 !important; 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:320px; margin:40px auto 0; font-family:dotum,'돋움';padding:20px; border:1px solid #8F8F8F;background:#fff;}
.login input, .login button{font-family:inherit;}
.login .required{background-image:url(./img/input-wrest.gif) !important;}
.login .title{min-width:56px; padding-top:66px; background:url(./img/login-title-icon.png) no-repeat 50% 0; text-align:center;}
.login .form{position:relative; margin-top:24px; padding-top:5px; border-top:2px solid #484848}
.login .form .input-row{margin-top:20px}
.login .form .input-row .label{display:block; color:#888;font-size:1.2em;}
.login .form .input-row .text{margin-top:4px; width:100%; padding:6px 5px;height:33px;}
.login .form .btn-row{margin-top:20px;}
.login .form .btn-row .btn-submit{width:100%; height:37px; font-weight:bold;font-size:1.13em;}
.login .form .opt-row{margin:15px 2px 0}
.login .form .opt-row .label{padding-left:5px; color:#888}
.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}
.login .aside .link{margin:0; padding:10px 0; border:1px solid #d9d9d9; border-width:1px 0; list-style:none}
.login .aside .link li{margin-top:11px; line-height:1;}
.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:25px; text-align:center;}
.login .aside .home-link a{color:#555}