@charset "utf-8";


/* 로그인 */
.login_content {
    width: 100%;
    text-align: center;
}

.login-wrap {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 70px 0;
}

.login-wrap .content__wrap {
    width: 90%;
    max-width: 500px;
    padding: 3.75rem 3.4375rem;
    box-shadow: 3px 3px 10px #ccc;
    border-radius: .3125rem;
    background: var(--white_color);
    position: relative;
}

.login-wrap .content__wrap .busImg {
    position: absolute;
    height: 60px;
    top: -15%;
    left: calc(50% - 108px);
}

.login-wrap .content__wrap .busImg img {
    height: 100%;
}

.login-wrap .content__wrap .login_card {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

.login_card .btn-main {
    width: 100%;
    font-size: 1.25rem;
    font-weight: 700;
    padding: 0.896rem 1rem;
}

a.search-link {
    color: #666;
    font-size: 13px;
}

a.join-link {
    color: #3f5c8e;
    font-weight: 700;
    border-bottom: 1px solid #3f5c8e;
}


/* 아이디비번찾기 */
.login-wrap .memberCont {
    max-width: 700px;
    padding: 2rem;
}

.login-wrap .memberCont>h2 {
    padding: 0 0 1.5rem;
}

.login-wrap .memberCont>ul {
    overflow: hidden;
    border-radius: 50px;
    border: solid 1px #ccc;
}

.login-wrap .memberCont>ul li a {
    display: block;
    background-color: #f7f7f7;
    line-height: 40px;
    font-size: 1rem;
    color: #999;
}

.login-wrap .memberCont>ul li a.on {
    background-color: var(--main_color);
    font-weight: 700;
    color: var(--white_color);
}

.login-wrap .memberCont .certify .textBox {
    padding: 1.5rem 0;
    margin-bottom: 0;
    height: 240px;
}

.login-wrap .memberCont .certify .textBox p {
    width: 120px;
    padding: 2.188rem 0;
    margin: 0 auto 2rem;
}

.login-wrap .memberCont .certify .textBox p img {
    height: 50px;
}

.login-wrap .memberCont .certify .textBox .btn {
    font-size: 1rem;
    width: 160px;
    line-height: 38px;
}

/* 약관동의 */
.login-wrap .join-wrap {
    max-width: 1240px;
    /* max-height: 650px; */
    padding: 0;
}

.login-wrap .join-wrap>h2 {
    padding: 1.5625rem 2.5rem;
}

.login-wrap .join-wrap>div {
    padding: 0 2.5rem 1.529rem;
}

.textBox {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: .3125rem;
    margin-bottom: 0.625rem;
}

.textBox .agreeBody {
    max-height: 448px;
    overflow-y: auto;
    text-align: start;
    padding: 1rem;
}

.textBox .agreeBody>p,
.textBox .agreeBody ol li>div {
    margin-bottom: 2rem;
}

.join-wrap .checkBox {
    text-align: end;
}

.join-wrap .btnBox .btn {
    font-size: 1.0625rem;
    padding: 0;
    width: 150px;
    line-height: 41px;
}


/* 관리자 등록 보안인증 */

.certify {
    display: flex;
    justify-content: space-between;
}

.certify .textBox {
    width: 49%;
    padding: 7.472rem 0;
    margin-bottom: 1rem;
}

.certify .textBox p {
    width: 200px;
    padding: 4.063rem 0;
    border-radius: 50%;
    background: #f4f4f4;
    margin: 0 auto 3rem;
}

.certify .textBox p img {
    height: 70px;
}

.certify .textBox .btn {
    font-size: 1.0625rem;
    padding: 0;
    width: 220px;
    line-height: 41px;
}


/* 관리자 신청 및 등록 */
.join-title {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
}

.join-wrap .join-cont {
    margin: 38px 0 17px;
}

.join-wrap .join-cont .join-row {
    display: flex;
    justify-content: space-between;
    text-align: start;
    margin-bottom: 20px;
}

.join-wrap .join-cont .join-row>div {
    width: 47%;
    padding: 0;
}

.join-wrap .join-cont .join-row>div .btn {
    width: 23%;
    font-size: 12px;
}

.join-wrap .join-cont .join-row .ipBox {
    width: 100%;
}

.join-wrap .join-cont .join-row .ipBox .d-flex>input[type="text"] {
    margin-right: 0.25rem;
}

.join-wrap .join-cont .join-row .ipBox .d-flex .btn {
    width: 40%;
}

.join-last {
    margin: 7.8rem 0 6.5rem;
}

.join-last-text {
    margin: 40px 0 12px;
    font-size: 1.5rem;
}

.join-last-text p>span {
    font-weight: 700;
    font-size: 2rem;
}

.join-last>span {
    color: #999;
    font-size: 15px;
}

.join-wrap .btnBox .btn.goLogin {
    width: 200px;
}


/* 서브페이지 */
.card-body form {
    border-bottom: solid 1px #ccc;
}

.card-body .fieldset.row {
    margin: 0;
    border: solid 1px #ccc;
    border-bottom: none;
}

.card-body .fieldset.row>.legend {
    border-right: solid 1px #ccc;
    background-color: #eee;
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0;
    padding: 0.7295rem 0;
    text-align: center;
}

.card-body .fieldset.row>.inputBox {
    padding: 5px 10px;
}

.card-body .fieldset.row>.inputBox input,
.card-body .fieldset.row>.inputBox select {
    padding: .396rem 1rem;
}

.card-body .fieldset.row>.inputCheckBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 20px;
}

.card-body .fieldset.row>.inputCheckBox li input {
    margin-right: 3px;
}

