/* 전역: 한글 단어 단위 줄바꿈 */
* {
    word-break: keep-all;
}

/* 마데카21 Part1~3 텍스트 컬러 #000 오버라이드 (센텔리안24 제외) */
.brand-about-brand-content.brand-about-madeca21 {
    --color-text: #000;
}

/***
* 브랜드 메인 배너 캡션 스타일 (brand/main.php)
***/
.brand-page .main-banner .banner-caption {
    position: absolute !important;
    left: 100px !important;
    top: 212px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    max-width: 552px;
    text-align: left !important;
    padding: 0px !important;
    gap: 24px !important;
}

/***
* 공통 - 브랜드 이미지 섹션 (공통 사용)
***/
.brand-image-section {
    padding: clamp(18.75px, 3.125vw, 40px) 0;
}

.brand-image-section img {
    width: clamp(78.125px, 13.021vw, 166.667px);
    height: auto;
    display: block;
    margin: 0 auto;
}

/***
* 공통 - 상품 그리드 (공통 사용)
***/
.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(228px, 1fr));
    gap: clamp(28.125px, 4.688vw, 60px) clamp(15.625px, 2.604vw, 33.333px);
}

.product-grid .product-item {
    font-size: var(--font-size-h2);
    font-weight: var(--font-weight-h2);
    line-height: var(--line-height-h2);
    color: var(--color-black);
    transition: transform 0.3s ease;
}

.product-grid .product-item:hover {
    transform: translateY(-5px);
}

.product-grid .product-item a {
    display: inline-block;
    font-size: 0;
}

.product-grid .product-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 16px;
}

.product-grid .product-info {
    padding: 16px 0 0;
}

.product-grid .product-info h3 {
    font-size: var(--font-size-h2);
    font-weight: var(--font-size-h2);
    line-height: var(--line-height-h2);
    color: var(--color-black);
}

.product-grid .product-info p {
    color: #7f8c8d;
    font-size: 0.9rem;
}

/***
* 메인페이지(main.php - index-content-wrap) - 브랜드 섹션 공통 스타일
***/
.brand-section {
    max-width: 1440px;
    margin: 0 auto;
    padding: 64px 100px 0px;
}

.brand-section:first-of-type {
    padding: 56px 100px 0px;
}

.brand-section:last-of-type {
    padding: 64px 100px 0px;
}

.brand-section .section-title {
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: 700;
    color: var(--color-text);
}

/***
* 메인페이지(main.php - index-content-wrap) - BEST & NEW 섹션 수평 레이아웃
***/
.section-content-horizontal {
    display: flex;
    align-items: flex-start;
    gap: 32px;
}

.section-content-horizontal .section-title {
    margin-bottom: 0;
    font-size: 24px;
    width: 160px;
    font-weight: 700;
    white-space: nowrap;
    flex-shrink: 0;
}

/***
* 메인페이지(main.php - index-content-wrap) - BEST & NEW 섹션 상품 리스트
***/
.brand-product-list {
    display: flex;
    gap: 20px;
    flex: 1;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
}

.brand-product-list:has(.empty-product-message) {
    justify-content: center;
    align-items: center;
}

.brand-product-list::-webkit-scrollbar {
    height: 6px;
}

.brand-product-list::-webkit-scrollbar-track {
    background: var(--color-gr6);
    border-radius: 3px;
}

.brand-product-list::-webkit-scrollbar-thumb {
    background: var(--color-gr3);
    border-radius: 3px;
}

.brand-product-list::-webkit-scrollbar-thumb:hover {
    background: var(--color-gr2);
}

.brand-product-item {
    flex: 0 0 336px;
    width: 336px;
    max-width: 336px;
}

.brand-product-item .product-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.brand-product-item .product-image-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 1;
    background: var(--color-gr6);
    overflow: hidden;
}

.brand-product-item .product-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.brand-product-item .product-info {
    padding: 20px 0 0;
    text-align: left;
}

.brand-product-item .product-brand {
    padding-bottom: 16px;
    font-size: 14px;
    color: var(--color-gr2);
    line-height: 1.6;
}

.brand-product-item .product-title {
    display: -webkit-box;
    width: 100%;
    height: auto;
    margin-bottom: 14px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.55;
    color: var(--color-text);
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.brand-product-item .product-hashtags {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 14px;
    color: var(--color-red);
    line-height: 1.857;
}

.brand-products-content.brand-sno-2 .product-hashtags,
.brand-sno-2 .product-hashtags .hashtag,
.brand-sno-2 .brand-product-item .product-hashtags {
    color: rgb(234, 29, 42);
}

.brand-sno-2 .product-detail-info .btn-purchase {
    background: rgb(234, 29, 42);
}

.brand-products-content.brand-sno-3 .product-hashtags,
.brand-sno-3 .product-hashtags .hashtag,
.brand-sno-3 .brand-product-item .product-hashtags {
    color: rgb(114, 204, 153);
}

.brand-sno-3 .product-detail-info .btn-purchase {
    background: rgb(114, 204, 153);
}

.brand-products-content.brand-sno-4 .product-hashtags,
.brand-sno-4 .product-hashtags .hashtag,
.brand-sno-4 .brand-product-item .product-hashtags {
    color: rgb(172, 151, 220);
}

.brand-sno-4 .product-detail-info .btn-purchase {
    background: rgb(172, 151, 220);
}

.brand-products-content.brand-sno-5 .product-hashtags,
.brand-sno-5 .product-hashtags .hashtag,
.brand-sno-5 .brand-product-item .product-hashtags {
    color: rgb(67, 176, 41);
}

.brand-sno-5 .product-detail-info .btn-purchase {
    background: rgb(67, 176, 41);
}

.brand-products-content.brand-sno-6 .product-hashtags,
.brand-sno-6 .product-hashtags .hashtag,
.brand-sno-6 .brand-product-item .product-hashtags {
    color: rgb(198, 216, 25);
}

.brand-sno-6 .product-detail-info .btn-purchase {
    background: rgb(198, 216, 25);
}

.brand-products-content.brand-sno-7 .product-hashtags,
.brand-sno-7 .product-hashtags .hashtag,
.brand-sno-7 .brand-product-item .product-hashtags {
    color: rgb(244, 53, 77);
}

.brand-sno-7 .product-detail-info .btn-purchase {
    background: rgb(244, 53, 77);
}

.brand-products-content.brand-sno-8 .product-hashtags,
.brand-sno-8 .product-hashtags .hashtag,
.brand-sno-8 .brand-product-item .product-hashtags {
    color: rgb(5, 194, 222);
}

.brand-sno-8 .product-detail-info .btn-purchase {
    background: rgb(5, 194, 222);
}

.brand-product-item .product-hashtags span {
    display: inline-block;
    margin-right: 8px;
    white-space: normal;
}

/***
* 메인페이지(main.php - index-content-wrap) - EVENT 섹션
***/
.brand-event-list {
    display: flex;
    gap: 20px;
}

.brand-event-list .empty-message {
    width: 100%;
    padding: 40px;
    text-align: center;
    color: var(--color-gr3);
}

.brand-event-item {
    position: relative;
    flex: 1;
    width: auto;
    height: 360px;
    margin: 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.brand-event-item .event-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.brand-event-item .event-content {
    padding: 40px 28px 75px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: var(--color-wh);
}

.brand-event-item .event-title {
    display: -webkit-box;
    width: 100%;
    height: auto;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--color-bk);
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.brand-event-item .event-desc {
    display: -webkit-box;
    width: 100%;
    height: auto;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: var(--color-wh);
    opacity: 0.9;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

/***
* 메인페이지(main.php - index-content-wrap) - NEWS 섹션
***/
.brand-news-list {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.brand-news-list .empty-message {
    width: 100%;
    padding: 40px;
    text-align: center;
    color: var(--color-gr3);
}

.brand-news-item {
    padding: 16px 0;
    margin: 0;
    border-bottom: 1px solid var(--color-gr5);
}

.brand-news-item:last-child {
    border-bottom: none;
}

.brand-news-item .news-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: var(--color-text);
    transition: color 0.3s ease;
}

.brand-news-item .news-title {
    max-width: 96.452%;
    font-size: 16px;
    line-height: 1.55;
}

.brand-news-item .news-arrow {
    font-size: 20px;
    line-height: 1;
    color: var(--color-text);
}

/***
* EVENT/NEWS 목록페이지(board.php - board-content) - 기본 컨테이너
***/
.board-content {
    overflow-x: hidden;
    /* 가로 스크롤 방지 */
}

.board-content .container {
    padding-left: 100px;
    padding-right: 100px;
    box-sizing: border-box;
}

.board-content .board-tabs {
    position: relative;
    padding: 18px 0;
    font-size: 0;
    text-align: center;
    display: none !important;
}

.board-content .board-tabs::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 1px;
    height: 16px;
    margin: 0;
    background: var(--color-gr5);
    transform: translate(-50%, -50%);
    display: none !important;
}

.board-content .board-tabs::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 0;
    width: var(--viewport-minus-scrollbar-width, 100vw);
    height: 1px;
    margin: 0;
    background: #00000014;
    transform: translateX(-50%);
    display: none !important;
}

.board-content .board-tabs .board-tab-item {
    position: relative;
    z-index: 2;
    display: inline-block;
    width: auto;
    height: auto;
    padding: 0 20px;
    margin: 0 20px;
    text-align: center;
    font-size: 18px;
    font-weight: normal;
    line-height: 1.55;
    letter-spacing: normal;
    color: var(--color-gr2);
}

.board-content .board-tabs .board-tab-item.active {
    color: var(--color-text);
    font-weight: bold;
}

.board-content .total-count {
    padding: 40px 0 20px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    color: var(--color-text);
}

/***
* EVENT/NEWS 목록페이지(board.php - board-content) - 빈 상태 메시지
***/
.board-content .board-empty-state {
    padding-top: 365px;
    text-align: center;
}

.board-content .board-empty-state img {
    display: block;
    margin: 0 auto 24px;
}

.board-content .board-empty-state p {
    font-size: 18px;
    line-height: 1.45;
    color: var(--color-gr3);
    margin: 0;
}

/***
* 게시글 상세페이지(board_detail.php - board-detail-content) - 기본 컨테이너
***/
.board-detail-content {}

.board-detail-header {
    padding: 30px 0 0;
    margin: 40px 0;
    border-top: 1px solid var(--color-gr1);
}

.board-detail-title {
    width: 100%;
    height: auto;
    padding-bottom: 26px;
    margin-bottom: 0px;
    border-bottom: 1px solid var(--color-gr4);
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: normal;
    color: var(--color-text);
}

.board-detail-attachment {
    margin-top: 8px;
}

.board-detail-attachment .attachment-link {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    padding-left: 26px;
    margin: 0;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.6;
    letter-spacing: normal;
    color: var(--color-text);
}

.board-detail-attachment .attachment-link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    width: 24px;
    height: 24px;
    margin: 0;
    background-image: url('/assets/images/icon_attachment_24.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: left center;
    transform: translateY(-50%);
}

.board-detail-body {
    padding: 0px 0;
}

.board-detail-image {
    margin-bottom: 40px;
}

.board-detail-image img {
    width: 100%;
    height: auto;
    display: block;
}

.board-detail-content-text {
    font-size: 16px;
    line-height: 1.75;
    color: var(--color-text);
}

.board-detail-content-text p {}

.board-detail-content-text img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0px 0;
}

.board-detail-footer {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid var(--color-gr4);
    text-align: center;
}

.board-detail-list-btn {
    display: inline-block;
    width: 240px;
    height: 52px;
    background-color: var(--color-bk);
    color: var(--color-wh);
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    line-height: 52px;
}

/***
* EVENT/NEWS 목록페이지(board.php - board-content) - EVENT 리스트 그리드
***/
.board-content .event-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px 20px;
}

.board-content .event-item {
    display: block;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
    transition: transform 0.3s ease;
}

.board-content .event-item:hover {
    /* transform: translateY(-5px); */
}

.board-content .event-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 400 / 300;
    border-radius: 0px;
    overflow: hidden;
}

.board-content .event-thumb img {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.board-content .event-item:hover .event-thumb img {
    /* transform: scale(1.05); */
}

.board-content .event-title {
    display: -webkit-box;
    padding: 20px 0 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.45;
    color: var(--color-text);
}

/* Event 미리보기 텍스트 (PC에서는 숨김) */
.board-content .event-preview-text.mo {
    display: none;
}

/***
* EVENT/NEWS 목록페이지(board.php - board-content) - NEWS 테이블
***/
.news-table {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 40px 0;
    border-collapse: collapse;
    border-top: 1px solid var(--color-gr1);
}

.news-table th {
    padding: 15px 16px;
    border-bottom: 1px solid var(--color-gr5);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.news-table td {
    padding: 15px 16px;
    border-bottom: 1px solid var(--color-gr5);
    font-size: 16px;
    color: var(--color-text);
    text-align: center;
    vertical-align: middle;
}

.news-table td.td-subject {
    text-align: left;
    padding: 15px 24px;
}

.news-table td.td-subject .news-date {
    display: none;
}

.news-table .news-link {
    display: inline-block;
    max-width: 51.667vw;
    height: auto;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: var(--color-text);
    transition: color 0.2s ease;
    vertical-align: middle;
}

.news-table .news-link:hover {
    color: var(--color-black);
    text-decoration: underline;
}

/***
* EVENT/NEWS 목록페이지(board.php - board-content) - 페이지네이션
***/
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    gap: 12px;
}

.pagination .page-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    margin: 0;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: normal;
    color: var(--color-text);
    box-sizing: content-box;
    transition: all 0.2s ease;
}

.pagination .page-btn.first,
.pagination .page-btn.prev,
.pagination .page-btn.next,
.pagination .page-btn.last {
    width: 24px;
    height: 24px;
}

.pagination .page-btn.num:hover {}

.pagination .page-btn.num.active {
    margin: 0;
    border: 1.5px solid var(--color-red);
    font-weight: 700;
    color: var(--color-text);
}

/* 화살표 아이콘 */
.pagination .page-btn.first {
    background-image: url('/assets/images/icon_arrow_left_double_24.svg');
}

.pagination .page-btn.prev {
    background-image: url('/assets/images/icon_arrow_left_24.svg');
}

.pagination .page-btn.next {
    background-image: url('/assets/images/icon_arrow_right_24.svg');
}

.pagination .page-btn.last {
    background-image: url('/assets/images/icon_arrow_right_double_24.svg');
}


/***
* BEST 배너페이지(best.php - brand-best-content) & NEW 배너페이지(new.php - brand-new-content) - 컨테이너
***/
.brand-best-content .container,
.brand-new-content .container {
    padding-left: 100px;
    padding-right: 100px;
    box-sizing: border-box;
}

.brand-banner-section {
    display: flex;
    align-items: center;
    width: 100%;
    height: 480px;
    padding: 0px 73px;
    margin: 32px 0 0;
    overflow: hidden;
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    text-align: left;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}

.banner-link:first-of-type .brand-banner-section {
    margin-top: 40px;
}

/***
* BEST 배너페이지(best.php) & NEW 배너페이지(new.php) - 배너 링크
***/
.banner-link {
    display: block;
    width: 100%;
    text-decoration: none;
    color: inherit;
}

/***
* BEST 배너페이지(best.php) & NEW 배너페이지(new.php) - 배너 콘텐츠 래퍼
***/
.banner-content-wrapper {}

/***
* BEST 배너페이지(best.php) & NEW 배너페이지(new.php) - 배너 텍스트 영역
***/
.banner-text-area {
    flex: 1;
    max-width: 491px;
}

/***
* BEST 배너페이지(best.php) & NEW 배너페이지(new.php) - 배너 제목
***/
.brand-best-content.basic-content .banner-title,
.brand-new-content.basic-content .banner-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0 0px;
    text-align: left;
    font-size: 42px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.03em;
    color: var(--color-bk);
}

/***
* BEST 배너페이지(best.php) & NEW 배너페이지(new.php) - 배너 내용
***/
.banner-content {
    padding-top: 24px;
    font-size: 32px;
    line-height: 1.5;
    color: var(--color-bk);
}

/***
* BEST 배너페이지(best.php) & NEW 배너페이지(new.php) - 배너 버튼
***/
.banner-button {
    display: block;
    width: auto;
    height: auto;
    padding: 11px 65.5px;
    margin-top: 48px;
    border: none;
    background-color: var(--color-bk);
    cursor: pointer;
    pointer-events: none;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--color-wh);
}

/***
* BEST 배너페이지(best.php) & NEW 배너페이지(new.php) - 빈 상태 메시지
***/
.brand-empty-state {
    padding-top: 365px;
    text-align: center;
}

.brand-empty-state img {
    display: block;
    margin: 0 auto 24px;
}

.brand-empty-state p {
    font-size: 18px;
    line-height: 1.45;
    color: var(--color-gr3);
    margin: 0;
}


/***
* 상품 상세 페이지 (product_detail.php)
***/
.product-detail-page-content {
    padding: 120px 00px 0;
}

.product-detail-page-content p {
    font-size: 0;
}

.product-detail-page-content .container {
    max-width: 1440px;
    width: 100%;
    padding: 0 100px;
}

.product-detail-page-content .product-detail-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

/* 상품 이미지 섹션 */
.product-detail-page-content .product-detail-images {
    display: flex;
    flex-direction: column;
    max-width: 616px;
    gap: 24px;
}

.product-detail-page-content .product-main-image {
    width: 616px;
    aspect-ratio: 1;
    overflow: hidden;
    background: var(--color-gr6);
}

.product-detail-page-content .product-main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.product-detail-page-content .product-thumbnails-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0;
    width: 100%;
}

.product-detail-page-content .product-thumbnails-swiper {
    flex: 1;
    overflow: hidden;
    min-width: 0;
    /* flex 아이템이 축소될 수 있도록 */
}

.product-detail-page-content .product-thumbnails-swiper .swiper-wrapper {
    display: flex;
    align-items: center;
    /* gap은 Swiper의 spaceBetween으로 제어 */
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.product-detail-page-content .product-thumbnails-swiper .swiper-slide {
    width: 96px !important;
    flex-shrink: 0;
    height: auto;
    /* margin-right는 Swiper의 spaceBetween으로 자동 설정됨 */
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.product-detail-page-content .thumbnail-item {
    flex: 0 0 96px;
    width: 96px;
    height: 96px;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.3s ease;
    background: var(--color-gr6);
}

.product-detail-page-content .thumbnail-item:hover {}

.product-detail-page-content .thumbnail-item.active {}

.product-detail-page-content .thumbnail-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 썸네일 네비게이션 버튼 */
.product-detail-page-content .thumbnail-nav-btn {
    position: relative;
    width: 24px;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: unset;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}

.product-detail-page-content .thumbnail-nav-btn:hover {}


.product-detail-page-content .thumbnail-nav-btn img {
    width: 24px;
    height: 24px;
    display: block;
}

.product-detail-page-content .thumbnail-nav-prev {
    left: 0;
}

.product-detail-page-content .thumbnail-nav-next {
    right: 0;
}

/* 상품 정보 섹션 */
.product-detail-page-content .product-detail-info {
    display: flex;
    flex-direction: column;
    max-height: 616px;
}

.product-detail-page-content .product-brand-label {
    padding-bottom: 64px;
    font-size: 18px;
    color: var(--color-gr2);
}

.product-detail-page-content .product-title {
    padding-bottom: 24px;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--color-text);
    margin: 0;
}

.product-detail-page-content .product-hashtags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-bottom: 64px;
}

.product-hashtags .hashtag {
    font-size: 18px;
    color: var(--color-red);
    font-weight: 500;
    line-height: 1.45;
}

.product-detail-page-content .product-description {
    margin-bottom: 64px;
    text-align: left;
    font-size: 20px;
    line-height: 1.5;
    color: var(--color-text);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-detail-page-content .product-quantity {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--color-text);
}

.product-detail-page-content .btn-purchase {
    display: inline-block;
    width: 480px;
    height: 52px;
    background: var(--color-red);
    color: var(--color-wh);
    font-size: 18px;
    line-height: 52px;
    font-weight: 700;
    text-align: center;
    margin-top: auto;
    /* flex 컨테이너에서 가능한 한 아래로 밀어내기 */
    transition: background-color 0.3s ease;
    text-decoration: none;
    align-self: flex-start;
}

.product-detail-page-content .btn-purchase:hover {
    opacity: 0.85;
}

/* 탭 섹션 */
.product-detail-page-content .product-detail-tabs {
    padding-top: 62px;
}

.product-detail-page-content .tab-buttons {
    display: flex;
    gap: 0;
    border: 1px solid var(--color-gr4);
}

