@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&display=swap');

@font-face {
    font-family: 'Nanum Gothic';
    src: url('./NanumGothic/NanumGothic-Regular.eot');
    src: url('./NanumGothic/NanumGothic-Regular.eot?#iefix') format(‘embedded-opentype’),
        url('./NanumGothic/NanumGothic-Regular.woff') format(‘woff’),
        url('./NanumGothic/NanumGothic-Regular.ttf') format('truetype'),
        url('./NanumGothic/NanumGothic-Regular.otf') format('otf');
}

@font-face {
    font-family: 'Nanum Gothic-Bold';
    src: url('./NanumGothic/NanumGothic-Bold.eot');
    src: url('./NanumGothic/NanumGothic-Bold.eot?#iefix') format(‘embedded-opentype’),
        url('./NanumGothic/NanumGothic-Bold.woff') format(‘woff’),
        url('./NanumGothic/NanumGothic-Bold.ttf') format('truetype'),
        url('./NanumGothic/NanumGothic-Bold.otf') format('otf');
}

@font-face {
    font-family: 'Nanum Gothic-EXB';
    src: url('./NanumGothic/NanumGothic-ExtraBold.eot');
    src: url('./NanumGothic/NanumGothic-ExtraBold.eot?#iefix') format(‘embedded-opentype’),
        url('./NanumGothic/NanumGothic-ExtraBold.woff') format(‘woff’),
        url('./NanumGothic/NanumGothic-ExtraBold.ttf') format('truetype'),
        url('./NanumGothic/NanumGothic-ExtraBold.otf') format('otf');
}

/* @font-face{
    font-family:'SBAggroM';
    src:url('./SB_Font/SBAggroM.eot');
    src:url('./SB_Font/SBAggroM.eot?#iefix') format(‘embedded-opentype’),
        url('./SB_Font/SBAggroM.woff') format(‘woff’),
        url('./SB_Font/SBAggroM.ttf') format('truetype'),
        url('./SB_Font/SBAggroM.otf') format('otf');
}
@font-face{
    font-family:'SBAggroL';
    src:url('./SB_Font/SBAggroL.eot');
    src:url('./SB_Font/SBAggroL.eot?#iefix') format(‘embedded-opentype’),
        url('./SB_Font/SBAggroL.woff') format(‘woff’),
        url('./SB_Font/SBAggroL.ttf') format('truetype'),
        url('./SB_Font/SBAggroL.otf') format('otf');
}
@font-face{
    font-family:'SBAggroB';
    src:url('./SB_Font/SBAggroB.eot');
    src:url('./SB_Font/SBAggroB.eot?#iefix') format(‘embedded-opentype’),
        url('./SB_Font/SBAggroB.woff') format(‘woff’),
        url('./SB_Font/SBAggroB.ttf') format('truetype'),
        url('./SB_Font/SBAggroB.otf') format('otf');
} */

@font-face {
    font-family: 'SBAggroM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*기본 초기화*/

.toggleBtn {
    position: relative;
    float: right;
    width: 12vw;
    height: 6vw;
    background: #2bb47b;
    border-radius: 7vw;
}

.toggleCircle {
    position: absolute;
    left: 10%;
    width: 5vw;
    height: 5vw;
    background: #f0eff3;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

* {
    margin: 0;
    padding: 0;
    color: inherit;
    box-sizing: border-box;
    font-size: 3vw;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

img {
    border: 0;
    vertical-align: middle;
}

textarea {
    resize: none;
}

body {
    font-family: 'Nanum Gothic', Verdana, Geneva, Tahoma, sans-serif;
    color: #656472;
    background-color: #f8f8f9;
    touch-action: none;
}

h1 {
    font-size: 2em;
}

div.withdrawCatePopup,
div.tenantSelectMonthlyRentPopup,
div.depositCatePopup,
div.selectSavePopup,
div.expensesRatioWrapPopup,
div.midEvicteePopup,
div.evictPopup,
div.overdueDepositCheckPopup,
div.calcelPopup,
div.nxtMonthDepositPopup,
div.AdministrativeExpensesPopup,
div.tenantTaxBillPopup,
div.talkNoticePopup,
div.scheduleDeletePopup,
div.notSavePopup {
    display: none;
}

table {
    width: 100%;
    border-collapse: collapse;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"]+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

input[type="checkbox"]+label:before {
    content: ' ';
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 16px;
    font-size: 1.5vw;
    margin: 0px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    border: 2px solid #656472;
    ;
    border-radius: 1px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

input[type="checkbox"]:checked+label:before {
    content: '\2714';
    color: #000;
}

input[type="date"] {
    background-color: #ffffff;
    text-align: center;
    font-size: 3.5vw;
}

input[type="month"] {
    background-color: #ffffff;
    text-align: center;
    font-size: 3.5vw;
}

h3.contentTitle {
    text-align: left;
    margin-bottom: 1rem;
}

div.container {
    width: 100%;
    height: calc(var(--vh, 1vh) * 100);
    /* height: calc(var(--vh, 1vh) * 110); */
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 0.9em;
    overflow: scroll;
    justify-content: flex-start;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

div.noScroll {
    overflow: hidden;
}

div.container::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/
}

div.wrap {
    width: 100%;
    height: 92%;
    padding: 8vh 5vw 1vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: scroll;
}

.mt-1vh {
    margin-top: 1vh;
}

.mt-2vh {
    margin-top: 2vh;
}

.mt-3vh {
    margin-top: 3vh;
}

.mt-5vh {
    margin-top: 5vh;
}

.mt-8vh {
    margin-top: 8vh;
}


.mt-10vh {
    margin-top: 10vh;
}

.mt-15vh {
    margin-top: 15vh;
}

.mt-25vh {
    margin-top: 25vh;
}

.mt-20vh {
    margin-top: 20vh;
}

.mt-30vh {
    margin-top: 30vh;
}

.mt-35vh {
    margin-top: 35vh;
}

.mt-40vh {
    margin-top: 40vh;
}

.pd-5vh {
    padding-top: 5vh;
}

.pd-10vh {
    padding-top: 10vh;
}

.pb-10vh {
    padding-bottom: 10vh;
}

.pd-side-5vw {
    padding: 0 5vw;
}

.white {
    background-color: white;
}

.bgImg {
    background-image: url(/css/img/loginBgImg.png);
    background-size: 100% 100%;
    color: white;
}

/* login.html */
h1.logo {
    display: block;
    width: 100%;
    margin: 3vw auto 15vh;
    flex-basis: 20%;
}

h1.logo img {
    width: 100%;
}

div.loginWrap {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-basis: 70%;
    justify-content: center;
}

div.loginWrap>div.titleWrap {
    display: none;
}

div.loginWrap>div {
    margin-bottom: 3vh;
    overflow: hidden;
}

div.loginWrap>div>span:nth-child(1) {
    width: 30%;
    line-height: 4vh;
}

div.loginWrap>div>span:nth-child(2) {
    display: none;
}

div.loginWrap>div>input[type="password"],
div.loginWrap>div>input[type="email"],
div.loginWrap>div>input[type="text"] {
    color: #000;
    float: right;
    width: 75%;
    height: 4vh;
    border: 1px solid #d2d2d2;
    outline: none;
}

div.loginWrap>div>sup {
    display: block;
    float: right;
    color: #fc707b;
    margin-top: 0.4rem;
}

div.loginWrap>div.autologon {
    display: block;
    text-align: right;
}

div.loginBtn>button {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 6vh;
    line-height: 6vh;
    margin: 1rem 0;
    outline: none;
    border: none;
    align-items: center;
    font-weight: bold;
    font-size: 1.4em;
}

div.loginBtn>button.login {
    background: #323a78;
    color: #fff;
}

div.loginBtn>button.signup {
    background: #f0eff3;
    color: #656472;
}

.right {
    display: block;
    text-align: right;
}

h5.findPw {
    text-decoration: underline;
}

div.inputForm.emailForm p#remainTime {
    position: absolute;
    right: 3vw;
    bottom: 50%;
    transform: translateY(-50%);
}

.activeClass {
    width: 5px;
    height: 5px;
    position: absolute;
    border-radius: 50%;
    background: red;
}

/* signup.html */
div.PC-header {
    display: none;
}

div.container>header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 6vh;
    width: 100%;
    padding: 1.5rem;
}

div.container>header.headerbg {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #f0eff3;
    z-index: 98;
}

div.container>header>.back {
    position: absolute;
    width: 4vw;
    height: 4vw;
    left: 1.5rem;
    background: url(./img/arrow_left.png) center/contain no-repeat;
}

div.container>header>h2.title {
    font-family: 'SBAggroM';
    color: #172446;
    font-weight: normal;
    font-size: 5vw;
}

div.container>header>button.helpBtn,
div.container>header>form>button.helpBtn {
    position: absolute;
    right: 3vw;
    padding: 0.15rem .5rem;
    border: none;
    outline: none;
    color: #fff;
    background: #172446;
    font-family: 'SBAggroM';
    font-weight: normal;
}



button.finishSignup,
button.nextPage {
    width: 100%;
    height: 8vh;
    /* font-size: 3.5vw; */
    background-color: #172446;
    color: #fff;
    outline: none;
    border: none;
}

button.w-100 {
    width: 100% !important
}

div.page1 {
    overflow: scroll;
    width: 100%;
}

div.page1 button.absPos {
    position: absolute;
    bottom: 5vh;
    width: 80%;
}

div.page1.pageFlex {
    padding-top: 20vw;
    height: 90%;
}

div.content {
    width: 100%;
    padding: 1.5rem;
}

div.navigation {
    position: relative;
    width: 20vw;
    height: 5vw;
    margin: 2vw auto;
}

div.navigation>span {
    display: block;
    width: 5vw;
    height: 5vw;
    line-height: 5vw;
    border-radius: 50%;
    text-align: center;
    color: #ccc;
    background: #f8f8f8;
    z-index: 100;
    border: 1px solid #ccc;
}

div.navigation>span.on {
    display: block;
    width: 5vw;
    height: 5vw;
    line-height: 5vw;
    border-radius: 50%;
    background-color: #323a78;
    text-align: center;
    color: #fff;
    z-index: 100;
}

div.navigation>span.navi1 {
    position: relative;
    float: left;
}

div.navigation>span.navi2 {
    float: right;
}

div.navigation>span.navi1::after {
    position: absolute;
    width: 10vw;
    height: 1px;
    background: #d2d2d2;
    top: 50%;
    left: 5vw;
    content: '';
}

div.content>div.terms>dl>dt {
    position: relative;
    height: 5vh;
    line-height: 5vh;
    overflow: hidden;
    background: #F0EFF3;
    vertical-align: middle;
    padding: 0 1rem;
    cursor: pointer;
}

div.content>div.terms>dl>dt>span.termsTitle {
    font-size: 3vw;
    float: left;
}

div.content>div.terms>dl>dt>span.allContents {
    position: relative;
    float: right;
    font-size: 3vw;
    font-weight: bold;
    text-align: center;
}

/* div.content>div.terms>dl>dt>span.allContents::after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -25%);
    content: '\25BC '
} */

div.content>div.terms>dl>dd {
    display: none;
    height: 15vh;
    background: #fff;
    padding: 1.5rem;
    overflow: scroll;
}

div.content>div.terms>dl.terms1>dd {
    display: block;
}

div.content>div.terms>div.agreeWrap {
    text-align: right;
    margin-top: 1rem;
}

div.memberName,
div.inputForm {
    position: relative;
    overflow: hidden;
}

div.inputForm>div>span,
div.inputForm>span {
    display: block;
    float: left;
    background: #F0EFF3;
    width: 27%;
    height: 8vw;
    line-height: 8vw;
    padding: 0 .3rem;
    text-align: center;
    font-size: 3vw;
}

div.inputForm>div.periodSpan>span {
    width: 30%;
}

div.inputForm>input[type="text"].wonInput,
div.inputForm>input[type="text"].paymentDate {
    position: relative;
    text-align: right;
    padding-right: 10vw;
}

span.wonSpan,
div.inputForm>span.wonSpan,
div.inputForm>span.paymentDateSpan {
    position: absolute;
    right: 2vw;
    background: none;
    width: auto;
    height: auto;
}

div.inputForm>input[type="password"],
div.inputForm>input[type="number"],
div.inputForm>div>input[type="password"],
div.inputForm>div>input[type="number"],
div.inputForm>div>input[type="text"],
div.inputForm>input[type="text"] {
    float: right;
    height: 8vw;
    border: 1px solid #f0eff3;
    width: 73%;
    padding-left: 3vw;
}

div.inputForm>input#certifyChar {
    text-align: center;
    padding-right: 14vw;
}

input[type="number"]::placeholder,
textarea::placeholder,
input[type="text"]::placeholder {
    color: #aaa;
}

div.emailCertify {
    overflow: hidden;
    margin: 1.5rem 0;
}

div.emailCertify>button.verifyingCode {
    float: right;
    padding: .4rem 1.5rem;
    border: none;
    background: #323a78;
    color: #fff;
    font-size: 2.5vw;
    margin: 8vw 0 0;
}

div.inputForm sup {
    display: block;
    float: left;
    margin-top: 1rem;
    color: #fc707b;
}

div.cover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
}

div.popup {
    width: 90%;
    min-height: 50vw;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 5px;
    z-index: 101;
    text-align: center;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

div.popup>h1 {
    margin: 4.5vw 0 2.5vw;
    font-weight: bold;
    font-size: 6vw;
    font-family: 'SBAggroM';
    color: #172446;
}

div.popup>p {
    font-size: 5vw;
    padding: 0 1vw;
    margin: 2vw 0;
    color: #172446;
}

div.popup>p>span {
    font-size: 5vw;
    color: #172446;
}

div.popup>sub {
    margin: 2vw 0;
    color: #172446;
}

div.popup>.popupBtn {
    height: 7vh;
}

div.popup>.popupBtn>button {
    width: 50%;
    float: left;
    height: 100%;
    outline: none;
    font-size: 4.5vw;
}

div.popup>.popupBtn>button.popupClose {
    border-top: 1px solid #d2d2d2;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    background: #F0EFF3;
}

/* signup2.html */
div.popup>.popupBtn>button.submit {
    border-top: 1px solid #172446;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    background: #172446;
    color: #fff;
    margin-top: 0;
}

div.popup>.popupBtn>button.reject {
    border-top: 1px solid #fc707b;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    background: #fc707b;
    color: #fff;
    margin-top: 0;
}


input#phoneNumberFirst,
input#phoneNumberSecond,
input#phoneNumberThird {
    float: none;
    display: inline-block;
    margin: 0 .5rem;
}

input#phoneNumberSecond,
input#phoneNumberThird {
    width: 19%;
}

input#phoneNumberFirst {
    width: 16%;
}


div.content>div {
    margin: 2rem 0;
}

div.memberPhone {
    display: block;
    margin-top: 2vw;
}

/* settings.html */
div.loginStatus {
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    margin-bottom: 7vw;
}

div.loginStatus>div.userPic {
    width: 20vw;
    height: 20vw;
    line-height: 20vw;
    text-align: center;
    border-radius: 50%;
    background: #323a78;
    color: #fff;
    font-size: 13vw;
}

div.loginStatus>.userNameWrap {
    font-size: 3.5vw;
    margin: 2vw 0;
    font-weight: bold;
    text-align: center;
}

div.loginStatus>.userNameWrap>.userName {
    color: #323a78;
    font-weight: bold;
    font-size: 5vw;
}

div.loginStatus>.logoutBtn {
    padding: .3rem 1.4rem;
    font-weight: bold;
    border: none;
    outline: none;
    background: #323a78;
    color: #fff;
    float: right;
}

div.loginStatus>table.addinfo {
    margin: 2vw 0;
    text-align: center;
    border-spacing: 2vw 0;
    border-collapse: separate;
}

div.loginStatus>table.addinfo>tbody>tr {
    border: 1px solid #CDCDCD;
}

div.loginStatus>table.addinfo>tbody>tr>th,
div.loginStatus>table.addinfo>tbody>tr>td {
    border: 1px solid #CDCDCD;
    padding: 1vh;
}

div.loginStatus>table.addinfo>tbody>tr>th {
    background-color: white;
    border-bottom: none;
}

div.settingListWrap {
    display: flex;
    flex-direction: column;
    width: 100%;
}

div.settingListWrap>dl.settingList>dt.settingListTitle {
    width: 100%;
    font-size: 4.5vw;
    background: #fff;
    padding: .35rem .5rem;
    color: #656472;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;
    font-weight: bold;
}

div.settingListWrap>dl.settingList>dd {
    background: none;
    color: unset;
    height: 4.6vh;
    text-indent: 3vw;
    color: #172446;
    font-weight: bold;
    font-size: 3.5vw;
    padding: .4rem 0;
    line-height: 1.8;
}

dl.settingList>dd {
    overflow: hidden;
}

dl.settingList>dd>.versionInfo,
dl.settingList>dd>.onOff,
dl.settingList>dd>.onOff2 {
    overflow: hidden;
    float: right;
    border: 1px solid #CDCDCD;
    width: 28vw;
}

dl.settingList>dd>.VATinfo {
    overflow: hidden;
    float: right;
    color: white;
    background-color: #FC707B;
    border: 1px solid #CDCDCD;
    width: 28vw;
}

dl.settingList>dd>.versionInfo,
dl.settingList>dd>.VATinfo {
    text-indent: 0;
    text-align: center;
}

dl.settingList>dd>.onOff2>span,
dl.settingList>dd>.onOff>span {
    display: block;
    float: left;
    width: 50%;
    height: 3vh;
    line-height: 3vh;
    text-indent: 0;
    text-align: center;
}

dl.settingList>dd>div>span.onBtn.on {
    background: #172446;
    color: #fff;
}

dl.settingList>dd>div>span.offBtn.on {
    background: #fc707b;
    color: #fff;
}

/* FAQ.html */
div.topBox {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    background: #F0EFF3;
    box-shadow: rgb(0 0 0 / 23%) 0px -9px 11px -9px inset;
    padding: 5vw 5vw;
    line-height: 7vw;
}

div.topBox4 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 35vh;
    background: #F0EFF3;
    box-shadow: rgb(0 0 0 / 23%) 0px -9px 11px -9px inset;
    padding: 5vw 5vw;
    line-height: 7vw;
}

div.topBox5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 25vh;
    background: #F0EFF3;
    box-shadow: rgb(0 0 0 / 23%) 0px -9px 11px -9px inset;
    padding: 5vw 5vw;
    line-height: 7vw;
}

