* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

input {
    outline: 0;
    border: 0;
}

.table_contents {
    width: 100% !important;
    height: 100%;
    padding: 100px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    background: url(../img/login/log_bg_02.jpg) no-repeat center center;
}
.table_contents .contents {
    width: 100% !important;
}
.table_contents .contents.login,
.table_area.login.login_new,
.table_area.login.join_before {
    margin-top: 0;
}
.table_contents .contents.login_before{
    width: 100%;
    margin-top: 40px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: #f9f9f9;
    padding: 24px 0;
}
.join_before .table_contents > .logBox {
    width: 100%;
    max-width: 762px;
    padding: 80px 0;
}
.join_before .table_contents > .logBox .logBox {
    box-shadow: none;
    padding: 0 84px;
}
.table_contents .contents .step2 {
    display: none;
}
.table_contents .joinTbox {
    width: 896px;
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.table_contents .joinTbox .title {
    width: 626px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 65px;
    background: #0087f5;
    font-size: 45px;
    font-family: "Gmarket Sans";
    font-weight: 700;
    letter-spacing: -1px;
    color: #000;
}
.table_contents .joinTbox .logo {
    width: 270px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
}
.table_contents .joinTbox .logo .w_logo {
    font-size: 34px;
    font-family: "Gmarket Sans";
    font-weight: 700;
    letter-spacing: -1px;
    color: #fff;
}
.table_contents .logBox {
    width: 762px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 80px 84px;
    background: #fff;
    box-shadow: 63px 63px 95px rgba(0, 0, 0, 0.3);
}
.table_contents .logBox.joinBox {
    width: 896px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 40px 65px 70px;
}
.table_contents .logBox.joinBox .contents {
    width: 100%;
}
.table_contents .logBox.joinBox.add {
    padding: 0;
}
.table_contents .logBox.joinBox.add .add_join {
    width: 100%;
    padding: 34px 65px;
    background: #f4f4f4;
}
.table_contents .logBox.joinBox.add .add_join .sns {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font: 18px "nskr";
    letter-spacing: -0.8px;
}
.table_contents .logBox.joinBox.add .add_join .sns .b-txt {
    font-family: "nskm";
    margin-right: 10px;
}
.table_contents .logBox.joinBox.add .add_join .ico {
    width: 38px;
    height: 38px;
    display: block;
    margin-right: 10px;
}
.table_contents .logBox.joinBox.add .add_join .ico.ig {
    background: url(../img/login/icon_insta.png) no-repeat center center;
}
.table_contents .logBox.joinBox.add .add_join .ico.na {
    background: url(../img/login/icon_naver.png) no-repeat center center;
}
.table_contents .logBox.joinBox.add .add_join .ico.fa {
    background: url(../img/login/icon_facebook.png) no-repeat center center;
}
.table_contents .logBox.joinBox.add .add_join .ico.tw {
    background: url(../img/login/icon_twitter.png) no-repeat center center;
}
.table_contents .logBox.joinBox.add .add_join .ico.ka {
    background: url(../img/login/icon_kakaostory.png) no-repeat center center;
}
.table_contents .logBox.joinBox.add .contents {
    padding: 0 65px 70px;
}
.table_contents .logBox.acc {
    padding: 80px 67px;
}
.table_contents .logBox .acc-wrap {
    width: 100%;
    padding: 25px;
    border: 1px solid #dadada;
    margin-bottom: 40px;
}
.table_contents .logBox .acc-wrap.find {
    padding: 57px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
}
.table_contents .logBox .acc-wrap .s-txt {
    font: 18px "nskm";
    letter-spacing: -0.8px;
    text-align: center;
    margin-bottom: 25px;
}
.table_contents .logBox .acc-wrap .acc-txt {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 90px;
    background: #f4f4f4;
    font: 18px "nskr";
    letter-spacing: -0.8px;
    color: #5c5c5c;
}
.table_contents .logBox .acc-wrap label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 15px;
}
.table_contents .logBox .acc-wrap label:first-child {
    margin-top: 0;
}
.table_contents .logBox .acc-wrap label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 26px;
    height: 26px;
    border: 2px solid #000;
    margin-right: 15px;
}
.table_contents .logBox .acc-wrap label input:checked {
    background: url("/_asset/img/login/ck_ico.png") no-repeat center center;
}
.table_contents .logBox .acc-wrap label span {
    font: 18px "nskr";
    letter-spacing: -0.8px;
    color: #5c5c5c;
}
.table_contents .logBox.resume {
    padding: 80px 58px;
}
.table_contents .logBox .tit {
    width: 100%;
    font-size: 45px;
    font-family: "NotoKr";
    font-weight: 700;
    text-align: center;
    letter-spacing: -1px;
    margin-bottom: 10px;
    line-height: 1.5;
    margin-bottom: 0;
}
.join_complete .table_contents .logBox .tit{
    text-align: left;
    font-size: 22px;
}
.join_complete .table_contents .logBox .txt{
    font-size: 16px;
    text-align: left;
    margin: 0;
    padding: 0;
    border: 0;
}
.table_contents .logBox .tit,
.table_contents .logBox .join_tit {
    width: 100%;
    font-size: 22px;
    font-family: "NotoKr";
    font-weight: 700;
    text-align: left;
    letter-spacing: -1px;
    line-height: 1.5;
    margin-bottom: 0;
}
.table_contents .logBox .join_tit{
    margin-bottom: 20px;
}
.table_contents .logBox .pink{
    color: #ff6491;
}
.table_contents .logBox .pink.point{
    position: relative;
}
.table_contents .logBox .pink.point::after{
    content: '';
    display: block;
    width: 32px;
    height: 19px;
    background: url('/_asset/img/login/spoon.svg') center center no-repeat;
    position: absolute;
    left: 50%;
    top: -15px;
    transform: translateX(-50%);
}
.table_contents .logBox .tit.fin {
    padding-top: 80px;
    background: url(../img/login/fin_ico.png) no-repeat center top;
}
.findid .table_contents .logBox > p{
    width: 100%;
    font-size: 16px;
    text-align: left;
    color: #a7a7a7;
}
.table_contents .logBox .s_tit{
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.25px;
    text-align: center;
}
.table_contents .logBox .accordion-box .list li {
    width: 100%;
    padding: 15px 22px;
    border: 1px solid #dadada;
    position: relative;
}
.table_contents .logBox .accordion-box .list li:not(:last-child) {
    margin-bottom: 10px;
}
.table_contents .logBox .accordion-box .list li .title-wrap {
    padding-right: 30px;
    background: url(../img/login/arrow-down.png) no-repeat center right;
    cursor: pointer;
}
.table_contents .logBox .accordion-box .list li .title-wrap.on {
    background: url(../img/login/arrow-up.png) no-repeat center right;
}
.table_contents .logBox .accordion-box .list li .title-wrap .title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.table_contents .logBox .accordion-box .list li .title-wrap .title .sns-t {
    font: 18px "nskm";
    letter-spacing: -0.8px;
}
.table_contents .logBox .accordion-box .list li .title-wrap .title .ico {
    width: 38px;
    height: 38px;
    display: block;
    margin-right: 10px;
}
.table_contents .logBox .accordion-box .list li .title-wrap .title .ico.ig {
    background: url(../img/login/icon_insta.png) no-repeat center center;
}
.table_contents .logBox .accordion-box .list li .title-wrap .title .ico.na {
    background: url(../img/login/icon_naver.png) no-repeat center center;
}
.table_contents .logBox .accordion-box .list li .title-wrap .title .ico.fa {
    background: url(../img/login/icon_facebook.png) no-repeat center center;
}
.table_contents .logBox .accordion-box .list li .title-wrap .title .ico.tw {
    background: url(../img/login/icon_twitter.png) no-repeat center center;
}
.table_contents .logBox .accordion-box .list li .title-wrap .title .ico.ka {
    background: url(../img/login/icon_kakaostory.png) no-repeat center center;
}
.table_contents .logBox .accordion-box .list li .title-wrap .title .ico.yt {
    background: url(../img/common/icon_youtube.png) no-repeat center center;
}
.table_contents .logBox .accordion-box .list li .title-wrap .title .ico.etc {
    background: url(../img/common/icon_etc.png) no-repeat center center;
}
/* .table_contents .logBox .accordion-box .list li .cont {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: 1s all;
}
.table_contents .logBox .accordion-box .list li .cont.on {
  opacity: 1;
  height: auto;
  padding-top: 15px;
  overflow: initial;
  transition: 1s all;
} */
.table_contents .logBox .accordion-box .list li .cont {
    height: auto;
    width: 100%;
    display: none;
}
.table_contents .logBox .accordion-box .list li .cont .link-view {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #f4f4f4;
    padding: 0 20px;
    font: 14px "nskr";
    letter-spacing: -0.8px;
}
.table_contents .logBox .accordion-box .list li .cont .link-view .blue-t {
    font-family: "nskm";
    color: #0087f5;
}
.table_contents .logBox .accordion-box .list li .cont .in-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
}
.table_contents .logBox .accordion-box .list li .cont .in-box input {
    width: 320px;
    height: 50px;
    padding: 0 20px;
    margin-right: 10px;
    border: 1px solid #b2b2b2;
}
.table_contents .logBox .accordion-box .list li .cont .in-box .btn {
    width: 137px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font: 14px "nskr";
    color: #fff;
    background: #0087f5;
    cursor: pointer;
}
.table_contents .logBox .accordion-box .list .link-btn {
    position: absolute;
    top: 34px;
    right: 60px;
    transform: translateY(-50%);
    padding: 5px 10px;
    color: #fff;
    border-radius: 3px;
    background: #0087f5;
    border: 1px solid #0087f5;
    cursor: pointer;
}
.table_contents .logBox .accordion-box .list .link-btn.on {
    background: #fff;
    color: #0087f5;
}
.table_contents .logBox .ck-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 30px;
}
/* .table_contents .logBox .ck-wrap .ck-box {
    width: 118px;
    height: 50px;
    border-radius: 8px;
    overflow: hidden;
}
.table_contents .logBox .ck-wrap .ck-box:not(:last-child) {
    margin-right: 10px;
}
.table_contents .logBox .ck-wrap .ck-box:nth-child(n + 6) {
    margin-top: 10px;
}
.table_contents .logBox .ck-wrap .ck-box input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    visibility: hidden;
}
.table_contents .logBox .ck-wrap .ck-box input:checked ~ label {
    background: #0087f5;
    color: #fff;
}
.table_contents .logBox .ck-wrap .ck-box label {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f4f4;
    font: 14px "nskr";
} */
.table_contents .logBox .join_select .ck-wrap {
    column-gap: 8px;
    row-gap: 8px;
    padding-bottom: 0;
}
.table_contents .logBox .join_select .ck-wrap .ck-box label{
    width: auto;
    height: auto;
    padding: 6px 10px;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #000;
    border-radius: 10em;
    font-size: 14px;
}
.table_contents .logBox .join_select .ck-wrap .ck-box input:checked ~ label{
    background: #000;
    color: #fff;
}


