우종완

TBHSHOP

마인드브릿지(MIND BRIDGE MEN) 수선 없이 바로 입는 리얼 기장 팬츠

<div id="mb-realpants-mo-wrap">

    <div class="mbrpm-hero">

        <img class="mbrpm-hero-img" src="https://tbhimg.com/images/gw/01/260825_mbm/mo_main_img.jpg" alt="마인드브릿지 맨 리얼 기장 팬츠 컬렉션">

        <div class="mbrpm-hero-copy">

            <div class="mbrpm-brand">
                MIND BRIDGE MEN
            </div>

            <h2 class="mbrpm-title">
                수선 없이 바로 입는<br>
                리얼 기장 팬츠
            </h2>

            <div class="mbrpm-event">
                10% 추가 할인 + 리뷰 이벤트 (8.27 - 9.2)
            </div>

        </div>

    </div>

</div>

<style>
#mb-realpants-mo-wrap {
    width:100%;
    max-width:720px;
    margin:0 auto;
    font-family:'Pretendard', sans-serif;
}

#mb-realpants-mo-wrap .mbrpm-hero {
    position:relative;
    width:100%;
    aspect-ratio:720 / 1150;
    overflow:hidden;
    background:#fff;
}

#mb-realpants-mo-wrap .mbrpm-hero-img {
    display:block;
    width:100%;
    height:auto;
}

#mb-realpants-mo-wrap .mbrpm-hero-copy {
    position:absolute;
    z-index:2;

    left:5.5556%;          /* 720px 기준 왼쪽 40px */
    top:3.4783%;           /* 1150px 기준 위쪽 50px */

    width:90%;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    color:#000;
}

#mb-realpants-mo-wrap .mbrpm-brand {
    margin:0 0 12px 0;     /* 브랜드명 ↔ 메인 타이틀 간격 */

    font-family:'Pretendard', sans-serif;
    font-size:24px;         /* 글자 크기 */
    font-weight:400;        /* 글자 굵기 : Figma 400 → 300 */
    line-height:29px;       /* 줄 간격 */
    letter-spacing:0;       /* 자간 */
    color:#000;             /* 글자색 */

    text-transform:uppercase;
}

#mb-realpants-mo-wrap .mbrpm-title {
    margin:0 0 12px 0;     /* 메인 타이틀 ↔ 이벤트 문구 간격 */

    font-family:'Pretendard', sans-serif;
    font-size:58px;         /* 글자 크기 */
    font-weight:600;        /* 글자 굵기 : Figma 600 → 500 */
    line-height:76px;       /* 줄 간격 */
    letter-spacing:-0.04em; /* 자간 */
    color:#000;             /* 글자색 */

    text-align:left;
}

#mb-realpants-mo-wrap .mbrpm-event {
    margin:0;

    font-family:'Pretendard', sans-serif;
    font-size:26px;         /* 글자 크기 */
    font-weight:500;        /* 글자 굵기 : Figma 500 → 400 */
    line-height:32px;       /* 줄 간격 */
    letter-spacing:-0.04em; /* 자간 */
    color:#000;             /* 글자색 */

    text-transform:uppercase;
}


/* =========================================================
   720px보다 작은 실제 모바일 화면
   Figma 720px 디자인 비율을 유지하면서 전체 축소
========================================================= */

@media (max-width:720px) {

    #mb-realpants-mo-wrap .mbrpm-brand {
        margin-bottom:1.3889vw;  /* 720px 기준 10px 간격 */

        font-size:3.3333vw;       /* 720px 기준 24px */
        line-height:4.0278vw;     /* 720px 기준 29px */
    }

    #mb-realpants-mo-wrap .mbrpm-title {
        margin-bottom:1.3889vw;  /* 720px 기준 10px 간격 */

        font-size:8.8889vw;       /* 720px 기준 64px */
        line-height:10.5556vw;    /* 720px 기준 76px */
    }

    #mb-realpants-mo-wrap .mbrpm-event {
        font-size:3.6111vw;       /* 720px 기준 26px */
        line-height:4.4444vw;     /* 720px 기준 32px */
    }

}
</style>

