.fidCover .rePw input,
.fidCover .checkPin input,
.fidCover .samlogbtn2,
.fidCover .samlogbtn,
.fidCover .findRight div:first-child,
.fidStep01 :is(input, button),
.regiCover .regiStep04 .samlogbtn,
.loginCover :is(input, button):not([type="checkbox"]),
.regiCover :is(input, button):not([type="checkbox"]) {
    appearance: none;
    font-weight: 500;
    margin: 0;
    line-height: 3.22;
    font-size: var(--ftS06rem);
    border: 0.12rem solid var(--bf2);
    background-color: transparent;
    border-radius: var(--size8);
    padding: 0 var(--pd20);
    cursor: pointer;
}

.regichkbtn,
.samlogbtn {
    margin-top: var(--mg30) !important;
    background-color: var(--mainColor) !important;
    border-color: var(--mainColor) !important;
    color: var(--white) !important;
    font-weight: var(--ftW700) !important;
}

.samlogbtn2 {
    margin-top: var(--mg30) !important;
    border-color: var(--mainColor) !important;
    color: var(--mainColor) !important;
    font-weight: var(--ftW700) !important;
}

.regichkbtn {
    margin-top: 0 !important;
}

.regichkbtn:hover,
.samlogbtn:hover {
    background-color: var(--hovColor) !important;
    border-color: var(--hovColor) !important;
    transition: 0.2s linear;
}

.loginCover form>div:first-child span {
    margin-top: var(--mg15);
}

.fidCover,
.regiCover,
.loginCover {
    width: 100%;
    height: 100dvh;
    display: grid;
    place-items: center;
}

.fidCover>div,
.regiCover>div,
.loginCover>div {
    min-width: 455px;
    max-width: 470px;
    padding: var(--pd20) 0;
}

.fidCover .findRight div:first-child,
.regiCover .regiStep03 form .regiaddr span input,
.regiCover .regiStep02 [class^="agr0"],
.loginCover input:not([type="checkbox"]) {
    background-color: var(--bf2);
    width: 100%;
}

.fidCover h2,
.regiCover h2,
.loginCover h2 {
    margin-bottom: var(--mg30);
}

.fidCover h2 a,
.regiCover h2 a,
.loginCover h2 a {
    display: block;
    margin: 0 auto;
    max-width: 250px;
}

.fidCover h2 img,
.regiCover h2 img,
.loginCover h2 img {
    width: 100%;
}

.regiCover .regiStep03 form>div,
.regiCover .regiStep02 .checkAll {
    margin-top: var(--mg30);
}

.fidCover .rePw,
.fidCover .checkPin,
.fidStep01>div,
.regiCover .regiStep03 form>div,
.regiCover .regiStep01>div:last-of-type,
.loginCover form>* {
    display: flex;
}

.fidCover .rePw,
.fidCover .checkPin,
.fidStep01>div,
.regiCover .regiStep03 form .regiaddr,
.regiCover .regiStep03 form>div,
.regiCover .regiStep01>div:last-of-type,
.loginCover form>div:first-child,
.loginCover form>div:nth-of-type(3) {
    flex-direction: column;
}

.regiCover .regiStep03 form>div .pwSee,
.loginCover form>div:first-child span {
    position: relative;
    display: block;
}

.regiCover .regiStep03 form>div .pwSee i,
.loginCover form>div:first-child span i {
    position: absolute;
    top: 50%;
    right: var(--pd20);
    cursor: pointer;
    transform: translateY(-50%);
    width: 20px;
    z-index: 1;
    line-height: 2;
    display: block;
}

.regiCover .regiStep03 form>div .pwSee input,
.loginCover form>div:first-child span input {
    padding-right: var(--pd50);
    width: 100%;
}

.loginCover form>div:nth-of-type(2) {
    margin-top: var(--mg20);
}

.regiCover .regiStep02 .checkAll label,
.loginCover form>div:nth-of-type(2) * {
    font-size: var(--ftS06rem);
    font-weight: var(--ftW500);
    line-height: 1.5;
}

.regiCover .regiStep02 .checkAll,
.loginCover form>div:nth-of-type(2) span {
    margin-right: auto;
    display: flex;
    align-items: center;
}

.regiCover .regiStep02 .checkAll {
    justify-content: right;
    margin-bottom: var(--mg25);
}

.regiCover .regiStep02 .checkAll label,
.loginCover form>div:nth-of-type(2) label {
    cursor: pointer;
}

.loginCover form>div:nth-of-type(2) a {
    margin-left: var(--mg10);
}

.loginCover form>div:nth-of-type(2) label:hover,
.loginCover form>div:nth-of-type(2) a:hover {
    color: var(--mainColor);
    transition: 0.1s linear;
}

