#placecontent_inner,
#placecontent_inner * {
    font-family: "Pretendard", sans-serif;
}
#placecontent_inner {
    max-width: 1270px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

#placecontent_inner button {
    background: none;
}


/* 최근검색어 */
#placecontent_inner .resent_search {
    margin-top: 20px;
}

#placecontent_inner .flex_row {
    display: flex;
}

#placecontent_inner .space-between {
    justify-content: space-between;
}

#placecontent_inner .resent_search h4 {
    font-size: 1.25rem;
    color: #111;
    font-weight: 600;
}

#placecontent_inner .resent_search .search_alldelete {
    color: #157ced;
    text-decoration: underline;
    cursor: pointer;
}

#placecontent_inner .resent_wordbox {
    margin-top: 10px;
    display: flex;
    gap: 5px;
    flex-flow: wrap;
}

#placecontent_inner .resent_wordbox li {
    position: relative;
    cursor: pointer;
    padding: 10px 16px;
    background: #F8FBFF;
    color: #157ced;
    display: inline-flex;
    align-items: center;
    border-radius: 40px;
}

#placecontent_inner .resent_wordbox span img {
    margin-left: 10px;
    content: '';
    width: 8px;
    height: 8px;
    display: inline-block;
}


/* 검색결과 없음 */
#placecontent_inner .search_nodata {
    display: flex;
    gap: 10px;
    align-items: center;
    color: #bbb;
    border-radius: 5px;
    background: #F6F7F9;
    padding: 20px;
    width: 100%;
    justify-content: center;
    margin-top: 14px;
}

#placecontent_inner .recommend_product .commend_h3 {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 20px;

    &::before {
        content: '';
        margin-right: 3px;
        display: inline-block;
        width: 32px;
        height: 24px;
        background: url(/images/heart.svg)no-repeat center;
        background-size: cover;
    }
}

#placecontent_inner .recommend_product .commend_h4 {
    font-size: 1.35rem;
    font-weight: 600;
    margin-top: 20px;

    & span {
        color: #157ced;
        font-size: 1.35rem;
    }
}

#placecontent_inner .place_listwrapper {
    max-width: 1270px;
    gap: 10px;
    display: flex;
    justify-content: space-between;
    margin-top: 18px;
    overflow-x: auto;

    &::-webkit-scrollbar {
        display: none;
    }

    & .place_listcommen {
        cursor: pointer;
    }

    & .place_sum {
        position: relative;
        width: 240px;

        &>img {
            width: 100%;
            height: 180px;
            border-radius: 10px;
            object-fit: cover;
        }
    }

    & .place_sum p.place_description {
        width: 100%;
        line-height: 120%;
        background: #0000008c;
        color: #fff;
        border-radius: 0 0 10px 10px;
        text-align: center;
        position: absolute;
        bottom: 0;
        padding: 4px;
    }

    & .place_info {
        margin-top: 16px;

        & .place_name {
            font-size: 1.25rem;
            min-height: 46px;
            font-weight: 600;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        & .place_enname {
            color: #999;
            font-size: 0.925rem;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        & .price_cost {
            color: #FF4343;
            font-weight: 800;
            font-size: 1.25rem;
        }

        & #placecontent_inner .price_cost span {
            color: #999;
            font-size: 0.95rem;
        }

        & .placehashtag>span {
            font-size: 0.925rem;
            color: #9C9C9C;
            margin-top: 8px;
        }
    }

    & .place_info:has(.discount_rate) {

        & .placehashtag {
            display: flex;
            justify-content: space-between;
        }

        & .discount_rate {
            color: #FF4343;
            text-align: right;
            font-size: 0.9rem;
            font-weight: 800;
            flex-basis: 55%;
        }
    }

    & .heart {
        position: absolute;
        right: 10px;
        top: 10px;
        z-index: 2;

        background: url('https://www.tourpik.com/images/main/ico_heart_off.svg') no-repeat;
        background-position: center;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }

    & .heart.on {
        background: url('https://www.tourpik.com/images/main/ico_heart_on.svg') no-repeat;
    }

    & .placerecommend_num {
        background: #fff;
        border-radius: 0 0 100% 0;
        padding: 5px 22px 12px 10px;
        position: absolute;
        left: 0;
        top: 0;

        & span {
            display: inline-block;
            font-size: 1.55rem;
            font-weight: 700;
        }
    }

    & .miniinfo_wrapper {
        display: flex;
        align-items: center;
        color: #999;
        gap: 10px;
        font-size: 0.90rem;
        margin-top: 8px;
    }

    & .miniinfo_wrapper>div {
        display: inline-flex;
        align-items: center;
        gap: 3px;
    }
}


