@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #000000;
}
html,body {
    width: 100vw;
    height: 100vh;
    font-size: 10px;
}
body {
    font-family: 'Pretendard-Regular', sans-serif;
    background-color: #ffffff;
    color: #000000;
    overflow-wrap: break-word;
    width: 80vw;
    max-width: 1440px;
    min-width: 375px;
    padding: 0;
    margin: 0 auto;
    overflow-x: hidden;
    scroll-behavior: smooth;
    height: 100%;
    box-sizing: border-box;
}
img {
    user-drag: none;
    -webkit-user-drag: none;
}
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
::-webkit-scrollbar-track {
    background: #e4e4e4;

}
::-webkit-scrollbar-thumb {
    background: #a1a1a1;
    border: none;
}
h1 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 25px;
    margin: 0;
}
h2 {
    font-size: 1.8rem;
    font-weight: 600;
    margin: 0;
}
h3 {
    font-size: 1.7rem;
    font-weight: 500;
    margin: 0;
}
p,u,strike {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
}
.s {
    font-size: 1.2rem;
}
.xs {
    font-size: 0.9rem;
}
/* =========================== */
main {
    padding: 2rem;
    background-color: #ffffff;
}
header {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 5.7rem;
    z-index: 5;
    background-color: #ffffff;
    padding: 0 1rem;
}
header .logo {
    display: block;
    width: 10rem;
    height: 4rem;
    /* background-image: url(/asset/logo.svg); */
    /* background-color: aquamarine; */
    cursor: pointer;
    /* background-repeat: no-repeat; */
    /* background-size: 2.4rem 2.4rem; */
    background-position: center;
}
#banner {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: .2rem;
}
.welecome {
    width: 100%;
    height: 20rem;
    background: url(/asset/contect.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
}
span[data-status="공실"] {
    background-color: #00D0FF;
    color: #ffffff;
}
span[data-status="퇴실예정"] {
    background-color: #DCF4FF;
}
span[data-status="청소중"] {
    background-color: #EDFAE0;
}
span[data-status="내부 공사중"] {
    background-color: #F1724D;
    color: white;
}
span[data-status="심사중"],
span[data-status="상담중"] {
    background-color: #E2605D;
    color: white;
}
span[data-status="신축"] {
    background-color: #DCF4FF;
}
span[data-status="건축 중"] {
    background-color: #F0E4FF;
}
span[data-status="입주 불가"] {
    background-color: #FFE5E9;
}