@media only screen and (min-width:1440px) {
    #new_search {
        .search_result:not(.btn_more) {
            margin: 40px 0;
        }
        .search_result {
            .list_item {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                gap: 19px;
            }

            .list_item {
                .item {
                    width: calc(33% - 8px);
                }

                .item, a {
                    display: flex;
                    flex-direction: column;
                    overflow: hidden;
                    justify-content: stretch;
                }

                .img_area {
                    width: 100%;
                    display: flex;
                    height: 290px;
                }

                .img_area img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

                .txt_area {
                    margin-top: 16px;
                    display: flex;
                    flex-direction: column;
                }

                .txt_area {
                }

                .tag_area {
                    display: flex;
                    gap: 6px;
                    flex-wrap: wrap;
                }

                .txt_area .tag_area .tag {
                    color: #fff;
                    min-width: 65px;
                    font-size: 14px;
                    text-align: center;
                    padding: 0 14px;
                    height: 22px;
                    align-items: center;
                    display: flex;
                    justify-content: center;
                }

                .txt_area .tit_item {
                    margin-top: 6px;
                    font-size: 18px;
                    line-height: 25px;
                    white-space: normal;
                    font-weight: 500;
                }

                .txt_area .tag2_area {
                    display: inline-flex;
                    flex-wrap: wrap;
                    gap: 0px 6px;
                }

                .txt_area .tag2_area .tag2 {
                    color: #999;
                    white-space: nowrap;
                    font-size: 13px;
                    line-height: 1.3;
                }

            }

            .list_item2 {
                display: flex;
                flex-direction: column;
                gap: 40px;
            }

            .list_item2 {
                .item {
                    display: flex;
                    flex-direction: column;
                    overflow: hidden;
                    width: 100%;
                }

                .item > a {
                    display: flex;
                    gap: 30px;
                    align-items: center;
                }

                .img_area {
                    height: 100%;
                    display: flex;
                }

                .img_area img {
                    width: 400px;
                    height: 230px;
                 object-fit: cover;
                }

                .txt_area {
                    display: flex;
                    flex-direction: column;
                }

                .sub_txt {
                }

                .date {
                }

                .txt_area {
                    width: 100%;
                }

                .tag_area {
                    display: flex;
                    gap: 6px;
                    flex-wrap: wrap;
                }

                .txt_area .tag_area .tag {
                    color: #fff;
                    min-width: 65px;
                    font-size: 14px;
                    text-align: center;
                    padding: 0 14px;
                    height: 22px;
                    align-items: center;
                    display: flex;
                    justify-content: center;
                }

                .txt_area .tag_area .tag.txt {
                    border: 1px solid;
                    color: #999;
                }

                .subtxt {
                    font-size: 16px;
                    line-height: 1;
                    white-space: normal;
                    color: #666;
                    font-weight: 500;
                }

                .txt_area .tit_item {
                    margin-top: 14px;
                    font-size: 24px;
                    line-height: 30px;
                    white-space: normal;
                    font-weight: 500;
                }

                .txt_area .txt_item {
                    white-space: normal;
                    line-height: 24px;
                    font-size: 16px;
                    margin-top: 14px;
                    color: #666;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .txt_area .date {
                    font-size: 14px;
                    line-height: 1;
                    color: #666;
                    margin-top: 20px;
                }

                .txt_area .tag2_area {
                    display: inline-flex;
                    flex-wrap: wrap;
                    gap: 0px 6px;
                }

                .txt_area .tag2_area .tag2 {
                    color: #999;
                    white-space: nowrap;
                    font-size: 13px;
                }

            }

        }

        .wrap_btn {
            margin-bottom: 60px;
        }

        .btn_more {
            width: 100%;
            display: flex;
            justify-content: center;
            gap: 10px;
            height: 47px;
            align-items: end;
            font-size: 16px;
            font-weight: 500;
            border-top: 1px solid #ddd;
            margin-top: 60px;
        }

        .btn_more > i {
        }

        .btn_more > .ico_plus {
            background-image: url(https://img.lxhausys.com/public/images/svg_icon/icon_plus.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            width: 14px;
            height: 14px;
            position: relative;
            top: -1px;
        }

    }

    /* accordion_item */
    #new_search {
        .wrap_accordion {
            margin-top: 34px;
        }

        .wrap_accordion {
            .accordion_item {
                border-bottom: 1px solid #E8E8E8;
                position: relative;
            }

            .accordion_item.active .accordion_header {
                border-color: #222;
                position: relative;
            }

            .accordion_header {
                cursor: pointer;
                display: flex;
                min-height: 82px;
                align-items: center;
                border-bottom: 1px solid transparent;
                padding: 0 40px;
            }

            .accordion_header .as_dt {
                display: flex;
                height: 100%;
                align-items: center;
                width: 308px;
                flex-wrap: wrap;
            }

            .accordion_header .as_dd {
                font-size: 18px;
                width: calc(100% - 308px);
                display: flex;
                justify-self: flex-end;
                align-items: center;
            }

            .accordion_header .as_dt .pre_txt {
                font-weight: 700;
                font-size: 20px;
                width: 60px;
            }

            .accordion_header .as_dt .tags {
                display: flex;
                gap: 6px;
                width: 203px;
                flex-wrap: wrap;
            }

            .accordion_header .as_dt .tag {
                height: 22px;
                align-items: center;
                justify-content: center;
                color: #fff;
                display: inline-flex;
                padding: 0 10px;
                text-transform: uppercase;
                font-size: 14px;
            }

            .accordion_header .as_dt .tag_category {
                height: 22px;
                align-items: center;
                justify-content: center;
                color: #fff;
                display: inline-flex;
                padding: 0 10px;
                background: #999;
                font-size: 14px;
            }

            .accordion_header .as_dd .tag_category {
            }

            .accordion_item.active .accordion_header .arrow {
                transform: rotate(180deg);
                transform-origin: center;
                opacity: 1;
            }

            .accordion_header .arrow {
                width: 12px;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                right: 40px;
                transition: .3s;
                opacity: .6;
            }

            .accordion_header .arrow .ico_arrow {
                background: center / contain no-repeat url('https://img.lxhausys.com/public/images/svg_icon/icon_arrow_down.svg');
                width: 12px;
                display: flex;
                height: 12px;
                background-size: contain;
            }

            .accordion_item.active .accordion_body {
                opacity: 1;
                padding: 0px 40px;
                display: flex;
            }

            .accordion_body {
                overflow: hidden;
                max-height: 0;
                transition: max-height 0.35s ease, opacity 0.35s ease;
                opacity: 0;
                background: #F8F8F8;
                padding: 0px 40px;
                box-sizing: content-box;
            }

            .accordion_body .as_dt {
                display: flex;
                align-items: center;
                gap: 5px;
                width: 308px;
                padding: 40px 0;
            }

            .accordion_body .as_dt .pre_txt {
                font-weight: 700;
                font-size: 20px;
                width: 60px;
            }

            .accordion_body .as_dd {
                line-height: 28px;
                padding: 40px 0;
                width: calc(100% - 308px);
                display: flex;
                flex-wrap: wrap;
                white-space: normal;
                font-size: 18px;
                color: #666;
            }

        }

    }

}

