#findArea-pop.active,
#selectPeriod-pop.active {
    display: flex;
    align-items: center;
    animation: popAni2 0.5s ease forwards;
    justify-content: center;
}

#findArea-pop #space1 .mid-box .mid-right>div,
#findArea-pop #space1 .mid-box .mid-left>div {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#findArea-pop #space1 .mid-box .mid-right>div::-webkit-scrollbar,
#findArea-pop #space1 .mid-box .mid-left>div::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#findArea-pop,
#selectPeriod-pop {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}

#findArea-pop .backG,
#selectPeriod-pop .backG {
    position: relative;
    max-height: 800px;
    max-width: 800px;
    height: 90%;
    width: 90%;
    background-color: var(--white);
    border-radius: var(--size8);
    padding: var(--pd20);
    animation: popAni 0.5s ease forwards;
}

#findArea-pop button,
#findArea-pop input,
#selectPeriod-pop button,
#selectPeriod-pop input {
    appearance: none;
}

#findArea-pop .closeBtn,
#selectPeriod-pop .closeBtn {
    right: var(--pd20);
    z-index: 1;
}

#findArea-pop h2,
#selectPeriod-pop h2 {
    margin-bottom: var(--mg20);
    font-weight: var(--ftW600);
    font-size: var(--ftS04rem);
    color: var(--b333);
}

/* ! 지역선택 */

#findArea-pop .topBtn {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 2%;
    justify-content: space-between;
}

#findArea-pop .topBtn span {
    cursor: pointer;
    flex-grow: 1;
    text-align: center;
    font-size: var(--ftS04rem);
    font-weight: var(--ftW600);
    color: var(--b555);
    line-height: 2.5;
    margin-bottom: var(--mg15);
}

#findArea-pop .topBtn span.active {
    background-color: #6e8fab;
    border-radius: var(--size8);
    color: var(--white);
    transition: 0.1s linear;
}

#findArea-pop .topBtn span i {
    margin-right: var(--mg10);
}

#findArea-pop .topBtn span.active i {
    color: var(--white);
}

#findArea-pop .backG .sear-Box {
    position: relative;
}

#findArea-pop .backG .sear-Box .search_btn {
    width: 100%;
    display: block;
    line-height: 3;
    margin-bottom: var(--mg20);
    columns: var(--b555);
    font-size: var(--ftS04rem);
    font-weight: var(--ftW400);
    border: none;
    background-color: var(--bf2);
    padding: 0 var(--pd60) 0 var(--pd20);
    border-radius: var(--size8);
}

#findArea-pop .backG .sear-Box input[type="button"] {
    position: absolute;
    right: var(--pd20);
    top: 50%;
    transform: translateY(-50%);
    border: none;
    text-indent: -9999px;
    padding: 0;
    margin: 0;
    width: var(--ftS02rem);
    height: var(--ftS02rem);
    background-color: transparent;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: var(--ftS05rem);
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23555555' d='M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z'/%3E%3C/svg%3E");
}

#findArea-pop .backG .sear-Box .search_btn {
    color: rgba(0, 0, 0, 0.4);
}
#findArea-pop .backG .sear-list{
    z-index: 5;
    position: absolute;
    width: 100%;
    left: 0;
    overflow: hidden;
    height: calc(100% - 276px);
    padding: 0 var(--pd20);
}
#findArea-pop .backG .sear-list ul{
    border: 0.12rem solid var(--bf2);
    border-top-left-radius: var(--size8);
    border-top-right-radius: var(--size8);
    padding: var(--pd20) var(--pd10) var(--pd20) var(--pd20);
    height: 100%;
    background-color: var(--white);
    overflow-y: scroll;
}
#findArea-pop .backG .sear-list ul::-webkit-scrollbar {
    width: var(--pd10);
    background-color: transparent;
}

#findArea-pop .backG .sear-list ul::-webkit-scrollbar-thumb {
    background-color: var(--bD9);
    border-radius: var(--pd10);
}

#findArea-pop .backG .sear-list ul::-webkit-scrollbar-track {
    background-color: transparent;
}
#findArea-pop .backG .sear-list ul li{
    display: flex;
    gap: 1%;
    cursor: pointer;
}