.table_contents .logBox.login .tit {
    font-size: 45px;
    font-family: "Gmarket Sans";
    font-weight: 700;
    color: #000;
}
.table_contents .logBox .txt {
    width: 100%;
    font-size: 24px;
    font-family: "nskm";
    letter-spacing: -1.5px;
    text-align: center;
    margin-bottom: 30px;
    line-height: 37px;
}
.join_before .logBox .tit_sub {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    line-height: 1.5;
    margin-top: 8px;
}
.table_contents .logBox .txt.un_bor {
    padding-bottom: 40px;
    margin-bottom: 0;
    border-bottom: 1px solid #000;
}
.join_before .table_contents .logBox .txt.un_bor {
    padding-bottom: 20px;
    border-bottom: none;
}
.table_contents .logBox .benefits {
    width: 516px;
    margin-top: 75px;
}
.table_contents .logBox .benefits .t_txt {
    text-align: center;
    font-size: 21px;
    font-family: "nskb";
    letter-spacing: -1px;
    margin-bottom: 25px;
}
.table_contents .logBox .benefits .B_box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.table_contents .logBox .benefits .B_box .ben_box {
    width: 163px;
    height: 220px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    border-radius: 10px;
    background: #000;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.21);
    padding: 16px 0;
}
.table_contents .logBox .benefits .B_box .ben_box .img {
    width: 100%;
    height: 95px;
    margin-bottom: 14px;
}
.table_contents .logBox .benefits .B_box .ben_box .b_txt {
    font-size: 18px;
    font-family: "nskb";
    letter-spacing: -0.5px;
    line-height: 26px;
    color: #fff;
    text-align: center;
}
.table_contents .logBox .benefits .B_box .ben_box .b_txt span {
    font-size: 12px;
    font-family: "nskr";
    letter-spacing: -1px;
}
.table_contents .logBox .benefits .B_box .ben_box:nth-child(1) .img {
    background: url(../img/login/join_ico01.png) no-repeat center center;
}
.table_contents .logBox .benefits .B_box .ben_box:nth-child(2) .img {
    background: url(../img/login/join_ico02.png) no-repeat center center;
}
.table_contents .logBox .benefits .B_box .ben_box:nth-child(3) .img {
    background: url(../img/login/join_ico03.png) no-repeat center center;
}
.table_contents .logBox .loginSns {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 384px;
    margin-bottom: 16px;
}
.table_contents .logBox .loginSns a {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #000;
    font-size: 21px;
    font-family: "nskm";
    letter-spacing: -1px;
}
.table_contents .logBox .loginSns a:not(:last-child) {
    margin-bottom: 10px;
}
.table_contents .logBox .loginSns a:nth-child(1) {
    background: url(../img/login/sns_ico_1.png?t=1) no-repeat center left 12px;
}
.table_contents .logBox .loginSns a:nth-child(2) {
    background: url(../img/login/sns_ico_2.png?t=1) no-repeat center left 12px;
}
.table_contents .logBox .loginSns a:nth-child(3) {
    background: url(../img/login/sns_ico_3.png?t=1) no-repeat center left 12px;
}
.table_contents .logBox .loginSns a:nth-child(4) {
    background: url(../img/login/sns_ico_4.png?t=1) no-repeat center left 12px;
}
.table_contents .logBox .log_in {
    width: 384px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    font-size: 21px;
    font-family: "nskm";
    letter-spacing: -1px;
    color: #fff;
}