@media only screen and (max-width:1439px) {
    #new_search {
        .search_result {
            .list_item {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                gap: 19px;
            }

            .list_item {
                .item {
                    width: 100%;
                }

                .item, a {
                    display: flex;
                    flex-direction: column;
                    overflow: hidden;
                    justify-content: stretch;
                }

                .img_area {
                    width: 100%;
                    display: flex;
                }

                .img_area img {
                    width: 100%;
                    height: auto;
                }

                .txt_area {
                    margin-top: 16px;
                    display: flex;
                    flex-direction: column;
                }

                .txt_area {
                }

                .tag_area {
                    display: flex;
                    gap: 6px;
                    flex-wrap: wrap;
                }

                .txt_area .tag_area .tag {
                    color: #fff;
                    min-width: 65px;
                    font-size: 12px;
                    text-align: center;
                    padding: 0 4px;
                    height: 18px;
                    align-items: center;
                    display: flex;
                    justify-content: center;
                }

                .txt_area .tit_item {
                    margin-top: 6px;
                    font-size: 16px;
                    line-height: 18px;
                    white-space: normal;
                    font-weight: 500;
                }

                .txt_area .tag2_area {
                    display: inline-flex;
                    flex-wrap: wrap;
                    gap: 0px 6px;
                    margin-top: 8px;
                }

                .txt_area .tag2_area .tag2 {
                    color: #999;
                    white-space: nowrap;
                    font-size: 13px;
                }

            }

            .list_item2 {
                display: flex;
                flex-direction: column;
                gap: 40px;
            }

            .list_item2 {
                .item {
                    display: flex;
                    flex-direction: column;
                    overflow: hidden;
                    width: 100%;
                }

                .item > a {
                    display: flex;
                    gap: 12px;
                    align-items: center;
                    flex-direction: column;
                }

                .img_area {
                    height: 100%;
                    display: flex;
                }

                .img_area img {
                    width: 400px;
                    height: 230px;
                    object-fit: contain;
                }

                .txt_area {
                    display: flex;
                    flex-direction: column;
                }

                .sub_txt {
                }

                .date {
                }

                .txt_area {
                    width: 100%;
                }

                .tag_area {
                    display: flex;
                    gap: 6px;
                    flex-wrap: wrap;
                }

                .txt_area .tag_area .tag {
                    color: #fff;
                    min-width: 65px;
                    font-size: 12px;
                    text-align: center;
                    padding: 0 4px;
                    height: 18px;
                    align-items: center;
                    display: flex;
                    justify-content: center;
                }

                .txt_area .tag_area .tag.txt {
                    border: 1px solid;
                    color: #999;
                }

                .subtxt {
                    font-size: 16px;
                    line-height: 1;
                    white-space: normal;
                    color: #666;
                    font-weight: 500;
                }

                .txt_area .tit_item {
                    margin-top: 8px;
                    font-size: 16px;
                    line-height: 18px;
                    white-space: normal;
                    font-weight: 500;
                }

                .txt_area .txt_item {
                    white-space: normal;
                    line-height: 16px;
                    font-size: 14px;
                    margin-top: 8px;
                    color: #666;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }

                .txt_area .date {
                    font-size: 14px;
                    line-height: 1;
                    color: #666;
                    margin-top: 20px;
                }

                .txt_area .tag2_area {
                    display: inline-flex;
                    flex-wrap: wrap;
                    gap: 0px 6px;
                }

                .txt_area .tag2_area .tag2 {
                    color: #999;
                    white-space: nowrap;
                    font-size: 13px;
                }

            }

        }

        .wrap_btn {
            margin-bottom: 60px;
        }

        .btn_more {
            width: 100%;
            display: flex;
            justify-content: center;
            gap: 10px;
            height: 47px;
            align-items: end;
            font-size: 16px;
            font-weight: 500;
            border-top: 1px solid #ddd;
            margin-top: 60px;
        }

        .btn_more > i {
        }

        .btn_more > .ico_plus {
            background-image: url(https://img.lxhausys.com/public/images/svg_icon/icon_plus.svg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            width: 14px;
            height: 14px;
            position: relative;
            top: -1px;
        }

    }

    /* accordion_item */
    #new_search {
        .wrap_accordion {
            margin-top: 34px;
        }

        .wrap_accordion {
            .accordion_item {
                border-bottom: 1px solid #E8E8E8;
                position: relative;
            }

            .accordion_item.active .accordion_header {
                border-color: #222;
                position: relative;
            }

            .accordion_header {
                cursor: pointer;
                display: flex;
                min-height: 62px;
                align-items: center;
                border-bottom: 1px solid transparent;
                padding: 10px 0px;
                flex-direction: column;
            }

            .accordion_header .as_dt {
                display: flex;
                height: 100%;
                align-items: center;
                flex-wrap: wrap;
                justify-content: flex-start;
                width: 100%;
                padding: 10px 10px;
            }

            .accordion_header .as_dd {
                font-size: 14px;
                display: flex;
                justify-self: flex-end;
                align-items: center;
                line-height: 1.3;
                white-space: normal;
                padding-right: 30px;
                padding-left: 20px;
                width: 100%;
            }

            .accordion_header .as_dt .pre_txt {
                font-weight: 700;
                font-size: 18px;
                width: 20px;
            }

            .accordion_header .as_dt .tags {
                display: flex;
                gap: 6px;
                flex-wrap: wrap;
            }

            .accordion_header .as_dt .tag {
                height: 18px;
                align-items: center;
                justify-content: center;
                color: #fff;
                display: inline-flex;
                padding: 0px 10px;
                text-transform: uppercase;
                font-size: 12px;
            }

            .accordion_header .as_dt .tag_category {
                height: 18px;
                align-items: center;
                justify-content: center;
                color: #fff;
                display: inline-flex;
                padding: 0 10px;
                background: #999;
                font-size: 12px;
            }

            .accordion_header .as_dd .tag_category {
            }

            .accordion_item.active .accordion_header .arrow {
                transform: rotate(180deg);
                transform-origin: center;
                opacity: 1;
            }

            .accordion_header .arrow {
                width: 12px;
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
                position: absolute;
                transition: .3s;
                opacity: .6;
                right: 10px;
            }

            .accordion_header .arrow .ico_arrow {
                background: center / contain no-repeat url('https://img.lxhausys.com/public/images/svg_icon/icon_arrow_down.svg');
                width: 12px;
                display: flex;
                height: 12px;
                background-size: contain;
            }

            .accordion_item.active .accordion_body {
                opacity: 1;
                padding: 0px 20px;
                display: flex;
                flex-direction: column;
            }

            .accordion_body {
                overflow: hidden;
                max-height: 0;
                transition: max-height 0.35s ease, opacity 0.35s ease;
                opacity: 0;
                background: #F8F8F8;
                padding: 0px 40px;
                box-sizing: content-box;
            }

            .accordion_body .as_dt {
                display: flex;
                align-items: center;
                gap: 5px;
                padding: 10px 0 5px;
            }

            .accordion_body .as_dt .pre_txt {
                font-weight: 700;
                font-size: 16px;
                width: 60px;
                margin-left: -10px;
            }

            .accordion_body .as_dd {
                line-height: 1.2;
                padding: 10px 0 30px;
                display: flex;
                flex-wrap: wrap;
                white-space: normal;
                font-size: 14px;
                color: #666;
            }

        }

    }

}