.card-body .fieldset.row>.inputCheckBox li label {
    cursor: pointer;
}

.card-body .tableCombine>div.d-flex {
    align-items: center;
    background-color: #eee;
    border-right: solid 1px #ccc;
}

.card-body .tableCombine>div.d-flex .two .legend {
    border-left: solid 1px #ccc;
}

.card-body .tableCombine>div.d-flex .two .legend:first-child {
    border-bottom: solid 1px #ccc;
}

.card-body .tableCombine .legend {
    background-color: #eee;
    font-size: 0.875rem;
    font-weight: 700;
    margin: 0;
    padding: 0.77rem 0;
    text-align: center;
}

.card-body .tableCombine .legend.deputy {
    background: #063b94;
    color: #fff;
}

.card-body .tableCombine .legend.titleBorder {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

.card-body .legend.titleBorder {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
}

.card-body .tableCombine .inputBox {
    padding: 5px 10px;
}

.card-body .tableCombine .inputBox input,
.card-body .tableCombine .inputBox select {
    padding: .396rem 1rem;
}

.card-body .fieldset.row .inputBox .btn,
.card-body .tableCombine .inputBox .btn {
    padding: .48rem 1rem;
    font-size: 12px;
}

.card-body .fieldset.row>.btnBox {
    padding: 7px 10px;
}

.card-body .fieldset.row>.btnBox .btn {
    width: 160px;
    font-weight: 700;
    font-size: 0.875rem;
    padding: .8rem 1rem;
    margin-right: 1rem;
}

.card-body .fieldset.row .legend.bigCol {
    padding: 2.235rem 0;
}

.card-body .fieldset.row>.btnBox .btn img {
    height: 25px;
    margin-bottom: 5px;
}

.inputBox span.info {
    /* white-space: nowrap; */
    font-size: 13px;
    color: #fe0000;
    margin-left: 2rem;
    line-height: 1;
}

.yesno .checkbox_wrap .checkbox_mark {
    margin: 2px 0 -5px 0;
}

.yesno .checkbox_wrap .checkbox_mark:before {
    content: 'NO';
}

.yesno .checkbox_wrap .checkbox_inp:checked~.checkbox_mark:before {
    content: 'YES';
}

.btn.endBtn {
    font-size: 1.0625rem;
    padding: 0.412rem 2rem;
}

.applyText b {
    color: var(--main_color);
    font-size: 1.75rem;
}

.applyInput {
    width: 100%;
    padding: 2rem 200px;
    border-radius: .3125rem;
    background: #f4f4f4;
    border: solid 1px var(--sub_color);
}

.applyInput li {
    display: flex;
    align-items: center
}

.applyInput li>label {
    display: block;
    width: 25%;
    font-weight: 700;
}

.applyInput li>div {
    width: 75%;
}

.applyNote {
    width: 100%;
    padding: 40px 30px;
}

.applyNote b {
    display: inline-block;
    color: var(--point_color);
    font-size: 1rem;
}

.applyNote p {
    margin-bottom: 0.25rem;
}

.popUpBg.download .popUpBox {
    width: 450px;
}

.tebleImgList img {
    height: 80px;
}

.teble .yesno .checkbox_wrap .checkbox_mark {
    margin: 2px 0 -12px 0;
}

/*에러페이지*/
.errorBox {
    width: 100%;
    min-width: 1200px;
    height: 100vh;
    background-color: #fff;
}

.errorBox>.inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.errorBox>.inner .numBox {
    padding-top: 170px;
    background: url(../img/ico_error.png) no-repeat top center/135px auto;
}

.errorBox>.inner .numBox span {
    font-size: 3.571rem;
    color: var(--black_color);
    font-weight: 700;
    display: block;
    text-align: center;
    letter-spacing: -1px;
    width: 100%;
}

.errorBox>.inner .txtBox {
    margin-top: 30px;
}

.errorBox>.inner .txtBox p {
    font-size: 1.429rem;
    color: var(--black_color);
    line-height: 1.25;
    letter-spacing: -1px;
    text-align: center;
}

.errorBox .btnGroup {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 50px;
}

.errorBox .btnGroup .linesBtn {
    width: fit-content;
    padding: 10px 0;
    font-size: 1rem;
    min-width: 180px;
    letter-spacing: -1px;
    text-align: center;
    line-height: 1;
}

/* 회원관리-회원정보 거주지인증 팝업창 */

.popUpBg.pop-certify .memberTitle {
    text-align: center;
    letter-spacing: -0.5px;
}

.popUpBg.pop-certify .memberTitle p img {
    height: 90px;
}

.popUpBg.pop-certify .memberText {
    margin: 20px 0 40px;
    padding: 30px 20px;
    background: var(--sub_color);
    border-radius: 5px;
}

.popUpBg.pop-certify .memberText>div {
    max-width: 500px;
    margin: 0 auto;
}

.popUpBg.pop-certify .memberText .inputBox>div {
    width: 100%;
    display: flex;
    align-items: center;
}

.popUpBg.pop-certify .memberText .inputBox .btn {
    margin: 16px 0 0 0;
    width: 100%;
    height: 40px;
    font-size: 1rem;
}

/* 지원현황-지원금신청 회원검색 팝업 */
.popUpBg.pop-sch .popUpBox {
    width: 1100px;
}

.popUpBg.pop-sch .popUpBox .table-responsive {
    height: 300px;
}

.popUpBg.pop-sch .popUpBox .teble-cell {
    font-size: 13px;
}

.popUpBg.pop-sch .popUpBox .teble-cell .btn {
    padding: 5px 12px;
}