<style>
    /* ===== Product Split (BT style) ===== */
    .bt-product-split {
        position: relative;
        background: #0b0b0b;
        min-height: 420px;
        /* 필요 시 조절 */
    }

    /* 상단 얇은 라인 */
    .bt-product-split::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        height: 1px;
        background: rgba(255, 255, 255, .18);
        z-index: 2;
    }

    /* 가운데 세로 라인 */
    .bt-product-split .bt-midline {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 1px;
        background: rgba(255, 255, 255, .18);
        z-index: 2;
        transform: translateX(-0.5px);
    }

    /* 좌측 이미지 영역 */
    .bt-product-split .bt-left {
        min-height: 420px;
        background-image: url("YOUR_IMAGE_URL_HERE.jpg");
        /* <- 교체 */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    /* 우측 텍스트 영역 */
    .bt-product-split .bt-right {
        min-height: 420px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 48px 18px;
    }

    .bt-product-split .bt-title {
        color: #fff;
        font-weight: 300;
        font-size: clamp(24px, 2.4vw, 34px);
        margin-bottom: 22px;
        letter-spacing: .2px;
    }

    .bt-product-split .bt-desc {
        color: rgba(255, 255, 255, .85);
        font-size: 12px;
        line-height: 2.0;
        max-width: 360px;
        margin: 0 auto;
    }

    /* 모바일에서는 세로 라인 숨기고 위아래로 */
    @media (max-width: 991.98px) {
        .bt-product-split .bt-midline {
            display: none;
        }

        .bt-product-split .bt-left,
        .bt-product-split .bt-right {
            min-height: 360px;
        }
    }
</style>

<section class="bt-product-split">
    <div class="bt-midline"></div>

    <div class="container-fluid px-0">
        <div class="row g-0">
            <!-- Left image -->
            <div class="col-lg-6 bt-left"></div>

            <!-- Right text -->
            <div class="col-lg-6 bt-right">
                <div>
                    <div class="bt-title">Titanium Ingot</div>
                    <div class="bt-desc">
                        High-grade titanium ingots sourced<br>
                        from verified mills, ideal for precision manufacturing,<br>
                        aerospace applications, and high-performance<br>
                        industrial use.
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>