/* 모바일 상단 */
#mobileHeader {
    width: 100%;
    background-color: #fff;
    /* transition: 1s; */
    position: relative;
    z-index: 99;
}
#mobileHeader .shadow {
    background-color: #004ecb;
    border-radius: 0 0 30px 0;
    /* transition: all 3s ease-in-out 1s; */
    /* overflow: hidden; */
    /* height: 60px; */
}
#mobileHeader .buildingBg {
    background-image: url('/assets/images/mobile/building.png');
    background-size: 73%;
    background-repeat: no-repeat;
    background-position-x: 70%;
    background-position-y: 60px;
}
#mobileHeader .buildingBg .message {
    border-top: none;
}
#mobileHeader .head {
    position: relative;
    min-height: 60px;
    transition: 1s;
}
#mobileHeader .head .logo {position: relative;width: 53px;left: 15px;/* transform: translateX(-50%); */top: 15px;transition: 1s;background-color: #004ecb;border-radius: 0;}
#mobileHeader .head .logo img {
    width: 53px;
    transition: 1s;
}
#mobileHeader .headMoney {
    padding-bottom: 10px;
}
#mobileHeader .headMoney .logo {
    top: 14px;
    width: 43px;
    height: 43px;
    background-color: #2168d4;
    border-radius: 25px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 13px;
}
#mobileHeader .headMoney img {
    width: 30px !important;
}
#mobileHeader #relayFee {
    position: absolute;
    top: 14px;
    left: 65px;
    color: #fff;
    font-size: 16px;
    display: flex;
    transition: 1s;
    flex-direction: column;
    align-items: flex-start;
}
#mobileHeader #relayFee .feeTitle {
    font-size: 10px;
}
#mobileHeader #relayFee .fee {
    font-family: HKGrotesk;
    font-size: 30px;
    font-weight: 900;
    letter-spacing: 1px;
}
#mobileHeader .appConfig {
    border: none;
    background: none;
    color: #0a0c0e;
    position: absolute;
    right: 50px;
    top: 9px;
    font-size: 24px;
    line-height: 40px;
    width: 35px;
    opacity: 0;
    transition: 1s;
    z-index: 9999;
    text-align: center;
}
#mobileHeader.menuOn .appConfig {
    opacity: 1;
}
#menuBars {
    /* top: 3px; */
}
#menuBars.show {
    position: fixed;
}
#menuBars .init {
}
#menuBars .line {
    background: #ffffff;
    transition: 1s;
}
#mobileHeader.menuOn .line {
    background: #0a0c0e;
}

#mobileHeader .message {
    font-size: 14px;
    line-height: 20px;
    margin: 0px 15px;
    color: #fff;
    transition: 0.5s;
    height: 80px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #fff3;
}
#mobileHeader .message .step {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    opacity: 0;
    font-weight: 400;
}
#mobileHeader .message .step .line1,
#mobileHeader .message .step .line2 {
    display: block;
}
#mobileHeader .message .step .letter {
    opacity: 0;
}
#mobileHeader .message .letter {
    display: inline-block;
}
#mobileHeader .message.hide {
    padding: 0px 10px 0px 15px;
    height: 0px;
}

#sideMenu {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 998;
    flex-direction: column;
    justify-content: center;
    right: -100%;
    transition: all 1s;
    visibility: unset !important;
}
#sideMenu .head {border-bottom: 1px solid #eceff1;}
#sideMenu.show {
    right: 0;

}
#sideMenu .logo {
    background-color: #fff !important;
}
#sideMenu .logo img {
    width: 53px !important;
}
#sideMenu .menu {}
#sideMenu .menu li {
    position: relative;
    padding: 0;
}
#sideMenu .menu li:last-child {}
#sideMenu .menu li a {
    font-size: 3.6rem;
    line-height: 3;
    display: block;
    /* padding-left: 60px; */
    font-weight: 400 !important;
}
#sideMenu .menu li a::after {
    display: none;
    content: "\e94a";
    font-family: 'xeicon';
    position: absolute;
    top: 6px;
    left: 30px;
    color: #999;
    font-size: 3rem;
}
#sideMenu .mainMenu {padding: 30px 15px 31px;background-color: #f1f5fe;}
#sideMenu .mainMenu .active {
    font-weight: 600 !important;
}
#sideMenu .mainMenu .menuTitle {

font-size: 19px;

font-weight: bold;

margin-bottom: 15px;
}
#sideMenu .mainMenu .menu {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
}
#sideMenu .mainMenu .progress {
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 10px;
    border: 1px dashed #c3c8d4;
    background-color: #fff;
}
#sideMenu .mainMenu .progress .price {
    font-size: 16px;
    font-weight: 600;
}
#sideMenu .mainMenu .progress .price .subject {
    font-size: 14px;
    padding-top: 10px;
    border-radius: 5px;
    font-family: 'Noto Sans KR';
    font-weight: 300;
}
#sideMenu .mainMenu .progress .info {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-bottom: 15px;
}
#sideMenu .mainMenu .progress .info li {
    border: 1px solid #2962ff;
    padding: 7px 8px;
    font-size: 13px;
    margin-right: 5px;
    text-align: center;
    border-radius: 5px;
    letter-spacing: -0.25px;
}
#sideMenu .mainMenu .progress .info .saleType {
    color: #2962ff;
}
#sideMenu .mainMenu .progress .info .dayAgo {
    border-color: #ccd5db;
    color: #0a0c0e;
}
#sideMenu .mainMenu .progress .info .discount {
    border-color: #2f3337;
    background-color: #2f3337;
    color: #fff;
}
#sideMenu .mainMenu .progress.empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px 0;
}
#sideMenu .mainMenu .progress.empty i {
    font-size: 40px;
    color: #718792;
}
#sideMenu .mainMenu .progress.empty p {
    font-size: 15px;
    color: #718792;
    padding-top: 10px;
}
#sideMenu a.new {background-color: #2962ff;color: #fff;border-radius: 5px;display: block;margin: 30px 15px;text-align: center;line-height: 46px;font-size: 14px;}
#sideMenu .quickMenu {
    position: absolute;
    width: 100%;
    bottom: 20px;
}
#sideMenu .quickMenu .menu {
    display: flex;
    justify-content: space-evenly;
}
#sideMenu .quickMenu .menu li {margin: 0 10px;}
#sideMenu .quickMenu .menu li a {
    padding: 0;
    font-size: 15px;
    line-height: 2;
    color: #455a64;
}

