#member-wrap {
    padding:8rem 0;
}

#member-wrap h2 {
    text-align: center;
    font-size:5rem;
    font-weight:bold;
    color:#19284e;
    margin-bottom:5rem;
}

.login-wrap {
    width:100%;
    max-width:73rem;
    padding:5rem;
    border:1px solid #d7d7d7;
    border-radius:2rem;
    margin:0 auto;
}

.login-wrap .ico {
    width:4rem;
    height:5.4rem;
    background-image:url(../images/login_ico.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
    margin:0 auto;
}

.login-wrap h2 {
    font-size:4rem;
    color:#222;
    text-align: center;
    font-weight:bold;
    margin:1rem 0 1.5rem 0;
}

.login-wrap p.infotxt {
    text-align: center;
    margin-bottom:0.5rem;
    font-size:1.8rem;
    color:#555;
}

.login-wrap p.infotxt:last-of-type {
    margin-bottom:0;
}

.login-wrap .login-form {
    margin-top:3rem;
}

.login-wrap .login-form input[type=text],
.login-wrap .login-form input[type=password] {
    width:100%;
    height:6rem;
    border:1px solid #d7d7d7;
    border-radius:0.6rem;
    padding:0 1.5rem;
    font-size:1.8rem;
}

.login-wrap .login-form #loginId { 
    margin-bottom:1rem;
}

.login-wrap .login-form .saveid {
    margin-top:1.5rem;
}

.login-wrap .login-form button[type=submit].submit-btn {
    width:100%;
    margin-top:2rem;
}

.login-wrap .login-btns {
    margin-top:2.5rem;
}

.login-wrap .login-btns ul {
    display:flex;
    align-items: center;
    justify-content: center;
}

.login-wrap .login-btns ul li {
    padding-right:1rem;
    margin-right:1rem;
    position:relative;
}

.login-wrap .login-btns ul li:last-child {
    padding-right:0;
    margin-right:0;
}

.login-wrap .login-btns ul li:after {
    content:"";
    display:block;
    width:0.1rem;
    height:1.5rem;
    background-color:#787878;
    position:absolute;
    right:0;
    top:50%;
    transform: translateY(-50%);
}

.login-wrap .login-btns ul li:last-child:after {
    display:none;
}

.login-wrap .login-btns ul li a {
    font-size:1.8rem;
    color:#222;
    letter-spacing: -0.03em;
}

.login-wrap .login-info {
    padding:3rem;
    border-radius:0.8rem;
    background-color:#f5f6fa;
    margin-top:2.5rem;
}

.login-wrap .login-info dl {
    font-size:1.8rem;
    color:#222;
}

.login-wrap .login-info dl dt {
    font-weight:bold;
    margin-bottom:0.4rem;
}

.login-wrap .login-info dl dd ul li {
    position:relative;
}

.find-member h2 {
    font-size:4rem;
    font-weight:bold;
    color:#222;
    text-align: center;
    margin-bottom:1rem;
}

.find-member > p {
    text-align: center;
    color:#555;
    font-size:1.8rem;
}

.find-member .find-member-form {
    margin:2.5rem auto 0 auto;
    width:100%;
    max-width:73rem;
}

.find-member .find-member-tab ul {
    display:flex;
    align-items: center;
}

.find-member .find-member-tab ul li {
    flex:1;
}

.find-member .find-member-tab ul li a {
    display:flex;
    align-items: center;
    justify-content: center;
    font-size:2rem;
    color:#222;
    font-weight:bold;
    border:1px solid #d7d7d7;
    border-bottom:0;
    height:6rem;
    border-radius:2rem 2rem 0 0;
    transition:all 0.3s;
}

.find-member .find-member-tab ul li.on a,
.find-member .find-member-tab ul li a:hover  {
    background-color:#4162b0;
    color:#fff;
    border-color:#4162b0;
}

.find-member .find-member-con {
    width:100%;
    border-right:1px solid #d7d7d7;
    border-bottom:1px solid #d7d7d7;
    border-left:1px solid #d7d7d7;
    border-radius:0 0 2rem 2rem;
    padding:5rem;
}

.find-member .find-member-con .find-id,
.find-member .find-member-con .find-pw {
    width:100%;
    max-width:55rem;
    margin:0 auto
}

.find-member .find-member-con .find-id > p,
.find-member .find-member-con .find-pw > p {
    text-align: center;
    font-size:1.8rem;
    line-height:1.8;
    color:#222;
}

.find-member .find-member-con .find-id > p strong,
.find-member .find-member-con .find-pw > p strong {
    color:#2b5bca;
    padding-bottom:0.1rem;
    border-bottom:1px solid #2b5bca;
}

.find-member .find-member-con .find-id .find-form,
.find-member .find-member-con .find-pw .find-form {
    margin-top:2.5rem;
}

