body { margin:0;padding:0; }

  .wrap_sign_in .wrap_title .title,
  .wrap_sign_in .wrap_title .btn_close,
  .wrap_sign_in .wrap_form_banner .form_sign_in .info_ssl,
  .wrap_sign_in .wrap_form_banner .form_sign_in label span,
  .wrap_sign_in .wrap_form_banner .form_sign_in a.submit1,
  .wrap_sign_in .wrap_form_banner .form_sign_in .find_auth,
  .wrap_sign_in .wrap_form_banner .form_sign_in .wrap_sign_up .desc,
  .wrap_sign_in .wrap_form_banner .form_sign_in .wrap_sign_up .btn_sign_up { background:url(//img-banana.bizhost.kr/banana_web_20181015/sprite_sign_in.png) no-repeat 0 0; }

  .wrap_sign_in { width:100%; }
  .wrap_sign_in .wrap_title { border-bottom:1px solid #98bef9;position:relative; }
  .wrap_sign_in .wrap_title .title { background-position:0 0;width:61px;height:22px;margin:17px auto 15px; }
  .wrap_sign_in .wrap_title .btn_close { background-position:0 -22px;width:55px;height:54px;position:absolute;right:0;top:-17px; }

  .wrap_sign_in .wrap_form_banner { padding:42px;width:849px;margin:0 auto; }
  .wrap_sign_in .wrap_form_banner .form_sign_in, .wrap_sign_in .wrap_form_banner .wrap_banner, .wrap_sign_in .wrap_form_banner .divider { float:left; }
  .wrap_sign_in .wrap_form_banner .form_sign_in { border:1px solid #e4e4e4;width:544px; height: 460px; padding-top: 20px;}
  .wrap_sign_in .wrap_form_banner .form_sign_in .info_ssl { background-position:0 -76px;width:347px;height:108px; }
  .wrap_sign_in .wrap_form_banner .form_sign_in form { padding:1px 39px; }
  .wrap_sign_in .wrap_form_banner .form_sign_in label { display:block;margin:0 9px 10px 0;float:left; }
  .wrap_sign_in .wrap_form_banner .form_sign_in label span { display:block;float:left; }
  .wrap_sign_in .wrap_form_banner .form_sign_in .label_id span { background-position:-61px 0;width:35px;height:13px;margin:14px 27px 0 0; }
  .wrap_sign_in .wrap_form_banner .form_sign_in .label_pass span { background-position:-61px -13px;width:47px;height:13px;margin:14px 15px 0 0; }
  .wrap_sign_in .wrap_form_banner .form_sign_in input[type=text],
  .wrap_sign_in .wrap_form_banner .form_sign_in input[type=password]{ width:292px;height:40px;padding:10px 11px;display:inline-block;border:1px solid #ccc;box-shadow:inset 0 1px 3px #ddd;border-radius:4px;vertical-align:middle;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
  .wrap_sign_in .wrap_form_banner .form_sign_in a.submit1 { background-position:0 -184px;width:103px;height:94px; }
  .wrap_sign_in .wrap_form_banner .form_sign_in input[type=text]:focus,
  .wrap_sign_in .wrap_form_banner .form_sign_in input[type=password]:focus,
  .wrap_sign_in .wrap_form_banner .form_sign_in a.submit1:focus { outline:0;border-color:#129FEA; }

  .wrap_sign_in .wrap_form_banner .form_sign_in .find_auth { background-position:-55px -26px;width:133px;height:19px;margin:16px 0 0 62px; }
  .wrap_sign_in .wrap_form_banner .form_sign_in .wrap_sign_up { margin:19px 29px 0;border-top:1px solid #e4e4e4; }
  .wrap_sign_in .wrap_form_banner .form_sign_in .wrap_sign_up div { float:left; }
  .wrap_sign_in .wrap_form_banner .form_sign_in .wrap_sign_up .desc { background-position:-103px -184px;width:259px;height:32px;margin:18px 0 0 41px; }
  .wrap_sign_in .wrap_form_banner .form_sign_in .wrap_sign_up .btn_sign_up { background-position:-103px -216px;width:94px;height:37px;margin:15px 0 0 40px; }

  .wrap_sign_in .wrap_form_banner .divider { background-color:#e4e4e4;width:1px;height:345px;margin:0 20px; }

  .wrap_sign_in .wrap_form_banner .wrap_banner { border:1px solid #f1f1f1;height:345px; }

  
  .tab-list-wrap {
    width: 100%;
    height: 30px;
    padding-bottom: 10px;
    font-size: 15px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.tab-list-wrap ul {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #888;
}

.tab-list-wrap ul li {
    width: 50%;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    list-style: none;
    cursor: pointer;
} 

.tab-list-wrap ul li.active {
    color: #0078e7;
    font-weight: 800;
    border-bottom: 3px solid #0078e7;
}

.qr_login {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.qr_login > div {
    display: flex;
    font-size: 12px;
}

.qr_login > div >:nth-child(1) {
    width: 55%;
}

.qr_login > div >:nth-child(2) {
    width: 40%;
    text-align: center;
}

.qr_login > div div h5 {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #212b36;
    margin-bottom: 12px;
}

.qr_login div ul {
    padding: 0;
    margin: 0;
}

.qr_login div ul li {
    list-style: none;
}

.qr_login div ul li p {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #454f5b;
    list-style: decimal;
}

.qr_login div ul li .num_code {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    margin-left: 14px;
    background: #f1f4f6;
    font-size: 24px;
    line-height: 28px;
    color: #212b36;
    font-weight: bold;
}

.qr_login div ul>:last-child {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.qr_login div ul>:last-child P {
    color: #768695;
    font-size: 12px;
    line-height: 17px;
    margin-left: 5px;
}

.qr_login > div >:nth-child(2) div {
    width: 160px;
    height: 160px;
    margin: 0 auto;
    background-color: #454f5b;
}

.qr_login > div >:nth-child(2) p {
    margin-top: 20px;
}

.qr_retry {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 30px 0;
}

.qr_retry img {
    width: 40px !important;
}

.qr_retry>:nth-child(2) {
    width: 100% !important;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    color: #454f5b;
}

.qr_retry>:nth-child(3) {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #346aff;
}

.tab-content {
    display: none;
}

.tab-content.show {
    display: block;
}