.product-detail-page-content .product-detail-tabs .tab-btn {
    width: 50%;
    height: 56px;
    font-size: 16px;
    font-weight: 500;
    line-height: 56px;
    color: var(--color-wh);
    background: var(--color-gr2);
    border: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.product-detail-page-content .product-detail-tabs .tab-btn:hover {
    color: var(--color-wh);
}

.product-detail-page-content .product-detail-tabs .tab-btn.active {
    background: var(--color-wh);
    border: 1px solid var(--color-gr5);
    color: var(--color-text);
}

.product-detail-page-content .product-detail-tabs .tab-contents {
    padding: 40px 0 0;
}

.product-detail-page-content .product-detail-tabs .tab-content {
    position: relative;
    display: none;
}

.product-detail-page-content .product-detail-tabs .tab-content.active {
    display: block;
}

.product-detail-page-content .product-content,
.product-detail-page-content .product-notes {
    font-size: 16px;
    line-height: 1.6;
    color: var(--color-text);
}

.product-detail-page-content .product-content {
    max-height: 1083px;
    overflow-y: hidden;
    transition: max-height 0.3s ease;
}

.product-detail-page-content .product-content.expanded {
    max-height: none;
    overflow-y: auto;
}

.product-detail-page-content .product-content img {
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
    object-fit: contain;
}

.product-detail-page-content .product-content-empty,
.product-detail-page-content .product-notes-empty {
    text-align: center;
    padding: 60px 20px;
    color: var(--color-gr3);
}

/* 상품설명 더보기/접기 버튼 래퍼 */
.product-detail-page-content .btn-product-content-toggle-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    pointer-events: none;
}

.product-detail-page-content .product-content.expanded~.btn-product-content-toggle-wrapper {
    position: static;
    height: 96px;
}

.product-detail-page-content .btn-product-content-toggle-wrapper.not_active {
    display: none;
}

/* 상품설명 더보기/접기 버튼 */
.product-detail-page-content .btn-product-content-toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 840px;
    height: 56px;
    background: var(--color-wh);
    border: 1px solid var(--color-gr2);
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    color: var(--color-text);
    cursor: pointer;
    transition: all 0.3s ease;
    pointer-events: auto;
}

.product-detail-page-content .btn-product-content-toggle .btn-icon {
    display: flex;
    align-items: center;
    font-size: 12px;
    transition: transform 0.3s ease;
}

.product-detail-page-content .btn-product-content-toggle .btn-icon-down {}

.product-detail-page-content .product-content.expanded~.btn-product-content-toggle-wrapper .btn-product-content-toggle .btn-icon {
    transform: rotate(180deg);
}


/***
* 상품 목록 페이지 (products.php - brand-products-content)
***/
.brand-products-content {
    padding-top: 80px;
    padding-bottom: 0px;
}

.brand-products-content .container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0px 100px;
    box-sizing: border-box;
}

.brand-products-content .products-top-filter-wrapper {
    width: 100%;
    min-width: 1440px;
    box-sizing: border-box;
    border-bottom: 1px solid var(--color-gr5);
}

.brand-products-content .products-top-filter-wrapper .container {
    padding: 0px 100px;
    box-sizing: border-box;
}

.brand-products-content .products-top-filter {
    display: flex;
    align-items: center;
    gap: 36px;
    padding-bottom: 0px;
}

.brand-products-content .sidebar-type-select {
    flex-shrink: 0;
    width: 140px;
}

.brand-products-content .type-dropdown {
    padding: 12px 30px 12px 0px;
    border: 1px solid var(--color-gr4);
    font-size: 18px;
    background: white;
    background-image: url('/assets/images/product_arrow_down.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px 20px;
    cursor: pointer;
    min-width: 76px;
    border: 0;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.brand-products-content .type-dropdown:focus {
    outline: none;
    border: 0;
}

/* Swiper 래퍼 */
.brand-products-content .top-category-list-swiper-wrapper {
    overflow: hidden;
    flex: 1;
    min-width: 0;
}

/* Swiper 컨테이너 */
.brand-products-content .top-category-list-swiper {
    width: 100%;
    overflow: visible;
    cursor: default;
}

/* Swiper 리스트 */
.brand-products-content .top-category-list {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    width: auto;
}

/* Swiper 슬라이드 (각 카테고리 항목) */
.brand-products-content .top-category-list .swiper-slide {
    width: auto;
    flex-shrink: 0;
    padding: 20px 0;
    margin: 0 20px;
    white-space: nowrap;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.brand-products-content .top-category-list .swiper-slide:first-child {
    margin-left: 0;
}

.brand-products-content .top-category-list .swiper-slide a {
    font-size: 18px;
    color: var(--color-gr2);
    text-decoration: none;
    transition: color 0.3s ease;
    display: inline-block;
}

.brand-products-content .top-category-list .swiper-slide.active a,
.brand-products-content .top-category-list .swiper-slide a:hover {
    color: var(--color-text);
    font-weight: 700;
}

.brand-products-content .products-layout {
    display: flex;
    gap: 24px;
    margin-top: 0;
}

.brand-products-content .products-sidebar {
    width: 280px;
    flex-shrink: 0;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    padding: 20px 16px 122px;
}

/* PC에서 모바일 필터 사이드바 숨김 */
@media (min-width: 1024px) {

    .mobile-filter-overlay,
    .mobile-filter-sidebar {
        display: none !important;
    }
}

.brand-products-content .products-sidebar::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: var(--brand-products-content-height, calc(100% + 80px));
    background: var(--color-gr5);
}

.brand-products-content .products-sidebar::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: var(--brand-products-content-height, calc(100% + 80px));
    background: var(--color-gr5);
}

.brand-products-content .sidebar-section {
    margin-bottom: 30px;
}

.brand-products-content .sidebar-section-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 16px;
    color: var(--color-text);
}

.brand-products-content .sidebar-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.brand-products-content .checkbox-label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 16px;
    color: var(--color-gr2);
}

.brand-products-content .checkbox-label input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    cursor: pointer;
}

.brand-products-content .checkbox-label input[type="checkbox"]+span {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
}

.brand-products-content .checkbox-label input[type="checkbox"]+span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-image: url('/img/checkbox_off.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 6px;
}

.brand-products-content .checkbox-label input[type="checkbox"]:checked+span::before {
    background-image: url('/img/checkbox_on.png');
}

.brand-products-content .products-main {
    flex: 1;
    padding: 20px 16px;
}

.brand-products-content .products-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.brand-products-content .mobile-filter-toggle-btn {
    display: none;
}

.brand-products-content .products-count {
    font-size: 14px;
    color: var(--color-text);
    font-weight: 500;
}

.brand-products-content .products-count strong {
    font-size: 14px;
    color: var(--color-text);
    font-weight: 700;
}

.brand-products-content .products-count .count-label-icon {
    display: none;
}

.brand-products-content .products-count .count-label-text {
    display: inline;
}

.brand-products-content .products-count img {
    vertical-align: middle;
    margin-right: 4px;
}

.brand-products-content .sort-dropdown {
    padding: 0px 10px;
    border: 0px solid var(--color-gr4);
    font-size: 14px;
    background: white;
    cursor: pointer;
}

.brand-products-content .products-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px 20px;
}

.brand-products-content .product-item {
    width: 100%;
}

.brand-products-content .product-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.brand-products-content .product-image-wrapper {
    width: 100%;
    aspect-ratio: 1;
    background: var(--color-gr6);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    overflow: hidden;
}

.brand-products-content .product-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-products-content .product-info {
    padding: 0px;
}

.brand-products-content .product-brand {
    font-size: 14px;
    color: var(--color-gr2);
    margin-bottom: 12px;
    padding-bottom: 0px;
}

.brand-products-content .product-title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    color: var(--color-text);
    margin-bottom: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 56px;
}

.brand-products-content .product-hashtags {
    font-size: 14px;
    color: #EA1D2A;
    line-height: 1.5;
}

.brand-products-content .no_data_box {
    padding-top: 266px;
    text-align: center;
    width: 100%;
    font-size: 0;
}

.brand-products-content .no_data_box img {
    width: 40px;
    padding-bottom: 24px;
}

.brand-products-content .no_data_box .products-empty {
    grid-column: 1 / -1;
    text-align: center;
    color: #999999;
    font-size: 18px;
}

/***
* 브랜드 소개 페이지 (about_brand.php - brand-about-brand-content)
***/
.brand-about-brand-content {
    /* 헤더 높이(고정/반고정)만큼 컨텐츠를 아래로 내리고, 섹션 높이 계산에도 동일 값을 사용 */
    padding-top: var(--brand-header-h, 80px);
}

.brand-about-brand-content .container {
    margin: 0 auto;
    box-sizing: border-box;
}

/* PC 전용 섹션 */
.brand-about-brand-content .pc {
    display: block;
}

/* 모바일 전용 섹션 */
.brand-about-brand-content .mo {
    display: none;
}

.brand-about-brand-content .pc .about-brand-section {
    /* 기본적으로 모든 섹션은 뷰포트 높이에 맞춤 */
    height: calc(100vh - var(--brand-header-h, 80px));
    position: relative;
}

.brand-about-brand-content .pc .centelian24-pc-section-2 {
    position: relative;
}

.brand-about-brand-content .pc .centelian24-pc-section2-header-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 120.5px 0 98px;
    font-size: 0;
}

.brand-about-brand-content .pc .centelian24-pc-section2-header-box .centelian24-pc-section2-header-text {
    position: relative;
    padding-left: 66px;
    font-size: 40px;
    font-weight: bold;
    line-height: 1;
}

.brand-about-brand-content .pc .centelian24-pc-section2-header-box .centelian24-pc-section2-header-text::before {
    content: "";
    position: absolute;
    left: 33px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    background-color: #000;
}

.brand-about-brand-content .pc .centelian24-pc-section-2 .circle_box_wrap {
    display: flex;
    justify-content: center;
}

.brand-about-brand-content .pc .centelian24-pc-section-2 .circle_box_wrap .circle_box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 1;
    width: clamp(263.688px, 21.974vw, 845.779px);
    height: clamp(263.688px, 21.974vw, 845.779px);
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    text-align: center;
}

.brand-about-brand-content .pc .centelian24-pc-section-2 .circle_box_wrap .circle_box:first-of-type {
    position: relative;
    right: -54.6px;
}

.brand-about-brand-content .pc .centelian24-pc-section-2 .circle_box_wrap .circle_box:nth-of-type(2) {
    z-index: 0;
}

.brand-about-brand-content .pc .centelian24-pc-section-2 .circle_box_wrap .circle_box:nth-of-type(1)::before {
    content: "+";
    position: absolute;
    top: 46%;
    right: 3%;
    font-size: 35.53px;
    font-weight: bold;
    line-height: 1;
    z-index: 1;
}

.brand-about-brand-content .pc .centelian24-pc-section-2 .circle_box_wrap .circle_box:nth-of-type(3)::after {
    content: "+";
    position: absolute;
    top: 46%;
    left: 3%;
    font-size: 35.53px;
    font-weight: bold;
    line-height: 1;
    z-index: 1;
}


.brand-about-brand-content .pc .centelian24-pc-section-2 .circle_box_wrap .circle_box:nth-of-type(3) {
    position: relative;
    left: -54.6px;
}

.brand-about-brand-content .pc .centelian24-pc-section-2 .circle_box_wrap .circle_box h4 {
    padding-bottom: 35px;
    font-size: 35.53px;
    font-weight: bold;
    line-height: 1.6;
}

.brand-about-brand-content .pc .centelian24-pc-section-2 .circle_box_wrap .circle_box p {
    font-size: 25px;
    line-height: 1.6;
}

.pc .centelian24-pc-section2-header-box .centelian24-pc-section2-header-text .weight_thin {
    font-weight: 200;
}

/* 24+ 의 + 를 디자인처럼 위첨자(superscript)로 표시 */
.brand-about-brand-content .pc .centelian24-pc-section2-header-box .centelian24-pc-section2-header-text .text_uppercase {
    vertical-align: super;
    font-size: 38px;
    line-height: 1;
}

/**
* 마데카21  
**/

.brand-about-brand-content.madeca21-content .pc .section-1,
.brand-about-brand-content.madeca21-content .pc .section-2,
.brand-about-brand-content.madeca21-content .pc .section-3,
.brand-about-brand-content.madeca21-content .pc .section-4 {
    position: relative;
}

.brand-about-brand-content.madeca21-content .pc .section-1 .pc-1st-image,
.brand-about-brand-content.madeca21-content .pc .section-2 .brand-description-image,
.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-img-box,
.brand-about-brand-content.madeca21-content .pc .section-4 .madeca21-pc-section4-img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - var(--brand-header-h, 80px));
    z-index: -1;
}

.brand-about-brand-content.madeca21-content .pc .section-1 .pc-1st-image img,
.brand-about-brand-content.madeca21-content .pc .section-2 .brand-description-image img,
.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-img-box img,
.brand-about-brand-content.madeca21-content .pc .section-4 .madeca21-pc-section4-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-about-brand-content.madeca21-content .pc .section-1 .pc-section-text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
}

.brand-about-brand-content.madeca21-content .pc .section-1 .pc-section-text .section-title-en {
    padding-bottom: 3.958vw;
    font-size: 2.083vw;
    font-weight: bold;
    line-height: 1.6;
    color: #fff;
}

/* centelian24-part3: 모든 텍스트 자간 -0.09vw (폰트/높이는 1920px 기준 vw 변환) */
.brand-about-brand-content.centelian24-part3 {}

.brand-about-brand-content.centelian24-part3 .pc .section-1 .pc-section-text {
    background: none;
}

.brand-about-brand-content.madeca21-content.centelian24-part3 .pc .section-1 .pc-section-text .section-title-en {
    padding-bottom: 3.458vw;
}

.brand-about-brand-content.madeca21-content.centelian24-part3 .pc .section-1 .pc-section-text .section-title-en,
.brand-about-brand-content.madeca21-content.centelian24-part3 .pc .section-1 .pc-section-text .section-text {}

.brand-about-brand-content.madeca21-content.centelian24-part3 .mo .section-1 .mobile-section-text .section-title-en,
.brand-about-brand-content.madeca21-content.centelian24-part3 .mo .section-1 .mobile-section-text .section-text {}

/* Part3 두 번째 섹션 (philosophy 형식): 이미지 좌·텍스트 우, 흰 배경, 리스트 강조 */
.brand-about-brand-content.centelian24-part3 .pc .section-3 .philosophy-content {
    background: #fff;
    border-top: 1px solid #b8d4e0;
    border-bottom: 1px solid #b8d4e0;
}

.brand-about-brand-content.centelian24-part3 .pc .section-3 .philosophy-text.part3-section2-text {
    padding: 0 6.389vw 0 3.333vw;
    order: 2;
    text-align: left;
}

/* 1920px 기준: font 24px, line-height 1.6, p간격 45px, p~ul 97px */
.brand-about-brand-content.centelian24-part3 .pc .section-3 .philosophy-text.part3-section2-text .section-text {
    font-size: 1.25vw;
    /* 24/1920 */
    line-height: 1.6;
    color: #000;
    margin: 0 0 2.34375vw;
    /* 45px */

}

.brand-about-brand-content.centelian24-part3 .pc .section-3 .philosophy-text.part3-section2-text .section-text:last-of-type {
    margin-bottom: 5.052vw;
    /* 97px */
}

.brand-about-brand-content.centelian24-part3 .pc .section-3 .philosophy-text.part3-section2-text .part3-section2-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.brand-about-brand-content.centelian24-part3 .pc .section-3 .philosophy-text.part3-section2-text .part3-section2-list li {
    font-size: 1.25vw;
    /* 24/1920 */
    line-height: 1.6;
    color: #000;
    margin-bottom: 0.8vw;

}

.brand-about-brand-content.centelian24-part3 .pc .section-3 .philosophy-text.part3-section2-text .part3-section2-list .li-desc,
.brand-about-brand-content.centelian24-part3 .pc .section-3 .philosophy-text.part3-section2-text .part3-section2-list .li-desc-highlight {
    border-bottom: none;
    background: none;
    color: inherit;
    padding: 0;
}

/* Part3 세 번째 섹션: 배경이미지 1장 + 타이틀 */
.brand-about-brand-content.centelian24-part3 .part3-section3 {
    background: url(/assets/images/about_brand/centelian24_part3_section3.png) no-repeat center / cover;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5.2vw;
}

.brand-about-brand-content.centelian24-part3 .part3-section3 .part3-section3-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.brand-about-brand-content.centelian24-part3 .part3-section3 .part3-section3-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.brand-about-brand-content.centelian24-part3 .part3-section3 .part3-section3-title {
    margin: 0;
    text-align: center;
    font-size: 2.083vw;
    /* 40px @1920 */
    line-height: 1.6;
    font-weight: 400;
    color: #000;
    z-index: 1;
}

.brand-about-brand-content.centelian24-part3 .part3-section3 .part3-section3-title strong {
    font-weight: bold;
}

/* PC: 섹션3 제품 이미지 (가로 40%, 중앙, 가로 스크롤) */
.brand-about-brand-content.centelian24-part3 .pc .part3-section3 .part3-section3-image {
    z-index: 1;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.brand-about-brand-content.centelian24-part3 .pc .part3-section3 .part3-section3-image img {
    display: block;
    max-width: none;
    height: auto;
    vertical-align: top;
}

/* Part3 네 번째 섹션: 타이틀 먼저, 그 다음 문구·이미지 (표시 순서 고정) */
.brand-about-brand-content.centelian24-part3 .part3-section4 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 10.9375vw;
    /* 210px @1920 */
    padding-bottom: 5.729vw;
    /* 110px @1920 */
    box-sizing: border-box;
}

.brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-main-title {
    order: 1;
    margin: 0;
    text-align: center;
    font-size: 2.083vw;
    /* 40px @1920 */
    line-height: 1.6;
    font-weight: 700;
    color: #000;
    padding-bottom: 4.687vw;
    /* 100px × 0.9 */
}

.brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-content {
    order: 2;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    box-sizing: border-box;
    gap: 2vw;
}

.brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-text {
    order: 1;
    flex: 1;
    min-width: 0;
    padding-left: 6.25vw;
    /* 120px @1920 */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
}

.brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-subtitle {
    margin: 0 0 1.35vw;
    /* 1.5vw × 0.9 */
    font-size: 2.083vw;
    /* 40px @1920 */
    line-height: 1.6;
    font-weight: 700;
    color: #eb1d2a;
}

.brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
}

.brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-list li {
    position: relative;
    padding-left: 1.2vw;
    margin-bottom: 0.72vw;
    /* 0.8vw × 0.9 */
    font-size: 1.25vw;
    /* 24px @1920 */
    line-height: 1.6;
    color: #000;
}

.brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-list li::before {
    content: "•";
    position: absolute;
    left: 0;
}

.brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-images {
    order: 2;
    flex-shrink: 0;
    width: 53.02083vw;
    /* 1018px @1920 */
    display: flex;
    gap: 0;
}

.brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-images img {
    width: 26.51042vw;
    /* 509px @1920, 1018/2 */
    flex: 1;
    height: 30vw;
    /* 640px × 0.9 @1920 */
    display: block;
    object-fit: cover;
}

/* Part3 다섯 번째 섹션: 이미지(위) → 타이틀 "Quality Control..." → 문구 4개 2x2 */
.brand-about-brand-content.centelian24-part3 .part3-section5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

.brand-about-brand-content.centelian24-part3 .part3-section5 .part3-section5-image {
    order: 1;
    width: 100%;
    height: 26.042vw;
    /* 500px @1920 */
    overflow: hidden;
}

.brand-about-brand-content.centelian24-part3 .part3-section5 .part3-section5-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.brand-about-brand-content.centelian24-part3 .part3-section5 .part3-section5-inner {
    order: 2;
    width: 100%;
    padding-top: 5.208vw;
    padding-bottom: 5.208vw;
    padding-left: 5.208vw;
    padding-right: 5.208vw;
    box-sizing: border-box;
}

.brand-about-brand-content.centelian24-part3 .part3-section5 .part3-section5-title {
    margin: 0;
    text-align: center;
    font-size: 2.083vw;
    line-height: 1.6;
    font-weight: 700;
    color: var(--color-text);
    padding-bottom: 0.833vw;
    /* 74px @1920 */
}

.brand-about-brand-content.centelian24-part3 .part3-section5 .part3-section5-phrases {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 3.125vw;
    /* 60px @1920 */
}

.brand-about-brand-content.centelian24-part3 .part3-section5 .part3-section5-col {
    /* 350px @1920 */
    min-width: 18.729vw;
}

.brand-about-brand-content.centelian24-part3 .part3-section5 .part3-section5-col p {
    margin: 0;
    font-size: 1.25vw;
    line-height: 2.4;
    color: #000;
}