#placecontent_inner section.matching_result .result_infobox {
    padding: 10px 20px;
    background: #f6f7f9;
    margin-top: 16px;
    border-radius: 5px;

    & span {
        color: #157ced;
        font-weight: 600;
    }
}

#placecontent_inner section.matching_result .commend_h4 {
    font-size: 1.35rem;
    font-weight: 600;
    margin-top: 20px;

    & span {
        font-size: 1rem;
        color: #999;
        font-weight: 400;
    }
}

#placecontent_inner section.matching_result .boderh4 {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 16px;
}

#placecontent_inner .matching_result .place_listwrapper {
    max-width: 1270px;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
    row-gap: 24px;
}

#placecontent_inner .matching_result .place_listcommen {
    width: 24%;

    & .place_sum,
    & .place_sum>img {
        width: 100%;
    }

    & .place_sum p.place_description {
        width: 100%;
        line-height: 120%;
        background: #0000008c;
        color: #fff;
        border-radius: 0 0 10px 10px;
        text-align: center;
        position: absolute;
        bottom: 0;
        padding: 4px;
    }
}

/* 카카오상담 */
#placecontent_inner .new_kakaochat {
    padding: 28px 16px;
    width: 100%;
    text-align: center;
    max-width: 1270px;
    background: #FEF9D9;
    margin-top: 50px;
    border-radius: 10px;
}

#placecontent_inner .new_kakaochat p {
    color: #999;
    font-size: 1rem;
}

#placecontent_inner .new_kakaochat strong {
    font-size: 1.5rem;
    font-weight: 800;
}

#placecontent_inner .new_kakaochat strong::after {
    content: '';
    position: relative;
    top: 6px;
    margin-left: 5px;
    display: inline-block;
    width: 35px;
    height: 32px;
    background: url(/images/talk_heart.png);
}

#placecontent_inner .new_kakaochat ul {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    margin-top: 2%;
}

#placecontent_inner .new_kakaochat ul li {
    background: #FFE448;
    border-radius: 10px;
    width: 48%;
}

#placecontent_inner .new_kakaochat ul a.talkdirect {
    font-size: 1.125rem;
    font-weight: 600;
    display: block;
    width: 100%;
    height: 100%;
    padding: 18px;
}

#placecontent_inner .new_kakaochat ul a.talkdirect::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(/images/arrow_yellow.svg);
    margin-left: 10px;
    position: relative;
    top: 4px;
}

@media all and (max-width: 1270px) {
    #placecontent_inner .resent_search {
        padding: 0 10px;
    }

    #placecontent_inner div.recommend_product>*:not(.place_listwrapper) {
        padding-left: 15px;
    }

    #placecontent_inner:not(:has(.matching_result)) .place_listwrapper {
        padding: 0 15px;
    }

    #placecontent_inner section.matching_result {
        padding: 0 15px;
    }
}

@media (max-width: 880px) {
    #placecontent_inner .recommend_product .commend_h3 {
        font-size: 1.35rem;
    }

    #placecontent_inner .recommend_product .commend_h4 {
        font-size: 1.25rem;
    }

    #placecontent_inner .place_listwrapper {
        justify-content: flex-start;
        gap: 20px;
        margin-top: 14px;

        & .matching_result .place_listcommen {
            width: 32%;
        }

        & .place_sum {
            width: 180px;

            &>img {
                height: 140px;
            }
        }
        
        & .place_info {
            & .place_name {
                font-size: 1.1rem;
                min-height: 40px;
            }
            & .price_cost {
                font-size: 1.1rem;
            }
        }
    }

    #placecontent_inner .matching_result .place_listcommen {
        width: 32%;
    }
}

@media (max-width: 640px) {
    #placecontent_inner .matching_result .place_listwrapper {
        gap: 16px;
    }

    #placecontent_inner .matching_result .place_listcommen {
        width: 100%;
        position: relative;

        & a {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        & .place_sum {
            width: 260px;
        }

        & .place_sum>img {
            height: 120px;
            width: 100%;
        }

        & .place_info {
            margin-top: 0;
            width: 100%;
            min-width: 200px;
        }
    }
}