#placedetail {
    display: block;
    overflow: hidden;

    --placedetail-header-height: 6.6rem;
    --placedetail-blank-height: 3rem;
    --placedetail-modalheader-height: 4.9rem;
    --placedetail-modalorder-height: 2.2rem;
    --placedetail-textwrapper-height: 9.9rem;

    padding-bottom: 0;
    height: 100%;
    /*height: 100vh;*/
}

#placedetail .content {
    position: relative;
    overflow-y: hidden;

    margin: 0 auto;
    max-width: var(--pc-max-width);
    top: var(--placedetail-header-height);

    top: 0;
    width: 100%;
    height: 100%;
}

#placedetail .content .popup-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    /* display: none; */
    overflow: hidden;
    width: auto;
    pointer-events: none;
}

#placedetail .content .popup-wrapper .backdrop {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

#placedetail .content .popup-wrapper .popup-content {
    position: absolute;
    top: 2rem;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 21rem;
    height: 29.5%;
    height: 24rem;
    z-index: 1;
}

#placedetail .content .popup-wrapper .title-box {
    text-align: center;
    border: 0.1rem solid #3D7480;
    border-radius: 1.4rem;
    background: rgb(255 255 255 / 95%);
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.4rem 1.6rem;
    cursor: pointer;
    pointer-events: auto;
}

#placedetail .content .popup-wrapper .title-box .text {
    font-size: var(--font4);
    font-weight: 700;
    color: #305E68;
}

#placedetail .content .popup-wrapper .title-box img {
    width: 4.3%;
    width: 0.7rem;
}

#placedetail .content .popup-wrapper ul {
    display: none;
    /*display: flex;*/
    flex-direction: column;
    background: #f0f0f0;
    padding: 2.4rem 1.6rem 1.2rem;
    position: absolute;
    width: 100%;
    top: 1.5rem;
    border: 0.1rem solid #3D7480;
    border-radius: 1.5rem;

    max-height: 20rem;
    overflow-y: scroll;
    pointer-events: auto;
}

#placedetail .content .popup-wrapper ul.active {
    display: flex;
}

#placedetail .content .popup-wrapper ul li {
    color: #3C3C3C;
    font-size: var(--font2);
    padding: 0.4rem 0;
    cursor: pointer;
}

#placedetail .content .popup-wrapper .cancel {
    position: absolute;
    bottom: 0;
    top: auto;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    cursor: pointer;
    color: rgb(255 255 255 / 80%);
    font-size: var(--font3);
    pointer-events: auto;
    display: none;
}

#placedetail .content .text-wrapper {
    margin-top: 2.65rem;
}

#placedetail .content .text-wrapper .title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font8);
    color: var(--primary);
    font-weight: 500;
}

#placedetail .content .text-wrapper .title .text {
    font-size: var(--font8);
    color: var(--primary);
    font-weight: 500;
}

#placedetail .content .text-wrapper .area-text-box {
    position: relative;
}

#placedetail .content .text-wrapper .area-text {
    font-weight: 700;
    font-size: var(--font8);
    color: var(--primary);
}

#placedetail .content .text-wrapper .area-text-box .text-deco {
    position: absolute;
    width: 94%;
    height: 1.2rem;
    background: #8dc2be3b;
    top: 1.4rem;
}

#placedetail .content .text-wrapper .deco {
    width: 1.4rem;
}

#placedetail .content .text-wrapper .des {
    margin-top: 0.8rem;
    display: flex;
    flex-direction: column;
    /*align-items: flex-start;*/
    align-items: center;
    text-align: center;
    padding: 0 0.8rem;
}

#placedetail .content .text-wrapper .des li {
    position: relative;
    font-size: var(--font3);
    padding-bottom: 0.2rem;
    color: #6C6C6C;
    font-weight: 300;
    word-break: keep-all;
}

#placedetail .content .text-wrapper .des li strong {
    /*font-size: var(--font4);*/
    font-size: var(--font3);
    color: #6C6C6C;
    font-weight: 500;
}

#placedetail .content .text-wrapper .des li:before {
    content: "·";
    position: relative;
    top: 0;
    left: 0.3rem;
    color: #6C6C6C;
    padding: 0 0.6rem;
}

#placedetail .content .open-text-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 1%;
    z-index: 2;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: none;
}

#placedetail .content .open-text-wrapper .text-box {
    background: #fffffffa;
    border-radius: 0.8rem;
    padding: 0px 1.8rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