div.topBoxFixed {
    position: fixed;
    top: 5vh;
    left: 0;
    right: 0;
    z-index: 99;
}

div.topBox p,
div.topBox h1,
div.topBox h2 {
    color: #172446;
}

div.topBox h2 {
    margin: 3vw 0;
}

div.topBox p {
    font-size: 3vw;
}

div.topBox.tenantDetailTitle p {
    line-height: 1.5;
    color: #656472;
}

div.topBox h1 {
    margin-bottom: 4vw;
}


div.guideList {
    background: #fff;
    width: 100%;
    height: auto;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.div.guideList::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/
}

div.guideList3 {
    height: 67vh;
}

div.guideList>div>ul:not(.slick-dots, .introduceUl)>li,
div.guideList>ul>li {
    height: 5vh;
    line-height: 5vh;
    width: 80%;
    margin: auto;
    overflow: hidden;
    padding: 0 .5rem;
    color: #172446;
    cursor: pointer;
}

div.guideList.guideList3>ul.ul-guide>li {
    height: auto;
    line-height: 2.5vh;
    padding: 0.5vh;
}

div.guideList>div>ul:not(.slick-dots, .introduceUl)>li h6 {
    line-height: 5vw;
}

div.guideList>div>ul.introduceUl {
    border-left: 1px solid #000;
}

div.guideList>div>ul.introduceUl>li {
    padding-left: 2.5vw;
    color: #000;
    margin: 3vw 0;
    font-size: 2.7vw;
}

div.guideList>div>ul.introduceUl>li.spacing {
    letter-spacing: -0.15vw;
}

div.guideList>div>ul.introduceUl>li sub {
    display: block;
    font-size: 2.5vw;
}

div.guideList>div>ul.introduceUl>li.menualTitle {
    font-size: 3vw;
    font-weight: bold;
}

div.guideList>div>ul.introduceUl>li.menualContent {
    padding-left: 5.5vw;
}

div.guideList>div>ul.introduceUl>li>table tr {
    padding-top: 1vh;
}

div.guideList>div>ul.introduceUl>li>table th {
    color: #686868;
    padding: 2vw 0;
}

div.slideWrap {
    margin: 5vw 0;
    position: relative;
}

div.guideList>div:not(slideWrap)>ul:not(.introduceUl, .mt-2vh),
div.guideList>ul:not(.mt-2vh) {
    margin-top: 4vh;
}

div.guideList>div>ul:not(.slick-dots, .introduceUl)>li:nth-child(odd),
div.guideList>ul>li:nth-child(odd) {
    background: #F0EFF3;
}

div.guideList>div>ul>li>span.arrowRight,
div.guideList>ul>li>span.arrowRight {
    float: right;
    color: #172446;
}

/* QnA.html */

div.topBox2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    background: #F0EFF3;
    box-shadow: rgb(0 0 0 / 23%) 0px -9px 11px -9px inset;
    padding: 8vh 5vw 5vw;
    color: #172446;
    line-height: 1.5;
}

div.guideList2 {
    background: #fff;
    width: 100%;
    height: auto;
    padding: 4vh 5vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

div.guideList2 h2 {
    color: #172446;
}

div.topBox2>div.memberCate>dl {
    float: left;
    width: 30%;
    border: 1px solid #d2d2d2;
}

div.topBox2>div.memberCate>dl>dt,
div.topBox2>div.memberCate>dl>dd {
    padding: 1vh 0;
    text-align: center;
}

div.topBox2>div.memberCate>dl>dt {
    background: #172446;
    color: #fff;
}

div.topBox2>table.memberCate {
    width: 100%;
    border-collapse: unset;
    text-align: center;
    border-spacing: 2vw;
}

div.topBox2>table.memberCate>tbody tr td {
    border: 1px solid #d2d2d2;
    padding: .5vh 0;
    background: #fff;
}

div.topBox2>table.memberCate>tbody tr td.on {
    background: #172446;
    color: #fff;
}

div.topBox2>div.qnaSearchWrap {
    position: relative;
    margin: 5vw 0;
}

div.topBox2>div.qnaSearchWrap>input[type="search"] {
    position: relative;
    width: 100%;
    height: 4vh;
    border: 1px solid #d2d2d2;
    padding-left: 4vw;
    outline: none;
}

div.topBox2>div.qnaSearchWrap>button {
    position: absolute;
    right: 0;
    width: 20vw;
    height: 4vh;
    background: #172446;
    color: #fff;
    border: none;
    outline: none;
}

div.topBox2>div.listWrap>div.listTitle {
    width: 100%;
    background: #fff;
    padding: 1.6vw;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 0px;
}

div.topBox2>div.listWrap>dl.qnaList {
    padding: 2.5vw 0;
    overflow: hidden;
}

div.topBox2>div.listWrap>dl.qnaList>dt.qnaCate {
    float: left;
    padding: 1vw;
    background: #172446;
    color: #fff;
    font-size: 2vw;
    width: 20vw;
    text-align: center;

}

div.topBox2>div.listWrap>dl.qnaList>dd {
    float: left;
    line-height: 1.3;
    text-indent: 7vw;
    padding: 1vw;
}

div.guideList2>h2 {
    font-family: 'SBAggroM';
}

div.guideList2 hr {
    margin: 4vw 0;
    width: 100%;
    border: 0;
    height: 1px;
    background: #d2d2d2;
}

div.guideList2>dl.inquiries {
    width: 100%;
}

div.guideList2>dl.inquiries dt,
div.guideList2>dl.inquiries dd {
    padding: 1.5vw 3.3vw;
}

div.guideList2>dl.inquiries>dt {
    position: relative;
    background: #f0eff3;
    font-size: 4vw;
    font-weight: bold;
    color: #172446;
}

dt>span.uploadTime {
    font-size: 2vw;
    float: right;
    line-height: 2;
    font-weight: normal;
}

/*  FAQdetail.html */
div.topBoxFull {
    flex-direction: column;
    justify-content: center;
    height: 100vh;
    width: 100%;
    background: #F0EFF3;
    padding: 10vh 5vw 0;
    line-height: 7vw;
}

div.topBoxFull>div.FAQtitleWrap>dl {
    position: relative;
    padding: 2vw 2.5vw;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 0px;
    overflow: hidden;
    line-height: 1;
}

div.topBoxFull>div.FAQtitleWrap>dl>dt {
    float: left;
    padding: 0 6vw;
    background: #172446;
    color: #fff;
    font-size: 1vw;
    line-height: 2;
}

div.topBoxFull>div.FAQtitleWrap>dl>dd {
    font-size: 5vw;
    text-indent: 5vw;
}

div.topBoxFull>div.FAQtitleWrap>dl>dd.time {
    position: absolute;
    font-size: 3vw;
    right: 2vw;
    top: 50%;
    transform: translateY(-50%);
}

div.topBoxFull>div.FAQanswerWrap>div.FAQanswerTitleWrap>span.time {
    position: absolute;
    right: 2vw;
    top: 50%;
    transform: translateY(-50%);
    font-size: 3vw;
}

table.consultingList {
    width: 100%;
    color: #172446;
}

table.consultingList tr td {
    height: 2.5vh;
    padding: 0.8vh 0;
}

table.consultingList tr:nth-child(odd) td:nth-child(1),
table.consultingList tr:nth-child(odd) td:nth-child(3) {
    text-align: center;
}

table.consultingList tr:nth-child(4n-2),
table.consultingList tr:nth-child(4n-3) {
    background: #f0eff3;
}

table.consultingList tr:nth-child(even) {
    font-size: 3vw;
    vertical-align: top;
}

.dot {
    width: 1.2vw;
    height: 1.2vw;
    display: block;
    margin: auto;
    border-radius: 50%;
}

.dot.red {
    background: #fc707b;
}

.dot.green {
    background: #2bb47b;
}

.dot.dot2 {
    position: absolute;
    left: 1vw;
    top: 50%;
    transform: translateY(-50%);
}

div.topBoxFull>div.FAQanswerWrap {
    background: #fff;
    margin: 5vw 0;
    padding: 3vw;
    height: 70vh;
    overflow: scroll;
}

div.topBoxFull>div.FAQanswerWrap>div.FAQanswerTitleWrap {
    position: relative;
    overflow: hidden;
}

div.topBoxFull>div.FAQanswerWrap>div.FAQanswerTitleWrap img {
    width: 5vw;
    float: left;
    margin-top: 2vw;
}

div.topBoxFull>div.FAQanswerWrap>div.FAQanswerTitleWrap>span.FAQanswerTitle {
    float: left;
    font-size: 4vw;
    text-indent: 5vw;
}

div.topBoxFull>div.FAQanswerWrap hr {
    border: none;
    height: 1px;
    background: #d2d2d2;
    margin: 2vw 0;
}

div.topBoxFull>div.questionMore>h3 {
    font-weight: normal;
    float: left;
}

div.topBoxFull>div.questionMore>span.helpBtn2 {
    float: right;
    color: #fff;
    background: #172446;
    padding: .5vw 5vw;
    font-size: 4vw;
}

/* inquiryForm.html */
div.topBoxFull>table.QnAtable>tbody>tr:nth-child(2) td,
div.topBoxFull>table.QnAtable>tbody>tr:nth-child(4) td {
    padding-top: 2vh;
}

div.topBoxFull>table.QnAtable>tbody>tr>td:nth-child(1) {
    width: 25%;
    font-size: 4vw;
}

div.topBoxFull>table.QnAtable>tbody>tr>td>select,
div.topBoxFull>table.QnAtable>tbody>tr>td>input[type="text"] {
    height: 4vh;
    border: 1px solid #d2d2d2;
    outline: none;
    width: 100%;
    padding-left: 3vw;
}

textarea {
    resize: none;
    padding: 5vw;
    font-family: 'NanumGothic';
}

div.topBoxFull>table.QnAtable>tbody>tr>td>textarea {
    width: 100%;
    height: 50vh;
    border: none;
    background: #fff;
    resize: none;
    padding: 5vw;
    font-family: 'NanumGothic';
}

button.submit {
    float: right;
    width: 35vw;
    height: 6vh;
    background: #172446;
    color: #fff;
    outline: none;
    border: none;
    margin-top: 4vh;
}

/* inquiryAnswer.html */
div.topBoxFull>div.FAQanswerWrap.FAQanswerWrap2 {
    height: 40vh;
}

div.topBoxFull>div.FAQtitleWrap>div.questionWrap {
    background: #fff;
    padding: 3vw;
    margin-top: .2vw;
}

/* notice.html */
div.topBox3 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    background: #F0EFF3;
    box-shadow: rgb(0 0 0 / 23%) 0px -9px 11px -9px inset;
    padding: 4vh 5vw;
}

div.guideList3 {
    background: #fff;
    width: 100%;
}

div.guideList3>dl {
    margin-bottom: 3vw;
}

div.guideList3>dl>dd:nth-child(odd) {
    background: #F0EFF3;
}

div.guideList3>dl>dt,
div.guideList3>dl>dd {
    position: relative;
    padding: 2.5vw 2vw 2.5vw 4vw;
}

div.guideList3>dl>dt {
    font-size: 4vw;
    color: #172446;
    font-weight: bold;
}

div.guideList3>dl>dt:nth-child(odd) {
    background: #F0EFF3;

}

div.guideList3>dl>dd>span {
    float: right;
    color: #172446;
    font-size: 2.5vw;
}

div.guideList3>dl>dd.noticeDetail hr {
    margin-bottom: 3vw;
    height: 1px;
    background: #d2d2d2;
    border: none;
}

div.guideList3>dl>dd.noticeDetail {
    display: none;
}

/* post.html */
table.postTable tr th {
    font-weight: normal;
    background: #f0eff3;
}

table.postTable tr th:first-child {
    width: 15vw;
    text-align: center;
}

table.postTable tr td,
table.postTable tr th {
    border: 1px solid #d2d2d2;
    padding: 2vw;
}

table.postTable tr:nth-child(3) {
    height: 70vh;
}

table.postTable tr:nth-child(3) td:nth-child(2) {
    vertical-align: baseline;
}

/* index.html */
div.container>header.indexheader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 5vh;
    width: 100%;
    background: #172446;
    color: #fff;
    padding: 3vh 4vw;
    z-index: 98;
}

div.container>header.indexheader>h1.indexLogo {
    width: 15vw;
}

div.container>header.indexheader>h1.indexLogo img {
    /* width: 100%; */
    height: 4vh;
}

div.container>header.indexheader>ul.indexMenu {
    display: block;
    content: '';
    clear: both;
}

div.container>header.indexheader>ul.indexMenu>li {
    position: relative;
    float: left;
    font-family: 'SBAggroM';
    margin-left: 5vw;
    font-size: 4.5vw;
}

div.container>header.indexheader>ul.indexMenu>li>img {
    height: 6vw;
    object-fit: cover;
}

div.container>header.indexheader>ul.indexMenu>li>span.badgeIcon {
    position: absolute;
    width: 4vw;
    height: 4vw;
    border-radius: 50%;
    background: #2bb47b;
    font-size: 2.2vw;
    text-align: center;
    line-height: 1.8;
    top: -2vw;
    right: -2vw;
}

div.indexTopBox {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    background: #fff;
    box-shadow: rgb(0 0 0 / 23%) 0px -9px 11px -9px inset;
    line-height: 7vw;
    border-radius: 0 0 10vw 10vw;
}

div.indexTopBox>div.indexVideoWrap>img {
    width: 100%;
}

div.indexTopBox>div.indexNewsWrap>ul.indexNews {
    padding: 0 4vw 3vh 4vw;
}

div.indexTopBox>div.indexNewsWrap>ul.indexNews>li.indexNewsFirst>span.indexNewsImg {
    display: inline-block;
    width: 45%;
    vertical-align: text-bottom;
}

div.indexTopBox>div.indexNewsWrap>ul.indexNews>li.indexNewsFirst>span.indexNewsImg img {
    width: 100%;
}

div.indexTopBox>div.indexNewsWrap>ul.indexNews>li.indexNewsFirst>div.newsTitle {
    display: inline-block;
    width: 53%;
    padding-left: 2vw;
}

div.indexTopBox>div.indexNewsWrap>ul.indexNews>li.indexNewsFirst>div.newsTitle>h1 {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 1.2em;
    max-height: 2.4em;
    font-size: 5vw;
}

div.indexTopBox>div.indexNewsWrap>ul.indexNews>li.indexNewsFirst>div.newsTitle>h1:before {
    content: '...';
    position: absolute;
    right: 0vw;
    bottom: 1vh;
}

div.indexTopBox>div.indexNewsWrap>ul.indexNews>li.indexNewsNormal {
    overflow: hidden;
}

div.indexTopBox>div.indexNewsWrap>ul.indexNews>li.indexNewsNormal>span.newsTitle {
    float: left;
    width: 77%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 3vw;
}

div.indexTopBox>div.indexNewsWrap>ul.indexNews>li.indexNewsNormal>span.newsCompany {
    float: right;
}

div.indexBtmBox {
    display: flex;
    flex-direction: column;
    height: auto;
    align-items: center;
    overflow: scroll;
    padding-bottom: 5vh;
}

div.indexContent {
    padding-top: 5.9vh;
    padding-bottom: 3vh;
    width: 100%;
    background: #f0eff3;
}

div.indexBtmBox>h2 {
    font-family: 'SBAggroM';
    color: #172446;
    justify-content: center;
    letter-spacing: .4vw;
    font-size: 6vw;
    margin: 10vw 0 5vw;
}

div.indexBtmBox>ul.dateList {
    background-color: white;
    position: relative;
    width: 90%;
    height: 40vw;
    overflow: auto;
}