#findArea-pop .backG .sear-list ul li:not(:first-child){
    margin-top: var(--mg15);
    padding-top: var(--mg15);
    border-top: 0.12rem solid var(--bf2);
}
#findArea-pop .backG .sear-list ul li dl{
    width: 96%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    word-break: break-all;
}

#findArea-pop .backG .sear-list ul li:hover :is(dl *, .searWord, i){
    color: var(--mainColor);
    transition: 0.15s linear;
}
#findArea-pop .backG .sear-list ul li:hover .lot{
    background-color: var(--mainColor);
    color: var(--white);
    transition: 0.15s linear;
}
#findArea-pop .backG .sear-list ul li i{
    color: var(--bD9);
}
#findArea-pop .backG .sear-list ul li dt{
    margin-bottom: var(--mg5);
    font-weight: var(--ftW600);
    font-size: var(--ftS05rem);
}
#findArea-pop .backG .sear-list ul li dd .searWord,
#findArea-pop .backG .sear-list ul li .searWord{
    font-weight: var(--ftW700);
}
#findArea-pop .backG .sear-list ul li dd .searWord{
    color: var(--b888);
}
#findArea-pop .backG .sear-list ul li dd{
    color: var(--b999);
    font-size: var(--ftS06rem);
}
#findArea-pop .backG .sear-list ul li .roadAddr{
    line-height: 2;
}
#findArea-pop .backG .sear-list ul li .lot{
    padding: 2px var(--pd5);
    margin-right: var(--mg5);
    vertical-align: middle;
    line-height: 1.5;
    font-size: var(--ftS08rem);
    border-radius: var(--size4);
    font-weight: var(--ftW500);
    color: var(--b888);
    background-color: var(--bf2);
}
#findArea-pop [id^="space"] {
    display: none;
}

#findArea-pop [id^="space"].active {
    display: block;
}

#findArea-pop #space1 .mid-box {
    display: flex;
    overflow: hidden;
    height: calc(100% - 158px);
    padding-bottom: 80px;
    gap: var(--mg10);
    align-items: flex-start;
    justify-content: space-between;
}

#findArea-pop #space1 .mid-box .mid-left {
    background-color: var(--bf2);
    border-top-left-radius: var(--size8);
    border-top-right-radius: var(--size8);
    padding: var(--pd20) 0 var(--pd20) var(--pd20);
    width: 30%;
    height: 100%;
}

#findArea-pop #space1 .mid-box .mid-left>div {
    overflow-y: scroll;
    height: 100%;
    padding-right: var(--pd20);
}

#findArea-pop #space1 .mid-box .mid-left h3 {
    font-weight: var(--ftW600);
    font-size: var(--ftS08rem);
    color: var(--b333);
    line-height: 1.5;
    margin-bottom: var(--mg10);
}

#findArea-pop #space1 .mid-box .mid-left button {
    background: none;
    border: none;
    display: block;
    width: 100%;
    line-height: 2.6;
    cursor: pointer;
    font-weight: var(--ftW600);
    font-size: var(--ftS05rem);
    color: var(--b666);
    text-align: center;
}

#findArea-pop #space1 .mid-box .mid-left button:hover,
#findArea-pop #space1 .mid-box .mid-left button.on,
#findArea-pop #space1 .mid-box .mid-left button:hover i,
#findArea-pop #space1 .mid-box .mid-left button.on i {
    color: var(--mainColor);
    transition: 0.1s linear;
}

#findArea-pop #space1 .mid-box .mid-left div div:first-child {
    margin-bottom: var(--mg15);
}

#findArea-pop #space1 .mid-box .mid-left button.midTopB {
    text-align: left;
    padding: 0 var(--pd30);
}

#findArea-pop #space1 .mid-box .mid-left button.midTopB i {
    width: 20px;
    text-align: center;
    margin-right: var(--mg10);
}

#findArea-pop #space1 .mid-box .mid-right {
    /* width: 70%; */
    width: 33.125rem;
    border: 0.12rem solid var(--bf2);
    border-top-left-radius: var(--size8);
    border-top-right-radius: var(--size8);
    padding: var(--pd20);
    height: 100%;
}

#findArea-pop #space1 .mid-box .subregionCustomContainer {
    display: none;
}

#findArea-pop #space1 .mid-box .mid-right.on {
    display: block;
}