/* 모바일 css 공용 */
#mobileWrapper {
    width: 100%;
    height: calc(100% - 190px);
    font-family: 'Noto Sans KR';
    overflow-x: hidden;
    position: relative;
    background-color: #004ecb;
}
#mobileWrapper .content {
    padding: 0 15px;
}
.roundBgWhite {
    background-color: #fff;
}
.roundBgWhite .round {
    background-color: #002664;
    border-radius: 30px 0 0 0;
    height: 45px;
}
.roundBgBlue {
    background-color: #002664;
}
.roundBgBlue .round {
    background-color: #ffffff;
    border-radius: 0 0 30px 0;
    height: 45px;
}
#mobileWrapper .graphArea {
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 40px;
    top: 50px;
    z-index: 10;
    padding: 10px 20px;
    box-sizing: border-box;
}
#mobileWrapper .saleGraph {
    font-size: 12px;
    background-color: #717171;
    color: #fff;
    position: relative;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    text-align: center;
    overflow: hidden;
}
#mobileWrapper .saleGraph .graphText {
    position: relative;
    z-index: 2;
}
#mobileWrapper .saleGraph .graphBar {
    position: absolute;
    height: 20px;
    width: 0;
    top: 0;
    left: 0;
    background-color: #27aeb3;
    z-index: 1;
    border-radius: 10px;
    transition: all 0.5s;
}

#mobileWrapper .feedback {
    /* margin-top: 20px; */
    background-color: #e9ecf4;
    color: #1f378c;
    font-size: 14px;
    text-align: center;
    padding: 10px 15px;
    line-height: 1.4;
    border-radius: 10px 10px 0;
    position: relative;
    margin-bottom: 35px;
}
#mobileWrapper .feedback::after {
    position: absolute;
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 15px solid transparent;
    border-right: 20px solid #e9ecf4;
    right: 0;
    bottom: -15px;
}
#addCommission, #allCommission {
    font-family: 'Fira Code';
    font-size: 18px;
}

#mobileWrapper .saleMainTitle {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px;
}
#mobileWrapper .saleMainTitle span {
    color: #455a64;
    font-size: 13px;
    font-weight: 500;
}
#mobileWrapper .saleSubTitle {
    font-size: 14px;
    color: #9ea7aa;
    margin-top: 10px;
}
#mobileWrapper .charter input[type="number"]:focus {border-color: #0a0c0e; color: #0a0c0e;}
#mobileWrapper .numToKor {
    margin-top: 5px;
    color: #aaa;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
#mobileWrapper .numToKor .plusBtn {}
#mobileWrapper .numToKor .plusBtn button {
    border-radius: 5px;
    border: solid 1px #eceff1;
    background-color: #fff;
    font-size: 13px;
    color: #718792;
    padding: 5px 5px;
    min-width: 55px;
}
#mobileWrapper .numToKor .inputInfo {
    color: #455a64;
    font-size: 13px;
    padding-top: 5px;
}
.inputArea {margin: 10px -5px 0;align-items: center;position: relative;}
.inputArea input {
    border: 1px solid #eceff1;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin: 0 5px;
    box-sizing: border-box;
    width: 50%;
    padding: 0 15px;
    background-color: #fff;
    font-family: sans-serif;
}
.inputArea input::placeholder {font-family: 'Noto Sans KR';}
.inputArea input[type="number"] { text-align: right; }
.inputArea input[type="number"]::placeholder { color:#9ea7aa; font-size: 13px; }
.inputArea button {
    border: 1px solid #dbdbdb;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin: 0 5px;
    box-sizing: border-box;
    /* width: 50%; */
    padding: 0 10px;
    color: #fff;
    background-color: #9ea7aa;
}
#mobileWrapper .inputArea button.send {
    background-color: #2f3337;
}
#mobileWrapper .inputArea select {
    border: 1px solid #dbdbdb;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    margin: 0 5px;
    background-color: #fff;
}
#mobileWrapper .inputArea textarea {
    border: 1px solid #eceff1;
    border-radius: 5px;
    font-size: 14px;
    margin: 0 5px;
    padding: 10px 15px;
    /* font-family: 'Noto Sans KR'; */
    font-weight: 200;
    line-height: 25px;
    font-family: sans-serif;
}
#mobileWrapper .inputArea textarea::placeholder {font-family: 'Noto Sans KR'; color: #555}
#mobileWrapper .inputArea .inputGroup {position: relative;}
#mobileWrapper .inputArea .inputGroup input {
    width: 100%;
    margin: 0;
    padding-right: 30px;
}
#mobileWrapper .inputArea .inputGroup .text {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 2;
    color: #999;
    line-height: 39px;
    font-size: 16px;
}

