/* ===== BCON1 ===== */
.container:has(#ctt.ctt_sub02),
#ctt.ctt_sub02 {
    display: none !important;
}

body:has(.sub02_about_scope),
#content_wrap:has(.sub02_about_scope) {
    overflow: visible;
}

.bcon1 {
    background: #db1e1e url("/images/bcon1_bg.webp") center top / 100.787402vw auto no-repeat;
    padding-bottom: 8.713911vw;
}

.bcon1 img {
    display: block;
    width: 100%;
}

.bcon1_title_stage {
    margin-top: 20.734908vw;
    align-self: center;
    width: 20.944882%;
    z-index: 1;
}

.bcon1_title_line {
    width: 100%;
}

.bcon1_title {
    top: 0.472441vw;
    left: 14.661654%;
    width: calc(var(--px) * 282);
    aspect-ratio: 282 / 58;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

/* ===== BCON2 ===== */
.sub02_about_scope {
    background: #ffffff url("/images/bcon2_bg.webp") center top / 100.787402vw auto no-repeat;
}

.bcon2 {
    background: transparent;
    padding-bottom: 7.611549vw;
    scroll-margin-top: 5.249344vw;
}

.bcon2 img,
.bcon2 video {
    display: block;
    width: 100%;
}

.bcon2_nav {
    position: sticky;
    top: 3.989501vw;
    align-self: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3.464567vw;
    width: 90.131234%;
    margin-top: 2.939633vw;
    margin-right: auto;
    margin-left: auto;
    padding: 0.909630vw 0;
    box-sizing: border-box;
    background: #ffffff;
    box-shadow: 0.0000vw 0.0000vw 1.2073vw 0.0000vw rgba(35, 25, 22, 0.08);
    z-index: 20;
}

.bcon2_nav_link {
    display: block;
    font-family: var(--ff);
    font-size: var(--fs-16);
    font-weight: 500;
    line-height: 1.91;
    letter-spacing: -0.03em;
    color: #7d7d7d;
    white-space: nowrap;
    transition: color .25s ease;
}

.bcon2_nav_link.is-active,
.bcon2_nav_link:hover,
.bcon2_nav_link:focus-visible {
    color: #090909;
}

.bcon2_story_row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    align-self: center;
    width: 75.223097%;
    margin-top: 2.467192vw;
    z-index: 1;
}

.bcon2_copy {
    width: 42.637823%;
    margin-top: 0.000000vw;
}

.bcon2_title {
    width: calc(var(--px) * 356);
    aspect-ratio: 356 / 37;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4.986877vw;
}