#findArea-pop #space1 .mid-box .mid-right>div {
    overflow-y: scroll;
    height: 100%;
}

#findArea-pop #space1 .mid-box .mid-right button {
    background: none;
    border: none;
    display: block;
    width: 100%;
    line-height: 3;
    cursor: pointer;
    font-weight: var(--ftW600);
    font-size: var(--ftS05rem);
    color: var(--b666);
    text-align: center;
}

#findArea-pop #space1 .mid-box .mid-right button:hover,
#findArea-pop #space1 .mid-box .mid-right button.active {
    color: var(--mainColor);
    transition: 0.1s linear;
}

#findArea-pop #space2 ul {
    padding: var(--pd10);
    height: auto;
    max-height: 530px;
}

#findArea-pop #space2 ul li {
    display: flex;
    align-items: center;
    width: 100%;
    line-height: 2.5;
    font-weight: var(--ftW600);
    font-size: var(--ftS05rem);
}

#findArea-pop #space2 ul li button {
    margin-left: auto;
    background-color: transparent;
    border: none;
    cursor: pointer;
    font-weight: var(--ftW400);
    font-size: var(--ftS06rem);
    color: var(--bD9);
}

#findArea-pop #space2 ul li button:hover {
    color: var(--mainColor);
    transition: 0.1s ease;
}

#findArea-pop #space2 ul li i {
    padding: 0 var(--pd10);
}

#findArea-pop #space2 ul li span:last-of-type {
    color: var(--b888);
}
#findArea-pop #space3 #test1map {
    border-radius: var(--size8);
    width: 100%;
    height: calc(100% - 260px);
}

#findArea-pop .bott-box {
    box-shadow: var(--shadow1);
    padding: var(--pd15) var(--pd20);
    border-bottom-left-radius: var(--size8);
    border-bottom-right-radius: var(--size8);
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 7;
    background-color: var(--white);
}

#findArea-pop .bott-box input {
    display: block;
    width: 100%;
    line-height: 3;
    font-size: var(--ftS04rem);
    font-weight: var(--ftW600);
    border: none;
    color: var(--white);
    border-radius: var(--size8);
    text-align: center;
    background-color: var(--mainColor);
}

#findArea-pop .bott-box input:hover {
    background-color: #7bd1ff;
    transition: var(--ttionBG);
}

/* ! 날짜선택 */

