/* 상품공통 */
/* series */

/* item */

/* connect */

/* link */

/* 상품 오버뷰 공통 마우스 오버 했을때 이미지 스케일, 버튼 애니메이션 */

/* only pc hover */

@media (max-width: 1180px) {
    
    
    
    
    
    
    
    
    
    

    /* 2024-05-21 .test 만 지워주시면 됩니다 */
    
    
    
    
}
@media (max-width: 767px) {
    
    
    
    
    

    /* 2024-05-21 .test 만 지워주시면 됩니다 */
    
    
}

/* detail */
.product.detail {
    margin-top: 0; /* 상품상세만 header가 fixed가 아님*/
    margin-bottom: 0; /* sena.co.kr: 마지막 섹션과 푸터 사이 여백 제거 (sena.com 200) */
    overscroll-behavior: none;
}
.product.detail .inner {
    position: relative;
    max-width: calc(calc(144 * var(--pv-rem)) + calc(16 * var(--pv-rem)));
}
.product.detail .top_visual {
    /* height: calc(var(--vh, 1vh) * 100); */
    height: calc(100vh - calc(8 * var(--pv-rem)));
    height: calc(100dvh - calc(8 * var(--pv-rem)));
    background: #F3F3F3;
}
.product.detail .top_visual .inner {
    display: flex;
    justify-content: center;
    align-items: center;
    /* gap: calc(10 * var(--pv-rem)); */
    gap: calc(7 * var(--pv-rem));
    height: calc(100% - calc(7.2 * var(--pv-rem)));
}
.product.detail .top_visual .hgroup {
    /* width: calc(62 * var(--pv-rem)); */
    /* sena.co.kr: SENA 폰트(폭 넓음) 64px 제품명이 단어 단위로 들어가도록 650 → 740 (이미지 720 → 630) */
    width: calc(74 * var(--pv-rem));
}
.product.detail .top_visual .hgroup .hidden {
    width: 100%;
}
.product.detail .top_visual .hgroup h2 {
    width: 100%;
    line-height: 1.25;
    color: #000;
    font-size: calc(6.4 * var(--pv-rem));
    font-family: var(--font-sena), 'Noto Sans KR', sans-serif !important; /* 테마 전역 h2 폰트(!important) 대응 */
    text-transform: none;
    font-weight: 500;
    word-break: keep-all;
    overflow-wrap: normal; /* .pv-root 의 break-word 가 긴 단어를 중간에서 자르지 않도록 */
    
}
.product.detail .top_visual .hgroup .txt {
    width: 100%;
    margin-top: calc(2.4 * var(--pv-rem));
    line-height: 1.45;
    color: rgba(0, 0, 0, .7);
    font-size: calc(2.8 * var(--pv-rem));
}
.product.detail .top_visual .bg {
    position: static;
    width: calc(63 * var(--pv-rem));
    height: calc(63 * var(--pv-rem));
}
.product.detail .top_visual .bg::after {
    display: none;
}
.product.detail .top_visual .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    animation: none;
}

.product.detail .top_visual .btn_area {
    margin-top: calc(6 * var(--pv-rem));
    animation: textUp .6s both cubic-bezier(0.25, 0.79, 0.58, 1);
    animation-delay: 1s;
}
.product.detail .top_visual .btn_area a {
    min-width: calc(16.8 * var(--pv-rem));
    text-align: center;
}
.product.detail .top_visual .btn_area a span {
    display: inline-block;
}

@media (max-width: 1919px) {
    .product.detail .inner {
        max-width: calc(calc(100vw * (1440 / 1919)) + calc(100vw * (160 / 1919)));
    }
    .product.detail .top_visual {
        height: calc(100vh - calc(100vw * (80 / 1919)));
        height: clamp(
            calc(100vw * (820 / 1919)),
            calc(100dvh - calc(100vw * (80 / 1919))),
            calc(100vw * (1000 / 1919))
        );
    }
    .product.detail .top_visual .inner {
        gap: calc(100vw * (70 / 1919));
        /* gap: calc(100vw * (160 / 1919)); */
        height: calc(100% - calc(100vw * (72 / 1919)));
    }
    .product.detail .top_visual .hgroup {
        /* width: calc(100vw * (620 / 1919)); */
        width: calc(100vw * (740 / 1919));
    }
    .product.detail .top_visual .hgroup h2 {
        font-size: calc(100vw * (64 / 1919));
        
    }
    .product.detail .top_visual .hgroup .txt {
        margin-top: calc(100vw * (24 / 1919));
        font-size: calc(100vw * (28 / 1919));
    }
    .product.detail .top_visual .bg {
        width: calc(100vw * (630 / 1919));
        height: calc(100vw * (630 / 1919));
    }

    .product.detail .top_visual .btn_area {
        margin-top: calc(100vw * (60 / 1919));
    }
    .product.detail .top_visual .btn_area a {
        min-width: calc(100vw * (168 / 1919));
    }
}
@media (max-width: 1180px) {
    .product.detail .top_visual .bg {
        height: calc(100% - calc(100vw * (80 / 1180)));
    }

    .product.detail .inner {
        max-width: 100%;
        padding: 0 calc(100vw * (50 / 1180));
    }
    .product.detail .top_visual {
        height: calc(100vh - calc(100vw * (100 / 1180)));
        height: clamp(
            calc(100vw * (1200 / 1180)),
            calc(100dvh - calc(100vw * (100 / 1180))),
            calc(100vw * (1300 / 1180))
        );
    }
    .product.detail .top_visual > .inner {
        flex-direction: column;
        justify-content: flex-start;
        gap: calc(100vw * (80 / 1180));
        padding-top: calc(100vw * (120 / 1180));
        height: calc(100% - calc(100vw * (80 / 1180)));
    }
    .product.detail .top_visual .hgroup {
        width: 100%;
        padding: 0 calc(100vw * (50 / 1180));
    }
    .product.detail .top_visual .hgroup h2 {
        margin: 0 auto;
        text-align: center;
        font-size: calc(100vw * (60 / 1180));
        
    }
    .product.detail .top_visual .hgroup .txt {
        margin: calc(100vw * (24 / 1180)) auto 0;
        text-align: center;
        font-size: calc(100vw * (24 / 1180));
    }
    .product.detail .top_visual .bg {
        width: calc(100vw * (670 / 1180));
        height: calc(100vw * (670 / 1180));
    }
    .product.detail .top_visual .btn_area {
        text-align: center;
        margin-top: calc(100vw * (60 / 1180));
    }
    .product.detail .top_visual .btn_area a {
        min-width: calc(100vw * (168 / 1180));
    }
}
@media (max-width: 767px) {
    .product.detail .inner {
        padding: 0 calc(100vw * (40 / 767));
    }
    /* sena.co.kr: SENA 폰트로 제품명이 3줄이 되어 이미지와 겹치지 않도록 높이 1050~1080 → 1150~1180, 이미지 600 → 540 */
    .product.detail .top_visual {
        height: calc(100vh - calc(100vw * (120 / 767)));
        height: clamp(
            calc(100vw * (1150 / 767)),
            calc(100dvh - calc(100vw * (120 / 767))),
            calc(100vw * (1180 / 767))
        );
    }
    .product.detail .top_visual .inner {
        position: relative;
        display: block;
        height: calc(100% - calc(100vw * (120 / 767)));
    }
    .product.detail .top_visual .hgroup {
        position: absolute;
        top: calc(100vw * (120 / 767));
        left: 50%;
        transform: translateX(-50%);
        padding: 0 calc(100vw * (80 / 767));
        z-index: 1;
    }
    .product.detail .top_visual .hgroup h2 {
        width: calc(100vw * (590 / 767));
        font-size: calc(100vw * (50 / 767)); /* sena.co.kr: SENA 폰트 기준 54 → 50 (긴 단어가 칸 안에 들어가도록) */
        word-break: keep-all;
        overflow-wrap: normal;
        word-wrap: normal;
        hyphens: none;
    }
    .product.detail .top_visual .hgroup .txt {
        width: calc(100vw * (590 / 767));
        margin: calc(100vw * (24 / 767)) auto 0;
        font-size: calc(100vw * (36 / 767));
    }
    .product.detail .top_visual .bg {
        position: absolute;
        top: auto;
        left: 50%;
        bottom: calc(100vw * (80 / 767));
        transform: translateX(-50%);
        width: calc(100vw * (540 / 767));
        height: calc(100vw * (540 / 767));
    }
    /* brain 240709
    .product.detail .top_visual .btn_area {
        display: none;
    } */
}

.product.detail .scroll_menu {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(7.2 * var(--pv-rem));
    background: #202020;
}
.product.detail .scroll_menu .inner {
    display: block;
    height: 100%;
}
.product.detail .scroll_menu.fixed {
    position: fixed;
    top: 0;
    z-index: 11;
}
.product.detail .scroll_menu .scroll_list {
    overflow-x: auto;
    display: flex;
    gap: calc(4 * var(--pv-rem));
    white-space: nowrap;
}
.product.detail .scroll_menu .scroll_list::-webkit-scrollbar {
    display: none; 
}
.product.detail .scroll_menu .scroll_list li a {
    display: block;
    padding: calc(2.8 * var(--pv-rem)) 0;
    text-transform: uppercase;
    color: #fff;
    font-size: calc(1.6 * var(--pv-rem));
    font-weight: 700;
    transition: all .2s;
}
.product.detail .scroll_menu .scroll_list li.off a {
    opacity: .5;
}
.product.detail .scroll_menu .btn_buy {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.product.detail .scroll_menu .btn_buy.mo {
    display: none;
}

@media (max-width: 1919px) {
    .product.detail .scroll_menu {
        height: calc(100vw * (72 / 1919));
    }
    .product.detail .scroll_menu .scroll_list {
        gap: calc(100vw * (40 / 1919));
    }
    .product.detail .scroll_menu .scroll_list li a {
        padding: calc(100vw * (28 / 1919)) 0;
        font-size: calc(100vw * (16 / 1919));
    }
    
}
@media (max-width: 1180px) {
    .product.detail .scroll_menu {
        height: calc(100vw * (80 / 1180));
    }
    .product.detail .scroll_menu .scroll_list {
        gap: calc(100vw * (40 / 1180));
    }
    .product.detail .scroll_menu .scroll_list li a {
        padding: calc(100vw * (31 / 1180)) 0;
        font-size: calc(100vw * (18 / 1180));
    }
    .product.detail .scroll_menu .btn_buy {
        display: flex;
        right: calc(100vw * (50 / 1180));
    }
}
@media (max-width: 767px) {
    .product.detail .scroll_menu {
        height: calc(100vw * (120 / 767));
    }
    .product.detail .scroll_menu .scroll_list {
        gap: 0;
        margin-right: calc(100vw * (-40 / 767));
        padding-right: calc(100vw * (40 / 767));
    }
    .product.detail .scroll_menu .scroll_list li {
        padding: 0 calc(100vw * (16) / 767);
    }
    .product.detail .scroll_menu .scroll_list li:first-child {
        padding-left: 0;
    }
    .product.detail .scroll_menu .scroll_list li a {
        padding: calc(100vw * (46 / 767)) 0;
        font-size: calc(100vw * (28 / 767));
    }
    .product.detail .scroll_menu .btn_buy.pc {
        display: none;
    }
    .product.detail .scroll_menu .btn_buy.mo {
        position: fixed;
        top: auto;
        right: 16px;
        bottom: 90px;
        display: block;
        width: 60px;
        height: 60px;
        border-radius: calc(99 * var(--pv-rem));
        background: var(--point-color);
        opacity: 1;
        transform: translateY(0) rotate(.001deg);
        transition: all .2s;
    }

    .product.detail .scroll_menu .btn_buy.mo .btn_go {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        border: none;
        color: #fff;
        text-align: center;
        line-height: 60px;
        font-size: 16px;
    }

    :lang(fr-FR) .product.detail .scroll_menu .btn_buy.mo .btn_go,
:lang(de-DE) .product.detail .scroll_menu .btn_buy.mo .btn_go,
:lang(es-ES) .product.detail .scroll_menu .btn_buy.mo .btn_go,
:lang(it-IT) .product.detail .scroll_menu .btn_buy.mo .btn_go {
        font-size: 12px;
    }

    .product.detail .scroll_menu .btn_buy.mo.down {
        bottom: 20px;
    }
    .product.detail .scroll_menu .btn_buy.mo.defult {
        /* position: absolute; */
    }
    .product.detail .scroll_menu .btn_buy.mo.hidden {
        bottom: 20px;
        pointer-events: none;
        opacity: 0;
    }
}

/* detail > overview */
/* intro */
.product.detail .overview .intro {
    padding: calc(16 * var(--pv-rem)) 0 calc(20 * var(--pv-rem));
    background: #111;
}
.product.detail .overview .intro .inner {
    max-width: calc(calc(120 * var(--pv-rem)) + calc(16 * var(--pv-rem)));
}

.product.detail .overview .intro .hgroup {
    width: 100%;
    text-align: center;
}
.product.detail .overview .intro .hgroup h3 {
    color: #fff;
    line-height: 1.25;
    font-size: calc(4.8 * var(--pv-rem));
}
.product.detail .overview .intro .hgroup .txt {
    margin-top: calc(2.4 * var(--pv-rem));
    line-height: 1.6;
    color: #fff;
    font-size: calc(2 * var(--pv-rem));
    opacity: .7;
}
.product.detail .overview .intro .bg {
    margin-top: calc(10 * var(--pv-rem));
    height: calc(61.2 * var(--pv-rem));
}
.product.detail .overview .intro .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.product.detail .overview .intro .skill_list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(6.8 * var(--pv-rem)) 0;
    margin-top: calc(10 * var(--pv-rem));
}
.product.detail .overview .intro .skill_list li {
    position: relative;
    width: calc(100% / 4); /* sena.co.kr: 한 줄 3개 → 4개 */
    display: flex;
    flex-direction: column;
    align-items: center;
}
.product.detail .overview .intro .skill_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(2.6 * var(--pv-rem));
    width: calc(.2 * var(--pv-rem));
    height: calc(8 * var(--pv-rem));
    background: #444;
}
.product.detail .overview .intro .skill_list li:nth-child(4n + 1):before {
    display: none;
}
.product.detail .overview .intro .skill_list .ico {
    width: auto;
    height: calc(6.8 * var(--pv-rem)); /* 68 고정. 128px 업로드 시 축소 표시(고해상도) */
    margin: 0 auto;
}
.product.detail .overview .intro .skill_list .ico img {
    width: auto;
    height: 100%;
}
.product.detail .overview .intro .skill_list .title {
    display: block;
    margin: calc(2 * var(--pv-rem)) auto 0;
    width: 100%;
    padding: 0 calc(1 * var(--pv-rem));
    text-align: center;
    color: #fff;
    line-height: 1.25;
    font-size: calc(1.8 * var(--pv-rem));
}