.loginCover form>div:nth-of-type(3) span {
    display: flex;
    text-align: center;
    align-items: center;
    margin: var(--mg15) 0;
    font-size: var(--ftS06rem);
}

.loginCover form>div:nth-of-type(3) span::before {
    content: '';
    flex-grow: 1;
    background: var(--bf2);
    height: 2px;
    margin-right: var(--mg10);
}

.loginCover form>div:nth-of-type(3) span::after {
    content: '';
    flex-grow: 1;
    background: var(--bf2);
    height: 2px;
    margin-left: var(--mg10);
}

.regiCover .kakaobtn,
.loginCover form .kakaobtn {
    background-color: var(--kakaoCol) !important;
    border-color: var(--kakaoCol) !important;
    color: var(--kakaoColB) !important;
    font-weight: var(--ftW700) !important;
}

.regiCover .kakaobtn img,
.loginCover form .kakaobtn img {
    vertical-align: middle;
    display: inline-block;
    margin-right: var(--mg5);
    margin-bottom: 2px;
    width: 15px;
}

.loginCover form .kakaobtn {
    margin-top: var(--mg10);
}

.loginCover form .reserBtn {
    font-weight: 500;
    margin: 0;
    line-height: 3.22;
    font-size: var(--ftS06rem);
    border: 0.1rem solid var(--b999);
    background-color: transparent;
    border-radius: var(--size8);
    padding: 0 var(--pd20);
    display: block;
    text-align: center;
}

.loginCover form .reserBtn:hover {
    border-color: var(--mainColor);
    color: var(--mainColor);
    transition: 0.15s linear;
}

.loginCover form>p {
    margin-top: var(--mg20);
    text-align: center;
    justify-content: center;
    font-size: var(--ftS06rem);
}

.loginCover form>p a {
    font-size: var(--ftS06rem);
    margin-left: var(--mg10);
    color: var(--mainColor);
    font-weight: var(--ftW600);
}

.fidTextCov {
    margin-bottom: var(--mg30);
}

.fidTextCov h3,
.regiTextCov h3 {
    font-size: var(--ftS02rem);
    margin-bottom: var(--mg15);
    text-align: center;
    font-weight: var(--ftW600);
}

.fidTextCov h3+p,
.regiTextCov h3+p {
    color: var(--b888);
    font-weight: var(--ftW600);
    font-size: var(--ftS04rem);
    text-align: center;
}

.regiCover .kakaobtn {
    margin-top: var(--mg15) !important;
}

.regiCover .regiStep02 [class^="agr0"] {
    border: 0.12rem solid var(--bf2);
    border-radius: var(--size8);
    padding: 0 var(--pd20);
}

.regiCover .regiStep02 [class^="agr0"]:has(textarea.open) {
    padding: 0 var(--pd20) var(--pd20);
}

.fidCover .rePw input:first-child,
.fidStep01>div>input,
.regiCover .regiStep03 form>div>*:not(:last-child),
.regiCover .regiStep02 [class^="agr0"]:not(:last-child) {
    margin-bottom: var(--mg15);
}

.regiCover .regiStep02 [class^="agr0"] h4 {
    font-weight: 500;
    margin: 0;
    line-height: 3.23;
    color: var(--b777);
    font-size: var(--ftS06rem);
    cursor: pointer;
    display: flex;
    align-items: center;
}

.regiCover .regiStep02 [class^="agr0"] h4 i {
    font-weight: inherit;
    font-size: inherit;
    margin-left: auto;
}

.regiCover .regiStep02 [class^="agr0"]:has(textarea.open) h4 i {
    transform: rotate(180deg);
}

.regiCover .regiStep02 [class^="agr0"] textarea {
    width: 100%;
    resize: none;
    height: 0;
    max-height: 115px;
    line-height: 1.6;
    padding: 0;
    border: none;
    font-size: var(--ftS07rem);
}

.regiCover .regiStep02 [class^="agr0"] textarea.open {
    height: 20%;
    padding: var(--pd10);
    border: 0.12rem solid var(--bD9);
}

.fidCover .findNone,
.fidCover .findRight div:last-child,
.fidStep01>div span,
.regiCover .regiStep03 form .regiaddr span,
.regiCover .regiStep03 form .regiaddr,
.regiCover .regiStep03 form .reginum,
.regiCover .regiStep03 form .regiEm span,
.regiCover .regiStep03 form .regiEm,
.regiCover .regiStep03 form .regiId {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--mg10);
    width: 100%;
}

.regiCover .regiStep03 form .regiEm span span input {
    min-width: 170px;
}