#selectPeriod-pop .top-box .top {
    margin-bottom: var(--mg20);
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 var(--pd25) 0 var(--pd50);
    gap: var(--mg20);
    background-color: var(--bf2);
    line-height: 3;
    min-height: 50px;
    border-radius: var(--size8);
    background-size: 0.93rem;
    background-repeat: no-repeat;
    background-position: left var(--pd25) center;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 20C1.45 20 0.979167 19.8042 0.5875 19.4125C0.195833 19.0208 0 18.55 0 18V4C0 3.45 0.195833 2.97917 0.5875 2.5875C0.979167 2.19583 1.45 2 2 2H3V0H5V2H13V0H15V2H16C16.55 2 17.0208 2.19583 17.4125 2.5875C17.8042 2.97917 18 3.45 18 4V18C18 18.55 17.8042 19.0208 17.4125 19.4125C17.0208 19.8042 16.55 20 16 20H2ZM2 18H16V8H2V18ZM2 6H16V4H2V6ZM9 12C8.71667 12 8.47917 11.9042 8.2875 11.7125C8.09583 11.5208 8 11.2833 8 11C8 10.7167 8.09583 10.4792 8.2875 10.2875C8.47917 10.0958 8.71667 10 9 10C9.28333 10 9.52083 10.0958 9.7125 10.2875C9.90417 10.4792 10 10.7167 10 11C10 11.2833 9.90417 11.5208 9.7125 11.7125C9.52083 11.9042 9.28333 12 9 12ZM5 12C4.71667 12 4.47917 11.9042 4.2875 11.7125C4.09583 11.5208 4 11.2833 4 11C4 10.7167 4.09583 10.4792 4.2875 10.2875C4.47917 10.0958 4.71667 10 5 10C5.28333 10 5.52083 10.0958 5.7125 10.2875C5.90417 10.4792 6 10.7167 6 11C6 11.2833 5.90417 11.5208 5.7125 11.7125C5.52083 11.9042 5.28333 12 5 12ZM13 12C12.7167 12 12.4792 11.9042 12.2875 11.7125C12.0958 11.5208 12 11.2833 12 11C12 10.7167 12.0958 10.4792 12.2875 10.2875C12.4792 10.0958 12.7167 10 13 10C13.2833 10 13.5208 10.0958 13.7125 10.2875C13.9042 10.4792 14 10.7167 14 11C14 11.2833 13.9042 11.5208 13.7125 11.7125C13.5208 11.9042 13.2833 12 13 12ZM9 16C8.71667 16 8.47917 15.9042 8.2875 15.7125C8.09583 15.5208 8 15.2833 8 15C8 14.7167 8.09583 14.4792 8.2875 14.2875C8.47917 14.0958 8.71667 14 9 14C9.28333 14 9.52083 14.0958 9.7125 14.2875C9.90417 14.4792 10 14.7167 10 15C10 15.2833 9.90417 15.5208 9.7125 15.7125C9.52083 15.9042 9.28333 16 9 16ZM5 16C4.71667 16 4.47917 15.9042 4.2875 15.7125C4.09583 15.5208 4 15.2833 4 15C4 14.7167 4.09583 14.4792 4.2875 14.2875C4.47917 14.0958 4.71667 14 5 14C5.28333 14 5.52083 14.0958 5.7125 14.2875C5.90417 14.4792 6 14.7167 6 15C6 15.2833 5.90417 15.5208 5.7125 15.7125C5.52083 15.9042 5.28333 16 5 16ZM13 16C12.7167 16 12.4792 15.9042 12.2875 15.7125C12.0958 15.5208 12 15.2833 12 15C12 14.7167 12.0958 14.4792 12.2875 14.2875C12.4792 14.0958 12.7167 14 13 14C13.2833 14 13.5208 14.0958 13.7125 14.2875C13.9042 14.4792 14 14.7167 14 15C14 15.2833 13.9042 15.5208 13.7125 15.7125C13.5208 15.9042 13.2833 16 13 16Z' fill='%23555555'/%3E%3C/svg%3E%0A");
}

#selectPeriod-pop .top-box .top div span {
    font-weight: var(--ftW400);
    font-size: var(--ftS04rem);
}

#selectPeriod-pop .top-box .top div span b {
    font-weight: var(--ftW600);
    margin-right: var(--mg5);
    color: var(--b333);
}

#selectPeriod-pop .top-box .top div i {
    padding: 0 var(--pd10);
}

#selectPeriod-pop .top-box .top>span {
    margin-left: auto;
    font-weight: var(--ftW600);
    color: var(--b666);
}

#selectPeriod-pop .top-box .bott {
    margin-bottom: var(--mg40);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: var(--mg15);
}

#selectPeriod-pop .top-box .bott>div {
    width: 50%;
}

#selectPeriod-pop .top-box .bott>div h3 {
    font-size: var(--ftS04rem);
    margin-bottom: var(--mg5);
    line-height: 1.2;
    color: var(--b333);
    font-weight: var(--ftW600);
}

#selectPeriod-pop .top-box .bott .timeBox {
    position: relative;
}

#selectPeriod-pop .top-box .bott .timeBox>span {
    display: flex;
    background-color: var(--bf2);
    border-radius: var(--size8);
    line-height: 3;
    align-items: center;
    justify-content: space-between;
    padding: 0 var(--pd10);
    font-size: var(--ftS04rem);
    cursor: pointer;
    max-height: 50px;
}

#selectPeriod-pop .top-box .bott .timeBox:has(ul.open)>span i {
    transform: rotateZ(180deg);
}

#selectPeriod-pop .top-box .bott .timeBox ul {
    position: absolute;
    margin-top: var(--mg10);
    background-color: var(--bf2);
    border-radius: var(--size8);
    width: 100%;
    z-index: 6;
    max-height: 0;
    overflow-y: hidden;
}

#selectPeriod-pop .top-box .bott .timeBox ul.open {
    max-height: 320px;
    overflow-y: scroll;
    transition: max-height 0.2s linear;
}