div.indexBtmBox>ul.dateList>div {
    position: absolute;
    width: 100%;
    height: auto;
    text-align: center;
    line-height: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

div.indexBtmBox>ul.dateList>div>input[type="button"] {
    background: #172446;
    color: #fff;
    font-family: 'SBAggroM';
    padding: 1vw 2vw;
    outline: none;
    border: none;
}

div.indexBtmBox>ul.dateList>li {
    padding: 2.4vw;
    color: #172446;
    font-size: 3vw;
}

div.indexBtmBox>ul.dateList>li:nth-child(even) {
    background: #F0EFF3;
}

div.indexBtmBox>ul.dateList>li>span.scheduleDate {
    vertical-align: middle;
    font-weight: bold;
    padding: 0 1.5vh 0 1.5vh;
}

div.indexBtmBox>ul.dateList>li>span.scheduleStatus {
    margin: 0 3vw;
    font-weight: bold;
}

div.indexBtmBox>ul.dateList>li>span.dailyPlanContent {
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

div.indexBtmBox>table.indexCashTable {
    width: 90%;
    border-collapse: separate;
    font-size: 2.5vw;
}

div.indexBtmBox>table.tbMargin {
    margin: 0 0 2.5vh 0;
}

div.indexBtmBox>table.tbSpacing {
    border-spacing: 0 5vw;
}

div.indexBtmBox>table.noneSpacing {
    border-spacing: 0vw;
}

div.indexBtmBox>table.indexCashTable td {
    padding: 2vw 2vw 2vw 0;
}

div.indexBtmBox>table.indexCashTable th {
    padding: 2vw 0;
}

div.indexBtmBox>table.indexCashTable td.bg {
    background: #fff;
}

div.indexBtmBox>table.indexCashTable td {
    text-align: right;
}

div.indexBtmBox>table.indexCashTable th.thBackground {
    background: #172446;
    color: #fff;
}

div.indexBtmBox>table.indexCashTable th {
    background: #fff;
    font-weight: normal;
    font-size: 3vw;
}

div.indexBtmBox>table.indexCashTable td p {
    background: #fff;
    padding: 2vw 4vw;
    text-align: center;
}

div.indexBtmBox>div.bildingManageMenualWrap2 {
    width: 95%;
}

div.indexBtmBox>div.bildingManageMenualWrap2>ul {
    overflow: hidden;
}

div.indexBtmBox>div.bildingManageMenualWrap2>ul li {
    width: 45%;
    height: 15.5vh;
    background: none;
    margin: 2vw 0;
    color: #fff;
    padding: 1vw 0;
    border-radius: 1.5vw 1.5vw 0 0;
}

div.indexBtmBox>div.bildingManageMenualWrap2>ul li:nth-child(odd) {
    float: left;
    margin-left: 3vw;
}

div.indexBtmBox>div.bildingManageMenualWrap2>ul li:nth-child(even) {
    float: right;
    margin-right: 3vw;
}

div.indexBtmBox>div.bildingManageMenualWrap2>ul li span.imgWrap {
    display: block;
    width: 100%;
    height: 8vh;
}

div.indexBtmBox>div.bildingManageMenualWrap2>ul li span.imgWrap img {
    width: 100%;
    height: 13vh;
}

div.indexBtmBox>div.bildingManageMenualWrap2>ul li h3 {
    position: relative;
    font-family: 'SBAggroM';
    font-size: 3vw;
    font-weight: normal;
    padding: 1vw;
    word-wrap: break-word;
    word-break: keep-all;
    background-color: rgba(23, 36, 70, 0.8);
}

div.mainMenu {
    height: 8vh;
    display: flex;
    align-items: center;
    background: #f0eff3;
    width: 100%;
    position: fixed;
    bottom: 0;
}

div.subMenu {
    height: 8vh;
    display: flex;
    align-items: center;
    width: 100%;
    bottom: 0;
}


div.mainMenu>ul {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    border-radius: 25vw;
    background: #fff;
    height: 80%;
    margin: auto;
}

div.subMenu>ul {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    border-radius: 25vw;
    height: 80%;
    margin: auto;
}

div.mainMenu>ul>li {
    background: #f0eff3;
    width: 18.5%;
    margin: 0 .4vw;
    height: 4.5vh;
    line-height: 5vh;
    font-size: 3.8vw;
    text-align: center;
    border-radius: 25vw;
    font-family: 'SBAggroM';
    box-shadow: rgba(0, 0, 0, 0.48) 2px 2px 3px 0px;
}

div.subMenu>ul>li {
    background: #f0eff3;
    width: 24%;
    margin: 1vw;
    height: 4.5vh;
    line-height: 5vh;
    font-size: 3.5vw;
    text-align: center;
    border-radius: 25vw;
    font-family: 'SBAggroM';
    box-shadow: rgba(0, 0, 0, 0.48) 2px 2px 3px 0px;
}


div.mainMenu>ul>li.active {
    background: #323a78;
    color: #fff;
}

div.indexBtmBox>span.arrowDown {
    color: #172446;
    margin: 10vw;
}

div.indexcover {
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
}

div.indexcover>h1 {
    position: fixed;
    bottom: 4vw;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 5vw;
}

div.indexcover>div.checkboxWrap {
    position: fixed;
    right: 5vw;
    bottom: 4vw;
    color: #fff;
}

input[type="checkbox"]+label {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

input[type="checkbox"]#noShow+label:before {
    content: ' ';
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 16px;
    font-size: 1.5vw;
    margin: 0px 8px 0 0;
    text-align: center;
    vertical-align: middle;
    background: transparent;
    border: 2px solid #fff;
    border-radius: 1px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
}

input[type="checkbox"]#noShow:checked+label:before {
    content: '\2714';
    color: #2bb47b;
}

div.indexcover>.desc1,
div.indexcover>.desc2 {
    width: 80%;
    font-size: 3vw;
    color: #fff;
}

div.indexcover>.desc2 {
    position: absolute;
    bottom: 20vh;
    left: 50%;
    transform: translateX(-50%);
}

div.indexcover span.line1 {
    width: 2px;
    height: 2vh;
    background: #fff;
}

div.indexcover span.line2 {
    width: 2px;
    height: 6vh;
    background: #fff;
}

div.indexcover>.desc1>div.desc1-1 {
    position: absolute;
    right: 16vw;
    top: 11vh;
}

div.indexcover>.desc1>div.desc1-2 {
    position: absolute;
    right: 20vw;
    top: 7vh;
}

div.indexcover>.desc1>div.desc1-3 {
    position: absolute;
    right: 7vw;
    top: 7vh;
}

div.indexcover>.desc1>.desc1-1>span.line2 {
    position: absolute;
    top: -13vw;
    right: 25vw;
}

div.indexcover>.desc1>.desc1-2>span.line1,
div.indexcover>.desc1>.desc1-3>span.line1 {
    position: absolute;
    top: -5vw;
    right: 3vw;
}

div.indexcover>.desc2>span.line2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 2vh;
}

div.changeBuildingPopup {
    display: none;
}

div.balancePopup>div.popup>div.popupPadding,
div.changeBuildingPopup>div.popup>div.popupPadding {
    padding: 0 6vw;
}

div.changeBuildingPopup>div.popup>div.popupPadding>div.popupAddBuildingBtnWrap {
    overflow: hidden;
}

div.changeBuildingPopup>div.popup>div.popupPadding>div.popupAddBuildingBtnWrap>button.popupAddBuildingBtn {
    float: right;
    width: 25vw;
    padding: 1vw 0;
    background: #323a78;
    outline: none;
    border: none;
    color: #fff;
}

div.changeBuildingPopup>div.popup>div.popupPadding>div.buildingStyle {
    margin: 5vw 0;
}

div.changeBuildingPopup>div.popup>div.popupPadding>div.buildingStyle>ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 5vw 3vw;
    background: #f0eff3;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
}

div.changeBuildingPopup>div.popup>div.popupPadding>div.buildingStyle>ul>li {
    width: 30vw;
    height: 20vh;
    background: #fff;
    flex: 0 0 40%;
    margin: 0 2vw;
    scroll-snap-align: start;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 2px;
    display: flex;
    justify-content: center;
    align-items: end;
    padding: 4vw 0;
}

div.changeBuildingPopup>div.popup>div.popupPadding>div.buildingStyle>ul>li>span {
    font-weight: bold;
}

div.changeBuildingPopup>div.popup>div.popupPadding>.buildingStyleNavi {
    overflow: hidden;
    margin: 2vw 0;
}

div.changeBuildingPopup>div.popup>div.popupPadding>.buildingStyleNavi>span {
    font-size: 3vw;
    color: #172446;
    margin: 0 1vw;
}

div.balancePopup>div.popup>div.popupPadding>h3 {
    font-weight: normal;
    margin: 5vw 0;
    font-size: 4vw;
}

div.balancePopup>div.popup>div.popupPadding>div.minusWrap>ul {
    margin: 5vw 0;
}

div.balancePopup>div.popup>div.popupPadding>div.minusWrap>ul>li {
    padding: 2vw 4vw;
    overflow: hidden;
}

div.balancePopup>div.popup>div.popupPadding>div.minusWrap>ul>li:nth-child(even) {
    background: #f0eff3;
}

div.balancePopup>div.popup>div.popupPadding>div.minusWrap>ul>li>span.minusDate {
    float: left;
}

div.balancePopup>div.popup>div.popupPadding>div.minusWrap>ul>li>span.minusTotalWrap {
    float: right;
}

div.balancePopup>div.popup>div.popupPadding>div.minusWrap>ul>li>span>span.minusTotal {
    color: #fc707b;
    padding-right: 2vw;
}

div.balancePopup>div.popup>div.popupPadding>div.minusWrap>ul>li>span>span.plusTotal {
    color: black;
    padding-right: 2vw;
}

div.balancePopup>div.popup>div.popupPadding>div.balancePopupNavi {
    margin: 5vw 0;
}

div.balancePopup>div.popup>div.popupPadding p {
    text-align: right;
    margin-bottom: 5vw;
}

div.popup>.popupBtn>button.balanceCheck {
    background: #2bb47b;
    border: none;
    outline: none;
    color: #fff;
}

div.indexBtmBox>div.expMenualWrap {
    width: 95%;
    height: 30%;
}

div.indexBtmBox>div.expMenualWrap>ul {
    overflow: hidden;
}

div.indexBtmBox>div.expMenualWrap>ul li {
    position: relative;
    width: 45%;
    height: 15.5vh;
    background: none;
    margin: 2vw 0;
    color: #fff;
    padding: 1vw 0;
    border-radius: 1.5vw 1.5vw 0 0;
}

div.indexBtmBox>div.expMenualWrap>ul li:nth-child(odd) {
    float: left;
    margin-left: 3vw;
}

div.indexBtmBox>div.expMenualWrap>ul li:nth-child(even) {
    float: right;
    margin-right: 3vw;
}

div.indexBtmBox>div.expMenualWrap>ul li span.imgWrap {
    display: block;
    width: 100%;
    height: 100%;
}

div.indexBtmBox>div.expMenualWrap>ul li span.imgWrap img {
    width: 100%;
    height: 100%;
}

div.indexBtmBox>div.expMenualWrap>ul li h3 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 3.5vw;
    font-family: 'SBAggroM';
    font-size: 3.5vw;
    font-weight: normal;
    padding: 2vw;
    word-wrap: break-word;
    word-break: keep-all;
}

div.indexBtmBox>div.expMenualWrap>ul li>div>span {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
    font-family: 'SBAggroM';
    font-size: 2.5vw;
    font-weight: normal;
    text-align: right;
    padding: 2vw;
    word-wrap: break-word;
    word-break: keep-all;
}

/* notification.html */

span.newNoti {
    width: 1.5vw;
    height: 1.5vw;
    background: #2bb47b;
    display: block;
    position: absolute;
    border-radius: 50%;
    left: 1.5vw;
    top: 50%;
    transform: translateY(-50%);
}

/* addBuilding.html */

div.topBox.addBuilding {
    padding-top: 5vh;
    height: auto;
}

div.topBox.addBuilding>div {
    margin: 2vw 0;
}

div.topBox.addBuilding>div.addBuilding6 {
    position: relative;

}

div.topBox.addBuilding>div>span {
    display: block;
}

div.topBox.addBuilding>div>span.itemExp {
    font-size: 2.5vw;
    color: #172446;
    line-height: 4vw;
    padding: 2vw;
}

div.topBox.addBuilding>div>div>span.wonSpan {
    position: absolute;
    right: 3vw;
    bottom: 50%;
    transform: translateY(50%);
    font-size: 3.5vw;
    background: none;
    width: auto;
    height: auto;
}

div.topBox.addBuilding>div>div {
    position: relative;
}

div.topBox.addBuilding>div>div>input[type="text"]#buildingCategory,
div.topBox.addBuilding>div>input[type="text"],
div.topBox.addBuilding>div>div>input[type="text"],
div.topBox.addBuilding>div>input[type="date"],
div.topBox.addBuilding>div>div>select {
    width: 100%;
    height: 5vh;
    border: 1px solid #d2d2d2;
    outline: none;
    padding-left: 3vw;
}


div.topBox.addBuilding>div>div>input#startAmt {
    text-align: right;
    padding-right: 7vw;
}

div.topBox.addBuilding>div>div>select#buildingCategoryChoose {
    position: absolute;
    right: 0;
    width: 20%;
    height: 5vh;
    border: 1px solid #d2d2d2;
    background: #f0eff3;
    text-align: center;
}

div.guideList.addBuildingInfo {
    padding: 4vh 10vw;
    height: auto;
}

div.guideList.addBuildingInfo>dl {
    margin-bottom: 4vh;
}

div.guideList.addBuildingInfo>dl>dt {
    position: relative;
    height: 4vh;
    line-height: 2.5vh;
    background: #172446;
    color: #fff;
    padding: 2vw 3vw;
    font-size: 3vw;
}

div.guideList.addBuildingInfo>dl>dd {
    background: #f0eff3;
    padding: 4vw;
}

div.guideList.addBuildingInfo>dl>dd>div.addBuildingInfoDetail {
    margin-top: 3vh;
}

div.guideList.addBuildingInfo>dl>dd>div>span {
    height: 4vh;
    line-height: 3vh;
    font-size: 3.5vw;
    display: block;
}

div.guideList.addBuildingInfo>dl>dd>div:not(:nth-child(3)) {
    width: 100%;
    margin-bottom: 2vh;
}

div.guideList.addBuildingInfo>dl>dd>div>input,
div.guideList.addBuildingInfo>dl>dd>div>div>input,
div.guideList.addBuildingInfo>dl>dd>div>div>select {
    display: inline-block;
    height: 8vw;
    line-height: 8vw;
    border: 1px solid #d2d2d2;
    width: 100%;
    padding: 0 2vw;
}

div.guideList.addBuildingInfo>dl>dd>div>input.comNum1,
div.guideList.addBuildingInfo>dl>dd>div>input.comNum2 {
    width: 28%;
    text-align: center;
}

div.guideList.addBuildingInfo>dl>dd>div>input.comNum3 {
    width: 33%;
    text-align: center;
}



/* 
div.guideList.addBuildingMore>h2 {
    font-family: 'SBAggroM';
    color: #172446;
    font-weight: normal;
}

div.guideList.addBuildingMore>p {
    background: #f0eff3;
    padding: 3vw 5vw;
    font-size: 3.5vw;
    margin: 3vw 0;
}

div.guideList.addBuildingMore>div {
    margin: 3vw 0;
}

div.guideList.addBuildingMore>div>span {
    display: block;
    margin-bottom: 2vw;
}

div.guideList.addBuildingMore>div>input {
    width: 100%;
    height: 5vh;
    border: 1px solid #d2d2d2;
    outline: none;
    padding-left: 3vw;
}

div.guideList.addBuildingMore>div>input#companyId1,
div.guideList.addBuildingMore>div>input#companyId2 {
    width: 26%;
}

div.guideList.addBuildingMore>div>input#companyId3 {
    width: 38%;
} */

div.guideList.addBuildingMore>button.submit {
    width: 100%;
}



/* rentalBusiness.html */
div.wrap.rentalBusinessWrap {
    display: unset;
    align-items: unset;
}

div.wrap.rentalBusinessWrap>div.rentalBusinessTitleWrap {
    overflow: hidden;
    height: 6vh;
}

div.wrap.rentalBusinessWrap>div.rentalBusinessTitleWrap h2 {
    float: left;
    font-family: 'SBAggroM';
    color: #172446;
    font-weight: normal;
    font-size: 5vw;
    position: relative;
    top: 1.5vw;
}

div.wrap.rentalBusinessWrap>div.rentalBusinessTitleWrap button {
    float: right;
    background: #172446;
    color: #fff;
    font-family: 'SBAggroM';
    outline: none;
    width: 25vw;
    height: 3.5vh;
    font-size: 3vw;
    border: none;
    position: relative;
    top: 1.5vw;
}

div.wrap.rentalBusinessWrap>div.tenantInfoList>div#noRooms>button.calendar {
    float: right;
    background: #172446;
    color: #fff;
    font-family: 'SBAggroM';
    outline: none;
    width: 25vw;
    height: 3.5vh;
    font-size: 2.5vw;
    border: none;
}

div.wrap.rentalBusinessWrap>div.rentalList {
    width: 100%;
    height: 30vh;
    border-radius: 1vw;
    border: 1px solid #d2d2d2;
    overflow: hidden;
    margin: 2vw 0;
}

div.wrap.rentalBusinessWrap>div.rentalList>div.rentalListTitle {
    font-family: 'SBAggroM';
    font-weight: normal;
    font-size: 4vw;
    color: #fff;
    padding-left: 3vw;
    line-height: 5.5vh;
    height: 5vh;
    width: 100%;
    background: #172446;
}

div.wrap.rentalBusinessWrap>div.rentalList>div.rentalListTitle>div.inputDepositBtn {
    width: 25vw;
    background: #fff;
    height: 80%;
    color: #172446;
    float: right;
    font-size: 2vw;
    text-align: center;
    margin: 0.5vh 0.5vh 0.5vh 0;
    border-radius: 0 0.5vw 0 0;
    line-height: 4.5vh;
}

div.wrap.rentalBusinessWrap>div.rentalList>div.rentalListDetail {
    height: 25vh;
    padding: 3vw;
    background: #fff;
    overflow: scroll
}

div.wrap.rentalBusinessWrap>div.rentalList>div.rentalListDetail>ul>li {
    overflow: hidden;
    padding: 2vw;
    font-size: 2.5vw;
}

div.wrap.rentalBusinessWrap>div.rentalList>div.rentalListDetail>ul>li:nth-child(even) {
    background: #f0eff3;
}

div.wrap.rentalBusinessWrap>div.rentalList>div.rentalListDetail>ul>li>span.rentalListDetails {
    display: inline-block;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

div.wrap.rentalBusinessWrap>div.rentalList>div.rentalListDetail>ul>li>span.rentalListDate {
    float: right;
}

div.wrap.rentalBusinessWrap>div.rentalList>div.rentalListDetail>ul>li>span.estimatedSchedule {
    float: left;
}

div.wrap.rentalBusinessWrap>div.rentalList>div.rentalListDetail>ul>li>span.estimatedScheduleContent {
    display: inline-block;
    width: 60%;
    padding-left: 3vw;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

div.wrap.rentalBusinessWrap>div.rentalList>div.rentalListDetail>ul>li>span.sendTalk {
    float: right;
    background: #323a78;
    color: #fff;
    padding: 1vw;
    margin-top: -1vw;
}

/* rentalBusinessCalendar.html */
/* 달력 커스텀 */

#datepicker {
    background: #fff;
}

.ui-datepicker-calendar {
    width: 100%;
    border-collapse: separate;
    border-spacing: 4vw;
    color: #292735;
    font-weight: bold;
}

.ui-datepicker {
    text-align: center;
}

.ui-datepicker-header {
    position: relative;
    height: 7vh;
    line-height: 7vh;
    border-bottom: 1px solid #f0eff3;
    margin-bottom: 2vw;
}

.ui-datepicker-title {
    font-family: 'SBAggroM';
    color: #292735;
    font-size: 4.5vw;
    font-weight: bold;
}

span.ui-datepicker-year,
span.ui-datepicker-month {
    font-size: 4.5vw;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.ui-datepicker-prev {
    width: 6vw;
    height: 6vw;
    border-radius: 50%;
    line-height: 7vh;
    background-image: url('./img/arrow_left.png');
    background-color: #f0eff3;
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
    left: 25vw;
}

.ui-datepicker-next {
    width: 6vw;
    height: 6vw;
    border-radius: 50%;
    line-height: 7vh;
    background-image: url('./img/arrow_right.png');
    background-color: #f0eff3;
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
    right: 25vw;
}

.ui-datepicker-calendar>thead>tr>th span {
    font-size: 3.5vw;
    color: #292735;
    font-weight: bold;
}

.ui-state-active {
    position: relative;
    color: #2bb47b;
    z-index: 9999;
}

.ui-state-active::before {
    z-index: -1;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    background: #f0eff3;
    width: 6vw;
    height: 6vw;
    border-radius: 50%;
}

.topBox2 #datepicker div table tbody tr td {
    position: relative;
}

.topBox2 #datepicker div table tbody tr td a {
    display: block;
}