.fidStep01 span input,
.regiCover .regiStep03 form .regiaddr>input,
.regiCover .regiStep03 form .regiaddr span input,
.regiCover .regiStep03 form .regiEm input,
.regiCover .regiStep03 form .regiId input {
    flex-grow: 1;
    width: 100%;
}

.regiCover .regiStep03 form .regiaddr span button,
.regiCover .regiStep03 form .regiId button,
.regiStep03 form .reginum button {
    min-width: 120px;
}

.regiCover .regiStep03 form .regiEm>span span,
.regiCover .regiStep03 form .regiEm>span {
    position: relative;
}

.regiCover .regiStep03 form .regiEm>span {
    display: block;
}

.regiCover .regiStep03 form .regiEm>span span i {
    position: absolute;
    text-align: right;
    width: 15%;
    top: 48%;
    right: var(--pd20);
    transform: translateY(-50%) rotateZ(0deg);
    cursor: pointer;
}

.regiCover .regiStep03 form .regiEm>span:has(ul.open) span i {
    transform: translateY(-50%) rotateZ(180deg);
    text-align: left;
}

.regiCover .regiStep03 form .regiEm>span ul {
    position: absolute;
    margin-top: var(--mg10);
    background-color: var(--white);
    font-size: var(--ftS06rem);
    border: none;
    border-radius: var(--size8);
    width: 100%;
    height: 150px;
    max-height: 0px;
    overflow-y: auto;
    transition: 0.3s ease-in-out;
}

.regiCover .regiStep03 form .regiEm>span ul::-webkit-scrollbar {
    width: 10px;
}

.regiCover .regiStep03 form .regiEm>span ul::-webkit-scrollbar-track {
    background-color: var(--bf2);
}

.regiCover .regiStep03 form .regiEm>span ul::-webkit-scrollbar-thumb {
    background: var(--b999);
    border: 2px solid var(--bf2);
    border-radius: 5px;
}

.regiCover .regiStep03 form .regiEm>span ul.open {
    max-height: 150px;
    border: 0.12rem solid var(--bf2);
    transition: 0.3s ease-in-out;
}

.regiCover .regiStep03 form .regiEm>span ul li {
    line-height: 2.2;
    cursor: pointer;
    padding: var(--pd5) var(--pd20);
}

.regiCover .regiStep03 form .regiEm>span ul li:hover {
    background-color: var(--bf9);
}

.regiCover .regiStep03 form>button,
.regiCover .regiStep03 form .reginum input {
    width: 100%;
}

.regiCover .regiStep03 form .regiaddr {
    row-gap: var(--mg15);
}

.fidCover .samlogbtn2,
.fidCover .samlogbtn,
.fidCover .findNone,
.fidCover .findRight div:first-child,
.regiCover .regiStep04 .samlogbtn {
    text-align: center;
}

.fidCover .findNone a,
.fidCover .findRight div a {
    display: block;
    width: 50%;
}

.fidCover .rePw a,
.fidCover .findNone a {
    margin-top: 0 !important;
}

/* nonMember reser */

.nonMenCover {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100vh;
    min-width: 455px;
    max-width: 470px;
    margin: 0 auto;
}

.nonMenCover h2 {
    margin-bottom: var(--mg30);
    width: 100%;
}

.nonMenCover h2 a {
    display: block;
    margin: 0 auto;
    max-width: 250px;
}

.nonMenCover h2 img {
    width: 100%;
}

.nonMenCover>div {
    display: flex;
    flex-direction: column;
    gap: var(--mg15);
}

.nonMenCover :is(input, button) {
    appearance: none;
    font-weight: 500;
    margin: 0;
    line-height: 3.22;
    font-size: var(--ftS06rem);
    border: 0.12rem solid var(--bf2);
    background-color: transparent;
    border-radius: var(--size8);
    padding: 0 var(--pd20);
    cursor: pointer;
}

.nonMenCover>div span {
    display: flex;
    align-items: center;
    gap: var(--mg10);
    width: 100%;
}

.nonMenCover>div span input {
    width: 100%;
}

.nonMenCover>p {
    font-size: var(--ftS07rem);
    font-weight: var(--ftW500);
    color: var(--subColor);
    margin-top: var(--mg10);
    width: 100%;
}

.nonMenCover>button {
    width: 100%;
}


