.login-form dt{font-weight:500;font-size:2rem;color:#000;margin-bottom:1rem;letter-spacing:-1px;text-align:left}.login-form dd{position:relative;margin:5px 0 20px;padding:20px;border:1px solid #d0d0d0}.login-form dd:before{position:absolute;bottom:0;left:0;font-family:'Font Awesome 5 Pro';font-weight:300;font-size:6rem;color:#f0f0f0;line-height:1em}.user-login{margin:.5rem auto 4rem;padding:2rem 1rem;background:#f9f9f9;border:.1rem solid #ddd;border:1px solid #d0d0d0;overflow:hidden}.user-login a,.user-login button{display:table;table-layout:fixed;width:100%;max-width:45rem;height:50px;font-weight:400;color:#000;background:#fff;border:.1rem solid #d0d0d0;margin:1rem auto}.user-login a .icon,.user-login button .icon{display:table-cell;width:6rem;vertical-align:middle;text-align:right}.user-login a .icon i,.user-login button .icon i{padding:0.5rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-size:2rem;color:#fff}.user-login a .title,.user-login button .title{display:table-cell;padding-left:2rem;vertical-align:middle;line-height:50px}.user-login .naver img{background:#fff;padding:0.5rem}.user-login .kakao img{background:#fbe300;padding:0.5rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.user-login .epki .icon>i{background:#4f218c}.user-login .mobile .icon>i{background:#e60073}.member-login{width:100%;text-align:center;background-color:#f9f9f9}.member-login #member_login_form{display:inline-block;padding:0.5rem;text-align:left}.member-login #member_login_form legend{width:100%;margin-bottom:1rem;white-space:normal;overflow:hidden;word-break:break-all;word-wrap:break-word;font-weight:500}.member-login #member_login_form .member-field,.member-login #member_login_form .member-button{display:block;vertical-align:top}.member-login #member_login_form .member-field p:first-child{margin-bottom:3px}.member-login #member_login_form .member-field label{display:none;width:100%;position:relative;padding-left:1rem}.member-login #member_login_form .member-field label:before{position:absolute;top:50%;left:0;z-index:0;width:4px;height:4px;content:'';margin-top:-2px;background:#9c9c9c}.member-login #member_login_form .member-field input{width:100%}.member-login #member_login_form .member-field input::placeholder{color:#eee;font-style:italic}.member-login #member_login_form .member-field input::-webkit-input-placeholder{color:#eee;font-style:italic}.member-login #member_login_form .member-field input:-ms-input-placeholder{color:#eee;font-style:italic}.member-login #member_login_form .member-button button{width:100%;margin-top:1rem}.member-login #member_login_form .member-join{margin-top:5px}.member-login #member_login_form .member-join span{display:inline-block;font-weight:400;padding:1rem 0}.member-login #member_login_form .member-join a{width:100%;padding:10px 0}@media only screen and (min-width:769px){.user-login a .icon,.user-login button .icon{width:10rem}.user-login:before{content:'\f4b0'}.member-login:before{content:'\f508'}.member-login #member_login_form .member-button button{width:400px;margin-top:12px;padding:16px 0}.member-login #member_login_form .member-join{margin-top:5px}.member-login #member_login_form .member-join span{display:table-cell;position:relative;padding:0 0 0 1rem;font-weight:400}.member-login #member_login_form .member-join span:before{position:absolute;top:50%;left:0;z-index:0;width:4px;height:4px;content:'';margin-top:-2px;background:#9c9c9c}.member-login #member_login_form .member-join a{width:400px;padding:16px 0;margin-top:8px}}