.table_contents .logBox .loginbox {
    width: 384px;
    margin: 40px auto 20px;
}
.table_contents .logBox .loginbox li {
    width: 100%;
    height: 62px;
    border: 2px solid #e1e1e6;
    padding: 0 10px;
}
.table_contents .logBox .loginbox li input {
    width: 100%;
    height: 100%;
    font-size: 21px;
    font-family: "nskm";
    color: #000;
}
.table_contents .logBox .loginbox li input::-moz-placeholder {
    color: #b8b8b8;
}
.table_contents .logBox .loginbox li input:-ms-input-placeholder {
    color: #b8b8b8;
}
.table_contents .logBox .loginbox li input::placeholder {
    color: #b8b8b8;
}
.table_contents .logBox .loginbox li:first-child {
    margin-bottom: 10px;
}
.table_contents .logBox .loginCheck {
    width: 384px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.table_contents .logBox .loginCheck .login_check01 {
    margin-right: 0;
    font-size: 19px;
    font-family: "nskm";
    color: #000;
}
.table_contents .logBox .loginCheck .login_check01 input[type="checkbox"] {
    width: 26px;
    height: 26px;
    margin-right: 5px;
    border: 2px solid #000;
    cursor: pointer;
}
.table_contents .logBox .loginCheck .login_check01 input[type="checkbox"]:checked {
    background: url(../img/login/ck_ico.png) no-repeat center center;
}
.table_contents .logBox .loginCheck .loginSerch a {
    font-size: 19px;
    font-family: "nskm";
    color: #000;
    border-bottom: 1px solid #000;
}
.table_contents .logBox .loginCheck .loginSerch a:first-child {
    margin-right: 10px;
}
.table_contents .logBox.login .loginCheck {
    margin-top: 20px;
}
.table_contents .logBox .loginBtn {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px;
    background: #000;
    font-size: 21px;
    font-family: "nskm";
    color: #fff;
    letter-spacing: -1px;
    cursor: pointer;
}
.table_contents .logBox .loginInfo {
    margin-top: 70px;
    text-align: center;
    font-size: 24px;
    font-family: "nskm";
    letter-spacing: -1px;
    line-height: 37px;
}
.table_contents .logBox .loginInfo a {
    width: 384px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto 0;
    background: #000;
    font-size: 21px;
    font-family: "nskm";
    color: #fff;
    cursor: pointer;
    letter-spacing: -1px;
}
.table_contents .logBox .inwrap .inbox {
    width: 100%;
    margin-bottom: 30px;
}
.table_contents .logBox .inwrap .inbox.join_select{
    background: #f9f9f9;
    padding: 16px 10px;
    margin-bottom: 20px;
    border-radius: 6px;
}
.table_contents .logBox.nomemberAddress .inwrap .inbox .checkPhone input {
    width: 383px !important;
}
.table_contents .logBox.nomemberAddress .nomemberTxt {
    font-size: 16px;
    text-align: center;
}
.table_contents .logBox .inwrap .inbox .in_tit {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    font-size: 16px;
    font-family: "nskm";
    letter-spacing: -1px;
    /* margin-bottom: 12px; */
    column-gap: 6px;
}
.table_contents .logBox .inwrap .inbox.join_select .in_tit{
    font-weight: bold;
    margin-bottom: 20px;
}
.table_contents .logBox .inwrap .inbox.join_select .in_tit .l-txt{
    color: #a7a7a7;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: initial;
}
.table_contents .logBox .inwrap .inbox .in_tit .t_next,
.info-update-box .t_next {
    margin-left: 12px;
    font-size: 14px;
    font-family: "nskr";
}
.table_contents .logBox .inwrap .inbox .in_tit .t_next .hidetxt {
    color: #fe1652;
    margin-left: 12px;
}
.table_contents .logBox .inwrap .inbox .in_tit .t_next #nickname_message,
.info-update-box .t_next #nickname_message {
    margin-left: 0;
}
.join_sns .table_contents .logBox .inwrap .inbox .in_tit .t_next .hidetxt {
    margin-left: 0;
}
.table_contents .logBox .inwrap .inbox .red_t,
.info-update-box .red_t {
    color: #fe1652;
}
.table_contents .logBox .inwrap .inbox .red_t.info_text,
.checkNick.t_next{
    display: flex;
    align-items: center;
    column-gap: 4px;
}
.table_contents .logBox .inwrap .inbox .in_tit .gray_t{
    color: #a7a7a7;
    font-size: 14px;
    letter-spacing: -1px;
}
.table_contents .logBox .inwrap .inbox .put-br {
    width: 530px;
    border-bottom: 1px solid #000;
    padding: 10px 16px;
    font-size: 16px;
    font-family: "nskr";
    letter-spacing: -1px;
    /* line-height: 2; */
}
.table_contents .logBox .inwrap .inbox .put-br.error{
    border-bottom: 1px solid #fe1652;
}
.table_contents .logBox .inwrap .inbox .birthWrap,
.table_contents .logBox .inwrap .inbox .nickWrap{
    width: fit-content;
    position: relative;
}
.table_contents .logBox .inwrap .inbox .birthWrap .put-br{
    cursor: pointer;
}
.table_contents .logBox .inwrap .inbox .ui-datepicker-trigger{
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    cursor: pointer;
}
.table_contents .logBox .inwrap .inbox .put-br.select {
    padding: 0;
}
/* .table_contents .logBox .inwrap .inbox:nth-child(-n + 3) .put-br {
    width: 383px;
}
.table_contents .logBox .inwrap .inbox:nth-child(2) .put-br {
    float: none;
} */
.table_contents .logBox .inwrap .inbox .checkPhone {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.table_contents .logBox .inwrap .inbox .checkPhone:last-child {
    margin-top: 10px;
}
.table_contents .logBox .inwrap .inbox .checkPhone:last-child input {
    width: 530px;
}
.table_contents .logBox .inwrap .inbox .checkPhone input,
.table_contents .logBox .inwrap .inbox .nickWrap input {
    width: 530px;
}
.table_contents .logBox .inwrap .inbox .checkPhone .phoneClick,
.table_contents .logBox .inwrap .inbox .nickClick,
.table_contents .logBox .find_box .input_btn {
    /* width: 226px;
    height: 62px; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: "nskr";
    color: #fff;
    letter-spacing: -1px;
    background: #000;
    padding: 6px 16px;
    border-radius: 10em;
    position: absolute;
    right: 0;
    bottom: 5px;
    cursor: pointer;
}
.table_contents .logBox .inwrap .inbox .mailbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.table_contents .logBox .inwrap .inbox .mailbox .checkEmail {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.table_contents .logBox .inwrap .inbox .mailbox #email_id {
    width: 270px;
}
.table_contents .logBox .inwrap .inbox .mailbox #email_id.full {
    width: 530px;
}
.table_contents .logBox .inwrap .inbox .mailbox .arroba {
    font-size: 21px;
    font-family: "nskm";
    letter-spacing: -1px;
    margin: 0 8px;
}
.table_contents .logBox .inwrap .inbox .mailbox #email_domain {
    width: 226px;
}
.table_contents .logBox .inwrap .inbox .mailbox .selectEmail {
    width: 226px;
}
.table_contents .logBox .inwrap .inbox input[type="password"] {
    width: 530px;
}
.table_contents .logBox .inwrap .inbox .optionDefault {
    width: 100%;
    height: 100%;
    padding: 10px 16px;
    /* line-height: 62px; */
    background: url('/_asset/img/login/arrow-down.png') no-repeat center right 10px;
    font-size: 16px;
    font-family: "nskr";
    letter-spacing: -1px;
    cursor: pointer;
}
.table_contents .logBox .inwrap .inbox .optionData {
    position: relative;
    z-index: 1;
}
.table_contents .logBox.joinBox .inwrap .inbox .optionData{
    position: absolute;
    width: 100%;
    cursor: pointer;
}
.table_contents .logBox .inwrap .inbox .optionData ul {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.table_contents .logBox .inwrap .inbox .optionData ul li {
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
}
.table_contents .logBox.joinBox .inwrap .inbox .optionData ul li{
    height: initial;
    line-height: initial;
    padding: 10px 20px;
    background: #f9f9f9;
    text-align: center;
    margin-bottom: 2px;
    /* border-bottom: 1px solid #a7a7a7; */
}
.table_contents .logBox .inwrap .inbox .optionData ul li:hover {
    background: #fff;
}
.table_contents .logBox label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    float: left;
}
.table_contents .logBox label:not(:last-child) {
    margin-right: 28px;
}
.table_contents .logBox label input[type="radio"] {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    border: 1px solid #a7a7a7;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}
.table_contents .logBox label input[type="radio"]:checked {
    background: url(../img/login/check_circle_on.png) no-repeat center center;
    border: 1px solid #0087F5;
}
.table_contents .logBox .ckBox {
    /* border-top: 1px solid #000; */
    width: 100%;
    padding: 20px 16px;
    font-size: 16px;
    font-family: "nskm";
    letter-spacing: -1px;
    background: #f9f9f9;
}
.table_contents .logBox .ckBox .personal_box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 46px;
}
.table_contents .logBox .ckBox .personal_box .personal_data_term_tit {
    position: relative;
}
.table_contents .logBox .ckBox .personal_box .personal_data_term_tit .p_tit {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.table_contents .logBox .ckBox .personal_box .personal_data_term_tit .p_tit .q_btn {
    width: 18px;
    height: 18px;
    display: block;
    text-align: center;
    line-height: 18px;
    border-radius: 18px;
    background: #000;
    font-size: 12px;
    color: #fff;
    margin-left: 5px;
}
.table_contents .logBox .ckBox .personal_box .personal_data_term_tit .personal_data_term_refer {
    box-sizing: border-box;
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    padding: 10px;
    font-size: 12px;
    font-family: "nskr";
    line-height: 18px;
    background: #fff;
    border: 1px solid #333;
    z-index: 2;
    display: none;
}
.table_contents .logBox .ckBox .personal_box .personal_data_term_tit .personal_data_term_refer b {
    font-size: 14px;
}
.table_contents .logBox .ckBox .personal_box .personal_data_term_tit .personal_data_term_refer .personal_data_term_refer_close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 18px;
    font-family: "nskr";
}
.table_contents .logBox .ckBox .personal_box .personal_data_term_txt {
    margin-left: 64px;
}
.table_contents .logBox .ckBox .agreeCheck#necessary_ck {
    margin-top: 16px;
}
.table_contents .logBox .ckBox .agreeCheck#select_ck {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* margin-top: 36px; */
}
/* .table_contents .logBox .ckBox .agreeCheck#select_ck div {
    margin-left: 32px;
} */
.table_contents .logBox .ckBox .agreeCheck div {
    display: flex;
    align-items: center;
    /* justify-content: flex-start; */
    justify-content: space-between;
}
.table_contents .logBox .ckBox .agreeCheck#necessary_ck div {
    margin-bottom: 16px;
}
.table_contents .logBox .ckBox .agreeCheck div label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.table_contents .logBox .ckBox .agreeCheck div label input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    /* border: 2px solid #000; */
    background: url(../img/login/check_off.png) no-repeat center center;
    cursor: pointer;
}
.table_contents .logBox .ckBox .agreeCheck div label input[type="checkbox"]:checked {
    background: url(../img/login/check_on.png) no-repeat center center;
}
.table_contents .logBox .ckBox .agreeCheck div .moreView1,
.table_contents .logBox .ckBox .agreeCheck .moreView1 {
    /* margin-left: 30px; */
    color: #0087F5;
    font-size: 13px;
    text-decoration: underline;
    margin-top: 0;
}
.table_contents .logBox .ckBox .agreeCheck#all_ck div {
    margin-bottom: 0;
}
.table_contents .logBox .ckBox .agreeCheck#all_ck div label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    /* height: 80px; */
    /* background: #0087f5; */
    border-radius: 8px;
    /* color: #fff; */
    color: #000;
    /* padding: 0 26px; */
}
.table_contents .logBox .ckBox .agreeCheck#all_ck div label input[type="checkbox"] {
    border: 1px solid #a7a7a7;
    border-radius: 50%;
    background: #fff;
}
.table_contents .logBox .ckBox .agreeCheck#all_ck div label input[type="checkbox"]:checked {
    background: url(../img/login/check_circle_on.png) no-repeat center center;
    border: 1px solid #0087F5;
}
/* .table_contents .logBox .fullBtn {
    width: 384px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto 0;
    background: #000;
    color: #fff;
    font-size: 21px;
    font-family: "nskm";
    letter-spacing: -1px;
    cursor: pointer;
    float: none;
    border-radius: 0;
    font-weight: normal;
} */
.table_contents .logBox .prev-Btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 5px;
    font-size: 18px;
    /* padding: 15px 0; */
    margin-top: -20px;
    margin-bottom: 30px;
    cursor: pointer;
}
.table_contents .logBox .joinFinish_txt {
    font-size: 24px;
    font-family: "nskm";
    letter-spacing: -1px;
    line-height: 37px;
    text-align: center;
    margin-top: 40px;
}
.table_contents .logBox .joinFinish.fullBtn,
.table_contents .logBox .fullBtn {
    width: 385px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 16px 20px;
    font-size: 16px;
    font-family: "nskm";
    letter-spacing: -1px;
    color: #fff;
    background: #000;
    margin-top: 30px;
    border-radius: 0;
    float: none;
    font-weight: normal;
}
.table_contents .logBox .contents.find {
    width: 100%;
    padding: 0;
    margin: 0;
}
.table_contents .logBox .contents.find #auth_form {
    width: 100%;
    padding: 0;
}
.table_contents .logBox .find_box {
    font-size: 16px;
    font-family: "NotoKr";
    letter-spacing: -1px;
    position: relative;
}
.table_contents .logBox .find_box:first-child {
    margin: 50px 0;
}
/* .table_contents .logBox .find_box .input_text {
    margin: 0 0 14px 12px;
} */
.table_contents .logBox .find_box .input_phone {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.table_contents .logBox .find_box .input_phone select {
    width: 170px;
    height: 62px;
    border: 2px solid #000;
    padding: 0 10px;
    font-size: 16px;
    font-family: "NotoKr";
    letter-spacing: -1px;
    background: url(../img/login/select_ico.png) no-repeat center right 14px;
}
.table_contents .logBox .find_box .input_phone input[type="tel"],
.table_contents .logBox .find_box .input_auth input[type="tel"],
.table_contents .logBox .findBox_repass .input_pass input[type="password"] {
    width: 100%;
    /* height: 62px; */
    border-bottom: 1px solid #000;
    padding: 10px 16px;
    font-size: 16px;
    font-family: "NotoKr";
    letter-spacing: -1px;
}
/* .table_contents .logBox .find_box .input_btn {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    background: #000;
    color: #fff;
    cursor: pointer;
} */
.table_contents .logBox #pass_form {
    width: 100%;
    padding: 54px 32px 0;
}
.table_contents .logBox #pass_form .findBox_select_id {
    width: 100%;
}
.table_contents .logBox #pass_form .findBox_select_id .info_text {
    font-size: 15px;
    color: #fe1652;
    padding: 0;
    letter-spacing: -1px;
}
.table_contents .logBox #pass_form .findBox_select_id label {
    font-size: 16px;
    font-family: "NotoKr";
    letter-spacing: -1px;
}
.table_contents .logBox #pass_form .findBox_select_id label input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 26px;
    height: 26px;
    margin-right: 5px;
    border: 2px solid #000;
    cursor: pointer;
}
.table_contents .logBox #pass_form .findBox_select_id label input[type="radio"]:checked {
    background: url(../img/login/ck_ico.png) no-repeat center center;
}
.table_contents .logBox #pass_form .findBox_select_id .login_go,
.table_contents .logBox .findBox_repass .input_btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px auto 54px;
    padding: 16px 20px;
    color: #fff;
    background: #000;
    font-size: 16px;
    font-family: "NotoKr";
    letter-spacing: -1px;
}
.table_contents .logBox .findBox_nopass {
    width: 100%;
    margin: 10px auto;
    font-size: 16px;
    font-family: "NotoKr";
    letter-spacing: -1px;
    display: none;
}
.table_contents .logBox .findBox_repass {
    padding: 54px 0 0;
    border-top: 1px solid #b2b2b2;
    display: none;
    font-size: 16px;
    font-family: "NotoKr";
    letter-spacing: -1px;
}
/* .table_contents .logBox .findBox_repass .input_text {
    margin: 0 0 14px 12px;
} */
.table_contents .logBox .findBox_repass .input_text span {
    font-size: 14px;
    color: #fe1652;
}
/* .table_contents .logBox .findBox_repass .input_pass input[type="password"] {
    width: 100%;
    height: 62px;
    border: 2px solid #000;
    padding: 0 10px;
    font-size: 21px;
    font-family: "nskm";
    letter-spacing: -1px;
} */
/* .table_contents .logBox .findBox_repass .input_btn {
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000;
    color: #fff;
    margin: 42px auto;
    cursor: pointer;
} */
.checkNick.t_next{
    padding: 10px 10px 0;
}