.eventDotWrap {
    text-align: center;
    width: 100%;
    height: 7px;
    position: absolute;
    margin-top: -12px;
    left: 50%;
    transform: translateX(-50%);
}

#selSkdDiv {
    width: 100%;
    height: 4vh;
    border: 1px solid #d2d2d2;
    text-align: center;
}

.eventDot {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-top: -5px;
    content: '';
    border-radius: 50%;
    z-index: 9999;
}

.eventDot[title="deposit"] {
    background-color: #172446;
}

.eventDot[title="alarm"] {
    background-color: #2bb47b;
}

.eventDot[title="withdrawal"] {
    background-color: #fc707b;
}

.eventDot[title="etc"] {
    background-color: #f2e947;
}

div.scheduleGuide {
    background: #fff;
    width: 100%;
    min-height: 100vw;
    flex-grow: 1;
    padding: 4vh 5vw 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

div.scheduleGuide>h2 {
    font-family: 'SBAggroM';
    font-size: 5vw;
}

div.scheduleGuide h2 {
    color: #172446;
}

div.scheduleGuide hr {
    margin: 4vw 0;
    width: 100%;
    border: 0;
    height: 1px;
    background: #d2d2d2;
}

div.scheduleList {
    width: 100%;
    flex-grow: 1;
    overflow: auto;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

div.scheduleList::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera */
    width: 0 !important;
}

table.sheduleListDetailTable {
    width: 100%;
    font-size: 3vw;
    margin-top: 3vh;
}

.scheduleTableDateLine {
    width: 1px;
    height: 100%;
    background: #d2d2d2;
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

table.sheduleListDetailTable td {
    height: 3.5vh;
    position: relative;
    overflow: hidden;
    padding: 0 2vw;
}

table.sheduleListDetailTable td:nth-child(1):not(.border) {
    text-align: center;
    vertical-align: top;
}

table.sheduleListDetailTable td.border {
    border: 1px solid #d2d2d2;
    background: #f8f8f8;
    vertical-align: middle;
}

table.sheduleListDetailTable td.border span.scheduleDetail {
    width: 47vw;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

span.categoryBox {
    width: 15vw;
    padding: .5vw 0;
    float: left;
    text-align: center;
    margin: 0 3vw 0 0;
}

span.categoryBox.deposit {
    background: #172446;
    color: #fff;
}

span.categoryBox.withdrawal {
    background: #fc707b;
    color: #fff;
}

span.categoryBox.alarm {
    background: #2bb47b;
    color: #fff;
}

span.categoryBox.etc {
    background: #f0eff3;
    border: 1px solid #d2d2d2;
}

span.scheduleDetail {
    float: left;
}

div.sheduleList>ul.sheduleListDetail {
    width: 100%;
}

div.sheduleList>ul.sheduleListDetail>li {
    padding: 2vw 3.3vw;
    color: #172446;
}

div.sheduleList>ul.sheduleListDetail>li:nth-child(odd) {
    background: #fff;
}

div.sheduleList>ul.sheduleListDetail>li:nth-child(even) {
    background: #f0eff3;
}

/* scheduleManagement.html */
div.container>header>button.helpBtn.scheduleAdd {
    padding: 2vw;
}

div.guideList3.depositNwithdraw {
    padding: 5vh 5vw 4vw;
    height: 100vh;
}

.depositNwithdrawBtn2,
div.guideList3.depositNwithdraw>div.depositNwithdrawBtn2,
.depositNwithdrawBtn,
div.guideList3.depositNwithdraw>div.depositNwithdrawBtn {
    width: 100%;
    overflow: hidden;
}


.depositNwithdrawBtn2 span,
div.guideList3.depositNwithdrawBtn2>div.depositNwithdrawBtn2 span {
    display: block;
    float: left;
    width: 33%;
    height: 4vh;
    line-height: 4vh;
    text-align: center;
    border: 1px solid #d2d2d2;
}

.depositNwithdrawBtn2 span:nth-child(even),
div.guideList3.depositNwithdrawBtn2>div.depositNwithdrawBtn2 span:nth-child(even) {
    border-left: 0;
    border-right: 0;
}




.depositNwithdrawBtn span,
div.guideList3.depositNwithdraw>div.depositNwithdrawBtn span {
    display: block;
    float: left;
    width: 50%;
    height: 4vh;
    line-height: 4vh;
    text-align: center;
    border: 1px solid #d2d2d2;
}



.depositNwithdrawBtn2 span.on,
div.guideList3.depositNwithdraw>div.depositNwithdrawBtn2 span.on,
.depositNwithdrawBtn span.on,
div.guideList3.depositNwithdraw>div.depositNwithdrawBtn span.on {
    background: #172446;
    color: #fff;
}



/* div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div:nth-child(2),
div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div:nth-child(3) {
    display: block;
} */

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl {
    margin: 5vw 0;
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dt {
    font-size: 3.5vw;
    margin-bottom: 6vw;
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd {
    position: relative;
    margin-bottom: 3vh;
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd.amount {
    position: relative;
    margin-bottom: 1vh;
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd>select,
div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd>input,
div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd>textarea {
    width: 100%;
    height: 4vh;
    border: 1px solid #d2d2d2;
    outline: none;
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd>input {
    padding-left: 3vw;
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd>input[type="text"] {
    padding-left: 3vw;
    text-align: right;
    padding-right: 8vw;
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd span.wonSpan {
    right: 3vw;
    top: 2vw;
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd>.inputTitle {
    position: absolute;
    left: 0;
    height: 100%;
    width: 20vw;
    background: #f0eff3;
    text-align: center;
    line-height: 4vh;
    border: 1px solid #d2d2d2;
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd>textarea {
    padding: 3vw;
    resize: none;
    background: #f0eff3;
    color: #666;
    height: 20vh;
    border: none;
    font-family: 'Nanum Gothic';
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd.repeat {
    overflow: hidden;
    position: relative;
    ;
    width: 100%;
    background: #172446;
    color: #fff;
    padding: 1.5vw 3vw;
    vertical-align: middle;
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd.selectRepeat {
    overflow: hidden;
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd.selectRepeat span {
    display: block;
    float: left;
    height: 5vh;
    width: 50.1%;
    text-align: center;
    border: 1px solid #d2d2d2;
    background: #f8f8f8;
    line-height: 5vh;

}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd.selectRepeat span.on {
    background: #D2D2D2;
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd.selectRepeat span:nth-child(n+2) {
    margin-left: -1px;
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div>dl>dd.repeat>span.repeatLine {
    width: 5vw;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 4vw;
    top: 50%;
    transform: translateY(-50%);
}

div.popupTableWrap {
    padding: 0 7vw;
    width: 100%;
}

div.popupTableWrap>table.popupTable>tbody>tr>td:nth-child(1) {
    color: #fff;
    background-color: #172446;
    border: 1pt solid #d2d2d2;
    height: 10vw;
    font-size: 4vw;
}

div.popupTableWrap>table.popupTable>tbody>tr>td:nth-child(2) {
    border: 1pt solid #d2d2d2;
    position: relative;
    height: 10vw;
    font-size: 4vw;
    text-align: right;
}

div.popupTableWrap>table.popupTable>tbody>tr>td>input {
    font-size: 4vw;
    border: none;
    width: 100%;
    height: 100%;
    text-align: right;
    padding-right: 8vw;
}

div.popupTableWrap>table.popupTable>tbody>tr>td>span {
    font-size: 4vw;
    position: absolute;
    transform: translateY(50%);
    bottom: 50%;
    right: 3vw;
}

/* scheduleCheck.html */
div.container>header>button.helpBtn.scheduleModify,
div.container>header>button.helpBtn.scheduleDelete {
    padding: 2vw;
}

div.container>header>button.helpBtn.scheduleModify {
    right: 18vw;
    background: transparent;
    color: #666;
    border: 1px solid #d2d2d2;
}

div.container>header>button.helpBtn.scheduleDelete {
    background: #FC707B;
}

.scheduleCheckWRap h2,
div.guideList3.depositNwithdraw>div.depositNwithdrawWrap.scheduleCheckWRap h2 {
    font-family: 'SBAggroM';
    color: #172446;
    font-weight: normal;
    text-align: center;
    font-size: 4.5vw;
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap.scheduleCheckWRap hr {
    background: #d2d2d2;
    border: none;
    width: 100%;
    margin: 3vw 0;
    height: 1px;
}

div.guideList3.depositNwithdraw>div.depositNwithdrawWrap>div.scheduleCheck>dl>dd>span.inputTitle {
    background-color: #172446;
    color: #fff;
}


div.midEvicteePopup>div.popup>div.talkModifyBtnWrap button,
div.talkNoticePopup>div.popup>div.talkModifyBtnWrap button {
    background: #172446;
    color: #fff;
    float: right;
    outline: none;
    border: none;
    padding: 1vw 5vw;
    font-weight: bold;
    margin-right: 5vw;
}

div.midEvicteePopup>div.popup>div.talkMessage,
div.talkNoticePopup>div.popup>div.talkMessage {
    padding: 3vw;
    font-size: 3vw;
    background: #f0eff3;
    text-align: left;
    width: 90%;
    height: 30vh;
    margin: 4vw auto 5vw;
}

div.midEvicteePopup>div.popup>div.talkMessage {
    height: auto;
}

/* tenant.html */
div.wrap.rentalBusinessWrap.tenantWrap {
    background: #f0eff3;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap {
    background: #f8f8f8;
    padding: 3vw;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap table.rentalInfo {
    width: 100%;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap table.rentalInfo>thead>tr>th {
    background: #172446;
    color: #fff;
    width: 33.333%;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap table.rentalInfo tr {
    height: 3.5vh;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap table.rentalInfo tr:nth-child(even)>td {
    background: #f0eff3;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap table.rentalInfo tr:nth-child(odd)>td {
    background: #ffffff;
}

div.wrap.tenantWrap>div.rentalInfoWrap table.rentalInfo tr:nth-child(odd)>td:nth-child(even).gray {
    background: #f0eff3;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap table.rentalInfo td {
    text-align: center;
    font-size: 2.5vw;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap>table.rentalInfo2 {
    border-collapse: unset;
    width: 100%;
    border-spacing: 0 4vw;
    margin-top: 2vw;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap>table.rentalInfo2 tr {
    height: 4vh;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap>table.rentalInfo2 th {
    border: 1px solid #D2D2D2;
    border-right: none;
    font-weight: normal;
    font-size: 2.5vw;
    background-color: #f0eff3;
    padding-right: 1vw;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap>table.rentalInfo2 th:nth-child(3) {
    border-left: none;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap>table.rentalInfo2 td {
    background-color: #ffffff;
    text-align: right;
    font-size: 2.5vw;
    border: 1px solid #D2D2D2;
    padding-right: 1vw;
}

span.green {
    color: #2bb47b;
}

span.red {
    color: #fc707b;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap>table.rentalInfo2 td>span {
    font-size: 2.5vw;
}

div.wrap.rentalBusinessWrap>div.tenantInfoWrap {
    margin: 5vw 0 0 0;
}

div.wrap.rentalBusinessWrap>div.tenantInfoList {
    height: 30vh;
    overflow: scroll;
    padding: 0;
    margin: 0 0 5vw 0;
}

div.wrap.rentalBusinessWrap>div.tenantInfoList>div#noRooms {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

div.wrap.rentalBusinessWrap>div.tenantInfoList>div#noRooms>p {
    margin-bottom: 1vh;
}

div.wrap.rentalBusinessWrap>div.tenantInfoWrap>table.tenantInfo {
    width: 100%;
    font-size: 2vw;
}

div.wrap.rentalBusinessWrap>div.tenantInfoList>table.tenantInfo {
    width: 100%;
    font-size: 2.5vw;
}

div.wrap.rentalBusinessWrap>div.tenantInfoWrap>table.tenantInfo>thead {
    background: #172446;
    color: #fff;
    height: 4vh;
}

div.wrap.rentalBusinessWrap>div.tenantInfoList>table.tenantInfo>tbody td {
    text-align: center;
    height: 4vh;
}

div.wrap.rentalBusinessWrap>div.tenantInfoList>table.tenantInfo td:nth-child(1),
div.wrap.rentalBusinessWrap>div.tenantInfoList>table.tenantInfo td:nth-child(2) {
    font-weight: bold;
    color: #172446;
}

div.wrap.rentalBusinessWrap>div.tenantInfoList>table.tenantInfo tr:nth-child(even) td:nth-child(1) {
    vertical-align: top;
}

tr.tdBackground,
div.wrap.rentalBusinessWrap>div.tenantInfoList>table.tenantInfo>tbody>tr.tdBackground {
    background: #fff;
}

div.wrap.rentalBusinessWrap>div.tenantInfoList>table.tenantInfo>tbody>tr>td:not(td:nth-child(1)) {
    border-bottom: 1px solid #f0eff3;
}

div.wrap.rentalBusinessWrap>div.tenantInfoList>table.tenantInfo>tbody>tr>td>input {
    border: 1px solid #D2D2D2;
    font-size: 2vw;
    padding: 0.5vw;
}

div.wrap.rentalBusinessWrap>div.tenantMenuWrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

div.wrap.rentalBusinessWrap>div.tenantMenuWrap>button {
    background: #172446;
    color: #fff;
    border: none;
    outline: none;
    width: 30%;
    height: 3.5vh;
    font-size: 3vw;
    font-family: 'SBAggroM';
}

div.wrap.rentalBusinessWrap>div.howToBtn {
    overflow: hidden;
    margin: 5vw 0 2vw;
}

div.wrap.rentalBusinessWrap>div.howToBtn>button {
    float: right;
    width: 50%;
    background: #172446;
    color: #fff;
    border: none;
    outline: none;
    height: 3.5vh;
    font-size: 3vw;
    font-family: 'SBAggroM';
}

/* addTenant.html */
div.topBox.addTenantCommonWrap {
    height: 42vh;
}

div.topBox.addTenantCommonWrap>table.addTenantCommonTable {
    border-collapse: unset;
    border-spacing: 0 5vw;
}

div.topBox.addTenantCommonWrap>table.addTenantCommonTable select,
div.topBox.addTenantCommonWrap>table.addTenantCommonTable input {
    border: 1px solid #d2d2d2;
    height: 4vh;
    width: 90%;
}

div.topBox.addTenantCommonWrap>table.addTenantCommonTable select {
    text-align: center;
}

div.topBox.addTenantCommonWrap>table.addTenantCommonTable input {
    padding-left: 5vw;
}

div.topBox.addTenantCommonWrap>table.addTenantCommonTable #buildingName {
    float: left;
}

div.topBox.addTenantCommonWrap>table.addTenantCommonTable #roomNum {
    float: right;
    text-align: center;
    padding-right: 7vw;
}

div.topBox.addTenantCommonWrap>table.addTenantCommonTable>tbody>tr>td>span.addTenantBuildingCate {
    width: 10vw;
    height: 4vh;
    position: absolute;
    left: 0;
    background: #172446;
    color: #fff;
    text-align: center;
}

div.topBox.addTenantCommonWrap>table.addTenantCommonTable>tbody>tr>td>span.addTenantBuilding {
    content: '호';
    position: absolute;
    right: 2vw;
}

div.topBox.addTenantCommonWrap>table.addTenantCommonTable td {
    position: relative;
    width: 25%;
    line-height: 4vh;
}

div.topBox.addTenantCommonWrap>table.addTenantCommonTable>tbody>tr:nth-child(4) td {
    height: 6vh;
    background: #fff;
    text-align: center;
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

div.topBox.addTenantCommonWrap>table.addTenantCommonTable>tbody>tr:nth-child(4) td:nth-child(4) {
    border-right: 1px solid #d2d2d2;
}

div.guideList.tenantDetailForm {
    padding: 6vw;
}

div.guideList.tenantDetailForm>div {
    overflow: hidden;
}

div.guideList.tenantDetailForm>dl>dt {
    font-size: 4vw;
}

div.guideList.tenantDetailForm>dl>dd {
    position: relative;
    overflow: hidden;
    margin: 3vw 0;
}

div.guideList.tenantDetailForm>dl>dd.marginNone {
    margin: 0;
}

div.guideList.tenantDetailForm>dl>dd>div {
    overflow: hidden;
}

div.guideList.tenantDetailForm>dl>dd>div>span.tenantDetailName {
    float: left;
    height: 4vh;
    width: 15vw;
    line-height: 4vh;
    font-size: 3vw;
    background: #f0eff3;
    text-align: center;
}

div.guideList.tenantDetailForm>dl>dd>div>span.tenantDetailName2 {
    float: left;
    height: 4vh;
    line-height: 4vh;
    font-size: 3vw;
    background: #f0eff3;
    text-align: left;
}

div.guideList.tenantDetailForm>dl>dd>div>select {
    width: 50%;
}

div.guideList.tenantDetailForm>dl.adminExpensesInput>dd>div:nth-child(1)>span.tenantDetailName:nth-child(1) {
    width: 49%;
}

div.guideList.tenantDetailForm>dl.adminExpensesInput>dd>div:nth-child(1)>input {
    width: 49% !important;
}

div.guideList.tenantDetailForm>dl>dd div input.tenantDetailName,
div.guideList.tenantDetailForm>dl>dd div input.tenantMonthRental,
div.guideList.tenantDetailForm>dl>dd div input#tenantDepositDate {
    float: right;
    width: 82%;
    height: 4vh;
    border: 1px solid #f0eff3;
    padding: 0 5vw;
}

div.guideList.tenantDetailForm>dl>dd div div.tenantPhoneWrap {
    float: right;
    width: 82%;
}

div.guideList.tenantDetailForm>dl>dd input#tenantPhone1,
div.guideList.tenantDetailForm>dl>dd input#tenantPhone2,
div.guideList.tenantDetailForm>dl>dd input#tenantPhone3 {
    height: 4vh;
    line-height: 4vh;
    border: 1px solid #f0eff3;
    text-align: center;
}

div.guideList.tenantDetailForm>dl>dd input#tenantPhone1 {
    width: 17vw;
}


div.guideList.tenantDetailForm>dl>dd input#tenantPhone2,
div.guideList.tenantDetailForm>dl>dd input#tenantPhone3 {
    width: 23vw;
}

div.guideList.tenantDetailForm>dl.tenantTaxBill>dt {
    position: relative;
    background: #172446;
    color: #fff;
    padding: 2vw 3vw;
    font-size: 3vw;
}

div.guideList.tenantDetailForm>dl.tenantTaxBill {
    margin: 10vw 0;
}

div.guideList.tenantDetailForm>dl.tenantTaxBill>dt>span.tenantTaxBillLine {
    width: 5vw;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 3vw;
    top: 50%;
    transform: translateY(-50%);
}

span.questionMark,
div.guideList.tenantDetailForm>dl.tenantTaxBill>dt>span.questionMark {
    display: inline-block;
    width: 5vw;
    height: 5vw;
    line-height: 5vw;
    border-radius: 50%;
    background: #fff;
    color: #2bb47b;
    font-weight: bold;
    text-align: center;
    margin-left: 3vw;
}

div.guideList.tenantDetailForm>dl.tenantTaxBill>dd {
    background: #f0eff3;
    padding: 4vw;
    font-size: 2.5vw;
}

div.guideList.tenantDetailForm>dl.tenantTaxBill>dd>div.explain {
    background: #f9f9f9;
    padding: 3vw 5vw;
}

div.guideList.tenantDetailForm>dl.tenantTaxBill>dd>div.explain p:nth-child(1) {
    margin-bottom: 3vw;
}

div.guideList.tenantDetailForm>dl.tenantTaxBill>dd>div:not(:nth-child(1)) {
    margin: 6vw 0 0 0;
}

div.guideList.tenantDetailForm>dl.tenantTaxBill>dd>div>div {
    float: left;
}

div.guideList.tenantDetailForm>dl.tenantTaxBill>dd>div>div>input,
div.guideList.tenantDetailForm>dl.tenantTaxBill>dd>div>input {
    display: inline-block;
    height: 8vw;
    line-height: 8vw;
    border: 1px solid #d2d2d2;
    width: 100%;
    padding: 0 2vw;
}

div.guideList.tenantDetailForm>dl.tenantTaxBill>dd>div>div>input.taxNum3 {
    width: 33%;
    text-align: center;
}

div.guideList.tenantDetailForm>dl.tenantTaxBill>dd>div>div>input.taxNum2,
div.guideList.tenantDetailForm>dl.tenantTaxBill>dd>div>div>input.taxNum1 {
    width: 28%;
    text-align: center;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl>dt>span.questionMark {
    background: #f0eff3;
}

div.guideList.tenantDetailForm>dl>dd table {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
}

div.guideList.tenantDetailForm>dl>dd table>tbody>tr {
    height: 4vh;
}

div.guideList.tenantDetailForm>dl>dd>table>tbody>tr>th.tenantDetailName {
    line-height: 4vh;
    font-size: 3vw;
    background: #f0eff3;
    text-align: center;
}

div.guideList.tenantDetailForm>dl>dd table>tbody>tr:nth-child(1)>td,
div.guideList.tenantDetailForm>dl>dd table>tbody>tr:nth-child(1)>th {
    border: 1px solid #f0eff3;
}

div.guideList.tenantDetailForm>dl>dt {
    position: relative;
}

div.guideList.tenantDetailForm:not(.expensesRatioWrap)>dl>dd table>tbody>tr>td:not(.dateSelect):not(.fileBox) {
    text-align: right;
    padding-right: 2vw;
    font-size: 3vw;
}

div.guideList.tenantDetailForm>dl>dd table>tbody>tr>td input {
    height: 4vh;
    border: none;
    padding: 0 2vw;
    margin-right: 2vw;
    text-align: right;
    font-size: 3vw;
}

div.guideList.tenantDetailForm>dl>dd table>tbody>tr>td input[type="date"] {
    padding: 0;
}

div.guideList.tenantDetailForm>dl>dd table>tbody>tr>td input[type="text"] {
    width: 90%;
}

div.guideList.tenantDetailForm>dl>dd table>tbody>tr>td input[type="date"] {
    width: 100%;
}

div.guideList.tenantDetailForm>dl>dd table>tbody>tr>td input.tenantMonthRental {
    width: 70%;
}

div.guideList.tenantDetailForm>dl>dd table>tbody>tr>td select {
    width: 100%;
    height: 4vh;
    border: none;
    background: none;
    padding: 0;
}


div.guideList.tenantDetailForm>dl>dd>div.koreanCurrencyWrap {
    text-align: right;
    font-size: 2.5vw;
    margin: 2vw;
    font-weight: bold;
}

div.guideList.tenantDetailForm>dl>dd>div.koreanCurrencyWrap {
    text-align: right;
    font-size: 2.5vw;
    margin: 2vw;
    font-weight: bold;
}

div.guideList.tenantDetailForm>dl.monthRentalWrap>dd>div {
    float: left;
    width: 50%;
}

div.guideList.tenantDetailForm>dl.monthRentalWrap>dd>div>input {
    width: 60% !important;
    float: none !important;
}

div.guideList.tenantDetailForm>dl.monthRentalWrap>dd>div.koreanCurrencyWrap {
    padding-right: 5vw;
}

div.guideList.tenantDetailForm>dl.monthRentalWrap.contractDate>dd>div>span {
    width: 40%;
}

div.guideList.tenantDetailForm>dl.monthRentalWrap.contractDate>dd>div>select {
    width: 60%;
    border: 1px solid #f0eff3;
    height: 4vh;
}

div.expensesRatioWrapPopup,
div.evictNotPopup,
div.evictPopup,
div.AdministrativeExpensesPopup,
div.tenantTaxBillPopup {
    padding: 6vw;
}

div.expensesRatioWrapPopup>div.popup,
div.evictNotPopup>div.popup,
div.evictPopup>div.popup,
div.AdministrativeExpensesPopup>div.popup,
div.tenantTaxBillPopup>div.popup {
    align-items: center;
}

div.expensesRatioWrapPopup>div.popup>p,
div.evictNotPopup>div.popup>p,
div.evictPopup>div.popup>p,
div.AdministrativeExpensesPopup>div.popup>p,
div.tenantTaxBillPopup>div.popup>p {
    width: 90%;
    text-align: left;
    background: #f0eff3;
    border-radius: 1vw;
    margin: 5vw 0;
    font-size: 3vw;
    padding: 4vw;
    color: #666;
}

div.changeBuildingPopup>div.popup>.popupBtn>button.submit,
div.expensesRatioWrapPopup>div.popup>.popupBtn,
div.evictNotPopup>div.popup>.popupBtn,
div.evictPopup>div.popup>.popupBtn,
div.evictPopup>div.popup>.popupBtn>button.submit,
div.AdministrativeExpensesPopup>div.popup>.popupBtn,
div.AdministrativeExpensesPopup>div.popup>.popupBtn>button.submit,
div.tenantTaxBillPopup>div.popup>.popupBtn,
div.tenantTaxBillPopup>div.popup>.popupBtn>button.submit,
button#btnResultExistPopupCancel {
    width: 100%;
}

div.roomListDiv {
    height: 25vh;
    padding: 0 3vw;
    overflow: auto;
}

div.roomListDiv>div.noRooms {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 200%;
}

div.roomListDiv>div.noRooms>span {
    font-size: 2vh;
}

div.roomListDiv>table {
    height: 100%;
    width: 80%;
    display: inline-block;
}

div.roomListDiv>table>thead {
    display: table;
    width: 100%;
    height: 4.5vh;
    border-top: 1pt solid #d2d2d2;
    background-color: #ffffff;
    border-bottom: 1pt solid #d2d2d2;
    position: sticky;
    top: 0;
}

div.roomListDiv>table>thead>tr>th {
    width: 33%;
    padding: 0;
}

div.roomListDiv>table>tbody {
    display: table;
    width: 100%;
}

div.roomListDiv>table>tbody>tr {
    height: 4vh;
    border-bottom: 1px solid #DCDCDC;
}

div.roomListDiv>table>tbody>tr>td {
    font-size: 1.7vh;
    width: 33%;
}

div.roomListDiv>table>tbody>tr>td>button {
    width: 50%;
    padding: 0.3vh 1vw;
    border-radius: 1px;
    border: 1px solid #d2d2d2;
    background-color: #f0f0f0;
}

div.guideList.addBuildingMore>button.absPos {
    position: absolute;
    width: 90vw;
    left: 5vw;
    right: 5vw;
    bottom: 2vh;
}

/* tenantDetail.html */
div.topBox.tenantDetailTitle {
    display: flex;
    align-items: center;
}

div.topBox.tenantDetailTitle>div.tenantBuildingNameWrap>span {
    background: #172446;
    color: #fff;
    padding: 1vw 3vw;
    font-size: 2vw;
}

div.topBox.tenantDetailTitle>h1 {
    margin: 5vw 0;
}

div.topBox.tenantDetailTitle>div.tenantContactWrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

div.topBox.tenantDetailTitle>div.tenantContactWrap>button {
    width: 25%;
    height: 3vh;
    line-height: 3vh;
    font-size: 2.5vw;
    border: none;
}

div.topBox.tenantDetailTitle>div.tenantContactWrap>button.tenantNameBtn {
    border: 1px solid #d2d2d2;
    background: #fff;
}

div.topBox.tenantDetailTitle>div.tenantContactWrap>button.tenantCall {
    background: #2bb47b;
    color: #fff;
}

div.topBox.tenantDetailTitle>div.tenantContactWrap>button.tenantTxt {
    background: #fc707b;
    color: #fff;
}

div.contractList,
div.guideList.tenantDetailForm div.contractList {
    position: relative;
    line-height: 7vw;
    width: 100%;
    height: 7vw;
    background: #172446;
    color: #fff;
    padding: 0vw 3vw;
    overflow: hidden;
}

div.contractList img {
    height: 100%;
}

/* div.guideList.tenantDetailForm div.contractList {
    margin-top: 10vw;
} */

div.guideList.tenantDetailForm>div:not(.mt-0, .mt-5vh) {
    margin: 5vw 0;
}

div.contractList span.contractListMore,
div.guideList.tenantDetailForm div.contractList span.contractListMore {
    float: right;
    font-weight: bold;
}

div.contractDetailWrap {
    background: #f0eff3;
    padding: 3vw;
}

div.contractDetailWrap table {
    width: 100%;
    font-size: 2.8vw;
}

div.contractDetailWrap table tr {
    height: 3vh;
}

div.contractDetailWrap table th {
    background: #fff;
    border: 1px solid #d2d2d2;
    color: #656472;
    font-weight: normal;
    padding: 0 2vw;
    font-size: 2.5vw;
}

div.contractDetailWrap table td {
    padding: 0 2vw;
    border: 1px solid #d2d2d2;
    font-size: 2.5vw;
}

div.contractDetailWrap table td>span {
    font-size: 2.5vw;
}

div.contractDetailWrap table td#contractPeriod {
    text-align: center;
}

div.contractDetailWrap table tr.contractChoose th {
    height: 4vh;
    font-size: 3.3vw !important;
}

div.contractDetailWrap table tr.contractChoose th.on {
    background: #172446;
    color: #fff;
}

.complaintCategory {
    float: right;
    border: 1px solid #d2d2d2;
    background: #fff;
    padding: .3vw 1vw;
}

/* .contractDetailWrap {
    display: none;
} */

div.guideList.tenantDetailForm>div.tenantDetail1>table {
    width: 100%;
    margin-top: -1px;
}

div.guideList.tenantDetailForm>div.tenantDetail1>table td:nth-child(1) {
    border: 1px solid #d2d2d2;
    width: 40%;
    text-align: center;
    background: #f0eff3;
}

div.guideList.tenantDetailForm>div.tenantDetail1>table td:nth-child(2) {
    border: 1px solid #d2d2d2;
    text-align: right;
    padding-right: 1vw;
}

div.guideList.tenantDetailForm>div.tenantDetail1>table tr:nth-child(5) td {
    background: none;
    border: none;
}

div.guideList.tenantDetailForm>div.tenantDetail1>table td {
    height: 3vh;
    font-size: 3vw;
}

div.guideList.tenantDetailForm>div.tenantDetail1>table tr:last-child td {
    border-top: 1px solid #172446;
    border-bottom: 1px solid #172446;
}

div.contractList span.contractListBtn,
div.guideList.tenantDetailForm div.contractList span.contractListBtn {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 20vw;
    background: #fff;
    border: 1px solid #d2d2d2;
    color: #666;
    font-size: 2vw;
    text-align: center;
    line-height: 7vw;
}

div.guideList.tenantDetailForm>div.tenantDetail2>table {
    width: 100%;
}

div.guideList.tenantDetailForm>div.tenantDetail2>table td {
    height: 7vw;
    border: 1px solid #d2d2d2;
    font-size: 3vw;
}

div.guideList.tenantDetailForm>div.tenantDetail2>table tr>td:nth-child(1):not(.tableTitle) {
    background-color: #f0eff3;
    text-align: center;
}

div.guideList.tenantDetailForm>div.tenantDetail2>table tr>td:nth-child(2):not(.tableTitle) {
    text-align: right;
    padding-right: 3vw;
}

div.guideList.tenantDetailForm>div.tenantDetail2>table tr>td.tableTitle {
    padding-left: 3vw;
}

div.guideList.tenantDetailForm>div.tenantDetail3>table {
    width: 100%;
}

div.guideList.tenantDetailForm>div.tenantDetail3>table td {
    height: 3vh;
    font-size: 3vw;
}

div.guideList.tenantDetailForm>div.tenantDetail3>table td:nth-child(1) {
    width: 30vw;
}

div.guideList.tenantDetailForm>div.tenantDetail3>table tr:nth-child(1) td:nth-child(2) {
    width: 30vw;
}

div.guideList.tenantDetailForm>div.tenantDetail3>table td:nth-child(1),
div.guideList.tenantDetailForm>div.tenantDetail3>table tr:nth-child(1) td:nth-child(2) {
    background: #f0eff3;
    padding: 0 2vw;
    text-align: center;
}

div.guideList.tenantDetailForm>div.tenantDetail3>table tr:nth-child(1) select {
    width: 100%;
    height: 100%;
    border: 1px solid #d2d2d2;
    outline: none;
    ;
}

div.guideList.tenantDetailForm>div.tenantDetail3>table tr:nth-child(n+2) td {
    border: 1px solid #d2d2d2;
    text-align: center;
}

div.nxtMonthDepositPopup>div.popup>div.nxtMonthDepositTable {
    padding: 5vw;
}

div.nxtMonthDepositPopup>div.popup table {
    margin: auto;
    font-size: 3.5vw;
    width: 100%;
    color: #666;
}

div.nxtMonthDepositPopup>div.popup table tr:nth-child(1) {
    height: 8vw;
}

div.nxtMonthDepositPopup>div.popup table th {
    background: #f0eff3;
    border: 1pt solid #d2d2d2;
    font-weight: normal;
}

div.nxtMonthDepositPopup>div.popup table td {
    border: 1px solid #d2d2d2;
    overflow: hidden;
    text-align: right;
    height: 3vh;
    padding-right: 2vw;
}

div.nxtMonthDepositPopup>div.popup table tbody tr th:first-child {
    width: 20vw;
}

div.nxtMonthDepositPopup>div.popup table tbody tr:nth-child(6) td {
    height: 2vh;
    border: none;
    background: none;
}

div.nxtMonthDepositPopup>div.popup table td input {
    width: 80%;
    float: left;
    border: none;
    outline: none;
    padding-left: 2vw;
    text-align: right;
}

div.nxtMonthDepositPopup>div.popup table tbody tr:nth-child(7) th,
div.nxtMonthDepositPopup>div.popup table tbody tr:nth-child(7) td {
    border-top: 1px solid #172446;
}

div.nxtMonthDepositPopup>div.popup table tbody tr:nth-child(7) th,
div.nxtMonthDepositPopup>div.popup table tbody tr:nth-child(8) td {
    border-bottom: 1px solid #172446;
}

span.koreanCurrency {
    font-weight: bold;
}

#contract_img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    max-height: 40vh;
}

/* tenantDepositDetail.html */

div.topBox.topBoxFixed.tenantDetailTitle>div>span {
    background: #172446;
    color: #fff;
    padding: 1vw 3vw;
    font-size: 3vw;
}

div.topBox.topBoxFixed.tenantDetailTitle>h2>span,
div.topBox.topBoxFixed.tenantDetailTitle>h2 {
    font-size: 6vw;
}

div.topBox.tenantDetailTitle>.tenantDepositList {
    width: 100%;
    overflow: hidden;
}

div.topBox.tenantDetailTitle>.tenantDepositList>table {
    width: 100%;
}

div.topBox.tenantDetailTitle>.tenantDepositList>table th {
    border: 1px solid;
    padding: 0 2vw;
    font-size: 2.8vw;
    text-align: center;
    background: #172446;
    color: #fff;
}

div.topBox.tenantDetailTitle>.tenantDepositList>table td {
    border: 1px solid;
    padding: 0 2vw;
    font-size: 2.8vw;

}

div.topBox.tenantDetailTitle>.tenantDepositList>table td:nth-child(even) {
    text-align: right;
    font-weight: bold;
    background: #fff;
    border-color: #d2d2d2;
    color: #666;
}

div.topBox.tenantDetailTitle>.tenantDepositList>table td:nth-child(odd) {
    text-align: center;
    background: #172446;
    color: #fff;
}

div.guideList.tenantDetailForm>div>h3 {
    font-size: 4vw;
    color: #172446;
    font-weight: normal;
    line-height: 1.5;
}

div.guideList.tenantDetailForm>div.tenantDetail1.tenantDepositHistory>table tr:last-child td {
    border-color: #d2d2d2;
}

div.divButton {
    margin-top: 40vh;
    width: 100%;
    height: 7vh;
}

div.divButton>input {
    border: none;
    outline: none;
    width: 50%;
    height: 15vw;
    background-color: #f0eff3;
    font-size: 4vw;
    /* font-weight: bold; */
    color: #172446;
}

div.divButton>input.leftBtn {
    float: left;
}

div.divButton>input.rightBtn {
    float: right;
}

div.divButton>input.on {
    background-color: white !important;
}

div.guideList.tenantDetailForm.tenantDetailForm2 {
    padding: 0 6vw;
}

span.step {
    display: block;
    width: 3.5vw;
    height: 3.5vw;
    border-radius: 50%;
    margin: auto;
}

span.step.red {
    background: #fc707b;
}

span.step.yellow {
    background: #F2EA2F;
}

span.step.green {
    background: #2bb47b;
}

div.guideList.tenantDetailForm>div.perMonthDeposit {
    background: #f0eff3;
}

div.guideList.tenantDetailForm>div.perMonthDeposit.header {
    height: 4vh;
}

div.guideList.tenantDetailForm>div.perMonthDeposit.header>table {
    height: 100%;
}

div.guideList.tenantDetailForm>div.perMonthDeposit.body {
    height: 20vh;
    overflow: scroll;
}

div.guideList.tenantDetailForm>div.perMonthDeposit>table {
    width: 100%;
    font-size: 3vw;
}

div.guideList.tenantDetailForm>div.perMonthDeposit>table tr:nth-child(even) {
    background: #fff;
}

div.guideList.tenantDetailForm>div.perMonthDeposit>table th {
    background: #172446;
    color: #fff;
    height: 3vh;
    text-align: center;
}

div.guideList.tenantDetailForm>div.perMonthDeposit>table td {
    height: 3vh;
    text-align: center;
}

div.guideList.tenantDetailForm>div.perMonthDeposit>table td:nth-child(n+3) {
    text-align: right;
    padding: 0 1vw;
}

div.guideList.tenantDetailForm>div.perMonthDeposit>table td:nth-child(5) {
    color: #fc707b;
}

/* tenantComplaint.html */
div.topBox.tenantDetailTitle>h4 {
    font-weight: normal;
    font-size: 4vw;
    color: #172446;
}

div.guideList.tenantDetailForm>div.tenantDetail3>table.complaintForm tr:nth-child(1) td {
    background: none;
    border: 1px solid #d2d2d2;
    text-align: center;
    padding: 0;
}

div.guideList.tenantDetailForm>div.tenantDetail3>table.complaintForm tr td:nth-child(1) {
    background: #f0eff3;
    width: 10vw;
}

div.guideList.tenantDetailForm>div.tenantDetail3>table.complaintForm tr td input,
div.guideList.tenantDetailForm>div.tenantDetail3>table.complaintForm tr td select,
div.guideList.tenantDetailForm>div.tenantDetail3>table.complaintForm tr td textarea {
    width: 100%;
    height: 100%;
    border: none;
    padding-left: 3vw;
}

div.guideList.tenantDetailForm>div.tenantDetail3>table.complaintForm tr td select {
    text-align: center;
}

div.guideList.tenantDetailForm>div.tenantDetail3>table.complaintForm tr:last-child td {
    height: 40vh;
}

div.guideList.tenantDetailForm>div.tenantDetail3>table.complaintForm tr td textarea {
    height: 55vh;
    padding: 3vw;
    font-family: 'Nanum Gothic';
}

div.guideList.tenantDetailForm>div.tenantDetail3 button.complaintFormSave {
    width: 100%;
    margin: 4vw 0;
    height: 5vh;
    background: #172446;
    color: #fff;
    outline: none;
    border: none;
}

/* overdueManage.html */
.guideList h1 {
    font-family: 'SBAggroM';
    font-weight: normal;
    text-align: center;
    font-size: 5.5vw;
    color: #172446;
}

.guideList h2 {
    font-family: 'SBAggroM';
    font-weight: normal;
    text-align: center;
    font-size: 4.8vw;
    color: #172446;
}

.guideList hr {
    border: none;
    width: 100%;
    height: 1px;
    background-color: #d2d2d2;
    margin: 3vw 0;
}

span.smallbox {
    background: #323a78;
    color: #fff;
    display: block;
    text-align: center;
    padding: .5vw 0;
    width: 15vw;
    margin: auto;
}

span.smallbox.green {
    background: #2bb47b;
}

span.smallbox.red {
    background: #fc707b;
}

span.rightgoCheckBtn {
    display: block;
    width: 50%;
    height: 2.5vh;
    color: #fff;
    background: #172446;
    text-align: center;
    font-size: 2vw;
    line-height: 2.5vh;
    float: right;
}

span.btnMove {
    display: block;
    width: 45%;
    height: 3vh;
    color: #fff;
    background: #172446;
    text-align: center;
    font-size: 2.5vw;
    line-height: 3vh;
}

span.btnMove.btnLeft {
    float: left;
}

span.btnMove.btnRight {
    float: right;
}

span.submitSpan {
    display: block;
    width: 100%;
    height: 5vh;
    line-height: 5vh;
    text-align: center;
    background: #172446;
    color: #fff;
    outline: none;
    border: none;
}

span.rightgoCheckBtn.blueBtn {
    background: #172446;
    height: 4vh;
    line-height: 4vh;
    width: 50%;
    font-size: 3vw;
}

div.topBox.overdueTopBox {
    display: block;
    width: 100%;
}

div.guideList.tenantDetailForm>div.perMonthDeposit>table.overdue td {
    text-align: center;
}

div.guideList.tenantDetailForm>div.perMonthDeposit>table.overdue td img {
    height: 80%;
}

div.guideList.tenantDetailForm>div.perMonthDeposit>table.overdue td>span.black {
    color: #172446;
}

div.guideList.tenantDetailForm>div.perMonthDeposit>table.overdue td>span.red:not(.smallbox) {
    color: #fc707b;
}


div.topBox.overdueTopBox div>img {
    width: 100%;
    margin: 5vw 0;
}

div.overdueDepositCheckPopup>div.popup>div.talkMessage {
    height: auto;
    padding: 2vw;
    background: #f0eff3;
    width: 90%;
    margin: auto;
    text-align: left;
    line-height: 2;
    margin-bottom: 5vw;
}

div.overdueDepositCheckPopup>div.popup>div.talkMessage.talkMessage3 {
    font-size: 3vw;
    line-height: 1.5;
}

div.overdueDepositCheckPopup>div.popup>div.overdueDepositCheck {
    width: 100%;
    overflow: hidden;
    margin: 0 0 3vw;
    padding: 0 5vw;
}

div.overdueDepositCheckPopup>div.popup div.overdueDepositCheck.overdueDepositDetailMoney span.overdueDepositDetail {
    text-align: right;
}

div.overdueDepositCheckPopup>div.popup div.overdueDepositCheck.overdueDepositDetailMoney input:not(.colorBlack) {
    color: #fc707b;
}

div.overdueDepositCheck span.overdueDepositTitle,
div.overdueDepositCheckPopup>div.popup>div.overdueDepositCheck span.overdueDepositTitle {
    float: left;
    width: 30%;
    height: 4vh;
    line-height: 4vh;
    background: #172446;
    color: #fff;
}

div.overdueDepositCheck span.overdueDepositDetail,
div.overdueDepositCheckPopup>div.popup>div.overdueDepositCheck span.overdueDepositDetail {
    float: left;
    width: 70%;
    height: 4vh;
    line-height: 4vh;
    border: 1px solid #d2d2d2;
    outline: none;
    border-left: none;
    padding: 0 2vw;
}

div.overdueDepositCheckPopup>div.popup>div.overdueDepositCheck span.overdueDepositDetail>input {
    height: 100%;
    border: none;
    text-align: right;
    background-color: transparent;
}

/* overdueTenant.html */
div.guideList.overdueVideoList {
    padding: 10vw 7vw;
}

.chooseList>li,
div.guideList.overdueVideoList>div>ul:not(.slick-dots, .introduceUl)>li,
div.guideList.overdueVideoList>ul>li {
    overflow: hidden;
    height: 19.5vw;
    padding-left: 0;
    margin-bottom: 3vw;
    width: 100%;
}

.chooseList>li {
    margin-bottom: 0;
    background: #fff;
}

div.guideList.overdueVideoList>div>ul>li>span.guideImg,
div.guideList.overdueVideoList>ul>li>span.guideImg {
    float: left;
    position: relative;
    background: #2bb47b;
    width: 40%;
    height: 19.5vw;
}

div.guideList.overdueVideoList ul>li>span>img {
    width: 100%;
    height: 100%;
}

div.guideList.overdueVideoList ul>li>span>input[type=checkbox] {
    position: absolute;
    top: 1vw;
    left: 1vw;
    display: block;
    zoom: 1.7;
}

.chooseList>li>span.guideImg {
    position: relative;
    float: left;
    width: 40%;
    height: 13vh;
    text-align: center;
    background: #fff;
}

.chooseList>li>span.guideImg::after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    content: '';
}

.chooseList>li>span.guideImg img {
    height: 100%;
}

.chooseList>li>span.guideDetail,
div.guideList.overdueVideoList>div>ul>li>span.guideDetail,
div.guideList.overdueVideoList>ul>li>span.guideDetail {
    float: right;
    width: 60%;
    padding-left: 2vw;
}

.chooseList>li>span.guideDetail>h6,
div.guideList.overdueVideoList>div>ul>li>span.guideDetail>h6,
div.guideList.overdueVideoList>ul>li>span.guideDetail>h6 {
    font-size: 2.7vw;
}

div.guideList.overdueVideoList>div>ul>li>span.guideDetail>h6.spacing {
    letter-spacing: -0.15vw;
}


div.guideList.overdueVideoList>div>ul>li>span.guideDetail>p,
div.guideList.overdueVideoList>ul>li>span.guideDetail>p {
    line-height: 1.5;
    font-size: 2.5vw;
    color: #666;
}

.chooseList>li>span.guideDetail>p {
    color: #aaa;
}

div.guideList.overdueVideoList>div>ul>li>span.guideDetail>hr,
div.guideList.overdueVideoList>ul>li>span.guideDetail>hr {
    margin-top: 0;
    margin-bottom: 1vw;
}

.chooseList>li>span.guideDetail>hr {
    margin-top: 0;
    margin-bottom: 1vw;
    background: #d2d2d2;
    border: none;
    height: 1px;
    width: 70%;
}

/* contractEndManage.html */
span.rightMidBox {
    background: #172446;
    color: #fff;
    padding: 2vw 3vw;
    font-size: 2.5vw;
    float: right;
}

div.guideList.tenantDetailForm>div.perMonthDeposit>table.evicteeManage th {
    text-align: left;
    padding: 0 2vw;
}

div.guideList.tenantDetailForm>div.perMonthDeposit>table.evicteeManage td:nth-child(1) {
    width: 20vw;
}

/* div.guideList.tenantDetailForm>div.perMonthDeposit>table.evicteeManage td[rowspan] {
    width: 55%;
} */

div.guideList.tenantDetailForm>div.perMonthDeposit>table.evicteeManage td>button {
    background: #172446;
    color: #fff;
    padding: 2vw 3vw;
    font-size: 2.5vw;
    float: right;
    border: none;
}

div.guideList.tenantDetailForm>div.tableTitle {
    height: 7vw;
    background-color: #172446;
    color: #fff;
    font-size: 3vw;
    line-height: 7vw;
    padding: 0 2vw;
    margin: 0;
    margin-top: 5vw;
}

div.guideList.tenantDetailForm>div.perMonthDeposit>table.evicteeManage tbody tr.tdBackground {
    background: #fff;
}

div.guideList.tenantDetailForm>div.perMonthDeposit>table.evicteeManage tr:nth-child(even) {
    background: none;
}

div.guideList.tenantDetailForm>div.perMonthDeposit.evicteeManageForm {
    height: 23vh;
    overflow: scroll;
    margin: 0;
    margin-bottom: 5vw;
}

/* evictCheckLIst.html */

div.topBox.topBoxFixed.tenantDetailTitle.evictCheckListTop>div>span,
div.topBox.topBoxFixed.tenantDetailTitle.evictCheckListTop>p {
    font-size: 4vw;
}

div.topBox.topBoxFixed.tenantDetailTitle.evictCheckListTop>h2,
div.topBox.topBoxFixed.tenantDetailTitle.evictCheckListTop>h2>span {
    font-size: 5vw;
}

div.guideList.tenantDetailForm>div.tenantDetail.evictChecklistWrap {
    height: 100%;
}

div.guideList.tenantDetailForm>div.tenantDetail.evictChecklistWrap>div>div.contractList {
    height: 9vw;
    line-height: 9vw;
}

div.guideList.tenantDetailForm>div.tenantDetail.evictChecklistWrap>div>div>span.contractListTitle {
    font-size: 4vw;
}

div.guideList.tenantDetailForm>div.tenantDetail.evictChecklistWrap>div>p {
    background: #f0eff3;
    color: #656472;
    padding: 3vw 4vw;
    font-size: 3.5vw;
    line-height: 1.5;
}

div.guideList.tenantDetailForm>div.tenantDetail.evictChecklistWrap button.complaintFormSave {
    width: 100%;
    height: 5vh;
    background: #172446;
    color: #fff;
    outline: none;
    border: none;
    margin-top: 15vh;
}

div.guideList.tenantDetailForm>div.tenantDetail.evictChecklistWrap>p {
    width: 100%;
    height: 10vh;
    background: #f0eff3;
    margin-bottom: 5vh;
    padding: 3vw;
    line-height: 2;
}

div.guideList.tenantDetailForm div.contractList span.evictConfirmBtn {
    background-color: #323a78;
    color: #fff;
}

div.banner img {
    width: 100%;
}

div.introduce {
    margin: 10vw 0;
}

div.introduce h3 {
    font-family: 'SBAggroM';
    color: #172446;
}


div.evictNotPopup>div.popup>div {
    width: 90%;
    margin: auto;
}

div.evictNotPopup>div.popup>div>span.rightgoCheckBtn {
    margin-bottom: 5vw;
}

div.evictNotPopup>div.popup>span.moreInfo {
    width: 90%;
    font-size: 3vw;
    text-align: left;
    margin: auto;
    line-height: 2;
    padding-bottom: 3vh;
}

/* midEvicteeForm.html */
div.guideList.tenantDetailForm>div.tenantDetail3>div table.midEvicteeList {
    width: 100%;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div table.midEvicteeList th {
    background: #172446;
    color: #fff;
    height: 4vh;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div table.midEvicteeList td {
    text-align: center;
    border: none;
    height: 8vw;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div table.midEvicteeList td:nth-child(1) {
    width: 10vw;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div table.midEvicteeList td:nth-child(1)>input[type="checkbox"]+label:before {
    margin: 0;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div table.midEvicteeList tr:nth-child(n+2) td {
    border: none;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div table.midEvicteeList tr:nth-child(odd) {
    background-color: #f0eff3;
}

div.guideList.tenantDetailForm.tenantDetailForm2>div.tenantDetail3>div {
    height: auto;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div {
    overflow: scroll;
}

div#midEvictPopup input[type="date"] {

    height: 8vw;
    width: 100%;

}

/* leaseReport.html */
div.guideList.tenantDetailForm>p {
    width: 100%;
    height: 35vh;
    background: #f0eff3;
    color: #666;
    padding: 3vw;
    font-size: 3vw;
    line-height: 2;
}

div.container>header>button.helpBtn.expenseBtn1 {
    right: 33vw;
}

div.container>header>button.helpBtn.expenseBtn2 {
    right: 18vw;
}

div.container>header>button.helpBtn.expenseBtn1,
div.container>header>button.helpBtn.expenseBtn2,
div.container>header>button.helpBtn.expenseBtn3 {
    width: 12vw;
    font-size: 1.5vw;
    padding: 1vw .5vw;
    font-weight: normal;
}

/* administrativeExpenses.html */

div.adminExpensesWrap>div>div>div.overdueDepositCheck span.overdueDepositTitle {
    text-align: center;
}

div.adminExpensesWrap>div>div>div.overdueDepositCheck span.overdueDepositDetail {
    text-align: right;
}

div.adminExpensesWrap>div>div>div.overdueDepositCheck {
    overflow: hidden;
    margin: 3vw 0 6vw;
}

div.adminExpensesWrap>div>div>div.overdueDepositCheck>span>select {
    width: 100%;
    height: 4vh;
    border: none;
    background: none;
    padding: 0;
}

div.adminExpensesWrap>div>div.maTitle {
    position: relative;
    height: 4.6vh;
    width: 100%;
    background: #172446;
    color: #fff;
    padding: 1vw 3vw;
    overflow: hidden;
    line-height: 4vh;
    font-size: 5vw;
    margin-bottom: 0.1vh;
}

div.adminExpensesWrap>div>div.maTitle>span.addMaBtn {
    position: absolute;
    top: 0.3vh;
    height: 4vh;
    width: 17vw;
    background: #fff;
    border: 1px solid #d2d2d2;
    color: #666;
    font-size: 2vw;
    text-align: center;
    line-height: 2vh;
}

div.adminExpensesWrap>div>div.maTitle>span.addMaBtn.addMaBtn1 {
    right: 18vw;
}

div.adminExpensesWrap>div>div.maTitle>span.addMaBtn.addMaBtn2 {
    right: 0.5vw;
}


div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable {
    width: 100%;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable td {
    font-size: 2.5vw;
    height: 3.5vh;
    text-align: center;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable th {
    background: #172446;
    color: #fff;
    height: 4vh;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable tr:last-child td,
div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable td:nth-child(2),
div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable td:nth-child(1) {
    border: none;
    background: none;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable td.amountTd {
    position: relative;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable td.amountTd>input {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 90%;
    width: 95%;
    text-align: right;
    border: 1pt solid #d2d2d2;
    background: none;
    padding-right: 5vw;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable td.amountTd>span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3vw;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable tr:nth-child(even) {
    background: #fff;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div.adminExpensesTableTitleWrap {
    background: #f0eff3;
    height: 4vh;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div.adminExpensesTableContentWrap {
    overflow: scroll;
    background: #f0eff3;
    height: 37vh;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div.adminExpensesTableContentWrap2 {
    overflow: scroll;
    background: #f0eff3;
    height: 69vh;
}

div.guideList>ul.expensesSettingWrap {
    display: block;
    width: 80%;
    overflow: hidden;
    text-align: center;
    margin: auto;
}

div.guideList.tenantDetailForm>div.tenantDetail1>table.maTotalWrap {
    width: 100%;
    margin-top: 0;
}

div.tenantDetail.tenantDetail1>table.maTotalWrap>tbody>tr>td.seperateLine {
    border-top: 1px solid #172446;
    border-bottom: 1px solid #172446;
}

div.guideList>ul.expensesSettingWrap>li {
    width: 45%;
    height: 13vw;
    line-height: 13vw;
    text-align: center;
    border: 1px solid #d2d2d2;
    background: none;
    margin: 4vw 0 2vw;
}

div.guideList>ul.expensesSettingWrap>li.on {
    background: #172446;
    color: #fff;
}

div.guideList>ul.expensesSettingWrap>li:nth-child(odd) {
    float: left;
}

div.guideList>ul.expensesSettingWrap>li:nth-child(even) {
    float: right;
}

/* administrativeExpensesRatio.html */

div.topBox2.expensesRatioBox {
    padding: 4vh 5vw;
}

div.guideList.tenantDetailForm.expensesRatioWrap {
    overflow: scroll;
    flex-grow: 1;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl dd table {
    width: 100%;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl>dd>div {
    overflow: auto;
    flex-grow: 1;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl>dd table>tbody>tr>td {
    width: 33.33333333%;
    text-align: center;
    border: 1px solid #d2d2d2;
    padding-right: 0;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl>dd table>tbody>tr>td.title {
    background: #172446;
    color: #fff;
    font-weight: bold;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl>dd table>tbody>tr>td>input {
    height: 3.8vh;
    width: 100%;
    border: none;
    padding: 0 2vw;
    text-align: center;
    font-size: 3.2vw;
    margin: 0;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl>dd table>tbody>tr:nth-child(odd)>td>input:not(.white) {
    background-color: #f0eff3;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl>dd table>tbody>tr>td>input:focus {
    outline: 1px solid #d2d2d2;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl {
    margin-bottom: 7vw;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl>button {
    width: 100%;
    height: 4vh;
    padding: 0.15rem 0.5rem;
    border: none;
    outline: none;
    color: #fff;
    background: #172446;
    font-weight: normal;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl>dt>button.initRatioBtn {
    position: absolute;
    right: 0;
    height: 3vh;
    padding: 0.15rem 0.5rem;
    border: none;
    outline: none;
    color: #fff;
    background: #172446;
    font-weight: normal;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl dd p {
    font-size: 3vw;
    line-height: 1.5;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl dd table.expensesRatio th {
    background: #172446;
    color: #fff;
    height: 3vh;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl dd table.expensesRatio td {
    height: 3vh;
    border: none;
    width: 33%;
    font-size: 3vw;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl dd table.expensesRatio.isDetail td:nth-child(1) {
    text-align: left;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl dd table.expensesRatio.isDetail td:nth-child(2) {
    text-align: right;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl dd table.expensesRatio.isDetail td {
    padding: 0 2vw;
    height: 4vh;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl dd table.expensesRatio.isDetail td:nth-child(1) {
    padding-left: 5vw;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl dd table.expensesRatio.isDetail td>span {
    float: right;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl dd.expensesRatioTableWrap {
    height: 40vh;
    background: #f0eff3;
    display: flex;
    flex-direction: column;
}


div.guideList.tenantDetailForm.expensesRatioWrap>dl dd.expensesRatioTableWrap table.expensesRatio tr:nth-child(even) td {
    background: #fff;
}

div.expensesRatioWrapPopup>div.popup>table {
    width: 90%;
    margin: 0 auto 5vw;
}

div.expensesRatioWrapPopup>div.popup>table>tbody>tr {
    height: 7vh;
}

div.expensesRatioWrapPopup>div.popup>table>tbody>tr>td:nth-child(1) {
    width: 15vw;
    background: #f0eff3;
    height: 5vh;
    font-size: 3.5vw;
}

div.expensesRatioWrapPopup>div.popup>table>tbody>tr>td:nth-child(2) {
    text-align: left;
    font-size: 3vw;
    padding: 0 3vw;
    border: 1px solid #f0eff3;
}

/* tenantExpensesCheck.html */
div.expensesDetail {
    margin: 5vw 0;
    overflow: hidden;
}

div.expensesDetail>table {
    width: 100%;
}

div.expensesDetail>table>tbody>tr {
    height: 4vh;
}

div.expensesDetail>table>tbody>tr>th {
    background: #f0eff3;
    font-weight: normal;
    border: 1px solid #d2d2d2;
}

div.expensesDetail>table>tbody>tr:nth-child(2)>th,
div.expensesDetail>table>tbody>tr:nth-child(2)>td {
    width: 25%;
}

div.expensesDetail>table>tbody>tr>td {
    text-align: right;
    padding: 0 3vw;
    border: 1px solid #d2d2d2;
}

div.expensesDetail>select {
    width: 45%;
    border: 1px solid #d2d2d2;
    outline: none;
    height: 4vh;
    margin-bottom: 5vw;
}

div.expensesDetail>select:nth-child(1) {
    float: left;
}

div.expensesDetail>select:nth-child(2) {
    float: right;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div.tenantExpensesTableWrap {
    overflow: auto;
    height: 60vh;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div.tenantExpensesTableWrap.tableHeaderWrap {
    height: 4vh;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable.tenantExpensesTable td {
    width: 50%;
    padding: 0 3vw;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable.tenantExpensesTable td:nth-child(2) {
    text-align: right;
}

/* tenantExpensesInput.html */
div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable.tenantExpensesInputTable>tbody>tr>td {
    position: relative;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable.tenantExpensesInputTable>tbody>tr:nth-child(even)>td {
    background-color: #f0eff3;

}

div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable.tenantExpensesInputTable>tbody>tr>td>input[type=text] {
    position: absolute;
    border: 1pt solid #d2d2d2;
    background: #fff;
    padding-right: 3vw;
    text-align: right;
    width: 90%;
    height: 80%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable.tenantExpensesInputTable>tbody>tr>td>span {
    position: absolute;
    font-size: 2.5vw;
    right: 2vw;
    bottom: 50%;
    transform: translate(0, 50%);
    padding-bottom: 0.2vw;
}

div.guideList.tenantDetailForm>div.tenantDetail1>div>table.adminExpensesTable.tenantExpensesInputTable>tbody>tr>td>input[type=button] {
    /* position: absolute; */
    border: none;
    background: #172446;
    color: #fff;
    text-align: center;
    width: 90%;
    height: 80%;
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}

div.alignRight {
    text-align: right;
}

button.confirm {
    width: 100%;
    height: 5vh;
    color: #fff;
    background: #172446;
    outline: none;
    border: none;
}

/* taxBillList.html */
div.guideList.tenantDetailForm.taxBillListWrap>div.tenantDetail3 {
    margin-top: 0;
}

div.guideList.tenantDetailForm.taxBillListWrap>div.tenantDetail3>p {
    margin: 5vw 0;
    color: #172446;
    font-size: 3.5vw;
}

div.guideList.tenantDetailForm.taxBillListWrap2>div.tenantDetail3>p {
    margin: 5vw 0;
    color: #656472;
    font-size: 3.5vw;
    line-height: 1.5;
}

div.guideList.tenantDetailForm.taxBillListWrap2>div.tenantDetail3>div table.midEvicteeList th:nth-child(1) {
    background: #172446;
    color: #656472;
    height: 4vh;
}

div.guideList.tenantDetailForm.taxBillListWrap2>div.tenantDetail3>div table.midEvicteeList th:nth-child(1) label::before {
    margin: 0;
}

.taxBillListTableWrap,
div.guideList.tenantDetailForm.taxBillListWrap>div.tenantDetail3>div.taxBillListTableWrap {
    background: #f0eff3;
    height: 40vh;
}

div.guideList.tenantDetailForm.taxBillListWrap>div.tenantDetail3>div.taxBillListTableWrap>div.tableHeader {
    height: 4vh;
}

div.guideList.tenantDetailForm.taxBillListWrap>div.tenantDetail3>div.taxBillListTableWrap>div.tableBody {
    height: 36vh;
    overflow: auto;
}

div.guideList.taxBillListWrap>div.tenantDetail3>div.taxBillListTableWrap table tr:nth-child(even) {
    background: #fff;
}

div.guideList.taxBillListWrap>div.tenantDetail3>div.taxBillListTableWrap table td {
    font-size: 2.5vw;
}

div.guideList.taxBillListWrap>div.tenantDetail3>div.taxBillListTableWrap table td:last-child {
    padding: 0 3vw;
    text-align: right;
}

div.guideList.taxBillListWrap>div.tenantDetail3>div.searchDateSettingWrap {
    height: 21vw;
    margin: 5vw 0;
}

div.guideList.taxBillListWrap>div.tenantDetail3>div.searchDateSettingWrap>table {
    height: 9vw;
}

div.guideList.taxBillListWrap>div.tenantDetail3>div.searchDateSettingWrap>table th {
    background-color: #172446;
    color: #fff;
}

div.guideList.taxBillListWrap>div.tenantDetail3>div.searchDateSettingWrap>table td {
    text-align: center;
}

div.guideList.taxBillListWrap>div.tenantDetail3>div.searchDateSettingWrap>table td:nth-child(even) {
    border: 1px solid #d2d2d2;
}

div.guideList.taxBillListWrap>div.tenantDetail3>div.searchDateSettingWrap input[type="date"] {
    width: 100%;
    border: none;
}

div.guideList.taxBillListWrap>div.tenantDetail3>div.searchDateSettingWrap>button {
    float: right;
    height: 7vw;
    width: 40%;
    margin-top: 5vw;
    border: none;
    background-color: #172446;
    color: #fff;
}

div.guideList.tenantDetailForm>p.taxBillP {
    background: none;
    height: auto;
    color: #656472;
    font-size: 3.3vw;
    line-height: 1.5;
}

div.guideList.tenantDetailForm>p.taxBillP.taxBillP2 span {
    display: block;
    font-size: 4vw;
}

div.downloadBtnWrap {
    overflow: hidden;
}

div.downloadBtnWrap>button {
    width: 48%;
    height: 4.5vh;
    color: #fff;
    background: #172446;
    border: none;
    outline: none;
}

div.downloadBtnWrap>button.deleteBtn {
    float: left;
}

div.downloadBtnWrap>button.downloadBtn {
    float: right;
}

/* buildingExpenditure.html */
div.wrap.rentalBusinessWrap>div.rentalInfoWrap.expenditureStatusWrap {
    background: #f0eff3;
    height: 35vh;
    margin-bottom: 5vw;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap.expenditureStatusWrap>table.rentalInfo2.expenditureStatusTable {
    margin-top: 0;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap>table.rentalInfo2.expenditureStatusTable {
    border-spacing: 0 2vw;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap.expenditureStatusWrap>table.rentalInfo2.expenditureStatusTable th {
    background: #F9F9F9;
    color: #172446;
    font-weight: bold;
    padding: 0;
    width: 22%;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap.expenditureStatusWrap>table.rentalInfo2.expenditureStatusTable td {
    width: 25%;
    padding: 0 1vw;
    width: 28%;
}

div.wrap.rentalBusinessWrap>div.rentalInfoWrap.expenditureStatusWrap>table.expenditureStatusTable2>thead>tr>th {
    font-size: 3vw;
    width: auto;
}

div.bldgManual {
    position: relative;
    width: 100%;
    height: 4vh;
    line-height: 3vh;
    background-color: #172446;
    color: #fff;
    padding: 1vw 0 1vw 3vw;
    overflow: hidden;
    border-radius: 1.5vw 1.5vw 0 0;
}

div.bldgManual>span.bldgManualTitle {
    font-size: 4vw;
    font-family: 'SBAggroM';
}

div.bldgManual>div.bldgManualBtn {
    position: relative;
    top: 0;
    float: right;
    height: 100%;
    width: 20vw;
    background: #fff;
    border: 1px solid #d2d2d2;
    color: #666;
    font-size: 2vw;
    text-align: center;
    margin-right: 1vw;
    border-radius: 0 0.75vw 0 0;
}

div.bildingManageMenualWrap>ul {
    overflow: hidden;
    background: #f8f8f8;
    padding: 2vw;
}

div.bildingManageMenualWrap>ul li {
    width: 45%;
    height: 15.5vh;
    background: #172446;
    margin: 2vw 0;
    color: #fff;
    padding: 1vw 0;
    border-radius: 1.5vw 1.5vw 0 0;
}

div.bildingManageMenualWrap>ul li:nth-child(odd) {
    float: left;
}

div.bildingManageMenualWrap>ul li:nth-child(even) {
    float: right;
}

div.bildingManageMenualWrap>ul li span.menualTitle {
    display: block;
    font-size: 4vw;
    font-family: 'SBAggroM';
    text-align: center;
    height: 2.5vh;
}

div.bildingManageMenualWrap>ul li span.imgWrap {
    display: block;
    width: 100%;
    height: 8vh;
}

div.bildingManageMenualWrap>ul li span.imgWrap img {
    width: 100%;
    height: 13vh;
}

div.bildingManageMenualWrap>ul li h3 {
    position: relative;
    font-family: 'SBAggroM';
    font-size: 3vw;
    font-weight: normal;
    padding: 1vw;
    word-wrap: break-word;
    word-break: keep-all;
    background-color: rgba(23, 36, 70, 0.8);
}

/* addService.html */
.selectForm>select {
    width: 100%;
    height: 5vh;
    border: 1px solid #f0eff3;
}

.selectPeriodForm>* {
    float: left;
}

.selectPeriodForm>div {
    width: 47%;
    height: 5vh;
}

.selectPeriodForm>div>input {
    width: 70%;
    height: 4vh;
    border: 1px solid #f0eff3;
}

div.inputForm>span.noCss {
    background: none;
    width: fit-content;
    padding: 0 1vw;
}

.imgWrap,
.imgWrap img {
    width: 100%;
}

/*  companyInfoCheck.html */
div.topBox>hr {
    border: none;
    height: 1px;
    background: #d2d2d2;
    margin: 5vw 0;
}

div.topBox.overdueTopBox div.imgWrap.imgWrap2>img {
    margin-bottom: 0;
}

ul.introduceUl>li>table>tbody>tr>th,
ul.introduceUl>li>table>tbody>tr>td {
    font-size: 2.7vw;
}

ul.ulCate {
    display: none;
}

div.ulCategoryWrap {
    overflow: hidden;
    display: flex;
}

div.ulCategoryWrap>span.arrowLeft {
    float: left;
    line-height: 11vw;
}

div.ulCategoryWrap>span.arrowRight {
    float: right;
    line-height: 11vw;
}

div.ulCateWrap {
    height: 95vw;
    overflow: scroll;
    margin: 4vw 0 5vw 0;
}

div.guideList.overdueVideoList>div>div:not(.slick-list) {
    width: 85%;
    margin: 0 2vw;
    overflow: scroll;
    flex-grow: 1;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
}

div.guideList.overdueVideoList>div>div::-webkit-scrollbar {
    display: none;
    /* Chrome, Safari, Opera*/
}

div.guideList.overdueVideoList>div>div>ul.ulCategory {
    float: left;
    width: max-content;
    overflow: scroll;
    height: 11vw;
    margin: 0;
    padding: 0;
}

div.guideList.overdueVideoList>div>div>ul.ulCategory>li {
    float: left;
    height: 4vh;
    line-height: 4vh;
    width: auto;
    padding: 0 1vw;
    font-size: 3vw;
    margin-bottom: 0;
    background: none;
    border: 1px solid #d2d2d2;
    margin-left: -1px;
}

div.guideList.overdueVideoList>div>div>ul.ulCategory.ulCategory2>li {
    /* 1개의 라인을 기본으로 */
    line-height: 8vw;
    text-align: center;
    padding-top: 1.5vw;
    width: 21vw;
    height: 100%;
}

div.guideList.overdueVideoList>div>div>ul.ulCategory.ulCategory2>li.line2 {
    line-height: 4vw;
}



div.guideList.overdueVideoList>div>div>ul.ulCategory>li.on {
    background: #172446;
    color: #fff;
}

div.guideList.overdueVideoList>div.slideWrap>div.slideLeft {
    position: absolute;
    background-image: url(/css/img/company/direction_left.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 50% 50%;
    opacity: 0.5;
    top: 30%;
    left: 0;
    width: 15%;
    height: 40%;
    margin: 0 0 0 1vw;
}

div.guideList.overdueVideoList>div.slideWrap>div.slideRight {
    position: absolute;
    background-image: url(/css/img/company/direction_right.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50% 50%;
    opacity: 0.5;
    top: 30%;
    right: 0;
    width: 15%;
    height: 40%;
    margin: 0 1vw 0 0;
}

div.indicator {
    text-align: center;
    margin-bottom: 3vh;
}

div.indicator>span.dot {
    display: inline-block;
    width: 1.5vw;
    height: 1.5vw;
}

div.indicator>span.dot.gray {
    background-color: #d2d2d2;
}

/* companyInfoCheckService.html */
.imgWrap.slideWrap div img {
    width: 95%;
}

.slick-dots {
    display: table;
    width: auto;
    overflow: hidden;
    margin: 5vw auto 2vw;
    text-align: center;
}

.slick-dots>li {
    float: left;
    width: 1.5vw;
    height: 1.5vw;
    border-radius: 50%;
    text-indent: -9999px;
    background: rgba(0, 0, 0, 0.2);
    margin: 0 1.5vw;
}

.slick-dots>li.slick-active {
    background: #172446;
}

div.guideList.overdueVideoList>div.serviceGuide img {
    width: 100%;
}

div.guideList.overdueVideoList>div.serviceGuide>ul>li {
    position: relative;
    background: #fff;
    color: #686868;
    line-height: 1.2;
    margin: 0;
    height: 9.5vh;
}

div.guideList.overdueVideoList>div.serviceGuide>ul>li span.guideNum {
    content: '1';
    position: absolute;
    left: 30%;
    border: 1px solid #d2d2d2;
    border-radius: 50%;
    width: 7vw;
    height: 7vw;
    line-height: 7vw;
    text-align: center;
    font-size: 3vw;
    background: #f9f9f9;
}

div.guideList.overdueVideoList>div.serviceGuide {
    border: 1px solid #d2d2d2;
    /* padding:  0 5vw; */
    margin-bottom: 7vw;
}

div.guideList.overdueVideoList>div.serviceGuide>ul>li span.guideNum::after {
    position: absolute;
    width: 1px;
    height: 22vh;
    background: #d2d2d2;
    content: '';
    bottom: -22vh;
    left: 50%;
    transform: translateX(-50%);
}

div.guideList.overdueVideoList>div.serviceGuide>ul>li:last-child span.guideNum::after {
    display: none;
}

div.guideList.overdueVideoList>div.serviceGuide>ul>li>h6 {
    float: left;
    font-size: 2.5vw;
    text-align: center;
}

div.guideList.overdueVideoList>div.serviceGuide>ul>li:first-child>h6 {
    padding-left: 4vw;
}


div.guideList.overdueVideoList>div.serviceGuide>ul>li>p {
    float: right;
    font-size: 2.5vw;
    text-align: center;
    color: #686868;
}

div.guideList.overdueVideoList>div.serviceGuide>ul>li:first-child>p {
    padding-right: 4vw;
}

div.contractList.contractListCenter {
    text-align: center;
}

div.guideList.overdueVideoList>ul.serviceGuideDetail>li>span.guideDetail>p {
    height: 9vh;
    padding-top: 2vh;
}

/* businessInfoCheck.html */
div.topBoxFull2 h2 {
    padding-top: 5vh;
    font-weight: normal;
    color: #172446;
}

div.topBoxFull2>p {
    font-size: 3vw;
    margin-bottom: 5vh;
}

div.chooseReason {
    background: #fff;
    overflow: hidden;
}

div.chooseReason>ul {
    width: 30%;
    float: left;
}

div.chooseReason>ul>li>img {
    width: 100%;
}


div.chooseReason>div.chooseReasonTxt {
    float: right;
    width: 70%;
    line-height: 1.5;
    padding: 3vw;
}

div.chooseReason>div.chooseReasonTxt p {
    margin-bottom: 4vw;
    font-size: 3vw;
}

.chooseReason2 {
    padding: 3vw;
}

.chooseReason2 p {
    text-align: center;
    line-height: 1.8;
    font-size: 2.5vw;
}

.chooseReason2 hr {
    border: none;
    background: #d2d2d2;
    margin: 3vw 0;
    height: 1px;
}

div.reasonImg {
    width: 90%;
    margin: auto;
}

div.reasonImg>img {
    width: 100%;
}

/* freeConsulting.html */
.inputForm>select {
    float: right;
    height: 4vh;
    border: 1px solid #f0eff3;
    width: 70%;
    padding-left: 3vw;
}

.inputForm.selectForm>select {
    width: 100%;
}

.inputForm.txtareaForm>span {
    height: 25vh;
    padding-top: 10vh;
    line-height: 1.8;
}

.txtareaForm>textarea {
    border: 1px solid #f0eff3;
    height: 25vh;
    width: 70%;
    resize: none;
    padding: 3vw;
    font-family: 'NanumGothic';
    font-size: 2.5vw;
}

/* cashManage.html */
div.statusWrap {
    background: #fff;
    border-radius: 5px;
    padding: 3vw;
    width: 100%;
    margin-bottom: 5vw;
}

div.statusWrap h2 {
    font-family: 'SBAggroM';
    font-size: 4vw;
    position: relative;
    color: #172446;
    top: 0.5vw;
}

.cashStatusTable {
    font-size: 2.5vw;
    width: 100%;
    margin-top: 3vw;
    text-align: center;
}

.cashStatusTable>tbody>tr {
    height: 3vh;
}

.cashStatusTable>tbody>tr>th {
    background: #172446;
    color: #fff;
}

.cashStatusTable>tbody>tr>td {
    padding: 0 2vw;
    border: 1px solid #d2d2d2;
}

.ta-right {
    text-align: right;
}

.ta-center {
    text-align: center;
}

.ta-left {
    text-align: left;
}

.cellbg {
    background: #f0eff3;
}

tr.emptyTr,
.cashStatusTable>tbody>tr.emptyTr {
    height: 1.2vh;
}

.navy {
    color: #172446;
}

.inputWithdrawal {
    background: #172446;
    color: #fff;
    outline: none;
    border: none;
    padding: 1vw 2vw;
    float: right;
    font-size: 2.5vw;
    font-family: 'SBAggroM';
}

.statusWrap2 {
    height: 30vh;
    overflow: hidden;
    padding: 3vw 2vw;
}

.statusWrap2 div {
    overflow: hidden;
}

.statusWrap2>div.dataTable {
    height: 20vh;
    overflow: scroll;
    border: solid 1px #d2d2d2;
}

.statusWrap2 h2 {
    float: left;
}

.currentNoInputTable {
    width: 100%;
    margin-top: 3vw;
    font-size: 2.5vw;
}

.currentNoInputTable.dataList {
    margin-top: 0;
}

.currentNoInputTable th {
    background: #172446;
    color: #fff;
    height: 4vh;
}

.currentNoInputTable td {
    height: 3.5vh;
    text-align: center;
}

.currentNoInputTable tr:nth-child(odd) {
    background: #f0eff3;
}

.consultingInfo {
    background: #f0eff3;
    padding: 4vw;
}

.consultingInfo p {
    margin: 2vw 0;
    font-size: 3vw;
}

table.buttons {
    width: 100%;
    border-collapse: unset;
    border-spacing: 5vw 2vw;
}

table.buttons td {
    color: #fff;
    background: #172446;
    text-align: center;
    height: 4vh;
    font-size: 3vw;
    font-family: 'SBAggroM';
}

.fs-small {
    font-size: 3vw;
}

/* cashDetailInput.html */
.cashTable {
    width: 100%;
    text-align: center;
}

.cashTableeWrap>div.cashDataTable {
    overflow: scroll;
    background: #f0eff3;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap {
    height: 70vh;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap.h-75vh {
    height: 75vh;
}

.cashTable2 tr th,
div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable tbody th {
    background: #172446;
    color: #fff;
}

.cashTable2 tr th.black,
div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable tbody th.black {
    color: #656472;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable tbody tr:nth-child(even) {
    background: #fff;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable tbody tr {
    height: 3vh;
    font-size: 3vw;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable tbody td {
    font-size: 2.5vw;
    max-width: 17.5vw;
    height: 4vw;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable tbody td>input[type="month"] {
    width: 100%;
    height: 100%;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable tbody td>span {
    font-size: 2.5vw;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable tbody tr.selectWrap>td {
    padding: 0;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable tbody td:nth-child(1) {
    padding: 0;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable tbody tr.emptyTr td {
    background: #fff;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable tbody tr.emptyTr {
    height: 2vh;
}

.bold {
    font-weight: bold;
}

.borderBox2,
.borderBox {
    background: #fff;
    border: 1px solid #f0eff3;
    font-weight: bold;
    color: #000;
}

.borderBox3 {
    background: #fff;
    height: 3vh;
    border: none;
    font-weight: bold;
    color: #000;
}

.borderBox3 span {
    display: inline-block;
    width: 30%;
    padding: 2vw 0;
    border: 1px solid #f0eff3;

}

.borderBox3 span:nth-child(1) {

    background: #2bb47b;
    color: #fff;
}

.borderBox3 span:nth-child(2) {
    margin: 0 3vw;
    background: #f8f8f8;
}

.borderBox3 span:nth-child(3) {
    background: #f8f8f8;
}

.borderBox2 {
    color: #656472;
}

div.guideList.tenantDetailForm>div.tenantDetail3>table.cashTable2 tr:nth-child(1) td:nth-child(2) {
    background: none;
}

.cashTable2 {
    font-size: 3vw;
}

.cashTable2 td {
    padding: 0 2vw;
}

.cashTable tr.selectWrap>td.tdActive {
    background: #172446;
    color: #fff;
}

.cashTableeWrap2 {
    display: none;
}

.cashTableeWrap2 input {
    width: 15vw;
    background: none;
    border: 1px solid;
}

.inputBtnWrap {
    width: 100%;
    overflow: hidden;
}

.inputBtnWrap.inputBtnWrapFixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

.inputBtnWrap>button {
    float: left;
    height: 5vh;
    border: none;
    color: #fff;
}


.inputBtnWrap>button.selectSave2 {
    margin-top: 5vh;
    width: 100%;
    background: #172446;
}

.inputBtnWrap>button.selectSave {
    width: 65%;
    background: #172446;
}

.inputBtnWrap>button.selectDelete {
    background: #fc707b;
    width: 35%;
}

.cashInputDetailAddWrap>button.finishSignup {
    margin-top: 15vh;
}

.withdrawCatePopup>.popup>table,
.depositCatePopup>.popup>table {
    width: 90%;
    margin: 0 auto 5vw;
}

.withdrawCatePopup>.popup>table>tbody>tr>td,
.depositCatePopup>.popup>table>tbody>tr>td {
    border: 1px solid #f0eff3;
    height: 5vh;
}

.selectSavePopup input[type="date"] {
    font-size: 4vw;
    height: 4vh;
    margin: 3vh 0;
    width: 70%;

}

div.tableHeight {
    height: 25vh;
    overflow: scroll;
}

table.list {
    width: 90%;
    margin: 5vw auto;
    font-size: 3vw;
    overflow: scroll;
}

table.list th {
    background: #172446;
    color: #fff;
    height: 4vh;
}

table.list td {
    height: 4vh;
}

table.list tr:nth-child(odd) {
    background: #f0eff3;
}

.balanceBtnWrap {
    position: absolute;
    width: 100%;
    top: 10vh;
    overflow: hidden;
}

.balanceBtnWrap button {
    width: 50%;
    float: left;
    background: #f0eff3;
    border: none;
    outline: none;
    height: 6vh;
    font-size: 4vw;
    color: #172446;
}

.balanceBtnWrap button.on {
    background: #fff;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable.balanceTable tbody th,
div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable.balanceTable tbody td,
div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable.balanceTable tbody td>span {
    font-size: 2.5vw;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable.balanceTable tbody td {
    padding: 0 2vw;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap {
    overflow: hidden;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap h2 {
    float: left;
    background: none;
    margin: 5vw 0 3vw;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap>span {
    float: right;
    margin: 5vw 0 3vw;
    background: #172446;
    color: #fff;
    padding: 1vw 3vw;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap.nobg {
    background: none;
}

tr.totalBalance {
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

.cashTableHeight {
    height: 55vh;
}

.cashTableHeaderHeight {
    height: 3vh;
}

.cashTableBodyHeight {
    height: 52vh;
}

.totalBalanceTable {
    width: 100%;
}

.totalBalanceTable td {
    height: 3vh;
    text-align: center;
}

.totalBalanceTable2 td {
    height: 5vh;
    padding: 0 3vw;
}

.totalBalanceTable2 td:nth-child(1) {
    background: #f0eff3;
    text-align: center;
    font-weight: bold;
}

.totalBalanceTable2 td:nth-child(2) {
    text-align: right;
}

div.guideList.tenantDetailForm.tenantDetailForm2>div:nth-child(2) {
    display: block;
}

sub {
    display: block;
}

label[for="agreeCheck"] {
    margin: 2vw 0;
}

div.pwForm {
    margin: 5vw 0;
}

div.guideList.tenantDetailForm>div:nth-child(2):not(.idInput, .downloadBtnWrap, .taxBillExplanation, .tenantDetail, .cashFlowNewWrap) {
    display: none;
}

.taxBillExplanation {
    background: #f0eff3;
    padding: 3vw;
}

.taxBillExplanation p {
    font-size: 3vw;
}

div.talkNoticePopup>div.popup>div.talkMessage2 {
    line-height: 2;
    height: 25vh;
}

div.overdueDepositCheckPopup>div.popup>div.talkMessage2 {
    padding: 0 5vw;
    line-height: 1.5;
    font-size: 3vw;
    margin: 3vw 0;
}

div.guideList.tenantDetailForm>div.tenantDetail3>div.cashTableeWrap .cashTable tbody tr:nth-child(odd) {
    background: #f0eff3;
}

.cashFlowCondition {
    font-size: 2.5vw;
}

.cashFlowCondition tbody tr td {
    position: relative;
    border: 1px solid #d2d2d2;
    text-align: center;
    height: 3vh;
}

.cashFlowCondition tbody tr td span.warning {
    position: absolute;
    left: 3vw;
    border: 1px solid #d2d2d2;
    background: #f0eff3;
    color: #fc707b;
    font-size: 3.5vw;
    font-weight: bold;
    width: 4vw;
    height: 4vw;
    line-height: 3.5vw;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}

.cashFlowCondition tbody tr th {
    background: #172446;
    color: #fff;
    border: none;
    height: 3vh;
    padding: 0 1vw;
    /* padding-left: 3vw; */
}

.cashFlowCondition tbody tr th.conditionSearch {
    background-color: #F0EFF3;

}


.cashFlowCondition tbody tr th>button.searchBtn {
    float: right;
    width: 80%;
    height: 100%;
    background-color: #172446;
    border: none;
}

.cashFlowCondition tbody tr:nth-child(3) td {
    background: #fff;
}

.cashFlowCondition tbody tr:nth-child(5) td.on,
.cashFlowCondition tbody tr:nth-child(3) td.on {
    background: #172446;
    color: #fff;
}

td.emptyTd {
    border: none !important;
    background: none !important;
}

.cashFlowCondition tbody tr td select {
    border: none;
    width: 100%;
    height: 100%;
}

.cashFlowCondition tbody tr td input[type="text"] {
    position: relative;
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0 5vw;
    text-align: right;
}

.won {
    position: absolute;
    right: 2vw;
    top: 50%;
    transform: translateY(-50%);
}


.cashFlowCondition tbody tr td input[type="date"] {
    display: inline-block;
    width: 45%;
    padding: 2.5vw 0 0 0;
    margin: 0;
    border: 1px solid #d2d2d2;
    height: 100%;
}

.periodBtn {
    background: #fff;
    border: 1px solid #d2d2d2;
    display: inline-block;
    margin-right: .1%;
    line-height: 2;
    height: 100%;
    width: 19%;
}

div.guideList.tenantDetailForm.expensesRatioWrap>dl dd.expensesRatioTableWrap.cashFlowTableWrap {
    height: 68vh;
}

.cashFlowNewWrap table {
    width: 100%;
    margin-bottom: 5vw;
    text-align: center;
}

.cashFlowNewWrap table tr {
    height: 4vh;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.cashFlowNewWrap table th {
    background: #172446;
    color: #fff;
}

.cashFlowNewWrap table td {
    padding: 0 3vw;
    background: #f0eff3;
    border: 1px solid #d2d2d2;
    font-size: 3vw;
}

.cashFlowNewWrap table td.balances {
    background: #fff;
}

.cashFlowNewWrap dl div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: 2vw 0;
    flex: 1;
}

.cashFlowNewWrap dl div.right {
    align-items: flex-end;
}

.cashFlowNewWrap dl div:nth-child(1) {
    font-weight: bold;
    font-size: 3.2vw;
}

.cashFlowNewWrap dl div:nth-child(2) {
    flex: none;
    width: 20%;
    align-items: center;
}

.cashFlowNewWrap dl:nth-child(odd) {
    background: #f0eff3;
}

.cashFlowNewWrap dl>div dt {
    float: left;
}

.cashFlowNewWrap dl>div dd {
    float: right;
}

.cashFlowNewWrap dl>div button {
    width: 18vw;
    padding: 5px 3px;
    color: white;
    background-color: #172446;
    border: none;
}

div.guideList.tenantDetailForm.expensesRatioWrap.cashFlowNewWrap>dl {
    display: flex;
    flex-direction: row;
    height: 8vh;
    justify-content: space-between;
    margin: 0;
    padding: 2vw 3vw;
}

div.guideList.tenantDetailForm.expensesRatioWrap.cashFlowNewWrap.noScroll {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

div.guideList.tenantDetailForm.expensesRatioWrap.cashFlowNewWrap.insideWrap {
    margin: 0;
    padding-top: 0;
    overflow: scroll;
}

.deleteBtn {
    background: #fc707b;
    color: #fff;
    float: right;
    padding: 1vw 6vw;
}

div.guideList.tenantDetailForm.cashFlowNewWrap .finishSignup {
    margin-top: 10vh;
}

.tenantDetailForm>dl>sub {
    display: block;
    font-size: 2.4vw;
    color: #656472;
    margin-bottom: 5vw;
    line-height: 1.35;
}


.arrears {
    background: #172446;
    color: #fff;
    outline: none;
    border: none;
    padding: 2vw 7vw;
    font-size: 3vw;
    float: right;
    margin: 5vw 0;
}

.slide img {
    width: 100%;
}

div.guideList.overdueVideoList>div>div.slide {
    float: none;
    margin: 5vw 0;
    overflow: hidden;
    width: 100%;
}

.brandHompage {
    width: 100%;
    border: 1px solid #d2d2d2;
    background: #f0eff3;
    height: 4vh;
    line-height: 4vh;
    text-align: center;
    color: #323a78;
    font-weight: bold;
    margin-bottom: 10vw;
}

div.guideList.tenantDetailForm.cashFlowNewWrap>table.incomeStatementItem tr th {
    overflow: hidden;
    padding: 0 2vw;
}

div.guideList.tenantDetailForm.cashFlowNewWrap>table.incomeStatementItem tr th>h5 {
    float: left;
}

td.find {
    background: #fff;
}

div.guideList.tenantDetailForm.cashFlowNewWrap>table.incomeStatementItem tr th>span {
    float: right;
    font-size: 3vw;
    background: #fff;
    color: #656472;
    width: 20vw;
    height: 2vh;
    line-height: 2vh;
}

select {
    width: 30%;
    height: 5vh;
    border: 1px solid #d2d2d2;
    background: #ffffff;
    text-align: center;
}

#viewMove {
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 999;
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    text-align: center;
}

.noItemConfirm {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    font-size: 4vw;
}


/* 목록 */

div#companyList li,
div#serviceList li,
div#videoList li {
    overflow: hidden;
    height: 19.5vw;
    padding-left: 0;
    margin-bottom: 3vw;
    width: 100%;
}

div#companyList span.guideImg,
div#serviceList span.guideImg,
div#videoList span.guideImg {
    float: left;
    background: #2bb47b;
    width: 40%;
    height: 19.5vw;
}

div#serviceList img,
div#companyList img,
div#videoList img {
    width: 100%;
    height: 100%;
}

div#serviceList span.guideDetail,
div#companyList span.guideDetail,
div#videoList span.guideDetail {
    float: right;
    width: 60%;
    padding-left: 2vw;
}

div#serviceList h6,
div#companyList h6,
div#videoList h6 {
    font-size: 2.7vw;
    line-height: 5vw;
}

div#serviceList hr,
div#companyList hr,
div#videoList hr {
    border: none;
    width: 100%;
    height: 1px;
    background-color: #d2d2d2;
    margin-top: 0;
    margin-bottom: 1vw;
}

div#serviceList p,
div#companyList p,
div#videoList p {
    line-height: 1.5;
    font-size: 2.5vw;
    color: #666;
}

div#evidenceCheckPopup div.subTitle {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0 6vw;
}

div#evidenceCheckPopup div.subTitle button {
    width: 25vw;
    padding: 1vw 0;
    background: #323a78;
    outline: none;
    border: none;
    color: #fff;
}

div#evidenceCheckPopup div.content {
    display: flex;
    flex-direction: column;
}

div#evidenceCheckPopup div.content>* {
    padding: 1vw 0;
}

div#evidenceCheckPopup div.content>p,
div#evidenceCheckPopup div.content>p>span {
    text-align: start;
    font-size: 4vw;
}


div#bldgDelPopup div.content>p {
    font-size: 4vw;
    line-height: 1.5;
}


div#contDelWarningPopup div.content>p {
    font-size: 3.3vw;
    line-height: 1.5;
}

div#serviceContDelPopup div.content>p {
    font-size: 4vw;
    line-height: 1.5;
}