<img src="https://public.tbhshop.co.kr/images/editor/2026/08/26/e7Fubi5aMaak5IIZIT4sJYF7DWAYq9iFaRyGWIhA.jpg" title="e7Fubi5aMaak5IIZIT4sJYF7DWAYq9iFaRyGWIhA.jpg">
<img src="https://public.tbhshop.co.kr/images/editor/2026/08/26/wWDpjO2jDC3F3xSqAAoi9e2B9HkzMWQBKfCvEbuj.jpg" title="wWDpjO2jDC3F3xSqAAoi9e2B9HkzMWQBKfCvEbuj.jpg"><br style="clear:both;">
<img src="https://public.tbhshop.co.kr/images/editor/2026/08/26/PINGGeKmqxquyO4B9OLbA5eFI2XVy2UlOl8brwpI.jpg" title="PINGGeKmqxquyO4B9OLbA5eFI2XVy2UlOl8brwpI.jpg"><img src="https://public.tbhshop.co.kr/images/editor/2026/08/26/F2CErjgHGieRFe9ys73IRZ1MWMDwN1A7Qp2iNSfA.jpg" title="F2CErjgHGieRFe9ys73IRZ1MWMDwN1A7Qp2iNSfA.jpg"><br style="clear:both;"><img src="https://public.tbhshop.co.kr/images/editor/2026/08/26/bj0KUFKw6vK0aSCBnIP88FmRvMWhe2NepzFbtSOf.jpg" title="bj0KUFKw6vK0aSCBnIP88FmRvMWhe2NepzFbtSOf.jpg"><br style="clear:both;"><img src="https://public.tbhshop.co.kr/images/editor/2026/08/26/4Z7enJ5eVIJnxMXCYiR2SQst8zrn7dBhlUzKAXId.jpg" title="4Z7enJ5eVIJnxMXCYiR2SQst8zrn7dBhlUzKAXId.jpg"><br style="clear:both;">

수선 없이 바로 입는 리얼 기장

<div id="mb-realpants-wrap">

    <div class="mbrp-hero">

        <img class="mbrp-hero-img" src="https://tbhimg.com/images/gw/01/260825_mbm/pc_main_img.jpg" alt="마인드브릿지 맨 리얼 기장 팬츠 컬렉션"><div class="mbrp-hero-copy"><div class="mbrp-brand">
                MIND BRIDGE MEN
            </div>

            <h2 class="mbrp-title">
                수선 없이 바로 입는<br>
                리얼 기장 팬츠
            </h2>

            <div class="mbrp-event">
                10% 추가 할인 + 리뷰 이벤트 (8.27 - 9.2)
            </div>

        </div>

    </div>

</div>

<style>
#mb-realpants-wrap {
    width:100%;
    max-width:1400px;
    margin:0 auto;
    font-family:'Pretendard', sans-serif;
}

#mb-realpants-wrap .mbrp-hero {
    position:relative;
    width:100%;
    aspect-ratio:1400 / 800;
    overflow:hidden;
    background:#fff;
}

#mb-realpants-wrap .mbrp-hero-img {
    display:block;
    width:100%;
    height:auto;
}

#mb-realpants-wrap .mbrp-hero-copy {
    position:absolute;
    z-index:2;

    left:5%;               /* 1400px 기준 왼쪽 70px */
    top:50%;
    transform:translateY(-50%);

    width:90%;

    display:flex;
    flex-direction:column;
    align-items:flex-start;

    color:#000;
}