#mobileWrapper .btnArea {
    margin: 20px -3px 0;
    flex-wrap: wrap;
}
#mobileWrapper .btnArea .radioInput {
    margin-bottom: 15px;
    max-width: 50%;
    flex-basis: auto;
}
#mobileWrapper .btnArea .radioInput input[type="radio"],
#mobileWrapper .btnArea .radioInput input[type="checkbox"] {
    display:none;
}
#mobileWrapper .btnArea .radioInput input[type="radio"] + span,
#mobileWrapper .btnArea .radioInput input[type="checkbox"] + span {
    background:
    none;
    border: 1px solid #eceff1;
    border-radius: 5px;
    padding: 0px 10px;
    text-align:
    center;
    height: 40px;
    cursor:
    pointer;
    font-size: 14px;
    font-weight: 300;
    color: #718792;
    margin: 0 3px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
#mobileWrapper .btnArea .radioInput input[type="radio"]:checked + span,
#mobileWrapper .btnArea .radioInput input[type="checkbox"]:checked + span {
    border: 1px solid #0a0c0e;
    color: #000;
    font-weight: 500;
}
#mobileWrapper .btnArea .floorInput {max-width: 25%;position: relative;font-size: 16px;}
#mobileWrapper .btnArea .floorInput .direct_floor {border: 1px solid #eceff1;font-size: 16px;height: 40px;line-height: 40px;border-radius: 5px;box-sizing: border-box;width: 100%;padding: 0 30px 0 15px;background-color: #fff;font-family: sans-serif;text-align: right;}
#mobileWrapper .btnArea .floorInput .text {position: absolute;top: 0;right: 10px;z-index: 2;color: #999;line-height: 39px;font-size: 16px;}
#mobileWrapper .checkBtnArea {
    margin: 20px 0px 0;
    flex-wrap: wrap;
    border: 1px solid #eceff1;
    border-radius: 5px;
    padding: 5px 10px;
}
#mobileWrapper .checkBtnArea .radioInput {
    /* max-width: 50%; */
    flex-basis: auto;
    /* width: 33.3%; */
    width: 0px;
}
#mobileWrapper .checkBtnArea .radioInput .labelTitle {
    color: #718792;
    font-size: 14px;
}
#mobileWrapper .checkBtnArea .radioInput input {
    display:none;
}
#mobileWrapper .checkBtnArea .radioInput input + span {
    display: inline-block;
    padding: 10px 0px;
    height: 40px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #718792;
    box-sizing: border-box;
}
#mobileWrapper .checkBtnArea .radioInput input + span i {
    font-size: 22px;
    vertical-align: sub;
    margin-right: 2px;
    color: #7187928c;
}
#mobileWrapper .checkBtnArea .radioInput input:checked + span {
    color: #0a0c0e;
}
#mobileWrapper .checkBtnArea .radioInput input:checked + span i {
    color: #2962ff;
}
#mobileWrapper .checkBtnArea .radioInput .none-lineheight {}

#mobileWrapper .compare {
    margin-top: 20px;
    margin-bottom: 30px;
    border: 1px solid #eceff1;
    border-radius: 10px;
    padding: 5px;
}
#mobileWrapper .compare table {
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 34px;
}
#mobileWrapper .compare table thead {
    /* background-color: #ededed; */
    /* border-radius: 10px; */
}
#mobileWrapper .compare table thead th {
    background-color: #ededed;
}
#mobileWrapper .compare table thead th:first-child {
    border-radius: 7px 0 0 7px;
}
#mobileWrapper .compare table thead th:last-child {border-radius: 0 7px 7px 0;}
#mobileWrapper .compare table tbody {}
#mobileWrapper .compare table tbody tr {
    /* border-bottom: 1px solid #eee; */
}
#mobileWrapper .compare table tbody td {}
#mobileWrapper .compare table tbody td:first-child {text-align: right;padding-right: 10px;}
#mobileWrapper .compare table tbody td:last-child {text-align: left;padding-left: 10px;}
#mobileWrapper .compare table tbody td span {
    display: inline-block !important;
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
    border-radius: 5px;
    color: #fff;
    margin-right: 5px;
    text-align: center;
}
#mobileWrapper .compare table tbody td .deposit {
    background-color: #6e86ff;
}
#mobileWrapper .compare table tbody td .monthly {
    background-color: #ef7474;
    margin-left: 5px;
}
#notResidence {
    padding: 100px 0;
    text-align: center;
}
#notResidence i {
    font-size: 40px;
    color: #2962ff;
    margin-bottom: 20px;
}
#notResidence p {
    font-size: 14px;
    color: #718792;
    line-height: 20px;
}

#authCheck {}
#authCheck .timer {
    position: absolute;
    left: 45%;
    color: #004ecb;
    font-size: 11px;
}

#availableDate {
    margin-top: -20px;
}

