#warp {
            height: 100vh;
        }

@media screen and (max-width: 850px) {
            #warp {
                height: auto;
            }
        }

.carousel_item {
            position: relative;
            overflow: hidden;
        }

        .zoom-area {
            position: absolute;
            width: 200px;
            height: 200px;
            border: 2px solid #ccc;
            /* border-radius: 50%; */
            background-color: rgba(255, 255, 255, 0.5);
            background-repeat: no-repeat;
            display: none;
            pointer-events: none;
        }

.black_item_3,
        .black_item_4 {
            display: flex;
            flex-wrap: wrap;
        }

        .black_item_3 .box_item_content {
            width: 24%;
        }

        @media screen and (max-width: 1500px) and (min-width: 861px) {

            .black_item_3 .box_item_content {
                width: 33%;
            }
        }

        @media screen and (max-width: 860px) {
            .black_item_3 .box_item_content {
                width: 48%;
            }
        }