.find-account{background:var(--gray1);height:calc(100vh - 80px);margin-top:80px;padding:5em;display:flex;flex-flow:column wrap;justify-content:center;align-items:center}.find-account .tab-menu{background:rgba(54,60,77,.1);width:500px}.find-account .tab-menu button{width:250px;height:50px;font-family:SUITEL}.find-account .tab-menu button.active{color:#fff;font-family:SUITR}.find-account .tab-menu:after{content:"";background:var(--main);border-radius:10px;width:50%;height:100%;position:absolute;top:0;z-index:-1;transition:.3s}.find-account .tab-menu.left:after{left:0}.find-account .tab-menu.right:after{left:50%}.find-account .id-container{display:flex;flex-flow:column wrap}.find-account .form-box{width:500px;margin:1em 0;display:flex;flex-flow:row wrap;align-items:center}.find-account .form-box label{width:300px;margin-bottom:10px;font-size:20px}.find-account .form-box input{background:#fff;width:100%}.find-account .form-box input.confirm{width:calc(100% - 100px - 1em)}.find-account .form-box input:focus{border:1px solid var(--main);background:#fff;color:var(--main)}.find-account .form-box button{background:var(--dark);width:100px;height:40px;margin-left:1em;padding:0 30px;color:#fff}.find-account .form-box button:hover{background:var(--main)}.find-account .form-box p{width:100%;margin:10px 0;color:rgba(54,60,77,.5)}.find-account .form-box p.email-sent-msg,.find-account .form-box p.success{color:var(--main)}.find-account .form-box p.fail{color:var(--red)}.find-account .form-box p span{display:flex;margin-left:10px;font-family:SUITB;color:var(--main)}.find-account .confirm-btn{background:var(--main);width:500px;height:55px;margin-top:2em;transition:.3s}.find-account .confirm-btn:hover{color:#fff}.find-account .confirm-btn:disabled{opacity:.5;cursor:not-allowed}.find-account .confirm-btn:disabled:hover{color:#000}.find-account .msgbox-container .msg-box{width:350px;height:200px}.find-account .msgbox-container .msg-box .title{margin-top:2.5em}.find-account .msgbox-container .msg-box button{background:var(--main);width:100%;height:50px;left:0}.find-account .msgbox-container .msg-box button:hover{color:#fff}.find-account .msgbox-container .msg-box.fail .title{color:var(--red)}.find-account .msgbox-container .msg-box.fail button{background:var(--red)}@media(max-width:1280px){.find-account{padding:3em}}@media(max-width:800px){.find-account{height:calc(100vh - 60px);margin-top:60px;padding:2em}.find-account .tab-menu{width:100%}.find-account .tab-menu button{width:50%}.find-account .form-box,.find-account .form-box label,.find-account>div{width:100%}.find-account .form-box input.confirm{width:calc(100% - 60px)}.find-account .form-box button{width:auto;height:auto;margin-left:10px;padding:5px 10px}.find-account .confirm-btn{width:100%}}