#placedetail .content .open-text-wrapper .text {
    font-size: var(--font2);
    color: #515151;
    padding-right: 0.4rem;
}

#placedetail .content .open-text-wrapper img {
    width: 0.8rem;
}

/* 상단 카테고리 */
#placedetail .content .cate-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 2;
    margin: 0 auto;
    left: 0;
    right: 0;
    max-width: var(--pc-max-width);
    transition: transform 0.4s;

    padding-left:1.2rem;
    padding-top: 0.8rem;
    width: 100%;
    display: none;
}

#placedetail .content .cate-wrapper ul {
    display: flex;
    align-items: center;
    width: 100%;
    border-radius: 0.8rem;
    overflow-x: scroll;
    pointer-events: auto;
}

/* ( 크롬, 사파리, 오페라, 엣지 ) 동작 */
#placedetail .content .cate-wrapper ul ::-webkit-scrollbar {
    display: none;
}

#placedetail .content .cate-wrapper ul  {
    -ms-overflow-style: none; /* 인터넷 익스플로러 */
    scrollbar-width: none; /* 파이어폭스 */
}

/* 윈도우 보이게! */
#placedetail.windows-os .content .cate-wrapper ul ::-webkit-scrollbar {
    display: block;
}

#placedetail.windows-os .content .cate-wrapper ul  {
    -ms-overflow-style: scrollbar;
    scrollbar-width: thin;
      padding-bottom: 1.2rem;
}

#placedetail .content .cate-wrapper ul .cate {
    display: flex;
    width: 100%;
}

#placedetail .content .cate-wrapper ul .no-cate {
}

#placedetail .content .cate-wrapper ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0.8rem;
    width: 100%;
}

#placedetail .content .cate-wrapper ul .no-cate li {
    justify-content: flex-start;
}

#placedetail .content .cate-wrapper ul li.search-btn {
    max-width: 7rem;
}

#placedetail .content .cate-wrapper ul li img {
    /*width: 100%;*/
    width: 1.6rem;
}

#placedetail .content .cate-wrapper ul li .text-box {
    background: #fff;
    border-radius: 1.6rem;
    height: 3rem;
    width: auto;
    white-space: nowrap;
    padding: 0.2rem 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 0.1rem solid #ddd;
}

#placedetail .content .cate-wrapper ul .search-btn .text-box {
    background-color: #E4F6F6;
}

#placedetail .content .cate-wrapper ul li.active .text-box {
    background-color: var(--primary);

}

#placedetail .content .cate-wrapper ul li.item .text-box .text {
    font-size: var(--font2);
    padding-left: 0.2rem;
    color: #000;
}

#placedetail .content .cate-wrapper ul li.active .text-box .text {
    color: #fff;
}

#placedetail .content .map-wrapper {
    margin-top: 1.6rem;
    width: 100%;
    height: 37.6rem;
    position: relative;

    z-index: 1;
}

#placedetail .content .map-wrapper .cover {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: #00000060;
    z-index: 1;
    cursor: pointer;
}

#placedetail .content .map-wrapper .cover.active {
    display: block;
}

#placedetail .content .map-wrapper .cluster-marker {
    width: 2.8rem;
    height: 3.6rem;
    background: url('../../../img/map/default.png') no-repeat center center;
    background-size: contain;
    position: absolute;
    transform-origin: center center;
}

#placedetail .content .map-wrapper .marker {
    width: 3.5rem;
    height: 3.5rem;
    background: url('../../../img/map/default.png') no-repeat center center;
    background-size: contain;
    position: absolute;
    transform-origin: center center;
}

#placedetail .content .map-wrapper .small-marker {
    width: 0.8rem;
    height: 0.8rem;
    background: url('../../../img/map/icon-gps-mini.png') no-repeat center center;
    background-size: contain;
    position: absolute;
    transform-origin: center center;
    opacity: .8;
}


#placedetail .content .map-wrapper .marker.main-flag {
    width: 3.5rem;
    height: 3.5rem;
    background: url('../../../img/map/main.png') no-repeat center center;
    background-size: contain;
    position: absolute;
    transform-origin: center center;
}

#placedetail .content .map-wrapper .marker-label {
    font-size: var(--font0);
    color: #333;
    font-weight: 700;
    width: 100%;
    word-break: keep-all;
    /*padding-left: 0.2rem;*/
    padding-left: 0.1rem;
}

