*{box-sizing:border-box;margin:0;padding:0}.bg{background:#fff;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.wrap{flex-direction:column;gap:12px;width:100%;max-width:360px;padding:0 24px;display:flex}.logo{background-image:url(/static/logo.png);background-position:0;background-repeat:no-repeat;background-size:contain;width:100%;height:56px;margin-bottom:24px}.logo:after{content:"미래에셋증권";color:#f58220;letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:56px;display:block}.wrap>div:has(.enter_input){width:100%;position:relative}.enter_input{color:#1a1a1a;background:0 0;border:none;border-bottom:2px solid #e2e8f0;border-radius:0;outline:none;width:100%;padding:18px 0 6px;font-family:inherit;font-size:15px;transition:border-color .2s}.enter_input:focus{border-color:#f58220}.enter_input.big{height:56px}.wrap>div>h5{color:#aaa;pointer-events:none;font-size:14px;font-weight:500;transition:all .18s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.enter_input:focus~h5,.enter_input:not(:placeholder-shown)~h5{color:#f58220;font-size:11px;font-weight:600;top:6px;transform:translateY(0)}.login_btn{color:#fff;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:.3px;background:#f58220;border:none;border-radius:6px;outline:none;width:100%;margin-top:12px;padding:15px;font-size:15px;font-weight:700;transition:opacity .15s}.login_btn:hover{opacity:.88}.login_btn:active,.login_btn.enter-focus{opacity:.75}