/* 탭 */
div[data-role=tabbar] > div > ul {display:table; width:100%; padding:0px; margin:0px; table-layout:fixed; list-style:none;}
div[data-role=tabbar] > div > ul > li {display:table-cell; width:auto; height:60px;}
div[data-role=tabbar] > div > ul > li > button {display:block; width:100%; font-size:16px; line-height:60px; border:1px solid #e0e0e0; border-bottom:1px solid #000; border-right:none; text-align:center;}
div[data-role=tabbar] > div > ul > li:last-child > button {border-right:1px solid #e0e0e0;}
div[data-role=tabbar] > div > ul > li.selected > button {border:1px solid #0036ce; color:#fff; background:#0036ce;}
div[data-role=tab] > div > h4 {margin:30px 0; font-size:22px; font-weight:500; line-height:24px; text-align:center;}

/* 팝업 */
main.find div.box_popup {display:none; width:100%; height:100vh; position:fixed; left:0; top:0; z-index:200000; background-color:rgba(0,0,0,.5); }
main.find div.box_popup div.popup {overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:800px; box-shadow:2px 5px 13px rgb(0 0 0 / 20%); border-radius:5px; background:transparent; }
main.find div.box_popup div.popup h2 {box-sizing:border-box; height:60px; padding:0 20px; color:#fff; background:#0036ce; line-height:60px; font-size:18px; }
main.find div.box_popup div.popup h2:after {display:block; content:'' ; clear:both;}
main.find div.box_popup div.popup button.btn_close {float:right; height:60px; line-height:60px; color:#fff;}
main.find div.box_popup div.popup button.btn_close > i {font-size:15px;}
main.find div.box_popup div.popup.email {max-width:600px;}
main.find div.box_popup div.popup.email > div.popup_inner > div {height:auto;}
main.find div.box_popup div.popup > div.popup_inner {padding:20px; background:#fff; box-sizing:border-box;}
main.find div.box_popup div.popup > div.popup_inner > div {height:auto; padding:10px; box-sizing:border-box; overflow-y:auto;}
main.find div.box_popup div.popup > div.popup_inner > div::-webkit-scrollbar {width:10px;}
main.find div.box_popup div.popup > div.popup_inner > div::-webkit-scrollbar-thumb {background-color:#cccccc; border-radius: 10px; background-clip: padding-box; border: 2px solid transparent;}
main.find div.box_popup div.popup > div.popup_inner > div::-webkit-scrollbar-track {background-color:initial; border-radius: 10px; box-shadow: inset 0px 0px 5px white;}
main.find div.box_popup div.popup > div.popup_inner div.line {margin:30px 0; height:1px; background:#e5e5e5;}
main.find div.box_popup div.popup > div.popup_inner > div > div.email_button {text-align:center;}
main.find div.box_popup div.popup > div.popup_inner > div > div.email_button > button {display:inline-block; width:128px; height:48px; font-size:15px; font-weight:600; line-height:48px; border-radius:4px; background:#ebebeb; text-align:center;}
main.find div.box_popup div.popup > div.popup_inner > div > div.email_button > button.btn_submit {background:#0036ce; color:#fff;}
main.find div.box_popup div.popup > div.popup_inner.small > div {height:auto;}
/* 이메일/비밀번호 찾기 */
div.email_search > ul:after {content:''; display:block; clear:both;}
div.email_search > ul > li {float:left; width:calc(100% / 2); padding:180px 15px 25px; border:1px solid #e0e0e0; border-right:0; box-sizing:border-box; background-repeat:no-repeat; background-position:top 40px center;}
div.email_search > ul > li.email_search {border-right:1px solid #e0e0e0; background-image:url(../images/search_ico_email.png);}
div.email_search > ul > li > p {line-height:24px; text-align:center; word-break:keep-all;}
div.email_search > ul > li.cellphone_search {background-image:url(../images/search_ico_cellphone.png);}
div.email_search > ul > li > div[data-role=button] {padding:20px 0 0;}
div.email_search > ul > li > div[data-role=button] > button {width:100%; height:40px; padding:0; font-size:14px; line-height:40px;}
div.password_search > div[data-role=login] > p.help {margin-top:10px; line-height:20px; color:#666;}
div[data-tab=password] > p.sub_title {margin-bottom:30px; font-size:16px; line-height:24px; color:#333; text-align:center;}
/* 이메일 찾기 완료 */
div.box_popup div.popup > div.popup_inner.email_success div[data-role=login] {padding:40px 60px;}
div.box_popup div.popup > div.popup_inner.email_success p.text_complete {font-size:16px; line-height:26px; text-align:center;}
div.box_popup div.popup > div.popup_inner.email_success div.email_complete {margin-top:35px;}
div.box_popup div.popup > div.popup_inner.email_success div.email_complete > p {font-size:22px; line-height:32px; text-align:center; color:#0036ce;}

/* 보조 이메일 찾기 */
div.box_popup div.popup > div.popup_inner.email > div > div[data-role=login] {padding:30px 30px 45px;}
div.box_popup div.popup > div.popup_inner.email > div > div[data-role=login] > div[data-role=input] > input {height:50px;}
div.box_popup div.popup > div.popup_inner.email > div > div[data-role=login] > p.help {margin-top:10px; margin-bottom:0; line-height:20px; color:#666;}
div.box_popup div.popup.email_submit {box-shadow:none;}
div.box_popup div.popup > div.popup_inner.email_submit {width:400px; margin:0 auto; padding-top:30px !important; border-radius:10px;}
div.box_popup div.popup > div.popup_inner.email_submit > div {padding:0;}
div.box_popup div.popup > div.popup_inner.email_submit > div > div[data-role=button] {margin-top:35px; padding:0;}
div.box_popup div.popup > div.popup_inner.email_submit > div > div[data-role=button] > button {width:100%; padding:0;}
div.box_popup div.popup > div.popup_inner.email_submit > div > p {font-size:18px; line-height:26px; text-align:center;}

/* 비밀번호 변경 */
div.box_popup div.popup > div.popup_inner.password_change > div > h5 {margin-bottom:25px; font-size:22px; line-height:24px;}
div.box_popup div.popup > div.popup_inner.password_change > div > div[data-role=login] {margin-top:25px;}
div.box_popup div.popup > div.popup_inner.password_change > div > div[data-role=login] > div > input {height:50px;}
div.box_popup div.popup > div.popup_inner.password_change > div > div[data-role=login] > div.line {margin:20px 0;}
div.box_popup div.popup > div.popup_inner.password_change > div > div[data-role=login] > p.help {margin:10px 0; font-size:14px; line-height:20px; color:#666;}
div.box_popup div.popup.password_change_sucess {box-shadow:none;}
div.box_popup div.popup > div.popup_inner.password_change_sucess {width:400px; margin:0 auto; border-radius:10px;}
div.box_popup div.popup > div.popup_inner.password_change_sucess > div > div[data-role=button] {margin-top:50px; padding:0;}
div.box_popup div.popup > div.popup_inner.password_change_sucess > div > div[data-role=button] > button {width:100%; padding:0;}
div.box_popup div.popup > div.popup_inner.password_change_sucess > div > p {font-size:18px; line-height:26px; text-align:center;}

main.find div[data-tab=email], main.find div[data-tab=password] {display:none;}

@media screen and (max-width:678px) {
    main.find div.box_popup div.popup > div.popup_inner > div > div.email_button > button {display:inline-block; width:100%;}
    main.find div.box_popup div.popup > div.popup_inner > div > div.email_button > button.btn_submit {margin-top:0;}
}