@charset "utf-8";
/* 로그인 전 */
.ol-before {margin-bottom:20px;padding-bottom:10px}
.ol-logo {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd}
.ol-logo span {display:block;line-height:40px;font-size:26px}
.ol-logo img {display:block;height:40px}
.ol-account {font-size:12px;margin-bottom:5px;font-weight:bold}
.ol-account a:hover {text-decoration:underline}
.ol-before .input {width:100%}
.ol-before .input input[type="text"], .ol-before .input input[type="password"] {width:100%;height:30px;line-height:30px;padding:0 10px;background:#fff;color:#333;border:1px solid #d5d5d5}
.btn-login {margin:10px 0;padding:20px 0 0;border-top:1px solid #ddd}
.btn-login button {display:inline-block;padding:5px 15px;font-size:11px;color:#333;background:#fff;border:1px solid #333}
.btn-login button:hover {color:#fff;background:#333}
@media (max-width:767px){
    .ol-logo img {height:auto;width:250px}
}
/* 소셜로그인 */
.ol-before .login-sns {margin-top:10px;border:0 none;border-top:1px solid #ddd}
.ol-before .login-sns h3 {margin-top:10px;font-size:12px;font-weight:700}

/* 로그인 후 */
.ol-after {margin-bottom:20px;padding-bottom:10px}
.ol-name {margin-bottom:20px;border-bottom:1px solid #ddd}
.ol-logo {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd}
.ol-logo span {display:block;line-height:40px;font-size:26px}
.ol-logo img {display:block;height:40px}
.ol-name h4 {font-size:40px;line-height:40px;font-weight:bold}
.ol-name h4 span {display:block;margin-bottom:10px;color:#4FB0DF}
.ol-name p {margin-bottom:20px;font-size:16px;color:#707070}
.ol-list {margin-bottom:0}
.ol-list li {display:inline-block;margin:0 10px 0 0}
.ol-list li a {display:inline-block;padding:5px 15px;font-size:11px;color:#333;border:1px solid #333}
.ol-list li a:hover {color:#fff;background:#333}
@media (max-width:767px){
    .ol-logo img {height:auto;width:250px}
    .ol-name h4 {font-size:30px;line-height:30px}
}