@charset "utf-8";

.modal,
.modal *{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.modal {
    position: relative;
    background: #fff;
    border-radius: 2.4rem;
    font-size: 14px;
    line-height: 1.38;
    color: #141719;
}

/* modal_head */
.modal .modal_head{padding:32px 64px 32px 32px}
.modal .modal_head>h2{font-size:32px;font-weight:600}
.modal .modal_head>p{font-size:16px;line-height:1.5;color:#868e96;margin-top:16px}
.modal .modal_head>p span{color:#141719}

/* modal_bottom */
.modal .modal_bottom{padding:24px 40px;border-top:1px solid #f1f3f5;border-radius:0 0 40px 40px}
.modal .modal_bottom .btn_wrap{display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.modal .modal_bottom .btn_wrap>*{margin-left:12px}
.modal .modal_bottom .btn_wrap .btn{width:auto;min-width:120px;height:56px;display:inline-flex;align-items:center;justify-content:center;text-align:center;background:#0077FF;color:#fff;font-size:18px;font-weight:500;padding:0 48px;border-radius:16px;cursor:pointer}
.modal .modal_bottom .btn_wrap .btn.btn_secondary{background-color:#E4F0FF;color:#0077FF}
.modal .modal_bottom .btn_wrap .btn.btn_gray{background-color:#f1f3f5;color:#495057}
.modal .modal_bottom .btn_wrap .btn.btn_disabled{background:#e4ecff !important;cursor:default !important;pointer-events:none !important}

/* modal_tabs */
.modal .modal_tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.modal .modal_tabs>a{min-width:80px;height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:17px;font-weight:600;line-height:1;color:#868e96;background:#F5F6F8;padding:0 20px;border-radius:2em}
.modal .modal_tabs>a.active{background:#212529;color:#fff}
.modal .modal_tab_content{display:none}
.modal .modal_tab_content.active{display:block}