.log_projectBox{
    width: 100%;
    padding: 48px 0 0;
    font-size: 16px;
}
.log_projectBox:first-child{
    margin-top:48px;
    border-top:1px solid #d6d6d6;
}
.log_projectBox h2{
    font-size: 18px;
}
.log_projectBox .projectBoxContainer{
    padding: 10px;
    margin: 10px -10px;
}
.log_projectBox .projectBoxContainer .swiper-slide{
    width: 273px;
    height: 270px;
    padding: 20px 10px;
    background: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgba(77, 77, 77, 0.2);
}
.log_projectBox .projectBoxContainer .swiper-slide > div{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}
.log_projectBox .projectBoxContainer .swiper-slide img{
    width: 253px;
    /* height: 109px; */
    object-fit: cover;
    aspect-ratio: 2/1;
    margin-bottom: 4px;
}
.log_projectBox .projectBoxContainer .swiper-slide p{
    width: 100%;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.log_projectBox .projectBoxContainer .swiper-slide p.p_date {
    color: #999;
    margin-bottom: 6px;
}
.log_projectBox.log_projectBox_pre .projectBoxContainer .swiper-slide .blue{
    display:inline-block;
    font-size: 14px;
    background: #fff;
    border: 1px solid #0087F5;
    padding: 2px 6px;
    border-radius: 10em;
    margin-bottom: 6px;
}
.log_projectBox .projectBoxContainer .swiper-slide a{
    display: block;
    width: 100%;
    background: #000;
    color: #fff;
    padding: 10px;
    text-align: center;
}
.swiper-pagination.projectBoxPagination{
    display: flex;
    width: 100%;
    height: 2px;
    margin-top: 30px;
    position: inherit;
}
.swiper-pagination.projectBoxPagination.swiper-pagination-clickable .swiper-pagination-bullet{
    width: 100%;
    height: 2px;
    border-radius: 0;
    display: block;
    background: #d6d6d6;
    opacity: 1;
}
.swiper-pagination.projectBoxPagination.swiper-pagination-clickable .swiper-pagination-bullet-active{
    background: #000;
}
/* 20240327 진행예정 배너 추가 */
.log_projectBox_pre .projectBoxContainer .swiper-slide {
    height: 254px;
}
.log_projectBox_pre .projectBoxContainer .swiper-slide > div {
    justify-content: flex-start;
    row-gap: 16px;
}
.log_projectBox_pre .projectBoxContainer .swiper-slide p {
    -webkit-line-clamp: 2;
}
.log_projectBox_pre .soon_banner{
    width: 253px;
    /* height: 109px; */
    aspect-ratio: 2/1;
}
.log_projectBox_pre .swiper-slide:nth-child(odd) .soon_banner.ex_g{
    background: #CDE9FF url('/_asset/img_v2/project/W_soon_banner_exg2.png') 100% bottom no-repeat;
    background-size: 80%;
}
.log_projectBox_pre .swiper-slide:nth-child(even) .soon_banner.ex_g{
    background: #0087F5 url('/_asset/img_v2/project/W_soon_banner_exg.png') 100% bottom no-repeat;
    background-size: 80%;
}
.log_projectBox_pre .swiper-slide:nth-child(odd) .soon_banner.survey{
    background:#FFC8C2 url('/_asset/img_v2/project/W_soon_banner_survey.png') 100% bottom no-repeat;
    background-size: 80%;
}
.log_projectBox_pre .swiper-slide:nth-child(even) .soon_banner.survey{
    background: #FF6491 url('/_asset/img_v2/project/W_soon_banner_survey2.png') 100% bottom no-repeat;
    background-size: 80%;
}
.log_projectBox_pre .soon_text_wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    width: 80%;
    margin: 0 0 0 16px;
    row-gap: 10px;
}
.log_projectBox_pre .soon_text_wrap span{
    width: 50px;
    height: 14px;
}
.log_projectBox_pre .swiper-slide:nth-child(odd) .soon_text_wrap span{
    background: url('/_asset/img_v2/project/Table_logo.svg') center center no-repeat;
    background-size: contain;
}
.log_projectBox_pre .swiper-slide:nth-child(even) .soon_text_wrap span{
    background: url('/_asset/img_v2/project/Table_logo_w.svg') center center no-repeat;
    background-size: contain;
}
.log_projectBox_pre .soon_text_wrap p{
    font-size: 20px;
    font-family: 'Gmarket Sans';
    font-weight: bold;
    line-height: 1.3;
}
.log_projectBox_pre .swiper-slide:nth-child(even) .soon_text_wrap p{
    color: #fff;
}
/* 진행예정 배너 추가 end */