#selectPeriod-pop .top-box .bott .timeBox ul::-webkit-scrollbar {
    width: calc(var(--size8) + 10px);
    background-color: transparent;
}

#selectPeriod-pop .top-box .bott .timeBox ul::-webkit-scrollbar-thumb {
    background-color: var(--bD9);
    border-radius: calc(var(--size8) + 10px);
    border: 6px var(--bf2) solid;
}

#selectPeriod-pop .top-box .bott .timeBox ul::-webkit-scrollbar-track {
    background-color: transparent;
}

#selectPeriod-pop .top-box .bott .timeBox ul li {
    font-size: var(--ftS04rem);
    line-height: 2.4;
    padding: var(--pd5) var(--pd15);
    cursor: pointer;
}

#selectPeriod-pop .top-box .bott .timeBox ul li:hover {
    transition: 0.2s linear;
    background-color: var(--bD9);
}

#selectPeriod-pop .top-box .bott>div span select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    width: 100%;
    line-height: 3;
    font-weight: var(--ftW400);
    font-size: var(--ftS04rem);
    color: var(--b555);
    cursor: pointer;
    padding: 0 var(--pd20) 0 var(--pd15);
    background-position: right var(--pd15) center;
    background-size: var(--mg15);
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--!Font Awesome Pro 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23555555' d='M239 401c9.4 9.4 24.6 9.4 33.9 0L465 209c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-175 175L81 175c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9L239 401z'/%3E%3C/svg%3E");
}

#selectPeriod-pop .mid-box {
    position: relative;
    height: calc(100% - 210px);
}

#selectPeriod-pop .mid-box .prevNext {
    position: absolute;
    z-index: 4;
    display: flex;
    justify-content: space-between;
    top: 0;
    width: 100%;
}

#selectPeriod-pop .mid-box .prevNext button {
    appearance: none;
    border: none;
    background-color: transparent;
}

#selectPeriod-pop .mid-box .prevNext i {
    width: 20px;
    line-height: 20px;
    font-size: 15px;
    cursor: pointer;
    color: var(--b555);
    opacity: 0.5;
}

#selectPeriod-pop .mid-box .prevNext i:hover {
    opacity: 1;
    transition: 0.2s linear;
}

#selectPeriod-pop .mid-box>div:last-child {
    display: flex;
    gap: var(--mg15);
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
    padding-bottom: 90px;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#selectPeriod-pop .mid-box>div:last-child::-webkit-scrollbar {
    display: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

#selectPeriod-pop .mid-box>div:last-child [class^="cal"] {
    width: 50%;
    text-align: center;
    height: auto;
}

#selectPeriod-pop .mid-box>div:last-child [class^="cal"] h4 {
    line-height: 1.2;
    position: sticky;
    top: 0;
    z-index: 3;
    background-color: var(--white);
    font-size: var(--ftS04rem);
    color: var(--black);
    font-weight: var(--ftW600);
    margin-bottom: var(--mg20);
}

table .holiday {
    color: #fe4343;
}

#selectPeriod-pop .mid-box>div:last-child [class^="cal"] table {
    border-spacing: 0px;
    border-collapse: collapse;
    width: 100%;
    font-size: var(--ftS06rem);
}

#selectPeriod-pop .mid-box>div:last-child [class^="cal"] table thead th {
    line-height: clamp(50px, 2vw, 60px);
}

#selectPeriod-pop .mid-box>div:last-child [class^="cal"] table td {
    line-height: clamp(50px, 2vw, 60px);
    font-weight: var(--ftW600);
}

#selectPeriod-pop .mid-box>div:last-child [class^="cal"] table tbody td {
    font-weight: var(--ftW400);
    cursor: pointer;
    position: relative;
    z-index: 1;
    text-align: center;
}

#selectPeriod-pop .mid-box>div:last-child [class^="cal"] tbody .stRent,
#selectPeriod-pop .mid-box>div:last-child [class^="cal"] tbody .finRent {
    color: var(--white);
    position: relative;
}

#selectPeriod-pop .mid-box>div:last-child [class^="cal"] tbody .betRent {
    position: relative;
}

#selectPeriod-pop .mid-box>div:last-child [class^="cal"] tbody .stRent::after,
#selectPeriod-pop .mid-box>div:last-child [class^="cal"] tbody .finRent::after {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--mainColor);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
}

