.login-list li{position:relative;margin:5px 0 20px}.login-list li h4{font-family:'Noto Sans KR';font-weight:600;font-size:2rem;color:#000;margin-bottom:1rem;letter-spacing:-1px;text-align:left}.user-login{margin:.5rem auto 4rem;padding:2rem 1rem;background:#f9f9f9;border:.1rem solid #ddd;border:1px solid #d0d0d0;overflow:hidden}.user-login .row{max-width:91.5rem}.user-login .row>div{padding:0}.user-login a,.user-login button{display:table;table-layout:fixed;width:100%;max-width:45rem;font-family:'Noto Sans KR';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{display:inline-block;width:4rem;height:4rem;font-size:2.2rem;line-height:1.7;color:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-align:center}.user-login a .title,.user-login button .title{display:table-cell;padding-left:2rem;vertical-align:middle;text-align:left;font-weight:bold}.user-login .naver .icon>i,.user-login .naver-reg .icon>i{background:#02c73c}.user-login .kakao .icon>i,.user-login .kakao-reg .icon>i{background:#fbe300}.user-login .epki .icon>i,.user-login .epki-reg .icon>i{background:#4f218c}.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-family:'Noto Sans KR';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-family:'Noto Sans KR';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}.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-family:'Noto Sans KR';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}}