/*20221221 추가 join_before*/
/*20240103 수정 join_before - 테이블 자동화 프로젝트*/
.join_before .table_contents .logBox .tit{
    font-size: 28px;
    /* text-align: center; */
}
.join_before .pr_pop_mem_form {
    display: flex;
    flex-direction: column;
    width: 70%;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.join_before .v2_service_benefit_list {
    margin-top: 25px;
    justify-content: space-between;
}
.join_before .v2_service_benefit_list .v2_service_benefit_detail {
    width: 30%;
    height: 300px;
}
.join_before .v2_service_benefit_list .v2_service_benefit_detail .v2_service_benefit_img img {
    width: 58%;
}
.join_before .v2_service_benefit_list .v2_service_benefit_detail .v2_service_benefit_title {
    font-size: 18px;
}
.join_before .pop_sns_log{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: top;
    column-gap: 24px;
    margin-top: 20px;
    padding-bottom: 40px;
    /* border-bottom: 1px solid #D6D6D6 ; */
}
.join_before .pop_sns_log a{
    width: fit-content;
    height:auto;
    /* text-indent: -9999px; */
    border: 0;
    display: flex;
    flex-direction: column;
    background: none !important;
    font-size: 14px;
    color: #3d3d3d;
    text-align: center;
    font-weight: 400;
    row-gap: 8px;
}
.join_before .pop_sns_log a img {
    width: 42px;
    height: 42px !important;
    margin: 0 !important;
}
.join_before .pop_sns_log .signin-button {
    position: relative;
}
.join_before .pop_sns_log .signin-button::after{
    content: '애플';
    font-size: 13.5px;
    color: #3d3d3d;
    font-weight: 500;
    font-family: "nskm";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -28.5px;
}
/* .join_before .pop_sns_log .kakao{
    background: url(../img/login/sns_ico_1.png) no-repeat center center;
    background-size: 42px;
}
.join_before .pop_sns_log .naver{
    background: url(../img/login/sns_ico_2.png) no-repeat center center;
    background-size: 42px;
}
.join_before .pop_sns_log .nosns_btn{
    background: url(../img/login/email.png) no-repeat center center;
    background-size: 42px;
}
.join_before .pop_sns_log .azoomma{
    background: url(../img/login/sns_ico_4.png) no-repeat center center;
    background-size: 42px;
} */
.join_before .pop_sns_log a:not(:last-child){
    margin-bottom: 0;
}
.join_before .findbox{
    justify-content: center;
}
.join_before .findbox a{
    font-size: 14px;
    /* color: #a7a7a7; */
    border: 0;
    text-decoration: underline;
}
.join_before .table_contents .logBox img,
.join_before .table_contents .logBox embed{
    max-width: 100%;
    height: auto;
    margin: 30px auto 10px;
    image-rendering: -moz-crisp-edges; /* firefox */
    image-rendering: -o-crisp-edges; /* opera */
    image-rendering: -webkit-optimize-contrast; /* chrome(비표준) */
    image-rendering: crisp-edges;
}

/* 휴대폰인증 중복 팝업 */
.table_contents .logBox .alert_phone_overlap,
.table_contents .logBox .alert_phone_overlap .tit{
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
}
.table_contents .logBox .alert_phone_overlap .tit{
    margin-bottom: 10px;
}
.table_contents .logBox .alert_phone_overlap .btn_wrap{
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 16px;
    row-gap: 10px;
}
.table_contents .logBox .alert_phone_overlap .btn_wrap button{
    display: block;
    width: 100%;
    background: #fff;
    color: #000;
    border: 1px solid #000;
    font-size: 16px;
    padding: 16px 0;
    height: auto;
}
.table_contents .logBox .alert_phone_overlap .btn_wrap button.black_btn{
    background: #000;
    color: #fff;
}

/* 2024.01.05 join - datepicker ui 수정 // 회원가입 생년월일 캘린더 css 수정 */
#ui-datepicker-div{
    width: 98%;
    max-width: 320px;
    font-size: 16px;
    font-family: "NotoKr";
}
.ui-datepicker .ui-datepicker-header{
    background: #fff;
    border: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 10px 16px 0 !important;
    margin-bottom: 8px;
}
.ui-datepicker .ui-datepicker-title{
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: baseline;
    color: #000;
    font-family: 'NotoKr';
    /* height: 20px;
    order: 2;
    line-height: 20px !important; */
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
    position: relative !important;
    height: 20px !important;
    top:0;
}
.ui-datepicker .ui-datepicker-next{
    order: 3;
}
.ui-datepicker .ui-datepicker-prev span{
    background: url('/_asset/img/login/arrow_left.png') center center no-repeat;
}
.ui-datepicker .ui-datepicker-next span{
    background: url('/_asset/img/login/arrow_right.png') center center no-repeat;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: fit-content !important;
    border: 0;
    /* height: 20px; */
    /* line-height: 20px !important; */
    margin: 0;
    /* font-size: 18px !important; */
    font-weight: bold;
    padding: 0 16px;
    background: #fff url('/_asset/img/login/arrow-down.png') no-repeat;
    background-position: 90% 70%;
    background-size: 10px;
    cursor: pointer;
    font-family: 'NotoKr';
}
.ui-datepicker select.ui-datepicker-year {
    background-position: right 70%;
}
.ui-datepicker select.ui-datepicker-month:focus
, .ui-datepicker select.ui-datepicker-year:focus{
    outline: none;
}
.ui-datepicker select.ui-datepicker-year option,
.ui-datepicker select.ui-datepicker-month option {
    font-size: 14px;
    font-family: 'NotoKr';
}
.ui-datepicker th{
    /* font-size: 14px; */
    color: #3C3C43;
    font-weight: normal !important;
    opacity: 0.5;
}
.ui-state-default, .ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{
    border: none !important;
    background: none !important;
    text-align: center;    
    font-size: 14px;
    font-family: 'Gmarket Sans';
    margin-bottom: 10px;
}
.ui-state-active, .ui-widget-content .ui-state-active{
    position: relative;
    z-index: 1;
}
.ui-state-active::after, .ui-widget-content .ui-state-active::after{
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: #0087F5;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{
    color: #000 !important;
}