#placedetail .content .map-wrapper .m-infowindow {
    width: 100%;
    /*height: 100%;*/
    height: 101%;
    padding: 0.8rem;
    font-size: var(--font2);
    background: #1E7C84;
    color: white;
    white-space: nowrap;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.4rem;
}

#placedetail .content .map-wrapper .m-infowindow h5 {
    padding: 0;
    margin: 0;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    box-sizing: inherit !important;
    color: white;
    white-space: nowrap;
    font-size: var(--font2);
}

#placedetail .content .map-wrapper .main-flag-infowindow {
    width: 100%;
    min-width: 11.5rem;
    max-height: 4.4rem;
    padding: 0.2rem;
    font-size: var(--font2);
    border: 0.2rem solid #F56652;
    border-radius: 0.8rem;
    color: #777;
    text-align: center;
    position: relative;
    background-color: #fff;
    cursor: pointer;
    font-weight: 500;
}

#placedetail .content .map-wrapper .main-flag-infowindow .close {
    position: absolute;
    top: 0px;
    right: 0.2rem;
    opacity: .7;
    width: 1.6rem;
    padding: 0.4rem;
    /*cursor: pointer;*/
}

#placedetail .content .map-wrapper .main-flag-infowindow .close img {
    width: 100%;
}

#placedetail .content .map-wrapper .main-flag-infowindow .text-box {
    /*display: flex;*/
    /*align-items: center;*/
}

#placedetail .content .map-wrapper .main-flag-infowindow span {
    color: #F56652;
}

#placedetail .content .map-wrapper #map {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

#placedetail .list-wrapper {
    overflow-y: scroll;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    /*z-index: 2;*/
}

/* ( 크롬, 사파리, 오페라, 엣지 ) 동작 */
.list-wrapper::-webkit-scrollbar {
    display: none;
}

.list-wrapper {
    -ms-overflow-style: none; /* 인터넷 익스플로러 */
    scrollbar-width: none; /* 파이어폭스 */
}

/*html.pc-browser #placedetail .inihall-modal-content.active {*/
/*    height: calc(var(--placedetail-header-height) + var(--placedetail-modalheader-height) + var(--placedetail-blank-height));*/
/*}*/

/*#placedetail .inihall-modal-content.active {*/
/*    height: calc(var(--placedetail-modalheader-height) + var(--placedetail-blank-height));*/
/*}*/

#placedetail .inihall-modal-content {
    bottom: 0;
    z-index: 2;
    position: absolute;
    /*top: 0;*/
    left: 0;
    right: 0;
    height: calc(var(--placedetail-header-height) + var(--placedetail-modalheader-height) + var(--placedetail-blank-height));
}

/* 스크롤 */
#placedetail .scroll-wrapper {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1;
}

#placedetail .scroll-wrapper .space {
    height: 92.5%;
    pointer-events: none;
}

#placedetail .hall-scroll-wrapper {
    pointer-events: auto;
    /*overflow-y: auto;*/
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    font-size: 0;
}

#placedetail .hall-scroll-wrapper .blank {
    width: 100%;
    height: 3rem;
}

#placedetail .hall-content-head {
    position: relative;
    height: 4.9rem;
    background-color: #FFFFFF;
    border-radius: 2.4rem 0 0 0;

    padding: 1.4rem 2.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.1rem solid #DADADA;
    border-top: 0.1rem solid #DADADA;

    pointer-events: auto;
}

#placedetail .hall-content-head .text-box {
    display: flex;
    align-items: center;
    cursor: pointer;
}

#placedetail .hall-content-head .text-box .text {
    color: #8E8E8E;
    padding-right: 0.6rem;
    font-weight: 500;
    font-size: var(--font5);
}

#placedetail .hall-content-head .text-box img {
    width: 1.1rem;
}

#placedetail .hall-content-head .help-wrapper {
    position: relative;
    cursor: pointer;
    margin-right: 1.6rem;
}

#placedetail .hall-content-head .help-wrapper .help-text {
    font-size: 1.05rem;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    color: #333;
    font-weight: 700;
}

#placedetail .hall-content-head .help-wrapper .help-img {
    position: absolute;

    top: -3.9rem;
    right: -2.2rem;
    width: 100%;
    z-index: 9;
    animation: backandforth 1.2s ease-in-out 0.2s infinite alternate;
}

#placedetail .hall-content-head .help-wrapper .help-img img {
    width: 100%;
}