.find-member .find-member-con .find-id .find-form .username,
.find-member .find-member-con .find-pw .find-form .userid {
    margin-bottom:1rem;
}

.find-member .find-member-con .find-id .find-form .submit-btn,
.find-member .find-member-con .find-pw .find-form .submit-btn {
    width:100%;
    margin-top:1rem;
}

.find-member .find-member-con .find-id .find-result {
    background-color:#f5f6fa;
    border-radius:0.6rem;
    padding:2.5rem;
    margin-top:2.5rem;
}

.find-member .find-member-con .find-id .find-result dl {
    text-align: center;
}

.find-member .find-member-con .find-id .find-result dl dt {
    font-size:2rem;
    color:#222;
    font-weight:bold;
    margin-bottom:1rem;
}

.find-member .find-member-con .find-id .find-result dl dd ul li {
    color:#2b5bca;
    font-size:1.8rem;
}

.find-member input[type=text],
.find-member input[type=password],
.find-member select {
    width:100%;
    height:6rem;
    border:1px solid #d7d7d7;
    border-radius:0.6rem;
    padding:0 1.5rem;
    font-size:1.8rem;
}

.join-member .join-step {
    margin-bottom:5rem;
}

.join-member .join-step ul {
    display:flex;
    align-items: center;
    justify-content: center;
    gap:1.5rem 5rem;
    flex-wrap:wrap;
}

.join-member .join-step ul li {
    width:28rem;
    height:6rem;
    display:flex;
    align-items: center;
    justify-content: center;
    background-color:#f5f6fa;
    border-radius:3rem;
    font-size:1.8rem;
    color:#222;
    position:relative;
}

.join-member .join-step ul li.on {
    background-color:#223978;
    font-weight:bold;
    color:#fff;
}

.join-member .join-step ul li::after {
    content:"";
    display:block;
    width:0.8rem;
    height:1.4rem;
    background-image:url(../images/step_arrow.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
    position:absolute;
    right:-2.5rem;
    top:50%;
    transform: translateY(-50%);
}

.join-member .join-step ul li:last-child::after {
    display:none;
}

.join-member #chk-duplication-pop {
    max-width:64rem;
}

.join-member #chk-duplication-pop .availability {
    background-color:#f5f6fa;
    border-radius:0.6rem;
    padding:2rem;
    text-align: center;
    margin-bottom:2rem;
}

.join-member #chk-duplication-pop .availability .availability-txt {
    text-align: center;
    font-size:1.8rem;
    color:#222;
    word-break: keep-all;
}

.join-member #chk-duplication-pop .availability .availability-txt strong.posible {
    color:#3a60b8;
}

.join-member #chk-duplication-pop .availability .availability-txt strong.imposible {
    color:#e23030;
}

.join-member #chk-duplication-pop .availability .useemail {
    font-weight:500;
    color:#fff;
    max-width:14rem;
    height:4.4rem;
    width:100%;
    background-color:#223978;
    font-size:1.8rem;
    border-radius:0.6rem;
    margin:1.5rem 0 0 0;
    line-height: 1;
}

.join-member #chk-duplication-pop p {
    text-align: center;
}

.join-member #chk-duplication-pop .availability-rechk {
    display:flex;
    gap:1rem;
    justify-content: center;
    margin-top:2rem;
}

.join-member #chk-duplication-pop .availability-rechk input[type=text] {
    width:calc(100% - 10rem);
    max-width:38rem;
    height:4.4rem;
    border:1px solid #d7d7d7;
    border-radius:0.6rem;
    padding:0 1.5rem;
    font-size:1.8rem;
}

.join-member #chk-duplication-pop .availability-rechk button {
    width:9rem;
    height:4.4rem;
    background-color:#fafafa;
    border-radius:0.6rem;
    border:1px solid #d7d7d7;
    font-size:1.8rem;
    line-height: 1;
    letter-spacing: -0.03em;
}

.join-member .join-comp {
    text-align: center;
    padding:2rem 0;
}

.join-member .join-comp .ico {
    width:9.9rem;
    margin:0 auto 1rem auto;
}

.join-member .join-comp p.mtxt {
    font-size:3.4rem;
    font-weight:bold;
}

.join-member .join-comp p.mtxt span {
    color:#2b5bca;
    font-weight:bold;
}

.join-member .join-comp p.stxt {
    font-size:1.8rem;
    color:#222;
}

#change-pw {
    max-width:52rem;
}


@media (max-width: 768px) {
    #member-wrap {
        padding:5rem 0;
    }

    #member-wrap h2 { 
        font-size:3.6rem;
    }

    .login-wrap {
        padding:2.5rem;
    }

    .join-member .join-step ul {
        gap:1.5rem 2.5rem;
    }

    .join-member .join-step ul li {
        width:auto;
        padding:0 2.5rem;
        height:5rem;
    }

    .join-member .join-step ul li::after {
        right:-1.6rem;
    }
}