#photoName {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 9999;
    /* padding: 15px; */
    box-sizing: border-box;
    /* border: 2px solid #ccc; */
    /* border-radius: 10px 10px 0 0; */
}
#photoName .saleMainTitle {
    font-size: 16px;
    padding: 0 15px;
    background-color: #718792;
    color: #fff;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    position: relative;
}
#photoName .saleMainTitle span {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    top: 0;
    right: 0;
    font-size: 26px;
}
#photoName .saleMainTitle span i {}
#photoName .photoArea {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    height: 0;
    padding-top: 100%;
    /* margin-bottom: 30px; */
}
#photoName .photoArea img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    z-index: 1;
}
#photoName .etcPhotoName {
    padding: 15px 15px 0;
}
#photoName .etcPhotoName input {}
#photoName .etcPhotoName input::placeholder {color:#ccc;}
#photoName .btnArea {
    padding: 10px 10px 15px;
    flex-wrap: wrap;
}
#photoName .btnArea .radioInput {
    margin-bottom: 10px;
    max-width: 100%;
    min-width: 20%;
    flex-basis: auto;
}
#photoName .btnArea .radioInput input[type="radio"] {
    display:none;
}
#photoName .btnArea .radioInput input[type="radio"] + span {
    background: none;
    border: 1px solid #eceff1;
    border-radius: 5px;
    padding: 0px 10px;
    text-align: center;
    height: 40px;
    cursor: pointer;
    font-size: 15px;
    color: #718792;
    margin: 0px 5px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Noto Sans KR';
}
#photoName .btnArea .radioInput input[type="radio"]:checked + span {
    border: 1px solid #0a0c0e;
    color: #0a0c0e;
    font-weight: 500;
}
#photoName .photoNameSave {
    position: absolute;
    width: calc(100% - 30px);
    bottom: 15px;
    left: 15px;
    height: 45px;
    border: 1px solid #2f3337;
    font-size: 15px;
    border-radius: 5px;
    background-color: #2f3337;
    color: #fff;
}

.submitArea {
    position: fixed;
    width: 100%;
    height: 55px;
    bottom: 0;
    display: flex;
    box-sizing: border-box;
    background-color: #718792;
    z-index: 98;
    justify-content: space-between;
    flex-wrap: wrap;
}
.submitArea .shadow {
    width: 100%;
    height: 15px;
    background-color: #fff;
    border-radius: 0 0 15px 15px;
}
.submitArea button {
    flex: 1;
    height: 40px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    background: none;
    border: none;
    text-align: left;
    padding: 0 20px;
}
.submitArea button.next {
    text-align: right;
}

/* 모바일 메인 */
#mobileWrapper .main {height: 100%;background-color: #002664;}
#mobileWrapper .main .content .logo {
    width: 110px;
    text-align: center;
}
#mobileWrapper .main .content .logo img {
    width: 100%;
}
#mobileWrapper .main .content .logo .shadow {
    display: inline-block;
    width: 37px;
    height: 5px;
    background: #fff2;
    border-radius: 5px;
    margin-top: 10px;
}
#mobileWrapper .main .content {
    height: 100%;
    padding: 70px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
#mobileWrapper .main .textArea {
    display: flex;
    align-items: center;
    justify-content: center;
}
#mobileWrapper .main .textArea .mainTitle {
    font-size: 20px;
    text-align: center;
    line-height: 1.4;
    color: #ccc;
}
#mobileWrapper .main .textArea .mainTitle strong {
    font-size: 24px;
}
#mobileWrapper .main .textArea .mainTitle strong span {
    color: #ffffff;
}
#mobileWrapper .main .btnAera {border-top: 1px solid #cbd9ef33;width: 100%;padding-top: 60px;}
#mobileWrapper .main .btnAera li {text-align: center;/* border: 1px solid #ddd; */border-radius: 10px;/* box-shadow: 0 0 3px 1px #e1e1e1aa; */background-color: #fff;line-height: 50px;margin-top: 20px;}
#mobileWrapper .main .btnAera li.kakao {
    background-color: #f9e000;
}
#mobileWrapper .main .btnAera li.naver {
    background-color: #19ce60;
}
#mobileWrapper .main .btnAera li.google {
    background-color: #4285f4;
}
#mobileWrapper .main .btnAera li a {
    font-size: 14px;
    display: block;
    position: relative;
    /* padding-left: 40px; */
}
#mobileWrapper .main .btnAera li.kakao a {color: #3b1c1c;}
#mobileWrapper .main .btnAera li.naver a {
    color: #fff;
}
#mobileWrapper .main .btnAera li.google a {
    color: #fff;
}
#mobileWrapper .main .btnAera li a i {
    font-size: 22px;
    vertical-align: middle;
    position: absolute;
    width: 50px;
    height: 30px;
    line-height: 30px;
    top: 10px;
    left: 10px;
    /* border-right: 1px solid #eee; */
}
#mobileWrapper .main .btnAera li.beforeTenant {
    background-color: #1f378c;
    box-shadow: none;
    border-color: #1f378c;
}
#mobileWrapper .main .btnAera li.beforeTenant a {
    color: #fff;
}
#mobileWrapper .main .btnAera li.mySale {
    margin-top: 30px;
}
#mobileWrapper .main .btnAera li.mySale a {
    font-size: 18px;
}