@media (max-width: 1023px) {

    /* centelian24-part3 MO: 720 기준 왼쪽 70px(9.722vw) 여백, 텍스트 왼쪽 정렬 */
    .brand-about-brand-content.centelian24-part3 .mo .section-1 .mobile-section-text {
        margin-left: 5vw;
        text-align: left;
        margin-right: 5vw;
        background: none;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-mo-section2 .part3-mo-section2-text {
        padding-left: 9.722vw;
        padding-right: 9.722vw;
        text-align: left;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section3 .part3-section3-title {
        margin-bottom: 14vw;
        padding: 0px 8.611vw;
        width: 100%;
        box-sizing: border-box;
        text-align: left;
        position: unset;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section3 .part3-section3-title.aos-animate {
        transform: translateY(0);
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section3 .part3-section3-image {
        position: unset;
        top: 57vw;
        left: 9.722vw;
        width: auto;
        z-index: 1;

    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section3 .part3-section3-image::-webkit-scrollbar {
        display: none;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section4 .part3-section4-main-title {
        text-align: left;

        padding-top: 0;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section4 .part3-section4-content {
        padding-left: 0;
        padding-right: 0;
        /* 섹션에서 좌우 9.722vw 적용 */
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section4 .part3-section4-subtitle {
        font-size: 4.5vw;
        margin-bottom: 9vw;
        line-height: 1.6;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section4 .part3-section4-text {
        text-align: left;

        padding-left: 0;
        margin-bottom: 10.6vw;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section4 .part3-section4-list,
    .brand-about-brand-content.centelian24-part3 .mo .part3-section4 .part3-section4-list li {
        text-align: left;

        font-size: 3.5vw;
        /* 30px @720 */
        line-height: 1.6;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section5 {
        background-color: transparent;
        background: none !important;
    }

    /* 모바일: 글자 먼저(1), 이미지 나중(2) */
    .brand-about-brand-content.centelian24-part3 .mo .part3-section5 .part3-section5-inner {
        order: 1;
        padding-top: 0;
        padding-left: 9.722vw;
        padding-right: 0;
        padding-bottom: 11vw;
        text-align: left;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section5 .part3-section5-image {
        order: 2;
        padding-left: 9.22vw;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section5 .part3-section5-image img {
        width: auto;
        height: 100%;
        max-width: none;
        object-fit: cover;
        display: block;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section5 .part3-section5-title,
    .brand-about-brand-content.centelian24-part3 .mo .part3-section5 .part3-section5-phrases,
    .brand-about-brand-content.centelian24-part3 .mo .part3-section5 .part3-section5-col p {
        text-align: left;

    }

    .brand-about-brand-content.centelian24-part3 .part3-section4 {
        padding: 7.2vw 5vw 4.5vw;
        align-items: flex-start;
        /* 8vw 5vw 5vw × 0.9 */
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section4 {
        padding: 25.5vw 9.722vw;
    }

    .brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-main-title {
        font-size: 5.7vw;
        line-height: 1.6;
        padding-bottom: 8.4vw;
    }

    .brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-content {
        flex-direction: column;
        padding: 0 5vw;
    }

    .brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-images {
        width: 100%;
        flex-direction: column;
        align-items: stretch;
        gap: 4.3vw;
        padding: 0;
    }

    .brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-images img {
        width: 67vw;
        height: auto;
    }

    .brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-images img:first-child {
        align-self: flex-start;
    }

    .brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-images img:last-child {
        align-self: flex-end;
    }

    .brand-about-brand-content.centelian24-part3 .part3-section5 .part3-section5-image {
        height: 52vw;
    }

    .brand-about-brand-content.centelian24-part3 .part3-section5 .part3-section5-inner {
        padding: 8vw 5vw 5vw;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section5 .part3-section5-title {
        font-size: 6vw;
        line-height: 1.6;
        padding-bottom: 6vw;
        font-weight: 700;
    }

    .brand-about-brand-content.centelian24-part3 .part3-section5 .part3-section5-phrases {
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        gap: 0;
    }

    .brand-about-brand-content.centelian24-part3 .part3-section5 .part3-section5-col {
        width: auto;
        min-width: 0;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section5 .part3-section5-col p {
        text-align: left;
        margin: 0;
        font-size: 3.5vw;
        line-height: 2.4;
    }

    /* centelian24-part3 MO 2번 섹션: 글 먼저 노출 → 아래 PC 배경이미지 */
    .brand-about-brand-content.centelian24-part3 .mo .part3-mo-section2 {
        display: flex;
        flex-direction: column;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-mo-section2 .part3-mo-section2-text {
        order: 1;
        padding: 25.417vw 8.611vw 24.583vw 9.306vw;
        background: #fff;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-mo-section2 .part3-mo-section2-text .section-text {
        font-size: 3.889vw;
        line-height: 1.6;

    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-mo-section2 .part3-mo-section2-text .part3-section2-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-mo-section2 .part3-mo-section2-text .part3-section2-list li {
        font-size: 3.333vw;
        line-height: 1.6;
        padding-left: 3.889vw;
        text-indent: -3.889vw;
        margin-bottom: 2.778vw;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-mo-section2 .part3-mo-section2-text .part3-section2-list li strong {
        font-size: 3.889vw;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-mo-section2 .part3-mo-section2-text .part3-section2-list li .li-desc,
    .brand-about-brand-content.centelian24-part3 .mo .part3-mo-section2 .part3-mo-section2-text .part3-section2-list li .li-desc-highlight {
        text-indent: 0;
        display: inline-block;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-mo-section2 .part3-mo-section2-bg {
        order: 2;
        position: static;
        width: 100%;
        font-size: 0;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-mo-section2 .part3-mo-section2-bg img {
        width: 100%;
        height: auto;
        display: block;
        vertical-align: top;
    }

    /* centelian24-part3 MO 3번 섹션: absolute 유지, 섹션만 높이 부여 (배경 위에 타이틀·이미지 띄움) */
    .brand-about-brand-content.centelian24-part3 .mo .part3-section3 {
        min-height: 120vw;
        padding: 24.583vw 0px;
        overflow: hidden;
        display: block;
    }

    /* 3번 섹션 타이틀: 가로 720px 기준 글자 45px */
    .brand-about-brand-content.centelian24-part3 .mo .part3-section3 .part3-section3-title {
        font-size: 6vw;
        /* 45px @720 */
        line-height: 1.6;
    }

    /* 3번 섹션 제품 이미지: MO 전용 - 배경 세로 40% 높이, top 57vw, 가로 스크롤 */
    .brand-about-brand-content.centelian24-part3 .mo .part3-section3 .part3-section3-image {
        /* margin-left: 8.611vw; */
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .brand-about-brand-content.centelian24-part3 .mo .part3-section3 .part3-section3-image img {
        display: block;
        height: 74vw;
        width: auto;
        max-width: none;
        object-fit: cover;
        vertical-align: top;
    }
}

.brand-about-brand-content.madeca21-content .pc .section-1 .pc-section-text .section-text {
    padding-bottom: 4.583vw;
    text-align: center;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    color: #fff;
}

.brand-about-brand-content.madeca21-content .pc .section-2 {
    position: relative;
}

/* 마데카21 PC 전용: 설화수처럼 한 번에 한 섹션만 보이게 스크롤 스냅 (data-aos 애니메이션은 유지) */
html.madeca21-fullpage-pc {
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
}

.brand-about-brand-content.madeca21-content .pc .about-brand-section {
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.brand-about-brand-content.madeca21-content .pc .section-2 .pc-section-2-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.brand-about-brand-content.madeca21-content .pc .section-2 .pc-section-2-content .pc-section-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 5.104vw;
}

.brand-about-brand-content.madeca21-content .pc .section-2 .pc-section-2-content .pc-section-text .brand-description-title {
    padding-bottom: 4.479vw;
    font-size: 2.083vw;
    font-weight: bold;
    line-height: 1.6;
}

.brand-about-brand-content.madeca21-content .pc .section-2 .pc-section-2-content .pc-section-text .brand-description-text {
    padding-bottom: 1.563vw;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

.brand-about-brand-content.madeca21-content .pc .section-2 .pc-section-2-content .pc-section-text .small-text {
    font-size: 1.302vw;
    font-weight: 200;
}

.brand-about-brand-content.madeca21-content .pc .section-2 .pc-section-2-content .madeca21-pc-section2-text-right {
    height: 100%;
    aspect-ratio: 731 / 1000;
}

.brand-about-brand-content.madeca21-content .pc .section-2 .pc-section-2-content .madeca21-pc-section2-text-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-about-brand-content.centelian24-part2 .pc .section-3::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    z-index: 0;
    pointer-events: none;
}

.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-text-cont-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    position: relative;
    z-index: 1;
}

.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-text-cont-box h2 {
    padding: 10.208vw 0 5.104vw;
    text-align: center;
    font-size: 2.083vw;
    font-weight: bold;
    line-height: 1.6;
}

.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex: 1;
    min-height: 0;
    width: 100%;
    gap: 5.823vw;
}

/* aspect-ratio 유지하면서 가용 높이(디자인 영역) 안에만 표시, 1920×1080 외 뷰포트에서도 튀어나가지 않음 */
.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-left {
    flex-shrink: 0;
    max-height: 100%;
    max-width: 27.677vw;
    width: auto;
    min-width: 0;
}

.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right {
    padding: 3.208vw 0 0;
}

.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right .madeca21-pc-section3-dl-box {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 1.510vw;
    margin-bottom: 3.817vw;
}

.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right .madeca21-pc-section3-dl-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 3px;
    height: 100%;
    background-color: #000;
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    transition: transform 800ms ease, opacity 800ms ease;
}

.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right .madeca21-pc-section3-dl-box.aos-animate::before {
    transform: scaleY(1);
    opacity: 1;
}

.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right .madeca21-pc-section3-dl-box dl {
    display: flex;
    align-items: baseline;
}

.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right .madeca21-pc-section3-dl-box dl dt {
    font-size: 1.55vw;
    font-weight: 800;
    line-height: 1.6;
}

.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right .madeca21-pc-section3-dl-box dl dd {
    padding-left: 0.5vw;
    font-size: 0.9vw;
    font-weight: 400;
    line-height: 1.6;
}

.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right .madeca21-pc-section3-dl-box dl:last-child dt {
    color: #2b930a;
}

.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right ul li {
    font-size: 1.05vw;
    font-weight: 400;
    line-height: 1.6;
}

.brand-about-brand-content.madeca21-content .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right ul li strong {
    font-weight: 700;
}

.brand-about-brand-content.madeca21-content .brand-story-card {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    width: 240px;
    height: auto !important;
}

.brand-about-brand-content.madeca21-content .pc .section-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.brand-about-brand-content.madeca21-content .pc .section-4 .pc-section-text .section-title-en {
    font-size: 2.083vw;
    font-weight: bold;
    line-height: 1.6;
    color: #fff;
}

.brand-about-brand-content.centelian24-part3 .part3-section4 .part3-section4-list li {
    padding-left: 2vw;
    font-size: 1.25vw;
    /* 24px @1920 */
    line-height: 1.6;
}

/* 스크롤 스냅: 마데카21은 1번을 제외하고 2번부터, 나머지는 1번부터 적용 가능하도록 보정 */
/* JS Wheel 제어로 변경하면서 CSS 스냅은 비활성화 (충돌 방지) */
.brand-about-brand-content .pc .about-brand-section {
    /* scroll-snap-align: start; */
    /* scroll-snap-stop: always; */
}

.brand-about-brand-content.madeca21-content .pc .section-1 {
    /* scroll-snap-align: none; */
}

/* 1번째 섹션 (PC) 공통 초기화 - 마데카21이 아닌 경우 꽉 차는 레이아웃 유지 */
.brand-about-brand-content .pc .section-1 {
    padding: 0;
}

.brand-about-brand-content .brand-story-card {
    width: 240px;
    height: 220px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 4px;
}

.brand-about-brand-content .brand-story-card-image {
    width: 160px;
    height: 160px;
    overflow: hidden;
}

.brand-about-brand-content .brand-story-card-image img {
    width: 100%;
    object-fit: cover;
    display: block;
}

.brand-about-brand-content .brand-story-card-content {
    padding: 0;
}

.brand-about-brand-content .brand-story-card-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    color: var(--color-text);
    margin: 0 0 4px;
}

.brand-about-brand-content .brand-story-card-subtitle {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.55;
    margin: 0;
    text-align: center;
}

.brand-about-brand-content .brand-story-card-subtitle.active {
    font-weight: bold;
}

.brand-about-brand-content .full-image {
    height: 100%;
    font-size: 0;
}

.brand-about-brand-content .full-image>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 센텔리안24 Part1 section-1: 타이틀·문구를 이미지 위에 오버레이 */
.brand-about-brand-content .pc .section-1 .section-1-image-wrap {
    position: relative;
    height: 100%;
}

.brand-about-brand-content .pc .section-1 .section-1-title-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.brand-about-brand-content .pc .section-1 .section-1-title-overlay img {
    display: block;
    width: auto;
    max-width: 80%;
    padding-bottom: 3.958vw;
}

.brand-about-brand-content .pc .section-1 .section-1-title-overlay p {
    margin: 0;
    font-size: 1.563vw;
    font-weight: 400;
    line-height: 1.6;
}

.brand-about-brand-content .pc .section-1 .section-1-footnote {
    position: absolute;
    bottom: 30px;
    right: 30px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    opacity: 1;
}

.brand-about-brand-content .mo .section-1 .section-1-footnote {
    position: absolute;
    bottom: 8vw;
    left: 50%;
    transform: translateX(-50%);
    font-size: 2.5vw;
    font-weight: 400;
    color: #fff;
    opacity: 1;
    white-space: nowrap;
}

/* About Brand 섹션 이미지가 영역을 꽉 채우도록 보정 */
.brand-about-brand-content .brand-description-right-box img,
.brand-about-brand-content .section-6 .vision-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* 브랜드 설명 섹션 (Description) - 마데카21의 3번 혹은 다른 브랜드의 2번 */
.brand-about-brand-content .about-brand-section:has(.brand-description-left-box) {
    display: flex;
    align-items: center;
}

.brand-about-brand-content .about-brand-section .centelian24-pc-section5-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0;
    text-align: center;
}

.brand-about-brand-content .about-brand-section .centelian24-pc-section5-content .section-title-sub-text {
    padding-bottom: 2.292vw;
    font-size: 1.198vw;
    font-weight: bold;
    color: #c4c4c4;
}

.about-brand-section .centelian24-pc-section5-content .centelian24-pc-section5-timeline-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3.5%;
    width: 72.32%;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
}

.centelian24-pc-section5-content .centelian24-pc-section5-timeline-row .centelian24-pc-section5-timeline-item {
    width: 23%;
}

.centelian24-pc-section5-timeline-row .centelian24-pc-section5-timeline-item .img_box {
    font-size: 0;
}

.centelian24-pc-section5-timeline-row .centelian24-pc-section5-timeline-item .img_box img {
    width: 100%;
}

.centelian24-pc-section5-timeline-row .centelian24-pc-section5-timeline-item .text_box {
    padding: 35px 4% 0;
    text-align: left;
}

.centelian24-pc-section5-timeline-row .centelian24-pc-section5-timeline-item .text_box h4 {
    font-size: 28px;
    font-weight: bold;
    line-height: 1.5;
    color: #000;
}

.centelian24-pc-section5-timeline-row .centelian24-pc-section5-timeline-item .text_box p {
    font-size: 18px;
    line-height: 1.5;
    color: #000;
}

.brand-about-brand-content.madeca21-content .about-brand-section .what-we-create-content {
    position: relative;
    display: flex;
    justify-content: center;
    height: 100%;
    aspect-ratio: 720 / 1000;
    align-items: center;
}

.brand-about-brand-content .about-brand-section .what-we-create-content {
    position: relative;
    display: flex;
    justify-content: center;
    height: 100%;
    align-items: center;
}

.brand-about-brand-content .about-brand-section .what-we-create-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
    background-color: #fff;
    /* 원본 이미지의 흰색 배경과 맞춤 */
}

.brand-about-brand-content .about-brand-section .what-we-create-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.brand-about-brand-content.madeca21-content .about-brand-section .what-we-create-text p {
    padding: 0;
    font-size: 4.861vw;
    font-weight: 400;
    line-height: 1.75;
}

.brand-about-brand-content .about-brand-section .what-we-create-text p {
    padding: 0;
    font-size: 1.563vw;
    font-weight: 400;
    line-height: 1.75;
}


.brand-about-brand-content .about-brand-section .what-we-create-text p strong {
    font-weight: 700;
}

/* 5번째 섹션 (Philosophy) - 콘텐츠 클래스 기준으로 변경 */
.brand-about-brand-content .about-brand-section .philosophy-content {
    display: flex;
    height: 100%;
    align-items: center;
}

/* 6번째 섹션 (Vision) - 콘텐츠 클래스 기준으로 변경 */
.brand-about-brand-content .about-brand-section .vision-content {
    display: flex;
    align-items: center;
    height: 100%;
}

.brand-about-brand-content .about-brand-section .vision-image-box,
.brand-about-brand-content .about-brand-section .vision-text {
    width: 50%;
    max-width: 50%;
}

.brand-about-brand-content .section-6 .vision-image-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

/* 브랜드 설명 섹션 내부 요소 스타일 */
.brand-about-brand-content .brand-description-left-box,
.brand-about-brand-content .brand-description-right-box {
    width: 50%;
    max-width: 50%;
}

.brand-about-brand-content .brand-description-left-box {
    padding: 0px 2.778vw 0px 6.944vw;
}

.brand-about-brand-content .brand-description-left-box .brand-description-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--color-text);
    padding: 0 0 16px;
}

.brand-about-brand-content .brand-description-left-box .brand-description-text {
    padding-bottom: 72px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.6;
}

.brand-about-brand-content .brand-description-left-box .brand-description-image {
    padding-right: 2.778vw;
}

.brand-about-brand-content .brand-description-left-box .brand-description-image img {
    width: 100%;
    aspect-ratio: 540 / 250;
}

.brand-about-brand-content .brand-description-right-box {
    width: 100%;
    height: 100%;
    font-size: 0;
}

.brand-about-brand-content .brand-description-right-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* What We Create 상세 스타일 */
.brand-about-brand-content .what-we-create-text {
    padding: 0;
    text-align: center;
}

.brand-about-brand-content .what-we-create-text .section-text {
    font-weight: 600;
}

/* Philosophy 상세 스타일 */
.brand-about-brand-content .philosophy-text,
.brand-about-brand-content .philosophy-image {
    width: 50%;
    max-width: 50%;
}

.brand-about-brand-content .philosophy-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.brand-about-brand-content .philosophy-text {
    padding: 0 6.389vw 0 3.333vw;
    order: 1;
}

/* madeca 4-2 PC: 이미지가 텍스트 뒤(오른쪽)로 오도록 order/width 예외 처리 */
.brand-about-brand-content.madeca-content .pc .section-4-2 .philosophy-text {
    order: 0;
}

.brand-about-brand-content.madeca-content .pc .section-4-2 .brand-description-right-box {
    width: 50%;
    max-width: 50%;
    order: 1;
    font-size: 0;
    /* 이미지 표시용 (텍스트 영향 제거) */
}

/* 마데카21 Part1 섹션3: philosophy-text 배경 이미지 */
.brand-about-brand-content.brand-about-madeca21 .philosophy-text {
    height: 100%;
    background-image: url('/assets/images/about_brand/pc_madeca21_part1_texture.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* ===== 마데카21 Part1 모바일 섹션2~3 ===== */
.brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-3 .mobile-section-text {
    background-image: url('/assets/images/about_brand/pc_madeca21_part1_texture.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 25vw 9.583vw;
}

.brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-2 .brand-description-image {
    position: static;
    aspect-ratio: auto;
    overflow: visible;
}

.brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-2 .mobile-section-text {
    aspect-ratio: auto;
    padding: 25vw 9.583vw;
}

.brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-2 .mobile-section-text .brand-description-title {
    font-size: 5.556vw;
    font-weight: 700;
    line-height: 1.6;
    padding: 0 0 4.444vw;
    margin: 0;
}

.brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-2 .mobile-section-text .brand-description-text {
    font-size: 4.444vw;
    font-weight: 400;
    line-height: 1.6;
    padding: 0;
    margin: 0;
}

/* ===== 마데카21 Part3 모바일 섹션2~3 ===== */
.brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-3 .mobile-section-text {
    padding: 25vw 9.583vw;
}

.brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-2 .brand-description-image {
    position: static;
    aspect-ratio: auto;
    overflow: visible;
}

.brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-2 .mobile-section-text {
    aspect-ratio: auto;
    padding: 25vw 9.583vw;
}

.brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-2 .mobile-section-text .brand-description-title {
    font-size: 5.556vw;
    font-weight: 700;
    line-height: 1.6;
    padding: 0 0 4.444vw;
    margin: 0;
}

.brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-2 .mobile-section-text .brand-description-text {
    font-size: 4.444vw;
    font-weight: 400;
    line-height: 1.6;
    padding: 0;
    margin: 0;
}

.brand-about-brand-content .philosophy-image {
    width: 100%;
    height: 100%;
    aspect-ratio: 1;
    overflow: hidden;
}

/* Vision 상세 스타일 */
.brand-about-brand-content .vision-image-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.brand-about-brand-content .vision-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.brand-about-brand-content .vision-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 0 3.333vw 0 6.389vw;
    background-color: #417F72;
    /* 기본값: 센텔리안24 그린 */
}

/* 브랜드별 Vision 섹션 톤앤무드 배경색 및 글자색 */

/* 브랜드별 Vision 섹션 톤앤무드 배경색 및 글자색 (PC/MO 통합) */

/* 센텔리안24 - 레드 */
.brand-about-brand-content.brand-about-centelian24 .vision-text {
    background-color: #fafafa;

}

.brand-about-brand-content.brand-about-centelian24 .vision-text .section-title-en,
.brand-about-brand-content.brand-about-centelian24 .vision-text .section-text {
    color: #000;
}

.brand-about-brand-content.brand-about-centelian24 .vision-text ul {
    padding-top: 59px;
}

.brand-about-brand-content.brand-about-centelian24 .vision-text ul li {
    font-size: 24px;
    line-height: 1.65;
    color: #858585;
}

.brand-about-brand-content.brand-about-centelian24 .vision-text ul li .small-text {
    font-size: 16px;
}

.brand-about-brand-content.brand-about-centelian24 .section-6 .section-title-en,
.brand-about-brand-content.brand-about-centelian24 .section-6 .section-text {
    color: #ffffff;
}

/* 마데카21 - 민트 (Vision) */
.brand-about-brand-content.madeca21-content .vision-text,
.brand-about-brand-content.madeca21-content .pc .section-6,
.brand-about-brand-content.madeca21-content .mo .section-5 {
    background-color: #71CB99;
}

.brand-about-brand-content.madeca21-content .vision-text .section-title-en,
.brand-about-brand-content.madeca21-content .vision-text .section-text,
.brand-about-brand-content.madeca21-content .pc .section-6 .section-title-en,
.brand-about-brand-content.madeca21-content .pc .section-6 .section-text,
.brand-about-brand-content.madeca21-content .mo .section-5 .section-title-en,
.brand-about-brand-content.madeca21-content .mo .section-5 .section-text {
    color: #ffffff;
}

/* 마데카21 Philosophy (PC: section-5) - 디자인 기준: 흰색 배경에 어두운 글자 */
.brand-about-brand-content.madeca21-content .pc .section-5 {
    background-color: #ffffff;
}

.brand-about-brand-content.madeca21-content .pc .section-5 .section-title-en,
.brand-about-brand-content.madeca21-content .pc .section-5 .section-text {
    color: #000000;
}

/* ============================== */
/* 마데카21 전용 스타일 (brand-about-madeca21) */
/* .madeca21-content 공통 스타일 복사본 */
/* ============================== */

.brand-about-brand-content.brand-about-madeca21 .pc .section-1,
.brand-about-brand-content.brand-about-madeca21 .pc .section-2,
.brand-about-brand-content.brand-about-madeca21 .pc .section-3,
.brand-about-brand-content.brand-about-madeca21 .pc .section-4 {
    position: relative;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-1 .pc-1st-image,
.brand-about-brand-content.brand-about-madeca21 .pc .section-2 .brand-description-image,
.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-img-box,
.brand-about-brand-content.brand-about-madeca21 .pc .section-4 .madeca21-pc-section4-img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - var(--brand-header-h, 80px));
    z-index: -1;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-1 .pc-1st-image img,
.brand-about-brand-content.brand-about-madeca21 .pc .section-2 .brand-description-image img,
.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-img-box img,
.brand-about-brand-content.brand-about-madeca21 .pc .section-4 .madeca21-pc-section4-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-1 .pc-section-text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-1 .pc-section-text .section-title-en {
    padding-bottom: 3.958vw;
    font-size: 2.083vw;
    font-weight: bold;
    line-height: 1.6;
    color: #fff;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-1 .pc-section-text .section-text {
    padding-bottom: 4.583vw;
    text-align: center;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    color: #fff;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-2 {
    position: relative;
}

.brand-about-brand-content.brand-about-madeca21 .pc .about-brand-section {
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-2 .pc-section-2-content {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-2 .pc-section-2-content .pc-section-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 5.104vw;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-2 .pc-section-2-content .pc-section-text .brand-description-title {
    padding-bottom: 4.479vw;
    font-size: 2.083vw;
    font-weight: bold;
    line-height: 1.6;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-2 .pc-section-2-content .pc-section-text .brand-description-text {
    padding-bottom: 1.563vw;
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-2 .pc-section-2-content .pc-section-text .small-text {
    font-size: 1.302vw;
    font-weight: 200;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-2 .pc-section-2-content .madeca21-pc-section2-text-right {
    height: 100%;
    aspect-ratio: 731 / 1000;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-2 .pc-section-2-content .madeca21-pc-section2-text-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-text-cont-box {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    position: relative;
    z-index: 1;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-text-cont-box h2 {
    padding: 10.208vw 0 5.104vw;
    text-align: center;
    font-size: 2.083vw;
    font-weight: bold;
    line-height: 1.6;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex: 1;
    min-height: 0;
    width: 100%;
    gap: 5.823vw;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-left {
    flex-shrink: 0;
    max-height: 100%;
    max-width: 27.677vw;
    width: auto;
    min-width: 0;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right {
    padding: 3.208vw 0 0;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right .madeca21-pc-section3-dl-box {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 1.510vw;
    margin-bottom: 3.817vw;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right .madeca21-pc-section3-dl-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 3px;
    height: 100%;
    background-color: #000;
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    transition: transform 800ms ease, opacity 800ms ease;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right .madeca21-pc-section3-dl-box.aos-animate::before {
    transform: scaleY(1);
    opacity: 1;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right .madeca21-pc-section3-dl-box dl {
    display: flex;
    align-items: baseline;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right .madeca21-pc-section3-dl-box dl dt {
    font-size: 1.55vw;
    font-weight: 800;
    line-height: 1.6;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right .madeca21-pc-section3-dl-box dl dd {
    padding-left: 0.5vw;
    font-size: 0.9vw;
    font-weight: 400;
    line-height: 1.6;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right .madeca21-pc-section3-dl-box dl:last-child dt {
    color: #2b930a;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right ul li {
    font-size: 1.05vw;
    font-weight: 400;
    line-height: 1.6;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-3 .madeca21-pc-section3-text-cont-box .madeca21-pc-section3-text-cont-box-inner .madeca21-pc-section3-text-cont-box-inner-right ul li strong {
    font-weight: 700;
}

.brand-about-brand-content.brand-about-madeca21 .brand-story-card {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    width: 240px;
    height: auto !important;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-4 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-4 .pc-section-text .section-title-en {
    font-size: 2.083vw;
    font-weight: bold;
    line-height: 1.6;
    color: #fff;
}

/* PC만 */
.brand-about-brand-content.brand-about-madeca21 .pc .section-4 {
    background: url('/assets/images/about_brand/madeca21_part1_section4.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-1 {
    /* scroll-snap-align: none; */
}

.brand-about-brand-content.brand-about-madeca21 .about-brand-section .what-we-create-content {
    position: relative;
    display: flex;
    justify-content: center;
    height: 100%;
    aspect-ratio: 720 / 1000;
    align-items: center;
}

.brand-about-brand-content.brand-about-madeca21 .about-brand-section .what-we-create-text p {
    padding: 0;
    font-size: 4.861vw;
    font-weight: 400;
    line-height: 1.75;
}

.brand-about-brand-content.brand-about-madeca21 .vision-text,
.brand-about-brand-content.brand-about-madeca21 .pc .section-6,
.brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-5 {
    background-color: #71CB99;
}

.brand-about-brand-content.brand-about-madeca21 .vision-text .section-title-en,
.brand-about-brand-content.brand-about-madeca21 .vision-text .section-text,
.brand-about-brand-content.brand-about-madeca21 .pc .section-6 .section-title-en,
.brand-about-brand-content.brand-about-madeca21 .pc .section-6 .section-text,
.brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-5 .section-title-en,
.brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-5 .section-text {
    color: #ffffff;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-5 {
    background-color: #ffffff;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-5 .section-title-en,
.brand-about-brand-content.brand-about-madeca21 .pc .section-5 .section-text {
    color: #000000;
}

/* 마데카프라임 - madecaPrime.css로 분리됨 */

.brand-about-brand-content.madeca-content .section-1-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.brand-about-brand-content.madeca-content .section-1-text .section-1-text-title {
    text-align: center;
    margin-top: 14.85vw;
    padding: 1.46vw 0;
}

.brand-about-brand-content.madeca-content .section-1-text .section-1-text-title img {
    width: 14vw;
}

.brand-about-brand-content.madeca-content .section-1-text .section-1-text-description {
    text-align: center;
    font-size: 1.565vw;
    font-weight: 400;
    line-height: 1.6;
    font-family: 'Pretendard';
    color: white;
    padding-top: 0.42vw;
}

.brand-about-brand-content.madeca-content .section-2 .brand-description-text {
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    font-family: 'Pretendard';
    color: rgba(51, 51, 51, 1);
    padding-bottom: 0.84vw;
}

.brand-about-brand-content.madeca-content .section-2 .brand-description-title {
    font-size: 1.25vw;
    font-weight: 700;
    line-height: 1.6;
    font-family: 'Pretendard';
    color: rgba(51, 51, 51, 1);
    padding-bottom: 2.92vw;
}

.brand-about-brand-content.madeca-content .section-3 .section-title-en-sub {
    font-family: Pretendard, sans-serif;
    font-weight: 700;
    font-size: 1.458vw;
    /* 28px / 1920 * 100 */
    line-height: 160%;
    letter-spacing: 0;
    text-align: center;
    padding-left: 0.833vw;
    /* 16px / 1920 * 100 */
    vertical-align: middle;
    font-style: normal;
    color: rgba(153, 153, 153, 1);
}

.brand-about-brand-content.madeca-content .section-3 h2.section-title-en.aos-init.aos-animate {
    display: flex;
    justify-content: center;
    align-items: center;
}

.brand-about-brand-content.madeca-content .section-4-2 .philosophy-content {
    background: rgba(64, 175, 46, 1);
}

.brand-about-brand-content.madeca-content .section-4-2 .philosophy-content h2,
.brand-about-brand-content.madeca-content .section-4-2 .philosophy-content p {
    color: white;
}


/* 마데카 - 그린 */
.brand-about-brand-content.madeca-content .vision-text {
    background-color: white;
}


.brand-about-brand-content.madeca-content .vision-text .section-title-en,
.brand-about-brand-content.madeca-content .vision-text .section-text,
.brand-about-brand-content.madeca-content .section-5 .section-title-en,
.brand-about-brand-content.madeca-content .section-5 .section-text {
    color: #ffffff;
}

.brand-about-brand-content.madeca-content .section-5 .section-title-en,
.brand-about-brand-content.madeca-content .section-5 .section-text {
    color: black;
}

/* 센시안 - 연두 (밝은 배경이므로 텍스트 어둡게) */
.brand-about-brand-content.sensian-content .vision-text,
.brand-about-brand-content.sensian-content .section-5 {
    background-color: #BFDE24;
}

.brand-about-brand-content.sensian-content .vision-text .section-title-en,
.brand-about-brand-content.sensian-content .vision-text .section-text,
.brand-about-brand-content.sensian-content .section-5 .section-title-en,
.brand-about-brand-content.sensian-content .section-5 .section-text {
    color: #333333;
}

/* 덴트리스 - 핑크레드 */
.brand-about-brand-content.dentrix-content .vision-text,
.brand-about-brand-content.dentrix-content .section-5 {
    background-color: #F3354C;
}

.brand-about-brand-content.dentrix-content .vision-text .section-title-en,
.brand-about-brand-content.dentrix-content .vision-text .section-text,
.brand-about-brand-content.dentrix-content .section-5 .section-title-en,
.brand-about-brand-content.dentrix-content .section-5 .section-text {
    color: #ffffff;
}

/* 굿잠 - 하늘색 */
.brand-about-brand-content.goodSleep-content .vision-text,
.brand-about-brand-content.goodSleep-content .section-5 {
    background-color: #09C1DD;
}

.brand-about-brand-content.goodSleep-content .vision-text .section-title-en,
.brand-about-brand-content.goodSleep-content .vision-text .section-text,
.brand-about-brand-content.goodSleep-content .section-5 .section-title-en,
.brand-about-brand-content.goodSleep-content .section-5 .section-text {
    color: #ffffff;
}

.brand-about-brand-content .section-6 .vision-text .section-title-en,
.brand-about-brand-content .section-6 .vision-text .section-text {
    color: var(--color-wh);
}

.brand-about-brand-content.madeca-content .section-6 .section-title-en {
    color: white;
}

.brand-about-brand-content.madeca-content .section-6 .section-text {
    color: white;
}

.brand-about-brand-content.madeca-content .section-6 .section-title-en-sub,
.brand-about-brand-content.madeca-content .section-7 .section-title-en-sub {
    font-family: Pretendard, sans-serif;
    font-weight: 700;
    font-size: 1.458vw;
    /* 28px / 1920 * 100 */
    line-height: 160%;
    letter-spacing: 0;
    text-align: center;
    padding-left: 0.833vw;
    /* 16px / 1920 * 100 */
    vertical-align: middle;
    font-style: normal;
    color: rgba(229, 229, 229, 1);
}

.brand-about-brand-content.madeca-content .section-7 .section-title-en-sub {
    color: rgba(153, 153, 153, 1);
}

/* 공통 섹션 타이틀 및 텍스트 (브랜드 한 줄 설명 섹션 스타일 기준) */
.brand-about-brand-content .section-title-en {
    font-size: 2.083vw;
    font-weight: 700;
    line-height: 1.6;
    color: var(--color-text);
    padding: 0 0 0.833vw;
    margin: 0;
}

.brand-about-brand-content.brand-about-centelian24 .section-title-en {
    padding-bottom: 2.396vw;
}

.brand-about-brand-content.brand-about-madeca21 .brand-description-title,
.brand-about-brand-content.brand-about-madeca21 .philosophy-text .section-title-en {
    font-size: 2.083vw;
    padding-bottom: 1.833vw;
}

.brand-about-brand-content.brand-about-madeca21 .philosophy-text .section-text {
    font-size: 1.25vw;
}

/* 마데카21 Part1 섹션5: 제품 카드 */
.brand-about-madeca21 .madeca21-product-cards {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2.604vw;
    height: 100%;
}

.brand-about-madeca21 .madeca21-product-card {
    text-align: center;
}

.brand-about-madeca21 .madeca21-product-card-img {
    width: 22.396vw;
    overflow: hidden;
}

.brand-about-madeca21 .madeca21-product-card-img img {
    width: 100%;
    height: auto;
    display: block;
}

/* 마데카21 Part1 섹션6: 녹색 배경 제거, 이미지 배경으로 변경 */
.brand-about-brand-content.brand-about-madeca21 .pc .section-6 {
    background-color: transparent;
    position: relative;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-6 .what-we-create-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-6 .what-we-create-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-6 .what-we-create-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-6 .what-we-create-text {
    position: relative;
    z-index: 1;
    text-align: center;
}

/* ===== 마데카21 Part1 모바일 섹션4, 섹션6 ===== */
.brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-6 .what-we-create-content {
    position: relative;
    display: flex;
    justify-content: center;
    height: 100%;
    aspect-ratio: 720 / 1000;
    align-items: center;
}

.brand-about-brand-content.brand-about-madeca21 .pc .section-6 .what-we-create-text .section-text {
    font-size: 2.604vw;
    font-weight: 700;
    color: #fff;
    line-height: 1.6;
}

.brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-6 .what-we-create-text .section-text {
    font-size: 4.861vw;
    font-weight: 700;
    color: #fff;
    line-height: 1.6;
}

.brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-4 .mobile-section-text {
    padding: 25vw 9.583vw;
}

.brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-4 .mobile-section-text .section-title-en {
    font-size: 5.556vw;
    font-weight: 700;
    line-height: 1.6;
    padding: 0 0 4.444vw;
    margin: 0;
}

.brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-4 .mobile-section-text .section-text {
    font-size: 4.444vw;
    font-weight: 400;
    line-height: 1.6;
    padding: 0;
    margin: 0;
}

/* ===== 마데카21 Part3 모바일 섹션4, 섹션6 ===== */
.brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-6 .what-we-create-content {
    position: relative;
    display: flex;
    justify-content: center;
    height: 100%;
    aspect-ratio: 720 / 1000;
    align-items: center;
}

.brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-6 .what-we-create-text .section-text {
    font-size: 4.861vw;
    font-weight: 700;
    color: #fff;
    line-height: 1.6;
}

.brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-4 .mobile-section-text {
    padding: 25vw 9.583vw;
}

.brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-4 .mobile-section-text .section-title-en {
    font-size: 5.556vw;
    font-weight: 700;
    line-height: 1.6;
    padding: 0 0 4.444vw;
    margin: 0;
}


.brand-about-madeca21 .madeca21-product-card-text {
    padding-top: 3.125vw;
    font-size: 1.563vw;
    font-weight: 400;
    line-height: 1.6;
    color: var(--color-text);
}

/* 마데카21 Part2: PC 섹션1 히어로 오버레이 */
.brand-about-brand-content.madeca21-part2 .pc .section-1 .section-1-title-overlay h2 {
    font-size: 2.604vw;
    font-weight: 700;
    padding-bottom: 3.125vw;
}

.brand-about-brand-content.madeca21-part2 .pc .section-1 .section-1-title-overlay p {
    font-size: 1.25vw;
}

/* 마데카21 Part2: PC 섹션2 타이틀/텍스트 */
.brand-about-brand-content.madeca21-part2 .philosophy-text .section-title-en {
    font-size: 2.083vw;
    padding-bottom: 1.833vw;
}

.brand-about-brand-content.madeca21-part2 .philosophy-text .section-text {
    font-size: 1.25vw;
}

/* 마데카21 Part2: PC 섹션3 중앙 텍스트 */
.brand-about-brand-content.madeca21-part2 .centelian24-pc-section5-text .section-title-en {
    font-size: 2.708vw;
    padding-bottom: 3.125vw;
}

.brand-about-brand-content.madeca21-part2 .centelian24-pc-section5-text .section-text {
    font-size: 1.875vw;
}

/* 마데카21 Part2: PC 섹션4 제품 카드 */
.brand-about-brand-content.madeca21-part2 .madeca21-product-card-text {
    font-size: 1.563vw;
}

/* 마데카21 Part2: 섹션2 philosophy-text 배경 제거 */
.brand-about-brand-content.madeca21-part2 .philosophy-text {
    background-image: none;
}

/* 마데카21 Part2: 섹션3 배경 텍스처 */
.brand-about-brand-content.madeca21-part2 .pc .section-3 {
    background-image: url('/assets/images/about_brand/pc_madeca21_part2_texture.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* 마데카21 Part2: 모바일 섹션1 히어로 텍스트 */
.brand-about-brand-content.madeca21-part2 .mo .section-1 .mobile-section-text {
    padding: 0 6.667vw;
}

.brand-about-brand-content.madeca21-part2 .mo .section-1 .mobile-section-text .section-title-en {
    font-size: 5.256vw;
    font-weight: 700;
    color: #fff;
    padding: 8.889vw 0 4.444vw;
}

.brand-about-brand-content.madeca21-part2 .mo .section-1 .mobile-section-text .section-text {
    font-size: 3.889vw;
    color: #fff;
    padding: 0;
}

/* 마데카21 Part2: 모바일 섹션2 이미지 따로 표시 */
.brand-about-brand-content.madeca21-part2 .mo .section-2 .brand-description-image {
    position: static;
    aspect-ratio: auto;
    overflow: visible;
}

.brand-about-brand-content.madeca21-part2 .mo .section-2 .mobile-section-text {
    aspect-ratio: auto;
    padding: 25vw 9.583vw;
}

.brand-about-brand-content.madeca21-part2 .mo .section-2 .brand-description-title {
    font-size: 5.556vw;
    font-weight: 700;
    color: #000;
    padding: 0 0 4.444vw;
}

.brand-about-brand-content.madeca21-part2 .mo .section-2 .brand-description-text {
    font-size: 3.689vw;
    color: #000;
    padding: 0;
}

/* 마데카21 Part2: 모바일 섹션3 배경 텍스처 + 중앙 정렬 */
.brand-about-brand-content.madeca21-part2 .mo .section-3 .mobile-section-text {
    background-image: url('/assets/images/about_brand/pc_madeca21_part2_texture.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 25vw 6.667vw;
    text-align: center;
    aspect-ratio: 700 / 1000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.brand-about-brand-content.madeca21-part2 .mo .section-3 .mobile-section-text .section-title-en {
    font-size: 5.556vw;
    font-weight: 700;
    color: #000;
    padding: 0 0 4.444vw;
}

.brand-about-brand-content.madeca21-part2 .mo .section-3 .mobile-section-text .section-text {
    font-size: 3.889vw;
    color: #000;
    padding: 0;
}

/* 마데카21 Part2: 모바일 섹션4 제품 카드 가로 스크롤 */
.brand-about-brand-content.madeca21-part2 .mo .section-4 {
    position: static;
    padding: 25vw 0 25vw 9.444vw;
}

.brand-about-brand-content.madeca21-part2 .mo .section-4 .madeca21-product-cards {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 6.806vw;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.brand-about-brand-content.madeca21-part2 .mo .section-4 .madeca21-product-cards::-webkit-scrollbar {
    display: none;
}

.brand-about-brand-content.madeca21-part2 .mo .section-4 .madeca21-product-card {
    flex: 0 0 59.722vw;
    min-width: 59.722vw;
    width: 59.722vw;
    scroll-snap-align: start;
    scroll-snap-stop: always;
}

.brand-about-brand-content.madeca21-part2 .mo .section-4 .madeca21-product-card:last-child {
    margin-right: 6.806vw;
}

.brand-about-brand-content.madeca21-part2 .mo .section-4 .madeca21-product-card-img {
    width: 100%;
}

.brand-about-brand-content.madeca21-part2 .mo .section-4 .madeca21-product-card-text {
    padding-top: 5.556vw;
    font-size: 4.167vw;
    color: #000;
}

/***
* 마데카21 Part3: Pure TECA™ Technology
***/

/* Part3 히어로 오버레이 */
.brand-about-brand-content.madeca21-part3 .pc .section-1 .section-1-title-overlay h2 {
    font-size: 2.604vw;
    font-weight: 700;
    padding-bottom: 3.125vw;
}

.brand-about-brand-content.madeca21-part3 .pc .section-1 .section-1-title-overlay p {
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.8;
}

/* Part3 스텝 레이아웃 (좌우 교차) */
.brand-about-brand-content.madeca21-part3 .part3-step-content {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
}

.brand-about-brand-content.madeca21-part3 .part3-step-content.part3-step-reverse {
    flex-direction: row-reverse;
}

.brand-about-brand-content.madeca21-part3 .part3-step-image {
    width: 50%;
    height: 100%;
    overflow: hidden;
}

.brand-about-brand-content.madeca21-part3 .part3-step-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.brand-about-brand-content.madeca21-part3 .part3-step-text {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    padding: 0 4.167vw;
}

.brand-about-brand-content.madeca21-part3 .part3-step-number {
    font-size: 2.865vw;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
    padding-bottom: 2.083vw;
    display: block;
}

.brand-about-brand-content.madeca21-part3 .part3-step-text .section-text {
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.8;
    color: #000;
}

.brand-about-brand-content.madeca21-part3 .part3-step-text-bg {
    background-image: url('/assets/images/about_brand/pure_teca_img_3.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    height: 100%;
}

.brand-about-brand-content.madeca21-part3 .part3-step-text-bg .part3-step-number,
.brand-about-brand-content.madeca21-part3 .part3-step-text-bg .section-text {
    position: relative;
    z-index: 1;
}

/* Part3 모바일: 섹션1 히어로 */
.brand-about-brand-content.madeca21-part3 .mo .section-1 .mobile-section-text {
    padding: 8.889vw 6.667vw 0;
}

.brand-about-brand-content.madeca21-part3 .mo .section-1 .mobile-section-text .section-title-en {
    font-size: 5.556vw;
    font-weight: 700;
    color: #fff;
    padding: 0 0 4.444vw;
}

.brand-about-brand-content.madeca21-part3 .mo .section-1 .mobile-section-text .section-text {
    font-size: 3.689vw;
    color: #fff;
    padding: 0;
}

/* Part3 모바일: 스텝 섹션 공통 */
.brand-about-brand-content.madeca21-part3 .mo .brand-description-image {
    width: 100%;
    font-size: 0;
}

.brand-about-brand-content.madeca21-part3 .mo .brand-description-image img {
    width: 100%;
}

.brand-about-brand-content.madeca21-part3 .mo .mobile-section-text {
    padding: 8.889vw 9.583vw 0;
    background-image: none;
}

.brand-about-brand-content.madeca21-part3 .mo .section-3 .mobile-section-text {
    background-image: url('/assets/images/about_brand/pure_teca_img_3.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.brand-about-brand-content.madeca21-part3 .mo .section-4 .mobile-section-text {
    align-items: flex-start;
}

.brand-about-brand-content.madeca21-part3 .mo .section-2 .mobile-section-text,
.brand-about-brand-content.madeca21-part3 .mo .section-3 .mobile-section-text,
.brand-about-brand-content.madeca21-part3 .mo .section-4 .mobile-section-text,
.brand-about-brand-content.madeca21-part3 .mo .section-5 .mobile-section-text {
    aspect-ratio: 360 / 200;
}

.brand-about-brand-content.madeca21-part3 .mo .section-5 {
    padding: 0;
}

.brand-about-brand-content.madeca21-part3 .mo .section-5 .mobile-section-text {
    padding: 8.889vw 9.583vw 0;
}

.brand-about-brand-content.madeca21-part3 .mo .part3-step-number {
    font-size: 8.333vw;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
    padding-bottom: 4.444vw;
    display: block;
}

.brand-about-brand-content.madeca21-part3 .mo .mobile-section-text .section-text {
    font-size: 3.689vw;
    color: #000;
    padding: 0;
}

/* Part3 섹션6: TECA란? */
.brand-about-brand-content.madeca21-part3 .section-6 {
    background-image: url('/assets/images/about_brand/pure_teca_img_7.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.brand-about-brand-content.madeca21-part3 .part3-teca-wrap {
    display: flex;
    height: 100%;
}

.brand-about-brand-content.madeca21-part3 .part3-teca-title {
    font-size: 2.604vw;
    font-weight: bold;
    line-height: 3.881vw;
}

.brand-about-brand-content.madeca21-part3 .part3-teca-title b {
    color: #2b930a;
}

.brand-about-brand-content.madeca21-part3 .part3-teca-subtitle {
    font-size: 2.604vw;
    font-weight: bold;
    padding-bottom: 3.4vw;
    line-height: 3.881vw;
}

.brand-about-brand-content.madeca21-part3 .part3-teca-subtitle span {
    font-weight: 300;
    font-size: 1.563vw;
}

.brand-about-brand-content.madeca21-part3 .part3-teca-desc {
    font-size: 1.25vw;
    line-height: 2.344vw;
}

.brand-about-brand-content.madeca21-part3 .part3-teca-desc b {
    font-weight: 700;
}

.brand-about-brand-content.madeca21-part3 .part3-teca-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 4.167vw;
}

.brand-about-brand-content.madeca21-part3 .part3-teca-list {
    padding-top: 3.646vw;
    font-size: 1.25vw;
    line-height: 2.344vw;
}

/* Part3 섹션7: 일반 시카 추출물 vs TECA - PC */
.brand-about-brand-content.madeca21-part3 .section-7 .madeca21-pc-section3-img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100vh - var(--brand-header-h, 80px));
    z-index: -1;
}

.brand-about-brand-content.madeca21-part3 .section-7 .madeca21-pc-section3-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-about-brand-content.madeca21-part3 .section-7 .pc-section-content {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-about-brand-content.madeca21-part3 .section-7 .madeca21-pc-section3-text-cont-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 0;
    position: relative;
    z-index: 1;
}

.brand-about-brand-content.madeca21-part3 .section-7 .madeca21-pc-section3-text-cont-box h2 {
    padding: 0 0 5.104vw;
    text-align: center;
    font-size: 2.604vw;
    font-weight: bold;
    line-height: 1.6;
}

.brand-about-brand-content.madeca21-part3 .section-7 .madeca21-pc-section3-text-cont-box-inner {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex: 1;
    min-height: 0;
    width: 100%;
    gap: 5.823vw;
}

.brand-about-brand-content.madeca21-part3 .section-7 .madeca21-pc-section3-text-cont-box-inner-left {
    flex-shrink: 0;
    max-height: 100%;
    max-width: 35.938vw;
    width: auto;
    min-width: 0;
}

.brand-about-brand-content.madeca21-part3 .section-7 .madeca21-pc-section3-text-cont-box-inner-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-about-brand-content.madeca21-part3 .section-7 .madeca21-pc-section3-text-cont-box-inner-right {
    padding: 3.208vw 0 0;
}

.brand-about-brand-content.madeca21-part3 .section-7 .madeca21-pc-section3-dl-box {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 1.510vw;
    margin-bottom: 3.817vw;
}

.brand-about-brand-content.madeca21-part3 .section-7 .madeca21-pc-section3-dl-box dl dt {
    font-size: 2.083vw;
    font-weight: 700;
    line-height: 3.229vw;
}

.brand-about-brand-content.madeca21-part3 .section-7 .madeca21-pc-section3-dl-box dl dd {
    font-size: 1.563vw;
    font-weight: 400;
    line-height: 2.344vw;
}


.brand-about-brand-content .section-text {
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    color: var(--color-text);
    margin: 0;
}

.brand-page .banner-content {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.44;
}

.brand-page .brand-main-banner-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.59375;
}

/* 센시안 추가작업 */

.brand-about-brand-content.sensian-content .section-1-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.brand-about-brand-content.sensian-content .section-1-text .section-1-text-title {
    text-align: center;
    margin-top: 15.156vw;
    /* 291px / 1920 * 100 */
    padding: 1.068vw 0;
    /* 20.5px / 1920 * 100 */
}

.brand-about-brand-content.sensian-content .section-1-text .section-1-text-title img {
    width: 18.958vw;
    /* 364px / 1920 * 100 */
}

.brand-about-brand-content.sensian-content .section-1-text .section-1-text-description {
    text-align: center;
    font-size: 1.458vw;
    /* 28px / 1920 * 100 */
    font-weight: 400;
    line-height: 1.6;
    font-family: 'Pretendard';
    color: white;
    padding-top: 0.42vw;
}

.brand-about-brand-content.sensian-content .section-2 .brand-description-text {
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    font-family: 'Pretendard';
    color: rgba(51, 51, 51, 1);
    /* 169px / 1920 * 100 */
    padding-bottom: 2.917vw;
    /* 56px / 1920 * 100 */
}

.brand-about-brand-content.sensian-content .section-3 .section-title-en-sub {
    font-family: Pretendard, sans-serif;
    font-weight: 700;
    font-size: 1.458vw;
    /* 28px / 1920 * 100 */
    line-height: 160%;
    letter-spacing: 0;
    text-align: center;
    padding-left: 0.833vw;
    /* 16px / 1920 * 100 */
    vertical-align: middle;
    font-style: normal;
    color: rgba(153, 153, 153, 1);
}

.brand-about-brand-content.sensian-content .section-3 h2.section-title-en.aos-init.aos-animate {
    display: flex;
    justify-content: center;
    align-items: center;
}

.brand-about-brand-content.sensian-content .section-4-2 .philosophy-content {
    background: rgba(64, 175, 46, 1);
}

.brand-about-brand-content.sensian-content .section-4-2 .philosophy-content h2,
.brand-about-brand-content.sensian-content .section-4-2 .philosophy-content p {
    color: white;
}


/* 마데카 - 그린 */
.brand-about-brand-content.sensian-content .vision-text .section-title-en,
.brand-about-brand-content.sensian-content .vision-text .section-text,
.brand-about-brand-content.sensian-content .section-5 .section-title-en,
.brand-about-brand-content.sensian-content .section-5 .section-text {
    color: #ffffff;
}

.brand-about-brand-content.sensian-content .section-5 .section-title-en,
.brand-about-brand-content.sensian-content .section-5 .section-text {
    color: black;
}

.brand-about-brand-content.sensian-content .section-6 .section-title-en {
    color: white;
}

.brand-about-brand-content.sensian-content .section-6 .section-text {
    color: white;
}

.brand-about-brand-content.sensian-content .section-6 .section-title-en-sub,
.brand-about-brand-content.sensian-content .section-7 .section-title-en-sub {
    font-family: Pretendard, sans-serif;
    font-weight: 700;
    font-size: 1.458vw;
    /* 28px / 1920 * 100 */
    line-height: 160%;
    letter-spacing: 0;
    text-align: center;
    padding-left: 0.833vw;
    /* 16px / 1920 * 100 */
    vertical-align: middle;
    font-style: normal;
    color: rgba(229, 229, 229, 1);
}

.brand-about-brand-content.sensian-content .section-7 .section-title-en-sub {
    color: rgba(153, 153, 153, 1);
}

/* 덴트릭스 추가작업 */

.brand-about-brand-content.dentrix-content .section-1-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.brand-about-brand-content.dentrix-content .section-1-text .section-1-text-title {
    text-align: center;
    margin-top: 15.156vw;
    /* 291px / 1920 * 100 */
    padding: 1.068vw 0;
    /* 20.5px / 1920 * 100 */
}

.brand-about-brand-content.dentrix-content .section-1-text .section-1-text-title img {
    width: 18.958vw;
    /* 364px / 1920 * 100 */
}

.brand-about-brand-content.dentrix-content .section-1-text .section-1-text-description {
    text-align: center;
    font-size: 1.458vw;
    /* 28px / 1920 * 100 */
    font-weight: 400;
    line-height: 1.6;
    font-family: 'Pretendard';
    color: white;
    padding-top: 0.42vw;
}

.brand-about-brand-content.dentrix-content .section-2 .brand-description-text {
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    font-family: 'Pretendard';
    color: rgba(51, 51, 51, 1);
    /* 169px / 1920 * 100 */
    padding-bottom: 2.917vw;
    /* 56px / 1920 * 100 */
}

.brand-about-brand-content.dentrix-content .section-3 .section-title-en-sub {
    font-family: Pretendard, sans-serif;
    font-weight: 700;
    font-size: 1.458vw;
    /* 28px / 1920 * 100 */
    line-height: 160%;
    letter-spacing: 0;
    text-align: center;
    padding-left: 0.833vw;
    /* 16px / 1920 * 100 */
    vertical-align: middle;
    font-style: normal;
    color: rgba(153, 153, 153, 1);
}

.brand-about-brand-content.dentrix-content .section-3 h2.section-title-en.aos-init.aos-animate {
    display: flex;
    justify-content: center;
    align-items: center;
}

.brand-about-brand-content.dentrix-content .section-4-2 .philosophy-content {
    background: rgba(64, 175, 46, 1);
}

.brand-about-brand-content.dentrix-content .section-4-2 .philosophy-content h2,
.brand-about-brand-content.dentrix-content .section-4-2 .philosophy-content p {
    color: white;
}


/* 마데카 - 그린 */
.brand-about-brand-content.dentrix-content .vision-text .section-title-en,
.brand-about-brand-content.dentrix-content .vision-text .section-text,
.brand-about-brand-content.dentrix-content .section-5 .section-title-en,
.brand-about-brand-content.dentrix-content .section-5 .section-text {
    color: #ffffff;
}

.brand-about-brand-content.dentrix-content .section-5,
.brand-about-brand-content.dentrix-content .section-5 .vision-text {
    background-color: white;
}

.brand-about-brand-content.dentrix-content .section-5 .section-title-en,
.brand-about-brand-content.dentrix-content .section-5 .section-text {
    color: black;
}

.brand-about-brand-content.dentrix-content .section-5-3 .section-title-en,
.brand-about-brand-content.dentrix-content .section-5-3 .section-text {
    color: black;
}

.brand-about-brand-content.dentrix-content .section-5-3,
.brand-about-brand-content.dentrix-content .section-5-3 .vision-text {
    background-color: white;
}

.brand-about-brand-content.dentrix-content .section-6 .section-title-en {
    color: white;
}

.brand-about-brand-content.dentrix-content .section-6 .section-text {
    color: white;
}

.brand-about-brand-content.dentrix-content .section-6 .section-title-en-sub,
.brand-about-brand-content.dentrix-content .section-7 .section-title-en-sub {
    font-family: Pretendard, sans-serif;
    font-weight: 700;
    font-size: 1.458vw;
    /* 28px / 1920 * 100 */
    line-height: 160%;
    letter-spacing: 0;
    text-align: center;
    padding-left: 0.833vw;
    /* 16px / 1920 * 100 */
    vertical-align: middle;
    font-style: normal;
    color: rgba(229, 229, 229, 1);
}

.brand-about-brand-content.dentrix-content .section-7 .section-title-en-sub {
    color: rgba(153, 153, 153, 1);
}

/* 굿잠 추가작업 */

.brand-about-brand-content.goodSleep-content .section-1-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.brand-about-brand-content.goodSleep-content .section-1-text .section-1-text-title {
    text-align: center;
    margin-top: 16.719vw;
    /* 321px / 1920 * 100 */
}

.brand-about-brand-content.goodSleep-content .section-1-text .section-1-text-title img {
    width: 9.427vw;
    /* 181px / 1920 * 100 */
}

.brand-about-brand-content.goodSleep-content .section-1-text .section-1-text-description {
    text-align: center;
    font-size: 1.458vw;
    /* 28px / 1920 * 100 */
    font-weight: 400;
    line-height: 1.6;
    font-family: 'Pretendard';
    color: white;
    padding-top: 1.563vw;
    /* 30px / 1920 * 100 */
}

.brand-about-brand-content.goodSleep-content .section-2 .brand-description-text {
    font-size: 1.25vw;
    font-weight: 400;
    line-height: 1.6;
    font-family: 'Pretendard';
    color: rgba(51, 51, 51, 1);
    /* 169px / 1920 * 100 */
    padding-bottom: 2.917vw;
    /* 56px / 1920 * 100 */
}

.brand-about-brand-content.goodSleep-content .section-2 .what-we-create-text p {
    font-size: 1.25vw;
}

.brand-about-brand-content.goodSleep-content .section-3 .section-title-en-sub {
    font-family: Pretendard, sans-serif;
    font-weight: 700;
    font-size: 1.458vw;
    /* 28px / 1920 * 100 */
    line-height: 160%;
    letter-spacing: 0;
    text-align: center;
    padding-left: 0.833vw;
    /* 16px / 1920 * 100 */
    vertical-align: middle;
    font-style: normal;
    color: rgba(153, 153, 153, 1);
}

.brand-about-brand-content.goodSleep-content .section-3 h2.section-title-en.aos-init.aos-animate {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 마데카 - 그린 */
.brand-about-brand-content.goodSleep-content .vision-text .section-title-en,
.brand-about-brand-content.goodSleep-content .vision-text .section-text,
.brand-about-brand-content.goodSleep-content .section-5 .section-title-en,
.brand-about-brand-content.goodSleep-content .section-5 .section-text {
    color: white;
}

.brand-about-brand-content.goodSleep-content .section-5 .section-title-en,
.brand-about-brand-content.goodSleep-content .section-5 .section-text {
    color: white;
}

.brand-about-brand-content.goodSleep-content .section-6 .section-title-en {
    color: white;
}

.brand-about-brand-content.goodSleep-content .section-6 .section-text {
    color: white;
}

.brand-about-brand-content.goodSleep-content .section-6 .section-title-en-sub,
.brand-about-brand-content.goodSleep-content .section-7 .section-title-en-sub {
    font-family: Pretendard, sans-serif;
    font-weight: 700;
    font-size: 1.458vw;
    /* 28px / 1920 * 100 */
    line-height: 160%;
    letter-spacing: 0;
    text-align: center;
    padding-left: 0.833vw;
    /* 16px / 1920 * 100 */
    vertical-align: middle;
    font-style: normal;
    color: rgba(229, 229, 229, 1);
}

.brand-about-brand-content.goodSleep-content .section-7 .section-title-en-sub {
    color: rgba(153, 153, 153, 1);
}

/***
* 반응형 (MO) - 모든 미디어 쿼리 통합
***/

/* 공통 반응형 (MO) - 메인페이지, EVENT/NEWS 목록페이지, 게시글 상세페이지 */
@media (max-width: 1023px) {
    .brand-image-section {
        padding: 20px 0;
    }

    .brand-image-section img {
        width: 100px;
    }

    .product-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: clamp(18.833px, 5.556vw, 33.333px) clamp(15.067px, 4.444vw, 26.667px);
    }

    .product-grid .product-info {
        padding: 12px 0 0;
    }

    .product-grid .product-info h3 {
        font-size: var(--font-size-h4);
        font-weight: var(--font-weight-h4);
        line-height: var(--line-height-h4);
    }

    .brand-section {
        padding: 40px 16px 0;
    }

    .brand-section:first-of-type {
        padding: 24px 16px 0;
    }

    .brand-section:last-of-type {
        padding: 40px 16px 0;
    }

    .brand-section.brand-best,
    .brand-section.brand-new,
    .brand-section.brand-event {
        padding-left: 0;
        padding-right: 0;
    }

    .brand-section .section-title {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .section-content-horizontal {
        flex-direction: column;
        gap: 0px;
    }

    .section-content-horizontal .section-title {
        writing-mode: horizontal-tb;
        text-orientation: mixed;
        font-size: 18px;
        width: auto;
        margin-bottom: 12px;
    }

    .brand-section.brand-best .section-title,
    .brand-section.brand-new .section-title,
    .brand-section.brand-event .section-title {
        padding: 0 16px;
    }

    /***
    * 메인 상품 섹션 - 모바일 (index.php, brand/main.php 공통)
    ***/
    .main_brand_menu_list {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE and Edge */
        padding-bottom: 4px;
    }

    .main_brand_menu_list::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari, Opera */
        width: 0;
        height: 0;
    }

    .brand-product-list {
        display: flex;
        flex-direction: row;
        gap: 8px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE and Edge */
        padding-bottom: 4px;
    }

    .brand-section.brand-best .brand-product-list,
    .brand-section.brand-new .brand-product-list,
    .brand-section.brand-event .brand-event-list {
        padding: 0 16px;
    }

    .brand-product-list:has(.empty-product-message) {
        display: block;
        text-align: center;
        width: 100%;
    }

    .brand-product-list::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari, Opera */
        width: 0;
        height: 0;
    }

    .brand-product-item {
        flex: 0 0 calc(100% - 178px);
        min-width: calc(100% - 178px);
        max-width: calc(100% - 178px);
        width: calc(100% - 178px);
    }

    .brand-product-item .product-image-wrapper {
        width: 100%;
    }

    .brand-product-item .product-info {
        padding: 8px 0 0;
    }

    .brand-product-item .product-brand {
        padding-bottom: 6px;
        font-size: 12px;
    }

    .brand-product-item .product-title {
        font-size: 14px;
        margin-bottom: 6px;
        line-height: 1.5;
    }

    .brand-product-item .product-hashtags {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        font-size: 12px;
        color: var(--color-red);
        line-height: 1.5;
    }

    .brand-product-item .product-hashtags span {
        display: inline-block;
        white-space: normal;
    }

    .brand-event-list {
        display: flex;
        flex-direction: row;
        gap: 16px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE and Edge */
        padding-bottom: 4px;
    }

    .brand-event-list::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari, Opera */
        width: 0;
        height: 0;
    }

    .brand-event-item {
        flex: 0 0 calc(27.666% - 8px);
        min-width: calc(77.666% - 8px);
        max-width: calc(66.666% - 8px);
        width: calc(66.666% - 8px);
        height: 0;
        padding-bottom: 45.75%;
        position: relative;
    }

    .brand-event-item .event-link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .brand-news-list {
        gap: 0;
    }

    .brand-news-item {
        padding: 9px 0;
    }

    .brand-news-item .news-link {
        gap: 20px;
    }

    .brand-news-item .news-title {
        font-size: 14px;
        line-height: 1.5;
        max-width: calc(100% - 32px);
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .brand-news-item .news-arrow {
        flex-shrink: 0;
    }

    .brand-news-item .news-arrow img {
        width: 24px;
        height: 24px;
    }

    /***
    * EVENT/NEWS 목록페이지(board.php - board-content) - 모바일
    ***/
    .board-content .container {
        padding: 0 16px;
    }

    .board-content .board-tabs {
        padding: 11px 0;
    }

    .board-content .board-tabs .board-tab-item {
        padding: 0 12px;
        margin: 0 12px;
        font-size: 16px;
        line-height: 1.6;
    }

    .board-content .total-count {
        display: none;
        padding-top: 24px;
        padding-bottom: 16px;
        margin-bottom: 0;
        font-size: 14px;
    }

    /* Event 그리드 - 2열 레이아웃 (gap 28px) */
    .board-content .event-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 22px 8px;
        margin: 24px 0 40px;
    }

    .board-content .event-item {
        width: calc(50% - 4px);

    }

    .board-content .event-thumb {
        aspect-ratio: 160 / 120;
        border-radius: 0;
    }

    .board-content .event-thumb img {}

    .board-content .event-title {
        padding: 8px 0 0;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.6;
        -webkit-line-clamp: 2;
    }

    /* Event 미리보기 텍스트 (모바일 전용) */
    .board-content .event-preview-text {
        display: -webkit-box;
        min-height: 44px;
        padding: 6px 0 0;
        font-size: 14px;
        line-height: 1.6;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
        color: var(--color-gr2);
    }

    /***
    * EVENT/NEWS 목록페이지(board.php - board-content) - NEWS 테이블 반응형 (MO)
    ***/
    .news-table {
        margin: 40px 0 0px;
    }

    .news-table colgroup {
        display: none;
    }

    .news-table thead {
        display: none;
    }

    .news-table tbody {
        display: block;
    }

    .news-table tr {
        display: flex;
        align-items: center;
        border-bottom: 1px solid var(--color-gr5);
        padding: 10px 0;
        gap: 16px;
    }

    .news-table td {
        border: none;
        padding: 0;
    }

    /* 번호 컬럼 - 왼쪽에 표시, 제목+날짜 높이에 맞춤 */
    .news-table td.news-number {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        width: auto;
        min-width: 26px;
        font-size: 14px;
        line-height: 1.6;
    }

    /* 제목과 날짜를 포함하는 컬럼 */
    .news-table td.td-subject {
        flex: 1;
        min-width: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    .news-table td.td-subject .news-link {
        max-width: 78.333vw;
        font-size: 14px;
        line-height: 1.6;
        color: var(--color-text);
        text-decoration: none;
        margin-bottom: 8px;
    }

    /* 날짜 - 제목 아래에 표시 */
    .news-table td.td-subject .news-date {
        display: block;
        color: var(--color-gr3);
        font-size: 12px;
        line-height: 1.5;
    }

    /* 원래 날짜 컬럼 숨김 (PC용) */
    .news-table td.news-date-hidden {
        display: none;
    }

    .pagination {
        padding: 32px 0 0;
        margin-bottom: 40px;
        gap: 4px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .pagination .page-btn {
        width: 24px;
        height: 24px;
        font-size: 14px;
        flex-shrink: 0;
    }

    .pagination .page-btn.first,
    .pagination .page-btn.prev,
    .pagination .page-btn.next,
    .pagination .page-btn.last {
        width: 20px;
        height: 20px;
        background-size: 20px;
    }

    /***
    * EVENT/NEWS 목록페이지(board.php - board-content) - 빈 상태 메시지
    ***/
    .board-content .board-empty-state {
        padding-top: 211px;
    }

    .board-content .board-empty-state img {}

    .board-content .board-empty-state p {
        font-size: 16px;
        line-height: 1.6;
    }


    /***
    * 게시글 상세페이지(board_detail.php - board-detail-content) - 반응형 (MO)
    ***/
    .board-detail-header {
        padding: 21px 0 0;
        margin: 16px 0 0px;
    }

    .board-detail-title {
        font-size: 18px;
        line-height: 1.45;
        padding-bottom: 21px;
        margin-bottom: 9px;
    }

    .board-detail-body {
        padding: 24px 0;
    }

    .board-detail-image {
        margin-bottom: 24px;
    }

    .board-detail-content-text {
        font-size: 16px;
        line-height: 1.6;
    }

    .board-detail-footer {
        padding-top: 0px;
        padding-bottom: 0px;
        margin-top: 0;
        border: none;
    }

    .board-detail-list-btn {
        width: 160px;
        height: 36px;
        font-size: 16px;
        line-height: 36px;
    }

    /***
    * BEST 배너페이지(best.php) & NEW 배너페이지(new.php) - 반응형 (MO)
    ***/
    .brand-best-content .container,
    .brand-new-content .container {
        padding-left: 0px;
        padding-right: 0px;
    }

    /* 모바일 전용 제목 */
    .mo-best-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 1.55;
        padding: 0 12px;
    }

    .brand-banner-section {
        height: 460px;
        padding: 24px 16px;
        margin-top: 16px;
        min-height: auto;
        flex-direction: column-reverse;
        background-position: center center;
    }

    .banner-link:first-of-type .brand-banner-section {
        margin-top: 0;
    }

    .banner-content-wrapper {
        flex-direction: column;
        gap: 24px;
        text-align: center;
    }

    .banner-text-area {
        max-width: 100%;
    }

    .brand-best-content.basic-content .mo-best-title,
    .brand-new-content .mo-best-title {
        padding: 12px 0;
    }

    .brand-best-content.basic-content .banner-title,
    .brand-new-content.basic-content .banner-title {
        font-size: 20px;
        line-height: 1.5;
        text-align: center;
        margin: 0 0px;
    }

    .brand-new-content.basic-content .banner-content,
    .brand-best-content.basic-content .banner-content {
        margin-top: 8px;
    }

    .main-banner .swiper-slide img,
    .main-banner>.swiper-slide img,
    .main-banner .banner-item>img {
        min-width: 100%;
    }

    .main-banner.mo .swiper-pagination {
        position: absolute;
        bottom: 17px;
        left: 50%;
        transform: translateX(-50%);
        width: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 6px;
        z-index: 10;
    }

    #index-content-wrap .main-banner.mo .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        margin: 0px;
        background: rgba(255, 255, 255, 0.5);
        opacity: 1;
        border-radius: 50%;
        cursor: pointer;
        transition: background 0.3s ease;
    }

    #index-content-wrap .main-banner.mo .swiper-pagination-bullet-active {
        background: rgba(255, 255, 255, 1);
    }

    .brand-page .main-banner .banner-caption {
        top: 362px !important;
        left: 0px !important;
        gap: 0px !important;
        width: 100%;
        max-width: unset;
        padding: 0 16px !important;
    }

    .brand-page .brand-main-banner-title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1.5;
        color: #000;
        margin-bottom: 8px;
    }

    .brand-page .banner-content {
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-top: 0;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.6;
        color: #333;
    }

    .brand-new-content .banner-button,
    .brand-best-content .banner-button {
        display: block;
        width: 120px;
        height: 32px;
        padding: 0;
        margin: 12px auto 0;
        border: none;
        background-color: var(--color-bk);
        cursor: pointer;
        pointer-events: none;
        text-align: center;
        font-size: 12px;
        font-weight: 500;
        line-height: 32px;
        color: #fff;
    }
}



.banner-button {
    padding: 12px 32px;
    font-size: 16px;
}

.brand-empty-state {
    padding-top: 200px;
}



/* 상품 목록 페이지 반응형 */
@media (max-width: 1200px) {
    .brand-products-content .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* 상품 목록 페이지 모바일 반응형 */
@media (max-width: 1023px) {
    .brand-products-content {
        padding-top: 56px;
        padding-bottom: 40px;
        min-width: 320px;
    }

    .brand-products-content .type-dropdown {
        padding: 11px 30px 11px 16px;
        min-width: 0;
        width: 100%;
        border: 0px solid var(--color-gr4);
        outline: none;
        background-image: url(/assets/images/product_arrow_down.png);
        background-repeat: no-repeat;
        background-position: right 16px center;
        background-size: 24px;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        font-size: 16px;
        line-height: 26px;
    }

    .brand-products-content .type-dropdown:focus {
        outline: none;
        border: 0px solid var(--color-gr4);
    }

    .brand-products-content .product-hashtags {
        font-size: 12px;
        max-height: 1.6em;
        line-height: 1.5;
        color: #EA1D2A;
        margin-bottom: 8px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .brand-products-content .products-main {
        padding: 13px 0px;
    }

    .brand-products-content .products-count .count-label-text {
        display: none;
    }

    .brand-products-content .products-count .count-label-icon {
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px;
        cursor: pointer;
    }

    .brand-products-content .products-count strong {
        font-weight: 500;
        line-height: 1.6;
    }

    .brand-products-content .container {
        max-width: 100%;
        min-width: 100%;
        padding: 0 16px;
    }

    .brand-products-content .products-header {
        margin-bottom: 10px;
    }

    .brand-products-content .products-top-filter-wrapper {
        min-width: 100%;
        width: 100%;
    }

    .brand-products-content .products-top-filter-wrapper .container {
        padding: 0 0px;
    }

    .brand-products-content .products-top-filter {
        flex-direction: column;
        align-items: flex-start;
        gap: 0px;
        padding: 0px 0;
    }

    .brand-products-content .sidebar-type-select {
        width: 100%;
    }

    .brand-products-content .product-title {
        height: 44px;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 6px;
    }

    .brand-products-content .product-brand {
        font-size: 12px;
        margin-bottom: 6px;
    }

    /* Swiper 래퍼 모바일 */
    .brand-products-content .top-category-list-swiper-wrapper {
        width: 100%;
        border-top: 1px solid #F5F5F5;
        border-bottom: 1px solid #F5F5F5;
    }

    /* Swiper 컨테이너 모바일 */
    .brand-products-content .top-category-list-swiper {
        padding: 0 16px;
    }

    /* Swiper 리스트 모바일 */
    .brand-products-content .top-category-list {
        padding-bottom: 4px;
    }

    /* Swiper 슬라이드 모바일 */
    .brand-products-content .top-category-list .swiper-slide {
        padding: 11px 0;
        margin: 0 8px;
    }

    .brand-products-content .top-category-list .swiper-slide:first-child {
        margin-left: 0;
    }

    .brand-products-content .top-category-list .swiper-slide a {
        font-size: 16px;
    }

    /* PC 사이드바 숨김 (모바일에서) */
    .brand-products-content .products-sidebar.pc {
        display: none;
    }

    .brand-products-content .products-layout {
        flex-direction: column;
    }

    .brand-products-content .products-sidebar {
        width: 100%;
    }

    /* 모바일 필터 오버레이 */
    .mobile-filter-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 9998;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s ease, visibility 0.4s ease;
    }

    .mobile-filter-overlay.is-active {
        opacity: 1;
        visibility: visible;
    }

    /* 모바일 필터 사이드바 */
    .mobile-filter-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        width: 88.88%;
        max-width: 400px;
        height: 100%;
        background: white;
        z-index: 9999;
        transform: translateX(-100%);
        transition: transform 0.4s ease;
        display: flex;
        flex-direction: column;
    }

    .mobile-filter-sidebar.is-open {
        transform: translateX(0);
    }

    .mobile-filter-header {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 13px;
        border-bottom: 1px solid #E5E5E5;
        position: relative;
        min-height: 56px;
    }

    .mobile-filter-header h1 {
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1;
        font-size: 0;
        text-align: center;
    }

    .mobile-filter-header h1 a {
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    }

    .mobile-filter-header h1 img {
        max-height: 30px;
        width: auto;
    }

    .mobile-filter-close {
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        border: 0;
        background: url('/assets/images/btn_close_black_24.svg') no-repeat right center;
        background-size: 24px 24px;
        cursor: pointer;
        padding: 10px 0px 10px 10px;
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0;
        box-sizing: content-box;
    }

    .mobile-filter-content {
        flex: 1;
        overflow-y: auto;
        padding: 16px;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE and Edge */
    }

    .mobile-filter-content::-webkit-scrollbar {
        display: none;
        /* Chrome, Safari, Opera */
        width: 0;
        height: 0;
    }

    .mobile-filter-content .sidebar-section {
        margin-bottom: 30px;
    }

    .mobile-filter-content .sidebar-section-title {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.6;
        margin-bottom: 12px;
    }

    .mobile-filter-content .sidebar-checkboxes {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .mobile-filter-content .checkbox-label {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        cursor: pointer;
        font-size: 16px;
        color: var(--color-gr2);
    }

    .mobile-filter-content .checkbox-label input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
        cursor: pointer;
    }

    .mobile-filter-content .checkbox-label input[type="checkbox"]+span {
        position: relative;
        padding-left: 28px;
        line-height: 1.6;
        cursor: pointer;
        word-break: break-word;
        overflow-wrap: break-word;
        flex: 1;
        min-width: 0;
    }

    .mobile-filter-content .checkbox-label input[type="checkbox"]+span::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0px;
        width: 24px;
        height: 26px;
        background-image: url('/assets/images/icon_checkbox_off_24x26.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 0px;
    }

    .mobile-filter-content .checkbox-label input[type="checkbox"]:checked+span::before {
        background-image: url('/assets/images/icon_checkbox_on_24x26.svg');
    }

    .mobile-filter-footer {
        display: flex;
        gap: 0;
        padding: 0;
        border-top: 1px solid #E5E5E5;
    }

    .mobile-filter-reset {
        flex: 1;
        width: 50%;
        height: 40px;
        padding: 0;
        background: white;
        border: none;
        border-radius: 0;
        font-size: 16px;
        font-weight: 500;
        color: var(--color-text);
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
    }

    .mobile-filter-reset::before {
        content: '';
        display: inline-block;
        width: 24px;
        height: 24px;
        background: url("../../images/icon_refresh_24.svg");

    }

    .mobile-filter-apply {
        flex: 1;
        width: 50%;
        height: 40px;
        padding: 0;
        background: #EA1D2A;
        border: none;
        border-radius: 0;
        font-size: 16px;
        font-weight: 700;
        color: white;
        cursor: pointer;
    }

    .brand-products-content .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px 8px;
    }


    /***
    * 상품 상세 페이지 (product_detail.php) - 반응형 (MO)
    ***/
    .product-detail-page-content {
        padding: 56px 0px 0;
    }

    .product-detail-page-content .container {
        padding: 0;
    }

    .product-detail-page-content .product-detail-wrapper {
        display: block;
    }

    .product-detail-page-content .product-detail-images {
        max-width: 100%;
        width: 100%;
        gap: 16px;
    }

    .product-detail-page-content .product-main-image {
        width: 100%;
        max-width: 100%;
    }

    .product-detail-page-content .product-detail-info {
        max-height: none;
        padding: 24px 16px;
    }

    .product-detail-page-content .product-brand-label {
        padding-bottom: 16px;
        font-size: 14px;
    }

    .product-detail-page-content .product-title {
        font-size: 24px;
    }

    .product-detail-page-content .product-hashtags {
        padding-bottom: 24px;
        gap: 8px;
    }

    .product-detail-page-content .product-hashtags .hashtag {
        font-size: 14px;
    }

    .product-detail-page-content .product-description {
        margin-bottom: 24px;
        font-size: 16px;
    }

    .product-detail-page-content .product-quantity {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .product-detail-page-content .btn-purchase {
        width: 100%;
        max-width: 100%;
        padding: 12px 32px;
        font-size: 16px;
        height: auto;
        line-height: 1.5;
    }

    .product-detail-page-content .tab-buttons {
        padding: 0 16px;
        border: 0;
    }

    .product-detail-page-content .product-detail-tabs {
        padding-top: 0px;
    }

    .product-detail-page-content .product-detail-tabs .tab-contents {
        padding: 20px 0 0;
    }

    .product-detail-page-content .product-content,
    .product-detail-page-content .product-notes {
        font-size: 12px;
        font-weight: 400;
    }

    .product-detail-page-content .product-detail-tabs .tab-btn {
        padding: 0px 20px;
        font-size: 14px;
        font-weight: 400;
        height: auto;
        line-height: 40px;
        border: 1px solid #E5E5E5;
    }

    .product-detail-page-content .product-detail-tabs .tab-btn.active {}

    .product-detail-page-content .product-content.expanded~.btn-product-content-toggle-wrapper {
        height: 64px;
        padding: 0px 16px;
    }

    .product-detail-page-content .btn-product-content-toggle {
        width: 100%;
        max-width: 100%;
        padding: 8px 20px;
        font-size: 16px;
        line-height: 1.6;
        height: auto;
    }

    .product-detail-page-content .product-thumbnails-swiper .swiper-slide {
        width: calc((100% - 40px - 32px) / 5) !important;
        /* 100% - 버튼2개(40px) - 간격4개(32px) / 5개 썸네일 */
    }

    .product-detail-page-content .thumbnail-item {
        flex: 0 0 100%;
        width: 100%;
        aspect-ratio: 1;
        height: auto;
    }

    .product-detail-page-content .thumbnail-nav-btn {
        width: 24px;
        flex-shrink: 0;
        height: auto;
        align-self: stretch;
    }

    .product-detail-page-content .thumbnail-nav-btn img {
        width: 24px;
        height: 24px;
    }

    /* 버튼이 없을 때 왼쪽 여백 추가 (MO 버전만) */
    .product-detail-page-content .product-thumbnails-wrapper.no-nav-buttons .product-thumbnails-swiper {
        padding-left: 16px;
    }

    /***
    * 브랜드 소개 페이지 (about_brand.php - brand-about-brand-content) - 반응형 (MO)
    ***/
    .brand-about-brand-content {
        padding-top: var(--brand-header-h, 56px);
    }

    .brand-about-brand-content .container {
        padding: 0;
    }

    /* PC 전용 섹션 숨김 */
    .brand-about-brand-content .about-brand-section.pc {
        display: none;
    }

    /* 모바일 전용 섹션 표시 */
    .brand-about-brand-content .about-brand-section.mo {
        display: block;
    }

    /* MO 1번째 섹션: Part1~3 높이 통일 (aspect-ratio 기준) */
    .brand-about-brand-content .mo .section-1 {
        position: relative;
        width: 100%;
        aspect-ratio: 360 / 500;
        overflow: hidden;
    }


    /* 텍스트는 문서 흐름에서 빼서 섹션 안에 겹침 → 섹션 높이가 이미지 높이만 가짐 */
    .brand-about-brand-content .mo .section-1 .mobile-section-text {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        aspect-ratio: 360 / 500;
        padding: 0;
    }

    .brand-about-brand-content .section-1 .mobile-1st-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background: var(--color-gr6);
    }

    .brand-about-brand-content .section-1 .mobile-1st-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .brand-about-brand-content .section-1 .mobile-section-text h2 {
        text-align: center;
    }

    .brand-about-brand-content .section-1 .mobile-section-text h2 img {
        width: 47.778vw;
    }

    .brand-about-brand-content .section-1 .mobile-section-text .section-text {
        font-size: 3.889vw;
        text-align: center;
        color: #fff;
    }

    .brand-about-brand-content .section-2 {
        position: relative;
        text-align: center;
        padding: 0px;
        aspect-ratio: 360 / 500;
    }

    .centelian24-mo-section2-header-box {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 19.444vw 0 12.684vw;
        margin: 0 auto;
    }

    .centelian24-mo-section2-header-box>div:first-child {
        font-size: 0;
    }

    .centelian24-mo-section2-header-box>div:first-child img {
        width: 21.944vw;
    }

    .centelian24-mo-section2-header-box>div h3 {
        position: relative;
        padding-left: 5.278vw;
        font-size: 3.75vw;
        font-weight: bold;
    }

    .centelian24-mo-section2-header-box>div h3::before {
        content: "";
        position: absolute;
        left: 2.639vw;
        top: 50%;
        display: inline-block;
        transform: translateY(-50%);
        width: 1px;
        height: 56%;
        background-color: #000;
    }

    .centelian24-mo-section2-header-box>div h3 .weight_thin {
        font-weight: 200;
    }

    .centelian24-mo-section2-header-box>div h3 .text_uppercase {
        vertical-align: super;
        font-size: 3.75vw;
        line-height: 1;
    }

    .brand-about-brand-content .mo .centelian24-mo-section-2 .circle_box_wrap img {
        width: 85.278vw;
    }


    /* What We Create 모바일 레이아웃 (섹션 번호 대신 클래스 사용) */
    .brand-about-brand-content .section-what-we-create {
        position: relative;
        justify-content: center;
        display: flex;
        flex-direction: column;
        background: url(/assets/images/about_brand/pure_teca_img_8_bg.jpg) no-repeat center / cover;
    }

    .brand-about-brand-content .section-what-we-create .mobile-section-text {
        padding: 25.417vw 8.611vw 24.583vw 9.306vw;
        z-index: 2;
        text-align: center;
    }

    .brand-about-brand-content .section-what-we-create .mobile-section-text .section-title-en,
    .brand-about-brand-content .section-4 .mobile-section-text .section-text .section-title-en {
        padding-bottom: 11.25vw;
        font-size: 5.556vw;
        line-height: 1.6;
    }

    .brand-about-brand-content .section-what-we-create .section-text {
        padding-bottom: 0;
        font-size: 3.889vw;
        line-height: 1.6;
    }

    .brand-about-centelian24.brand-about-brand-content .section-what-we-create .background-image {
        position: static;
        width: 100%;
        height: 100%;
        /* 부모 섹션 높이에 맞춤 */
        z-index: 1;
        font-size: 0;
    }

    .brand-about-brand-content .section-what-we-create .background-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .brand-about-brand-content .section-what-we-create .background-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* 부모 섹션 높이에 맞춤 */
        z-index: 1;
        font-size: 0;
    }

    .brand-about-brand-content .section-4 .mobile-philosophy-image {
        width: 100%;
        overflow: hidden;
        background: var(--color-gr6);
    }

    .brand-about-brand-content .section-4 .mobile-philosophy-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .brand-about-centelian24.brand-about-brand-content .section-4 .mobile-section-text {
        background: url("/assets/images/about_brand/mo_centelian24_4_section_text_bg.png") no-repeat center center;
        background-size: cover;
    }

    .brand-about-centelian24.brand-about-brand-content .section-4 .mobile-section-text {
        padding: 0 5.694vw 0 9.444vw;
        aspect-ratio: 360 / 500;
        background-size: 100% 100%;
    }

    .brand-about-centelian24.brand-about-brand-content .section-4 .mobile-section-text h2 {
        padding: 25.139vw 0 10.417vw;
        font-size: 5.556vw;
    }

    .brand-about-brand-content .section-4 .mobile-section-text .section-text {
        padding-bottom: 9.028vw;
        font-size: 4.167vw;
        line-height: 1.6;
    }

    .brand-about-brand-content .section-4 .mobile-section-text li p {
        font-size: 3.025vw;
        line-height: 1.6;
        color: #858585;
    }

    .brand-about-brand-content .section-4 .mobile-section-text li p .small-text {
        font-size: 2.15vw;
    }

    .brand-about-centelian24.brand-about-brand-content .section-5 {
        padding: 25vw 0 25.694vw 9.444vw;
    }

    .brand-about-centelian24.brand-about-brand-content .section-5 .section-title-en {
        padding: 0 0 6.667vw;
        font-size: 5.556vw;
        line-height: 1.6;
    }

    .brand-about-centelian24.brand-about-brand-content .section-5 .section-title-sub-text {
        padding-bottom: 11.389vw;
        font-size: 3.928vw;
        line-height: 1.6;
        font-weight: 700;
        color: #c4c4c4;
    }

    .brand-about-centelian24.brand-about-brand-content .section-5 .section-5-text {
        padding-bottom: 25.556vw;
        font-size: 4.167vw;
        line-height: 1.6;
    }

    .brand-about-brand-content .section-5 {
        color: var(--color-wh);
    }

    .brand-about-brand-content .section-5 .mobile-vision-image {
        width: 100%;
        overflow: hidden;
    }

    .brand-about-brand-content .section-5 .mobile-vision-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .brand-about-brand-content .section-5 .section-title-en,
    .brand-about-brand-content .section-5 .section-text {
        color: var(--color-wh);
    }

    .brand-about-centelian24.brand-about-brand-content .section-5 .section-title-en,
    .brand-about-centelian24.brand-about-brand-content .section-5 .section-text,
    .brand-about-brand-content .section-5 .centelian24-mo-section5-timeline-item .text_box {
        color: #000;
    }

    /* 타임라인 가로 슬라이드: 스크롤바 없이 좌우 스와이프 */
    .brand-about-brand-content .section-5 .centelian24-mo-section5-content {
        overflow-x: hidden;
    }

    .brand-about-brand-content .section-5 .centelian24-mo-section5-timeline-row {
        display: flex;
        flex-direction: row;
        gap: 6.806vw;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .brand-about-brand-content .section-5 .centelian24-mo-section5-timeline-row::-webkit-scrollbar {
        display: none;
    }

    .brand-about-brand-content .section-5 .centelian24-mo-section5-timeline-item {
        flex: 0 0 59.722vw;
        min-width: 59.722vw;
        width: 59.722vw;
        overflow: hidden;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .brand-about-brand-content .section-5 .centelian24-mo-section5-timeline-item:last-child {
        margin-right: 6.806vw;
    }

    .brand-about-brand-content .section-5 .centelian24-mo-section5-timeline-item .img_box {
        width: 59.722vw;
        height: 61.528vw;
        padding-bottom: 10.139vw;
    }

    .brand-about-brand-content .section-5 .centelian24-mo-section5-timeline-item .img_box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .brand-about-brand-content .section-5 .centelian24-mo-section5-timeline-item .text_box {
        padding-left: 2.5vw;
    }

    .brand-about-brand-content .section-5 .centelian24-mo-section5-timeline-item .text_box h4 {
        padding-bottom: 4.3vw;
        font-size: 6.25vw;
        line-height: 1.6;
    }

    .brand-about-brand-content .section-5 .centelian24-mo-section5-timeline-item .text_box p {
        font-size: 3.472vw;
    }

    .brand-about-centelian24.brand-about-brand-content .section-6 .what-we-create-content {
        aspect-ratio: 720 / 1000;
    }

    .brand-about-centelian24.brand-about-brand-content .section-6 .what-we-create-text p {
        font-size: 4.861vw;
    }

    /* 모바일 섹션 텍스트 공통 스타일 (좌우 패딩 통일) */
    .brand-about-brand-content .mobile-section-text {
        padding: 0 6.667vw;
        text-align: left;
    }

    /* 공통 타이틀 및 텍스트 (브랜드 한 줄 설명 섹션 스타일 기준) */
    .brand-about-brand-content .brand-description-title,
    .brand-about-brand-content .section-title-en {
        font-size: 5.556vw;
        font-weight: 700;
        line-height: 1.6;
        padding: 8.889vw 0 4.444vw;
        margin: 0;
    }

    .brand-about-centelian24.brand-about-brand-content .brand-description-title,
    .brand-about-centelian24.brand-about-brand-content .section-title-en {
        font-size: 3.889vw;
    }


    .brand-about-brand-content .section-what-we-create .section-title-en {
        padding: 0 0 4.444vw;
    }

    .brand-about-brand-content .brand-description-text,
    .brand-about-brand-content .section-text {
        font-size: 4.444vw;
        font-weight: 400;
        line-height: 1.6;
        padding: 0 0 8.889vw;
        margin: 0;
    }

    .brand-about-brand-content .brand-description-text {}

    .brand-about-brand-content .brand-description-image {
        width: 100%;
        font-size: 0;
    }

    .brand-about-brand-content .brand-description-image img {
        width: 100%;
    }

    /**
    * 마데카 21
    **/

    .brand-about-brand-content.madeca21-content .section-1 .mobile-section-text .section-title-en {
        font-size: 6.944vw;
        font-weight: bold;
        line-height: 1.6;
        color: #fff;
    }

    .brand-about-brand-content.madeca21-content .section-2 .brand-description-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        aspect-ratio: 720 / 1142;
        overflow: hidden;
    }

    .brand-about-brand-content.madeca21-content .section-2 .brand-description-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .brand-about-brand-content.madeca21-content .section-2 .mobile-section-text {
        padding: 0 9.583vw;
        aspect-ratio: 720 / 1142;
    }

    .brand-about-brand-content.centelian24-part2 .section-2 .mobile-section-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .brand-about-brand-content.madeca21-content .section-2 .brand-description-title {
        padding: 0 0 11.25vw;
        font-size: 6.25vw;
    }

    .brand-about-brand-content.madeca21-content .section-2 .brand-description-text {
        padding: 0;
        font-size: 4.167vw;
        line-height: 1.6;
    }

    .brand-about-brand-content.madeca21-content .section-2 .brand-description-text .small-text {
        font-size: 2.778vw;
        font-weight: 200;
    }

    .brand-about-brand-content.madeca21-content .section-2 .madeca21-mo-section2-under-text {
        width: 100%;
        aspect-ratio: 720 / 900;
        font-size: 0;
    }

    .brand-about-brand-content.madeca21-content .section-2 .madeca21-mo-section2-under-text img {
        width: 100%;
    }

    .brand-about-brand-content.madeca21-content .section-3 .mobile-section-content {
        padding: 25.139vw 0 25vw 9.444vw;
    }

    .brand-about-brand-content.madeca21-content .section-3 .mobile-section-content .section-title-en {
        padding: 0 0 11.667vw;
        font-size: 5.772vw;
        line-height: 1.6;
    }

    .brand-about-brand-content.madeca21-content .section-3 .mobile-section-content .madeca21-mo-section3-dl-box {
        position: relative;
        display: flex;
        flex-direction: column;
        padding-left: 3.792vw;
        margin-bottom: 11.667vw;
    }

    .brand-about-brand-content.madeca21-content .section-3 .mobile-section-content .madeca21-mo-section3-dl-box::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 2.58px;
        height: 100%;
        background-color: #000;
        transform: scaleY(0);
        transform-origin: top;
        opacity: 0;
        transition: transform 800ms ease, opacity 800ms ease;
    }

    .brand-about-brand-content.madeca21-content .section-3 .mobile-section-content .madeca21-mo-section3-dl-box.aos-animate::before {
        transform: scaleY(1);
        opacity: 1;
    }

    .brand-about-brand-content.madeca21-content .section-3 .mobile-section-content .madeca21-mo-section3-dl-box dl {
        display: flex;
        align-items: baseline;
    }

    .brand-about-brand-content.madeca21-content .section-3 .mobile-section-content .madeca21-mo-section3-dl-box dl dt {
        font-size: 4.786vw;
        font-weight: 800;
        line-height: 1.6;
    }

    .brand-about-brand-content.madeca21-content .section-3 .mobile-section-content .madeca21-mo-section3-dl-box dl dd {
        padding-left: 0.833vw;
        font-size: 2.3vw;
        font-weight: 400;
        line-height: 1.6;
    }

    .brand-about-brand-content.madeca21-content .section-3 .mobile-section-content .madeca21-mo-section3-dl-box dl:last-child dt {
        color: #2b930a;
    }

    .brand-about-brand-content.madeca21-content .section-3 .mobile-section-content .madeca21-mo-section3-img-box {
        width: 100%;
        padding-right: 9.444vw;
        margin-bottom: 11.25vw;
        font-size: 0;
    }

    .brand-about-brand-content.madeca21-content .section-3 .mobile-section-content .madeca21-mo-section3-img-box img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .brand-about-brand-content.madeca21-content .section-3 .mobile-section-content ul li {
        font-size: 4.167vw;
        font-weight: 400;
        line-height: 1.6;
    }

    .brand-about-brand-content.madeca21-content .section-3 .mobile-section-content ul li strong {
        font-weight: 700;
    }

    /* Part3 섹션7: 일반 시카 추출물 vs TECA - MO */
    .brand-about-brand-content.madeca21-part3 .section-7 .mobile-section-content {
        padding: 25.139vw 0 25vw 9.583vw;
    }

    .brand-about-brand-content.madeca21-part3 .section-7 .mobile-section-content .section-title-en {
        padding: 0 0 11.667vw;
        font-size: 5.772vw;
        line-height: 1.6;
    }

    .brand-about-brand-content.madeca21-part3 .section-7 .mobile-section-content .madeca21-mo-section3-dl-box {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

    .brand-about-brand-content.madeca21-part3 .section-7 .mobile-section-content .madeca21-mo-section3-dl-box::before {
        display: none;
    }

    .brand-about-brand-content.madeca21-part3 .section-7 .mobile-section-content .madeca21-mo-section3-dl-box dl dt {
        font-size: 4.786vw;
        font-weight: 700;
        line-height: 1.6;
    }

    .brand-about-brand-content.madeca21-part3 .section-7 .mobile-section-content .madeca21-mo-section3-dl-box dl {
        padding-bottom: 11.667vw;
    }

    .brand-about-brand-content.madeca21-part3 .section-7 .mobile-section-content .madeca21-mo-section3-dl-box dl:last-child {
        padding-bottom: 0;
    }

    .brand-about-brand-content.madeca21-part3 .section-7 .mobile-section-content .madeca21-mo-section3-dl-box dl dd {
        font-size: 3.611vw;
        font-weight: 400;
        line-height: 1.6;
    }

    .brand-about-brand-content.madeca21-part3 .section-7 .mobile-section-content .madeca21-mo-section3-dl-box dl:last-child dt {
        color: inherit;
    }

    .brand-about-brand-content.madeca21-part3 .section-7 .mobile-section-content .madeca21-mo-section3-img-box {
        width: 100%;
        padding-right: 9.444vw;
        margin-bottom: 11.25vw;
        font-size: 0;
        overflow: hidden;
    }

    .brand-about-brand-content.madeca21-part3 .section-7 .mobile-section-content .madeca21-mo-section3-img-box img {
        width: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        display: block;
    }

    .brand-about-brand-content.madeca21-part3 .section-7 .mobile-section-content ul li {
        font-size: 4.167vw;
        font-weight: 400;
        line-height: 1.6;
    }

    .brand-about-brand-content.madeca21-part3 .section-7 .mobile-section-content ul li strong {
        font-weight: 700;
    }

    /* Part3 섹션6: TECA란? - MO (section-2와 동일 구조) */
    .brand-about-brand-content.madeca21-part3 .mo .section-6 {
        position: relative;
        background-image: none;
    }

    .brand-about-brand-content.madeca21-part3 .mo .section-6 .brand-description-image {
        display: none;
    }

    .brand-about-brand-content.madeca21-part3 .mo .section-6 .brand-description-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .brand-about-brand-content.madeca21-part3 .mo .section-6 .mobile-section-text {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        padding: 25vw 9.583vw 0;
    }

    .brand-about-brand-content.madeca21-part3 .mo .section-6 .part3-teca-title {
        font-size: 6.667vw;
        line-height: 1.4;
    }

    .brand-about-brand-content.madeca21-part3 .mo .section-6 .part3-teca-subtitle {
        font-size: 4.444vw;
        line-height: 1.4;
        padding-bottom: 6.667vw;
    }

    .brand-about-brand-content.madeca21-part3 .mo .section-6 .part3-teca-subtitle span {
        font-size: 3.333vw;
    }

    .brand-about-brand-content.madeca21-part3 .mo .section-6 .part3-teca-desc {
        font-size: 3.611vw;
        line-height: 1.6;
    }

    .brand-about-brand-content.madeca21-part3 .mo .section-6 .part3-teca-list {
        padding-top: 6.667vw;
        font-size: 3.611vw;
        line-height: 1.6;
    }

    .brand-about-brand-content.madeca21-part3 .mo .section-6 .madeca21-mo-section6-under-text {
        width: 100%;
        font-size: 0;
    }

    .brand-about-brand-content.madeca21-part3 .mo .section-6 .madeca21-mo-section6-under-text img {
        width: 100%;
    }

    .brand-about-brand-content.madeca21-content .section-4 {
        position: relative;
    }

    .brand-about-brand-content.madeca21-content .section-4 .mobile-philosophy-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        aspect-ratio: 720 / 1000;
        overflow: hidden;
    }

    .brand-about-brand-content.madeca21-content .section-4 .mobile-philosophy-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .brand-about-brand-content.madeca21-content .mo .section-4 {
        position: relative;
        overflow: hidden;
    }

    .brand-about-brand-content.madeca21-content .mo .section-4 .mobile-section-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 25vw 6.667vw 25vw;
    }

    .brand-about-brand-content.madeca21-content .mo .section-4 .mobile-section-text h2 {
        padding: 0 0 8.486vw;
        font-size: 4.526vw;
        font-weight: 400;
        line-height: 1.6;
        color: #fff;
        text-align: center;
    }

    .brand-about-brand-content.madeca21-content .mo .section-4 .mobile-section-text p {
        padding: 0;
        font-size: 4.167vw;
        font-weight: 400;
        line-height: 1.6;
        color: #fff;
        text-align: center;
    }

    .brand-about-brand-content.madeca21-content .mo .section-4 .mobile-section-text p br {
        display: none;
    }

    .brand-about-brand-content.madeca21-part3 .mo .section-4 .mobile-section-text {
        align-items: flex-start;
        text-align: left;
        padding: 25vw 9.583vw;
    }

    .brand-about-brand-content.madeca21-part3 .mo .section-4 .mobile-section-text p {
        text-align: left;
    }

    .brand-about-brand-content.madeca21-part3 .mo .section-4 .part3-step-text {
        align-items: flex-start;
        text-align: left;
    }

    /* 마데카21 part1 섹션5: 제품 카드 가로 스크롤 */
    .brand-about-brand-content.madeca21-content .mo .section-5 {
        background: none;
        color: var(--color-text);
        padding: 25vw 0 25vw 0;
    }

    .brand-about-brand-content.madeca21-part3 .mo .section-5 {
        padding: 0;
    }

    .brand-about-brand-content.madeca21-part3 .mo .section-5 .mobile-section-text {
        padding: 25vw 9.583vw 25vw;
    }

    .brand-about-brand-content.madeca21-part3 .mo .mobile-section-text .section-text {
        padding: 0;
    }

    .brand-about-brand-content.madeca21-content .mo .section-5 .madeca21-product-cards {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 6.806vw;
        height: auto;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .brand-about-brand-content.madeca21-content .mo .section-5 .madeca21-product-cards::-webkit-scrollbar {
        display: none;
    }

    .brand-about-brand-content.madeca21-content .mo .section-5 .madeca21-product-card {
        flex: 0 0 59.722vw;
        min-width: 59.722vw;
        width: 59.722vw;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .brand-about-brand-content.madeca21-content .mo .section-5 .madeca21-product-card:last-child {
        margin-right: 6.806vw;
    }

    .brand-about-brand-content.madeca21-content .mo .section-5 .madeca21-product-card-img {
        width: 100%;
    }

    .brand-about-brand-content.madeca21-content .mo .section-5 .madeca21-product-card-text {
        padding-top: 5.556vw;
        font-size: 4.167vw;
    }

    /* ===== 마데카21 Part1 모바일 섹션5: 제품 카드 가로 스크롤 ===== */
    .brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-5 {
        background: none;
        padding: 0 0 25vw 9.583vw;
    }

    .brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-5 .madeca21-product-cards {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 6.806vw;
        height: auto;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-5 .madeca21-product-cards::-webkit-scrollbar {
        display: none;
    }

    .brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-5 .madeca21-product-card {
        flex: 0 0 59.722vw;
        min-width: 59.722vw;
        width: 59.722vw;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-5 .madeca21-product-card:last-child {
        margin-right: 6.806vw;
    }

    .brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-5 .madeca21-product-card-img {
        width: 100%;
    }

    .brand-about-brand-content.brand-about-madeca21.madeca21-part1 .mo .section-5 .madeca21-product-card-text {
        padding-top: 5.556vw;
        font-size: 4.167vw;
    }

    /* ===== 마데카21 Part3 모바일 섹션5: 제품 카드 가로 스크롤 ===== */
    .brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-5 {
        background: none;
        padding: 0;
    }

    .brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-5 .madeca21-product-cards {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        gap: 6.806vw;
        height: auto;
        overflow-x: auto;
        overflow-y: hidden;
        scroll-snap-type: x mandatory;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-5 .madeca21-product-cards::-webkit-scrollbar {
        display: none;
    }

    .brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-5 .madeca21-product-card {
        flex: 0 0 59.722vw;
        min-width: 59.722vw;
        width: 59.722vw;
        scroll-snap-align: start;
        scroll-snap-stop: always;
    }

    .brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-5 .madeca21-product-card:last-child {
        margin-right: 6.806vw;
    }

    .brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-5 .madeca21-product-card-img {
        width: 100%;
    }

    .brand-about-brand-content.brand-about-madeca21.madeca21-part3 .mo .section-5 .madeca21-product-card-text {
        padding-top: 5.556vw;
        font-size: 4.167vw;
    }

    /* 센텔리안24 Part2 모바일 섹션4: 텍스트 영역 비율 */
    .centelian24-part2 .mo .section-4 .mobile-section-text {
        aspect-ratio: 720 / 1000;
    }

    /* 마데카21 Part1 모바일 섹션4: 텍스트 상하 여백 */
    .madeca21-part1 .mo .section-4 .mobile-section-text {
        padding-top: 25vw;
        padding-bottom: 25vw;
    }

    .madeca21-part1 .mo .section-4 .mobile-section-text h2 {
        padding-top: 0;
    }

    .madeca21-part1 .mo .section-4 .mobile-section-text .section-text {
        padding-bottom: 0;
    }

    .brand-about-brand-content.madeca-content .section-1-text .section-1-text-title {
        margin-top: 44.45vw;
        padding: 3.78vw 0;
    }

    .brand-about-brand-content.madeca-content .section-1-text .section-1-text-title img {
        width: 36.1vw;
    }

    .brand-about-brand-content.madeca-content .section-2 .mobile-section-text {
        padding: 15.6vw 8.9vw;
    }

    .brand-about-brand-content.madeca-content .section-1-text .section-1-text-description {
        font-size: 4.45vw;
        padding-top: 2.24vw;
    }

    .brand-about-brand-content.madeca-content .section-2 .brand-description-text,
    .brand-about-brand-content.madeca-content .section-2 .brand-description-title {
        font-size: 4.45vw;
        padding: 4.45vw 0 0 0;
    }

    .brand-about-brand-content.madeca-content .section-3 .mobile-section-text {
        padding: 45vw 0;
    }

    .brand-about-brand-content.madeca-content .section-3 h2.section-title-en.aos-init.aos-animate {
        padding-bottom: 4.444vw;
        flex-direction: column;
    }

    .brand-about-brand-content.madeca-content .section-3 h2.section-title-en.aos-init.aos-animate .section-title-en-sub {
        color: rgba(153, 153, 153, 1);
        font-size: 4.444vw;
    }

    .brand-about-brand-content.madeca-content .section-3 .section-text {
        font-size: 4.444vw;
    }

    .brand-about-brand-content.madeca-content .section-4 .mobile-section-text {
        padding: 19.167vw 8.889vw;
    }

    .brand-about-brand-content.madeca-content .section-4 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
    }

    .brand-about-brand-content.madeca-content .section-4 .section-text {
        padding-bottom: 0;
    }

    .brand-about-brand-content.madeca-content .section-4-2 img {
        width: 100%;
    }

    .brand-about-brand-content.madeca-content .section-4-2 .mobile-section-text {
        padding: 15.556vw 8.889vw;
        background: rgba(64, 175, 46, 1);
    }

    .brand-about-brand-content.madeca-content .section-4-2 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
        color: white;
    }

    .brand-about-brand-content.madeca-content .section-4-2 .section-text {
        padding-bottom: 0;
        color: white;
    }

    .brand-about-brand-content.madeca-content .section-5 .mobile-section-text {
        padding: 15.556vw 8.889vw;
    }

    .brand-about-brand-content.madeca-content .section-5 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
    }

    .brand-about-brand-content.madeca-content .section-5 .section-text {
        padding-bottom: 0;
    }

    .brand-about-brand-content.madeca-content .section-6 .mobile-section-text {
        padding: 45vw 0;
    }

    .brand-about-brand-content.madeca-content .section-6 h2.section-title-en.aos-init.aos-animate {
        padding-bottom: 4.444vw;
        flex-direction: column;
        color: white;
    }

    .brand-about-brand-content.madeca-content .section-6 h2.section-title-en.aos-init.aos-animate .section-title-en-sub {
        color: rgba(229, 229, 229, 1);
        font-size: 4.444vw;
    }

    .brand-about-brand-content.madeca-content .section-6 .section-text {
        font-size: 4.444vw;
        color: white;
    }

    .brand-about-brand-content.madeca-content .section-7 .mobile-section-text {
        padding: 45vw 0;
    }

    .brand-about-brand-content.madeca-content .section-7 h2.section-title-en.aos-init.aos-animate {
        padding-bottom: 4.444vw;
        flex-direction: column;
    }

    .brand-about-brand-content.madeca-content .section-7 h2.section-title-en.aos-init.aos-animate .section-title-en-sub {
        color: rgba(153, 153, 153, 1);
        font-size: 4.444vw;
    }

    .brand-about-brand-content.madeca-content .section-7 .section-text {
        font-size: 4.444vw;
    }

    /* 센시안 추가 css 적용 */

    .brand-about-brand-content.sensian-content .section-1-text .section-1-text-title {
        margin-top: 44.45vw;
        padding: 3.78vw 0;
    }

    .brand-about-brand-content.sensian-content .section-1-text .section-1-text-title img {
        width: 36.1vw;
    }

    .brand-about-brand-content.sensian-content .section-2 .mobile-section-text {
        padding: 15.6vw 8.9vw;
    }

    .brand-about-brand-content.sensian-content .section-1-text .section-1-text-description {
        font-size: 4.45vw;
        padding-top: 2.24vw;
    }

    .brand-about-brand-content.sensian-content .section-2 .brand-description-text,
    .brand-about-brand-content.sensian-content .section-2 .brand-description-title {
        font-size: 4.45vw;
        padding: 4.45vw 0 0 0;
    }

    .brand-about-brand-content.sensian-content .section-3 .mobile-section-text {
        padding: 45vw 0;
    }

    .brand-about-brand-content.sensian-content .section-3 h2.section-title-en.aos-init.aos-animate {
        padding-bottom: 4.444vw;
        flex-direction: column;
    }

    .brand-about-brand-content.sensian-content .section-3 h2.section-title-en.aos-init.aos-animate .section-title-en-sub {
        color: rgba(153, 153, 153, 1);
        font-size: 4.444vw;
    }

    .brand-about-brand-content.sensian-content .section-3 .section-text {
        font-size: 4.444vw;
    }

    .brand-about-brand-content.sensian-content .section-4 .mobile-section-text {
        padding: 19.167vw 8.889vw;
    }

    .brand-about-brand-content.sensian-content .section-4 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
    }

    .brand-about-brand-content.sensian-content .section-4 .section-text {
        padding-bottom: 0;
    }

    .brand-about-brand-content.sensian-content .section-4-2 img {
        width: 100%;
    }

    .brand-about-brand-content.sensian-content .section-4-2 .mobile-section-text {
        padding: 15.556vw 8.889vw;
        background: rgba(64, 175, 46, 1);
    }

    .brand-about-brand-content.sensian-content .section-4-2 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
        color: white;
    }

    .brand-about-brand-content.sensian-content .section-4-2 .section-text {
        padding-bottom: 0;
        color: white;
    }

    .brand-about-brand-content.sensian-content .section-5 .mobile-section-text {
        padding: 15.556vw 8.889vw;
    }

    .brand-about-brand-content.sensian-content .section-5 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
    }

    .brand-about-brand-content.sensian-content .section-5 .section-text {
        padding-bottom: 0;
    }

    .brand-about-brand-content.sensian-content .section-6 .mobile-section-text {
        padding: 45vw 0;
    }

    .brand-about-brand-content.sensian-content .section-6 h2.section-title-en.aos-init.aos-animate {
        padding-bottom: 4.444vw;
        flex-direction: column;
        color: white;
    }

    .brand-about-brand-content.sensian-content .section-6 h2.section-title-en.aos-init.aos-animate .section-title-en-sub {
        color: rgba(229, 229, 229, 1);
        font-size: 4.444vw;
    }

    .brand-about-brand-content.sensian-content .section-6 .section-text {
        font-size: 4.444vw;
        color: white;
    }

    .brand-about-brand-content.sensian-content .section-7 .mobile-section-text {
        padding: 45vw 0;
    }

    .brand-about-brand-content.sensian-content .section-7 h2.section-title-en.aos-init.aos-animate {
        padding-bottom: 4.444vw;
        flex-direction: column;
    }

    .brand-about-brand-content.sensian-content .section-7 h2.section-title-en.aos-init.aos-animate .section-title-en-sub {
        color: rgba(153, 153, 153, 1);
        font-size: 4.444vw;
    }

    .brand-about-brand-content.sensian-content .section-7 .section-text {
        font-size: 4.444vw;
    }

    /* 덴트릭스 추가 css 적용 */

    .brand-about-brand-content.dentrix-content .section-1-text .section-1-text-title {
        margin-top: 44.45vw;
        padding: 3.78vw 0;
    }

    .brand-about-brand-content.dentrix-content .section-1-text .section-1-text-title img {
        width: 43.611vw;
    }

    .brand-about-brand-content.dentrix-content .section-2 .mobile-section-text {
        padding: 15.6vw 8.9vw;
    }

    .brand-about-brand-content.dentrix-content .section-1-text .section-1-text-description {
        font-size: 4.45vw;
        padding-top: 2.24vw;
    }

    .brand-about-brand-content.dentrix-content .section-2 .brand-description-text,
    .brand-about-brand-content.dentrix-content .section-2 .brand-description-title {
        font-size: 4.45vw;
        padding: 4.45vw 0 0 0;
    }

    .brand-about-brand-content.dentrix-content .section-3 .mobile-section-text {
        padding: 45vw 0;
    }

    .brand-about-brand-content.dentrix-content .section-3 h2.section-title-en.aos-init.aos-animate {
        padding-bottom: 4.444vw;
        flex-direction: column;
    }

    .brand-about-brand-content.dentrix-content .section-3 h2.section-title-en.aos-init.aos-animate .section-title-en-sub {
        color: rgba(153, 153, 153, 1);
        font-size: 4.444vw;
    }

    .brand-about-brand-content.dentrix-content .section-3 .section-text {
        font-size: 4.444vw;
    }

    .brand-about-brand-content.dentrix-content .section-4 .mobile-section-text {
        padding: 15.6vw 8.889vw;
    }

    .brand-about-brand-content.dentrix-content .section-4 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
    }

    .brand-about-brand-content.dentrix-content .section-4 .section-text {
        padding-bottom: 0;
    }

    .brand-about-brand-content.dentrix-content .section-4-2 img {
        width: 100%;
    }

    .brand-about-brand-content.dentrix-content .section-4-2 .mobile-section-text {
        padding: 15.556vw 8.889vw;
        background: rgba(64, 175, 46, 1);
    }

    .brand-about-brand-content.dentrix-content .section-4-2 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
        color: white;
    }

    .brand-about-brand-content.dentrix-content .section-4-2 .section-text {
        padding-bottom: 0;
        color: white;
    }

    .brand-about-brand-content.dentrix-content .section-5 .mobile-section-text {
        padding: 15.556vw 8.889vw;
    }

    .brand-about-brand-content.dentrix-content .section-5-2 .mobile-section-text {
        padding: 15.556vw 8.889vw;
    }

    .brand-about-brand-content.dentrix-content .section-5-3 .mobile-section-text {
        padding: 15.556vw 8.889vw;
    }

    .brand-about-brand-content.dentrix-content .section-5 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
    }

    .brand-about-brand-content.dentrix-content .section-5-2 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
    }

    .brand-about-brand-content.dentrix-content .section-5-3 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
    }

    .brand-about-brand-content.dentrix-content .section-5-2 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
    }

    .brand-about-brand-content.dentrix-content .section-5-3 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
    }

    .brand-about-brand-content.dentrix-content .section-5 .section-text {
        padding-bottom: 0;
    }

    .brand-about-brand-content.dentrix-content .section-5-2 .section-text {
        padding-bottom: 0;
    }

    .brand-about-brand-content.dentrix-content .section-5-3 .section-text {
        padding-bottom: 0;
    }

    .brand-about-brand-content .section-5-2 .mobile-philosophy-image img,
    .brand-about-brand-content .section-5-3 .mobile-vision-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .brand-about-brand-content.dentrix-content .section-6 .mobile-section-text {
        padding: 45vw 0;
    }

    .brand-about-brand-content.dentrix-content .section-6 h2.section-title-en.aos-init.aos-animate {
        padding-bottom: 4.444vw;
        flex-direction: column;
        color: white;
    }

    .brand-about-brand-content.dentrix-content .section-6 h2.section-title-en.aos-init.aos-animate .section-title-en-sub {
        color: rgba(229, 229, 229, 1);
        font-size: 4.444vw;
    }

    .brand-about-brand-content.dentrix-content .section-6 .section-text {
        font-size: 4.444vw;
        color: white;
    }

    .brand-about-brand-content.dentrix-content .section-7 .mobile-section-text {
        padding: 45vw 0;
    }

    .brand-about-brand-content.dentrix-content .section-7 h2.section-title-en.aos-init.aos-animate {
        padding-bottom: 4.444vw;
        flex-direction: column;
    }

    .brand-about-brand-content.dentrix-content .section-7 h2.section-title-en.aos-init.aos-animate .section-title-en-sub {
        color: rgba(153, 153, 153, 1);
        font-size: 4.444vw;
    }

    .brand-about-brand-content.dentrix-content .section-7 .section-text {
        font-size: 4.444vw;
    }

    /* 굿잠 추가 css 적용 */

    .brand-about-brand-content.goodSleep-content .section-1-text .section-1-text-title {
        margin-top: 50.278vw;
        padding: 5vw 0;
    }

    .brand-about-brand-content.goodSleep-content .section-1-text .section-1-text-title img {
        width: 24.556vw;
    }

    .brand-about-brand-content.goodSleep-content .section-2 .mobile-section-text {
        padding: 15.6vw 8.9vw;
    }

    .brand-about-brand-content.goodSleep-content .section-1-text .section-1-text-description {
        font-size: 4.45vw;
    }

    .brand-about-brand-content.goodSleep-content .section-2 .brand-description-text,
    .brand-about-brand-content.goodSleep-content .section-2 .brand-description-title {
        font-size: 4.45vw;
        padding: 4.45vw 0 0 0;
    }

    .brand-about-brand-content.goodSleep-content .section-3 .mobile-section-text {
        padding: 45vw 0;
    }

    .brand-about-brand-content.goodSleep-content .section-3 h2.section-title-en.aos-init.aos-animate {
        padding-bottom: 4.444vw;
        flex-direction: column;
    }

    .brand-about-brand-content.goodSleep-content .section-3 h2.section-title-en.aos-init.aos-animate .section-title-en-sub {
        color: rgba(153, 153, 153, 1);
        font-size: 4.444vw;
    }

    .brand-about-brand-content.goodSleep-content .section-3 .section-text {
        font-size: 4.444vw;
    }

    .brand-about-brand-content.goodSleep-content .section-4 .mobile-section-text {
        padding: 19.167vw 8.889vw;
    }

    .brand-about-brand-content.goodSleep-content .section-4 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
    }

    .brand-about-brand-content.goodSleep-content .section-4 .section-text {
        padding-bottom: 0;
    }

    .brand-about-brand-content.goodSleep-content .section-4-2 .mobile-section-text {
        padding: 19.167vw 8.889vw;
    }

    .brand-about-brand-content.goodSleep-content .section-4-2 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
    }

    .brand-about-brand-content.goodSleep-content .section-4-2 .section-text {
        padding-bottom: 0;
    }

    .brand-about-brand-content.goodSleep-content .section-4-2 img {
        width: 100%;
    }

    .brand-about-brand-content.goodSleep-content .section-4-2 .mobile-section-text {
        padding: 15.556vw 8.889vw;
        background: rgba(64, 175, 46, 1);
    }

    .brand-about-brand-content.goodSleep-content .section-4-2 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
        color: white;
    }

    .brand-about-brand-content.goodSleep-content .section-4-2 .section-text {
        padding-bottom: 0;
        color: white;
    }

    .brand-about-brand-content.goodSleep-content .section-5 .mobile-section-text {
        padding: 15.556vw 8.889vw;
    }

    .brand-about-brand-content.goodSleep-content .section-5 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
    }

    .brand-about-brand-content.goodSleep-content .section-5 .section-text {
        padding-bottom: 0;
    }

    .brand-about-brand-content.goodSleep-content .section-5-2 .mobile-section-text {
        padding: 15.556vw 8.889vw;
    }

    .brand-about-brand-content.goodSleep-content .section-5-2 .section-title-en {
        padding-top: 0;
        padding-bottom: 4.444vw;
    }

    .brand-about-brand-content.goodSleep-content .section-5-2 .section-text {
        padding-bottom: 0;
    }

    .brand-about-brand-content .section-5-2 .mobile-vision-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .brand-about-brand-content.goodSleep-content .section-6 .mobile-section-text {
        padding: 45vw 0;
    }

    .brand-about-brand-content.goodSleep-content .section-6 h2.section-title-en.aos-init.aos-animate {
        padding-bottom: 4.444vw;
        flex-direction: column;
        color: white;
    }

    .brand-about-brand-content.goodSleep-content .section-6 h2.section-title-en.aos-init.aos-animate .section-title-en-sub {
        color: rgba(229, 229, 229, 1);
        font-size: 4.444vw;
    }

    .brand-about-brand-content.goodSleep-content .section-6 .section-text {
        font-size: 4.444vw;
        color: white;
    }

    .brand-about-brand-content.goodSleep-content .section-7 .mobile-section-text {
        padding: 45vw 0;
    }

    .brand-about-brand-content.goodSleep-content .section-7 h2.section-title-en.aos-init.aos-animate {
        padding-bottom: 4.444vw;
        flex-direction: column;
    }

    .brand-about-brand-content.goodSleep-content .section-7 h2.section-title-en.aos-init.aos-animate .section-title-en-sub {
        color: rgba(153, 153, 153, 1);
        font-size: 4.444vw;
    }

    .brand-about-brand-content.goodSleep-content .section-7 .section-text {
        font-size: 4.444vw;
    }

    .brand-about-brand-content.sensian-content .section-what-we-create,
    .brand-about-brand-content.dentrix-content .section-what-we-create,
    .brand-about-brand-content.goodSleep-content .section-what-we-create,
    .brand-about-brand-content.madeca-content .section-what-we-create {
        background: none;
    }

}

/***
* 상품 목록 헤더 검색 (products.php)
***/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.brand-products-page .header.pc .header_inner {
    gap: 0;
}

.brand-products-page .header.pc .product-header-search-form-pc {
    display: flex;
    align-items: center;
    width: 320px;
    height: 40px;
    margin-left: auto;
    padding: 0 6px 0 16px;
    border: 1px solid var(--color-gr5);
    background: #fff;
    box-sizing: border-box;
}

.brand-products-page .product-header-search-label {
    flex: 1;
    min-width: 0;
}

.brand-products-page .header.pc .product-header-search-input {
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    font-size: 14px;
    color: var(--color-text);
    outline: none;
}

.brand-products-page .header.pc .product-header-search-input::placeholder {
    color: #999;
}

.brand-products-page .product-header-search-input::-webkit-search-cancel-button,
.brand-products-page .product-header-search-input::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}

.brand-products-page .product-header-search-input::-ms-clear {
    display: none;
}

.brand-products-page .product-header-search-button,
.brand-products-page .product-header-search-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.brand-products-page .header.pc .product-header-search-button {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    color: #666;
}

/* MO 전용 요소는 PC에서 숨김 */
.brand-products-page .product-header-search-panel,
.brand-products-page .product-header-search-toggle {
    display: none;
}

@media (max-width: 1024px) {
    .brand-products-page .header.mo .header_inner {
        position: relative;
    }

    /* header_inner 안 돋보기 토글 */
    .brand-products-page .product-header-search-toggle {
        display: inline-flex;
        width: 56px;
        height: 56px;
        color: #fff;
    }

    .brand-products-page .product-header-search-toggle .product-header-search-icon-close {
        display: none;
    }

    .brand-products-page .product-header-search-toggle[aria-expanded="true"] .product-header-search-icon-search {
        display: none;
    }

    .brand-products-page .product-header-search-toggle[aria-expanded="true"] .product-header-search-icon-close {
        display: block;
    }

    .brand-products-page .header.mo.header_hover .product-header-search-toggle,
    .brand-products-page .header.mo.header_fixed .product-header-search-toggle {
        color: var(--color-text);
    }

    /* 검색 패널: 헤더 하단 전체폭 */
    .brand-products-page .product-header-search-panel {
        position: absolute;
        top: 56px;
        left: 0;
        display: none;
        width: 100%;
        padding: 12px 16px;
        background: #fff;
        border-top: 1px solid var(--color-gr5);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.06);
        box-sizing: border-box;
        z-index: 110;
    }

    .brand-products-page .product-header-search-panel.is-open {
        display: block;
    }

    .brand-products-page .product-header-search-form-mo {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    /* 밑줄형 입력창 */
    .brand-products-page .header.mo .product-header-search-input {
        flex: 1;
        height: 40px;
        padding: 0 4px;
        border: 0;
        border-bottom: 1px solid var(--color-gr4);
        border-radius: 0;
        background: transparent;
        font-size: 15px;
        color: var(--color-text);
        outline: none;
        width: 100%;
    }

    .brand-products-page .header.mo .product-header-search-input::placeholder {
        color: #999;
    }

    /* 검은색 '검색' 텍스트 버튼 */
    .brand-products-page .product-header-search-submit-text {
        flex: 0 0 auto;
        height: 40px;
        padding: 0 18px;
        border: 0;
        background: var(--color-bk, #000);
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
        white-space: nowrap;
    }
}