@keyframes opacity {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .opacity {
    animation: opacity .3s 0s ease-out forwards;
  }
  
  #wrapper-login {
    /* min-height: 100vh !important;
    background: #feba69 url(../icon/login/bg.svg) center no-repeat;
    background-size: cover;
    padding: 3rem 0;
    width: 100%;
    height: 100%; */
  }
  #wrapper-login .back_box {
    margin: 0px 700px 0px 0px;
  }

  #wrapper-login .back_box a{
    font-size: 14px;
    font-weight: 400;
    color: #37383C9C;
  }

  
  #wrapper-login #login-box {
    /* background: #feba69 url(../icon/login/login_box_img.png) center no-repeat;
    background-size: contain;
    width: 89rem;
    height: 58rem;
    border-radius: 1rem; */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    justify-content: center;
    /* align-items: center; */
    display: flex;
    /* box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16); */
  }
  #wrapper-login #login-box img.bg-mascot {
    position: absolute;
    left: -6rem;
    top: -4rem;
  }
  #wrapper-login #login-box .form-box {
    display: flex;
    flex-direction: column;
    width: 40rem;
    /* margin-left: auto; */
    /* text-align: center; */
    align-items: center;
    /* padding: 9rem 8rem 0 0; */
    justify-content: center;
  }
  #wrapper-login #login-box .form-box a.logo {
    margin-bottom: 5.3rem;
  }

  #wrapper-login #login-box .form-box .email-text,
  #wrapper-login #login-box .form-box .pwd-text,
  #wrapper-login #login-box .form-box .name-text,
  #wrapper-login #login-box .form-box .id-text,
  #wrapper-login #login-box .form-box .hp-text {
    margin-bottom: 9px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.86;
    letter-spacing: -0.35px;
    color: #37383C9C;
  }

  #wrapper-login #login-box .form-box .error_msg_email {
    margin-bottom: 9px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.86;
    color: #FF4242;
  }
  
  #wrapper-login #login-box .form-box .error_msg_pw {
    margin-bottom: 9px;
    margin-top: 9px;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.86;
    color: #FF4242;
  }
  #wrapper-login #login-box .form-box form input#userId, 
  #wrapper-login #login-box .form-box form input#userPs,
  #wrapper-login #login-box .form-box form input#mb_id,
  #wrapper-login #login-box .form-box form input#mb_hp {
    width: 40rem;
    height: 5rem;
    padding: 1rem 1rem 1rem 1.7rem;
    border-radius: 1rem;
    border: solid 1px #70737C38;
    background-color: #fff;
    font-size: 16px;
  }

  #wrapper-login #login-box .form-box form input#userId::placeholder, 
  #wrapper-login #login-box .form-box form input#userPs::placeholder,
  #wrapper-login #login-box .form-box form input#mb_id::placeholder,
  #wrapper-login #login-box .form-box form input#mb_hp::placeholder {
    color: #70737C38;
    font-size: 16px;
  }  
  
  /* #wrapper-login #login-box .form-box form input#userId:focus, #wrapper-login #login-box .form-box form input#userPs:focus {
   border: 1px solid #FF4242;
  } */

  #wrapper-login #login-box .form-box form input#userId:focus, #wrapper-login #login-box .form-box form input#userPs:focus {
    /* border: 2px solid #feba69; */
    border: 1px solid #FF8B00;
  }

  #wrapper-login #login-box .form-box form input#mb_id:focus, #wrapper-login #login-box .form-box form input#mb_hp:focus {
    /* border: 2px solid #feba69; */
    border: 1px solid #FF8B00;
  }
  #wrapper-login #login-box .form-box form input#userId {
    margin-bottom: 5px;
    font-size: 16px;
  }

  #wrapper-login #login-box .form-box form .layout input#userId {
    margin-bottom: 30px;
  }

  #wrapper-login #login-box .form-box form input#userPs {
    margin-bottom: 5px;
  }

  #wrapper-login #login-box .form-box form .layout input#userPs {
    margin-bottom: 30px;
  }

  #wrapper-login #login-box .form-box form .pwd_field {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 9px;
  }
  
  #wrapper-login #login-box .form-box form .pwd_field #toggle-password{
    position: absolute;
    right: 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: 15px;
  }
  
  #wrapper-login #login-box .form-box form input#autoLogin {
    width: 1.7rem;
    height: 1.7rem;
    margin-right: 1rem;
  }
  #wrapper-login #login-box .form-box form input[type=submit] {
    width: 40rem;
    height: 5rem;
    margin: 0rem 0 3rem;
    border-radius: 1rem;
    border: solid 1px #fff;
    background-color: #FF8B00;
    line-height: 5rem;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-align: center;
    color: #FFFFFF;
  }

  /* #wrapper-login #login-box .form-box form input[type=submit]:hover {
    outline: solid 1px #e09a46;
  } */

  #wrapper-login #login-box .form-box form input[type=submit]:disabled {
    background-color: #F4F4F5;
    color: #37383C29;
    border: solid 1px #fff;
    cursor: not-allowed;
    font-weight: 400;
  }

  #wrapper-login #login-box .form-box form .member_join_start_longinpage {
    width: 40rem;
    height: 5rem;
    margin: 3rem 0 2rem;
    border-radius: 1rem;
    border: solid 1px #ddd;
    background-color: #fff;
    line-height: 5rem;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-align: center;
    color: #FF8B00;
    display: block;
    cursor: pointer;
  }

  #wrapper-login #login-box .form-box form .middle {
    display:flex;
  }

  #wrapper-login #login-box .form-box form .middle .middle_line {
    position: relative;
    border-top: 1px solid;
    top: 7px;
    width: 100%;
    border-color: #70737C38;
  }

  #wrapper-login #login-box .form-box form .middle .txt {
    color: #37383C9C;
    white-space: nowrap;
    font-size: 12px;
  }
  

  #wrapper-login #login-box .form-box form .middle .middle_line_b {
    position: relative; 
    border-top: 1px solid;
    top: 7px;
    width: 100%;
    border-color: #70737C38;
  }

  #wrapper-login #login-box .form-box ul li {
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: -0.35px;
    color: #8586889C;
    display: inline;
  }
  #wrapper-login #login-box .form-box ul li:last-of-type {
    /* font-weight: 700; */
    /* color: #404040; */
  }
  #wrapper-login #login-box.notification .m-br {
    display: none;
  }
  #wrapper-login #login-box.notification .form-box {
    width: 47rem;
    padding: 7rem 8rem 0 0;
    gap: 4rem;
  }
  #wrapper-login #login-box.notification .form-box .logo {
    width: 8rem;
  }
  #wrapper-login #login-box.notification .notification-box h1 {
    font-size: 3rem;
    margin-bottom: 4rem;
  }
  #wrapper-login #login-box.notification .notification-box p {
    font-size: 1.6rem;
    margin-bottom: 2rem;
    font-weight: 500;
  }
  #wrapper-login #join-box_1 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 89rem;
    height: 58rem;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
  }
  #wrapper-login #join-box_1 .logo-blk-90 {
    margin: 3.6rem 0 2.6rem 4.1rem;
  }
  #wrapper-login #join-box_1 .type-box {
    width: 56.3rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #wrapper-login #join-box_1 .type-box form .select-btns button {
    width: 56.3rem;
    height: 8rem;
    border-radius: 1rem;
    color: #606060;
  }
  #wrapper-login #join-box_1 .type-box form .select-btns button ul li:first-of-type {
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: -0.4px;
    text-align: left;
    color: #000;
  }
  #wrapper-login #join-box_1 .type-box form .select-btns button ul li:last-of-type {
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: -0.33px;
  }
  #wrapper-login #join-box_1 .type-box form .select-btns button ul li span {
    font-weight: 700;
    color: #000;
  }
  #wrapper-login #join-box_1 .type-box form .select-btns button.business-btn, #wrapper-login #join-box_1 .type-box form .select-btns button.influencer-btn {
    margin-bottom: 0.8rem;
    display: flex;
    align-items: center;
    gap: 2rem;
    padding-left: 3rem;
    background-color: #fff;
    border: solid 1px #ddd;
  }
  #wrapper-login #join-box_1 .type-box form .select-btns button.business-btn .icon {
    background: url(../icon/login/busin_icon.svg) center no-repeat;
    width: 3.1rem;
    height: 3.1rem;
  }
  #wrapper-login #join-box_1 .type-box form .select-btns button.business-btn.active {
    border: solid 1px #5a71ad;
    background-color: #728cd1;
  }
  #wrapper-login #join-box_1 .type-box form .select-btns button.influencer-btn {
    margin-bottom: 3.1rem;
  }
  #wrapper-login #join-box_1 .type-box form .select-btns button.influencer-btn .icon {
    background: url(../icon/login/influ_icon.svg) center no-repeat;
    width: 3.1rem;
    height: 3.1rem;
  }
  #wrapper-login #join-box_1 .type-box form .select-btns button.influencer-btn.active {
    border: solid 1px #be5e2c;
    background-color: #de6e34;
  }
  #wrapper-login #join-box_1 .type-box form .select-btns button.active {
    color: #fff;
  }
  #wrapper-login #join-box_1 .type-box form .select-btns button.active.business-btn .icon {
    background: url(../icon/login/busin_active_icon.svg) center no-repeat;
  }
  #wrapper-login #join-box_1 .type-box form .select-btns button.active.influencer-btn .icon {
    background: url(../icon/login/influ_active_icon.svg) center no-repeat;
  }
  #wrapper-login #join-box_1 .type-box form .select-btns button.active ul li {
    color: #fff;
  }
  #wrapper-login #join-box_1 .type-box form .select-btns button.active ul li span {
    color: #fff;
  }
  #wrapper-login #join-box_1 .type-box form #mb_join_btn {
    width: 56.3rem;
    height: 5rem;
    border-radius: 10px;
    border: solid 1px #e09a46;
    background-color: #feba69;
    color: #000;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -0.4px;
    position: relative;
  }
  #wrapper-login #join-box_1 .type-box form #mb_join_btn span {
    text-align: center;
  }
  #wrapper-login #join-box_1 .type-box form #mb_join_btn::after {
    background: url(../icon/login/next_icon.svg) center no-repeat;
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.6rem;
  }
  #wrapper-login #join-box_1 .type-box form #mb_join_btn:disabled {
    background-color: #ededed;
    color: #cecece;
    border: 1px solid #cecece;
  }
  #wrapper-login #join-box_1 .type-box form #mb_join_btn:disabled::after {
    filter: invert(79%) sepia(0%) saturate(1%) hue-rotate(253deg) brightness(105%) contrast(93%);
  }
  #wrapper-login #join-box-business,
  #wrapper-login .join-box {
    width: 89rem;
    min-height: 90rem;
    /* border-radius: 1rem; */
    /* box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16); */
    /* background-color: #fff; */
    margin: 0 auto;
    padding: 0 0 2rem;
  }
  #wrapper-login #join-box-business .logo-blk-90,
  #wrapper-login .join-box .logo-blk-90 {
    /* margin: 3rem 0 0rem 3rem; */
    margin: 3rem 69rem 0rem 0rem;
  }
  #wrapper-login #join-box-business .form-box,
  #wrapper-login .join-box .form-box {
    width: 40rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
  }
  #wrapper-login #join-box-business .form-box p,
  #wrapper-login .join-box .form-box p {
    margin-bottom: 3rem;
  }
  #wrapper-login #join-box-business .form-box form,
  #wrapper-login .join-box .form-box form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  #wrapper-login #join-box-business .form-box form input.common-input,
  #wrapper-login .join-box .form-box form input.common-input {
    width: 400px;
    height: 50px;
    border-radius: 1rem;
    border: solid 1px #70737C38;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.35px;
    padding: 0 1.7rem;
    /* color: #70737C38;*/
  }

  #wrapper-login #join-box-business .form-box form .placeholder .orn-btn {
    width: 40rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: 1rem;
    border: solid 1px #FF8B00;
    background-color: #FF8B00;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-align: center;
    display: block;
    margin-top: 10px;
  }

  #wrapper-login #join-box-business .form-box form .placeholder .orn-btn.disable {
    width: 40rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: 1rem;
    border: solid 1px #F4F4F5;
    background-color: #F4F4F5;
    color: #37383C29;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-align: center;
    display: block;
    margin-top: 10px;
    cursor: not-allowed;
  }

  /* #wrapper-login #join-box-business .form-box form .timer {
    width: 20rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: 1rem;
    border: solid 1px #FF8B00;
    background-color: #FF8B00;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-align: center;
    display: block;
    margin-top: 10px;
  } */

  #wrapper-login #join-box-business .form-box form .auth {
    display:none;
    gap: 20px;
  }

  #wrapper-login #join-box-business .form-box form input#mb_email:focus, 
  #wrapper-login #join-box-business .form-box form input#mb_id:focus,
  #wrapper-login #join-box-business .form-box form input#mb_nick:focus,
  #wrapper-login #join-box-business .form-box form input#mb_hp:focus,
  #wrapper-login #join-box-business .form-box form input#mb_password:focus,
  #wrapper-login #join-box-business .form-box form input#mb_password_confirm:focus {
    /* border: 2px solid #feba69; */
    border: 1px solid #FF8B00;
  }

  #wrapper-login #join-box-business .form-box form input#mb_email_adt:focus, 
  #wrapper-login #join-box-business .form-box form input#mb_id_adt:focus,
  #wrapper-login #join-box-business .form-box form input#mb_comp:focus,
  #wrapper-login #join-box-business .form-box form input#mb_name:focus,
  #wrapper-login #join-box-business .form-box form input#mb_hp_adt:focus,
  #wrapper-login #join-box-business .form-box form input#mb_password_adt:focus,
  #wrapper-login #join-box-business .form-box form input#mb_password_confirm_adt:focus {
    /* border: 2px solid #feba69; */
    border: 1px solid #FF8B00;
  }

  #wrapper-login #join-box-business .form-box form .auth-input {
    width: 19rem;
    height: 5rem;
    border-radius: 1rem;
    border: solid 1px #ddd;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.35px;
    padding: 0 1.7rem;
    margin-top: 10px;
  }

  #wrapper-login #join-box-business .form-box form .placeholder .auth_orn-btn {
    width: 19rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: 1rem;
    border: solid 1px #FF8B00;
    background-color: #FF8B00;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-align: center;
    display: block;
    margin-top: 10px;
    cursor: pointer;
  }
  #wrapper-login #join-box-business .form-box form .placeholder .auth_orn-btn.disable {
    width: 19rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: 1rem;
    border: solid 1px #F4F4F5;
    background-color: #F4F4F5;
    color: #37383C29;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-align: center;
    display: block;
    margin-top: 10px;
    cursor: not-allowed;
  }

  #wrapper-login #join-box-business .form-box form .auth .timer-display {
    position: absolute;
    right: 56%;
    top: 112px;
    font-size: 16px;
    color: #FF8B00;
    background-color: #fff;
    padding: 5px;
    font-weight: 400;
    z-index: 1;
  }

  #wrapper-login #join-box-business .form-box form .auth .auth-input::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #70737C38;
  }

  #wrapper-login #join-box-business .form-box form input.common-input::placeholder,
  #wrapper-login .join-box .form-box form input.common-input::placeholder {
    font-size: 16px;
    font-weight: 400;
    color: #70737C38;
  }  

  #wrapper-login #join-box-business .form-box form .s_txt {
    font-size: 14px;
    font-weight: 600;
    color: #37383C9C;
    line-height: 4rem;
  }


  #wrapper-login #join-box-business .form-box form input.common-input::-moz-placeholder, #wrapper-login .join-box .form-box form input.common-input::-moz-placeholder {
    color: #9a9a9a;
  }
  #wrapper-login #join-box-business .form-box form input.common-input::placeholder,
  #wrapper-login .join-box .form-box form input.common-input::placeholder {
    /* color: #9a9a9a; */
  }
  #wrapper-login #join-box-business .form-box form .placeholder,
  #wrapper-login .join-box .form-box form .placeholder {
    position: relative;
    width: 40rem;
    margin-top: 10px;
  }
  #wrapper-login #join-box-business .form-box form .placeholder span.placeholder_text,
  #wrapper-login .join-box .form-box form .placeholder span.placeholder_text {
    position: absolute;
    right: 1rem;
    height: 4rem;
    line-height: 5rem;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: -0.28px;
    text-align: right;
    /* color: #bababa; */
    color:#37383C9C
  }
  #wrapper-login #join-box-business .form-box form .msg-div,
  #wrapper-login .join-box .form-box form .msg-div {
    display: flex;
    margin-top: 10px
  }
  #wrapper-login #join-box-business .form-box form span.msg,
  #wrapper-login .join-box .form-box form span.msg {
    color: #ff5560;
    font-size: 12px;
    font-weight: 400;
    padding-left: 0.5rem;
  }

  #wrapper-login #join-box-business .form-box form span.msg_auth {
    color: #37383C9C;
    font-size: 12px;
    font-weight: 400;
    padding-left: 0.5rem;
    text-decoration: underline;
    margin-top: 5px;
  }
  #wrapper-login #join-box-business .form-box form span.msg.false,
  #wrapper-login .join-box .form-box form span.msg.false {
    color: #ff5560;
  }
  #wrapper-login #join-box-business .form-box form span.msg.true,
  #wrapper-login .join-box .form-box form span.msg.true {
    color: #2d8eff;
  }
  #wrapper-login #join-box-business .form-box form .agree-area,
  #wrapper-login .join-box .form-box form .agree-area {
    margin: 0rem 0 15px;
  }
  #wrapper-login #join-box-business .form-box form .agree-area .divider,
  #wrapper-login .join-box .form-box form .agree-area .divider {
    border-bottom: 1px solid #bababa;
    margin: 1rem 0;
  }
  #wrapper-login #join-box-business .form-box form .agree-area label span.check-text,
  #wrapper-login .join-box .form-box form .agree-area label span.check-text {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.35px;
    color: #37383C9C;
  }
  #wrapper-login #join-box-business .form-box form .agree-area label.all span,
  #wrapper-login .join-box .form-box form .agree-area label.all span {
    font-weight: 600;
    font-size: 14px;
    color: #000000;
  }
  #wrapper-login #join-box-business .form-box form input.join-btn,
  #wrapper-login .join-box .form-box form input.join-btn {
    width: 40rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: 1rem;
    border: solid 1px #FF8B00;
    background-color: #FF8B00;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.4px;
    text-align: center;
  }

  #wrapper-login #join-box-business .form-box form input.join-btn.disable {
    width: 40rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: 1rem;
    border: solid 1px #F4F4F5;
    background-color: #F4F4F5;
    color: #37383C29;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.4px;
    text-align: center;
    cursor: not-allowed;
  }
  #wrapper-login #join-box-influencer {
    width: 89rem;
    height: 96rem;
    border-radius: 1rem;
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    margin: 0 auto;
  }
  #wrapper-login #join-box-influencer .logo-blk-90 {
    margin: 3rem 0 0rem 3rem;
  }
  #wrapper-login #join-box-influencer form .input-layout {
    display: flex;
    gap: 1rem;
  }
  #wrapper-login #join-box-influencer form .input-layout select,
  #wrapper-login #join-box-influencer form .input-layout .gender span {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.35px;
    color: #9a9a9a;
  }
  #wrapper-login #join-box-influencer form .input-layout select {
    width: 19.5rem;
    height: 4rem;
    padding: 0 1.5rem;
    border-radius: 10px;
    border: solid 1px #ddd;
  }
  #wrapper-login #join-box-influencer form .input-layout select option:disabled {
    display: none;
  }
  #wrapper-login #join-box-influencer form .input-layout .gender {
    display: flex;
    align-items: center;
    gap: 1rem;
    width: 19.5rem;
    height: 4rem;
    padding: 0 1.5rem;
    border-radius: 10px;
    border: solid 1px #ddd;
  }
  #wrapper-login #join-box-influencer form .input-layout .gender .radio-text {
    color: #222;
  }
  #wrapper-login #agreement {
    max-width: 170rem;
    margin: 0 auto;
    padding: 9rem 10rem;
  }
  #wrapper-login #agreement .top-area {
    display: flex;
  }
  #wrapper-login #agreement .top-area .logo-blk-90 {
    margin: 0.5rem 4.1rem 1.6rem;
  }
  #wrapper-login #agreement .top-area ul.tap-menu {
    display: flex;
  }
  #wrapper-login #agreement .top-area ul.tap-menu li {
    padding: 2.5rem 5.6rem 0;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: -0.45px;
    text-align: center;
    color: #0b0b0b;
    border-radius: 0.7rem 0.7rem 0 0;
    cursor: pointer;
  }
  #wrapper-login #agreement .top-area ul.tap-menu li.active {
    background-color: #fff;
    transition: all 0.2s;
    font-weight: 900;
  }
  #wrapper-login #agreement section.detail-box {
    width: 100%;
    height: 100vh;
    box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    padding: 5rem;
    border-radius: 1rem;
  }
  #wrapper-login #agreement section.detail-box .layout {
    width: auto;
    height: 100%;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.86;
    letter-spacing: -0.35px;
    text-align: left;
    color: #606060;
    white-space: pre-line;
    overflow-y: auto;
    padding-right: 1rem;
  }
  #wrapper-login #agreement section.detail-box .privacy {
    display: none;
  }
  #wrapper-login #agreement section.detail-box .privacy-third {
    display: none;
  }
  #wrapper-login.find #login-box img.bg-mascot {
    left: -5rem;
  }
  #wrapper-login.find #login-box .form-box {
    /* margin: 5rem 7.6rem 0 0;
    padding: unset;
    margin-left: auto; */
    display: flex;
    flex-direction: column;
    width: 95rem;
    align-items: center;
    justify-content: center;
  }
  #wrapper-login.find #login-box .form-box a.logo {
    margin-bottom: 3rem;
  }
  #wrapper-login.find #login-box .form-box a.logo img {
    width: 12rem;
  }
  #wrapper-login.find #login-box .form-box h1 {
    margin-bottom: 5rem;
  }
  #wrapper-login.find #login-box .form-box .tap-area {
    width: 100%;
    margin-bottom: 2.5rem;
  }
  #wrapper-login.find #login-box .form-box .tap-area ul {
    width: 100%;
    height: 3.5rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
  }
  #wrapper-login.find #login-box .form-box .tap-area ul li {
    width: 20rem;
    color: #909090;
    font-weight: 500;
    height: 3.5rem;
    text-align: center;
  }
  #wrapper-login.find #login-box .form-box .tap-area ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-weight: 400;
    font-size: 14px;
  }
  #wrapper-login.find #login-box .form-box .tap-area ul li.active {
    color: #37383C9C;
    border-bottom: 1px solid #70737C38;
    text-align: center;
  }
  #wrapper-login.find #login-box .form-box .tap-area ul li.active a {
    font-weight: 700;
    font-size: 14px;
  }
  #wrapper-login.find #login-box .form-box h1 {
    /* font-size: 4rem;
    font-weight: 900; */
    font-size: 28px;
    font-weight: 600;
  }
  #wrapper-login.find #login-box .form-box .layout {
    display: flex;
    flex-direction: column;
  }
  #wrapper-login.find #login-box .form-box .common-input {
    width: 40rem;
    height: 4rem;
    border-radius: 1rem;
    border: solid 1px #ddd;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.35px;
    padding: 0 1.7rem;
    margin-bottom: 30px;
  }
  #wrapper-login.find #login-box .form-box .common-input::-moz-placeholder {
    color: #bbb;
    font-weight: normal;
  }
  #wrapper-login.find #login-box .form-box .common-input::placeholder {
    color: #bbb;
    font-weight: normal;
  }
  #wrapper-login.find #login-box .form-box .common-input:focus {
    border: 2px solid #feba69;
  }
  #wrapper-login.find #login-box .form-box input[type=submit] {
    margin: unset;
  }
  #wrapper-login.find #login-box .form-box .login-btn {
    font-size: 1.5rem;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: -0.35px;
    color: #606060;
    margin-top: 0.5rem;
    display: inline-block;
  }
  #wrapper-login.find #login-box .form-box .login-btn:hover {
    color: #222;
    font-weight: 700;
  }
  #wrapper-login.find #login-box .form-box .bottom-text {
    display: flex;
    flex-direction: column;
    margin-top: 0.5rem;
  }
  #wrapper-login.find #login-box .form-box .bottom-text li {
    text-align: left;
    font-size: 12px;
    font-weight: 500;
    color: #606060;
  }
  #wrapper-login.join-complete #login-box .top {
    display: flex;
    margin-bottom: 35px;
  }
  #wrapper-login.join-complete #login-box.complete-back {
    /* background: #fff url(../icon/login/com_back.svg) no-repeat; */
    background-size: 28.4rem;
  }
  #wrapper-login.join-complete #login-box h1 {
    font-size: 28px;
    font-weight: 600;
    line-height: 47px;
  }
  #wrapper-login.join-complete #login-box p {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 3rem;
  }
  #wrapper-login.join-complete #login-box .layout-box {
    width: 62rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0rem auto 0;
    text-align: center;
  }
  #wrapper-login.join-complete #login-box .layout-box .msg {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.86;
    letter-spacing: -0.35px;
    text-align: center;
    color: #171719;
    margin-bottom: 15px;
  }
  #wrapper-login.join-complete #login-box .layout-box .msg .middle{
    margin-bottom: 40px;
  }
  #wrapper-login.join-complete #login-box .layout-box .msg .middle span{
    font-weight: 600;
    font-size: 16px;
  }

  #wrapper-login.join-complete #login-box .layout-box .msg .bottom{
    font-weight: 400;
    font-size: 14px;
  }
  #wrapper-login.join-complete #login-box .layout-box .msg .bottom span{
    font-weight: 600;
    font-size: 14px;
  }
  
  #wrapper-login.join-complete #login-box .layout-box .msg b {
    color: #222;
  }
  #wrapper-login.join-complete #login-box .layout-box .msg div:first-of-type {
    margin-bottom: 2rem;
  }

  #wrapper-login.join-complete #login-box .layout-box .orn-btn {
    margin-bottom: 2.3rem;
    font-weight: 600;
    width: 40rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: 1rem;
    border: solid 1px #FF8B00;
    background-color: #FF8B00;
    color: #FFFFFF;
    font-size: 16px;
    letter-spacing: -0.4px;
    text-align: center;
  }
  #wrapper-login.join-complete #login-box .layout-box a u {
    font-size: 14px;
    font-weight: 600;
    color: #8586889C;
  }
  
  .logo-blk-90 {
    display: inline-block;
    width: 14rem;
    height: auto;
    font-size: 14px;
    font-weight: 400;
    color: #37383C9C;
  }
  
  h1.log-title {
    font-size: 28px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: -0.9px;
    color: #0b0b0b;
    margin-bottom: 50px;
  }
  
  p.log-sub-title {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.86;
    letter-spacing: -0.35px;
    color: #0b0b0b;
    margin-bottom: 4.4rem;
  }
  
  @media screen and (max-width: 1024px) {
    #wrapper-login #login-box {
      max-width: 90vw;
      background-size: cover;
    }
    #wrapper-login #login-box img.bg-mascot {
      left: -16rem !important;
    }
    #wrapper-login #agreement {
      max-width: 100vw;
      padding: 3rem;
    }
    #wrapper-login #agreement .top-area ul.tap-menu li {
      padding: 2.5rem 2rem 0;
    }
    #wrapper-login #agreement section.detail-box {
      padding: 3rem 2rem 3rem 3rem;
    }
    #wrapper-login #join-box_1,
    #wrapper-login #join-box-business,
    #wrapper-login #join-box-influencer {
      max-width: 90vw;
    }
  }
  @media screen and (max-width: 767px) {
    #wrapper-login #login-box {
      max-width: 90vw;
      background-size: cover;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    #wrapper-login .mobile_h {
      display: flex;
      justify-content: space-between;  /* 양 끝으로 정렬 */
      width: 100%;
    }
    #wrapper-login .back_box {
      margin: unset;
    }
    #wrapper-login #login-box .bg-mascot {
      display: none;
    }
    #wrapper-login #login-box .form-box {
      margin-left: unset;
      padding: unset;
    }
    #wrapper-login #login-box .form-box p {
      white-space: pre-line;
      /* text-align: center; */
      line-height: 1.4;
    }
    #wrapper-login #login-box .form-box form {
      max-width: 82vw;
    }

    #wrapper-login #login-box .form-box form input#userId,
    #wrapper-login #login-box .form-box form input#userPs,
    #wrapper-login #login-box .form-box form input[type=submit],
    #wrapper-login #login-box .form-box form #mb_hp {
      width: 100%;
    }

    #wrapper-login #login-box .form-box form input#userId, 
    #wrapper-login #login-box .form-box form input#userPs,
    #wrapper-login #login-box .form-box form input#mb_id,
    #wrapper-login #login-box .form-box form input#mb_hp {
      width: 100%;
    }

    #wrapper-login #login-box .form-box form .join-btn {
      width: 100%;
    }
    #wrapper-login #login-box.notification .m-br {
      display: block;
    }
    #wrapper-login #login-box.notification .form-box {
      padding: unset;
      gap: 2rem;
    }
    #wrapper-login #login-box.notification .notification-box p {
      white-space: unset;
    }
    #wrapper-login.find #login-box .form-box {
      margin: unset;
      max-width: 80vw;
    }
    #wrapper-login .back_box a {
      font-size: 12px;
    }
    #wrapper-login.find #login-box .form-box h1 {
      /* font-size: 3rem; */
      font-size: 17px;
      margin-bottom: 3rem;
      /* flex-grow: 1; */
      text-align: center;
    }

    #wrapper-login.find #login-box .form-box .bottom-text li {
      font-size: 11.5px;
    }
    #wrapper-login.find #login-box .form-box .common-input {
      width: 100%;
    }
    #wrapper-login.vh-100 {
      padding: 2rem 0;
      height: 100vh;
    }
    #wrapper-login.vh-100 #agreement {
      padding: 0 1rem;
      height: 100%;
    }
    #wrapper-login.vh-100 #agreement .top-area .logo-blk-90 {
      margin: 0.5rem 2rem 0;
      width: 5.5rem;
      flex-shrink: 0;
    }
    #wrapper-login.vh-100 #agreement .top-area ul.tap-menu {
      height: 5rem;
    }
    #wrapper-login.vh-100 #agreement .top-area ul.tap-menu li {
      padding: 1rem;
      font-size: 1.2rem;
      height: 100%;
      padding: 1rem;
      line-height: 1.1;
    }
    #wrapper-login.vh-100 #agreement .top-area ul.tap-menu li.terms-menu {
      line-height: 2.5rem;
    }
    #wrapper-login.vh-100 #agreement section.detail-box {
      padding: 1rem 0.5rem 1rem 1rem;
      height: 93%;
    }
    #wrapper-login.vh-100 #agreement section.detail-box .layout {
      font-size: 12px;
    }
    #wrapper-login #join-box_1 {
      height: auto;
      padding: 0 0 2rem;
    }
    #wrapper-login #join-box_1 .logo-blk-90 {
      margin: 2rem;
      width: 7rem;
    }
    #wrapper-login #join-box_1 .type-box {
      max-width: 80vw;
      margin: 3rem auto 0;
    }
    #wrapper-login #join-box_1 .type-box .log-title {
      text-align: center;
      font-size: 2.5rem;
    }
    #wrapper-login #join-box_1 .type-box .log-sub-title {
      text-align: center;
      font-size: 12px;
      margin-bottom: 3.4rem;
    }
    #wrapper-login #join-box_1 .type-box form {
      max-width: 80vw;
    }
    #wrapper-login #join-box_1 .type-box form .select-btns button.business-btn, #wrapper-login #join-box_1 .type-box form .select-btns button.influencer-btn {
      width: 100%;
      padding-left: 1rem;
      gap: 1rem;
    }
    #wrapper-login #join-box_1 .type-box form .select-btns button.business-btn .icon, #wrapper-login #join-box_1 .type-box form .select-btns button.influencer-btn .icon {
      width: 2.5rem;
      height: 2.5rem;
      background-size: contain;
    }
    #wrapper-login #join-box_1 .type-box form .select-btns button.business-btn.active .icon, #wrapper-login #join-box_1 .type-box form .select-btns button.influencer-btn.active .icon {
      background-size: contain;
    }
    #wrapper-login #join-box_1 .type-box form .select-btns button.influencer-btn {
      margin-bottom: 4rem;
    }
    #wrapper-login #join-box_1 .type-box form .select-btns button ul li:first-of-type {
      font-size: 1.4rem;
    }
    #wrapper-login #join-box_1 .type-box form .select-btns button ul li:last-of-type {
      text-align: left;
      font-size: 12px;
    }
    #wrapper-login #join-box_1 .type-box form #mb_join_btn {
      max-width: 80vw;
    }
    #wrapper-login #join-box-business,
    #wrapper-login #join-box-influencer {
      max-width: 95vw;
      min-height: unset;
      height: auto;
    }

    #wrapper-login #join-box-business .moblie_join_h {
      display: flex;
      justify-content: space-between;
      width: 100%;
    }

    #wrapper-login #join-box-business .container {
      margin-top: 2rem;
    }

    #wrapper-login #join-box-business .logo-blk-90,
    #wrapper-login #join-box-influencer .logo-blk-90 {
      display: flex;
      margin: unset;
      width: 39px;
      font-size: 12px;
      align-items: center;
    }
    #wrapper-login #join-box-business h1.log-title,
    #wrapper-login #join-box-influencer h1.log-title {
      /* font-size: 2.5rem; */
      font-size: 17px;
      margin-bottom: 0rem;
    }
    #wrapper-login #join-box-business .form-box,
    #wrapper-login #join-box-influencer .form-box {
      max-width: 87vw;
    }
    #wrapper-login #join-box-business .form-box form,
    #wrapper-login #join-box-influencer .form-box form {
      max-width: 87vw;
    }
    #wrapper-login #join-box-business .form-box form div,
    #wrapper-login #join-box-influencer .form-box form div {
      width: 100% !important;
    }
    #wrapper-login #join-box-business .form-box form input.common-input,
    #wrapper-login #join-box-influencer .form-box form input.common-input {
      width: 100%;
      padding: 0 1.25rem;
      /* font-size: 1.3rem; */
      font-size: 16px;
    }
    #wrapper-login #join-box-business .form-box form .placeholder .orn-btn.disable,
    #wrapper-login #join-box-business .form-box form .placeholder .orn-btn {
      width: 100%;
    }
    #wrapper-login #join-box-business .form-box form input.common-input::-moz-placeholder, #wrapper-login #join-box-influencer .form-box form input.common-input::-moz-placeholder {
      font-size: 1.3rem;
    }
    #wrapper-login #join-box-business .form-box form input.common-input::placeholder,
    #wrapper-login #join-box-influencer .form-box form input.common-input::placeholder {
      /* font-size: 1.3rem; */
      font-size: 16px;
    }

    #wrapper-login #join-box-business .form-box form .auth-input {
      width: 100%;
      height: 5rem;
      border-radius: 1rem;
      border: solid 1px #ddd;
      font-size: 1.4rem;
      font-weight: 500;
      letter-spacing: -0.35px;
      padding: 0 1.7rem;
      margin-top: 10px;
    }
    #wrapper-login #join-box-business .form-box form .input-layout select,
    #wrapper-login #join-box-influencer .form-box form .input-layout select {
      padding: 0 0.8rem;
      font-size: 1.3rem;
    }
    #wrapper-login #join-box-business .form-box form div.m-b-30.ps-confirm,
    #wrapper-login #join-box-influencer .form-box form div.m-b-30.ps-confirm {
      margin-bottom: 1.5rem !important;
    }
    #wrapper-login #join-box-business .form-box form .agree-area,
    #wrapper-login #join-box-influencer .form-box form .agree-area {
      margin: 1rem 0;
    }
    #wrapper-login #join-box-business .form-box form .agree-area label span.check-text,
    #wrapper-login #join-box-influencer .form-box form .agree-area label span.check-text {
      font-size: 1.3rem;
      line-height: 1.4;
    }
    #wrapper-login #join-box-business .form-box form input[type=submit],
    #wrapper-login #join-box-influencer .form-box form input[type=submit] {
      width: 100% !important;
    }
    #wrapper-login.join-complete #login-box.complete-back {
      height: auto;
      padding: 4rem 0;
      max-width: 95vw;
      background-size: 13rem;
    }
    #wrapper-login.join-complete #login-box.complete-back .layout-box {
      margin: unset;
      max-width: 90vw;
    }
    #wrapper-login.join-complete #login-box.complete-back .layout-box h1 {
      /* font-size: 2.8rem; */
      font-size: 17px;
    }
    #wrapper-login.join-complete #login-box.complete-back .layout-box p {
      font-size: 1.6rem;
    }
    #wrapper-login.join-complete #login-box.complete-back .layout-box .msg {
      font-size: 13px;
      width: 28rem;
    }
    #wrapper-login.join-complete #login-box.complete-back .layout-box .orn-btn {
      width: 100%;
      width: 28rem;
      font-size: 16px;
    }
    #wrapper-login.join-complete #login-box .layout-box .msg .middle{
      margin-bottom: 30px;
    }

    #wrapper-login.join-complete #login-box .layout-box .msg .middle span {
      font-size: 13px;
    }

    #wrapper-login.join-complete #login-box .layout-box .msg .bottom{
      font-weight: 400;
      font-size: 12px;
    }
    #wrapper-login.join-complete #login-box .layout-box .msg .bottom span{
      font-weight: 600;
      font-size: 12px;
    }

    #wrapper-login.join-complete #login-box .layout-box a u {
      font-size: 12px;
      font-weight: 600;
      color: #8586889C;
    }
  }