/* 개인정보,이용약관 동의 */
#agree {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
}
#agree .agreeImg {
    width: 85%;
    padding-left: 15%;
    max-height: 68%;
}
#agree .agreeImg img {
    width: 115%;
    -ms-animation: houseAni 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    /* -webkit-animation: houseAni 3s; */
    /* -webkit-animation-iteration-count: infinite; */
    /* -webkit-animation-timing-function: ease-in-out; */
}
#agree .agreeMsg {
    text-align: center;
    background-color: #ffffff;
    height: 65%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#agree .agreeMsg .msgTitle {
    font-size: 7.8vw;
    font-weight: 700;
    text-shadow: 2px 2px white;
}
#agree .agreeMsg .message {
    font-size: 4.2vw;
    line-height: 1.6;
    color: #718792;
    letter-spacing: -0.6px;
    text-shadow: 2px 2px white;
}
#agree .agreeCheck {
    height: 35%;
    background-color: #002664;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#agree .agreeCheck .agreeOk {
    font-size: 3.3vw;
    color: #fff;
    padding: 0 0 0 40px;
    line-height: 20px;
}
#agree .agreeCheck .agreeOk .agreeView {
    border-bottom: 1px solid #fff8;
}
#agree .agreeCheck .agreeStart {
    border: none;
    background-color: #2962ff;
    color: #fff;
    line-height: 45px;
    font-size: 16px;
    border-radius: 30px;
    font-weight: 400;
    display: block;
    text-align: center;
    margin: 0 40px;
}
#agree .agreeCheck .agreeNo {
    font-size: 3vw;
    padding-bottom: 30px;
    text-align: center;
    padding-top: 40px;
    color: #aaa;
}
#termDocument,
#privacyDocument {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: auto;
    background-color: #fff;
    z-index: 10000;
    padding: 30px 15px 15px;
    box-sizing: border-box;
    font-family: 'Noto Sans KR';
    line-height: 1.4;
    font-size: 14px;
    text-align: justify;
}
#termDocument .agreeDocClose,
#privacyDocument .agreeDocClose {
    font-size: 40px;
    position: fixed;
    right: 10px;
    top: 10px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    background-color: #fffc;
    text-align: center;
}
#agreeDoc .agreeDocClose i {}
#termDocument h2,
#privacyDocument h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}
#agreeDoc h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
#agreeDoc h4 {font-weight: 600;margin-bottom: 10px;}

/* 나의매물 로그인 */
#login {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 50px 20px 0;
    box-sizing: border-box;
}
#login .back {
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 28px;
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    padding-top: 5px;
    box-sizing: border-box;
}
#login .loginImg {
    text-align: center;
}
#login .loginImg img {
    width: 70%;
    -ms-animation: houseAni 3s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: ease-in-out;
    -webkit-animation: houseAni 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
}
#login .loginMsg {
    text-align: center;
}
#login .loginMsg .msgTitle {
    font-size: 40px;
    color: #1f378c;
    font-family: 'Cafe24Ohsquare';
    line-height: 1.2;
    padding-bottom: 10px;
}
#login .loginMsg .message {
    font-size: 4vw;
    line-height: 1.6;
    font-family: 'Noto Sans KR';
    letter-spacing: -1px;
}
#login .loginArea {}
#login .loginArea input {
    border: 1px solid #dbdbdb;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    box-sizing: border-box;
    width: 100%;
    padding: 0 10px;
    background-color: #fff;
    margin-top: 10px;
}
#login .loginArea .error {
    color: #dd4814;
    margin-top: 5px;
    font-size: 2rem;
    padding-left: 5px;
}
#login .loginArea button {
    border: none;
    background-color: #1f378c;
    color: #fff;
    width: 100%;
    line-height: 50px;
    font-size: 18px;
    border-radius: 5px;
    letter-spacing: -1px;
    font-weight: 600;
    margin-top: 10px;
}

/* 둥둥 떠나니는 집 애니 */
@-webkit-keyframes houseAni {
    0%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
    50%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg); }
    100%{ -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
}

@keyframes houseAni {
    0%  { transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
    50%  { transform: scale(1) rotate(0deg) translateX(0px) translateY(-10px) skewX(0deg) skewY(0deg); }
    100%{ transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
}

/* 모바일 매물 등록 */
#mobileWrapper .swiper {height: 100%;background-color: #fff;border-radius: 30px 0 0 0;/* padding-top: 60px; */box-sizing: border-box;}
#mobileWrapper .saleStart {
    width: 100%;
    min-height: 100%;
    /* position: absolute; */
    top: 0;
    /* padding-bottom: 112px; */
    /* background-color: #fff; */
    right: 0;
    overflow: auto;
}
#mobileWrapper .saleStart .content {}
#mobileWrapper .saleComplete {height: 100%;padding-bottom: 0;}
#mobileWrapper .saleComplete .content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-evenly;
}
#mobileWrapper .saleStart .startComplete {
    position: relative;
}
#mobileWrapper .saleStart .startComplete .completeInfo {position: absolute;text-align: center;left: 0;top: 50%;width: 100%;line-height: 2;transform: translateY(-50%);}
#mobileWrapper .saleStart .startComplete .completeInfo h2 {
    font-family: 'Cafe24Ohsquare';
    font-size: 24px;
    color: #1f378c;
}
#mobileWrapper .saleStart .startComplete .completeInfo h3 {
    font-family: 'Cafe24Ohsquareair';
    font-size: 18px;
}
#mobileWrapper .saleStart .startComplete .completeBg {}
#mobileWrapper .saleStart .startComplete .completeBg img {width: 100%;}


#mobileWrapper .saleDetail
{
    width: 100%;
    min-height: 100%;
    /* position: absolute; */
    /* top: 0; */
    /* padding-bottom: 20px; */
    overflow-y: auto;
}
#mobileWrapper .saleDetail .change i {
    font-size: 24px;
    margin: 0 10px;
}
#mobileWrapper .saleDetail .detailComplet {
    height: calc(100% - 160px);
    display: flex;
    flex-direction: column;
}
#mobileWrapper .saleDetail .detailComplet .completeInfo {
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
    padding: 20px 0px;
}
#mobileWrapper .saleDetail .detailComplet .completeInfo strong {font-size: 16px;color: #1f378c;font-weight: 500;}
#mobileWrapper .saleDetail .detailComplet .photo {}
#mobileWrapper .saleDetail .detailComplet .photo img {
    width: 100%;
}