#mb-realpants-wrap .mbrp-brand {
    margin:0 0 20px 0;     /* 메인 타이틀과의 간격 */

    font-family:'Pretendard', sans-serif;
    font-size:22px;         /* 글자 크기 */
    font-weight:300;        /* 글자 굵기 */
    line-height:26px;       /* 줄 간격 */
    letter-spacing:0;       /* 자간 */
    color:#000;             /* 글자색 */

    text-transform:uppercase;
}

#mb-realpants-wrap .mbrp-title {
    margin:0 0 20px 0;     /* 하단 이벤트 문구와의 간격 */

    font-family:'Pretendard', sans-serif;
    font-size:64px;         /* 글자 크기 */
    font-weight:500;        /* 글자 굵기 */
    line-height:76px;       /* 줄 간격 */
    letter-spacing:-0.04em; /* 자간 */
    color:#000;             /* 글자색 */

    text-align:left;
}

#mb-realpants-wrap .mbrp-event {
    margin:0;

    font-family:'Pretendard', sans-serif;
    font-size:24px;         /* 글자 크기 */
    font-weight:400;        /* 글자 굵기 */
    line-height:32px;       /* 줄 간격 */
    letter-spacing:-0.04em; /* 자간 */
    color:#000;             /* 글자색 */

    text-transform:uppercase;
}

/* PC 화면이 1400px보다 좁아질 경우 전체 디자인 비율에 맞춰 축소 */
@media (max-width:1400px) {

    #mb-realpants-wrap .mbrp-brand {
        margin-bottom:1.4286vw;  /* 1400 기준 20px */
        font-size:1.5714vw;      /* 1400 기준 22px */
        line-height:1.8571vw;    /* 1400 기준 26px */
    }

    #mb-realpants-wrap .mbrp-title {
        margin-bottom:1.4286vw;  /* 1400 기준 20px */
        font-size:4.5714vw;      /* 1400 기준 64px */
        line-height:5.4286vw;    /* 1400 기준 76px */
    }

    #mb-realpants-wrap .mbrp-event {
        font-size:1.7143vw;      /* 1400 기준 24px */
        line-height:2.2857vw;    /* 1400 기준 32px */
    }

}
</style>


<img src="https://public.tbhshop.co.kr/images/editor/2026/08/26/RPlPQ0wEYxlwpruhemmB5JADEaI5m9gcdxkwt68Y.jpg" title="RPlPQ0wEYxlwpruhemmB5JADEaI5m9gcdxkwt68Y.jpg">
<img src="https://public.tbhshop.co.kr/images/editor/2026/08/26/bGDQ9XiYyfA98EfE4Clivuvqa8AXWjuUAHuI0lHm.jpg" title="bGDQ9XiYyfA98EfE4Clivuvqa8AXWjuUAHuI0lHm.jpg"><br style="clear:both;">
<img src="https://public.tbhshop.co.kr/images/editor/2026/08/26/bvASNEs627hn2eZNR5JS82jfKA1wWPuaIVNFz1Yi.jpg" title="bvASNEs627hn2eZNR5JS82jfKA1wWPuaIVNFz1Yi.jpg"><img src="https://public.tbhshop.co.kr/images/editor/2026/08/26/laNoEYJpl2SzEpq6o4YKSsETedigXaQ6e9cnPLbV.jpg" title="laNoEYJpl2SzEpq6o4YKSsETedigXaQ6e9cnPLbV.jpg"><br style="clear:both;"><img src="https://public.tbhshop.co.kr/images/editor/2026/08/26/cTlHbrcWFe1T5HMZFoGFTPuho8DxPechKXRatxEv.jpg" title="cTlHbrcWFe1T5HMZFoGFTPuho8DxPechKXRatxEv.jpg"><br style="clear:both;"><img src="https://public.tbhshop.co.kr/images/editor/2026/08/26/PVJQLKZybcnbBR34nrAeWIaLvaddqYbpwzTgDYT0.jpg" title="PVJQLKZybcnbBR34nrAeWIaLvaddqYbpwzTgDYT0.jpg"><br style="clear:both;">