/*--------------------------------------------------------------------------------*/
.search-result-toolbar {
    background-color: #EBE4CE;

    display: flex;
    flex-direction: row;

    justify-content: space-between;

    padding: 20px 15px 0px 15px;
}

    #search-result-count {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }
        #search-result-count .count-number {
            font-size: 24px;
            font-weight: 800;
            color: #5A9F4E;
        }
        #search-result-count .count-desc {
            font-size: 18px;
            align-self: flex-start;
            padding-top: 7px;
        }

    #search-result-order {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
        padding-top: 5px;

        cursor: pointer;
    }
        .search-result-order .order-icon {
            align-self: flex-start;
            padding-top: 5px;
        }
        .search-result-order .order-desc {
            font-size: 15px;
            align-self: flex-start;
            padding-top: 3px;
        }
            

/*--------------------------------------------------------------------------------*/
#search-result {
    background-color: #EBE4CE;

    padding-top: 5px;

    display: flex;
    flex-direction: column;
}


    a.search-result-link {
        text-decoration: none;
        color: #333;

        position: relative;

        margin: 5px 0px 10px 0px;
    }

        .search-result-new {
            position: relative;
            display: block;

            width: 50px;
            height: 50px;
            
            right: 0px;
        }

            .search-result-new-triangle {
                position: relative;
                display: block;
            }

                .search-result-new-triangle-icon {
                    position: absolute;
                    right: 13px;

                    width: 0;
                    height: 0;

                    border-top: 40px solid #73b368;
                    border-left: 40px solid transparent;

                    border-top-right-radius: 10px;
                }
                .search-result-new-triangle-text {
                    position: absolute;
                    color: #fff;

                    z-index: 2;
                    display: block;
                    font-weight: 600;


                    top: 1px;
                    font-size: 9px;
                    right: 8px;
                    transform: rotate(45deg);
                    transform-origin: left top;
                }

        .search-result-new {
            position: absolute;
            z-index: 1;
            display: block;
        }

            .search-result-new img {
                width: 100%;
                z-index: 1;

                border-top-right-radius: 10px;
            }

            .triangle {
                width: 0;
                height: 0;
                border-bottom: 100px solid blue; /* 아래쪽 색상 */
                border-left: 100px solid transparent; /* 좌측 투명 */
            }


        .search-result-item {
            display: flex;
            flex-direction: column;
            background-color: #fff;
            margin: 0px 13px 5px 13px;
            border-radius: 10px;

            position: relative;
        }

            .search-result-item .item-first {
                display: flex;
                flex-direction: row;
                margin-bottom: 5px;
                padding: 11px 16px;
            }

                .item-first .image {
                    flex: 0 0 96px;
                    margin-right: 10px;
                }
                    .item-first .image img {
                        max-width: 100%;

                        object-fit: cover;
                        aspect-ratio: 1 / 1;

                        border-radius: 5px;
                    }

                .item-first > .desc {
                    flex: 1 1 auto;

                    padding-bottom: 10px;

                    border-bottom: 1px solid #ccc;
                }
                    .item-first .desc .head {
                        display: flex;
                        flex-direction: row;
                        
                        font-size: 10px;

                        flex-wrap: wrap; /* If overflowed then next row */
                    }
                        .item-first .desc .head .item {
                            border: 1px solid #000;
                            border-radius: 10px;
                            margin-right: 5px;
                            margin-bottom: 5px;
                            text-overflow: ellipsis;
                            overflow: hidden;
                            max-width: 90px;
                            white-space: nowrap;
                            padding: 0px 5px;

                            cursor: pointer;
                        }

                    .item-first .desc .title {
                        font-size: 24px;
                        font-weight: 900;
                    }
                    .item-first .desc .desc {
                        font-size: 14px;
                    }
    
            .search-result-item .item-second {
                display: flex;
                flex-direction: row;
                margin-bottom: 5px;
                padding: 0px 16px 11px;
            }
                .item-second > .left {
                    display: flex;
                    flex-direction: column;
                    
                    min-width: 120px;
                }
                
                .item-second > .right {
                    display: flex;
                    flex-direction: row;
                    overflow-wrap: break-word;
                    
                    min-width: 120px;
                }

                    .item-second > .right img {
                        width: 24px;
                        align-self: flex-start;
                        padding-right: 4px;
                    }
                    .item-second > .right .address {
                        overflow-wrap: break-word;
                        width: 100%;
                        font-size: 14px;
                    }

                        /* div 행의, 이미지와 텍스트의 높이가 안맞아서 일괄 처리 */
                        .item-img-span-set {
                            display: flex; 
                            flex-direction: row;
                            justify-content: flex-start;
                            align-items: flex-start;
                        }
                            .item-img-span-set img {
                                margin-top: 2px;
                                padding-right: 4px;
                            }


/*--------------------------------------------------------------------------------*/
#search-more {
    background-color: #EBE4CE;

    padding-top: 5px;

    display: flex;
    flex-direction: column;
}

    .search-result-more {
        position: relative;

        margin: 0 auto;
    }
        #search-more-button {
            display: flex;
            flex-direction: row;
            gap: 10px;

            border-radius: 18px;
            border: 1px solid #333;
            padding: 5px 15px;

            cursor: pointer;
        }

            .search-result-text {
            }
            .search-result-icon {
                display: flex;
                flex-direction: column;
            }
                .search-result-icon img {
                    padding-top: 8px;
                    width: 16px;
                }