/* 사진 등록 */
#mobileWrapper .photo {
    position: relative;
}
#mobileWrapper .photo .camera {
    position: absolute;
    top: -4px;
    right: 15px;
    border-radius: 13px;
    border: solid 1px #eceff1;
    padding: 5px 10px;
    font-size: 13px;
    color: #9ea7aa;
}
#mobileWrapper .photo .camera i {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 2px;
}
#mobileWrapper .photo .upload-wrapper {
    background-color: #f7f8fa;
    border: 2px dashed #dadce0;
    padding: 0 70px 20px;
    margin-top: 10px;
}
#mobileWrapper .photo .upload-wrapper .upload-label {
}
#mobileWrapper .photo .upload-wrapper .photoTitle {
    text-align: center;
    font-size: 16px;
    padding-top: 20px;
}
#mobileWrapper .photo .upload-wrapper .photoIcon {
    font-size: 50px;
    color: #999999;
    padding: 10px;
    margin: 0 auto;
    width: 70px;
    box-sizing: border-box;
}
#mobileWrapper .photo .upload-wrapper .photoIcon i {}
#mobileWrapper .photo .upload-wrapper .loading-wrapper {
    display: block;
    padding-bottom: 0;
}
#mobileWrapper .photo .upload-wrapper .loading-wrapper .loading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 10px;
}
#mobileWrapper .photo .upload-wrapper .loading-wrapper .loading .loading-percent {
    font-size: 2em;
    padding-right: 10px;
    flex: 1;
}
#mobileWrapper .photo .upload-wrapper .loading-wrapper .loading .loading-bar-bg {
    width: 10em;
    flex: 9;
    height: 3px;
    border-radius: 4px;
    background-color: rgba(238, 232, 174, 1);
}
#mobileWrapper .photo .upload-wrapper .loading-wrapper .loading .loading-bar {
    background-color: slategray;
    width: 0%;
    height: 3px;
    border-radius: 4px;
    transition: width 2s;
}
#mobileWrapper .photo .image-preview {
    display: grid;
    grid-template-columns: repeat(auto-fill, 32%);
    grid-gap: 2%;
    padding-top: 20px;
    justify-content: space-between;
}
#mobileWrapper .photo .image-preview .close {
    display: none;
}
#mobileWrapper .photo .image-preview .image-preview-item {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    height: 0;
    padding-top: 100%;
    margin-bottom: 5px;
}
#mobileWrapper .photo .image-preview .image-preview-item img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
    position: absolute;
    top: 0;
    z-index: 1;
    border: dashed 1px #eceff1;
    box-sizing: border-box;
}
#mobileWrapper .photo .image-preview .image-preview-item .delete {position: absolute;top: 5px;right: 5px;z-index: 2;font-size: 25px;width: 25px;height: 25px;background-color: #000;border-radius: 15px;color: #ffffff;text-align: center;line-height: 25px;}
#mobileWrapper .photo .image-preview .image-preview-item .delete i {
}
#mobileWrapper .photo .image-preview .image-preview-item .delete .text {
    display: none;
}
#mobileWrapper .photo .image-preview .image-preview-item .photo-name-fix,
#mobileWrapper .photo .image-preview .image-preview-item .photo-name {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    background-color: #fffa;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    z-index: 3;
    border-radius: 15px;
}
#mobileWrapper .photo .image-preview .image-preview-item .mainPhoto {
    font-weight: 500;
    border: 1px solid #27aeb3;
    background-color: #27aeb3;
    color: #fff;
}
#mobileWrapper .photo .image-preview .ready {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    height: 0;
    padding-top: 100%;
    margin-bottom: 5px;
}
#mobileWrapper .photo .image-preview .ready .delete {display: none;}
#mobileWrapper .photo .image-preview .ready img {opacity: 0.3;width: 100%;height: 100%;border-radius: 5px;object-fit: cover;position: absolute;top: 0;z-index: 1;border: dashed 1px #eceff1;box-sizing: border-box;}
#mobileWrapper .photo .image-preview .ready .photo-name-fix,
#mobileWrapper .photo .image-preview .ready .photo-name {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    background-color: #fffa;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    z-index: 3;
    border-radius: 15px;
}
#mobileWrapper .photo .image-preview .addPhoto {
    background-color: #f9f9f9;
    border-radius: 5px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    height: 0;
    padding-top: 100%;
    margin-bottom: 5px;
}
#mobileWrapper .photo .image-preview .addPhoto i {
    font-size: 24px;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -90%);
    color: #cfd8dc;
}
#mobileWrapper .photo .image-preview .addPhoto .photo-name {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    z-index: 3;
    color: #979fa3;
    border-radius: 15px;
}

/*
#photoPreview {position: fixed;width: 100%;height: 100%;top: 0;z-index: 99999;display: flex;flex-direction: column;justify-content: center;align-items: center;}
#photoPreview .close {
    position: absolute;
    font-size: 40px;
    color: #fff;
    top: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 65px;
}
#photoPreview .preview {width: 95%;}
*/
#step10 .textCount {
    color: #718792;
    font-size: 12px;
    text-align: right;
    padding-top: 10px;
}

/* 등록 완료 */
#mobileWrapper .finish {
    height: 100%;
    padding-bottom: 0;
}
#mobileWrapper .finish .content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#mobileWrapper .finish .icon {
    font-size: 40px;
    color: #1f378c;
    text-align: center;
}
#mobileWrapper .finish .finishMessage {
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    margin: 10px 0 30px;
}
#mobileWrapper .finish .finishMessage strong {
    font-size: 18px;
    font-weight: 500;
}
#mobileWrapper .finish .finishMessage .phone {
    font-weight: 500;
    color: #1f378c;
}
#mobileWrapper .finish .finishImage {
    text-align: center;
}
#mobileWrapper .finish .finishImage img {
    width: 50%;
}