.bcon2_title img {
    width: calc(var(--px) * 356);
    aspect-ratio: 356 / 37;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bcon2_ko_copy,
.bcon2_highlight,
.bcon2_en_copy {
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    white-space: nowrap;
}

.bcon2_ko_copy {
    margin-top: 3.832021vw;
    font-family: var(--mf);
    font-size: var(--fs-17);
    font-weight: 400;
    line-height: 1.388;
    letter-spacing: -0.05em;
    color: #090909;
    white-space: nowrap;
}

.bcon2_highlight {
    margin-top: 1.627297vw;
    font-family: var(--mf);
    font-size: var(--fs-17);
    font-weight: 700;
    line-height: 1.589;
    letter-spacing: -0.05em;
    color: #090909;
    white-space: nowrap;
}

.bcon2_highlight span {
    display: inline-block;
    padding: 0.104987vw 0.157480vw;
    background: #090909;
    color: #ffffff;
}

.bcon2_en_copy {
    margin-top: 4.304462vw;
    font-family: var(--mf);
    font-size: var(--fs-16);
    font-weight: 300;
    line-height: 1.688;
    letter-spacing: -0.01em;
    color: #7d7d7d;
    white-space: nowrap;
}

.bcon2_video {
    overflow: hidden;
    width: 42.288904%;
    margin-top: 0.000000vw;
    aspect-ratio: 606 / 784;
    background: #e0dcd5;
    z-index: 1;
}

.bcon2_video video {
    min-width: 100%;
    width: 100%;
    height: auto;
}

/* ===== BCON3 ===== */
.bcon3 {
    min-height: 40.000000vw;
    background-image: url("/images/bcon3_bg.webp");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}

/* ===== BCON4 ===== */
.bcon4 {
    background: #f6f5f1;
    padding-top: 0.000000vw;
    padding-bottom: 0.000000vw;
}

.bcon4 img {
    display: block;
    width: 100%;
}

.bcon4_marquee {
    align-self: center;
    width: calc(var(--px) * 1920);
    aspect-ratio: 1920 / 38;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.000000vw;
}

.bcon4_cards {
    display: flex;
    align-self: center;
    width: 100.787402%;
    margin-top: 0.000000vw;
}

.bcon4_card {
    width: 33.333333%;
    margin-top: 0.000000vw;
    overflow: hidden;
    isolation: isolate;
}

.bcon4_card::before {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background: #163587;
    opacity: 0;
    clip-path: circle(0.209974vw at 50% 50%);
    transition: clip-path 0.820s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.420s ease;
}

.bcon4_card::after {
    content: "";
    position: absolute;
    z-index: 4;
    inset: 0;
    pointer-events: none;
    border-top: 1px solid rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    border-left: 1px solid rgba(255, 255, 255, 0.9);
}

.bcon4_card_3::after {
    border-right: 1px solid rgba(255, 255, 255, 0.9);
}

.bcon4_card:hover::before,
.bcon4_card:focus-within::before {
    opacity: 1;
    clip-path: circle(16.902887vw at 50% 50%);
}

.bcon4_card_photo {
    width: calc(var(--px) * 640);
    aspect-ratio: 640 / 644;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.000000vw;
    z-index: 0;
}

.bcon4_point,
.bcon4_card_title,
.bcon4_card_body {
    z-index: 2;
    white-space: nowrap;
}

.bcon4_point {
    top: 5.459318vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    white-space: nowrap;
    font-family: var(--ff);
    font-size: var(--fs-19);
    font-weight: 700;
    line-height: 1.709;
    letter-spacing: -0.05em;
    color: #ffffff;
}

.bcon4_point_line {
    display: block;
    flex: 0 0 auto;
}

.bcon4_card_1 .bcon4_point {
    left: 29.375000%;
    width: 39.531250%;
}

.bcon4_card_2 .bcon4_point {
    left: 27.500000%;
    width: 44.062500%;
}

.bcon4_card_3 .bcon4_point {
    left: 29.687500%;
    width: 40.625000%;
}

.bcon4_card_1 .bcon4_point_line {
    width: calc(var(--px) * 26);
    aspect-ratio: 26 / 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bcon4_card_2 .bcon4_point_line {
    width: calc(var(--px) * 26);
    aspect-ratio: 26 / 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bcon4_card_3 .bcon4_point_line {
    width: calc(var(--px) * 26);
    aspect-ratio: 26 / 2;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bcon4_card_title {
    top: 19.580052vw;
    margin: 0;
    white-space: nowrap;
    font-family: var(--mf);
    font-size: var(--fs-23);
    font-weight: 700;
    line-height: 1.136;
    letter-spacing: -0.05em;
    color: #ffffff;
}

.bcon4_card_body {
    top: 22.414698vw;
    margin: 0;
    white-space: nowrap;
    font-family: var(--mf);
    font-size: var(--fs-17);
    font-weight: 400;
    line-height: 1.625;
    letter-spacing: -0.05em;
    color: #ffffff;
}

.bcon4_card_1 .bcon4_card_title {
    left: 35.96875%;
    width: 23.125000%;
}

.bcon4_card_1 .bcon4_card_body {
    left: 20.45625%;
    width: 54.843750%;
    text-align: center;
}

.bcon4_card_2 .bcon4_card_title {
    left: 13.437500%;
    width: 70.625000%;
    text-align: center;
}

.bcon4_card_2 .bcon4_card_body {
    left: 13.281250%;
    width: 70.625000%;
    text-align: center;
}

.bcon4_card_3 .bcon4_card_title {
    left: 34.0625%;
    width: 31.093750%;
}

.bcon4_card_3 .bcon4_card_body {
    left: 22.75%;
    width: 55.156250%;
    text-align: center;
}

/* ===== BCON6 ===== */
.bcon6 {
    background: #f6f5f1;
    padding-bottom: 5.459318vw;
}

.bcon6 img {
    display: block;
    width: 100%;
}

.bcon6_title {
    align-self: center;
    width: calc(var(--px) * 422);
    aspect-ratio: 422 / 35;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10.551181vw;
}

.bcon6_panel {
    align-self: center;
    width: 75.275591%;
    margin-top: 2.519685vw;
    padding-top: 4.094488vw;
    padding-bottom: 4.897638vw;
    background: #ffffff;
    box-sizing: border-box;
}

.bcon6_panel_row {
    display: flex;
    align-items: flex-start;
    width: 99.999999%;
}

.bcon6_label {
    margin: 0;
    font-family: var(--ff);
    font-size: var(--fs-18);
    font-weight: 700;
    line-height: 1.709;
    letter-spacing: -0.03em;
    color: #0c0c0c;
    white-space: nowrap;
}

.bcon6_desc_heading {
    margin: 0;
    font-family: var(--ff);
    font-size: var(--fs-18);
    font-weight: 700;
    line-height: 1.709;
    letter-spacing: -0.03em;
    color: #0c0c0c;
    white-space: nowrap;
}

.bcon6_label_main {
    width: 7.949791%;
    margin-left: 8.995816%;
}

.bcon6_label_signature {
    width: 9.274756%;
    margin-left: 43.235704%;
}

.bcon6_top_logo_row {
    margin-top: 0.769393vw;
}

.bcon6_facade_logos {
    width: calc(var(--px) * 550);
    aspect-ratio: 550 / 210;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 8.926081%;
}

.bcon6_signature_logos {
    width: calc(var(--px) * 365);
    aspect-ratio: 365 / 204;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.157480vw;
    margin-left: 13.040446%;
}

.bcon6_logo_type_row {
    margin-top: 3.937008vw;
}

.bcon6_logo_type_1 {
    width: 20.223152%;
    margin-left: 9.065551%;
}

.bcon6_logo_type_2 {
    width: 10.948396%;
    margin-left: 9.832636%;
}

.bcon6_logo_type_3 {
    width: 10.669456%;
    margin-left: 10.320781%;
}

.bcon6_logo_type_4 {
    width: 10.669456%;
    margin-left: 6.276151%;
}

.bcon6_logo_type_img_1 {
    width: calc(var(--px) * 290);
    aspect-ratio: 290 / 70;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2.711650vw;
}

.bcon6_logo_type_img_2 {
    width: calc(var(--px) * 157);
    aspect-ratio: 157 / 101;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.871755vw;
}

.bcon6_logo_type_img_3 {
    width: calc(var(--px) * 153);
    aspect-ratio: 153 / 153;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.611913vw;
}

.bcon6_logo_type_img_4 {
    width: calc(var(--px) * 153);
    aspect-ratio: 153 / 153;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.559419vw;
}

.bcon6_usage_row {
    margin-top: 4.146982vw;
}

.bcon6_usage_label {
    width: 3.905160%;
    margin-top: 0.367454vw;
    margin-left: 8.995816%;
}

.bcon6_usage_examples {
    width: calc(var(--px) * 382);
    aspect-ratio: 382 / 141;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 7.531381%;
}

.bcon6_color_table {
    width: calc(var(--px) * 497);
    aspect-ratio: 497 / 109;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.839895vw;
    margin-left: 8.786611%;
}

.bcon6_desc_row {
    margin-top: 5.511811vw;
}

.bcon6_desc_color {
    width: 17.433752%;
    margin-left: 8.995816%;
}

.bcon6_desc_typography {
    width: 18.479777%;
    margin-left: 12.622036%;
}

.bcon6_desc_symbol {
    width: 20.502092%;
    margin-left: 12.622036%;
}

.bcon6_desc_text {
    margin: 1.241834vw 0 0;
    font-family: var(--mf);
    font-size: var(--fs-16);
    font-weight: 400;
    line-height: 1.562;
    letter-spacing: -0.05em;
    color: #0c0c0c;
    white-space: nowrap;
}

.bcon6_desc_typography .bcon6_desc_heading {
    font-size: var(--fs-18);
    white-space: nowrap;
}

.bcon6_desc_typography .bcon6_desc_text {
    margin-top: 1.243628vw;
    font-size: var(--fs-16);
    line-height: 1.563;
    white-space: nowrap;
}

/* ===== BCON5 (SPACE DESIGN) ===== */
.bcon5 {
    background: #db1e1e url("/images/bcon5_bg.webp") center top / 100.787402vw auto no-repeat;
    z-index: 1;
}

.bcon5 img {
    display: block;
    width: 100%;
    height: auto;
}

/* [오른쪽] 인테리어 미디어 박스 — 섹션 높이 원천 */
.bcon5_media {
    align-self: flex-end;
    width: 50%;
    z-index: 1;
}

/* 메인 세로 스와이퍼 — 높이는 .swiper-slide(Swiper 예외 요소) 비율로 확정 */
.bcon5_swiper {
    width: calc(var(--px) * 960);
    aspect-ratio: 960 / 843;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bcon5_swiper .swiper-wrapper,
.bcon5_swiper .swiper-slide {
    /* heightSource: 인테리어 사진 960x843 — Swiper 예외 요소(.swiper-slide/.swiper-wrapper) */
    aspect-ratio: 960/843;
}

.bcon5_swiper .swiper-slide img {
    width: calc(var(--px) * 960);
    aspect-ratio: 960 / 843;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 우측 끝 썸네일 페이지네이션 — 위아래 여백 균등 (top = (836-778)/2 ≈ 29.26px) */
.bcon5_thumbs {
    top: 1.536063vw;
    left: 80.833333%;
    width: 16.979167%;
    display: flex;
    gap: 0.3vw;
    flex-direction: column;
    z-index: 2;
}

.bcon5_thumb {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    width: calc(var(--px) * 163);
    aspect-ratio: 163 / 98;
    padding: 0;
    border: 0;
    background: #090909;
    cursor: pointer;
    opacity: .9;
    transition: opacity 0.3s ease;
}

.bcon5_thumb.is-active {
    opacity: 1;
}

/* [왼쪽] 빨강 패널 콘텐츠 — top:0 + bottom:0 = 섹션 전체 높이 박스 */
.bcon5_left {
    top: 0;
    bottom: 0;
    left: 0;
    width: 50.551181%;
    z-index: 2;
}

.bcon5_heading {
    top: 11.286089vw;
    left: 25.337487%;
    width: 36.552440%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.bcon5_title {
    width: calc(var(--px) * 352);
    aspect-ratio: 352 / 37;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bcon5_desc {
    margin-top: 2.309711vw;
    font-family: var(--mf);
    font-weight: 700;
    font-size: var(--fs-20);
    line-height: 1.82;
    letter-spacing: -0.05em;
    color: #ffffff;
    white-space: nowrap;
}

.bcon5_desc_em {
    font-size: var(--fs-26);
    line-height: 1.4;
    white-space: nowrap;
}

.bcon5_badge {
    top: 27.322835vw;
    left: 7.892004%;
    width: calc(var(--px) * 207);
    aspect-ratio: 207 / 207;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* prev / next 버튼 — 섹션 가운데정렬, 좌우 동일 88x53 pill */
.bcon5_nav {
    top: 37.532808vw;
    left: 50%;
    transform: translateX(-50%);
    width: 10.026247%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0.787402vw;
    z-index: 3;
}

.bcon5_nav_prev,
.bcon5_nav_next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46.073298%;
    padding: 0.778871vw 0;
    background: #090909;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
}

.bcon5_nav_prev span,
.bcon5_nav_next span {
    font-family: 'Suit', var(--mf);
    font-weight: 500;
    font-size: var(--fs-23);
    line-height: 1;
    color: #ffffff;
    white-space: nowrap;
}

.bcon5_nav_prev.swiper-button-disabled,
.bcon5_nav_next.swiper-button-disabled {
    opacity: 0.4;
    cursor: default;
}

@media (max-width: 599px) {
    .bcon1 {
        background-position: center top;
        background-size: auto 100%;
        padding-top: 15vw;
        padding-bottom: 30.026247vw;
    }

    .bcon1_title_stage {
        margin-top: 41.994751vw;
        width: 54.015748%;
    }

    .sub02_about_scope {
        background-position: center top;
        background-size: auto 100%;
    }

    .bcon2 {
        padding-bottom: 16.153846vw;
    }

    .bcon2_nav {
        top: 18.000000vw;
        justify-content: flex-start;
        gap: 5.641026vw;
        width: 88.205128%;
        margin-top: 8.205128vw;
        padding: 2.564103vw 4.102564vw;
        box-sizing: border-box;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .bcon2_nav::-webkit-scrollbar {
        display: none;
    }

    .bcon2_nav_link {
        font-size: 3.076923vw;
        line-height: 1.500000;
        white-space: nowrap;
    }

    .bcon2_story_row {
        flex-direction: column;
        width: 84.615385%;
        margin-top: 8.461538vw;
    }

    .bcon2_copy {
        text-align: center;
        width: 100.000000%;
    }

    .bcon2_title {
        width: 62.307692%;
        margin-top: 0.000000vw;
        margin-left: auto;
        margin-right: auto;
    }

    .bcon2_ko_copy {
        margin-top: 7.692308vw;
        line-height: 1.520000;
        white-space: nowrap;
    }

    .bcon2_highlight {
        margin-top: 4.102564vw;
        line-height: 1.520000;
        white-space: nowrap;
    }

    .bcon2_highlight span {
        padding: 0.256410vw 0.512821vw;
    }

    .bcon2_en_copy {
        margin-top: 6.153846vw;
        line-height: 1.620000;
        white-space: nowrap;
    }

    .bcon2_video {
        align-self: center;
        width: 100%;
        margin-top: 9.230769vw;
    }

    .bcon3 {
        background-attachment: scroll;
    }

    .bcon4_marquee {
        width: 321.787402%;
        aspect-ratio: auto;
    }

    .bcon4_cards {
        flex-direction: column;
        width: 100.000000%;
    }

    .bcon4_card {
        width: 100.000000%;
    }

    .bcon4_card_photo {
        width: 100%;
    }

    .bcon4_card::after {
        /* border-right: 1px solid rgba(255, 255, 255, 0.9); */
        /* border-bottom: 0; */
        border: none;
    }

    .bcon4_card_3::after {
        border-bottom: 1px solid rgba(255, 255, 255, 0.9);
    }

    .bcon4_card::before {
        clip-path: circle(0.641026vw at 50% 50%);
    }

    .bcon4_card:hover::before,
    .bcon4_card:focus-within::before {
        clip-path: circle(50.312500vw at 50% 50%);
    }

    .bcon4_point {
        top: 16.250000vw;
        left: 10% !important;
        width: 80% !important;
        justify-content: center !important;
        gap: 3vw !important;
    }

    .bcon4_point_line {
        width: 8% !important;
    }

    .bcon4_card_title {
        top: 34.281250vw;
        left: 10% !important;
        width: 80% !important;
        text-align: center;
    }

    .bcon4_card_body {
        top: 50.718750vw;
        left: 10% !important;
        width: 80% !important;
        text-align: center;
        line-height: 1.540000;
    }

    .bcon6 {
        padding-bottom: 12.000000vw;
    }

    .bcon6_title {
        width: 67.628205%;
        margin-top: 15.000000vw;
    }

    .bcon6_panel {
        width: 89.743590%;
        margin-top: 8.000000vw;
        padding-top: 8.000000vw;
        padding-bottom: 9.000000vw;
    }

    .bcon6_panel_row,
    .bcon6_logo_type_row,
    .bcon6_usage_row,
    .bcon6_desc_row {
        flex-direction: column;
        align-items: center;
    }

    .bcon6_label {
        line-height: 1.350000;
        text-align: center;
        white-space: nowrap;
    }

    .bcon6_desc_heading {
        line-height: 1.350000;
        text-align: center;
        white-space: nowrap;
    }

    .bcon6_label_main,
    .bcon6_label_signature,
    .bcon6_facade_logos,
    .bcon6_signature_logos,
    .bcon6_logo_type,
    .bcon6_usage_label,
    .bcon6_usage_examples,
    .bcon6_color_table,
    .bcon6_desc_col {
        margin-left: 0;
    }

    .bcon6_label_main,
    .bcon6_label_signature,
    .bcon6_usage_label {
        width: auto;
    }

    .bcon6_label_signature,
    .bcon6_signature_logos,
    .bcon6_logo_type_2,
    .bcon6_logo_type_3,
    .bcon6_logo_type_4,
    .bcon6_usage_examples,
    .bcon6_color_table,
    .bcon6_desc_typography,
    .bcon6_desc_symbol {
        margin-top: 7.000000vw;
    }

    .bcon6_top_logo_row,
    .bcon6_logo_type_row,
    .bcon6_usage_row,
    .bcon6_desc_row {
        margin-top: 8.000000vw;
    }

    .bcon6_facade_logos {
        width: 76.923077%;
    }

    .bcon6_signature_logos {
        width: 51.282051%;
    }

    .bcon6_logo_type_1 {
        width: 74.358974%;
    }

    .bcon6_logo_type_2 {
        width: 40.256410%;
    }

    .bcon6_logo_type_3,
    .bcon6_logo_type_4 {
        width: 39.230769%;
    }

    .bcon6_logo_type_img_1,
    .bcon6_logo_type_img_2,
    .bcon6_logo_type_img_3,
    .bcon6_logo_type_img_4 {
        margin-top: 4.500000vw;
    }

    .bcon6_usage_examples {
        width: 76.410256%;
    }

    .bcon6_color_table {
        width: 79.487179%;
    }

    .bcon6_desc_color,
    .bcon6_desc_typography,
    .bcon6_desc_symbol {
        width: 86.000000%;
    }

    .bcon6_desc_text {
        margin-top: 3.500000vw;
        line-height: 1.650000;
        text-align: center;
        white-space: nowrap;
    }

    .bcon6_desc_typography .bcon6_desc_text {
        margin-top: 3.500000vw;
        line-height: 1.650000;
        text-align: center;
        white-space: nowrap;
    }

    /* ===== BCON5 (SPACE DESIGN) mobile ===== */
    .bcon5 {
        background-size: auto 100%;
        padding-top: 14.000000%;
        padding-bottom: 12.000000%;
    }

    .bcon5_left {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        width: 100.000000%;
        order: 1;
    }

    .bcon5_heading {
        position: relative;
        top: auto;
        left: auto;
        width: 86.000000%;
        margin: 0 auto;
        align-items: center;
    }

    .bcon5_title {
        width: 56.000000%;
    }

    .bcon5_desc {
        margin-top: 4.000000%;
        line-height: 1.7;
        text-align: center;
        white-space: nowrap;
    }

    .bcon5_desc_em {
        white-space: nowrap;
    }

    .bcon5_badge {
        position: relative;
        top: auto;
        left: auto;
        width: 26.000000%;
        margin: 6.000000% auto 0;
    }

    .bcon5_media {
        align-self: center;
        width: 90.000000%;
        margin-top: 9.000000%;
        order: 2;
        display: flex;
        flex-direction: column;
    }

    .bcon5_swiper {
        width: 100%;
    }

    .bcon5_swiper .swiper-slide img {
        width: 100%;
        height: auto;
    }

    .bcon5_thumbs {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 2vw;
        margin-top: 4vw;
        overflow-x: auto;
        scrollbar-width: none;
        padding: 1vw 0;
        z-index: 2;
    }

    .bcon5_thumbs::-webkit-scrollbar {
        display: none;
    }

    .bcon5_thumb {
        flex: 0 0 18vw;
        aspect-ratio: 163 / 98;
        opacity: 0.5;
        transition: opacity 0.3s ease;
    }

    .bcon5_thumb.is-active {
        opacity: 1;
    }

    .bcon5_nav {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        width: 44.000000%;
        margin: 9.000000% auto 0;
        order: 3;
    }

    .bcon5_nav_prev,
    .bcon5_nav_next {
        padding: 2.519685vw 0;
    }

    .bcon5_nav_prev span,
    .bcon5_nav_next span {
        white-space: nowrap;
    }
}