/*login_new*/
.login_new .table_contents .logBox .loginInfo {
    margin-top: 0;
}
.login_new .table_contents .logBox .loginInfo a {
    margin: 15px auto 0;
    border: 2px solid #000;
    background: #fff;
    color: #000;
}
.login_new .table_contents .sns_login {
    width: 100%;
    margin-top: 50px;
}
.login_new .table_contents .sns_login .sns_login_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    justify-content: center;
    align-items: center;
}
.login_new .table_contents .sns_login p {
    text-align: center;
    font-size: 14px;
    font-family: 'NotoKr';
    font-weight: 400;
    color: #a7a7a7;
    margin-top: 0;
}
/* login_new css 추가 24.01.09 */
.login_new .table_contents .logBox{
    padding: 80px 0;
}
.login_new .table_contents .logBox .tit{
    font-size: 22px;
    text-align: left;
    max-width: 375px;
    margin: 0 auto;
    font-family: 'NotoKr';
    margin-top: 20px;
    border-top: 1px solid #d9d9d9;
    padding-top: 30px;
}
.login_new .table_contents .logBox .loginbox{
    margin: 20px auto 15px;
}
.login_new .table_contents .logBox .loginbox li{
    height: auto;
    border: 0;
    padding: 0;
}
.login_new .table_contents .logBox .loginbox li input{
    font-size: 16px;
    font-family: 'NotoKr';
    border-bottom: 1px solid #000;
    font-weight: 400;
    padding: 10px 16px;
}
.login_new .table_contents .logBox .loginCheck .login_check01,
.login_new .table_contents .logBox .loginCheck .loginSerch a{
    font-size: 14px;
    font-family: 'NotoKr';
}
.login_new .table_contents .logBox .loginCheck .login_check01 input[type="checkbox"]{
    width: 18px;
    height: 18px;
    border: 1px solid #a7a7a7;
    background: #fff;
    border-radius: 50%;
}
.login_new .table_contents .logBox .loginCheck .login_check01 input[type="checkbox"]:checked{
    background: #0087f5 url('/_asset/img/login/check_circle_on.png') center center no-repeat;
    background-size: 16px;
    border: 1px solid #0087f5;
}
.login_new .table_contents .logBox .fullBtn{
    height: auto;
    padding: 20px;
    max-width: 375px;
    font-size: 18px;
    font-weight: 500;
    line-height: initial;
}
.login_new .table_contents .sns_login{
    padding: 20px 0;
    margin: 0;
}
.login_new .table_contents .sns_login p.snsTit {
    font-size: 22px;
    font-family: 'NotoKr';
    letter-spacing: -1.5px;
    text-align: left;
    width: 100%;
    max-width: 375px;
    margin: 0 auto;
    font-weight: 700;
    color: #000;
}
.join_txt{
    max-width: 375px;
    margin: 20px auto 0;
    border-top: 1px solid #d9d9d9;
    padding-top: 40px;
}
.join_txt p{
    font-size: 16px;
}
.join_txt a {
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #000;
    background: #fff;
    padding: 20px;
    display: block;
    text-align: center;
    margin-top: 20px;
    transition: all .2s;
}
.join_txt a:hover{
    background: #000;
    color: #fff;
}
.loginSearch{
    width: 100%;
    max-width: 375px;
    display: flex;
    justify-content: center;
    margin: 16px auto;
}
.loginSearch a{
    font-size: 14px;
    text-decoration: underline;
}
/*join_sns css 추가*/
/* .join_sns h2.snsLoginTit {
    background: #f4f4f4;
    padding: 20px 40px;
    width: 896px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    column-gap: 15px;
}
.join_sns h2.snsLoginTit img {
    width: 40px;
}
.join_sns h2.snsLoginTit p {
    font-size: 18px;
}
.join_sns h2.snsLoginTit p span {
    font-weight: 300;
}
.join_sns .logBox.joinBox {
    padding: 20px 65px 70px;
} */