/* 나의 매물 정보 */
#mobileWrapper {}
#mobileWrapper .saleInfo {
    padding-top: 20px;
}
#mobileWrapper .saleInfo .title {
    font-size: 16px;
    display: inline-block;
    border-bottom: 2px solid #566ec4;
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-weight: 500;
}
#mobileWrapper .saleInfo section {
    padding-bottom: 30px;
    position: relative;
}
#mobileWrapper .saleInfo section .modify {
    position: absolute;
    background-color: #566ec4;
    color: #fff;
    top: -6px;
    right: 0;
    line-height: 30px;
    padding: 0 15px;
    border-radius: 5px;
    font-size: 12px;
    display: none;
}
#mobileWrapper .saleInfo .progress {
}
#mobileWrapper .saleInfo .progress .step {
    display: flex;
    justify-content: space-between;
}
#mobileWrapper .saleInfo .progress .step li {
    /* width: 25%; */
    text-align: center;
    line-height: 30px;
    font-size: 12px;
    color: #999;
    padding: 0 7px;
}
#mobileWrapper .saleInfo .progress .step .step1 {}
#mobileWrapper .saleInfo .progress .step .step2 {}
#mobileWrapper .saleInfo .progress .step .step3 {}
#mobileWrapper .saleInfo .progress .step .step4 {}
#mobileWrapper .saleInfo .progress .step .step5 {}
#mobileWrapper .saleInfo .progress .step .active {
    color: #1f378c;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #566ec4;
    border-radius: 5px;
}
#mobileWrapper .saleInfo .manager {
    display: flex;
    margin-top: -10px;
}
#mobileWrapper .saleInfo .manager .photo {
    width: 100px;
    border-radius: 10px;
    overflow: hidden;
}
#mobileWrapper .saleInfo .manager .photo img {
    width: 100%;
}
#mobileWrapper .saleInfo .manager .info {
    margin-left: 15px;
}
#mobileWrapper .saleInfo .manager .info {
    line-height: 20px;
    padding-top: 5px;
}
#mobileWrapper .saleInfo .manager .info > li {
    font-size: 14px;
    font-weight: 200;
}
#mobileWrapper .saleInfo .manager .info > li > h2 {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 3px;
}
#mobileWrapper .saleInfo .manager .info > li > p {
    font-size: 12px;
    padding-bottom: 10px;
}
#mobileWrapper .saleInfo .houseInfo {
}
#mobileWrapper .saleInfo .houseInfo .info {
    font-size: 16px;
    font-weight: 300;
}
#mobileWrapper .saleInfo .houseInfo .info li {
    padding-bottom: 8px;
    line-height: 24px;
}
#mobileWrapper .saleInfo .houseInfo .address {
    font-weight: 400;
}
#mobileWrapper .saleInfo .houseInfo .address .saleType {
    font-size: 12px;
    display: inline-block;
    background-color: #1f378c;
    color: #fff;
    padding: 5px;
    margin-right: 5px;
    border-radius: 3px;
    line-height: 14px;
}
#mobileWrapper .saleInfo .houseInfo .price {
    font-size: 18px;
    color: #566ec4;
    font-weight: 400;
}
#mobileWrapper .saleInfo .houseInfo .availableDate {}
#mobileWrapper .saleInfo .houseInfo .size {}
#mobileWrapper .saleInfo .houseInfo .option {}
#mobileWrapper .saleInfo .houseInfo .comment {}
#mobileWrapper .saleInfo .housePhoto {font-size: 14px;line-height: 24px;}
#mobileWrapper .saleInfo .housePhoto .photo {
    display: grid;
    grid-template-columns: repeat(auto-fill, 100px);
    grid-gap: 1rem;
    justify-content: space-between;
}
#mobileWrapper .saleInfo .housePhoto .photo li {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    height: 0;
    padding-top: 100%;
    margin-bottom: 3%;
}
#mobileWrapper .saleInfo .housePhoto .photo li img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    object-fit: cover;
    position: absolute;
    top: 0;
    z-index: 1;
}
#mobileWrapper .saleInfo .btnArea {
    display: flex;
    justify-content: space-around;
}
#mobileWrapper .saleInfo .btnArea a {
    width: 48%;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 30px;
    letter-spacing: 2px;
    background-color: #566ec4;
    color: #fff;
}
#mobileWrapper .saleInfo .btnArea .back {
    border: 1px solid #566ec4;
    color: #566ec4;
    background-color: #fff;
}

/* 매물 상세 보기 */
#mobileWrapper {}
#mobileWrapper .houseInfo {}
#mobileWrapper .houseInfo .editBtn {
    background-color: #deb;
    border: none;
    border-radius: 5px;
    float: right;
    margin-bottom: 5px;
    padding: 3px 5px 5px;
}
#mobileWrapper .houseInfo section {}
#mobileWrapper .houseInfo section .title {
    padding-top: 30px;
    font-size: 18px;
    font-weight: 400;
    line-height: 31px;
}

#mobileWrapper .houseInfo .progress {}
#mobileWrapper .houseInfo .progress .price {
    font-size: 24px;
    font-weight: 600;
}
#mobileWrapper .houseInfo .progress .price .step {
    font-size: 16px;
    font-weight: 400;
    background-color: #008bd3;
    color: #fff;
    float: right;
    padding: 5px;
    border-radius: 5px;
}
#mobileWrapper .houseInfo .progress .info {
    display: flex;
    justify-content: space-between;
    width: calc(100% + 10px);
    flex-wrap: wrap;
    margin: 0 -5px;
    padding-top: 10px;
}