@keyframes backandforth {
    0% {
        -webkit-transform: translateX(-4%);
        -moz-transform: translateX(-4%);
        -ms-transform: translateX(-4%);
        -o-transform: translateX(-4%);
        transform: translateX(-4%);
    }

    50% {
        -webkit-transform: translateX(4%);
        -moz-transform: translateX(4%);
        -ms-transform: translateX(4%);
        -o-transform: translateX(4%);
        transform: translateX(4%);
    }

    100% {
        -webkit-transform: translateX(-4%);
        -moz-transform: translateX(-4%);
        -ms-transform: translateX(-4%);
        -o-transform: translateX(-4%);
        transform: translateX(-4%);
    }
}


#placedetail .hall-list-wrapper {
    width: 100%;
    background-color: #fff;
    display: inline-block;
    height: 100%;
    position: relative;
    pointer-events: auto;
}

#placedetail .select-order {
    margin-top: 0.8rem;
    padding: 0 1.4rem;
    pointer-events: auto;
}

#placedetail .select-order .order {
    padding: 0 1.2rem;
    display: inline-flex;
    align-items: center;
    margin-right: 1rem;
    cursor: pointer;

    padding-bottom: 0.4rem;
}

#placedetail .select-order .order .text {
    font-size: var(--font2);
    padding-right: 0.2rem;
    font-weight: 400;
    color: #A1A1A1;
}

#placedetail .select-order .order img {
    width: 0.6rem;
}

#placedetail .order-popup {
    display: none;
    padding: 0 1.2rem;
}

#placedetail .order-popup ul {
    position: absolute;
    background: #FFF;
    border: 0.1rem solid #3D7480;
    border-radius: 1.4rem;
    padding: 0.6rem 1rem;
    z-index: 1;
}

#placedetail .order-popup ul li {
    font-size: var(--font2);
    color: #3C3C3C;
    padding: 0.4rem 0;
    cursor: pointer;
}

#placedetail .order-popup ul li.active {
    font-weight: 600;
}

#placedetail .area-list {
    display: flex;
    align-content: center;
    display: none;
    overflow: hidden;
    overflow-x: auto;
}

/* ( 크롬, 사파리, 오페라, 엣지 ) 동작 */
#placedetail .area-list::-webkit-scrollbar {
    display: none;
}

#placedetail .area-list {
    -ms-overflow-style: none; /* 인터넷 익스플로러 */
    scrollbar-width: none; /* 파이어폭스 */
}

/* window는 보이게! */
#placedetail.windows-os .area-list::-webkit-scrollbar {
    display: block;
}

#placedetail.windows-os .area-list {
    -ms-overflow-style: scrollbar; /* 인터넷 익스플로러 */
    scrollbar-width: thin; /* 파이어폭스 */
    padding-bottom: 1.2rem;
}

#placedetail .area-list li {
    display: flex;
    padding-right: 0.8rem;
    width: 100%;
    cursor: pointer;

}

#placedetail .area-list li .text {
    font-size: var(--font2);
    border: 0.1rem solid #8e8e8e;
    /*padding: 0px 16px;*/
    height: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.6rem;
    min-width: 6rem;
    width: 100%;

}

#placedetail .area-list li.active .text {
    background-color: var(--primary);
    color: #fff;
    font-weight: 500;
}


#placedetail .hall-list {
    /*margin-top: 18px;*/
    padding-bottom: 2rem;
    overflow-y: hidden;

    pointer-events: auto;
}

#placedetail .hall-list .hall-item.no-list {
    font-size: var(--font4);
    padding: 2rem;
    color: #6b6b6b;
}

#placedetail .hall-list .hall-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0.1rem solid #EAEAEA;
    /*padding-top: 18px;*/
    padding: 1.8rem 2.6rem 2.4rem;
    width: 100%;
}

#placedetail .hall-list .hall-item:nth-child(20n) {
    border-bottom: 0.3rem solid #eaeaea;
}

#placedetail .hall-list .hall-item:last-child {
    border-bottom: none;
}

#placedetail .hall-list .hall-item .text-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding-right: 0.8rem;
    margin-top: 0;
}

#placedetail .hall-list .hall-item .text-box .top-wrapper {
    display: flex;
    flex-direction: column;
}

#placedetail .hall-list .hall-item .text-box .best {
    padding-bottom: 0.2rem;
}