/*휴면계정 페이지, 필수정보입력 페이지 css*/
.sleep-id-box p,
.info-update-box p,
.pass-change-box p {
    width: 100%;
    font-size: 16px;
    text-align: left;
    margin-top: 10px;
}
.email-line,
.caution {
    border-radius: 16px;
    background: #f4f4f4;
    padding: 5px 15px;
}
.sleep-id-box .blue,
.info-update-box .blue {
    color: #0087f5;
}
.info-update-box .update-txt {
    font-size: 22px;
    margin: 10px 0;
    font-weight: 900;
}
.info-update-box .caution {
    font-size: 16px;
    letter-spacing: -1px;
    border-radius: 25px;
    line-height: 25px;
    padding: 10px 20px;
}
.info-update-box form {
    margin: 30px 0;
    padding: 5px 10px;
    width: 100%;
}
.info-update-box form div.info-update-box-inner {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.info-update-box form div.info-update-box-inner div {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 5px;
}
.info-update-box form div.info-update-box-inner div p {
    display: flex;
    width: 70%;
    justify-content: flex-start;
}
.info-update-box form input[type="text"] {
    width: 70%;
    height: 62px;
    border: 2px solid #000;
    padding: 0 10px;
    font-size: 21px;
    font-family: "nskr";
    letter-spacing: -1px;
}
.info-update-box form button {
    width: 70%;
    height: 70px;
    background: #000;
    color: #fff;
    border: none;
    font-size: 21px;
    text-align: center;
    font-family: "nskr";
    margin-top: 20px;
}

/*비밀번호 변경 페이지 css*/
.pass-change-box form {
    width: 100%;
}
.pass-change-box > p {
    margin-bottom: 20px;
}
.pw-change-btn {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.pw-change-btn button {
    width: 48%;
    background: #000;
    color: #fff;
    padding: 16px 20px;
    font-size: 16px;
    border: none;
}
.pw-change-btn button.nochange {
    background-color: #ababab;
}

@media screen and (max-width: 1024px) {
    .table_contents {
        height: auto;
        padding: 120px 50px;
        background-size: cover;
    }
    .table_contents .joinTbox {
        width: 100%;
    }
    .table_contents .joinTbox .title {
        width: 70%;
        padding-left: 50px;
    }
    .table_contents .joinTbox .logo {
        width: 30%;
    }
    .table_contents .logBox {
        width: 100%;
        padding: 60px 44px;
    }
    .table_contents .logBox.joinBox {
        width: 100%;
        padding: 50px 45px;
    }
    .table_contents .logBox.pass-change-box{
        padding: 0;
    }
    .join_sns h2.snsLoginTit {
        width: 100%;
    }
    .table_contents .logBox .inwrap .inbox .checkPhone:last-child {
        margin-top: 10px;
    }
    .table_contents .logBox .inwrap .inbox .checkPhone:last-child input {
        width: 74.5%;
    }
    .table_contents .logBox .inwrap .inbox .checkPhone input {
        width: 75%;
    }
    /* .table_contents .logBox .inwrap .inbox .checkPhone .phoneClick {
        width: 24%;
    } */
    .table_contents .logBox .inwrap .inbox .mailbox .checkEmail {
        width: 75%;
    }
    .table_contents .logBox .inwrap .inbox .mailbox #email_id {
        width: 45%;
    }
    .table_contents .logBox .inwrap .inbox .mailbox #email_id.full {
        width: 75%;
    }
    .table_contents .logBox .inwrap .inbox .mailbox .arroba {
        margin: 0 5px;
    }
    .table_contents .logBox .inwrap .inbox .mailbox #email_domain {
        width: 45%;
    }
    .table_contents .logBox .inwrap .inbox .mailbox .selectEmail {
        width: 24%;
    }
    .table_contents .logBox .inwrap .inbox input[type="password"] {
        width: 100%;
    }
}
@media screen and (max-width: 800px) {
    .join .table_contents {
        padding-top: 0;
    }
    .table_contents {
        padding: 0;
        background: #fff;
    }
    .table_contents .joinTbox {
        height: auto;
    }
    .table_contents .joinTbox .title {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: auto;
        background: url(../img/login/log_bg_02.jpg) no-repeat center center;
        background-size: cover;
        padding-left: 0;
        padding: 60px 0;
        color: #fff;
        font-size: 35px;
    }
    .table_contents .joinTbox .logo {
        display: none;
    }
    .join_complete .table_contents .logBox{
        padding: 50px 30px;
    }
    .table_contents .logBox {
        width: 100%;
        padding: 0px 30px;
        box-shadow: none;
    }
    .table_contents .logBox.joinBox {
        width: 100%;
        padding: 50px 30px;
    }
    /* .table_contents .logBox .tit {
        font-size: 38px;
        margin-bottom: 22px;
    } */
    .join_before .table_contents .logBox .tit {
        font-size: 24px;
        margin-bottom: 0;
    }
    .join_before .table_contents .logBox img{
        margin: 40px auto 10px;
    }
    .table_contents .logBox.login .tit {
        font-size: 35px;
    }
    .table_contents .logBox .txt {
        font-size: 18px;
        margin-bottom: 15px;
        line-height: 27px;
    }
    .table_contents .logBox .txt.un_bor {
        padding-bottom: 30px;
    }
    .table_contents .logBox .benefits {
        width: 100%;
    }
    .table_contents .logBox .benefits .t_txt {
        font-size: 18px;
    }
    .table_contents .logBox .benefits .B_box .ben_box {
        width: 32%;
        height: 160px;
        box-shadow: 5px 5px 7.5px rgba(0, 0, 0, 0.21);
    }
    .table_contents .logBox .benefits .B_box .ben_box .img {
        height: 50px;
    }
    .table_contents .logBox .benefits .B_box .ben_box .b_txt {
        font-size: 14px;
        line-height: 20px;
    }
    .table_contents .logBox .benefits .B_box .ben_box:nth-child(-n + 3) .img {
        background-size: contain;
    }
    .table_contents .logBox .loginSns {
        width: 100%;
    }
    .table_contents .logBox .loginSns a {
        height: 65px;
        font-size: 18px;
    }
    .table_contents .logBox .loginSns a:nth-child(-n + 4) {
        background-size: 40px;
    }
    .table_contents .logBox .log_in {
        width: 100%;
        height: 65px;
        font-size: 18px;
    }
    .table_contents .logBox .contents.login {
        width: 100%;
    }
    .login_new .table_contents .logBox{
        padding: 0;
    }
    .login_new .table_contents .logBox .contents.login{
        padding: 0;
    }
    .login_new .table_contents .logBox .loginbox,
    .table_contents .logBox .loginCheck{
        padding: 0 16px;
    }
    .join_txt{
        padding: 30px 16px;
        margin-top: 0;
    }
    .login_new .table_contents .logBox .tit{
        padding: 30px 16px;
    }
    .login_new .table_contents .sns_login{
        padding: 20px 16px;
    }
    .login_new .table_contents .logBox .fullBtn{
        width: 90%;
    }
    .table_contents .logBox .loginbox {
        width: 100%;
        margin: 40px 0 20px;
    }
    .table_contents .logBox .loginbox li {
        height: 65px;
    }
    .table_contents .logBox .loginbox li input {
        font-size: 18px;
    }
    .table_contents .logBox .loginCheck {
        width: 100%;
    }
    .table_contents .logBox .loginCheck .loginSerch a {
        font-size: 16px;
    }
    .table_contents .logBox.login .loginCheck {
        width: 100%;
        margin-top: 12px;
    }
    .table_contents .logBox.login .loginCheck .loginSerch a {
        font-size: 16px;
    }
    .table_contents .logBox .loginBtn {
        height: 65px;
        font-size: 18px;
    }
    .table_contents .logBox .loginInfo {
        margin-top: 50px;
        font-size: 20px;
        line-height: 27px;
    }
    .table_contents .logBox .loginInfo a {
        width: 100%;
        height: 65px;
        margin-top: 40px;
        font-size: 18px;
    }
    .table_contents .logBox .inwrap .inbox .in_tit {
        /* margin-left: 10px; */
        /* font-size: 18px; */
        margin-bottom: 4px;
    }
    .table_contents .logBox .inwrap .inbox .in_tit .t_next {
        margin-left: 12px;
    }
    .table_contents .logBox.pass-change-box .inwrap .inbox .in_tit{
        flex-wrap: wrap;
    }
    .table_contents .logBox.pass-change-box .inwrap .inbox .in_tit .t_next{
        display: block;
        width: 100%;
        margin: 0;
    }
    .pw-change-btn{
        flex-wrap: wrap;
        row-gap: 10px;
    }
    .pw-change-btn button{
        width: 100%;
    }
    .table_contents .logBox .inwrap .inbox .in_tit .t_next .hidetxt {
        display: block;
        margin-left: 0;
    }
    /* .table_contents .logBox .inwrap .inbox .put-br {
        height: 65px;
        font-size: 18px;
    } */
    .table_contents .logBox .inwrap .inbox .birthWrap,
    .table_contents .logBox .inwrap .inbox .nickWrap,
    .table_contents .logBox .inwrap .inbox .checkPhone,
    .table_contents .logBox .inwrap .inbox .checkPhone input,
    .table_contents .logBox .inwrap .inbox .nickWrap input{
        width: 100%;
    }
    .table_contents .logBox .inwrap .inbox:nth-child(-n + 3) .put-br {
        width: 100%;
    }
    .table_contents .logBox .inwrap .inbox .checkPhone {
        flex-wrap: wrap;
    }
    .table_contents .logBox .inwrap .inbox .checkPhone:last-child {
        margin-top: 20px;
    }
    .table_contents .logBox .inwrap .inbox .checkPhone:last-child input {
        width: 100%;
    }
    .table_contents .logBox .inwrap .inbox .checkPhone input {
        width: 100%;
    }
    /* .table_contents .logBox .inwrap .inbox .checkPhone .phoneClick {
        width: 100%;
        margin-top: 15px;
        font-size: 18px;
    } */
    .table_contents .logBox .inwrap .inbox .mailbox {
        flex-direction: column;
    }
    .table_contents .logBox .inwrap .inbox .mailbox .checkEmail {
        width: 100%;
    }
    .table_contents .logBox .inwrap .inbox .mailbox .selectEmail {
        margin-top: 15px;
        width: 100%;
    }
    .table_contents .logBox .inwrap .inbox .optionDefault {
        font-size: 18px;
    }
    .table_contents .logBox .ckBox {
        padding: 40px 16px;
        font-size: 18px;
    }
    .table_contents .logBox .ckBox .personal_box {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        flex-direction: column;
        padding-bottom: 50px;
        border-bottom: 1px solid #b2b2b2;
    }
    .table_contents .logBox .ckBox .personal_box .personal_data_term_txt {
        margin-left: 0;
    }
    .table_contents .logBox .ckBox .personal_box .personal_data_term_txt label {
        margin-top: 15px;
        font-size: 16px;
    }
    .table_contents .logBox .ckBox .personal_box .personal_data_term_txt label:not(:last-child) {
        margin-right: 10px;
    }
    /* .table_contents .logBox .ckBox .agreeCheck#necessary_ck {
        margin-top: 50px;
    } */
    .table_contents .logBox .ckBox .agreeCheck#select_ck {
        flex-wrap: wrap;
    }
    .table_contents .logBox .ckBox .agreeCheck#select_ck label {
        width: 100%;
        font-size: 16px;
    }
    .table_contents .logBox .ckBox .agreeCheck#select_ck label + div {
        margin-left: 0;
    }
    /* .table_contents .logBox .ckBox .agreeCheck#select_ck div {
        margin-top: 15px;
        margin-left: 32px;
    } */
    .table_contents .logBox .ckBox .agreeCheck div {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .table_contents .logBox .ckBox .agreeCheck div:first-child {
        margin-bottom: 27px;
    }
    .table_contents .logBox .ckBox .agreeCheck div label {
        font-size: 16px;
    }
    .table_contents .logBox .ckBox .agreeCheck div .moreView1 {
        margin-left: 0;
        font-size: 14px;
    }
    .table_contents .logBox .ckBox .agreeCheck#all_ck div label {
        height: 65px;
    }
    .table_contents .logBox .ckBox .joinBtn {
        width: 100%;
        height: 65px;
        font-size: 18px;
    }
    .table_contents .logBox .fullBtn {
        width: 100%;
        height: 65px;
        font-size: 18px;
    }
    .table_contents .logBox .joinFinish_txt {
        font-size: 18px;
        line-height: normal;
    }
    .table_contents .logBox .joinFinish.fullBtn {
        width: 100%;
        height: 65px;
        font-size: 18px;
    }
    /* .table_contents .logBox .contents.find #auth_form {
        padding: 0 16px;
    } */
    /* .table_contents .logBox .find_box {
        font-size: 18px;
    } */
    /* .table_contents .logBox .find_box .input_text {
        margin: 0 0 14px 12px;
    } */
    .table_contents .logBox .find_box .input_phone {
        width: 100%;
    }
    /* .table_contents .logBox .find_box .input_phone select {
        width: 32%;
        height: 65px;
        font-size: 18px;
    } */
    /* .table_contents .logBox .find_box .input_phone input[type="tel"] {
        width: 100%;
        height: 65px;
        font-size: 18px;
    }
    .table_contents .logBox .find_box .input_auth input[type="tel"] {
        height: 65px;
        font-size: 18px;
    }
    .table_contents .logBox .find_box .input_btn {
        height: 65px;
    } */
    .table_contents .logBox #pass_form {
        padding: 30px 0;
    }
    .table_contents .logBox #pass_form .findBox_select_id {
        width: 100%;
    }
    /* .table_contents .logBox #pass_form .findBox_select_id .info_text {
        font-size: 14px;
    }
    .table_contents .logBox #pass_form .findBox_select_id label {
        font-size: 16px;
        margin-bottom: 8px;
    } */
    .table_contents .logBox #pass_form .findBox_select_id .login_go {
        width: 100%;
        margin: 40px auto 30px;
    }
    .table_contents .logBox .findBox_nopass {
        width: 100%;
        margin: 10px auto;
        font-size: 18px;
    }
    /* .table_contents .logBox .findBox_repass {
        padding: 30px 0 0;
        font-size: 18px;
    } */
    .table_contents .logBox .findBox_repass .input_text span {
        font-size: 12px;
        display: block;
    }
    /* .table_contents .logBox .findBox_repass .input_pass input[type="password"] {
        height: 65px;
        font-size: 18px;
    } */
    /* .table_contents .logBox .findBox_repass .input_btn {
        width: 100%;
        height: 65px;
    } */
    .table_contents .logBox.joinBox.add .add_join {
        padding: 15px;
    }
    .table_contents .logBox.joinBox.add .contents {
        padding: 0 20px 50px;
    }
    .table_contents .logBox.joinBox.add .add_join .sns {
        font-size: 14px;
        flex-wrap: wrap;
    }
    .table_contents .logBox.joinBox.add .add_join .sns .b-txt {
        margin-right: 0;
        width: 80%;
    }
    .table_contents .logBox.joinBox.add .add_join .ico {
        width: 20px;
        height: 20px;
    }
    .table_contents .logBox.joinBox.add .add_join .ico.ig {
        background-size: cover;
    }
    .table_contents .logBox.joinBox.add .add_join .ico.na {
        background-size: cover;
    }
    .table_contents .logBox.joinBox.add .add_join .ico.ka {
        background-size: cover;
    }
    .table_contents .logBox.joinBox.add .add_join .ico.fa {
        background-size: cover;
    }
    .table_contents .logBox.joinBox.add .add_join .ico.tw {
        background-size: cover;
    }
    .table_contents .logBox .ck-wrap {
        justify-content: space-between;
    }
    .table_contents .logBox .ck-wrap .ck-box {
        width: 49%;
    }
    .table_contents .logBox .ck-wrap .ck-box:not(:last-child) {
        margin-right: 0;
    }
    .table_contents .logBox .ck-wrap .ck-box:nth-child(n + 3) {
        margin-top: 10px;
    }

    /*join_before css*/
    .join_before .pr_pop_mem_form {
        width: 90%;
    }
    .join_before .pop_sns_log{
        border: 0;
    }

    /*휴면계정, 정보입력페이지 css*/
    .info-update-box form input[type="text"],
    .info-update-box form div.info-update-box-inner div p,
    .info-update-box form button {
        width: 85%;
    }
    .info-update-box form input[type="text"],
    .info-update-box form button {
        font-size: 18px;
    }

    /* 20240105 회원가입 추가 */
    .table_contents .logBox .inwrap .inbox .in_tit .gray_t{
        font-size: 12px;
    }
    .table_contents .logBox .alert_phone_overlap .btn_wrap{
        flex-direction: column;
    }
}
@media screen and (max-width: 480px) {
    .table_contents .logBox .benefits .B_box .ben_box .b_txt {
        font-size: 12px;
        line-height: 18px;
    }
    .table_contents .logBox.joinBox {
        /* padding: 50px 20px; */
        padding: 50px 0;
    }
    .table_contents .logBox .join_tit{
        padding: 0 16px;
    }
    .table_contents .logBox.joinBox .inwrap .inbox{
        padding: 0 16px;
    }
    .table_contents .logBox.joinBox .contents.join {
        padding: 0;
    }
    .table_contents .logBox .accordion-box .list li .title-wrap .title .sns-t {
        font-size: 16px;
    }
    .step .inbox .cont .snsInput::placeholder {
        font-size: 14px;
        letter-spacing: -1px;
    }

    /*join_before css*/
    .join_before .table_contents .logBox .contents.login {
        padding: 30px 0 25px;
    }
    .join_before .pr_pop_mem_form {
        width: 100%;
    }
    .join_before .pop_sns_log a {
        background-size: 30px;
        background-position: center left 5%;
    }
    .join_before .v2_service_benefit_list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        row-gap: 15px;
    }
    .join_before .v2_service_benefit_list .v2_service_benefit_detail {
        width: 90%;
        height: auto;
        flex-direction: row;
        justify-content: space-evenly;
    }
    .join_before .v2_service_benefit_list .v2_service_benefit_detail .v2_service_benefit_img {
        width: 60px;
    }
    .join_before .v2_service_benefit_list .v2_service_benefit_detail .v2_service_benefit_img img {
        width: 100%;
    }
    .join_before .v2_service_benefit_list .v2_service_benefit_detail .v2_service_benefit_title {
        font-size: 14px;
        letter-spacing: -1.5px;
        font-weight: 400;
    }

    /*login_new css*/
    .login_new .table_contents .sns_login .sns_login_list {
        column-gap: 5px;
    }
    .login_new .table_contents .sns_login .sns_login_list a {
        display: block;
    }
    .login_new .table_contents .sns_login .sns_login_list a img {
        width: 80%;
    }
    .table_contents .logBox .prev-Btn{
        padding: 4px 16px 0;
    }
    .table_contents .logBox.joinBox .inwrap .inbox.join_select{
        width: 95%;
        margin: 0 auto 20px;
        padding: 16px;
    }
    .table_contents .logBox .join_select .ck-wrap{
        justify-content: flex-start;
    }
    .table_contents .logBox .join_select .ck-wrap .ck-box {
        width: auto;
        margin: 0;
    }
    .table_contents .logBox.joinBox .fullBtn{
        width: 95%;
    }

    /*join_sns css*/
    .join_sns h2.snsLoginTit {
        padding: 20px 15px;
        column-gap: 10px;
    }
    .join_sns h2.snsLoginTit p {
        font-size: 16px;
        letter-spacing: -1px;
    }

    /*휴면계정 필수정보입력 css*/
    .info-update-box form input[type="text"],
    .info-update-box form div.info-update-box-inner div p,
    .info-update-box form button {
        width: 95%;
    }

    /* join_complete css */
    .log_projectBox_pre .soon_text_wrap span{
        width: 40px;
        height: 11px;
    }
    .log_projectBox_pre .soon_text_wrap p{
        letter-spacing: -0.5px;
    }
}
@media screen and (max-width: 400px) {
    .table_contents .logBox .loginCheck {
        flex-wrap: wrap;
        justify-content: flex-start;
        column-gap: 20px;
        row-gap: 10px;
    }
}