#mobileWrapper .houseInfo .progress .info li {
    border: 1px solid #000;
    padding: 5px 5px;
    font-size: 13px;
    margin: 0 5px;
    text-align: center;
}
#mobileWrapper .houseInfo .progress .info .saleType {
    background-color: #1f378c;
    color: #fff;
}
#mobileWrapper .houseInfo .progress .info .dayAgo {
    border-color: #5e8512;
    color: #5e8512;
}
#mobileWrapper .houseInfo .progress .info .discount {
    flex: 2;
    border-color: #566ec4;
    color: #566ec4;
}
#mobileWrapper .houseInfo .progress .counter {
    display: flex;
    justify-content: flex-start;
    padding-top: 10px;
}
#mobileWrapper .houseInfo .progress .counter li {
    padding-right: 20px;
    font-size: 14px;
}
#mobileWrapper .houseInfo .progress .counter span {font-weight: 500;color: #b95050;}
#mobileWrapper .houseInfo .progress .counter .adView {}
#mobileWrapper .houseInfo .progress .counter .callCount {}
#mobileWrapper .houseInfo .progress .counter .visitCount {}

#mobileWrapper .houseInfo .introduce {
    padding-top: 30px;
}
#mobileWrapper .houseInfo .introduce .subject {
    text-align: center;
    font-size: 18px;
    padding-bottom: 20px;
}
#mobileWrapper .houseInfo .introduce .swiper {padding: 0 30px;}
#mobileWrapper .houseInfo .introduce .swiper .swiper-wrapper {}
#mobileWrapper .houseInfo .introduce .swiper .swiper-wrapper li {overflow: hidden;border-radius: 10px;position: relative;}
#mobileWrapper .houseInfo .introduce .swiper .swiper-wrapper li img {
    width: 100%;
}
#mobileWrapper .houseInfo .introduce .swiper .swiper-wrapper li .photo-name {
    position: absolute;
    background-color: #fff;
    top: 10px;
    left: 10px;
    padding: 5px;
    font-size: 14px;
    border-radius: 5px;
}
#mobileWrapper .houseInfo .introduce .advantages {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
#mobileWrapper .houseInfo .introduce .advantages li {
    padding: 5px;
    border-bottom: 1px solid #1f378c;
    font-size: 16px;
    color: #1f378c;
}
#mobileWrapper .houseInfo .introduce .title {}
#mobileWrapper .houseInfo .introduce .detailInfo {
    padding-top: 20px;
    font-size: 16px;
    line-height: 22px;
    text-align: justify;
    color: #666;
}

#mobileWrapper .houseInfo .summary {}
#mobileWrapper .houseInfo .summary .title {
    padding-bottom: 0px;
}
#mobileWrapper .houseInfo .summary .info {
    padding: 10px 0px;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #eee;
    align-items: center;
}
#mobileWrapper .houseInfo .summary .info dt {
    flex: 5;
    color: #777;
}
#mobileWrapper .houseInfo .summary .info dd {
    flex: 7;
    line-height: 18px;
}

#mobileWrapper .houseInfo .manager {
    position: relative;
}
#mobileWrapper .houseInfo .manager .title {
    padding-bottom: 10px;
}
#mobileWrapper .houseInfo .manager .photo {
    height: 117px;
    position: absolute;
    top: 58px;
    right: 0;
}
#mobileWrapper .houseInfo .manager .photo img {
    height: 100%;
}
#mobileWrapper .houseInfo .manager .info {
    padding: 10px 0px;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #eee;
    align-items: center;
}
#mobileWrapper .houseInfo .manager .info dt {
    flex: 3;
    color: #777;
}
#mobileWrapper .houseInfo .manager .info dd {
    flex: 9;
    line-height: 18px;
}
#mobileWrapper .houseInfo .manager .info dd a {}
#mobileWrapper .houseInfo .manager .callTalk {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
#mobileWrapper .houseInfo .manager .callTalk li {
    flex: 1;
    text-align: center;
}
#mobileWrapper .houseInfo .manager .callTalk li a {
    display: block;
    margin: 5px;
    border: 1px solid #ccc;
    line-height: 40px;
    font-size: 16px;
}

#mobileWrapper .houseInfo .btnArea {
    display: flex;
    justify-content: space-around;
    margin-top: 30px;
}
#mobileWrapper .houseInfo .btnArea a {
    flex: 1;
    text-align: center;
    margin: 0 5px;
    border: 1px solid #000;
    padding: 10px 0;
    font-size: 16px;
    border-radius: 20px;
}
#mobileWrapper .houseInfo .btnArea .list {}
#mobileWrapper .houseInfo .btnArea .new {
    background-color: #1f378c;
    color: #fff;
}

#addressText {
    font-size: 15px;
    color: #0a0c0e;
    font-weight: 500;
    padding: 10px 5px 5px;
}
#addressText .jibun {
    font-size: 15px;
    color: #0a0c0e;
    letter-spacing: -0.25px;
    padding-bottom: 5px;
}
#addressText .road {
    font-size: 14px;
    color: #9ea7aa;
}
#addressText .road span {
    display: inline-block;
    font-size: 12px;
    color: #8b9ebb;
    border-radius: 5px;
    background-color: #f7f8fc;
    padding: 5px;
    margin-right: 5px;
}
#postWrap {
    display: none;
    border: 1px solid;
    height: 466px;
    margin: 5px 0px;
    position: relative;
}
#btnFoldWrap {
    background-color: #000;
    color: #fff;
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    right: -1px;
    top: -40px;
    font-size: 30px;
    text-align: center;
    line-height: 40px;
}

@media (max-height: 470px) {
    #mobileWrapper {
        height: calc(100% - 60px);
    }
    #stepBtn {display: none;}
    #mobileHeader .message { height: 0;}
}