#placedetail .hall-list .hall-item .text-box .best .text {
    font-size: var(--font0);
    border: 0.1rem solid #23545F;
    color: #23545F;
    display: inline-block;
    padding: 0px 0.4rem;
    font-weight: 600;
}

#placedetail .hall-list .hall-item .text-box .top {
    display: flex;
    align-items: center;
}

#placedetail .hall-list .hall-item .text-box .hname {
    color: #23545F;
    font-weight: 700;
    font-size: var(--font7);
    cursor: pointer;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#placedetail .hall-list .hall-item .text-box .htype {
    font-size: var(--font2);
    color: #9B9B9B;
    padding-left: 0.65rem;

    max-width: 10rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

#placedetail .hall-list .hall-item .text-box .hdes {
    color: #515151;
    font-size: var(--font4);
    word-break: keep-all;
}

#placedetail .hall-list .hall-item .text-box .harea {
    position: relative;
}

#placedetail .hall-list .hall-item .text-box .harea .harea-text-box {
    display: inline-flex;
    align-items: center;
    padding-top: 0.4rem;
    cursor: pointer;
}

#placedetail .hall-list .hall-item .text-box .harea .text {
    color: #9B9B9B;
    font-size: var(--font2);
    margin-right: 0.5rem;
}

#placedetail .hall-list .hall-item .text-box .harea img {
    width: 0.8rem;
}

#placedetail .hall-list .hall-item .text-box .harea .harea-detail-box {
    display: none;

    position: absolute;
    min-height: 7.1rem;
    border: 0.1rem solid #D8D8D8;
    border-radius: 0.45rem;
    box-shadow: 0px 0.1rem 0.5rem #0000001A;
    /*width: 100%;*/
    background-color: #fff;
    margin-top: 0.4rem;
    padding: 1.5rem;

    z-index: 2;
}

#placedetail .hall-list .landing-ad {
    cursor: pointer;
}

#placedetail .hall-list .hall-item.landing-ad .text-box .hname {
    color: #B84C65
}

#placedetail .hall-list .hall-item.landing-ad .text-box .hdes {
    color: #7A7A7A;
    padding-top: 0.5rem;
}

#placedetail .hall-list .landing-ad .event {
    padding-left: 0.5rem;
}

#placedetail .hall-list .landing-ad .event .text {
    color: #58858F;
    background: #FFFFFF;
    font-size: var(--font1);
    border-radius: 0.8rem;
    border: 0.1rem solid #58858F;
    padding: 0.1rem 0.4rem;
    font-weight: 500;
    height: 2.4rem;
    display: flex;
    align-items: center;
    text-align: center;
}

#placedetail .hall-list .event-hall .text {
    color: #58858F;
    background: #FFFFFF;
    font-size: var(--font1);
    border-radius: 0.8rem;
    border: 0.1rem solid #58858F;
    padding: 0.1rem 0.4rem;
    font-weight: 500;
    height: 2.4rem;
    display: flex;
    align-items: center;
    text-align: center;
}

#placedetail .hall-list .swiper {
    width: 100%;
    height: auto;
    cursor: pointer;
    margin: 0 auto;
}

#placedetail .hall-list .swiper .swiper-wrapper {
    width: 100%;
    height: 100%;

}

#placedetail .hall-list .swiper .pg {
    position: absolute;
    padding-bottom: 0.4rem;
    margin: 0 auto;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

#placedetail .hall-list .swiper .pg .swiper-pagination-bullet {
    background: rgba(0, 0, 0, 0.4);
}

#placedetail .hall-list .swiper .pg .swiper-pagination-bullet-active {
    background: var(--primary);
    opacity: .9;
}

#placedetail .hall-list .ladning-ad .text-box .hdes {
    color: #7A7A7A;
    padding-top: 0.5rem;
}

#placedetail .show-allList-wrapper,
#placedetail .show-twentyList-wrapper {
    background: #fff;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 2rem;
    display: none;
}

#placedetail .show-allList-wrapper .item,
#placedetail .show-twentyList-wrapper .item {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    /*border: 1px solid #eee;*/
    border-radius: 2rem;
    box-shadow: 0px 0.3rem 0.4rem #00000033;
    padding: 0.6rem 2rem;
    cursor: pointer;
}

#placedetail .show-allList-wrapper .text,
#placedetail .show-twentyList-wrapper .text {
    font-size: var(--font6);
    font-weight: 500;
    padding-left: 0.4rem;
    color: #23545F;
}