@media screen and (max-width: 767px) {

    .fidCover .samlogbtn2,
    .fidCover .samlogbtn,
    .fidCover .findRight div:first-child,
    .regiCover .regiStep04 .samlogbtn,
    .loginCover form .reserBtn,
    .regiCover .regiStep02 [class^="agr0"] h4,
    .fidCover :is(input, button):not([type="checkbox"]),
    .loginCover :is(input, button):not([type="checkbox"]),
    .regiCover :is(input, button):not([type="checkbox"]),
    .nonMenCover :is(input, button) {
        line-height: 3.2;
        font-size: max(var(--ftS06vw), 12px);
        border-radius: var(--size4);
        padding: 0 var(--pd10);
    }

    .loginCover form>div:first-child span {
        margin-top: var(--mg10);
    }

    .fidCover,
    .regiCover,
    .loginCover {
        padding: 0 var(--pd20);
    }

    .fidCover>div,
    .regiCover>div,
    .loginCover>div {
        min-width: 100%;
    }

    .fidTextCov,
    .fidCover h2,
    .regiCover h2,
    .nonMenCover h2 {
        margin-bottom: var(--mg20);
    }

    .loginCover h3 {
        display: block;
        font-weight: 700;
        text-align: center;
        margin-bottom: var(--mg40);
        font-size: var(--ftS05rem);
    }

    .fidCover h3,
    .regiTextCov h3 {
        margin-bottom: var(--mg10);
        font-size: var(--ftS04rem);
    }

    .fidTextCov h3+p,
    .regiTextCov h3+p {
        font-size: var(--ftS07rem);
        line-height: 1.3;
        word-break: auto-phrase;
    }

    .loginCover form>div:nth-of-type(2) {
        margin-top: var(--mg15);
    }

    .loginCover form>div:nth-of-type(2) * {
        font-size: max(var(--ftS06vw), 12px);
    }

    .regiCover .regiStep03 form>div .pwSee i,
    .loginCover form>div:first-child span i {
        top: 52%;
        width: 15px;
        font-size: var(--ftS07rem);
        line-height: 1;
    }

    .loginCover form>div:nth-of-type(3) span {
        margin: var(--mg10) 0;
        font-size: max(var(--ftS06vw), 12px);
    }

    .loginCover form>p,
    .loginCover form>p a {
        font-size: max(var(--ftS06vw), 12px);
    }

    .loginCover form>div:nth-of-type(3) span::before,
    .loginCover form>div:nth-of-type(3) span::after {
        height: 1px;
    }

    .fidCover h2 a,
    .regiCover h2 a,
    .loginCover h2 a,
    .nonMenCover h2 a {
        max-width: 180px;
    }

    .regiCover .kakaobtn {
        margin-top: var(--mg10) !important;
    }

    .fidCover input[type="text"],
    .regiCover .regiStep03 form>div>*:not(:last-child),
    .regiCover .regiStep02 [class^="agr0"]:not(:last-child) {
        margin-bottom: var(--mg10);
    }

    .fidCover .checkPin input[type="text"],
    .fidCover .fidnum input[type="text"] {
        margin-bottom: 0;
    }

    .regiCover .regiStep02 [class^="agr0"] {
        padding: 0 var(--pd10);
    }

    .regiCover .regiStep02 [class^="agr0"]:has(textarea.open) {
        padding: 0 var(--pd10) var(--pd10);
    }

    .regiCover .regiStep03 form .regiEm>span ul li,
    .regiCover .regiStep02 [class^="agr0"] textarea {
        font-size: max(var(--ftS06vw), 12px);
    }

    .regiCover .regiStep02 .checkAll label {
        font-size: max(var(--ftS06vw), 14px);
    }

    .regiCover .regiStep02 .checkAll input[type="checkbox"] {
        margin: 0 6px 0 0;
    }

    .regiCover .regiStep02 .checkAll {
        margin-bottom: var(--mg15);
        margin-top: var(--mg20);
    }

    .regiCover .regiStep03 form .regiaddr {
        gap: var(--mg10);
    }

    .regiCover .regiStep03 form .regiaddr span button,
    .regiCover .regiStep03 form .regiId button {
        min-width: 70px;
    }

    .regiCover .regiStep03 form .regiaddr span,
    .regiCover .regiStep03 form .reginum,
    .regiCover .regiStep03 form .regiEm span,
    .regiCover .regiStep03 form .regiEm,
    .regiCover .regiStep03 form .regiId {
        gap: var(--mg5);
    }

    .regiCover .regiStep03 form .regiEm span span input {
        min-width: 130px;
    }

    .regiCover .regiStep03 form .regiEm>span span i {
        width: 20%;
        font-size: max(var(--ftS06vw), 12px);
        right: var(--pd10);
    }

    .regiCover .regiStep03 form .regiEm>span ul li {
        padding: var(--pd5) var(--pd10);
    }

    /*  */

    .nonMenCover {
        height: 100dvh;
        padding: 0 var(--pd20);
        min-width: auto;
    }

    .nonMenCover>div {
        gap: var(--mg10);
    }

    .nonMenCover>p {
        font-size: calc(var(--ftS09rem) + 1px);
    }

    .nonMenCover>div span {
        gap: var(--mg5);
    }
}