@media (max-width: 1919px) {
    .product.detail .overview .intro {
        padding: calc(100vw * (160 / 1919)) 0 calc(100vw * (200 / 1919));
    }
    .product.detail .overview .intro .inner {
        max-width: calc(calc(100vw * (1200 / 1919)) + calc(100vw * (160 / 1919)));
    }
    
    .product.detail .overview .intro .hgroup h3 {
        font-size: calc(100vw * (48 / 1919));
    }
    .product.detail .overview .intro .hgroup .txt {
        margin-top: calc(100vw * (24 / 1919));
        font-size: calc(100vw * (20 / 1919));
    }
    .product.detail .overview .intro .bg {
        margin-top: calc(100vw * (100 / 1919));
        height: calc(100vw * (612 / 1919));
    }
    .product.detail .overview .intro .skill_list {
        gap: calc(100vw * (68 / 1919)) 0;
        margin-top: calc(100vw * (100 / 1919));
    }
    .product.detail .overview .intro .skill_list li::before {
        top: calc(100vw * (26 / 1919));
        width: calc(100vw * (2 / 1919));
        height: calc(100vw * (80 / 1919));
    }
    .product.detail .overview .intro .skill_list .ico {
        width: auto;
        height: calc(100vw * (68 / 1919));
    }
    .product.detail .overview .intro .skill_list .title {
        margin: calc(100vw * (20 / 1919)) auto 0;
        font-size: calc(100vw * (18 / 1919));
    }
}
@media (max-width: 1180px) {
    .product.detail .overview .intro {
        padding: calc(100vw * (160 / 1180)) 0;
    }
    .product.detail .overview .intro .inner {
        max-width: 100%;
    }

    .product.detail .overview .intro .hgroup h3 {
        font-size: calc(100vw * (48 / 1180));
    }
    .product.detail .overview .intro .hgroup .txt {
        margin-top: calc(100vw * (24 / 1180));
        font-size: calc(100vw * (22 / 1180));
    }
    .product.detail .overview .intro .bg {
        margin-top: calc(100vw * (100 / 1180));
        height: calc(100vw * (612 / 1180));
    }
    .product.detail .overview .intro .skill_list {
        gap: calc(100vw * (68 / 1180)) 0;
        margin-top: calc(100vw * (100 / 1180));
    }
    .product.detail .overview .intro .skill_list li::before {
        top: calc(100vw * (49 / 1180));
        width: calc(100vw * (2 / 1180));
        height: calc(100vw * (80 / 1180));
    }
    .product.detail .overview .intro .skill_list .ico {
        width: auto;
        height: calc(100vw * (68 / 1180));
    }
    .product.detail .overview .intro .skill_list .title {
        margin: calc(100vw * (20 / 1180)) auto 0;
        font-size: calc(100vw * (22 / 1180));
    }

}
@media (max-width: 767px) {
    .product.detail .overview .intro {
        padding: calc(100vw * (160 / 767)) 0;
    }
    
    .product.detail .overview .intro .hgroup h3 {
        font-size: calc(100vw * (60 / 767));
    }
    .product.detail .overview .intro .hgroup .txt {
        margin-top: calc(100vw * (24 / 767));
        font-size: calc(100vw * (36 / 767));
    }
    .product.detail .overview .intro .bg {
        margin-top: calc(100vw * (100 / 767));
        height: calc(100vw * (545 / 767));
    }
    .product.detail .overview .intro .skill_list {
        flex-direction: column;
        gap: calc(100vw * (60 / 767)) 0;
        margin-top: calc(100vw * (100 / 767));
    }
    .product.detail .overview .intro .skill_list li {
        display: flex;
        flex-direction: row;
        gap: calc(100vw * (40 / 767));
        align-items: center;
        width: 100%;
    }
    .product.detail .overview .intro .skill_list li::before {
        display: none;
    }
    .product.detail .overview .intro .skill_list .ico {
        width: calc(100vw * (100 / 767));
        height: calc(100vw * (100 / 767));
        margin: 0;
    }
    .product.detail .overview .intro .skill_list .title {
        width: calc(100% - calc(100vw * (100 / 767)));
        margin: 0;
        padding: 0;
        text-align: left;
        font-size: calc(100vw * (36 / 767));
    }
}

/* post */
.product.detail .overview .post {
    padding: calc(20 * var(--pv-rem)) 0;
}
.product.detail .overview .post .inner {
    max-width: calc(calc(144 * var(--pv-rem)) + calc(16 * var(--pv-rem)));
}
.product.detail .overview .post .post_list li {
    display: flex;
    align-items: center; /* sena.co.kr: 이미지 기준 본문 세로 중앙 정렬 */
    gap: calc(10 * var(--pv-rem));
    margin-top: calc(10 * var(--pv-rem));
}
.product.detail .overview .post .post_list li:first-child {
    margin-top: 0;
}
.product.detail .overview .post .post_list .bg {
    width: calc(67 * var(--pv-rem));
}
.product.detail .overview .post .post_list .bg img {
    width: 100%;
}
.product.detail .overview .post .post_list .content {
    width: calc(67 * var(--pv-rem));
}
.product.detail .overview .post .post_list .content h4 {
    line-height: 1.24;
    font-size: calc(3.6 * var(--pv-rem));
}
.product.detail .overview .post .post_list .content h4 + .txt {
    margin-top: calc(2.8 * var(--pv-rem));
}
.product.detail .overview .post .post_list .content .txt {
    margin-top: calc(2 * var(--pv-rem));
    color: #000;
    line-height: 1.6;
    font-size: calc(2 * var(--pv-rem));
    opacity: .7;
}

.product.detail .overview .post .post_list li:nth-child(2n) .bg {
    order: 2;
}
.product.detail .overview .post .post_list li:nth-child(2n) .content {
    order: 1;
}

/* brain 250905 */
.product.detail .overview.grid.full .post {
    padding: 0;
}
.product.detail .overview.grid.full .post .inner {
    max-width: 100%;
    padding: 0;
}
.product.detail .overview.grid.full .post .post_list li {
    align-items: stretch; /* 텍스트 박스 배경이 이미지 높이를 채워야 함 */
    margin-top: 0;
    gap: 0;
}
.product.detail .overview.grid.full .post .post_list li.left .content {
    order: 1;
}
.product.detail .overview.grid.full .post .post_list li.left .bg {
    order: 2;
}
.product.detail .overview.grid.full .post .post_list li.right .content {
    order: 2;
}
.product.detail .overview.grid.full .post .post_list li.right .bg {
    order: 1;
}

/* .product.detail .overview.grid.full .post .post_list li.left {
    justify-content: flex-start;
}
.product.detail .overview.grid.full .post .post_list li.right {
    justify-content: flex-end;
} */