#placedetail .show-wrapper {
    cursor: pointer;
    position: absolute;
    bottom: 4rem;
    /*bottom: calc(var(--footer-height) + 40px);*/
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    left: 0;
    right: 0;

    z-index: 2001;
    display: none;
}

#placedetail .show-map-wrapper {
    /*bottom: 40px;*/
    bottom: 10rem;
}

#placedetail .show-list-wrapper {
    bottom: 13rem;
    /*width: auto;*/
    /*left: auto;*/
    /*right: auto;*/
    margin: 0 auto;
    cursor: pointer;
}

#placedetail .show-wrapper .item {
    display: flex;
    align-items: center;
    border-radius: 2rem;
    box-shadow: 0px 0.3rem 0.8rem #00000033;
    padding: 0.6rem 2rem;
    height: 4rem;
}

#placedetail .show-wrapper .item.show-list {
    background: #fff;
}

#placedetail .show-wrapper .item.show-map {
    background: #C6A564;
}


#placedetail .show-wrapper .item .text {
    color: #555555;
    font-size: var(--font6);
    font-weight: 500;
    padding-left: 0.4rem;
}

#placedetail .show-wrapper .item.show-map .text {
    color: #fff;
}

#placedetail .show-wrapper .item .icon {
    width: 1.2rem;
    font-size: 0;
}

#placedetail .show-wrapper .item .icon img {
    width: 100%;
}

#placedetail .harea-detail-box .detail-text {
    font-size: var(--font2);
    margin-top: 0.5rem;
    display: flex;
    align-items: center;
}

#placedetail .harea-detail-box .detail-text:first-child {
    margin-top: 0;
}

#placedetail .harea-detail-box .detail-text .strong {
    color: #535353;
    font-weight: 700;
    min-width: 3.2rem;
}

#placedetail .harea-detail-box .detail-text .address {
    font-weight: 300;
    color: #474747;

    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    /*max-width: 150px;*/
    overflow: hidden;
    display: -webkit-box;
    flex: 1;
    padding-left: 0.2rem;
}

#placedetail .harea-detail-box .detail-text .copy {
    font-size: var(--font0);
    font-weight: 500;
    color: #23545F;
    padding-left: 0.6rem;
    cursor: pointer;
}

#placedetail .hall-list .hall-item .text-box .hdetail {
    display: flex;
    align-items: center;
    padding-top: 0.8rem;
}

#placedetail .hall-list .hall-item .text-box .hdetail .round {
    border: 0.1rem solid #DDDDDD;
    border-radius: 1.2rem;
    padding: 0.4rem 0.8rem;
    height: 2.8rem;
    display: flex;
    align-items: center;
    margin-right: 0.6rem;
    cursor: pointer;
    
    /*width: 33.33%;*/
    /*justify-content: center;*/
}

#placedetail .hall-list .hall-item .text-box .hdetail .round:last-child {
    margin-right: 0;
}

#placedetail .hall-list .hall-item .text-box .hdetail .round span {
    color: #808080;
    font-size: var(--font1);
    padding-right: 0.4rem;
    white-space: nowrap;
}

#placedetail .hall-list .hall-item .text-box .hdetail .round img {
    width: 1.2rem;
}


#placedetail .hall-list .hall-item .img-wrapper {
    position: relative;
    font-size: 0;
    cursor: pointer;
}

#placedetail .hall-list .hall-item .img-wrapper:before {
    content: '';
    position: absolute;
    margin-top: 100%;
    width: 100%;
    height: 100%;
    display: inline-block;
}

#placedetail .hall-list .hall-item .h-img-cover {
    width: 9.3rem;
    height: 9.3rem !important;
    border-radius: 0.8rem;
    position: relative;
}


/* 다른지역 검색 */
#placedetail .search-popup {
    position: absolute;
    top: 4rem;
    display: none;
    /*z-index: 1;*/
    z-index: 10000;
}

#placedetail .search-popup ul {
    /*background: #FFFFFFCC;*/
    background: #FFF;
    border: 0.1rem solid #3D7480;
    border-radius: 1.4rem;
    /*padding: 12px 16px;*/
    padding: 1.2rem;
    width: 12.8rem;

    height: 18.8rem;
    overflow-y: scroll;
}

#placedetail .search-popup ul li {
    font-size: var(--font2);
    color: #3C3C3C;
    padding: 0.4rem 0;
    cursor: pointer;
}