#selectPeriod-pop .mid-box>div:last-child [class^="cal"] tbody .stRent::before {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--mainColor);
    width: 50%;
    height: 40px;
    opacity: 0.2;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translateY(-50%);
}

#selectPeriod-pop .mid-box>div:last-child [class^="cal"] tbody .finRent::before {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--mainColor);
    width: 50%;
    height: 40px;
    opacity: 0.2;
    top: 50%;
    right: 50%;
    z-index: -1;
    transform: translateY(-50%);
}

#selectPeriod-pop .mid-box>div:last-child [class^="cal"] tbody .betRent::after {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--mainColor);
    opacity: 0.2;
    width: 100%;
    height: 40px;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
}

#selectPeriod-pop .bott-box {
    box-shadow: var(--shadow1);
    padding: var(--pd15) var(--pd20);
    border-bottom-left-radius: var(--size8);
    border-bottom-right-radius: var(--size8);
    position: absolute;
    display: flex;
    z-index: 1;
    gap: var(--mg20);
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: var(--white);
}

#selectPeriod-pop .bott-box button:last-child {
    display: block;
    width: 85%;
    line-height: 3;
    font-size: var(--ftS04rem);
    font-weight: var(--ftW600);
    border: none;
    color: var(--white);
    border-radius: var(--size8);
    text-align: center;
    background-color: var(--mainColor);
    cursor: pointer;
}

#selectPeriod-pop .bott-box button:last-child:hover {
    background-color: #7bd1ff;
    transition: var(--ttionBG);
    color: var(--white);
}

#selectPeriod-pop .bott-box button {
    width: 15%;
    border: none;
    background-color: transparent;
    font-size: var(--ftS05rem);
    color: var(--bD9);
    cursor: pointer;
}

#selectPeriod-pop .bott-box button i {
    margin-right: var(--mg5);
    color: var(--bD9);
}

#selectPeriod-pop .bott-box button:hover,
#selectPeriod-pop .bott-box button:hover i {
    color: var(--mainColor);
    transition: 0.2s linear;
}

.semi_lobtn.on {
    color: var(--mainColor) !important;
}

.m_cal {
    display: none;
}

.choiceDay1::before {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--mainOpColor);
    width: 51%;
    height: 40px;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translateY(-50%);
}

.choiceDay1::after {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--mainColor);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
}

.choiceDay2 {
    color: var(--white) !important;
    position: relative;
}

.choiceDay2::before {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--mainOpColor);
    width: 51%;
    height: 40px;
    top: 50%;
    right: 50%;
    z-index: -1;
    transform: translateY(-50%);
}

.choiceDay2::after {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--mainColor);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
}

.betweenDay {
    position: relative;
}

.betweenDay::after {
    content: "";
    position: absolute;
    display: block;
    background-color: var(--mainOpColor);
    width: 100.5%;
    height: 40px;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
}

.today {
    color: #54c3fe;
}

.today::after {
    content: "";
    position: absolute;
    display: block;
    outline: 2px solid #54c3fe;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
}

.choiceDay1 {
    color: var(--white) !important;
    position: relative;
}

#menu_wrap {
    display: none;
}

#menu_wrap.active {
    display: block;
}

/* !삭제팝업 */

.delPop {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--white);
    border-radius: var(--size8);
    padding: var(--pd30);
    box-shadow: var(--shadow1);
}

.delPop::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
}

.delPop p {
    font-size: var(--ftS03rem);
    font-weight: var(--ftW600);
    margin-bottom: var(--mg30);
}

.delPop small {
    font-size: var(--ftS06rem);
    font-weight: var(--ftW500);
    color: var(--b777);
    margin-top: var(--pd15);
    display: block;
    word-break: auto-phrase;
    line-height: 1.2;
}

.delPop div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5%;
}

.delPop div {
    display: flex;
    align-items: center;
    justify-content: right;
    gap: 5%;
}

.delPop div button {
    line-height: 2.5;
    border: none;
    border-radius: var(--size4);
    padding: 0 var(--pd15);
    background-color: var(--white);
    color: var(--mainColor);
    font-size: var(--ftS07rem);
    cursor: pointer;
}

.delPop div button:hover {
    color: var(--hovColor);
}