.product.detail .overview.grid.full .post .post_list .bg {
    width: 100%;
}
.product.detail .overview.grid.full .post .post_list .content {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.product.detail .overview.grid.full .post .post_list .content .hgroup {
    width: calc(60 * var(--pv-rem));
}
/* end */

@media (max-width: 1919px) {
    .product.detail .overview .post {
        padding: calc(100vw * (200 / 1919)) 0;
    }
    .product.detail .overview .post .inner {
        max-width: calc(calc(100vw * (1440 / 1919)) + calc(100vw * (160 / 1919)));
    }
    .product.detail .overview .post .post_list li {
        gap: calc(100vw * (100 / 1919));
        margin-top: calc(100vw * (100 / 1919));
    }
    .product.detail .overview .post .post_list .bg {
        width: calc(100vw * (670 / 1919));
    }
    .product.detail .overview .post .post_list .content {
        width: calc(100vw * (670 / 1919));
    }
    .product.detail .overview .post .post_list .content h4 {
        font-size: calc(100vw * (36 / 1919));
    }
    .product.detail .overview .post .post_list .content h4 + .txt {
        margin-top: calc(100vw * (28 / 1919));
    }
    .product.detail .overview .post .post_list .content .txt {
        margin-top: calc(100vw * (20 / 1919));
        font-size: calc(100vw * (20 / 1919));
    }

    /* brain 250905 */
    .product.detail .overview.grid.full .post .post_list .content .hgroup {
        width: calc(100vw * (600 / 1919));
    }
    
}
@media (max-width: 1180px) {
    .product.detail .overview .post {
        padding: calc(100vw * (160 / 1180)) 0;
    }
    .product.detail .overview .post .inner {
        max-width: 100%;
    }
    .product.detail .overview .post .post_list li {
        gap: calc(100vw * (60 / 1180));
        margin-top: calc(100vw * (100 / 1180));
    }
    .product.detail .overview .post .post_list .bg {
        width: calc(100vw * (510 / 1180));
    }
    .product.detail .overview .post .post_list .content {
        width: calc(100vw * (510 / 1180));
    }
    .product.detail .overview .post .post_list .content h4 {
        font-size: calc(100vw * (36 / 1180));
    }
    .product.detail .overview .post .post_list .content h4 + .txt {
        margin-top: calc(100vw * (28 / 1180));
    }
    .product.detail .overview .post .post_list .content .txt {
        margin-top: calc(100vw * (20 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }

    /* brain 250905 */
    .product.detail .overview.grid.full .post .post_list .content .hgroup {
        width: calc(100vw * (500 / 1180));
    }
}
@media (max-width: 767px) {
    .product.detail .overview .post {
        padding: calc(100vw * (160 / 767)) 0;
    }
    .product.detail .overview .post .post_list li {
        flex-direction: column;
        gap: calc(100vw * (67 / 767));
        margin-top: calc(100vw * (100 / 767));
    }
    .product.detail .overview .post .post_list .bg {
        width: 100%;
    }
    .product.detail .overview .post .post_list .content {
        width: 100%;
    }
    .product.detail .overview .post .post_list .content h4 {
        font-size: calc(100vw * (52 / 767));
    }
    .product.detail .overview .post .post_list .content h4 + .txt {
        margin-top: calc(100vw * (28 / 767));
    }
    .product.detail .overview .post .post_list .content .txt {
        margin-top: calc(100vw * (20 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .product.detail .overview .post .post_list li:nth-child(2n) .bg {
        order: 1;
    }
    .product.detail .overview .post .post_list li:nth-child(2n) .content {
        order: 2;
    }

    /* brain 250905 */
    .product.detail .overview.grid.full .post .post_list .content {
        padding: calc(100vw * (160 / 767)) calc(100vw * (40 / 767));
    }
    .product.detail .overview.grid.full .post .post_list .content .hgroup {
        width: calc(100vw * (590 / 767));
    }
    .product.detail .overview.grid.full .post .post_list li.left .content {
        order: 2;
    }
    .product.detail .overview.grid.full .post .post_list li.left .bg {
        order: 1;
    }
}

/* video */
.product.detail .overview .video {
    position: relative;
    width: 100%;
	/* height: calc(108 * var(--pv-rem)); */
    height: 100%;
    background: transparent;
    line-height: 0;
}
/* .product.detail .overview .video > .video-js {
    background: transparent;
} */
.product.detail .overview .video video {
    position: relative;
    /* position: absolute; */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.product.detail .overview .visual {

}
.product.detail .overview .visual img {
    width: 100%;
}

@media (max-width: 1919px) {
    .product.detail .overview .video {
        /* height: calc(100vw * (1080 / 1919)); */
        height: 100%;
    }
}
@media (max-width: 1180px) {
    .product.detail .overview .video {
        /* height: calc(100vw * (600 / 1180)); */
        height: 100%;
    }
}
@media (max-width: 767px) {
    .product.detail .overview .video {
        /* height: calc(100vw * (750 / 767)); */
        height: 100%;
    }
}

/*record */
.product.detail .overview .record {
    padding: calc(20 * var(--pv-rem)) 0;
    background: #111;
}

.product.detail .overview .record .inner {
    max-width: calc(calc(144 * var(--pv-rem)) + calc(16 * var(--pv-rem)));
}
.product.detail .overview .record .hgroup h4 {
    color: #fff;
    text-align: center;
    line-height: 1.25;
    font-size: calc(3.6 * var(--pv-rem));
    /* text-transform: uppercase; */
    margin-bottom: calc(10 * var(--pv-rem));
}
.product.detail .overview .record .tab_wrap.type01 li {
    width: 100%;
}
.product.detail .overview .record .tab_wrap.type02 li {
    width: calc(100% / 2);
}
.product.detail .overview .record .tab_wrap.type03 li {
    width: calc(100% / 3);
}
.product.detail .overview .record .tab_wrap.type04 li {
    width: calc(100% / 4);
}
.product.detail .overview .record .tab_wrap.type05 li {
    width: calc(100% / 5);
}

.product.detail .overview .record .tab_list {
    gap: calc(2.4 * var(--pv-rem));
    align-items: end;
}
.product.detail .overview .record .tab_list li {
    position: relative;
    height: 100%;
    white-space: normal;
}
.product.detail .overview .record .tab_list li a {
    display: block;
    padding: 0 calc(2.8 * var(--pv-rem)) calc(2.8 * var(--pv-rem));
    text-align: center;
    line-height: 1.25;
    color: #666;
    font-size: calc(2 * var(--pv-rem));
}
.product.detail .overview .record .tab_list li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #666;
}

.product.detail .overview .record .tab_list li.on a {
    color: #fff;
}
.product.detail .overview .record .tab_list li.on a::before {
    background: #fff;
}

.product.detail .overview .record .tab_content .explain_list {
    margin-top: calc(6.8 * var(--pv-rem));
}

.product.detail .overview .record .tab_content .explain_list li {
    display: flex;
    gap: calc(10 * var(--pv-rem));
    margin-top: calc(10 * var(--pv-rem));
}
.product.detail .overview .record .tab_content .explain_list li:first-child {
    margin-top: 0;
}
.product.detail .overview .record .tab_content .explain_list .bg {
    order: 2;
    width: calc(67 * var(--pv-rem));
}
.product.detail .overview .record .tab_content .explain_list .bg img {
    width: 100%;

}
.product.detail .overview .record .tab_content .explain_list .content {
    order: 1;
    width: calc(67 * var(--pv-rem));
    height: calc(50 * var(--pv-rem));
}
.product.detail .overview .record .tab_content .explain_list .content h4 {
    line-height: 1.24;
    color: #fff;
    font-size: calc(3.6 * var(--pv-rem));
}
.product.detail .overview .record .tab_content .explain_list .content h4 + .txt {
    margin-top: calc(2.8 * var(--pv-rem));
}
.product.detail .overview .record .tab_content .explain_list .content .txt {
    margin-top: calc(1.2 * var(--pv-rem));
    color: #fff;
    line-height: 1.6;
    font-size: calc(2 * var(--pv-rem));
    opacity: .7;
}
.product.detail .overview .record .tab_content .explain_list .content .txt a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}
.product.detail .overview .record .tab_content .explain_list .content .btn_area {
    margin-top: calc(2.8 * var(--pv-rem));
}

@media (max-width: 1919px) {
    .product.detail .overview .record {
        padding: calc(100vw * (200 / 1919)) 0;
    }
    
    .product.detail .overview .record .inner {
        max-width: calc(calc(100vw * (1440 / 1919)) + calc(100vw * (160 / 1919)));
    }
    .product.detail .overview .record .hgroup h4 {
        font-size: calc(100vw * (36 / 1919));
        margin-bottom: calc(100vw * (100 / 1919));
    }
    
    .product.detail .overview .record .tab_list {
        gap: calc(100vw * (24 / 1919));
    }
    .product.detail .overview .record .tab_list li a {
        padding: 0 calc(100vw * (28 / 1919)) calc(100vw * (28 / 1919));
        font-size: calc(100vw * (20 / 1919));
    }
    .product.detail .overview .record .tab_list li a::before {
        height: calc(100vw * (2 / 1919));
    }
    
    .product.detail .overview .record .tab_content .explain_list {
        margin-top: calc(100vw * (68 / 1919));
    }
    .product.detail .overview .record .tab_content .explain_list li {
        gap: calc(100vw * (100 / 1919));
        margin-top: calc(100vw * (100 / 1919));
    }
    .product.detail .overview .record .tab_content .explain_list .bg {
        width: calc(100vw * (670 / 1919));
    }
    .product.detail .overview .record .tab_content .explain_list .content {
        width: calc(100vw * (670 / 1919));
        height: calc(100vw * (500 / 1919));
    }
    .product.detail .overview .record .tab_content .explain_list .content h4 {
        font-size: calc(100vw * (36 / 1919));
    }
    .product.detail .overview .record .tab_content .explain_list .content h4 + .txt {
        margin-top: calc(100vw * (28 / 1919));
    }
    .product.detail .overview .record .tab_content .explain_list .content .txt {
        margin-top: calc(100vw * (12 / 1919));
        font-size: calc(100vw * (20 / 1919));
    }
    .product.detail .overview .record .tab_content .explain_list .content .txt a {
        text-underline-offset: calc(100vw * (3 / 1919));
    }
    .product.detail .overview .record .tab_content .explain_list .content .btn_area {
        margin-top: calc(100vw * (28 / 1919));
    }
}
@media (max-width: 1180px) {
    .product.detail .overview .record {
        padding: calc(100vw * (160 / 1180)) 0;
    }
    
    .product.detail .overview .record .inner {
        max-width: 100%;
    }
    .product.detail .overview .record .hgroup h4 {
        font-size: calc(100vw * (36 / 1180));
        margin-bottom: calc(100vw * (100 / 1180));
    }
    
    .product.detail .overview .record .tab_list {
        gap: calc(100vw * (24 / 1180));
    }
    .product.detail .overview .record .tab_list li a {
        padding: 0 calc(100vw * (28 / 1180)) calc(100vw * (28 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    .product.detail .overview .record .tab_list li a::before {
        height: calc(100vw * (2 / 1180));
    }
    
    .product.detail .overview .record .tab_content .explain_list {
        margin-top: calc(100vw * (68 / 1180));
    }
    .product.detail .overview .record .tab_content .explain_list li {
        gap: calc(100vw * (60 / 1180));
        margin-top: calc(100vw * (100 / 1180));
    }
    .product.detail .overview .record .tab_content .explain_list .bg {
        width: calc(100vw * (670 / 1180));
    }
    .product.detail .overview .record .tab_content .explain_list .content {
        width: calc(100vw * (670 / 1180));
        height: calc(100vw * (800 / 1180));
    }
    .product.detail .overview .record .tab_content .explain_list .content h4 {
        font-size: calc(100vw * (36 / 1180));
    }
    .product.detail .overview .record .tab_content .explain_list .content h4 + .txt {
        margin-top: calc(100vw * (28 / 1180));
    }
    .product.detail .overview .record .tab_content .explain_list .content .txt {
        margin-top: calc(100vw * (12 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    .product.detail .overview .record .tab_content .explain_list .content .txt a {
        text-underline-offset: calc(100vw * (3 / 1180));
    }
    .product.detail .overview .record .tab_content .explain_list .content .btn_area {
        margin-top: calc(100vw * (28 / 1180));
    }
}
@media (max-width: 767px) {
    .product.detail .overview .record {
        padding: calc(100vw * (160 / 767)) 0;
    }
    .product.detail .overview .record .hgroup h4 {
        font-size: calc(100vw*(52 / 767));
        /* font-size: calc(6.77966vw); */
        margin-bottom: calc(100vw * (100 / 767));
    }
    .product.detail .overview .record .tab_wrap {
        margin-right: calc(100vw * (-40 / 767));
        padding-right: calc(100vw * (40 / 767));
    }
    .product.detail .overview .record .tab_wrap.type01 {
        margin: 0;
        padding: 0;
    }
    .product.detail .overview .record .tab_wrap.type02 .tab_list,
.product.detail .overview .record .tab_wrap.type03 .tab_list,
.product.detail .overview .record .tab_wrap.type04 .tab_list,
.product.detail .overview .record .tab_wrap.type05 .tab_list {
        display: inline-flex;
    }
    .product.detail .overview .record .tab_list {
        gap: calc(100vw * (24 / 767));
    }
    .product.detail .overview .record .tab_wrap.type01 li {
        width: 100%;
    }
    .product.detail .overview .record .tab_wrap.type02 li,
.product.detail .overview .record .tab_wrap.type03 li,
.product.detail .overview .record .tab_wrap.type04 li,
.product.detail .overview .record .tab_wrap.type05 li {
        width: calc(100vw * (400 / 767));
    }
    .product.detail .overview .record .tab_list li a {
        padding: 0 calc(100vw * (28 / 767)) calc(100vw * (28 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .product.detail .overview .record .tab_list li a::before {
        height: calc(100vw * (2 / 767));
    }
    
    .product.detail .overview .record .tab_content .explain_list {
        margin-top: calc(100vw * (68 / 767));
    }
    .product.detail .overview .record .tab_content .explain_list li {
        flex-direction: column;
        gap: calc(100vw * (68 / 767));
        margin-top: calc(100vw * (100 / 767));
    }
    .product.detail .overview .record .tab_content .explain_list .bg {
        order: 1;
        width: 100%;
    }
    .product.detail .overview .record .tab_content .explain_list .content {
        order: 2;
        width: 100%;
        height: 100%;
    }
    .product.detail .overview .record .tab_content .explain_list .content h4 {
        font-size: calc(100vw * (52 / 767));
    }
    .product.detail .overview .record .tab_content .explain_list .content h4 + .txt {
        margin-top: calc(100vw * (28 / 767));
    }
    .product.detail .overview .record .tab_content .explain_list .content .txt {
        margin-top: calc(100vw * (12 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .product.detail .overview .record .tab_content .explain_list .content .txt a {
        text-underline-offset: calc(100vw * (3 / 767));
    }
    .product.detail .overview .record .tab_content .explain_list .content .btn_area {
        margin-top: calc(100vw * (28 / 767));
    }
}

/* app */
.product.detail .overview .app {
    position: relative;
}
.product.detail .overview .app::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #202020;
    z-index: -1;
}
.product.detail .overview .app::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #eaeaea;
    z-index: -1;
}
.product.detail .overview .app .inner {
    display: flex;
    max-width: calc(calc(192 * var(--pv-rem)) + calc(16 * var(--pv-rem)));
}
.product.detail .overview .app .bg {
    display: flex;
    align-items: center;
    width: 50%; 
    height: auto;
    background: #202020;
}
.product.detail .overview .app .bg img {
    width: 100%;
}
.product.detail .overview .app .content {
    width: 50%;
    padding: calc(14.7 * var(--pv-rem)) calc(24 * var(--pv-rem)) calc(14.7 * var(--pv-rem)) calc(12 * var(--pv-rem));
}
.product.detail .overview .app .content .qr {
    width: calc(8 * var(--pv-rem));
    height: calc(8 * var(--pv-rem));
}
.product.detail .overview .app .content .qr img {
    width: 100%;
    height: 100%;
}
.product.detail .overview .app .content h4 {
    margin-top: calc(2.8 * var(--pv-rem));
    line-height: 1.25;
    font-size: calc(3.6 * var(--pv-rem));

}
.product.detail .overview .app .content .txt {
    margin-top: calc(2.8 * var(--pv-rem));
    line-height: 1.6;
    font-size: calc(2 * var(--pv-rem));
    opacity: .7;
}
.product.detail .overview .app .content .btn_area {
    display: flex;
    gap: calc(1.2 * var(--pv-rem));
    margin-top: calc(6 * var(--pv-rem));
}
.product.detail .overview .app .content .btn_area a {
    display: block;
    width: calc(16.8 * var(--pv-rem));
    padding: calc(1 * var(--pv-rem)) calc(2 * var(--pv-rem));
    border: 1px solid #D9D9D9;
    border-radius: calc(99 * var(--pv-rem));
    background: #fff;
}
.product.detail .overview .app .content .btn_area a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
@media (max-width: 1919px) {
    .product.detail .overview .app .inner {
        max-width: calc(calc(100vw * (1920 / 1919)) + calc(100vw * (160 / 1919)));
    }
    .product.detail .overview .app .content {
        padding: calc(100vw * (147 / 1919)) calc(100vw * (240 / 1919)) calc(100vw * (147 / 1919)) calc(100vw * (120 / 1919));
    }
    .product.detail .overview .app .content .qr {
        width: calc(100vw * (80 / 1919));
        height: calc(100vw * (80 / 1919));
    }
    .product.detail .overview .app .content h4 {
        margin-top: calc(100vw * (28 / 1919));
        font-size: calc(100vw * (36 / 1919));
    
    }
    .product.detail .overview .app .content .txt {
        margin-top: calc(100vw * (28 / 1919));
        font-size: calc(100vw * (20 / 1919));
    }
    .product.detail .overview .app .content .btn_area {
        gap: calc(100vw * (12 / 1919));
        margin-top: calc(100vw * (60 / 1919));
    }
    .product.detail .overview .app .content .btn_area a {
        width: calc(100vw * (168 / 1919));
        padding: calc(100vw * (10 / 1919)) calc(100vw * (20 / 1919));
    }
}
@media (max-width: 1180px) {
    .product.detail .overview .app .inner {
        max-width: 100%;
        padding: 0;
    }
    .product.detail .overview .app .content {
        padding: calc(100vw * (62 / 1180)) calc(100vw * (50 / 1180)) calc(100vw * (63 / 1180)) calc(100vw * (45 / 1180));
    }
    .product.detail .overview .app .content .qr {
        width: calc(100vw * (80 / 1180));
        height: calc(100vw * (80 / 1180));
    }
    .product.detail .overview .app .content h4 {
        margin-top: calc(100vw * (28 / 1180));
        font-size: calc(100vw * (36 / 1180));
    
    }
    .product.detail .overview .app .content .txt {
        margin-top: calc(100vw * (28 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    .product.detail .overview .app .content .btn_area {
        gap: calc(100vw * (12 / 1180));
        margin-top: calc(100vw * (60 / 1180));
    }
    .product.detail .overview .app .content .btn_area a {
        width: calc(100vw * (168 / 1180));
        padding: calc(100vw * (10 / 1180)) calc(100vw * (20 / 1180));
    }
}
@media (max-width: 767px) {
    .product.detail .overview .app::before {
        display: none;
    }
    .product.detail .overview .app::after {
        display: none;
    }
    .product.detail .overview .app .inner {
        flex-direction: column;
    }
    .product.detail .overview .app .bg {
        display: block;
        width: 100%;
    }
    .product.detail .overview .app .content {
        width: 100%;
        padding: calc(100vw * (68 / 767)) calc(100vw * (40 / 767)) calc(100vw * (160 / 767));
    }
    .product.detail .overview .app .content .qr {
        display: none;
    }
    .product.detail .overview .app .content h4 {
        margin-top: 0;
        font-size: calc(100vw * (52 / 767));
    
    }
    .product.detail .overview .app .content .txt {
        margin-top: calc(100vw * (28 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .product.detail .overview .app .content .btn_area {
        gap: calc(100vw * (20 / 767));
        margin-top: calc(100vw * (60 / 767));
    }
    .product.detail .overview .app .content .btn_area a {
        width: calc(100vw * (270 / 767));
        padding: calc(100vw * (16 / 767)) calc(100vw * (33 / 767));
    }
}

/* type */
.product.detail .overview .type {
    padding: calc(20 * var(--pv-rem)) 0;
    background: #F3F3F3;
}
.product.detail .overview .type .hgroup {
    width: calc(120 * var(--pv-rem));
    margin: 0 auto;
    text-align: center;
}
.product.detail .overview .type .hgroup h4 {
    line-height: 1.25;
    font-size: calc(3.6 * var(--pv-rem));
}
.product.detail .overview .type .hgroup .txt {
    margin-top: calc(2.8 * var(--pv-rem));
    line-height: 1.6;
    font-size: calc(2 * var(--pv-rem));
    opacity: .7;
}

@media (max-width: 1919px) {
    .product.detail .overview .type {
        padding: calc(100vw * (200 / 1919)) 0;
    }
    .product.detail .overview .type .hgroup {
        width: calc(100vw * (1200 / 1919));
    }
    .product.detail .overview .type .hgroup h4 {
        font-size: calc(100vw * (36 / 1919));
    }
    .product.detail .overview .type .hgroup .txt {
        margin-top: calc(100vw * (28 / 1919));
        font-size: calc(100vw * (20 / 1919));
    }
}
@media (max-width: 1180px) {
    .product.detail .overview .type {
        padding: calc(100vw * (160 / 1180)) 0;
    }
    .product.detail .overview .type .hgroup {
        width: 100%;
    }
    .product.detail .overview .type .hgroup h4 {
        font-size: calc(100vw * (36 / 1180));
    }
    .product.detail .overview .type .hgroup .txt {
        margin-top: calc(100vw * (28 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
}
@media (max-width: 767px) {
    .product.detail .overview .type {
        padding: calc(100vw * (160 / 767)) 0;
    }
    .product.detail .overview .type .hgroup h4 {
        font-size: calc(100vw * (52 / 767));
    }
    .product.detail .overview .type .hgroup .txt {
        margin-top: calc(100vw * (28 / 767));
        font-size: calc(100vw * (32 / 767));
    }
}

/* 상품 상세 슬라이드 공통 */
.product.detail .overview .swiper_product {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: calc(4 * var(--pv-rem));
    padding: 0 calc(12 * var(--pv-rem));
}
.product.detail .overview .swiper_product .swiper-slide {
    width: calc(30 * var(--pv-rem));
}
.product.detail .overview .swiper_product .swiper-slide .thumb {
    position: relative;
    width: calc(28.8 * var(--pv-rem));
    margin: 0 auto;
}

.product.detail .overview .swiper_product .bg {
    overflow: hidden;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.product.detail .overview .swiper_product .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.product.detail .overview .swiper_product .title {
    display: block;
    margin: calc(2.4 * var(--pv-rem)) calc(2 * var(--pv-rem)) 0;
    text-align: center;
    line-height: 1.25;
    font-size: calc(2 * var(--pv-rem));
}

.product.detail .overview .swiper_product .swiper-button-prev {
    top: calc(12 * var(--pv-rem));
    width: calc(4.8 * var(--pv-rem));
    height: calc(4.8 * var(--pv-rem));
    margin-top: 0;
    outline: none;
}
.product.detail .overview .swiper_product .swiper-button-next {
    top: calc(12 * var(--pv-rem));
    width: calc(4.8 * var(--pv-rem));
    height: calc(4.8 * var(--pv-rem));
    margin-top: 0;
    outline: none;
}
.product.detail .overview .swiper_product .swiper-button-prev::after {
    width: 100%;
    height: 100%;
    background: url("../images/product/ico_arrow_prev.svg") no-repeat left top / 100% 100%;
    transition: all .2s;
}
.product.detail .overview .swiper_product .swiper-button-next::after {
    width: 100%;
    height: 100%;
    background: url("../images/product/ico_arrow_next.svg") no-repeat left top / 100% 100%;
    transition: all .2s;
}

.product.detail .overview .swiper_product .swiper-pagination {
    display: none;
}

.product.detail .overview .thumb_list {
    display: flex;
    justify-content: center;
}
.product.detail .overview .thumb_list .thumb {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    width: calc(28.8 * var(--pv-rem));
    margin: 0 auto;
}
.product.detail .overview .thumb_list .bg {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.product.detail .overview .thumb_list .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.product.detail .overview .thumb_list .title {
    display: block;
    margin: calc(2.4 * var(--pv-rem)) calc(2 * var(--pv-rem)) 0;
    text-align: center;
    line-height: 1.25;
    font-size: calc(2 * var(--pv-rem));
}

@media (max-width: 1919px) {
    .product.detail .overview .swiper_product {
        margin-top: calc(100vw * (40 / 1919));
        padding: 0 calc(100vw * (120 / 1919));
    }
    .product.detail .overview .swiper_product .swiper-slide {
        width: calc(100vw * (300 / 1919));
    }
    .product.detail .overview .swiper_product .swiper-slide .thumb {
        width: calc(100vw * (288 / 1919));
    }
    .product.detail .overview .swiper_product .title {
        margin: calc(100vw * (24 / 1919)) calc(100vw * (20 / 1919)) 0;
        font-size: calc(100vw * (20 / 1919));
    }
    
    .product.detail .overview .swiper_product .swiper-button-prev {
        top: calc(100vw * (120 / 1919));
        width: calc(100vw * (48 / 1919));
        height: calc(100vw * (48 / 1919));
    }
    .product.detail .overview .swiper_product .swiper-button-next {
        top: calc(100vw * (120 / 1919));
        width: calc(100vw * (48 / 1919));
        height: calc(100vw * (48 / 1919));
    }
    
    .product.detail .overview .thumb_list .thumb {
        width: calc(100vw * (288 / 1919));
    }
    
    .product.detail .overview .thumb_list .title {
        margin: calc(100vw * (24 / 1919)) calc(100vw * (20 / 1919)) 0;
        font-size: calc(100vw * (20 / 1919));
    }
}
@media (max-width: 1180px) {
    .product.detail .overview .swiper_product {
        margin-top: calc(100vw * (40 / 1180));
        padding: 0 calc(100vw * (92 / 1180));
    }
    .product.detail .overview .swiper_product .swiper-slide {
        width: calc(100vw * (300 / 1180));
    }
    .product.detail .overview .swiper_product .swiper-slide .thumb {
        width: calc(100vw * (288 / 1180));
    }
    .product.detail .overview .swiper_product .title {
        margin: calc(100vw * (24 / 1180)) calc(100vw * (20 / 1180)) 0;
        font-size: calc(100vw * (22 / 1180));
    }
    
    .product.detail .overview .swiper_product .swiper-button-prev {
        top: calc(100vw * (120 / 1180));
        width: calc(100vw * (48 / 1180));
        height: calc(100vw * (48 / 1180));
    }
    .product.detail .overview .swiper_product .swiper-button-next {
        top: calc(100vw * (120 / 1180));
        width: calc(100vw * (48 / 1180));
        height: calc(100vw * (48 / 1180));
    }

    .product.detail .overview .swiper_product .title {
        margin: calc(100vw * (24 / 1180)) calc(100vw * (20 / 1180)) 0;
        font-size: calc(100vw * (22 / 1180));
    }
    
    .product.detail .overview .swiper_product .swiper_prev {
        width: calc(100vw * (92 / 1180));
    }
    .product.detail .overview .swiper_product .swiper_next {
        width: calc(100vw * (92 / 1180));
    }
    .product.detail .overview .swiper_product .swiper-button-prev {
        width: calc(100vw * (48 / 1180));
        height: calc(100vw * (48 / 1180));
        top: calc(100vw * (120 / 1180));
    }
    .product.detail .overview .swiper_product .swiper-button-next {
        width: calc(100vw * (48 / 1180));
        height: calc(100vw * (48 / 1180));
        top: calc(100vw * (120 / 1180));
    }

    .product.detail .overview .thumb_list .thumb {
        width: calc(100vw * (288 / 1180));
    }
    
    .product.detail .overview .thumb_list .title {
        margin: calc(100vw * (24 / 1180)) calc(100vw * (20 / 1180)) 0;
        font-size: calc(100vw * (22 / 1180));
    }
}
@media (max-width: 767px) {
    .product.detail .overview .swiper_product {
        margin-top: calc(100vw * (40 / 767));
        padding: 0 calc(100vw * (115 / 767));
    }
    .product.detail .overview .swiper_product .swiper-slide {
        width: 100%;
    }
    .product.detail .overview .swiper_product .swiper-slide .thumb {
        width: calc(100vw * (440 / 767));
    }
    .product.detail .overview .swiper_product .swiper-button-prev {
        top: calc(100vw * (170 / 767));
        width: calc(100vw * (96 / 767));
        height: calc(100vw * (96 / 767));
    }
    .product.detail .overview .swiper_product .swiper-button-prev::after {
        background-image: url("../images/product/ico_arrow_prev_m.svg");
    }
    .product.detail .overview .swiper_product .swiper-button-next {
        top: calc(100vw * (170 / 767));
        width: calc(100vw * (96 / 767));
        height: calc(100vw * (96 / 767));
    }
    .product.detail .overview .swiper_product .swiper-button-next::after {
        background-image: url("../images/product/ico_arrow_next_m.svg");
    }
    .product.detail .overview .swiper_product .title {
        margin: calc(100vw * (24 / 767)) calc(100vw * (20 / 767)) calc(100vw * (80 / 767));
        font-size: calc(100vw * (36 / 767));
    }
    .product.detail .overview .swiper_product .swiper-pagination {
        display: flex;
        justify-content: center;
        bottom: 0;
    }
    .product.detail .overview .swiper_product .swiper-pagination .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
        margin: 0 calc(100vw * (8 / 767));
        background: #D9D9D9;
        opacity: 1;
    }
    .product.detail .overview .swiper_product .swiper-pagination .swiper-pagination-bullet-active {
        background: #000;
    }

    .product.detail .overview .thumb_list .thumb {
        width: calc(100vw * (440 / 767));
    }
    
    .product.detail .overview .thumb_list .title {
        margin: calc(100vw * (24 / 767)) calc(100vw * (20 / 767)) 0;
        font-size: calc(100vw * (36 / 767));
    }
    
}

@media (max-width: 430px) {
    .product.detail .overview .swiper_product .swiper-pagination {
        bottom: 0;
    }
    .product.detail .overview .swiper_product .swiper-pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        margin: 0 calc(100vw * (4 / 430));
    }
}

/* banner */
.product.detail .overview .banner {
    position: relative;
    height: calc(75 * var(--pv-rem));
}

.product.detail .overview .banner .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* brain 250821 */
.product.detail .overview .banner .bg .pc {
    width: 100%;
    height: 100%;
}
.product.detail .overview .banner .bg .mo {
    display: none;
}
/* end */

.product.detail .overview .banner .bg::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    opacity: 0.4;
    background: linear-gradient(270deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
}
.product.detail .overview .banner .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product.detail .overview .banner .inner {
    height: 100%;
}

.product.detail .overview .banner .hgroup {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: calc(60 * var(--pv-rem));
}

.product.detail .overview .banner .hgroup h4 {
    color: #fff;
    line-height: 1.25;
    font-size: calc(3.6 * var(--pv-rem));
}
.product.detail .overview .banner .hgroup .txt {
    margin-top: calc(2.4 * var(--pv-rem));
    color: #fff;
    line-height: 1.6;
    font-size: calc(2 * var(--pv-rem));
}
.product.detail .overview .banner .hgroup .btn_area {
    margin-top: calc(6.8 * var(--pv-rem));
}

/* full brain 241023 */

.product.detail .overview.full .banner {
    height: auto; /* calc(108 * var(--pv-rem)) -> auto로 고정 높이 해제 */
    position: relative; /* 내부 inner가 absolute로 포지션 지정했기때문에 기준점이 있어야함. */
}

/*
    하위 요소가 absolute로 잡혀있어 position 명시
*/
.product.detail .overview.full .banner .bg {
    position: relative;
    height: auto;
    z-index: 0; /* 글자를 가리지 않도록 처리 */
}

/* 
    object-fit : 기존 cover -> unset 변경, cover로 잘리던 이미지 unset으로 보완.
    heigth : 높이는 고정값에서 auto로 변경해 고정 제한 제거
*/
.product.detail .overview.full .banner .bg img,
.product.detail .overview.full .banner .bg video,
.product.detail .overview.full .banner .bg-mo video {
    display: block;
    width: 100%;
    height: auto;
    object-fit: unset;
}

.product.detail .overview.full .banner .bg::after {
    content: none;
    display: none;
}

.product.detail .overview.full .banner .bg-mo {
    display: none;
}

@media (min-width: 768px) {
    .product.detail .overview.full .banner .inner {
        position: absolute;
        inset: 0;
        z-index: 1;
        pointer-events: none;
    }
    .product.detail .overview.full .banner .hgroup,
.product.detail .overview.full .banner .btn_area,
.product.detail .overview.full .banner .btn_area a {
        pointer-events: auto;
    }
}

.product.detail .overview.full .banner .hgroup.left {
    left: 0;
}
/* sena.co.kr: 문장이 끊기지 않도록 좌/우 정렬 텍스트 폭 확대 (600 → 800) */
.product.detail .overview.full .banner .hgroup.left,
.product.detail .overview.full .banner .hgroup.right {
    width: calc(80 * var(--pv-rem));
}
.product.detail .overview.full .banner .hgroup.center {
    left: 50%;
    top: 10%;
    width: calc(120 * var(--pv-rem));
    transform: translateX(-50%);
}
.product.detail .overview.full .banner .hgroup.center h4,
.product.detail .overview.full .banner .hgroup.center .txt {
    text-align: center;
}
/* brain 250821 */
.product.detail .overview.full .banner .hgroup.center .btn_area {
    text-align: center;
}
/* end */
.product.detail .overview.full .banner .hgroup.right {
    right: 0;
}

/* sena.co.kr: 텍스트·버튼 컬러 PC/모바일 분리 (변수는 product-overview-full.php 에서 지정)
   --pv-txt / --pv-txt-mo      : 타이틀·본문 컬러
   --pv-btn-bg / --pv-btn-bg-mo: 버튼 배경색
   --pv-btn-fg / --pv-btn-fg-mo: 버튼 글자·화살표 색 */
.product.detail .overview.full .banner .hgroup h4,
.product.detail .overview.full .banner .hgroup .txt {
    color: var(--pv-txt, #fff);
}
.product.detail .overview.full .banner .hgroup .btn_custom_line {
    color: var(--pv-btn-fg, #000);
    background-color: var(--pv-btn-bg, #fff);
    border-color: var(--pv-btn-bg, #fff);
}
.product.detail .overview.full .banner .hgroup .btn_custom_line svg path {
    stroke: var(--pv-btn-fg, #000);
}
@media (max-width: 767px) {
    .product.detail .overview.full .banner .hgroup h4,
    .product.detail .overview.full .banner .hgroup .txt {
        color: var(--pv-txt-mo, var(--pv-txt, #fff));
    }
    .product.detail .overview.full .banner .hgroup .btn_custom_line {
        color: var(--pv-btn-fg-mo, var(--pv-btn-fg, #000));
        background-color: var(--pv-btn-bg-mo, var(--pv-btn-bg, #fff));
        border-color: var(--pv-btn-bg-mo, var(--pv-btn-bg, #fff));
    }
    .product.detail .overview.full .banner .hgroup .btn_custom_line svg path {
        stroke: var(--pv-btn-fg-mo, var(--pv-btn-fg, #000));
    }
}

@media (max-width: 1919px) {
    .product.detail .overview .banner {
        height: calc(100vw * (750 / 1919));
    }
    .product.detail .overview .banner .hgroup {
        width: calc(100vw * (600 / 1919));
    }
    
    .product.detail .overview .banner .hgroup h4 {
        font-size: calc(100vw * (36 / 1919));
    }
    .product.detail .overview .banner .hgroup .txt {
        margin-top: calc(100vw * (24 / 1919));
        font-size: calc(100vw * (20 / 1919));
    }
    .product.detail .overview .banner .hgroup .btn_area {
        margin-top: calc(100vw * (68 / 1919));
    }
    /* full */
    .product.detail .overview.full .banner {
        height: auto; /* calc(108 * var(--pv-rem)) -> auto, 1919반응형 고정 높이 해제 */
    }
    .product.detail .overview.full .banner .hgroup.center {
        width: calc(100vw * (1200 / 1919));
    }
    .product.detail .overview.full .banner .hgroup.left,
    .product.detail .overview.full .banner .hgroup.right {
        width: calc(100vw * (800 / 1919));
    }
}
@media (max-width: 1180px) {
    .product.detail .overview .banner {
        height: calc(100vw * (500 / 1180));
    }
    .product.detail .overview .banner .hgroup {
        width: calc(100vw * (500 / 1180));
        right: calc(100vw * (50 / 1180));
    }
    
    .product.detail .overview .banner .hgroup h4 {
        font-size: calc(100vw * (36 / 1180));
    }
    .product.detail .overview .banner .hgroup .txt {
        margin-top: calc(100vw * (24 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
    .product.detail .overview .banner .hgroup .btn_area {
        margin-top: calc(100vw * (68 / 1180));
    }

    /* full brain 241023 */
    /* sena.co.kr: 태블릿에서도 문장이 끊기지 않고 이미지 높이 안에 들어가도록 폭 500 → 640, 본문 18 → 16 */
    .product.detail .overview.full .banner .hgroup.left {
        width: calc(100vw * (640 / 1180));
        left: calc(100vw * (50 / 1180));
    }
    .product.detail .overview.full .banner .hgroup.right {
        width: calc(100vw * (640 / 1180));
        right: calc(100vw * (50 / 1180));
    }
    .product.detail .overview.full .banner .hgroup .txt {
        font-size: calc(100vw * (16 / 1180));
    }
}
@media (max-width: 767px) {
    .product.detail .overview .banner {
        height: calc(100vw * (1200 / 767));
    }
    .product.detail .overview .banner .bg {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* brain 250821 */
    .product.detail .overview .banner .bg .pc {
        display: none;
    }
    .product.detail .overview .banner .bg .mo {
        width: 100%;
        height: 100%;
        display: block;
    }
    /* end */
    .product.detail .overview .banner .hgroup {
        width: calc(100vw * (670 / 767));
        left: calc(100vw * (40 / 767));
        right: calc(100vw * (60 / 767));
        top: auto;
        bottom: calc(100vw * (120 / 767));
        transform: translateY(0)
    }
    
    .product.detail .overview .banner .hgroup h4 {
        font-size: calc(100vw * (52 / 767));
    }
    .product.detail .overview .banner .hgroup .txt {
        margin-top: calc(100vw * (24 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .product.detail .overview .banner .hgroup .btn_area {
        margin-top: calc(100vw * (68 / 767));
    }

    /* full */

    .product.detail .overview.full .banner {
        height: auto;
    }

    .product.detail .overview.full .banner .bg {
        display: none;
    }

    .product.detail .overview.full .banner .bg-mo {
        display: block;
    }
    .product.detail .overview.full .banner .bg-mo img {
        width: 100%;
        height: auto; /* 고정 100%가 아닌 세팅에 맞춘 높이값 적용을 위해 변경. */
        object-fit: unset; /* 기존 cover에서 마찬가지로 unset 처리 */
    }
    .product.detail .overview.full .banner .inner {
        padding: calc(100vw*(160 / 767)) calc(100vw*(40 / 767));
    }
    .product.detail .overview.full .banner .hgroup.left,
.product.detail .overview.full .banner .hgroup.right {
        width: calc(100vw * (590 / 767));
        left: calc(100vw * (40 / 767));
        /* left: 0; */
        /* right: calc(100vw * (60 / 767)); */
        top: 0;
        bottom: 0;
        transform: translateY(0);
        position: relative;
    }
    .product.detail .overview.full .banner .hgroup.center {
        width: calc(100vw * (590 / 767));
        left: calc(100vw * (40 / 767));
        /* right: calc(100vw * (60 / 767)); */
        top: 0;
        bottom: 0;
        transform: translateY(0);
        position: relative;
    }
    .product.detail .overview.full .banner .hgroup h4 {
        font-size: calc(100vw * (52 / 767));
    }
    .product.detail .overview.full .banner .hgroup .txt {
        margin-top: calc(100vw * (24 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .product.detail .overview.full .banner .hgroup.center h4,
.product.detail .overview.full .banner .hgroup.center .txt {
        text-align: left;
    }

}

/* overview-boxed */

.product.detail .overview-boxed .inner {
    max-width: calc(calc(120 * var(--pv-rem)) + calc(16 * var(--pv-rem)));
}

.product.detail .overview-boxed .banner {
    padding: calc(20 * var(--pv-rem)) 0;
}
.product.detail .overview-boxed .banner .hgroup {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
/* Horizontal layout (좌우 배치) */
.product.detail .overview-boxed .banner .hgroup.horizontal {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: calc(4 * var(--pv-rem));
    text-align: left;
}
.product.detail .overview-boxed .banner .hgroup.horizontal h4 {
    flex: 1;
    margin: 0;
}
.product.detail .overview-boxed .banner .hgroup.horizontal .txt {
    flex: 1;
    margin-top: 0;
}
/* Vertical layout (기본, 상하 배치) */
.product.detail .overview-boxed .banner .hgroup.vertical {
    display: block;
}
.product.detail .overview-boxed .banner .hgroup h4 {
    line-height: 1.25;
    font-size: calc(3.6 * var(--pv-rem));
}
.product.detail .overview-boxed .banner .hgroup .txt {
    margin-top: calc(2.8 * var(--pv-rem));
    line-height: 1.6;
    font-size: calc(2 * var(--pv-rem));
    opacity: .7;
}
.product.detail .overview-boxed .banner .hgroup .btn_area {
    margin-top: calc(2.8 * var(--pv-rem));
}
.product.detail .overview-boxed .banner .bg {
    margin-top: calc(6.8 * var(--pv-rem));
}
.product.detail .overview-boxed .banner .bg img,
.product.detail .overview-boxed .banner .bg video {
    display: block;
    width: 100%;
    height: auto;
    object-fit: unset;
}
/* 모바일 이미지: PC에서는 숨김, 모바일에서 노출 */
.product.detail .overview-boxed .banner .bg-mo {
    display: none;
}
.product.detail .overview-boxed .banner .bg-mo img,
.product.detail .overview-boxed .banner .bg-mo video {
    display: block;
    width: 100%;
    height: auto;
    object-fit: unset;
}

@media (max-width: 1919px) {
    .product.detail .overview-boxed .inner {
        max-width: calc(calc(100vw * (1200 / 1919)) + calc(100vw * (160 / 1919)));
    }
    
    .product.detail .overview-boxed .banner {
        padding: calc(100vw * (200 / 1919)) 0;
    }
    .product.detail .overview-boxed .banner .hgroup h4 {
        font-size: calc(100vw * (36 / 1919));
    }
    .product.detail .overview-boxed .banner .hgroup .txt {
        margin-top: calc(100vw * (28 / 1919));
        font-size: calc(100vw * (20 / 1919));
    }
    .product.detail .overview-boxed .banner .hgroup .btn_area {
        margin-top: calc(100vw * (28 / 1919));
    }
    .product.detail .overview-boxed .banner .bg {
        margin-top: calc(100vw * (68 / 1919));
    }
    
}

@media (max-width: 1180px) {
    .product.detail .overview-boxed .inner {
        max-width: 100%;
    }
    
    .product.detail .overview-boxed .banner {
        padding: calc(100vw * (160 / 1180)) 0;
    }
    .product.detail .overview-boxed .banner .hgroup h4 {
        font-size: calc(100vw * (36 / 1180));
    }
    .product.detail .overview-boxed .banner .hgroup .txt {
        margin-top: calc(100vw * (28 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    .product.detail .overview-boxed .banner .hgroup .btn_area {
        margin-top: calc(100vw * (28 / 1180));
    }
    .product.detail .overview-boxed .banner .bg {
        margin-top: calc(100vw * (68 / 1180));
    }
}

@media (max-width: 767px) {
    
    .product.detail .overview-boxed .banner {
        padding: calc(100vw * (160 / 767)) 0;
    }
    /* 모바일에서는 가운데 정렬 대신 좌측 정렬 */
    .product.detail .overview-boxed .banner .hgroup {
        text-align: left;
    }
    /* Horizontal layout - 모바일에서는 세로로 변경 */
    .product.detail .overview-boxed .banner .hgroup.horizontal {
        flex-direction: column;
        gap: calc(100vw * (28 / 767));
        text-align: left;
    }
    .product.detail .overview-boxed .banner .hgroup.horizontal .txt {
        margin-top: 0;
    }
    .product.detail .overview-boxed .banner .hgroup h4 {
        font-size: calc(100vw * (52 / 767));
    }
    .product.detail .overview-boxed .banner .hgroup .txt {
        margin-top: calc(100vw * (28 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .product.detail .overview-boxed .banner .hgroup .btn_area {
        margin-top: calc(100vw * (28 / 767));
    }
    .product.detail .overview-boxed .banner .bg {
        margin-top: calc(100vw * (80 / 767));
    }
    /* 모바일에서 PC 이미지 숨기고 모바일 이미지 노출 (영상은 영향 없음) */
    .product.detail .overview-boxed .banner .bg-pc {
        display: none;
    }
    .product.detail .overview-boxed .banner .bg-mo {
        display: block;
        margin-top: calc(100vw * (80 / 767));
    }
}

/* color */
.product.detail .overview .color {
    padding-top: calc(20 * var(--pv-rem));
}
.product.detail .overview .color .hgroup {
    width: calc(120 * var(--pv-rem));
    margin: 0 auto;
    text-align: center;
}
.product.detail .overview .color .hgroup h4 {
    line-height: 1.25;
    font-size: calc(3.6 * var(--pv-rem));
    text-transform: uppercase;
}
.product.detail .overview .color .hgroup .txt {
    margin-top: calc(2.8 * var(--pv-rem));
    line-height: 1.6;
    font-size: calc(2 * var(--pv-rem));
    opacity: .7;
}

@media (max-width: 1919px) {
    .product.detail .overview .color {
        padding-top: calc(100vw * (200 / 1919));
    }
    .product.detail .overview .color .hgroup {
        width: calc(100vw * (1200 / 1919));
    }
    .product.detail .overview .color .hgroup h4 {
        font-size: calc(100vw * (36 / 1919));
    }
    .product.detail .overview .color .hgroup .txt {
        margin-top: calc(100vw * (28 / 1919));
        font-size: calc(100vw * (20 / 1919));
    }
}
@media (max-width: 1180px) {
    .product.detail .overview .color {
        padding-top: calc(100vw * (160 / 1180));
    }
    .product.detail .overview .color .hgroup {
        width: 100%;
    }
    .product.detail .overview .color .hgroup h4 {
        font-size: calc(100vw * (36 / 1180));
    }
    .product.detail .overview .color .hgroup .txt {
        margin-top: calc(100vw * (28 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
}
@media (max-width: 767px) {
    .product.detail .overview .color {
        padding-top: calc(100vw * (160 / 767));
    }
    .product.detail .overview .color .hgroup h4 {
        font-size: calc(100vw * (52 / 767));
    }
    .product.detail .overview .color .hgroup .txt {
        margin-top: calc(100vw * (28 / 767));
        font-size: calc(100vw * (32 / 767));
    }
}

/* detail > size */
/* manual */
.product.detail .size {
    /* padding: calc(20 * var(--pv-rem)) 0; */
}
.product.detail .size .inner {
    max-width: calc(calc(120 * var(--pv-rem)) + calc(16 * var(--pv-rem)));
}
.product.detail .size .manual {
    padding-top: calc(20 * var(--pv-rem));
}
.product.detail .size .manual .hgroup h4 {
    text-align: center;
    line-height: 1.25;
    font-size: calc(3.6 * var(--pv-rem));
    text-transform: uppercase;
}

.product.detail .size .manual .content {
    display: flex;
    justify-content: space-between;
    gap: calc(8 * var(--pv-rem));
    margin-top: calc(10 * var(--pv-rem));
}
.product.detail .size .manual .txt {
    width: calc(72 * var(--pv-rem));
}
.product.detail .size .manual .txt .title {
    display: block;
    margin-top: calc(2 * var(--pv-rem));
    line-height: 1.25;
    font-size: calc(2.2 * var(--pv-rem));
}
.product.detail .size .manual .txt .dot_list {
    margin-top: calc(2 * var(--pv-rem));
}
.product.detail .size .manual .txt .dot_list li {
    position: relative;
    margin-top: calc(1.6 * var(--pv-rem));
    padding-left: calc(1.2 * var(--pv-rem));
    line-height: 1.45;
    font-size: calc(1.6 * var(--pv-rem));
}
.product.detail .size .manual .txt .dot_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(1 * var(--pv-rem));
    width: calc(.4 * var(--pv-rem));
    height: calc(.4 * var(--pv-rem));
    border-radius: calc(99 * var(--pv-rem));
    background: #000;
    opacity: .7;
}
.product.detail .size .manual .txt .dot_list li:first-child {
    margin-top: 0;
}
.product.detail .size .manual .bg {
    width: calc(40 * var(--pv-rem));
    padding: 0 calc(4.9 * var(--pv-rem));
}
.product.detail .size .manual .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product.detail .size .tbl_list {
    margin-top: calc(10 * var(--pv-rem));
    /* brain 250305 after hide content wrap */
    /* margin-top: calc(6 * var(--pv-rem)); */
}
.product.detail .size .tbl_list thead th {
    border-bottom: 1px solid #000;
    padding: calc(2 * var(--pv-rem)) 0 calc(2 * var(--pv-rem)) calc(2 * var(--pv-rem));
    vertical-align: middle;
    color: #000;
    line-height: 1.25;
    font-size: calc(1.6 * var(--pv-rem));
    font-weight: 700;
}
.product.detail .size .tbl_list thead th:nth-child(1) {
    padding-left: 0;
}
.product.detail .size .tbl_list tbody td {
    border-bottom: 1px solid #ccc ;
    padding: calc(2 * var(--pv-rem)) 0 calc(2 * var(--pv-rem)) calc(2 * var(--pv-rem));
    vertical-align: middle;
    text-align: center;
    color: #000;
    line-height: 1.25;
    font-size: calc(1.6 * var(--pv-rem));
    font-weight: 500;
}
.product.detail .size .tbl_list tbody td:nth-child(1) {
    padding-left: 0;
}

.product.detail .size .tbl_list.type01 thead th:nth-child(1) {
    width: calc(12 * var(--pv-rem));
}
.product.detail .size .tbl_list.type01 thead th:nth-child(2) {
    width: calc(54 * var(--pv-rem));
}
.product.detail .size .tbl_list.type01 thead th:nth-child(3) {
    width: calc(54 * var(--pv-rem));
}

.product.detail .size .tbl_list.type01 tbody td:nth-child(1) {
    width: calc(12 * var(--pv-rem));
}
.product.detail .size .tbl_list.type01 tbody td:nth-child(2) {
    width: calc(54 * var(--pv-rem));
}
.product.detail .size .tbl_list.type01 tbody td:nth-child(3) {
    width: calc(54 * var(--pv-rem));
}

.product.detail .size .tbl_list.type02 thead th:nth-child(1) {
    width: calc(12 * var(--pv-rem));
}
.product.detail .size .tbl_list.type02 thead th:nth-child(2) {
    width: calc(36 * var(--pv-rem));
}
.product.detail .size .tbl_list.type02 thead th:nth-child(3) {
    width: calc(36 * var(--pv-rem));
}
.product.detail .size .tbl_list.type02 thead th:nth-child(4) {
    width: calc(36 * var(--pv-rem));
}
.product.detail .size .tbl_list.type02 tbody td:nth-child(1) {
    width: calc(12 * var(--pv-rem));
}
.product.detail .size .tbl_list.type02 tbody td:nth-child(2) {
    width: calc(36 * var(--pv-rem));
}
.product.detail .size .tbl_list.type02 tbody td:nth-child(3) {
    width: calc(36 * var(--pv-rem));
}
.product.detail .size .tbl_list.type02 tbody td:nth-child(4) {
    width: calc(36 * var(--pv-rem));
}

.product.detail .size .chart {
    padding-top: calc(20 * var(--pv-rem));
}
.product.detail .size .chart .hgroup {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.product.detail .size .chart .hgroup h4 {
    line-height: 1.25;
    font-size: calc(3.6 * var(--pv-rem));
}
.product.detail .size .chart .hgroup .txt {
    margin-top: calc(2.8 * var(--pv-rem));
    line-height: 1.6;
    font-size: calc(2 * var(--pv-rem));
    opacity: .7;
}
.product.detail .size .chart .bg {
    margin-top: calc(6.8 * var(--pv-rem));
}
.product.detail .size .chart .bg img {
    width: 100%;
}

@media (max-width: 1919px) {
    .product.detail .size {
        /* padding: calc(100vw * (200 / 1919)) 0; */
    }
    .product.detail .size .inner {
        max-width: calc(calc(100vw * (1200 / 1919)) + calc(100vw * (160 / 1919)));
    }
    .product.detail .size .manual {
        padding-top: calc(100vw * (200 / 1919));
    }
    .product.detail .size .manual .hgroup h4 {
        font-size: calc(100vw * (36 / 1919));
    }
    
    .product.detail .size .manual .content {
        gap: calc(100vw * (80 / 1919));
        margin-top: calc(100vw * (100 / 1919));
    }
    .product.detail .size .manual .txt {
        width: calc(100vw * (720 / 1919));
    }
    .product.detail .size .manual .txt .title {
        margin-top: calc(100vw * (20 / 1919));
        font-size: calc(100vw * (22 / 1919));
    }
    .product.detail .size .manual .txt .dot_list {
        margin-top: calc(100vw * (20 / 1919));
    }
    .product.detail .size .manual .txt .dot_list li {
        margin-top: calc(100vw * (16 / 1919));
        padding-left: calc(100vw * (12 / 1919));
        font-size: calc(100vw * (16 / 1919));
    }
    .product.detail .size .manual .txt .dot_list li::before {
        top: calc(100vw * (11 / 1919));
        width: 3px;
        height: 3px;
    }
    .product.detail .size .manual .bg {
        width: calc(100vw * (400 / 1919));
        padding: 0 calc(100vw * (49 / 1919));
    }
    .product.detail .size .tbl_list {
        margin-top: calc(100vw * (100 / 1919));
        /* brain 250305 after hide content wrap */
        /* margin-top: calc(100vw * (60 / 1919)); */
    }
    .product.detail .size .tbl_list thead th {
        padding: calc(100vw * (20 / 1919)) 0 calc(100vw * (20 / 1919)) calc(100vw * (20 / 1919));
        font-size: calc(100vw * (16 / 1919));
    }
    .product.detail .size .tbl_list tbody td {
        padding: calc(100vw * (20 / 1919)) 0 calc(100vw * (20 / 1919)) calc(100vw * (20 / 1919));
        font-size: calc(100vw * (16 / 1919));
    }
    .product.detail .size .tbl_list.type01 thead th:nth-child(1) {
        width: calc(100vw * (120 / 1919));
    }
    .product.detail .size .tbl_list.type01 thead th:nth-child(2) {
        width: calc(100vw * (540 / 1919));
    }
    .product.detail .size .tbl_list.type01 thead th:nth-child(3) {
        width: calc(100vw * (540 / 1919));
    }
    
    .product.detail .size .tbl_list.type01 tbody td:nth-child(1) {
        width: calc(100vw * (120 / 1919));
    }
    .product.detail .size .tbl_list.type01 tbody td:nth-child(2) {
        width: calc(100vw * (540 / 1919));
    }
    .product.detail .size .tbl_list.type01 tbody td:nth-child(3) {
        width: calc(100vw * (540 / 1919));
    }
    
    .product.detail .size .tbl_list.type02 thead th:nth-child(1) {
        width: calc(100vw * (120 / 1919));
    }
    .product.detail .size .tbl_list.type02 thead th:nth-child(2) {
        width: calc(100vw * (360 / 1919));
    }
    .product.detail .size .tbl_list.type02 thead th:nth-child(3) {
        width: calc(100vw * (360 / 1919));
    }
    .product.detail .size .tbl_list.type02 thead th:nth-child(4) {
        width: calc(100vw * (360 / 1919));
    }
    .product.detail .size .tbl_list.type02 tbody td:nth-child(1) {
        width: calc(100vw * (120 / 1919));
    }
    .product.detail .size .tbl_list.type02 tbody td:nth-child(2) {
        width: calc(100vw * (360 / 1919));
    }
    .product.detail .size .tbl_list.type02 tbody td:nth-child(3) {
        width: calc(100vw * (360 / 1919));
    }
    .product.detail .size .tbl_list.type02 tbody td:nth-child(4) {
        width: calc(100vw * (360 / 1919));
    }
    
    .product.detail .size .chart {
        padding-top: calc(100vw * (200 / 1919));
    }
    .product.detail .size .chart .hgroup h4 {
        font-size: calc(100vw * (36 / 1919));
    }
    .product.detail .size .chart .hgroup .txt {
        margin-top: calc(100vw * (28 / 1919));
        font-size: calc(100vw * (20 / 1919));
    }
    .product.detail .size .chart .bg {
        margin-top: calc(100vw * (68 / 1919));
    }
    
}

@media (max-width: 1600px) {
    .product.detail .size .manual .txt .dot_list li::before {
        top: calc(100vw * (8 / 1600));
    }
}

@media (max-width: 1180px) {
    .product.detail .size .manual {
        padding-top: calc(100vw * (160 / 1180));
    }
    .product.detail .size .inner {
        max-width: 100%;
    }
    .product.detail .size .manual .hgroup h4 {
        font-size: calc(100vw * (36 / 1180));
    }
    
    .product.detail .size .manual .content {
        gap: calc(100vw * (140 / 1180));
        margin-top: calc(100vw * (80 / 1180));
    }
    .product.detail .size .manual .txt {
        width: calc(100vw * (720 / 1180));
    }
    .product.detail .size .manual .txt .title {
        margin-top: calc(100vw * (20 / 1180));
        font-size: calc(100vw * (22 / 1180));
    }
    .product.detail .size .manual .txt .dot_list {
        margin-top: calc(100vw * (20 / 1180));
    }
    .product.detail .size .manual .txt .dot_list li {
        margin-top: calc(100vw * (16 / 1180));
        padding-left: calc(100vw * (12 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
    .product.detail .size .manual .txt .dot_list li::before {
        top: calc(100vw * (10 / 1180));
        width: 4px;
        height: 4px;
    }
    .product.detail .size .manual .bg {
        width: calc(100vw * (400 / 1180));
        padding: 0 calc(100vw * (49 / 1180));
    }
    .product.detail .size .tbl_list {
        margin-top: calc(100vw * (100 / 1180));
        /* brain 250305 after hide content wrap */
        /* margin-top: calc(100vw * (60 / 1180)); */
    }
    .product.detail .size .tbl_list thead th {
        padding: calc(100vw * (18 / 1180)) 0 calc(100vw * (19 / 1180)) calc(100vw * (20 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
    .product.detail .size .tbl_list tbody td {
        padding: calc(100vw * (18 / 1180)) 0 calc(100vw * (19 / 1180)) calc(100vw * (20 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
    .product.detail .size .tbl_list.type01 thead th:nth-child(1) {
        width: calc(100vw * (120 / 1180));
    }
    .product.detail .size .tbl_list.type01 thead th:nth-child(2) {
        width: calc(100vw * (480 / 1180));
    }
    .product.detail .size .tbl_list.type01 thead th:nth-child(3) {
        width: calc(100vw * (480 / 1180));
    }
    
    .product.detail .size .tbl_list.type01 tbody td:nth-child(1) {
        width: calc(100vw * (120 / 1180));
    }
    .product.detail .size .tbl_list.type01 tbody td:nth-child(2) {
        width: calc(100vw * (480 / 1180));
    }
    .product.detail .size .tbl_list.type01 tbody td:nth-child(3) {
        width: calc(100vw * (480 / 1180));
    }
    
    .product.detail .size .tbl_list.type02 thead th:nth-child(1) {
        width: calc(100vw * (120 / 1180));
    }
    .product.detail .size .tbl_list.type02 thead th:nth-child(2) {
        width: calc(100vw * (320 / 1180));
    }
    .product.detail .size .tbl_list.type02 thead th:nth-child(3) {
        width: calc(100vw * (320 / 1180));
    }
    .product.detail .size .tbl_list.type02 thead th:nth-child(4) {
        width: calc(100vw * (320 / 1180));
    }
    .product.detail .size .tbl_list.type02 tbody td:nth-child(1) {
        width: calc(100vw * (120 / 1180));
    }
    .product.detail .size .tbl_list.type02 tbody td:nth-child(2) {
        width: calc(100vw * (320 / 1180));
    }
    .product.detail .size .tbl_list.type02 tbody td:nth-child(3) {
        width: calc(100vw * (320 / 1180));
    }
    .product.detail .size .tbl_list.type02 tbody td:nth-child(4) {
        width: calc(100vw * (320 / 1180));
    }
    
    .product.detail .size .chart {
        padding-top: calc(100vw * (160 / 1180));
    }
    .product.detail .size .chart .hgroup h4 {
        font-size: calc(100vw * (36 / 1180));
    }
    .product.detail .size .chart .hgroup .txt {
        margin-top: calc(100vw * (28 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    .product.detail .size .chart .bg {
        margin-top: calc(100vw * (68 / 1180));
    }
}
@media (max-width: 1024px) {
    .product.detail .size .manual .txt .dot_list li::before {
        top: calc(100vw * (9 / 1024));
        width: 3px;
        height: 3px;
    }
}

@media (max-width: 767px) {
    .product.detail .size .manual {
        padding-top: calc(100vw * (160 / 767));
    }
    .product.detail .size .manual .hgroup h4 {
        font-size: calc(100vw * (52 / 767));
    }
    
    .product.detail .size .manual .content {
        flex-direction: column;
        gap: calc(100vw * (80 / 767));
        margin-top: calc(100vw * (80 / 767));
    }
    .product.detail .size .manual .txt {
        width: 100%;
    }
    .product.detail .size .manual .txt .title {
        margin-top: 0;
        font-size: calc(100vw * (36 / 767));
    }
    .product.detail .size .manual .txt .dot_list {
        margin-top: calc(100vw * (20 / 767));
    }
    .product.detail .size .manual .txt .dot_list li {
        margin-top: calc(100vw * (16 / 767));
        padding-left: calc(100vw * (24 / 767));
        font-size: calc(100vw * (28 / 767));
    }
    .product.detail .size .manual .txt .dot_list li::before {
        top: calc(100vw * (18 / 767));
        width: 8px;
        height: 8px;
    }
    .product.detail .size .manual .bg {
        width: calc(100vw * (670 / 767));
        padding: 0 calc(100vw * (85 / 767));
    }
    .product.detail .size .tbl_list {
        margin-top: calc(100vw * (100 / 767));
        /* brain 250305 after hide content wrap */
        /* margin-top: calc(100vw * (80 / 767)); */
    }
    .product.detail .size .tbl_list thead th {
        padding: calc(100vw * (18 / 767)) 0 calc(100vw * (19 / 767)) calc(100vw * (32 / 767));
        font-size: calc(100vw * (28 / 767));
    }
    .product.detail .size .tbl_list tbody td {
        padding: calc(100vw * (18 / 767)) 0 calc(100vw * (19 / 767)) calc(100vw * (32 / 767));
        font-size: calc(100vw * (28 / 767));
    }
    .product.detail .size .tbl_list.type01 thead th:nth-child(1) {
        width: calc(100vw * (120 / 767));
    }
    .product.detail .size .tbl_list.type01 thead th:nth-child(2) {
        width: calc(100vw * (284 / 767));
    }
    .product.detail .size .tbl_list.type01 thead th:nth-child(3) {
        width: calc(100vw * (284 / 767));
    }
    
    .product.detail .size .tbl_list.type01 tbody td:nth-child(1) {
        width: calc(100vw * (120 / 767));
    }
    .product.detail .size .tbl_list.type01 tbody td:nth-child(2) {
        width: calc(100vw * (284 / 767));
    }
    .product.detail .size .tbl_list.type01 tbody td:nth-child(3) {
        width: calc(100vw * (284 / 767));
    }
    
    .product.detail .size .tbl_list.type02 thead th:nth-child(1) {
        width: calc(100vw * (120 / 767));
    }
    .product.detail .size .tbl_list.type02 thead th:nth-child(2) {
        width: calc(100vw * (189 / 767));
    }
    .product.detail .size .tbl_list.type02 thead th:nth-child(3) {
        width: calc(100vw * (189 / 767));
    }
    .product.detail .size .tbl_list.type02 thead th:nth-child(4) {
        width: calc(100vw * (189 / 767));
    }
    .product.detail .size .tbl_list.type02 tbody td:nth-child(1) {
        width: calc(100vw * (120 / 767));
    }
    .product.detail .size .tbl_list.type02 tbody td:nth-child(2) {
        width: calc(100vw * (189 / 767));
    }
    .product.detail .size .tbl_list.type02 tbody td:nth-child(3) {
        width: calc(100vw * (189 / 767));
    }
    .product.detail .size .tbl_list.type02 tbody td:nth-child(4) {
        width: calc(100vw * (189 / 767));
    }
    
    .product.detail .size .chart {
        padding-top: calc(100vw * (160 / 767));
    }
    .product.detail .size .chart .hgroup h4 {
        font-size: calc(100vw * (52 / 767));
    }
    .product.detail .size .chart .hgroup .txt {
        margin-top: calc(100vw * (28 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .product.detail .size .chart .bg {
        margin-top: calc(100vw * (80 / 767));
    }
}

@media (max-width: 650px) {
    .product.detail .size .manual .txt .dot_list li::before {
        top: calc(100vw * (12 / 650));
        width: 6px;
        height: 6px;
    }
}
@media (max-width: 430px) {
    .product.detail .size .manual .txt .dot_list li::before {
        top: calc(100vw * (9 / 430));
        width: 4px;
        height: 4px;
    }
}

/* detail > specs */
/* technic */
.product.detail .specs {
    background: #f3f3f3;
}
.product.detail .specs .inner {
    max-width: calc(calc(120 * var(--pv-rem)) + calc(16 * var(--pv-rem)));
}
.product.detail .specs .technic {
    padding-top: calc(20 * var(--pv-rem));
}

.product.detail .specs .technic .hgroup h4 {
    text-align: center;
    line-height: 1.25;
    font-size: calc(3.6 * var(--pv-rem));
    text-transform: uppercase;
}
.product.detail .specs .technic .technic_list {
    margin-top: calc(10 * var(--pv-rem));
}
.product.detail .specs .technic .technic_list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(4.8 * var(--pv-rem)) calc(12 * var(--pv-rem));
}
.product.detail .specs .technic .technic_list li {
    position: relative;
    display: flex;
    width: calc(54 * var(--pv-rem));
    gap: calc(4.6 * var(--pv-rem));
    padding-bottom: calc(4.8 * var(--pv-rem));
}
.product.detail .specs .technic .technic_list li::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #CCC;
}
.product.detail .specs .technic .technic_list .ico {
    width: calc(4.8 * var(--pv-rem));
    height: calc(4.8 * var(--pv-rem));
}
.product.detail .specs .technic .technic_list .ico img {
    width: 100%;
}
.product.detail .specs .technic .technic_list .content {
    width: calc(44.6 * var(--pv-rem));
}
.product.detail .specs .technic .technic_list .content .title {
    display: block;
    line-height: 1.25;
    font-size: calc(2.2 * var(--pv-rem));
}
.product.detail .specs .technic .technic_list .content .txt {
    margin-top: calc(1.6 * var(--pv-rem));
    line-height: 1.45;
    font-size: calc(1.6 * var(--pv-rem));
}

@media (max-width: 1919px) {
    .product.detail .specs .technic {
        padding-top: calc(20 * var(--pv-rem));
    }
    .product.detail .specs .inner {
        max-width: calc(calc(100vw * (1200 / 1919)) + calc(100vw * (160 / 1919)));
    }
    .product.detail .specs .technic .hgroup h4 {
        font-size: calc(100vw * (36 / 1919));
    }
    .product.detail .specs .technic .technic_list {
        margin-top: calc(100vw * (100 / 1919));
    }
    .product.detail .specs .technic .technic_list {
        gap: calc(100vw * (48 / 1919)) calc(100vw * (120 / 1919));
    }
    .product.detail .specs .technic .technic_list li {
        width: calc(100vw * (540 / 1919));
        gap: calc(100vw * (46 / 1919));
        padding-bottom: calc(100vw * (48 / 1919));
    }
    .product.detail .specs .technic .technic_list .ico {
        width: calc(100vw * (48 / 1919));
        height: calc(100vw * (48 / 1919));
    }
    .product.detail .specs .technic .technic_list .content {
        width: calc(100vw * (446 / 1919));
    }
    .product.detail .specs .technic .technic_list .content .title {
        font-size: calc(100vw * (22 / 1919));
    }
    .product.detail .specs .technic .technic_list .content .txt {
        margin-top: calc(100vw * (16 / 1919));
        font-size: calc(100vw * (16 / 1919));
    }
    
}
@media (max-width: 1180px) {
    .product.detail .specs .technic {
        padding-top: calc(100vw * (160 / 1180));
    }
    .product.detail .specs .inner {
        max-width: 100%;
    }
    .product.detail .specs .technic .hgroup h4 {
        font-size: calc(100vw * (36 / 1180));
    }
    .product.detail .specs .technic .technic_list {
        margin-top: calc(100vw * (80 / 1180));
    }
    .product.detail .specs .technic .technic_list {
        gap: calc(100vw * (48 / 1180)) calc(100vw * (60 / 1180));
    }
    .product.detail .specs .technic .technic_list li {
        width: calc(100% / 2 - calc(100vw * (30 / 1180)));
        gap: calc(100vw * (46 / 1180));
        padding-bottom: calc(100vw * (48 / 1180));
    }
    .product.detail .specs .technic .technic_list .ico {
        width: calc(100vw * (48 / 1180));
        height: calc(100vw * (48 / 1180));
    }
    .product.detail .specs .technic .technic_list .content {
        width: calc(100% - calc(100vw * (48 / 1180)))
    }
    .product.detail .specs .technic .technic_list .content .title {
        font-size: calc(100vw * (22 / 1180));
    }
    .product.detail .specs .technic .technic_list .content .txt {
        margin-top: calc(100vw * (16 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
}
@media (max-width: 767px) {
    .product.detail .specs .technic {
        padding-top: calc(100vw * (160 / 767)) 0;
    }
    .product.detail .specs .technic .hgroup h4 {
        font-size: calc(100vw * (52 / 767));
    }
    .product.detail .specs .technic .technic_list {
        flex-direction: column;
        margin-top: calc(100vw * (80 / 767));
    }
    .product.detail .specs .technic .technic_list {
        gap: calc(100vw * (48 / 767));
    }
    .product.detail .specs .technic .technic_list li {
        width: 100%;
        gap: calc(100vw * (46 / 767));
        padding-bottom: calc(100vw * (48 / 767));
    }
    .product.detail .specs .technic .technic_list .ico {
        width: calc(100vw * (72 / 767));
        height: calc(100vw * (72 / 767));
    }
    .product.detail .specs .technic .technic_list .content {
        width: calc(100% - calc(100vw * (72 / 767)));
    }
    .product.detail .specs .technic .technic_list .content .title {
        font-size: calc(100vw * (36 / 767));
    }
    .product.detail .specs .technic .technic_list .content .txt {
        margin-top: calc(100vw * (16 / 767));
        font-size: calc(100vw * (28 / 767));
    }
}

/* info */
.product.detail .specs .info {
    padding-top: calc(20 * var(--pv-rem));
    padding-bottom: calc(20 * var(--pv-rem));
}

.product.detail .specs .info .hgroup h4 {
    text-align: center;
    line-height: 1.25;
    font-size: calc(3.6 * var(--pv-rem));
    text-transform: uppercase;
}
.product.detail .specs .info .info_list {
    margin-top: calc(10 * var(--pv-rem));
}
.product.detail .specs .info .info_list li {
    position: relative;
    display: flex;
    gap: calc(12 * var(--pv-rem));
    padding: calc(4 * var(--pv-rem)) 0;
}
.product.detail .specs .info .info_list li:first-child {
    padding-top: 0;
}
.product.detail .specs .info .info_list li::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #CCC;
}
.product.detail .specs .info .info_list .title {
    display: block;
    width: calc(25 * var(--pv-rem));
    line-height: 1.25;
    font-size: calc(2.2 * var(--pv-rem));
}
.product.detail .specs .info .info_list .block {
    width: calc(100% - (calc(25 * var(--pv-rem)) + calc(12 * var(--pv-rem))));
}
.product.detail .specs .info .info_list .content {
    width: 100%;
}
.product.detail .specs .info .info_list .content .txt {
    margin-top: calc(1.2 * var(--pv-rem));
    line-height: 1.6;
    font-size: calc(1.8 * var(--pv-rem));
    white-space: pre-wrap;
}
.product.detail .specs .info .info_list .content .txt:first-child {
    margin-top: 0;
}

@media (max-width: 1919px) {
    .product.detail .specs .info {
        padding-top: calc(100vw * (200 / 1919));
        padding-bottom: calc(100vw * (200 / 1919));
    }
    
    .product.detail .specs .info .hgroup h4 {
        font-size: calc(100vw * (36 / 1919));
    }
    .product.detail .specs .info .info_list {
        margin-top: calc(100vw * (100 / 1919));
    }
    .product.detail .specs .info .info_list li {
        gap: calc(100vw * (120 / 1919));
        padding: calc(100vw * (40 / 1919)) 0;
    }
    .product.detail .specs .info .info_list .title {
        width: calc(100vw * (250 / 1919));
        font-size: calc(100vw * (22 / 1919));
    }
    .product.detail .specs .info .info_list .block {
        width: calc(100% - (calc(100vw * (250 / 1919)) + calc(100vw * (120 / 1919))));
    }
    .product.detail .specs .info .info_list .content .txt {
        margin-top: calc(100vw * (12 / 1919));
        font-size: calc(100vw * (18 / 1919));
    }

}
@media (max-width: 1180px) {
    .product.detail .specs .info {
        padding-top: calc(100vw * (160 / 1180));
        padding-bottom: calc(100vw * (160 / 1180));
    }
    
    .product.detail .specs .info .hgroup h4 {
        font-size: calc(100vw * (36 / 1180));
    }
    .product.detail .specs .info .info_list {
        margin-top: calc(100vw * (80 / 1180));
    }
    .product.detail .specs .info .info_list li {
        gap: calc(100vw * (60 / 1180));
        padding: calc(100vw * (40 / 1180)) 0;
    }
    .product.detail .specs .info .info_list .title {
        width: calc(100vw * (250 / 1180));
        font-size: calc(100vw * (22 / 1180));
    }
    .product.detail .specs .info .info_list .block {
        width: calc(100% - (calc(100vw * (250 / 1180)) + calc(100vw * (60 / 1180))))
    }
    .product.detail .specs .info .info_list .content .txt {
        margin-top: calc(100vw * (12 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
}
@media (max-width: 767px) {
    .product.detail .specs .info {
        padding-top: calc(100vw * (160 / 767));
        padding-bottom: calc(100vw * (160 / 767));
    }
    
    .product.detail .specs .info .hgroup h4 {
        font-size: calc(100vw * (52 / 767));
    }
    .product.detail .specs .info .info_list {
        margin-top: calc(100vw * (80 / 767));
    }
    .product.detail .specs .info .info_list li {
        position: relative;
        display: block;
        margin-top: calc(100vw * (24 / 767));
        padding: 0;
        background: #fff;
    }
    .product.detail .specs .info .info_list li:first-child {
        margin-top: 0;
    }
    .product.detail .specs .info .info_list li::before {
        display: none;
    }
    .product.detail .specs .info .info_list .title {
        position: relative;
        display: block;
        width: 100%;
        padding: calc(100vw * (37 / 767)) calc(100vw * (90 / 767)) calc(100vw * (37 / 767)) calc(100vw * (40 / 767));
        font-size: calc(100vw * (36 / 767));
        font-weight: 700;
    }
    .product.detail .specs .info .info_list li .title::before {
        content: "";
        position: absolute;
        right: calc(100vw * (40 / 767));
        top: 50%;
        transform: translateY(-50%);
        width: calc(100vw * (36 / 767));
        height: calc(100vw * (36 / 767));
        background: url("../images/product/ico_open.svg") no-repeat left top / 100% 100%;
    }
    .product.detail .specs .info .info_list li.on .title::before {
        background-image: url("../images/product/ico_close.svg");
    }
    .product.detail .specs .info .info_list .block {
        width: 100%;
        display: none;
    }
    .product.detail .specs .info .info_list .content {
        width: 100%;
        padding: calc(100vw * (10 / 767)) calc(100vw * (40 / 767)) calc(100vw * (80 / 767));
    }
    /* .product.detail .specs .info .info_list li.on .content {
        display: block;
    } */
    .product.detail .specs .info .info_list .content .txt {
        margin-top: calc(100vw * (28 / 767));
        font-size: calc(100vw * (28 / 767));
    }
    .product.detail .specs .info .info_list .content .txt:last-child::before {
        display: none;
    }

}

/* detail > support */
/* help */
.product.detail .support {
    
}
.product.detail .support .help {
    padding-top: calc(20 * var(--pv-rem));
}
.product.detail .support .help .hgroup {
    width: calc(120 * var(--pv-rem));
    margin: 0 auto;
    text-align: center;
}
.product.detail .support .help .hgroup h4 {
    line-height: 1.25;
    font-size: calc(3.6 * var(--pv-rem));
    text-transform: uppercase;
}
.product.detail .support .help .hgroup .txt {
    margin-top: calc(2.8 * var(--pv-rem));
    line-height: 1.6;
    font-size: calc(2 * var(--pv-rem));
    opacity: .7;
}

.product.detail .support .help .help_list {
    display: flex;
    margin-top: calc(6.8 * var(--pv-rem));
    justify-content: center;
}
.product.detail .support .help .help_list li {
    position: relative;
    width: calc(100% / 4);
    text-align: center;
}
.product.detail .support .help .help_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: calc(.2 * var(--pv-rem));
    height: calc(10 * var(--pv-rem));
    background: #D9D9D9;
}
.product.detail .support .help .help_list li:first-child::before {
    display: none;
}
.product.detail .support .help .help_list .ico {
    width: calc(6.8 * var(--pv-rem));
    height: calc(6.8 * var(--pv-rem));
    margin: 0 auto;
}
.product.detail .support .help .help_list .ico img {
    width: 100%;
}
.product.detail .support .help .help_list .title {
    display: block;
    margin-top: calc(4.8 * var(--pv-rem));
    line-height: 1.25;
    font-size: calc(2 * var(--pv-rem));
}

@media (max-width: 1919px) {
    .product.detail .support .help {
        padding-top: calc(100vw * (200 / 1919));
    }
    .product.detail .support .help .hgroup {
        width: calc(100vw * (1200 / 1919));
    }
    .product.detail .support .help .hgroup h4 {
        font-size: calc(100vw * (36 / 1919));
    }
    .product.detail .support .help .hgroup .txt {
        margin-top: calc(100vw * (28 / 1919));
        font-size: calc(100vw * (20 / 1919));
    }
    
    .product.detail .support .help .help_list {
        margin-top: calc(100vw * (68 / 1919));
    }
    .product.detail .support .help .help_list li::before {
        width: calc(100vw * (2 / 1919));
        height: calc(100vw * (100 / 1919));
    }
    .product.detail .support .help .help_list .ico {
        width: calc(100vw * (68 / 1919));
        height: calc(100vw * (68 / 1919));
    }
    .product.detail .support .help .help_list .title {
        margin-top: calc(100vw * (48 / 1919));
        font-size: calc(100vw * (20 / 1919));
    }
}
@media (max-width: 1180px) {
    .product.detail .support .help {
        padding-top: calc(100vw * (160 / 1180));
    }
    .product.detail .support .help .hgroup {
        width: 100%;
    }
    .product.detail .support .help .hgroup h4 {
        font-size: calc(100vw * (36 / 1180));
    }
    .product.detail .support .help .hgroup .txt {
        margin-top: calc(100vw * (28 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    
    .product.detail .support .help .help_list {
        margin-top: calc(100vw * (68 / 1180));
    }
    .product.detail .support .help .help_list li::before {
        width: calc(100vw * (2 / 1180));
        height: calc(100vw * (100 / 1180));
    }
    .product.detail .support .help .help_list .ico {
        width: calc(100vw * (68 / 1180));
        height: calc(100vw * (68 / 1180));
    }
    .product.detail .support .help .help_list .title {
        margin-top: calc(100vw * (48 / 1180));
        font-size: calc(100vw * (22 / 1180));
    }
}
@media (max-width: 767px) {
    .product.detail .support .help {
        padding-top: calc(100vw * (160 / 767));
    }
    .product.detail .support .help .hgroup h4 {
        font-size: calc(100vw * (52 / 767));
    }
    .product.detail .support .help .hgroup .txt {
        margin-top: calc(100vw * (28 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    
    .product.detail .support .help .help_list {
        justify-content: left;
        flex-wrap: wrap;
        gap: calc(100vw * (100 / 767)) calc(100vw * (20 / 767));
        margin-top: calc(100vw * (80 / 767));
    }
    .product.detail .support .help .help_list li::before {
        display: none;
    }
    .product.detail .support .help .help_list li {
        width: calc(100% / 2 - calc(100vw * (10 / 767)));
        padding: 0 calc(100vw * (40 / 767));
    }
    .product.detail .support .help .help_list .ico {
        width: calc(100vw * (100 / 767));
        height: calc(100vw * (100 / 767));
    }
    .product.detail .support .help .help_list .title {
        margin-top: calc(100vw * (40 / 767));
        font-size: calc(100vw * (36 / 767));
    }
}

/* item */
.product.detail .support .item {
    padding-top: calc(20 * var(--pv-rem));
}
.product.detail .support .item .hgroup {
    width: calc(120 * var(--pv-rem));
    margin: 0 auto;
    text-align: center;
}
.product.detail .support .item .hgroup h4 {
    line-height: 1.25;
    font-size: calc(3.6 * var(--pv-rem));
    text-transform: uppercase;
}

.product.detail .support .item .product_list {
    display: flex;
    gap: calc(1.6 * var(--pv-rem));
    margin-top: calc(4 * var(--pv-rem));
}
.product.detail .support .item .product_list li {
    width: calc(100% / 4);
}
.product.detail .support .item .product_list .bg {
    overflow: hidden;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(34.8 * var(--pv-rem));
    background: #F3F3F3;
}
.product.detail .support .item .product_list .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1);
}
.product.detail .support .item .product_list .title {
    display: block;
    margin-top: calc(2.4 * var(--pv-rem));
    line-height: 1.25;
    font-size: calc(2 * var(--pv-rem));
}
.product.detail .support .item .product_list .txt {
    margin-top: calc(1 * var(--pv-rem));
    color: #666;
    line-height: 1.25;
    font-size: calc(1.6 * var(--pv-rem));
    word-break: keep-all;
}
.product.detail .support .item .product_list .txt.ellipsis02 {
    display: block;
    -webkit-line-clamp: unset;
} 

@media (max-width: 1919px) {
    .product.detail .support .item {
        padding-top: calc(100vw * (200 / 1919));
    }
    .product.detail .support .item .hgroup {
        width: calc(100vw * (1200 / 1919));

    }
    .product.detail .support .item .hgroup h4 {
        font-size: calc(100vw * (36 / 1919));
    }
    
    .product.detail .support .item .product_list {
        gap: calc(100vw * (16 / 1919));
        margin-top: calc(100vw * (40 / 1919));
    }
    .product.detail .support .item .product_list .bg {
        height: calc(100vw * (316 / 1919));
    }
    .product.detail .support .item .product_list .title {
        margin-top: calc(100vw * (24 / 1919));
        font-size: calc(100vw * (20 / 1919));
    }
    .product.detail .support .item .product_list .txt {
        margin-top: calc(100vw * (10 / 1919));
        font-size: calc(100vw * (16 / 1919));
    }
    
}
@media (max-width: 1180px) {
    .product.detail .support .item {
        padding-top: calc(100vw * (160 / 1180));
    }
    .product.detail .support .item .hgroup {
        width: 100%;

    }
    .product.detail .support .item .hgroup h4 {
        font-size: calc(100vw * (36 / 1180));
    }
    
    .product.detail .support .item .product_list {
        gap: calc(100vw * (16 / 1180));
        margin-top: calc(100vw * (40 / 1180));
    }
    .product.detail .support .item .product_list .bg {
        height: calc(100vw * (258 / 1180));
    }
    .product.detail .support .item .product_list .title {
        margin-top: calc(100vw * (24 / 1180));
        font-size: calc(100vw * (22 / 1180));
    }
    .product.detail .support .item .product_list .txt {
        margin-top: calc(100vw * (10 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
}
@media (max-width: 767px) {
    .product.detail .support .item {
        padding-top: calc(100vw * (160 / 767));
    }
    .product.detail .support .item .hgroup h4 {
        font-size: calc(100vw * (52 / 767));
    }
    
    .product.detail .support .item .product_list {
        overflow: auto;
        white-space: nowrap;
        gap: calc(100vw * (20 / 767));
        margin-top: calc(100vw * (40 / 767));
        margin-right: calc(100vw * (-40 / 767));
        padding-right: calc(100vw * (40 / 767));
    }
    .product.detail .support .item .product_list::-webkit-scrollbar {
        display: none; 
    }
    .product.detail .support .item .product_list li {
        flex: 0 0 auto;
        width: calc(100vw * (440 / 767));
    }
    .product.detail .support .item .product_list .bg {
        height: calc(100vw * (440 / 767));
    }
    .product.detail .support .item .product_list .title {
        margin-top: calc(100vw * (32 / 767));
        font-size: calc(100vw * (32 / 767));
    }
    .product.detail .support .item .product_list .txt {
        margin-top: calc(100vw * (16 / 767));
        font-size: calc(100vw * (28 / 767));
    }
}

/* only pc hover */
@media (hover: hover) and (min-width: 1181px) {
    .product.detail .overview .thumb_list li:hover .bg img,
.product.detail .overview .swiper_product .thumb:hover .bg img,
.product.detail .support .item .product_list li:hover .bg img {
        transform: scale(1.075);
    }

    .product.detail .overview .swiper_product .swiper-button-prev:hover::after {
        background-image: url("../images/product/ico_arrow_prev_hover.svg");

    }
    .product.detail .overview .swiper_product .swiper-button-next:hover::after {
        background-image: url("../images/product/ico_arrow_next_hover.svg");
    }
    
}

/* selector */

/* skeleton (목록 로딩 중 표시) */
@keyframes product_skeleton_shimmer {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}

/* only pc hover */

/* 상품 상세 여백 */
.product.detail .blank {
    position: relative;  
    height: calc(20 * var(--pv-rem));
}
.product.detail .blank::after {
    content: "";
    display: block;
    clear: both;
}

@media (max-width: 1919px) {
    .product.detail .blank {
        height: calc(100vw * (200 / 1919));
    }
}
@media (max-width: 1180px) {
    .product.detail .blank {
        height: calc(100vw * (160 / 1180));
    }
}

@media (max-width: 767px) {
    .product.detail .blank {
        height: calc(100vw * (160 / 767));
    }
}

/* 차트 클릭하면 layer */
.layer_chart {
    position: fixed;
    left: 0;
    top: 0;
    width: calc(100vw - calc(16 * var(--pv-rem)));
    height: calc(100vh - calc(16 * var(--pv-rem)));
    margin: calc(8 * var(--pv-rem));
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
    transition: all 0.2s;
}
.layer_chart.on {
    opacity: 1;
    pointer-events: auto;
}
.layer_chart .layer_inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.layer_chart .layer_content {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #fff;
}
.layer_chart img {
    object-fit: contain;
}

@media (max-width: 1919px) {
    .layer_chart {
        width: calc(100vw - calc(100vw * (160 / 1919)));
        height: calc(100vh - calc(100vw * (160 / 1919)));
        margin: calc(100vw * (80 / 1919));
    }
}
@media (max-width: 1180px) {
    .layer_chart {
        top: 50%;
        transform: translateY(-50%);
        width: calc(100vw - calc(100vw * (100 / 1180)));
        height: auto;
        margin: 0 calc(100vw * (50 / 1180));
    }
}

@media (max-width: 767px) {
    .layer_chart {
        top: 0;
        transform: translateY(0);
        width: 100%;
        height: 100%;
        margin: 0;
        overflow-x: auto;
        white-space: nowrap;
    }
    .layer_chart .layer_inner {
        width: calc(100vw * (2400 / 767));
        padding: calc(100vw * (40 / 767));
    }
    .layer_chart img {
        object-fit: contain;
    }
}

/* 카드슬라이드(아이폰) - product_card_slides : 외부 라이브러리 없이 CSS scroll-snap + 화살표 네비 */
.product.detail .overview.product_card_slides .type {
    padding: calc(20 * var(--pv-rem)) 0;
    background: var(--bg-color, #000);
}
/* overview(#overview) .intro .inner 와 동일한 좌우 정렬/폭 */
.product.detail .overview.product_card_slides .inner {
    max-width: calc(calc(120 * var(--pv-rem)) + calc(16 * var(--pv-rem)));
}
/* 타이틀 (좌측 정렬) - 공통 .overview .type .hgroup 의 width:calc(120 * var(--pv-rem))/margin:auto 덮어쓰기 */
.product.detail .overview.product_card_slides .hgroup {
    width: 100%;
    margin: 0;
    text-align: left;
}
.product.detail .overview.product_card_slides .hgroup h4 {
    line-height: 1.25;
    font-size: calc(3.6 * var(--pv-rem));
    font-weight: 800;
    color: var(--title-color, #fff);
}
.product.detail .overview.product_card_slides .hgroup .txt {
    margin-top: calc(1.6 * var(--pv-rem));
    line-height: 1.6;
    font-size: calc(2 * var(--pv-rem));
    color: var(--title-color, #fff);
    opacity: .7;
}

/* 슬라이드 트랙 */
.product.detail .overview.product_card_slides .card_slides {
    margin-top: calc(6 * var(--pv-rem));
}
.product.detail .overview.product_card_slides .card_slides_list {
    display: flex;
    gap: calc(1.2 * var(--pv-rem));
    overflow-x: auto;
    /* scroll-snap은 JS rAF 애니메이션과 충돌하므로 사용하지 않음 (위치 제어는 JS가 담당) */
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    /* 좌우 풀블리드: 스크롤된 카드가 양쪽 화면 끝까지 흘러나가고(좌측 잘림 방지), 첫 카드는 본문 좌측에 정렬 */
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(50vw - 50%);
}
.product.detail .overview.product_card_slides .card_slides_list::-webkit-scrollbar {
    display: none;
}
/* 트랙 끝 스페이서: 마지막 카드가 오른쪽 끝에서 한 칸 더 왼쪽까지 갈 수 있도록 (카드 1개 폭) */
.product.detail .overview.product_card_slides .card_slides_list::after {
    content: "";
    flex: 0 0 auto;
    width: calc(36 * var(--pv-rem));
}

/* 카드 */
.product.detail .overview.product_card_slides .card {
    position: relative;
    flex: 0 0 auto;
    width: calc(36 * var(--pv-rem));
    height: calc(67.2 * var(--pv-rem));
    scroll-snap-align: start;
    overflow: hidden;
    border-radius: calc(2.4 * var(--pv-rem));
    background: #000;
}
.product.detail .overview.product_card_slides .card .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.product.detail .overview.product_card_slides .card .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: none;
}
.product.detail .overview.product_card_slides .card .text {
    position: absolute;
    left: 50%;
    top: calc(3.5 * var(--pv-rem));
    transform: translateX(-50%);
    width: calc(29.4 * var(--pv-rem));
}
.product.detail .overview.product_card_slides .card .text .title {
    display: block;
    line-height: 1.25;
    font-size: calc(2.4 * var(--pv-rem));
    font-weight: 700;
    color: var(--card-title-color, var(--card-color, #fff));
}
.product.detail .overview.product_card_slides .card .text .bullet_list {
    margin-top: calc(1.6 * var(--pv-rem));
}
.product.detail .overview.product_card_slides .card .text .bullet_list li {
    position: relative;
    padding-left: calc(1.6 * var(--pv-rem));
    line-height: 1.6;
    font-size: calc(2 * var(--pv-rem));
    font-weight: 400;
    color: var(--card-color, #fff);
}
.product.detail .overview.product_card_slides .card .text .bullet_list li::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
}

/* 화살표 네비 (.headerArea .inner .visual_list li a::before 아이콘 재사용) */
.product.detail .overview.product_card_slides .btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: calc(1.8 * var(--pv-rem));
    margin-top: calc(4 * var(--pv-rem));
}
.product.detail .overview.product_card_slides .btns button {
    width: calc(3.6 * var(--pv-rem));
    height: calc(3.6 * var(--pv-rem));
    background: url("../images/common/ico_arrow_overview.svg") no-repeat center / 100% 100%;
    cursor: pointer;
    opacity: .85;
    transition: opacity .2s;
    /* 배경색에 따라 화살표 색 자동 반전 (흰 배경 → 검정, 검정 배경 → 흰색) */
    mix-blend-mode: difference;
}
.product.detail .overview.product_card_slides .btns button:hover:not(:disabled) {
    opacity: 1;
}
.product.detail .overview.product_card_slides .btns button:active:not(:disabled) {
    opacity: .6;
    transition: opacity 0s;
}
.product.detail .overview.product_card_slides .btns .btn_prev {
    transform: scaleX(-1);
}
.product.detail .overview.product_card_slides .btns button:disabled {
    opacity: .35;
    cursor: default;
}

@media (max-width: 1919px) {
    .product.detail .overview.product_card_slides .type {
        padding: calc(100vw * (200 / 1919)) 0;
    }
    .product.detail .overview.product_card_slides .inner {
        max-width: calc(calc(100vw * (1200 / 1919)) + calc(100vw * (160 / 1919)));
    }
    .product.detail .overview.product_card_slides .hgroup {
        width: 100%;
    }
    .product.detail .overview.product_card_slides .hgroup h4 {
        font-size: calc(100vw * (36 / 1919));
    }
    .product.detail .overview.product_card_slides .hgroup .txt {
        margin-top: calc(100vw * (16 / 1919));
        font-size: calc(100vw * (20 / 1919));
    }
    .product.detail .overview.product_card_slides .card_slides {
        margin-top: calc(100vw * (60 / 1919));
    }
    .product.detail .overview.product_card_slides .card_slides_list {
        gap: calc(100vw * (12 / 1919));
    }
    .product.detail .overview.product_card_slides .card_slides_list::after {
        width: calc(100vw * (360 / 1919));
    }
    .product.detail .overview.product_card_slides .card {
        width: calc(100vw * (360 / 1919));
        height: calc(100vw * (672 / 1919));
        border-radius: calc(100vw * (24 / 1919));
    }
    .product.detail .overview.product_card_slides .card .text {
        top: calc(100vw * (35 / 1919));
        width: calc(100vw * (294 / 1919));
    }
    .product.detail .overview.product_card_slides .card .text .title {
        font-size: calc(100vw * (24 / 1919));
    }
    .product.detail .overview.product_card_slides .card .text .bullet_list {
        margin-top: calc(100vw * (16 / 1919));
    }
    .product.detail .overview.product_card_slides .card .text .bullet_list li {
        padding-left: calc(100vw * (16 / 1919));
        font-size: calc(100vw * (20 / 1919));
    }
    .product.detail .overview.product_card_slides .btns {
        gap: calc(100vw * (18 / 1919));
        margin-top: calc(100vw * (40 / 1919));
    }
    .product.detail .overview.product_card_slides .btns button {
        width: calc(100vw * (36 / 1919));
        height: calc(100vw * (36 / 1919));
    }
}
@media (max-width: 1180px) {
    .product.detail .overview.product_card_slides .type {
        padding: calc(100vw * (160 / 1180)) 0;
    }
    .product.detail .overview.product_card_slides .hgroup {
        width: 100%;
    }
    .product.detail .overview.product_card_slides .hgroup h4 {
        font-size: calc(100vw * (40 / 1180));
    }
    .product.detail .overview.product_card_slides .hgroup .txt {
        margin-top: calc(100vw * (16 / 1180));
        font-size: calc(100vw * (20 / 1180));
    }
    .product.detail .overview.product_card_slides .card_slides {
        margin-top: calc(100vw * (60 / 1180));
    }
    .product.detail .overview.product_card_slides .card_slides_list {
        gap: calc(100vw * (16 / 1180));
    }
    .product.detail .overview.product_card_slides .card_slides_list::after {
        width: calc(100vw * (320 / 1180));
    }
    .product.detail .overview.product_card_slides .card {
        width: calc(100vw * (320 / 1180));
        height: calc(100vw * (600 / 1180));
        border-radius: calc(100vw * (20 / 1180));
    }
    .product.detail .overview.product_card_slides .card .text {
        top: calc(100vw * (32 / 1180));
        width: calc(100vw * (260 / 1180));
    }
    .product.detail .overview.product_card_slides .card .text .title {
        font-size: calc(100vw * (24 / 1180));
    }
    .product.detail .overview.product_card_slides .card .text .bullet_list {
        margin-top: calc(100vw * (16 / 1180));
    }
    .product.detail .overview.product_card_slides .card .text .bullet_list li {
        padding-left: calc(100vw * (16 / 1180));
        font-size: calc(100vw * (18 / 1180));
    }
    .product.detail .overview.product_card_slides .btns {
        gap: calc(100vw * (18 / 1180));
        margin-top: calc(100vw * (40 / 1180));
    }
    .product.detail .overview.product_card_slides .btns button {
        width: calc(100vw * (44 / 1180));
        height: calc(100vw * (44 / 1180));
    }
}
@media (max-width: 767px) {
    .product.detail .overview.product_card_slides .type {
        padding: calc(100vw * (160 / 767)) 0;
    }
    .product.detail .overview.product_card_slides .hgroup h4 {
        font-size: calc(100vw * (44 / 767));
    }
    .product.detail .overview.product_card_slides .hgroup .txt {
        margin-top: calc(100vw * (20 / 767));
        font-size: calc(100vw * (30 / 767));
    }
    .product.detail .overview.product_card_slides .card_slides {
        margin-top: calc(100vw * (50 / 767));
    }
    .product.detail .overview.product_card_slides .card_slides_list {
        gap: calc(100vw * (20 / 767));
    }
    /* 모바일: 마지막 카드 오른쪽에 카드 간격(gap)만큼만 여백 주고 종료 (스페이서 폭 0 → 카드~스페이서 사이 gap 하나만 추가됨) */
    .product.detail .overview.product_card_slides .card_slides_list::after {
        width: 0;
    }
    /* 모바일: 카드 1.4개 노출 → 슬라이드 가능 암시 */
    .product.detail .overview.product_card_slides .card {
        width: calc(100vw * (440 / 767));
        height: calc(100vw * (820 / 767));
        border-radius: calc(100vw * (24 / 767));
    }
    .product.detail .overview.product_card_slides .card .text {
        top: calc(100vw * (44 / 767));
        width: calc(100vw * (360 / 767));
    }
    .product.detail .overview.product_card_slides .card .text .title {
        font-size: calc(100vw * (36 / 767));
    }
    .product.detail .overview.product_card_slides .card .text .bullet_list {
        margin-top: calc(100vw * (24 / 767));
    }
    .product.detail .overview.product_card_slides .card .text .bullet_list li {
        padding-left: calc(100vw * (24 / 767));
        font-size: calc(100vw * (28 / 767));
    }
    .product.detail .overview.product_card_slides .btns {
        gap: calc(100vw * (24 / 767));
        margin-top: calc(100vw * (40 / 767));
    }
    .product.detail .overview.product_card_slides .btns button {
        width: calc(100vw * (64 / 767));
        height: calc(100vw * (64 / 767));
    }
}

/* textarea 설명 필드: admin에서 입력한 줄바꿈·연속 공백 그대로 표시 */
.product.detail .overview .intro .hgroup .txt,
.product.detail .overview .post .post_list .content .txt,
.product.detail .overview .record .tab_content .explain_list .content .txt,
.product.detail .overview .app .content .txt,
.product.detail .overview.product_card_slides .hgroup .txt {
    white-space: pre-wrap;
}