@charset "UTF-8";
@use 'base';
/* tab_cont */
/* animation */
.auth_wrap {
  background: white;
  z-index: 10; }
  .auth_wrap.join .auth_group {
    padding: 50px 0; }
    .auth_wrap.join .auth_group .auth_section {
      border: none; }
      .auth_wrap.join .auth_group .auth_section .auth_item h2 {
        color: #272729;
        font-weight: 600;
        text-align: center; }
      .auth_wrap.join .auth_group .auth_section .auth_item .join_list {
        padding: 0 10px;
        margin-top: 0;
        border: 1px solid rgba(221, 221, 221, 0.9); }
        .auth_wrap.join .auth_group .auth_section .auth_item .join_list li {
          margin: 18px 0; }
          .auth_wrap.join .auth_group .auth_section .auth_item .join_list li.entire {
            padding-bottom: 15px;
            border-bottom: 1px solid rgba(221, 221, 221, 0.6); }
            .auth_wrap.join .auth_group .auth_section .auth_item .join_list li.entire input[type="checkbox"] + label {
              font-size: .93em;
              font-weight: 600;
              color: #4c6199; }
          .auth_wrap.join .auth_group .auth_section .auth_item .join_list li.require label {
            font-weight: 600; }
      .auth_wrap.join .auth_group .auth_section .auth_item .login_complete .logo_wrap h3 {
        color: #444444;
        font-weight: 300; }
        .auth_wrap.join .auth_group .auth_section .auth_item .login_complete .logo_wrap h3 em {
          color: #272729;
          font-style: normal;
          font-weight: 500; }
      .auth_wrap.join .auth_group .auth_section .auth_item .login_complete .logo_wrap p {
        margin-top: 30px;
        font-size: .75em;
        text-align: left; }
  .auth_wrap.private .auth_group {
    width: 100%; }
    .auth_wrap.private .auth_group .auth_section .auth_item h2 {
      font-weight: 600; }
    .auth_wrap.private .auth_group .auth_section .auth_item .tab_wrap {
      margin-top: 20px; }
      .auth_wrap.private .auth_group .auth_section .auth_item .tab_wrap .tab_section {
        display: flex; }
        .auth_wrap.private .auth_group .auth_section .auth_item .tab_wrap .tab_section .tab_nav {
          flex: 1; }
      .auth_wrap.private .auth_group .auth_section .auth_item .tab_wrap .tab_nav .active a {
        color: #4c6199;
        font-weight: 600; }
      .auth_wrap.private .auth_group .auth_section .auth_item .tab_wrap .selectbox_wrap {
        display: flex;
        margin-top: 10px;
        align-items: center;
        justify-content: flex-end; }
        .auth_wrap.private .auth_group .auth_section .auth_item .tab_wrap .selectbox_wrap span {
          margin-right: 20px;
          font-size: .85em; }
      .auth_wrap.private .auth_group .auth_section .auth_item .tab_wrap .text_area {
        overflow-x: hidden;
        overflow-y: auto;
        display: block;
        padding: 20px 0;
        height: 680px;
        text-align: left;
        border-top: 1px solid #dddddd;
        border-bottom: 1px solid #dddddd; }
        .auth_wrap.private .auth_group .auth_section .auth_item .tab_wrap .text_area pre {
          padding: 10px;
          white-space: break-spaces;
          font-size: .85em;
          line-height: 2; }
  .auth_wrap.leave .logo_wrap {
    margin-bottom: 25px !important; }
  .auth_wrap.leave .payment_group h4 {
    font-size: .9em; }
  .auth_wrap.leave .payment_group ul {
    background: none !important; }
    .auth_wrap.leave .payment_group ul li {
      padding: 5px 0; }
      .auth_wrap.leave .payment_group ul li input[type="checkbox"] + label:before {
        border: 1px solid #666666; }
  .auth_wrap.leave .payment_group .txt_info {
    font-size: .8em !important; }
  .auth_wrap.leave .certify_wrap {
    margin-top: 15px; }
    .auth_wrap.leave .certify_wrap label#lblCertification {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #4c6199; }
      .auth_wrap.leave .certify_wrap label#lblCertification i {
        margin-top: 2px;
        font-size: 1.4em; }
      .auth_wrap.leave .certify_wrap label#lblCertification span {
        font-weight: bold;
        margin-left: 2px; }
    .auth_wrap.leave .certify_wrap button {
      width: 100%; }
    .auth_wrap.leave .certify_wrap .checkbox_wrap {
      margin-top: 7px; }
  .auth_wrap.leave .btn_wrap {
    text-align: right; }
    .auth_wrap.leave .btn_wrap button.btn_type_cancel {
      border: 1px solid #dddddd; }
  .auth_wrap.password .btn_wrap {
    display: none; }
    .auth_wrap.password .btn_wrap.on {
      display: block; }
    .auth_wrap.password .btn_wrap.off {
      display: none; }
  .auth_wrap.search .auth_group {
    min-height: 500px; }
    .auth_wrap.search .auth_group .auth_section {
      border: none; }
      .auth_wrap.search .auth_group .auth_section .auth_item {
        border: 1px solid #aaa; }
  .auth_wrap.search .btn_type_confirm {
    width: 100%;
    height: 40px;
    font-size: 1em; }
  .auth_wrap.mypage:after {
    content: '';
    display: block;
    width: 100%;
    height: 250px;
    background: #4c6199;
    background: linear-gradient(312deg, #aab0c0 0%, #d0d0d0 0%, #7a88ac 0%, #4c6199 100%); }
  .auth_wrap.mypage.inner:after {
    content: '';
    display: none;
    background: white; }
  .auth_wrap.mypage.inner .auth_group .auth_section {
    padding: 0;
    min-height: auto; }
    .auth_wrap.mypage.inner .auth_group .auth_section .auth_item .auth_area .logo_wrap {
      padding-bottom: 10px;
      border-bottom: 1px solid #dddddd;
      text-align: left; }
      .auth_wrap.mypage.inner .auth_group .auth_section .auth_item .auth_area .logo_wrap h3 {
        display: inline-block;
        position: relative;
        padding: 0 3px;
        color: #444444;
        font-size: 1.1em;
        border: none; }
        .auth_wrap.mypage.inner .auth_group .auth_section .auth_item .auth_area .logo_wrap h3:after {
          content: '';
          position: absolute;
          display: block;
          bottom: -11px;
          width: 100%;
          height: 3px;
          background: #4c6199; }
  .auth_wrap.mypage .auth_group {
    width: 1280px; }
    .auth_wrap.mypage .auth_group .auth_section {
      display: flex;
      flex: 1;
      padding: 30px;
      min-height: 848px; }
      .auth_wrap.mypage .auth_group .auth_section .auth_item {
        display: flex;
        flex: 1;
        padding: 0; }
        .auth_wrap.mypage .auth_group .auth_section .auth_item b {
          color: #4c6199;
          font-weight: 600;
          font-size: 1.1em; }
        .auth_wrap.mypage .auth_group .auth_section .auth_item .auth_area {
          position: relative;
          padding: 20px;
          margin-right: 20px;
          min-width: 190px;
          min-height: 618px;
          background: white;
          border-radius: 3px;
          box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); }
          .auth_wrap.mypage .auth_group .auth_section .auth_item .auth_area .logo_wrap {
            text-align: center; }
            .auth_wrap.mypage .auth_group .auth_section .auth_item .auth_area .logo_wrap h3 {
              color: #444444;
              border-bottom: 1px solid #4c6199; }
          .auth_wrap.mypage .auth_group .auth_section .auth_item .auth_area .info_wrap {
            text-align: center; }
            .auth_wrap.mypage .auth_group .auth_section .auth_item .auth_area .info_wrap button {
              width: 100px;
              height: 100px;
              font-size: 2em; }
            .auth_wrap.mypage .auth_group .auth_section .auth_item .auth_area .info_wrap span {
              display: inline-block;
              margin-top: 10px;
              font-size: 1em;
              color: #444444; }
          .auth_wrap.mypage .auth_group .auth_section .auth_item .auth_area .tab_nav {
            margin-top: 20px; }
            .auth_wrap.mypage .auth_group .auth_section .auth_item .auth_area .tab_nav li {
              border-bottom: 1px solid rgba(102, 102, 102, 0.3); }
              .auth_wrap.mypage .auth_group .auth_section .auth_item .auth_area .tab_nav li:after {
                content: '';
                display: block;
                margin-top: 2px;
                width: 0;
                height: 1px;
                background: #4c6199; }
              .auth_wrap.mypage .auth_group .auth_section .auth_item .auth_area .tab_nav li a {
                display: block;
                padding: 12px 5px;
                font-size: .95em;
                font-weight: 400;
                color: #444444; }
              .auth_wrap.mypage .auth_group .auth_section .auth_item .auth_area .tab_nav li.active:after {
                width: 100%;
                animation: border_animate .3s ease-in; }
              .auth_wrap.mypage .auth_group .auth_section .auth_item .auth_area .tab_nav li.active a {
                font-weight: 500;
                color: #4c6199; }
        .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area {
          width: 100%; }
          .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .insert_group {
            padding: 20px;
            box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3);
            border-radius: 3px;
            background: white; }
            .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .insert_group h4 {
              position: relative;
              padding-left: 5px;
              padding-bottom: 10px;
              border-bottom: 1px solid #dddddd;
              font-weight: 500; }
              .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .insert_group h4:before {
                content: '';
                position: absolute;
                top: 6px;
                left: 0;
                width: 2px;
                height: 15px;
                background: #4c6199; }
            .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .insert_group .insert_tit {
              display: flex;
              height: 32px;
              justify-content: space-between;
              border-bottom: 1px solid #dddddd; }
              .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .insert_group .insert_tit h4 {
                border-bottom: none; }
              .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .insert_group .insert_tit button {
                margin-top: -3px;
                height: 30px; }
            .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .insert_group:nth-child(0) {
              margin-top: 0; }
            .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .insert_group:nth-child(n+2) {
              margin-top: 12px; }
            .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .insert_group .insert_form {
              margin-top: 12px; }
              .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .insert_group .insert_form span {
                display: flex;
                gap: 7px; }
                .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .insert_group .insert_form span input {
                  width: 100%; }
                .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .insert_group .insert_form span button {
                  padding: 0;
                  margin-top: 0;
                  width: 11%;
                  height: auto;
                  font-size: .75em; }
              .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .insert_group .insert_form table thead th {
                padding: 12px 0; }
              .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .insert_group .insert_form table tbody td {
                overflow: hidden;
                padding: 10px 5px;
                font-size: .9em;
                color: rgba(68, 68, 68, 0.85);
                text-overflow: ellipsis;
                white-space: nowrap; }
            .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .insert_group + button {
              margin-top: 20px;
              border: 1px solid #dddddd; }
          .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .btn_wrap {
            text-align: right; }
            .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .btn_wrap.mypage {
              margin-top: 20px; }
            .auth_wrap.mypage .auth_group .auth_section .auth_item .tab_area .btn_wrap button {
              width: 80px;
              height: 40px;
              font-size: .85em; }
  .auth_wrap.inner .auth_group {
    box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3);
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
    transform: initial; }
    .auth_wrap.inner .auth_group .auth_section .auth_item {
      display: block;
      padding: 0; }
      .auth_wrap.inner .auth_group .auth_section .auth_item .auth_area {
        margin-right: 0;
        min-height: auto;
        background: white; }
  .auth_wrap.inner .btn_wrap {
    display: flex;
    justify-content: end; }
  .auth_wrap.inner + .btn_close:after {
    color: white; }
  .auth_wrap.login .auth_group .auth_section {
    border: none; }
    .auth_wrap.login .auth_group .auth_section .auth_item {
      margin-top: -1px;
      border: 1px solid #aaa; }
  .auth_wrap.on {
    display: block; }
  .auth_wrap.off {
    display: none; }
  .auth_wrap .input_radio {
    margin-top: 20px;
    text-align: right; }
    .auth_wrap .input_radio .dx-widget {
      overflow: hidden;
      text-align: center; }
  .auth_wrap .text_area {
    display: flex;
    margin-top: 40px;
    align-items: center;
    justify-content: flex-end; }
    .auth_wrap .text_area .dx-button {
      margin-left: 10px; }
  .auth_wrap .btn_close {
    top: -44px;
    right: 0; }
  .auth_wrap .insert_form {
    display: flex;
    flex-direction: column;
    gap: 10px; }
    .auth_wrap .insert_form .join_row h3 {
      margin-bottom: 5px;
      font-size: .9em; }
    .auth_wrap .insert_form .join_row h4 {
      font-size: .85em;
      padding-bottom: 3px; }
    .auth_wrap .insert_form .join_row span.email, .auth_wrap .insert_form .join_row span.job {
      display: flex; }
    .auth_wrap .insert_form .join_row span.email {
      align-items: center; }
      .auth_wrap .insert_form .join_row span.email .input_short {
        margin-right: 5px;
        width: 60%; }
      .auth_wrap .insert_form .join_row span.email span {
        margin-right: 5px; }
      .auth_wrap .insert_form .join_row span.email select {
        margin-left: 5px; }
    .auth_wrap .insert_form .join_row span.job select {
      flex: 1 1 auto; }
      .auth_wrap .insert_form .join_row span.job select:first-child {
        margin-right: 10px; }
      .auth_wrap .insert_form .join_row span.job select + button {
        width: 10% !important; }
    .auth_wrap .insert_form .join_row span input {
      width: 100%;
      height: 40px; }
    .auth_wrap .insert_form .join_row span select {
      height: 40px; }
    .auth_wrap .insert_form .join_row .toggle_list {
      width: 100%; }
      .auth_wrap .insert_form .join_row .toggle_list li {
        display: flex;
        margin: 15px 0;
        color: #444444;
        font-size: .9em;
        align-items: center; }
        .auth_wrap .insert_form .join_row .toggle_list li label {
          margin: 0 0 0 auto; }
        .auth_wrap .insert_form .join_row .toggle_list li .switch-button {
          width: 60px; }
          .auth_wrap .insert_form .join_row .toggle_list li .switch-button input:checked + .onoff-switch:before {
            transform: translateX(31px); }
        .auth_wrap .insert_form .join_row .toggle_list li:first-child {
          margin: 0 0 15px; }
    .auth_wrap .insert_form .btn_type_confirm {
      margin-top: 20px;
      width: 100%;
      height: 45px;
      font-size: 1em; }
    .auth_wrap .insert_form .payment_group ul li .toolbar_wrap em + button {
      margin-left: 10px; }
  .auth_wrap .step_wrap {
    display: flex;
    margin: 0 auto 20px;
    width: 560px;
    justify-content: space-between;
    transform: translate(-20px, -30px); }
    .auth_wrap .step_wrap li {
      position: relative;
      padding: 10px 5px;
      width: 25%;
      text-align: center; }
      .auth_wrap .step_wrap li em, .auth_wrap .step_wrap li span {
        display: block; }
      .auth_wrap .step_wrap li span {
        position: relative;
        margin: 0 auto;
        line-height: 70px;
        text-align: center; }
        .auth_wrap .step_wrap li span:before {
          content: '';
          position: absolute;
          top: 0;
          left: 50%;
          width: 70px;
          height: 70px;
          border: 1px solid #dddddd;
          border-radius: 50%;
          transform: translate(-50%, 0); }
      .auth_wrap .step_wrap li em {
        margin-top: 10px;
        font-size: .85em;
        font-style: normal; }
      .auth_wrap .step_wrap li.active span {
        width: 70px;
        height: 70px;
        border: none;
        background: #4c6199;
        color: white;
        border-radius: 50%; }
        .auth_wrap .step_wrap li.active span:before {
          content: '';
          position: absolute;
          top: 0;
          left: 50%;
          width: 70px;
          height: 70px;
          border: none;
          border-radius: 50%;
          transform: translate(-50%, 0); }
      .auth_wrap .step_wrap li:nth-child(n+2) span:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        width: 10px;
        height: 10px;
        border-top: 1px solid #272729;
        border-right: 1px solid #272729;
        transform: rotate(45deg) translate(-10px, 4px); }
      .auth_wrap .step_wrap li:nth-child(n+2).active span:after {
        left: -35px; }
  .auth_wrap .auth_group {
    position: relative;
    margin: 0 auto;
    width: 520px;
    height: 100%; }
    .auth_wrap .auth_group.long {
      margin: 53px auto 0;
      height: initial; }
      .auth_wrap .auth_group.long .auth_section {
        padding: 100px 0 50px;
        position: relative;
        top: 0;
        width: 400px;
        transform: translate(0, 0); }
    .auth_wrap .auth_group .auth_section .auth_title {
      margin-bottom: 25px; }
    .auth_wrap .auth_group .auth_section .auth_item {
      padding: 30px 20px; }
      .auth_wrap .auth_group .auth_section .auth_item .logo_wrap {
        margin-bottom: 30px; }
        .auth_wrap .auth_group .auth_section .auth_item .logo_wrap span {
          display: inline-block;
          font-size: 1.5em;
          line-height: 1;
          vertical-align: middle; }
          .auth_wrap .auth_group .auth_section .auth_item .logo_wrap span[class*=top] {
            display: block; }
          .auth_wrap .auth_group .auth_section .auth_item .logo_wrap span.text_top {
            margin-bottom: 10px; }
          .auth_wrap .auth_group .auth_section .auth_item .logo_wrap span.text_bottom {
            font-size: .9em;
            margin-top: 20px;
            line-height: 1.5; }
        .auth_wrap .auth_group .auth_section .auth_item .logo_wrap h2 {
          display: inline-block; }
          .auth_wrap .auth_group .auth_section .auth_item .logo_wrap h2.logo {
            width: 90px;
            height: 24px;
            background-image: url(../images/prom_logo_text.png);
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: contain;
            font-size: 0;
            vertical-align: middle; }
        .auth_wrap .auth_group .auth_section .auth_item .logo_wrap h3 {
          padding-bottom: 20px;
          font-size: 1.5em;
          font-weight: 500;
          color: #272729;
          border-bottom: 1px solid #dddddd; }
      .auth_wrap .auth_group .auth_section .auth_item .auth_cont_wrap {
        padding: 0 7px; }
      .auth_wrap .auth_group .auth_section .auth_item .logo {
        display: inline-block;
        line-height: 1;
        font-size: 24px; }
        .auth_wrap .auth_group .auth_section .auth_item .logo span {
          display: inline-block; }
        .auth_wrap .auth_group .auth_section .auth_item .logo_text {
          margin: 20px auto 70px;
          width: 55%; }
      .auth_wrap .auth_group .auth_section .auth_item .input_wrap input {
        width: 100%;
        min-height: 50px; }
        .auth_wrap .auth_group .auth_section .auth_item .input_wrap input + input, .auth_wrap .auth_group .auth_section .auth_item .input_wrap input + label + input {
          margin-top: 10px; }
      .auth_wrap .auth_group .auth_section .auth_item .txt_info {
        display: block;
        margin-top: 5px;
        font-size: .85em;
        color: #ad452b; }
      .auth_wrap .auth_group .auth_section .auth_item .txt_comment {
        text-align: center;
        font-size: 1.2em; }
        .auth_wrap .auth_group .auth_section .auth_item .txt_comment:before {
          content: '✔';
          display: block;
          margin-bottom: 5px;
          font-size: 1.5em;
          color: #4c6199; }
        .auth_wrap .auth_group .auth_section .auth_item .txt_comment label {
          display: inline-block;
          color: #4c6199;
          font-weight: 500; }
      .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .txt_info {
        margin-top: 20px; }
      .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_section {
        margin-top: 25px;
        display: flex;
        justify-content: center; }
        .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_section.single {
          justify-content: end; }
          .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_section.single button {
            width: auto;
            color: #4c6199; }
            .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_section.single button:hover {
              background: #4c6199;
              color: white; }
        .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_section button {
          position: relative;
          margin-left: 15px;
          background: transparent;
          color: #444444; }
          .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_section button:first-child {
            margin-left: 0; }
          .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_section button:after {
            content: '';
            position: absolute;
            top: 50%;
            left: -7px;
            display: block;
            width: 2px;
            height: 12px;
            background: rgba(0, 0, 0, 0.3);
            transform: translate(0, -50%); }
          .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_section button:first-child:after {
            display: none; }
      .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_social {
        margin-top: 35px;
        justify-content: center; }
        .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_social li {
          display: flex;
          height: auto;
          border: 1px solid #dddddd; }
          .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_social li:nth-child(n+1) {
            margin-top: 10px; }
          .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_social li.auth button {
            background: #4c6199; }
            .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_social li.auth button:hover {
              background: white; }
          .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_social li button {
            display: flex;
            width: 100%;
            height: 40px;
            text-align: center;
            background: white;
            font-size: .95em;
            justify-content: center;
            align-items: center; }
            .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_social li button:hover {
              border: 1px solid #4c6199; }
            .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_social li button .ico {
              margin-right: 10px;
              width: 24px;
              height: 24px;
              background-image: url("../images/ico_social.png");
              background-size: 100%;
              background-position: 0 -26px;
              vertical-align: middle; }
          .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_social li.kakao button .ico {
            background-position: 0 -26px; }
          .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_social li.naver button .ico {
            background-position: 0 0; }
      .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .btn_login {
        width: 100%;
        height: 50px;
        font-size: 1em; }
      .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .find_wrap {
        display: flex;
        margin: 20px 0;
        text-align: right;
        justify-content: center; }
        .auth_wrap .auth_group .auth_section .auth_item .btn_wrap .find_wrap a:first-child .dx-button:after {
          display: none !important; }
      .auth_wrap .auth_group .auth_section .auth_item .verification_wrap .verification_section {
        display: flex; }
      .auth_wrap .auth_group .auth_section .auth_item .verification_wrap.confirm.on {
        display: block; }
      .auth_wrap .auth_group .auth_section .auth_item .verification_wrap.confirm.off {
        display: none; }
      .auth_wrap .auth_group .auth_section .auth_item .verification_wrap .verification_text {
        flex: 1 1; }
      .auth_wrap .auth_group .auth_section .auth_item .text_box {
        margin-top: 20px;
        display: none;
        padding: 20px;
        text-align: center;
        font-size: 1.2em; }
        .auth_wrap .auth_group .auth_section .auth_item .text_box em {
          color: #4c6199;
          font-weight: 500; }
        .auth_wrap .auth_group .auth_section .auth_item .text_box.on {
          display: block; }
        .auth_wrap .auth_group .auth_section .auth_item .text_box.off {
          display: none; }
      .auth_wrap .auth_group .auth_section .auth_item .text_area_title {
        display: flex;
        margin-bottom: 20px;
        align-items: center; }
        .auth_wrap .auth_group .auth_section .auth_item .text_area_title.whole {
          margin: 40px 0;
          font-size: 1.2em; }
          .auth_wrap .auth_group .auth_section .auth_item .text_area_title.whole .dx-checkbox .dx-checkbox-icon {
            width: 26px;
            height: 26px; }
        .auth_wrap .auth_group .auth_section .auth_item .text_area_title .dx-checkbox .dx-checkbox-icon {
          font: 16px/16px DXIcons;
          width: 25px;
          height: 25px;
          color: #dddddd;
          border-radius: 25px; }
          .auth_wrap .auth_group .auth_section .auth_item .text_area_title .dx-checkbox .dx-checkbox-icon:before {
            content: "";
            position: absolute;
            display: block;
            width: 16px;
            top: 50%;
            margin-top: -8px;
            left: 50%;
            margin-left: -8px; }
        .auth_wrap .auth_group .auth_section .auth_item .text_area_title .dx-checkbox-checked .dx-checkbox-icon {
          color: #4c6199; }
        .auth_wrap .auth_group .auth_section .auth_item .text_area_title h3 {
          margin-left: 10px;
          line-height: 1; }
        .auth_wrap .auth_group .auth_section .auth_item .text_area_title label {
          display: flex;
          align-items: center; }
          .auth_wrap .auth_group .auth_section .auth_item .text_area_title label h3 {
            margin-left: 10px;
            line-height: 1; }
      .auth_wrap .auth_group .auth_section .auth_item .text_area_box {
        overflow-y: auto;
        border: 1px solid #dddddd;
        padding: 20px;
        height: 140px;
        box-sizing: border-box; }
      .auth_wrap .auth_group .auth_section .auth_item .table_wrap .datepicker_wrap {
        display: flex;
        padding: 10px;
        margin-bottom: 20px;
        box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); }
        .auth_wrap .auth_group .auth_section .auth_item .table_wrap .datepicker_wrap .datepicker_list {
          display: flex;
          flex: 1 1 50%; }
          .auth_wrap .auth_group .auth_section .auth_item .table_wrap .datepicker_wrap .datepicker_list li:nth-child(n+2) {
            margin-left: 5px; }
          .auth_wrap .auth_group .auth_section .auth_item .table_wrap .datepicker_wrap .datepicker_list li input {
            display: none; }
            .auth_wrap .auth_group .auth_section .auth_item .table_wrap .datepicker_wrap .datepicker_list li input + label {
              display: inline-block;
              width: 80px;
              height: 38px;
              border: 1px solid #dddddd;
              line-height: 36px;
              text-align: center;
              color: #444444;
              font-size: .9em; }
            .auth_wrap .auth_group .auth_section .auth_item .table_wrap .datepicker_wrap .datepicker_list li input:checked + label {
              background: #4c6199;
              border: 1px solid #4c6199;
              color: white; }
        .auth_wrap .auth_group .auth_section .auth_item .table_wrap .datepicker_wrap .datepicker_input {
          display: flex;
          flex: 1 1 50%; }
          .auth_wrap .auth_group .auth_section .auth_item .table_wrap .datepicker_wrap .datepicker_input input {
            width: 100px;
            height: 38px; }
          .auth_wrap .auth_group .auth_section .auth_item .table_wrap .datepicker_wrap .datepicker_input i {
            display: inline-block;
            margin: 0 10px;
            font-style: normal;
            line-height: 36px; }
          .auth_wrap .auth_group .auth_section .auth_item .table_wrap .datepicker_wrap .datepicker_input button {
            padding: 0 20px;
            margin-left: 5px; }
      .auth_wrap .auth_group .auth_section .auth_item .table_wrap .table_section {
        padding: 10px;
        box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3); }
      .auth_wrap .auth_group .auth_section .auth_item .table_wrap .paginate {
        margin-top: 30px; }
      .auth_wrap .auth_group .auth_section .auth_item .payment_group + .payment_group {
        margin-top: 15px; }
      .auth_wrap .auth_group .auth_section .auth_item .payment_group h4 {
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 1em;
        font-weight: 500;
        line-height: 1;
        border-bottom: 1px solid #dddddd; }
      .auth_wrap .auth_group .auth_section .auth_item .payment_group ul {
        padding: 5px 25px;
        border: 1px solid #dddddd;
        background: rgba(0, 0, 0, 0.055); }
        .auth_wrap .auth_group .auth_section .auth_item .payment_group ul li {
          margin: 0; }
          .auth_wrap .auth_group .auth_section .auth_item .payment_group ul li.deduction span, .auth_wrap .auth_group .auth_section .auth_item .payment_group ul li.deduction em {
            color: #ad452b; }
          .auth_wrap .auth_group .auth_section .auth_item .payment_group ul li.accent span, .auth_wrap .auth_group .auth_section .auth_item .payment_group ul li.accent em {
            color: #4c6199; }
          .auth_wrap .auth_group .auth_section .auth_item .payment_group ul li span {
            position: relative;
            font-weight: 400; }
          .auth_wrap .auth_group .auth_section .auth_item .payment_group ul li .toolbar_wrap span {
            padding-left: 7px; }
            .auth_wrap .auth_group .auth_section .auth_item .payment_group ul li .toolbar_wrap span:after {
              content: '';
              position: absolute;
              top: 50%;
              left: 0;
              width: 3px;
              height: 3px;
              background: #4c6199;
              border-radius: 50%;
              transform: translate(0, -50%); }
          .auth_wrap .auth_group .auth_section .auth_item .payment_group ul li.etc_list {
            display: flex; }
            .auth_wrap .auth_group .auth_section .auth_item .payment_group ul li.etc_list #txtReasonEtc {
              margin-left: 10px;
              border: 1px solid #c4c4c4; }
        .auth_wrap .auth_group .auth_section .auth_item .payment_group ul.label_check1 {
          display: flex;
          margin: 0; }
          .auth_wrap .auth_group .auth_section .auth_item .payment_group ul.label_check1 li {
            padding: 0;
            border: none; }
            .auth_wrap .auth_group .auth_section .auth_item .payment_group ul.label_check1 li span {
              width: initial;
              height: initial; }
      .auth_wrap .auth_group .auth_section .auth_item .payment_group .btn_wrap.type2 {
        margin-top: 0;
        text-align: left; }
        .auth_wrap .auth_group .auth_section .auth_item .payment_group .btn_wrap.type2 button {
          width: auto;
          height: auto; }
      .auth_wrap .auth_group .auth_section .auth_item .area_confirm p {
        font-size: 1.1em;
        line-height: 1.5;
        text-align: center; }
        .auth_wrap .auth_group .auth_section .auth_item .area_confirm p b {
          color: #4c6199; }
      .auth_wrap .auth_group .auth_section .auth_item .area_confirm .accent em {
        color: #ad452b; }
        .auth_wrap .auth_group .auth_section .auth_item .area_confirm .accent em#lblCardInfo {
          color: #444444; }
      .auth_wrap .auth_group .auth_section .auth_item .area_confirm .list_group {
        position: relative;
        padding: 12px 15px;
        margin-top: 15px;
        background: white;
        border: 1px solid #dddddd; }
        .auth_wrap .auth_group .auth_section .auth_item .area_confirm .list_group .accent {
          font-size: 1.1em; }
        .auth_wrap .auth_group .auth_section .auth_item .area_confirm .list_group dl {
          display: flex;
          padding: 5px 0;
          align-items: center; }
          .auth_wrap .auth_group .auth_section .auth_item .area_confirm .list_group dl dd {
            display: flex;
            margin-left: 10px;
            font-size: .95em;
            flex: 1;
            align-items: center; }
            .auth_wrap .auth_group .auth_section .auth_item .area_confirm .list_group dl dd b {
              margin-right: 3px;
              color: #4c6199; }
            .auth_wrap .auth_group .auth_section .auth_item .area_confirm .list_group dl dd em {
              margin-right: 3px;
              font-weight: 500; }
            .auth_wrap .auth_group .auth_section .auth_item .area_confirm .list_group dl dd span {
              margin-left: 10px; }
            .auth_wrap .auth_group .auth_section .auth_item .area_confirm .list_group dl dd a {
              margin-left: 10px;
              font-weight: 500; }
      .auth_wrap .auth_group .auth_section .auth_item .area_confirm button {
        margin-top: 20px;
        width: 100%;
        height: 40px;
        font-size: .9em; }
        .auth_wrap .auth_group .auth_section .auth_item .area_confirm button.card_regi {
          padding: 0 10px;
          margin: 0 0 0 auto;
          width: inherit;
          height: 30px; }
      .auth_wrap .auth_group .auth_section .auth_item .area_confirm .info_wrap {
        margin-top: 20px;
        margin-left: 20px;
        font-size: .85em;
        list-style: circle; }
        .auth_wrap .auth_group .auth_section .auth_item .area_confirm .info_wrap li {
          padding: 2px 0; }
          .auth_wrap .auth_group .auth_section .auth_item .area_confirm .info_wrap li ul {
            margin-top: 5px;
            padding-left: 15px; }
      .auth_wrap .auth_group .auth_section .auth_item .area_confirm .confirm_wrap.note ul {
        font-size: .9em; }
        .auth_wrap .auth_group .auth_section .auth_item .area_confirm .confirm_wrap.note ul.info_wrap {
          margin-top: 15px;
          margin-left: 15px;
          list-style: none; }
          .auth_wrap .auth_group .auth_section .auth_item .area_confirm .confirm_wrap.note ul.info_wrap li .checkbox_wrap input[type="checkbox"] + label:before {
            width: 1.5em;
            height: 1.5em; }
          .auth_wrap .auth_group .auth_section .auth_item .area_confirm .confirm_wrap.note ul.info_wrap li ul {
            padding-left: 20px; }
      .auth_wrap .auth_group .auth_section .auth_item .card_wrap {
        display: flex;
        height: 100%;
        padding: 20px;
        align-items: center;
        box-shadow: -2px 3px 8px rgba(0, 0, 0, 0.3);
        background: white;
        flex-wrap: wrap; }
        .auth_wrap .auth_group .auth_section .auth_item .card_wrap .card_list {
          display: flex; }
          .auth_wrap .auth_group .auth_section .auth_item .card_wrap .card_list li {
            display: flex;
            gap: 20px;
            align-items: center; }
            .auth_wrap .auth_group .auth_section .auth_item .card_wrap .card_list li .card_sample {
              display: flex;
              width: 120px;
              height: 76px;
              background: #ad452b;
              border-radius: 6px;
              align-items: center;
              z-index: 1000;
              font-size: 1.05em; }
              .auth_wrap .auth_group .auth_section .auth_item .card_wrap .card_list li .card_sample .txt_group {
                width: 100%;
                text-align: center;
                color: white;
                font-size: .95em; }
              .auth_wrap .auth_group .auth_section .auth_item .card_wrap .card_list li .card_sample.empty {
                background: none;
                border: 1px dashed #dddddd;
                cursor: pointer; }
                .auth_wrap .auth_group .auth_section .auth_item .card_wrap .card_list li .card_sample.empty span {
                  display: inline-block;
                  margin: 0 auto;
                  width: 30px;
                  height: 30px;
                  border: 1px solid #dddddd;
                  border-radius: 50%;
                  color: #4c6199;
                  text-align: center; }
            .auth_wrap .auth_group .auth_section .auth_item .card_wrap .card_list li .card_info {
              display: flex;
              gap: 10px;
              font-size: 1.1em; }
            .auth_wrap .auth_group .auth_section .auth_item .card_wrap .card_list li .btn_type_delete {
              margin: 0 0 0 auto;
              width: 70px; }
            .auth_wrap .auth_group .auth_section .auth_item .card_wrap .card_list li:nth-child(2) {
              position: absolute;
              top: 103px;
              right: 21px; }
        .auth_wrap .auth_group .auth_section .auth_item .card_wrap .btn_wrap {
          margin: 0 0 0 auto; }
          .auth_wrap .auth_group .auth_section .auth_item .card_wrap .btn_wrap button {
            width: 60px !important;
            height: 35px !important; }
        .auth_wrap .auth_group .auth_section .auth_item .card_wrap .switch_wrap {
          display: flex;
          width: 100%;
          margin: 10px 0 0 auto;
          justify-content: end; }
          .auth_wrap .auth_group .auth_section .auth_item .card_wrap .switch_wrap p {
            margin-right: 10px; }
          .auth_wrap .auth_group .auth_section .auth_item .card_wrap .switch_wrap .switch-button {
            width: 60px; }
            .auth_wrap .auth_group .auth_section .auth_item .card_wrap .switch_wrap .switch-button input + .onoff-switch:before {
              left: 2px; }
            .auth_wrap .auth_group .auth_section .auth_item .card_wrap .switch_wrap .switch-button input:checked + .onoff-switch:before {
              transform: translateX(32px); }
        .auth_wrap .auth_group .auth_section .auth_item .card_wrap .card_regi_info {
          width: 100%;
          padding-top: 30px;
          margin-top: 30px;
          border-top: 1px solid #dddddd; }
          .auth_wrap .auth_group .auth_section .auth_item .card_wrap .card_regi_info b {
            color: #444444;
            font-size: 1.05em; }
          .auth_wrap .auth_group .auth_section .auth_item .card_wrap .card_regi_info li {
            position: relative;
            padding: 5px 10px;
            font-size: .92em; }
            .auth_wrap .auth_group .auth_section .auth_item .card_wrap .card_regi_info li:after {
              content: '';
              position: absolute;
              top: 15px;
              left: 0;
              display: block;
              width: 2px;
              height: 2px;
              background: #272729; }

.full .btn_close {
  top: 20px;
  right: 20px; }
  .full .btn_close:after {
    color: black; }

.window .btn_close {
  top: -55px;
  right: 0; }
  .window .btn_close:after {
    color: white;
    font-weight: normal; }

.pwdCng_wrap {
  padding: 5px 20px; }
  .pwdCng_wrap .input_wrap {
    padding: 15px 0; }
    .pwdCng_wrap .input_wrap .input_section input {
      width: 100%;
      height: 40px; }
    .pwdCng_wrap .input_wrap .input_section + .input_section {
      margin-top: 10px; }