.page-login.layer-mo,
.page-join.layer-mo,
.page-myPage.layer-mo{font-family: "Pretendard", sans-serif; position: relative; color: #212529;}

.page-login.layer-mo .login-section{width: 100%; padding: 50px 30px;}
.page-login.layer-mo .login-section p{font-size: 14px; color: #868e96; text-align: center;}
.page-login.layer-mo .login-section .login-box{width: 100%; margin: 30px 0;}
.page-login.layer-mo .login-section .login-box .input-text{width: 100%; border: 0; border-bottom: 1px solid #212529; height: 50px; font-size: 15px }
.page-login.layer-mo .login-section .login-box .login-button{background-color: #212529; color: white; font-size: 18px; font-weight: bold; width: 100%; height: 50px; border-radius: 10px; margin-top: 40px;}
.page-login.layer-mo .login-section .link-box{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.page-login.layer-mo .login-section .link-box span{font-size: 14px; color: #868e96;}
.page-login.layer-mo .login-section .link-box span.slash{margin: 0 10px;}
.page-login.layer-mo .login-section .link-box a{font-size: 14px; color: #868e96;}

.page-login.layer-mo .sso-section{width: 100%; padding: 60px 30px;}
.page-login.layer-mo .sso-section .title-box{display: flex; align-items: center; justify-content: center;}
.page-login.layer-mo .sso-section .title-box::before,
.page-login.layer-mo .sso-section .title-box::after{content: ""; flex: 1; border-bottom: 1px solid #868e96;}
.page-login.layer-mo .sso-section .title-box span{font-size: 14px; text-align: center; color: #868e96; margin: 0 10px;}
.page-login.layer-mo .sso-section .sso-box{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 20px;}
.page-login.layer-mo .sso-section .sso-box .sso{margin: 0 5px; display: flex; flex-direction: column; align-items: center;}
.page-login.layer-mo .sso-section .sso-box .sso img{width: 60px;}
.page-login.layer-mo .sso-section .sso-box .sso span{ font-size: 14px; color: #868e96; margin-top: 5px;}

.page-join.layer-mo .join-section{width: 100%; padding: 60px 30px;}
.page-join.layer-mo .join-section .section-title{}
.page-join.layer-mo .join-section .sso-box{width: 100%; margin: 40px 0;}
.page-join.layer-mo .join-section .sso-box .kakao-button{width: 100%; height: 50px; background-color: #FAE100; margin-bottom: 14px; border-radius: 10px; font-size:18px; font-weight: bold;}
.page-join.layer-mo .join-section .sso-box .naver-button{width: 100%; height: 50px; background-color: #01C73C; border-radius: 10px; color: white; font-size: 18px; font-weight: bold;}
.page-join.layer-mo .join-section .data-box{width: 100%; margin-bottom: 26px;}
.page-join.layer-mo .join-section .data-box p{font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.page-join.layer-mo .join-section .data-box .input-text{width: 100%; height: 40px; font-size: 14px; padding-left: 10px; border: 1px solid #868e96; border-radius: 6px;}
.page-join.layer-mo .join-section .data-box .input-text.half{width: 48%;}
.page-join.layer-mo .join-section .data-box .input-text.mT{margin-top: 14px;}
.page-join.layer-mo .join-section .data-box .half-box{display: flex; flex-wrap: wrap; justify-content: space-between;}
.page-join.layer-mo .join-section .data-box .cert-button{width: 100%; height: 40px; background-color: #212529; color: white; font-size: 14px; border-radius: 6px; margin-top: 14px;}
.page-join.layer-mo .join-section .data-box .post-button{width: 48%; height: 40px; background-color: #212529; color: white; font-size: 14px; border-radius: 6px;}
.page-join.layer-mo .join-section .data-box .tip{font-size: 12px; color: #868e96; margin-top: 10px; font-weight: 500;}
.page-join.layer-mo .join-section .data-box .agreement{width: 100%; margin-bottom: 10px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; font-size: 13px; color: #868e96;}
.page-join.layer-mo .join-section .data-box .agreement label{display: flex;}
.page-join.layer-mo .join-section .data-box .agreement label input[type=checkbox]{margin-right: 4px;}
.page-join.layer-mo .join-section .data-box .agreement a{color: #868e96; border-bottom: 1px solid #868e96; padding-bottom: 2px; font-size: 12px;}
.page-join.layer-mo .join-section .join-button{width: 100%; height: 40px; background-color: #212529; color: white; font-size: 14px; border-radius: 10px; margin-top: 14px;}

.page-myPage.layer-mo .myPage-section{width: 100%; padding: 60px 30px;}
.page-myPage.layer-mo .myPage-section .subTitle-box{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; font-size: 16px;}
.page-myPage.layer-mo .myPage-section .subTitle-box .section-subTitle{color: #212529; font-weight: bold; width: auto;}
.page-myPage.layer-mo .myPage-section .subTitle-box .section-subTitle span.blue{color: #092CB1; margin-right: 4px;}
.page-myPage.layer-mo .myPage-section .subTitle-box .logout{color: #868e96; font-weight: 500; font-size: 14px;}
.page-myPage.layer-mo .myPage-section .data-box{width: 100%; margin-bottom: 26px;}
.page-myPage.layer-mo .myPage-section .data-box p{font-size: 14px; font-weight: bold; margin-bottom: 10px;}
.page-myPage.layer-mo .myPage-section .data-box .input-text{width: 100%; height: 40px; font-size: 14px; padding-left: 10px; border: 1px solid #868e96; border-radius: 6px;}
.page-myPage.layer-mo .myPage-section .data-box .input-text.half{width: 48%;}
.page-myPage.layer-mo .myPage-section .data-box .input-text.mT{margin-top: 14px;}
.page-myPage.layer-mo .myPage-section .data-box .half-box{display: flex; flex-wrap: wrap; justify-content: space-between;}
.page-myPage.layer-mo .myPage-section .data-box .post-button{width: 48%; height: 40px; background-color: #212529; color: white; font-size: 14px; border-radius: 6px;}
.page-myPage.layer-mo .myPage-section .data-box .tip{font-size: 12px; color: #868e96; margin-top: 10px; font-weight: 500;}
.page-myPage.layer-mo .myPage-section .menu-box{width: 100%; background-color: #f1f3f5; border-radius: 8px; padding: 20px 10px 6px; margin-bottom: 26px}
.page-myPage.layer-mo .myPage-section .menu-box .box-title{text-align: center; font-size: 18px; font-weight: bold;}
.page-myPage.layer-mo .myPage-section .menu-box .menu-list{display: flex; flex-wrap: wrap; justify-content: center; align-content: space-between; width: 100%; margin-top: 20px;}
.page-myPage.layer-mo .myPage-section .menu-box .menu-list .myMenu{width: 80PX; height: 80px; display: flex; flex-direction: column; align-items: center; justify-content: space-between; background-color: white; border-radius: 6px; padding: 10px 0; margin: 0 5px 14px;}
.page-myPage.layer-mo .myPage-section .menu-box .menu-list .myMenu .img-box{flex: 1; text-align: center; align-content: center;}
.page-myPage.layer-mo .myPage-section .menu-box .menu-list .myMenu .img-box img{width: 40px;}
.page-myPage.layer-mo .myPage-section .menu-box .menu-list .myMenu span{font-size: 14px; color: #868e96; font-weight: bold; }
.page-myPage.layer-mo .myPage-section .agree-box{width: 100%; margin-bottom: 40px;}
.page-myPage.layer-mo .myPage-section .agree-box p{font-size: 15px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #212529; margin-bottom: 5px;}
.page-myPage.layer-mo .myPage-section .agree-box .agree{width: 100%; padding: 5px 10px; display: flex;}
.page-myPage.layer-mo .myPage-section .agree-box .agree .agree-title{font-size: 14px; color: #868e96; margin-right: 20px; width: 70px; text-align: left; display: inline-block;}
.page-myPage.layer-mo .myPage-section .agree-box .agree .agree-check{font-size: 14px; color: #868e96; margin-right: 20px; display: flex;}
.page-myPage.layer-mo .myPage-section .agree-box .agree .agree-check input[type="radio"]{display: none;}
.page-myPage.layer-mo .myPage-section .agree-box .agree .agree-check input[type="radio"] + label {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #868e96;
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 8px;
}
.page-myPage.layer-mo .myPage-section .agree-box .agree .agree-check input[type="radio"]:checked + label{border: 1px solid #092CB1;}
.page-myPage.layer-mo .myPage-section .agree-box .agree .agree-check input[type="radio"]:checked + label::after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 10px;
    height: 10px;
    background: #092CB1; /* 안쪽 빨강 */
}
.page-myPage.layer-mo .myPage-section .button-box{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.page-myPage.layer-mo .myPage-section .button-box button{width: 48%; height: 50px; border-radius: 10px; background-color: #212529; color: white; font-size: 16px; border: 0;}
.page-myPage.layer-mo .myPage-section .button-box button.cancel{border: 1px solid #868e96; background-color: white; color: #212529;}

.page-myPage.layer-mo .myInfo-section .section-title{margin-bottom: 40px;}
.page-myPage.layer-mo .myInfo-section .button-box{justify-content: space-between;}




/******* 반응형 ******/
/* 모바일 공통 */
@media (min-width: 320px) and (max-width: 1024px) {
}

/* 테블릿 */
@media (max-width: 1024px) {
}

@media (max-width: 768px) {
}

/* 모바일 */
@media (max-width: 575px) {

}