@charset "utf-8";

/* typography */
.t-heading-80-24-tight { line-height: var(--lh-xs) }
.t-heading-80-24 {
    font-family: var(--font-head);
    font-size: 80px;
    font-weight: 700;
    line-height: var(--lh-base);
}
.t-heading-56-24 {
    font-family: var(--font-head);
    font-size: 56px;
    font-weight: 700;
}
.t-heading-32-24 {
    font-family: var(--font-head);
    font-size: 32px;
    font-weight: 700;
}
@media screen and (max-width: 1023px) {
    .t-heading-80-24 { font-size: 24px; }
    .t-heading-56-24 { font-size: 24px; }
    .t-heading-32-24 { font-size: 24px; }
}
/* btns */
.btn:not(.btn-only-icon-notbg):hover, 
.btn:not(.btn-only-icon-notbg):active { background-color: var(--Primary-Color-Red); }
.btn.lg-txt-btn01:hover,
.btn.lg-txt-btn01:active,
.btn.lg-txt-btn02:hover,
.btn.lg-txt-btn02:active,
.btn.md-txt-btn02:hover,
.btn.md-txt-btn02:active,
.btn.xl-txt-btn02:hover,
.btn.xl-txt-btn02:active { background-color: unset; }

/* tag */
.tag-list-wrap [class^="tag-list"] {
    position: relative;
    display: flex;
    align-items: center;
}
.tag-list-wrap [class^="tag-list"] li {
    position: relative;
    margin-bottom: 8px;
}
.tag-list-wrap [class^="tag-list"] li:not(:last-child) { margin-right: 8px; }
.tag-list-wrap [class^="tag-list"] li .tag-item {
    display: block;
    padding: 8px 16px;
    font-family: var(--font-text);
    font-size: 20px;
    font-weight: 500;
    line-height: var(--lh-lg);
    border-radius: 22px;
    cursor: pointer;
}
.tag-list-wrap [class^="tag-list"] li .tag-item:hover {
    background-color: var(--Primary-Color-Red);
    color: var(--Primary-Color-White);
}
.tag-list-wrap [class^="tag-list"] li input:checked+.tag-item {
    background-color: var(--Primary-Color-Red);
    color: var(--Primary-Color-White);
}
.tag-list-wrap [class^="tag-list"][class*="ty02"] li input:checked+.tag-item {
    color: var(--Primary-Color-White);
    background-color: var(--Primary-Color-Black);
}
.tag-list-wrap [class^="tag-list"][class*="multi"] { flex-wrap: wrap; }
.tag-list-wrap input[type="checkbox"], input[type="radio"] {
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
    opacity: 0;
    -webkit-appearance: none;
}
@media screen and (max-width: 1023px) {
    .tag-list-wrap [class^="tag-list"] { flex-wrap: wrap; }
    .tag-list-wrap [class^="tag-list"] li { margin-bottom: 4px; }
    .tag-list-wrap [class^="tag-list"] li:not(:last-child) { margin-right: 4px; }
    .tag-list-wrap [class^="tag-list"] li .tag-item {
        padding: 6px 12px;
        font-size: 17px;
        font-weight: 500;
    }
    .tag-list-wrap [class^="tag-list"][class*="multi"] li:not(:last-child) { margin-right: 8px; }
}

.brand .brand-banner .content-box:last-child,
.brand .gallery-wrap .content-box:last-child,
.brand .content-box--banner:last-child { padding-bottom: unset; }

/* Brand 공통 */
/* Brand 상단 관련 */
.brand-heading .c-text {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    flex-direction: column;
    height: 440px;
    color: var(--Primary-Color-Black);
    text-align: center;
    background-color: var(--Primary-Color-White);
}
.brand-heading .c-text__desc { font-weight: 500; }
.content-visual--overlay-pc .content-visual__header {
    display: flex;
    position: absolute;  
    flex-direction: column;
    align-items: center;
    top: 50%;
    left: 50%;
    width: 100%;
    padding: 0 80px;
    transform: translate(-50%, -50%);
}
.content-visual--overlay-pc .content-visual__title {
    color: var(--Primary-Color-White);
    text-align: center;
}
.content-visual--overlay-pc .content-visual__date {
    display: flex;  
    position: absolute;
    justify-content: center;
    width: 100%;
    bottom: 104px;
    color: var(--Primary-Color-White);
    font-size: 12px;
}
.content-visual--overlay-pc .content-visual__tag {
    display: flex;  
    position: absolute;
    justify-content: center;
    gap: 32px;
    width: 100%;
    bottom: 60px;
}
.content-visual--overlay-pc .content-visual__tag li a {
    font-family: var(--font-text);
    font-size: 14px;
    font-weight: 400;
    color: var(--Primary-Color-White);
}
.content-visual--overlay-pc .content-visual__tag li a:hover {
    text-decoration: underline;
    font-weight: 700;
}
.content-visual--overlay-pc .content-visual__media {
    position: relative;
    height: 100%;
}
.content-visual--overlay-pc .content-visual__video {
    width: 100%;
    height: 100%;
    max-height: calc(var(--vh, 1vh) * 100 - 70px);
    object-fit: cover;
}
.content-visual--overlay-pc .content-visual__poster {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}
.content-visual--overlay-pc .content-visual__cover {
    width: 100%;
    height: 100%;
    max-height: calc(var(--vh, 1vh) * 100 - 70px);
    object-fit: cover;
}
.content-visual--overlay-pc .content-visual__image {
    height: 100%;
    object-fit: cover;
}
.content-visual--overlay-pc .content-visual__btns {
    display: flex;
    position: absolute;
    gap: 18px;
    right: 20px;
    bottom: 20px;
}
.content-visual--text .content-visual__title { text-align: center; }
.content-visual--text .content-visual__subtitle { text-align: center; }
@media screen and (max-width: 1023px) {
    .brand-heading .c-text { height: 400px; }
    .content-visual.content-visual--overlay-pc {
        height: auto;
        background: var(--Primary-Color-White);
    }
    .content-visual.content-visual--overlay-pc:after {
        content:"";
        display: block;
        width: 96px;
        height: 1px;
        margin: 0 auto;
        background-color: var(--Line-Color-Line_04);
    }
    .content-visual--overlay-pc .content-visual__header {
        position: static;  
        padding: 0 24px;
        margin: 40px 0 20px 0;
        transform: translate(0, 0);
    }    
    .content-visual--overlay-pc .content-visual__title { color: var(--Primary-Color-Black); }
    .content-visual--overlay-pc .content-visual__title-tight { line-height: 21.6px; }
    .content-visual--overlay-pc .content-visual__date {
        position: static;
        transform: translateX(0);
        color: var(--Primary-Color-Black);
    }
    .content-visual--overlay-pc .content-visual__tag {
        position: static;
        flex-wrap: wrap;
        gap: 9px 16px;
        margin: 33px auto 52px;
        padding: 0 24px;
        transform: translateX(0);
    }
    .content-visual--overlay-pc .content-visual__tag-tight { margin: 20px auto 52px; }
    .content-visual--overlay-pc .content-visual__tag li a {
        font-family: var(--font-text);
        font-size: 14px;
        font-weight: 400;
        line-height: 19.6px;
        color: var(--Primary-Color-Black);
    }
    .content-visual--overlay-pc .content-visual__tag li a:hover {
        text-decoration: underline;
        font-weight: 700;
    }
    .content-visual--overlay-pc .content-visual__media {
        height: 100%;
        max-height: 360px;
    }
    .content-visual--overlay-pc .content-visual__image {
        height: 100%;
        object-fit: cover;
    }
    .content-visual--overlay-pc .content-visual__video { height: 360px; }
    .content-visual--overlay-pc .content-visual__image {
        height: 100%;
        object-fit: cover;
    }
    .content-visual--overlay-pc .content-visual__btns {
        right: 12px;
        bottom: 12px;
    }
    .content-visual--text .content-visual__title { width: 100%; }
}

/* Brand 본문 관련 */
.brand-content .content-box {padding: 200px 0;}
.brand-content .container {
    padding: 0px 80px;
    text-align: center;
}
.brand-content .container--full { padding: 0; }
.brand-content .c-text {
    max-width: 1196px;
    margin: 0 auto;
}
.brand-content .c-text__desc {
    margin-top: 20px;
    font-weight: 500;
}
.brand-content .mgb-20 { margin-bottom: 20px; }
.brand-content .mgb-40 { margin-bottom: 40px; }
.brand-content .mgb-40-28 { margin-bottom: 40px; }
.brand-content .mgb-60 { margin-bottom: 60px; }
.brand-content .mgb-60-96 { margin-bottom: 60px; }
.brand-content .mgb-80 { margin-bottom: 80px; }
.brand-content .mgb-100 { margin-bottom: 100px; }
.brand-content .mgb-160 { margin-bottom: 160px; }
.brand-content .content-box-tabs { padding: 0; }
.brand-content .content-box-tabs .c-tab__content { margin-top: 80px; }
.brand-content .c-media__poster { position: relative; }
.brand-content .c-media__poster::before {
    content: "";
    display: block;
    width: 138px;
    height: 138px;
    background: url(/inc/images/icon/icon-play-video.svg) no-repeat center center / 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.brand-content a:hover .c-media__poster::before { background-image: url(/inc/images/icon/icon-play-video-hover.svg); }
.brand .font-lh--tight { line-height: var(--lh-xs) }
.brand .card-list-search + .card-list-search {padding-top: 100px;}
.brand .brand-banner { margin-top: 240px; }
.brand .brand-banner .c-banner { margin-top: 0; }
.brand .brand-banner .c-banner {
    display: block;
    padding: 0;
}
.brand .gallery-wrap + .brand-banner { margin-top: 240px; }
.brand .gallery-wrap + .content-bottom { margin-top: 0px; }
@media screen and (max-width: 1023px) {
    .brand-content .content-box { padding: 120px 0; }
    .brand-content .container { padding: 0px 24px; }
    .brand-content .container--full { padding: 0; }
    .brand-content .c-text__desc { margin-top: 12px; }
    .brand-content .mgb-20 { margin-bottom: 12px; }
    .brand-content .mgb-40 { margin-bottom: 20px; }
    .brand-content .mgb-40-28 { margin-bottom: 28px; }
    .brand-content .mgb-60 { margin-bottom: 36px; }
    .brand-content .mgb-60-96 { margin-bottom: 96px; }
    .brand-content .mgb-80 { margin-bottom: 44px; }
    .brand-content .mgb-100 { margin-bottom: 64px; } 
    .brand-content .mgb-160 { margin-bottom: 100px;}
    .brand-content .content-box-tabs { padding:0; }
    .brand-content .content-box-tabs .c-tab__content { margin-top: 44px; }
    .brand-content .c-media__poster::before {
        width: 40px;
        height: 40px;
    }
    .brand .card-list-search + .card-list-search {padding-top: 44px;}
    .brand .font-lh--tight { line-height: var(--lh-xs); }
    .brand .brand-banner { margin-top: 152px; }
    .brand .gallery-wrap + .brand-banner { margin-top: 152px; }
    .brand .container--full-mo { padding: 0; }

    /* hyundai-n-about-n 자동차 리스트 - 모바일만 노출 */
    .car-list { margin-top: 12px; }
    .car-list li:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        margin: 28px 0;
        background-color: var(--Line-Color-Line_02);
    }
    .car-list li:last-child:after { display: none; }
    .car-list li a {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 13px;
    }
    .car-list li a .car-list__image {
        width: 96px;
        height: 43px;
    }
    .car-list li a .car-list__text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        font-family: var(--font-head);
    }
    .car-list li a .car-list__text h2 {
        font-size: 20px;  
        font-weight: 700;
        color: var(--Primary-Color-Red);
    }
    .car-list li a .car-list__text h3 {
        font-size: 20px;  
        font-weight: 700;
        color: var(--Primary-Color-Black);
    }
    .car-list li a .car-list__text p {
        font-family: var(--font-text);
        font-size: 16px;
        font-weight: 500;
        color: var(--Primary-Color-Black);
    }
    .car-list li a .car-list__text img {
        width: auto;
        height: 23px;
        margin-bottom: 4px;
    }
}

/* 별도 케이스 */
.brand-content .content-box--overlay {
    overflow: hidden;
    padding: 0;
}
.brand-content .content-box--overlay .c-media__image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.brand-content .content-box--overlay .c-media__image img {
    width: auto;
    height: 100%;
    object-fit: cover;
}
.brand-content .content-box--overlay .c-text {
    position: relative;
    max-width: 1440px;
    padding: 465px 160px 200px;
    color: var(--Primary-Color-White);
    text-align: left;
}
.brand-content .content-box--overlay .c-text__subtitle { margin-top: 40px; }
.brand-content .content-box--image { padding: 0; }
.brand-content .content-box--text { padding: 0; }
.brand-content .content-box--text .container { padding: 0 80px; }
.brand-content .content-box--text .c-text__subtitle {
    font-weight: 500;
    margin-top: 40px;
}
@media screen and (max-width: 1023px) {
    .brand-content .content-box--overlay .c-media__image { width: 100%; }
    .brand-content .content-box--overlay .c-media__image img { width: 100%; }
    .brand-content .content-box--overlay .c-text { padding: 280px 24px 120px; }
    .brand-content .content-box--overlay .c-text__subtitle { margin-top: 28px; }
    .brand-content .content-box--text .c-text__subtitle { margin-top: 28px; }
    .brand-content .content-box--text .container { padding: 0 24px; }
    .brand-content .content-box--image-full .c-media__image {
        position: relative;
        height: 240px;
    }
    .brand-content .content-box--image-full .c-media__image img {
        position: absolute;
        height: 100%;
        object-fit: cover;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

/* Brand 하단 관련 */
.content-wrap.brand .content-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 60px;
    padding: 200px 0 240px 0;
}
.content-wrap.brand .editor-box-wrap + .content-bottom { padding: 126px 0 160px 250px; }
.content-wrap.brand .content-bottom .sns-box {
    display: flex;
    gap: 32px;
}
@media screen and (max-width: 1023px) {
    .content-wrap.brand .content-bottom { padding: 120px 0 160px 0; }
    .content-wrap.brand .editor-box-wrap + .content-bottom { padding: calc(120px - 15.83vw) 0 160px 0; }
    .content-wrap.brand .content-bottom .sns-box {
        display: flex;
        gap: 20px;
    }
}

/* history */
.history-box {
    position: relative;
    margin-top: 120px;
    margin-bottom: 240px;
}
.history-box > ul {
    overflow: hidden;
    position: relative;
    padding: 40px 0 0 0;
}
.history-box .history-list:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 4px;
    height: 100%;
    top: 160px;
    left: 50%;
    background: var(--Line-Color-Line_02);
}
.history-box .history-list > li {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 268px;
}
.history-box .history-list > li:not(:last-child) { padding-bottom: 160px; }
.history-box .history-pointer {
    content: "";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    top: 120px;
    left: 50.1%;
    transform: translateX(-49%);
    z-index: 10;
    background-color: var(--Primary-Color-Red);
    transition: top 0.5s ease-in-out;
}
.history-box .history-list li .text-area {
    max-width: 586px;
    padding: 80px 0;
}
.history-box .history-list li .text-area .year {
    font-weight: 700;
    font-size: 80px;
    font-family: var(--font-head);
    color: var(--Primary-Color-Red);
}
.history-box .history-list li .text-area .title {
    font-size: 40px;
    font-weight: 700;
    margin-top: 20px;
}
.history-box .history-list li .text-area .info .desc {
    margin-top: 12px;
    font-size: 20px;
    font-weight: 500;
}
.history-box .history-list li .text-area .sub-text-list {
    margin-top: 20px;
}
.history-box .history-list li .img-wrap {
    position: relative;
    max-width: 586px;
    height: 440px;
}
.history-box .history-list li .img-wrap .ico-video-play {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 92px;
    height: 92px;
    background: url(/inc/images/icon/icon-play-video.svg);
    background-size: contain;
    cursor: pointer;
    transform: translate(-50%, -50%);
}
.history-box .history-list li .img-wrap .ico-video-play:hover {
    background: url(/inc/images/icon/icon-play-video-hover.svg);
    background-size: contain;
}
.history-box .history-list li .img-wrap.small { height: 330px; }
.history-box .history-list li .img-wrap.big { height: 1038px; }
.history-box .history-list li .img-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.history-box .history-list li .img-wrap:not(:last-child) { margin-bottom: 80px; }
.history-box .history-list > li:nth-child(2n) { justify-content: flex-start; }
.history-box .history-list > li:nth-child(2n) .text-area { order: 2; }
.history-box .history-list > li:nth-child(2n) .img-box { order: 1; }
.history-box .history-list li > div { flex: 1 1 586px; }
.history-box .history-list li .img-wrap a { position: relative; }
.sub-text-list li {
    position: relative;
    padding-left: 16px;
}
.sub-text-list li:not(:last-child) { margin-bottom: 12px; }
.sub-text-list li:before {
    content: "";
    position: absolute;
    display: inline-block;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background: var(--Secondary-Color-Black_777777);
}
@media screen and (max-width: 1023px) {
    .history-box {
        overflow: hidden;
        margin-top: 80px;
        margin-bottom: 160px;
    }
    .history-box > ul { padding: 28px 0 0 0; }
    .history-box .history-pointer {
        left: 10px;
        top: 46px;
        width: 12px;
        height: 12px;
    }
    .history-box .history-list:after {
        left: 8px;
        top: 46px;
    }
    .history-box .history-list > li {
        display: block;
        text-align: left;
    }
    .history-box .history-list > li:not(:last-child) { padding-bottom: 100px; }
    .history-box .history-list > li::after {
        position: absolute;
        top: 20px;
        left: 0;
        width: 12px;
        height: 12px;
        transform: revert;
    }
    .history-box .history-list li .text-area {
        max-width: revert;
        padding: 0 0 40px 46px !important;
    }
    .history-box .history-list li .text-area .year { font-size: 40px; }
    .history-box .history-list li .text-area .title { font-size: 24px; }
    .history-box .history-list li .text-area .info .desc { font-size: 17px; }
    .history-box .history-list li .img-box { padding-left: 46px !important; }
    .history-box .history-list li .img-wrap {
        overflow: hidden;
        position: relative;
        width: 100%;
        min-width: 258px;
        height: 0;
        padding-top: calc((192 / 258) * 100%);
    }
    .history-box .history-list li .img-wrap.small {
        height: 0;
        padding-top: calc((146 / 258) * 100%);
    }
    .history-box .history-list li .img-wrap.big {
        height: 0;
        padding-top: calc((459 / 258) * 100%);
    }
    .history-box .history-list li .img-wrap img {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -50%);
    }
    .history-box .history-list li .img-wrap:not(:last-child) { margin-bottom: 44px; }
    .history-box .history-list li .img-wrap .ico-video-play {
        width: 67px;
        height: 67px;
    }
    .history-box .history-list li .img-wrap a { position: static; }    
}

/* Brand history */
.brand-history {
    display: flex;
    justify-content: center;
}
.brand .history-box-wrap { padding-top: 0; }
.brand .history-box-wrap .c-text__title { text-align: center; }
.brand .history-box {
    padding: 0 80px;
    margin-bottom: 0;
    margin-top: 120px;
}
.brand .history-box .history-list li .text-area .sub-text-list { margin-top: 12px; }
.brand .history-box .history-list li .text-area .sub-text-list li {
    font-size: 20px;
    font-weight: 500;
}
.brand .history-box .history-list li .text-area .info .desc {
    margin-top: 20px;
    font-size: 16px;
    font-weight: 500;
}
.brand .history-box .history-list li:first-child .img-wrap { margin-top: 0; }
.brand .history-box .history-list > li:nth-child(odd) { justify-content: flex-start; }
.brand .history-box .history-list > li:nth-child(odd) .text-area { order: 1; }
.brand .history-box .history-list > li:nth-child(odd) .img-box { order: 2; }
@media screen and (max-width: 1023px) {
    .brand .history-box-wrap { margin: auto 0; }
    .brand .history-box {
        padding: 0;
        margin-top: 92px;
    }
    .brand .history-box .history-list li .text-area .sub-text-list li { font-size: 17px; }
    .brand .history-box .history-list li:first-child .img-wrap { margin-top: 0; }
}

/* Brand tabs */
.brand .c-tab__link { padding: 11px 20px; }
@media screen and (max-width: 1023px) {
    .brand .c-tab__list {
        flex-direction: column;
        padding: 0 30px;
    }
    .brand .c-tab__item { border-style: solid solid none solid; }
    .brand .c-tab__item:last-child { border-style: solid solid solid solid; }
    .brand .c-tab__content { margin-top: 44px; }
}

/* Brand swiper */
/** Brand content swiper **/
.brand .swiper-slide a { display: block; }
.content-item-swiper .content-box { padding: 120px 0; }
@media screen and (max-width: 1023px) {
    .content-item-swiper .content-box { padding: 80px 0; }
}

/** Brand Gallery swiper **/
.brand .gallery-wrap { text-align: center; }
.brand .gallery-wrap .c-swiper--gallery { padding: 0; }
.brand .c-swiper--gallery .swiper-slide img { max-height: 673px; }
.brand .c-swiper--gallery .text-area {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 28px;
    background: var(--Secondary-Color-Black_Natural);
}
.brand .c-swiper--gallery a + .text-area { padding-top: 20px; }
.brand .c-swiper--gallery .text-area .list-box button:hover { text-decoration: underline; }
.brand .c-swiper--gallery .img-area .title {
    padding-top: 28px;
    font-size: 32px;
    font-weight: 700;
}
.brand .c-swiper--gallery .text-area .title {
    font-size: 32px;
    font-weight: 700;
}
.brand .c-swiper--gallery .text-area .list-box ul { display: flex; }
.brand .c-swiper--gallery .text-area .list-box ul li {
    font-size: 14px;
    font-weight: 400;
}
.brand .c-swiper--gallery .text-area .list-box ul li:not(:last-child) { padding-right: 12px; }
.brand .c-swiper--gallery .text-area .date {
    font-size: 12px;
    font-weight: 400;
}
.content-item-swiper .c-swiper--gallery { padding-bottom: 0px; }
.content-item-swiper .c-swiper--gallery .swiper-bottom-wrap { top: 42.5%; }
@media screen and (max-width: 1023px) {
    .brand .gallery-wrap .c-swiper--gallery .swiper-wrapper { margin: 0 0 40px; }
    .brand .c-swiper--gallery .swiper-wrapper {
        align-items: flex-start;
        margin-bottom: 60px;
    }
    .brand .c-swiper--gallery .text-area .list-box ul { flex-wrap: wrap; }
    .brand .c-swiper--gallery .text-area .list-box ul li { padding-bottom: 4px; }
    .brand .c-swiper--gallery .swiper-slide .img-area .img-ico-wrap::after {
        width: 67px;
        height: 67px;
    }
    .brand .c-swiper--gallery .img-area .title {
        padding-top: 16px;
        font-size: 20px;
        font-weight: 700;
    }
    .brand .c-swiper--gallery .img-area .title.font-lh--tight { line-height: var(--lh-xs); }
    .brand .c-swiper--gallery .text-area {
        gap: 16px;
        padding-top: 16px;
    }
    .brand .c-swiper--gallery .text-area .title { font-size: 20px; }
}

/* Brand Search */
.brand .content-item-search .content-box { padding: 160px 0 240px; }
.brand .content-item-search .content-box .container { padding: 0 80px; }
.search-container .tag-list-wrap {
    max-width: 708px;
    margin: 32px auto 0 auto;
}
.search-container .tag-list { justify-content: center; }
.search-result-list {margin-top: 100px;}
.search-result-list .desc {
    margin-bottom: 60px;
    font-size: 32px;
    line-height: var(--lh-lg);
    font-weight: 700;
}
.search-result-list .desc .keyword { color: var(--Primary-Color-Red); }
@media screen and (max-width: 1023px) {
    .brand .content-item-search .content-box { padding: 100px 0 160px; }
    .brand .content-item-search .content-box .container { padding: 0 24px; }
    .search-container .tag-list-wrap {
        max-width: revert;
        margin: 20px auto 0 auto;
    }
    .search-result-list { margin-top: 64px; }
    .search-result-list .desc {
        margin-bottom: 36px;
        font-size: 24px;
        text-align: center;
    }
}
/* Brand Search Card */
.card-list-search {
    display: flex;
    flex-wrap: wrap;
    gap: 80px 24px;
    width: 100%;
}
.card-list-search .c-card a { width: 100%; }
.card-list-search .c-card__media {
    width: 100%;
    height: auto;
}
.card-list-search .c-card__image {
    height: 100%;
    object-fit: cover;
}
.card-list-search .c-card__media--fit-image {
    position: relative;
    overflow: hidden;
    padding-top: calc((531 / 708) * 100%);
}
.card-list-search .c-card__media--fit-image .c-card__image {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    transform: translate(-50%, -50%);
}
.card-list-search .c-card__desc {
    z-index: 2;
    display: flex;
    position: absolute;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 44px;
    bottom: -44px;
    left: 0;
    padding: 14px 24px;
    text-align: center;    
    background-color: var(--Primary-Color-Red);
    transition: bottom 0.3s ease-in-out;
    color: var(--Primary-Color-White);
}
.card-list-search .c-card__desc p {
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-list-search .c-card a:hover .c-card__desc { bottom: 0; }
.card-list-search .c-card__body { margin: 20px 0; }
.card-list-search .c-card__tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0 12px;
    margin-top: 20px;
}
.card-list-search .c-card__tag-list li {
    font-size: 14px;
    font-weight: 400;
}
.card-list-search .c-card__tag-list li button {
    font-size: inherit
}
.card-list-search .c-card__date {
    margin-top: 20px;
    font-size: 12px;
    font-weight: 400;
}
.card-list-search.flex-layout--2col .c-card { width: calc((100% - 24px) / 2); }
.card-list-search.flex-layout--3col .c-card { width: calc((100% - 48px) / 3); }
.search-result-list .btn-wrap-default .btn { margin-top: 80px; }
.search-result-list .paging { margin-left: 8px; }
@media screen and (max-width: 1023px) {
    .card-list-search {
        display: flex;
        flex-wrap: wrap;
        gap: 44px 0;
        width: 100%;
    }
    .card-list-search .c-card__media--fit-image {
        position: relative;
        overflow: hidden;
        padding-top: calc((234 / 312) * 100%);
    }
    .card-list-search .c-card__body { margin: 16px 0 0 0; }
    .card-list-search .c-card__date { margin-top: 12px; }
    .card-list-search.flex-layout--2col .c-card { width: 100%; }
    .card-list-search.flex-layout--3col { gap: 44px 0; }
    .card-list-search.flex-layout--3col .c-card { width: 100%; }
    .search-result-list .btn-wrap-default .btn { margin-top: 44px; }
    .search-result-list .paging { margin-left: 4px; }
}

/* Brand Search Banner */
.search-result-list .c-banner {
    position: relative;
    margin: 100px 0;
    padding: 0;
}
.search-result-list .c-banner .c-banner__desc {
    display: flex;
    position: absolute;
    flex-direction: column;
    justify-content: space-between;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 40px 60px;
}
.search-result-list .c-banner .c-banner__text { color: var(--Primary-Color-White); }
/* 3단 이미지 리스트 없는 케이스 */
.search-result-list .c-banner:has(~ .card-list-search):not(:has(~ .card-list-search *)) {margin-bottom: 0;}
@media screen and (max-width: 1023px) {
    .search-result-list .c-banner { margin: 64px 0; }
    .search-result-list .c-banner .c-banner__desc {
        justify-content: flex-start;
        gap: 43px 0;
        padding: 32px 24px;
    }
}

/* Brand WRC */
.wrc-standing {
    padding: 200px 0px 188px;
    background: url(/inc/images/content/img_wrc-standing-bg.png) center / cover no-repeat;
}
.wrc-standing__list {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    gap: 120px;
    width: 100%;
    max-width: 774px;
    margin: 0 auto;
}
.wrc-standing__row:not(.wrc-standing__row--full) {
    display: flex;
    gap: 40px;
}
.wrc-standing__row--full .wrc-standing__text {
    font-size: 56px;
    line-height: var(--lh-base)
}
.wrc-standing__text {
    color: var(--Primary-Color-White);
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: var(--lh-lg)
}
.brand-content .wrc-spec-wrap { padding: 240px 0; }
.brand-content .wrc-spec-wrap .container {
    max-width: 952px;
    padding: 0;
}
.brand-content .wrc-spec-wrap .mypage-withdrawal-table {
    position: relative;
    max-width: 864px;
    margin: 20px auto 0;
    text-align: left;
    font-family: var(--font-text);
    border-collapse: collapse;
}
.brand-content .wrc-spec-wrap .mypage-withdrawal-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip-path: polygon(0 0, 0 0, 0 0);
}
.brand-content .wrc-spec-wrap .mypage-withdrawal-table tr { border-top: 1px solid var(--Line-Color-Line_a1a1a1); }
.brand-content .wrc-spec-wrap .mypage-withdrawal-table th {
    padding: 32px 0;
    font-size: 20px;
    font-weight: 500;
    vertical-align: top;
}
.brand-content .wrc-spec-wrap .mypage-withdrawal-table td {
    padding: 32px 0;
    padding-right: 44px;
    font-size: 24px;
    font-weight: 700;
}
.brand-content .wrc-spec-wrap .mypage-withdrawal-table tbody tr { border-bottom: 1px solid var(--Line-Color-Line_02); }
.content-box.line-up-wrap {
    padding: 200px 0;
    text-align: center;
    color: var(--Primary-Color-White);
    background: url(/inc/images/content/img_wrc_lineUp_bg.png) center / cover no-repeat;
}
.content-box.line-up-wrap .container {
    padding: 0 80px;
    max-width: 1440px;
}
.line-up-wrap .c-text .c-text__desc { margin: 0; }
.lineup_wrap {
    display: flex;
    justify-content: center;
    column-gap: 24px;
    max-width: 952px;
    margin: 0 auto;
    padding: 0 80px;
}
.lineup_wrap img {
    width: 100%;
    max-width: 464px;
}
.line-up-wrap .c-text__desc + .c-text__title {padding-top: 8px;}
.lineup_box {
    display: flex;
    justify-content: center;
    gap: 24px;
    max-width: 952px;
    margin: 80px auto 80px auto;
}
.lineup_info { width: 100%; }
.lineup_info .lineup_subtit {
    font-family: var(--font-head);
    font-size: 24px;
    font-weight: 700;
    line-height: var(--lh-lg);
}
.lineup_info .lineup_tit {
    margin: 28px auto 8px auto;
    font-family: var(--font-head);
    font-size: 40px;
    font-weight: 700;
    line-height: var(--lh-base);
    color: var(--Primary-Color-Blue);
}
.lineup_info .lineup_detail {
    margin-top: 20px;
    font-size: 20px;
    font-weight: 500;
    line-height: var(--lh-lg);
}
.wrc_swiper { padding: 0 80px; }
.wrc_swiper .swiper-bottom-wrap {
    top: 202.08px;
    bottom: auto;
    left: 0;
    width: 100%;
}
.wrc_swiper .swiper-button-prev,
.wrc_swiper .swiper-button-next { margin-top: 0; }
.wrc_swiper .swiper-button-prev:after { background-image: url(/inc/images/icon/icon-arrow-box-white_left.svg); }
.wrc_swiper .swiper-button-next:after { background-image: url(/inc/images/icon/icon-arrow-box-white_right.svg); }
.wrc_swiper .swiper-button-prev:hover:after { background-image: url(/inc/images/icon/icon-arrow-box-red_left.svg); }
.wrc_swiper .swiper-button-next:hover:after { background-image: url(/inc/images/icon/icon-arrow-box-red_right.svg); }
.wrc_swiper .swiper-button-prev.swiper-button-disabled,
.wrc_swiper .swiper-button-next.swiper-button-disabled { opacity: 1; }
.wrc_swiper .swiper-status-wrap {
    bottom: 0;
    height: fit-content;
}
.wrc_swiper .swiper-pagination-bullet { background-color: var(--Primary-Color-White); }
.wrc_swiper .swiper-pagination-bullet-active { background-color: var(--Primary-Color-Red); }
.wrc_article_wrap {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    text-align: left;
    font-family: var(--font-text);
}
.wrc_article_italic {
    padding: 0 16px;
    font-size: 32px;
    font-style: italic;
    font-weight: 700;
}
.wrc_article_wrap > div {
    flex-shrink: 0;
    width: 464px;
    padding: 0 16px;
}
.wrc_article_wrap > div p:first-of-type {
    font-size: 20px;
    font-weight: 500;
}
.wrc_article_wrap > div p:last-of-type {
    margin-top: 12px;
    font-size: 24px;
    font-weight: 700;
}
@media screen and (max-width: 1023px) {
    .brand-content .content-box--overlay.wrc-standing { padding: 120px 0px; }
    .wrc-standing__list {
        gap: 28px;
        padding: 0 24px;
    }
    .wrc-standing__row:not(.wrc-standing__row--full) { gap: 16px; }
    .wrc-standing__row--full .wrc-standing__text {
        font-family: var(--font-text);
        font-size: 20px;
        line-height: var(--lh-lg);
    }
    .wrc-standing__text {
        font-family: var(--font-text);
        font-size: 14px;
    }
    .brand-content .wrc-spec-wrap { padding: 152px 0; }
    .brand-content .wrc-spec-wrap .container { padding: 0 24px; }
    .brand-content .wrc-spec-wrap .mypage-withdrawal-table { margin: 12px auto 0; }
    .brand-content .wrc-spec-wrap .mypage-withdrawal-table th {
        display: block;
        margin: 0;
        padding: 20px 0 12px;
        font-size: 16px;
    }
    .brand-content .wrc-spec-wrap .mypage-withdrawal-table td {
        display: block;
        padding: 0 0 20px 0;
        font-size: 20px;
    }
    .content-box.line-up-wrap { padding: 120px 0 }
    .content-box.line-up-wrap .container { padding: 0 24px; }
    .wrc_swiper { padding: 0; }
    .wrc_swiper .swiper-status-wrap .btn-wrap { display: none; }
    .lineup_wrap {
        column-gap: 12px;
        padding: 0;
    }
    .line-up-wrap .c-text__desc + .c-text__title {padding-top: 12px;}
    .lineup_wrap img { width: calc(50% - 6.4px); }
    .lineup_box {
        flex-direction: column;
        gap: 36px;
        margin: 48px auto 48px auto;
    }
    .lineup_info { text-align: left; }
    .lineup_info .lineup_subtit { font-size: 18px; }
    .lineup_info .lineup_tit {
        margin: 16px auto 8px auto;
        font-size: 24px;
    }
    .lineup_info .lineup_detail {
        margin-top: 12px;
        font-size: 17px;
    }
    .wrc_article_wrap {
        flex-direction: column;
        gap: 20px;
    }
    .wrc_article_italic {
        padding: 0;
        font-size: 20px;
        line-height: var(--lh-lg);
    }
    .wrc_article_wrap > div {
        padding: 0;
        width: 100%;
    }
    .wrc_article_wrap > div p:first-of-type { font-size: 17px; }
    .wrc_article_wrap > div p:last-of-type { font-size: 20px; }   
}

/* Brand TCR */
.tcr-winner { color: var(--Primary-Color-White); }
.tcr-winner .c-text__logo { width: 218px; }
.tcr-winner .c-media__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 32px;
    margin-top: 32px;
    width: 100%;
}
.tcr-winner .c-media__list img { width: calc(25% - 32px); }
.content-box .c-text__year {
    margin-bottom: 20px;
    font-weight: 500;
}
.brand .fame-grid {
    row-gap: 80px;
    flex-wrap: wrap;
}
.brand .fame-date {
    margin-bottom: 12px;
    font-family: var(--font-head);
    font-size: 40px;
    font-weight: 700;
    color: var(--Primary-Color-Red);
}
.brand .fame-text {
    font-family: var(--font-head);
    font-size: 32px;
    font-weight: 700;
}
.brand .fame-img { margin: 28px 0; }
.tcr-choice {
    position: relative;
    height: 1400px;
    background-image: url(/inc/images/content/img_tcr_choice_bg_pc.png);
    background-position: bottom center;
    background-size: cover;
    color: var(--Primary-Color-White);
}
.content-line-btn {
    width: 100%;
    padding: 20px 60px;
    background-color: var(--Primary-Color-Blue);
}
.content-line-btn--inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1320px;
    margin: 0 auto;
}
.content-line-btn--inner h2 {
    font-family: var(--font-head);
    color: var(--Primary-Color-Black);
    font-size: 24px;
    font-weight: 700;
}
.tcr-team {
    background: linear-gradient(0deg,rgba(0, 0, 0, 0.8) 0%,rgba(0, 0, 0, 0.8) 100%), url(/inc/images/content/img_tcr_team_bg.png) lightgray 50% / cover no-repeat;
    color: var(--Primary-Color-White);
}
.tcr-team .c-text__title { margin-top: 20px; }
.tcr-team__image-list { margin-top: 100px; }
.tcr-team .flex-layout--3col > div { width: calc((100% - 48px) / 3); }
.tcr-team__list { margin-top: 80px; }
.tcr-team__list .c-card__title { color: var(--Primary-Color-Blue); }
.tcr-team__list .c-card__desc { margin-top: 20px; }
@media screen and (max-width: 1023px) {
    .tcr-winner .c-text__logo { width: 96px; }
    .tcr-winner .c-media__list { max-width: 100%; }
    .tcr-winner .c-media__list img { width: calc(50% - 32px); }
    .content-box .c-text__year { margin-bottom: 12px; }
    .content-box .c-text__title--narrow { letter-spacing: -1px; }
    .brand .fame-grid {
        row-gap: 44px;
        width: 100%;
    }
    .brand .fame-date {
        margin-bottom: 8px;
        font-size: 24px;
    }
    .brand .fame-text { font-size: 20px; }
    .brand .fame-img { margin: 20px 0; }
    .tcr-choice {
        height: 900px;
        background-image: url(/inc/images/content/img_tcr_choice_bg_mo.png);
    }
    .content-line-btn { padding: 24px 24px 28px 24px; }
    .content-line-btn--inner {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px 0;
    }
    .content-line-btn--inner h2 {
        font-size: 18px;
    }
    .content-line-btn--inner .btn { width: 100%; }
    .tcr-team .c-text__title { margin-top: 12px; }
    .tcr-team .flex-layout--3col { gap: 36px 0; }
    .tcr-team .flex-layout--3col > div {
        width: 100%;
        text-align: left;
    }
    .tcr-team .flex-layout--2col-mo {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px 12px;
    }
    .tcr-team .flex-layout--2col-mo > div { width: calc((100% - 12px) / 2); }
    .tcr-team__image-list { margin-top: 64px; }
    .tcr-team__list { margin-top: 44px; }
    .tcr-team__list .c-card__desc { margin-top: 12px; }
}

/* brand Nurburgring 24h */
.nurburg24h-horned {
    width: 1440px;
    max-width: 100%;
    margin: 0 auto;
    background: url(/inc/images/content/img_24h_conts02_bg.png) lightgray 50% / cover no-repeat;
    color: var(--Primary-Color-White);
}
.nurburg24h-horned .c-media__image { margin-top: 100px; }
.content-box--swiper .content-header {
    gap: 20px;
    max-width: 1356px;
    margin: 0 auto;
    padding: 0 80px;
}
.content-box--swiper .c-text__desc {
    margin-top: 0;
}
.content-box--swiper .content-header + .content-body {
    padding-top: 60px;
}
.c-tab--xs { margin-top: 40px; }
.c-tab--xs .c-tab__list {
    --size: 251px;
    width: calc(var(--size) * 2);
    margin: 0 auto;
}
.nurburg24h-team .flex-layout--3col { gap: 0 68px; }
.nurburg24h-team .flex-layout--3col > div { width: calc((100% - 136px) / 3); }
.nurburg24h-team__list .c-card__title {
    padding-bottom: 40px;
    border-bottom: 1px solid var(--Line-Color-Line_04);
    color: var(--Primary-Color-White);
}
.nurburg24h-team__list .c-card__list {
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    margin-top: 48px;
}
.nurburg24h-team__list .c-card__list li {
    display: flex;
    gap: 0 12px;
    align-items: center;
    justify-content: center;
    color: var(--Primary-Color-White);
    font-family: var(--font-head);
    font-size: 32px;
    font-weight: 500;
}
.nurburg24h-team__list .c-card__logo {
    width: 42px;
    height: auto;
}
.brand .c-card_bottom-link { margin: 24px auto 12px; }
.brand .c-card_bottom-link .icon-link { margin: -2px 0 0 4px; }
@media screen and (max-width: 1023px) {
    .nurburg24h-horned .c-media__image { margin-top: 64px; }
    .content-box--swiper .content-header {
        padding: 0 24px;
        gap: 12px;
    }
    .content-box--swiper .content-header + .content-body { padding-top: 36px; }
    .c-tab--xs { margin-top: 40px; }
    .c-tab--xs .c-tab__list { width: 100%; }
    .nurburg24h-team .flex-layout--3col { gap: 60px 0; }
    .nurburg24h-team .flex-layout--3col > div { width: 100%; }
    .nurburg24h-team__list .c-card__list { margin-top: 28px; }
    .nurburg24h-team__list .c-card__list li { font-size: 20px; }
    .nurburg24h-team__list .c-card__logo { width: 30px; }
    .nurburg24h-team__list .c-card__title { padding-bottom: 16px; }
    .nurburg24h-sns .flex-layout--3col { gap: 44px 0; }
}

/* brand N Perfomance Parts */
.brand .btn-wrap--out-link { margin-top: 80px; }
.brand .c-btn--out-link { margin-top: 60px; }
.brand .content-box--swiper + .content-box--swiper { padding-top: 0; }
.brand .nperformance-garage {
    position: relative;
    height: 1080px;
    background-image: url(/inc/images/content/img_performance_garage_bg_pc.png);
    background-position: bottom center;
    background-size: cover;
    color: var(--Primary-Color-White);
}
.brand .nperformance-card-list { padding: 80px 0 0 0; }
.brand .related-wrap .content-box {
    padding: 100px 0 120px;
    margin-top: 240px;
}

@media screen and (max-width: 1023px) {
    .brand .btn-wrap--out-link { margin-top: 44px; }
    .brand .c-btn--out-link { margin-top: 36px; }
    .brand .nperformance-garage {
        height: 920px;
        background-image: url(/inc/images/content/img_performance_garage_bg_mo.png);
    }
    .brand .nperformance-card-list { padding-top: 44px; }
    .brand .related-wrap .content-box {
        padding: 80px 0 120px;
        margin-top: 152px;
    }
}

/* brand N Perfomance Parts 탭 신규 추가 */
.brand .performance_tab_area {
    padding: 200px 80px;
    width: 100%;
}
.brand .performance_tab_area .container {
    padding: 0;
    max-width: 1440px;
}
.brand .performance_tab_area .c-tab__content { margin-top: 60px; }
@media screen and (max-width: 1023px) {
    .brand .performance_tab_area {
        padding: 120px 24px;
        width: 100%;
    }
    .brand .performance_tab_area .c-tab__content { margin-top: 36px; }
    .c-tab--mo-2col .c-tab__list {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0;
    }
    .c-tab--mo-2col .c-tab__list li {
        width: 50%;
        flex: auto;
    }
    .c-tab--mo-2col .c-tab__item {
        border-top: unset;
        border-bottom: unset;
        border-left: unset;
        border-right: unset;
        border-style: unset;
    }
    .c-tab--mo-2col .c-tab__item:last-child { border-style: unset; }
    .c-tab--mo-2col .c-tab__item {
        border: 1px;
        border-style: none none solid solid;
    }
    .c-tab--mo-2col .c-tab__item:last-child {
        border: 1px;
        border-style: none none solid solid;
    }
    .c-tab--mo-2col .c-tab__item:nth-child(even) { border-right: 1px solid; }
    .c-tab--mo-2col .c-tab__item:nth-child(-n+2) { border-top: 1px solid; }
}

/*  grid layout */
.grid_3 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 29rem));
    justify-content: center;
    gap: 24px;
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
    .grid_3.track_list { grid-template-columns: repeat(2, minmax(0, 29rem)); }
}
@media screen and (max-width: 1023px) {
    .grid_mo_drop {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px
    }
}
.performance_tab_tit {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    text-align: left;
}
.performance_tab_tit .performance_tab_notice { margin-top: 20px; }
.performance_tab_notice {
    font-size: 12px;
    font-weight: 400;
    line-height: var(--lh-lg);
    color: var(--Secondary-Color-Black_666666);
}
.performance_tab_tit .btn-lg-outline01 { margin-top: 44px; }
.performance_tab_area .motor_tab_con .grid_3 { margin-top: 60px; }
.performance_tab_area .motor_tab_con .grid_3 p {
    margin-top: 20px;
    font-family: var(--font-head);
    font-size: 24px;
    font-weight: 700;
    line-height: var(--lh-lg);
    text-align: left;
}
.performance_tab_area .motor_tab_con .grid_3 .el-title {
    font-family: var(--font-head);
    font-weight: 700;
    font-size: 24px;
    line-height: var(--lh-lg);
}
.performance_tab_area .motor_tab_con .grid_3 .el-desc {
    margin-top:4px;
    font-family: var(--font-text);
    font-weight: 500;
    font-size: 16px;
    line-height: var(--lh-lg);
}
.performance_tab_area .motor_tab_con .grid_3 .el-stxt {
    margin-top:4px;
    font-family: var(--font-text);
    font-weight: 400;
    font-size: 12px;
    line-height: var(--lh-lg);
    color: var(--Secondary-Color-Black_666666)
}

@media screen and (max-width: 1023px) {
    .brand .performance_wrap .max1440 { gap: 44px; }
    .performance_tit_area { padding: 100px 24px }
    .performance_tab_area { padding: 120px 24px }
    .performance_tab_tit { flex-direction: column; }
    .performance_tab_tit .text-normal { margin: 12px 0; }
    .performance_tab_tit .performance_tab_notice { margin-top: 12px; }
    .performance_tab_tit .btn-lg-outline01 {
        width: 100%;
        margin-top: 28px;
    }
    .performance_tab_area .motor_tab_con .grid_3 {
        row-gap: 28px;
        width: 100%;
        margin-top: 64px;
    }
    .performance_tab_area .motor_tab_con .grid_3 p {
        margin-top: 12px;
        font-size: 18px;
    }
    .performance_tab_area .motor_tab_con .grid_3 .el-title { font-size: 18px; }
}

/* brand Popup */
.popup.forBrand {
    max-width: 1200px;
    overflow: hidden;
}
.popup.forBrand .popup-header { padding: 28px 40px 27px 40px; }
.popup.forBrand .popup-body {
    max-height: calc(100vh - 160px);
    padding: 40px 40px 160px 40px;
    margin-bottom: 0;
}
.popup.forBrand .brand-pd {
    display: grid;
    gap: 44px;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}
.popup.forBrand .brand-pd .popup-body-innerbox { width: 100%; }
.popup.forBrand .brand-pd .wrap-brand-desc {
    padding: 40px 0 0 0;
    max-height: 100%;
}
.popup.forBrand .brand-pd .wrap-brand-desc:first-child { padding-top: 0; }
.popup.forBrand .brand-pd .wrap-brand-desc:last-child {
    padding-top: 60px;
    padding-bottom: 0;
    border-bottom: 0;
}
.popup.forBrand .brand-pd .wrap-brand-desc {
    padding: 60px 0;
    border-bottom: 1px solid var(--Line-Color-Line_02);
}
.popup.forBrand .txt-type03 { font-weight: 500; }
.popup.forBrand .popup-body .inner-body-model .nogap {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.popup.forBrand .inner-body-model .nogap .desc-tit { margin-bottom: 12px; }
.popup.forBrand .inner-body-model .nogap .desc-note { margin-top: 8px; }
.popup.forBrand .brand-pd .inner-mainDesc {
    display: grid;
    gap: 12px;
}
.popup.forBrand .brand-pd .inner-subDesc {
    display: grid;
    gap: 4px;
}
.popup.forBrand .brand-pd .inner-subDesc:last-child { padding-bottom: 0px; }
.popup.forBrand .inner-body-model .container-desc {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    padding: 28px 0 60px 0;
    border-bottom: 1px solid var(--Line-Color-Line_02);
}
.popup.forBrand .popup-body-innerbox:last-child .container-desc { padding: 24px 0 0 0; }
.popup.forBrand .single .popup-body-innerbox:last-child .container-desc { padding: 28px 0 0 0; }
.popup.forBrand .inner-body-model .container-desc .desc-note {
    font-family: var(--font-text);
    font-size: 12px;
    font-weight: 400;
    line-height: var(--lh-lg);
    color: var(--Secondary-Color-Black_555555);
}
.popup.forBrand .inner-body-model .wrap-desc.lg {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.popup.forBrand .inner-body-model .wrap-desc.sm {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.popup.forBrand .pop-brand-gap {
    display: grid;
    gap: 60px;
}
.popup.forBrand .popup-body-innerbox:last-child .container-desc { border-bottom: 0; }
.popup.forBrand .brand-pd .popup-body-innerbox .wrap-brand-desc .mb24 { margin-bottom: 24px; }
@media screen and (max-width: 1023px) {
    .popup.forBrand .popup-header { padding: 16px 24px; }
    .popup.forBrand .btn-wrap .popup-close-btn-x { top: 18px; }
    .popup.forBrand .box-brand-tit {
        padding: 28px 24px 100px 24px;
        max-height: calc(100vh - 60px);
    }
    .popup.forBrand .popup-body.brand-onlyTxt {
        padding: 40px 24px 100px 24px;
        max-height: calc(100vh - 60px);
    }
    .popup.forBrand .brand-pd {
        display: block;
    }
    .popup.forBrand .brand-pd .popup-body-innerbox {
        display: grid;
        gap: 36px;
    }
    .popup.forBrand .brand-pd .popup-body-innerbox .wrap-brand-desc:first-child {
        padding-top: 0;
        padding-bottom: 0;
        display: grid;
        gap: 32px;
    }
    .popup.forBrand .brand-pd .popup-body-innerbox:nth-child(3n-1) .wrap-brand-desc:first-child { gap: 0; }
    .popup.forBrand .brand-pd .popup-body-innerbox .box-brand-tit { margin-bottom: 0; }
    .popup.forBrand .brand-pd .inner-mainDesc.onlyOne { padding-bottom: 36px; }
    .popup.forBrand .brand-pd .inner-mainDesc .inner-subDesc:last-child {
        padding-bottom: 36px;
    }
    .popup.forBrand .brand-pd .popup-body-innerbox:nth-child(1) .wrap-brand-desc:last-child .inner-mainDesc .inner-subDesc:last-child { padding-bottom: 0; }
    .popup.forBrand .brand-pd .popup-body-innerbox .wrap-brand-desc { padding: 0 0; }
    .popup.forBrand .brand-pd .popup-body-innerbox:nth-child(1) .wrap-brand-desc:last-child {
        padding-top: 0;
        padding-bottom: 36px;
        border-bottom: 0;
    }
    .popup.forBrand .brand-pd .popup-body-innerbox:nth-child(1) .wrap-brand-desc:last-child .inner-mainDesc { padding-bottom: 0; }
    .popup.forBrand .brand-pd .popup-body-innerbox:nth-child(3n-1) .wrap-brand-desc:last-child {
        padding-top: 0;
        padding-bottom: 0;
        border-bottom: 0;
    }
    .popup.forBrand .brand-pd .popup-body-innerbox:nth-child(2) { border-top: 1px solid var(--Line-Color-Line_02); }
    .popup.forBrand .brand-pd .popup-body-innerbox:nth-child(2) .wrap-brand-desc:first-child { padding-top: 36px; }
    .popup.forBrand .brand-pd .popup-body-innerbox:nth-child(2) .wrap-brand-desc:last-child .inner-mainDesc .inner-subDesc:last-child {
        padding-bottom: 0;
    }
    .popup.forBrand .brand-pd .tit-type04 { font-size: 20px; }
    .popup.forBrand .brand-pd .tit-type05 { font-size: 18px; }
    .popup.forBrand .pop-brand-gap {
        display: grid;
        gap: 36px;
    }
    .popup.forBrand .inner-body-model .container-desc {
        padding: 20px 0 36px 0;
        border-bottom: 1px solid var(--Line-Color-Line_02);
    }
    .popup.forBrand .popup-body-innerbox:last-child .container-desc {
        border-bottom: 0;
    }
    .popup.forBrand .single .popup-body-innerbox:last-child .container-desc {
        padding: 20px 0 0 0;
    }
    .popup.forBrand .brand-pd .popup-body-innerbox .wrap-brand-desc .mb24 {
        margin-bottom: 12px;
    }
    .popup.forBrand .brand-pd .popup-body-innerbox .wrap-brand-desc .mobile-mb20 {
        margin-bottom: 20px;
    }
}

/* brand N collection */
.merchandise-wrap .swiper-slide img.pc-only { display: block; }
.merchandise-wrap .swiper-slide img.mo-only { display: none; }
.merchandise-wrap .merchandise_swiper,
.merchandise-wrap .merchandise_swiper .swiper-wrapper,
.merchandise-wrap .merchandise_swiper .swiper-slide { max-height: calc(var(--vh, 1vh) * 100 - 70px); }
.merchandise-wrap .merchandise_swiper .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.merchandise-wrap .merchandise_swiper .swiper-button-prev {
    bottom: 40px;
    left: 40px;
    top: auto;
    height: 36px;
    width: 36px;
}
.merchandise-wrap .merchandise_swiper .swiper-button-next {
    bottom: 40px;
    right: 40px;
    top: auto;
    height: 36px;
    width: 36px;
}
.merchandise-wrap .merchandise_swiper .swiper-button-prev:after {
    background: url(/inc/images/icon/icon-arrow01_left_white.svg) no-repeat center top / 100%;
    opacity: 0.5;
}
.merchandise-wrap .merchandise_swiper .swiper-button-next:after {
    background: url(/inc/images/icon/icon-arrow01_right_white.svg) no-repeat center top / 100%;
    opacity: 0.5;
}
.merchandise-wrap .merchandise_swiper .swiper-status-wrap { bottom: 46px; }
.brand .collection-box {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 60px;
}
.brand .collection-col {
    display: flex;
    gap: 24px;
}
.brand .collection-each { position: relative; }
.brand .collection-box .btn-wrap {
    position: absolute;
    bottom: 28px;
    left: 40px;
    width: calc(100% - 80px);
}
.brand .collection-box .btn-wrap .btn {
    display: flex;
    width: 100%;
    justify-content: space-between;
    font-family: var(--font-head);
}
.collectiontab-wrap + .content-banner { padding-top: 240px; }
.brand .content-box--collection-list {
    padding: 240px 0 0 0;
    text-align: left;
}
.brand .content-box--collection-list .c-text { text-align: left; }
.content-box--collection-list .productlist-bigbox {
    margin-top: 60px;
    display: flex;
    column-gap: 28px;
}
.content-box--collection-list .productlist-bigbox .stit {
    font-family: var(--font-head);
    font-size: 40px;
    font-weight: 700;
}
.content-box--collection-list .productlist-col1 { flex: 0 0 calc(100% / 3 - 28px); }
.content-box--collection-list .productlist-col2 { flex: 1; }
.content-box--collection-list .productlist-col2 > div {
    display: flex;
    gap: 28px;
}
.content-box--collection-list .productlist-col2 > div > div { flex: 0 0 calc(100% / 2 - 14px); }
.content-box--collection-list .productlist-col1 > div + div { margin-top: 60px; }
.content-box--collection-list .productlist-subbox {
    margin-top: 36px;
    font-family: var(--font-text);
    font-size: 20px;
    font-weight: 500;
}
.content-box--collection-list .productlist-subbox li {
    position: relative;
    padding-left: 16px;
}
.content-box--collection-list .productlist-subbox li + li { margin-top: 16px; }
.content-box--collection-list .productlist-subbox li::before {
    position: absolute;
    content: "";
    top: 12.5px;
    left: 4.5px;
    width: 3px;
    height: 3px;
    background-color: var(--Primary-Color-Black);
    border-radius: 50%;
}
.content-box--collection-list .productlist-subbox li a:hover { text-decoration: underline; }
.merchandise-wrap .merchandise_related-wrap {
    padding: 95.56px 80px 120px 80px;
    background-color: var(--Secondary-Color-Black_Natural);
}
.merchandise-wrap .merchandise_related-wrap .merchandise_related {
    margin-top: 47.55px;
    display: flex;
    gap: 24px;
}
.merchandise-wrap .merchandise_related-wrap .merchandise_related > div {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 0 0 calc(100% / 3 - 8px);
}
.merchandise-wrap .merchandise_related-wrap .merchandise_related > div p {
    font-family: var(--font-head);
    font-size: 24px;
    font-weight: 700;
}

@media screen and (max-width: 1023px) { 
    .brand .content-box--collection-banner { padding: 100px 0 120px 0; }
    .brand .collection_swiper .swiper-status-wrap { bottom: 20px; }
    .brand .collection-box {
        gap: 20px;
        margin-top: 36px;
    }
    .brand .collection-col {
        flex-direction: column;
        gap: 20px;
    }
    .brand .collection-box .btn-wrap {
        bottom: 20px;
        left: 28px;
        width: calc(100% - 56px);
    }
    .brand .collection-box .btn-wrap .btn {
        font-family: var(--font-text);
        font-weight: 500;
    }
    .merchandise-wrap .collectiontab-wrap {
        padding: 120px 0 145px 0;
        height: fit-content;
    }
    .merchandise-wrap .collectiontab-wrap .tab-content { margin: 48px 0 0 0; }
    .collectiontab-wrap + .content-banner { padding-top: 152px; }
    .brand .content-box--collection-list { padding: 152px 0 0; }
    .content-box--collection-list .productlist-bigbox {
        display: block;
        margin-top: 36px;
    }
    .content-box--collection-list .productlist-bigbox .stit { font-size: 24px; }
    .content-box--collection-list .productlist-subbox {
        margin-top: 24px;
        font-size: 17px;
    }
    .content-box--collection-list .productlist-subbox li + li { margin-top: 12px; }
    .content-box--collection-list .productlist-subbox + .productlist-subbox { margin-top: 28px; }
    .content-box--collection-list .productlist-col1 { flex: 0 0 100%; }
    .content-box--collection-list .productlist-col2 { margin-top: 36px; }
    .content-box--collection-list .productlist-col2 > div { display: block; }
    .content-box--collection-list .productlist-col1 > div + div { margin-top: 36px; }
    .merchandise-wrap .merchandise_related-wrap { padding: 80px 0 120px 24px; }
    .merchandise-wrap .merchandise_related-wrap .merchandise-w1096 { font-size: 30px; }
    .merchandise-wrap .merchandise_related-wrap .merchandise_related {
        overflow-y: auto;
        flex-wrap: nowrap;
        margin-top: 36px;
    }
    .merchandise-wrap .merchandise_related-wrap .merchandise_related > div { flex: 0 0 71.25%; }
    .merchandise-wrap .merchandise_related-wrap .merchandise_related > div p { font-size: 20px; }
    .merchandise-wrap .merchandise_related-wrap .merchandise_related > div:last-child { margin-right: 24px; }
}
.content-box--collection-tab {
    padding: 291px 0;
    height: 1440px;
    background: var(--Primary-Color-Black) url(/inc/images/content/img_Merchandise_tabbg_01.png) 30% center no-repeat;
    background-size: cover;
}
.content-box--collection-tab .c-text__title { color: var(--Primary-Color-White); }
.content-box--collection-tab .c-tab { margin-top: 60px; }
.content-box--collection-tab .c-tab__content { margin-top: 80px; }
.content-box--collection-tab .collection_swiper-txt {
    margin-top: 20px;
    font-family: var(--font-head);
    font-size: 24px;
    font-weight: 500;
    color: var(--Primary-Color-White);
    text-align: left;
}
.content-box--collection-tab .swiper-wrapper { padding-bottom: 115px; }
.content-box--collection-list .productlist-subbox li::before { top: 10px !important; }
@media screen and (max-width: 1023px) {
    .brand-content .content-box--collection-tab {
        height: fit-content;
        padding: 120px 0 145px
    }
    .content-box--collection-tab .c-tab { margin-top: 36px; }
    .content-box--collection-tab .c-tab__content { margin-top: 48px; }
    .content-box--collection-tab .c-tab__list { padding: 0 24px; }
    .content-box--collection-tab .collection_swiper-txt {
        margin-top: 12px;
        font-size: 18px;
        font-weight: 700;
    }
    .content-box--collection-tab .swiper-wrapper { padding-bottom: 38px; }
    .content-box--collection-list .productlist-bigbox .productlist-col1+.productlist-col1 { margin-top: 36px; }
    .content-box--collection-list .productlist-subbox li::before { top: 9px !important; }    
}

/* Brand > Press 기존 소스 활용 */
/** component.css > table **/
.editor-box-wrap .txt-center { text-align: center; }
.editor-box-wrap .txt-left { text-align: left; }
.editor-box-wrap .txt-right { text-align: right; }
.editor-box-wrap .roundresult-box { display: none; }
.editor-box-wrap .table-type01 tbody tr td:first-child { color: var(--Primary-Color-Red); }
.editor-box-wrap table { border-collapse: collapse; }
.editor-box-wrap .table-type01 thead tr,
.editor-box-wrap .table-type02 thead tr { border-bottom: 2px solid var(--Line-Color-Line_a1a1a1); }
.editor-box-wrap .table-type03 thead tr {
    border-top: 2px solid var(--Line-Color-Line_a1a1a1);
    border-bottom: 2px solid var(--Line-Color-Line_a1a1a1);
    background-color: #b0c5e0;
}
.editor-box-wrap .table-type01 thead th { padding: 22px 0 21px 0; }
.editor-box-wrap .table-type01 tbody tr,
.editor-box-wrap .table-type02 tbody tr,
.editor-box-wrap .table-type03 tbody tr { border-bottom: 1px solid var(--Line-Color-Line_02); }
.editor-box-wrap .table-type01 tbody td,
.editor-box-wrap .table-type02 tbody td,
.editor-box-wrap .table-type03 tbody td { padding: 28px 0 27px 0; }
.editor-box-wrap .table-type01 tbody td.txt-left { padding-left: 12px; }
.editor-box-wrap .table-type01 tbody td.txt-right { padding-right: 12px; }
.editor-box-wrap .table-type02 thead tr,
.editor-box-wrap .table-type03 thead tr { border-bottom: 2px solid var(--Line-Color-Line_03); }
.editor-box-wrap .table-type02 thead th,
.editor-box-wrap .table-type03 thead th { padding: 12px 0 11px 0; }
.editor-box-wrap .table-type02 thead th:first-child,
.editor-box-wrap .table-type02 tbody tr td:first-child { padding-left: 12px; }
/* cp-table-line */
.editor-box-wrap .cp-table-line table th{
    padding:10px;  
    font-family: var(--font-text);
    font-weight:400;
    background-color: var(--Secondary-Color-Black_Natural);
    border:1px solid var(--Primary-Color-Black);
}
.editor-box-wrap .cp-table-line table td{
    padding:10px;
    font-family: var(--font-text);
    border:1px solid var(--Primary-Color-Black);
    text-align: center;
}
.editor-box-wrap .cp-table-line table td.align-c{ text-align: center; }
.editor-box-wrap .cp-table-line table td.align-l{ text-align: left; }
/* cp-dot-list */
.editor-box-wrap .cp-dot-list li{
    position:relative;
    padding-left:20px;
    font-family: var(--font-text);
    font-size: 14px;
    line-height: var(--lh-lg);
}
.editor-box-wrap .cp-dot-list li::before{
    content:'·';
    display:block;
    position:absolute;
    top:0;
    left:8px;
}
.editor-box-wrap table .blank{ display: none; }
.editor-box-wrap tr:has(.full-link-row ) { position: relative; }
.editor-box-wrap tr:has(.full-link-row ).full-link-row {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
}
.editor-box-wrap tr:has(.full-link-row ).full-link-row a {
    display: block;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 1023px) {    
    .editor-box-wrap .table-type01 { display: none; }
    .editor-box-wrap .roundresult-wrap {
        overflow-x: scroll;
        display: flex;
    }
    .editor-box-wrap .table-type02,
    .editor-box-wrap .table-type03 {
        max-width: 100%;
        margin: 0;
    }
    /* cp-table-line */
    .editor-box-wrap .cp-table-line table th{ padding:10px; }
    .editor-box-wrap .cp-table-line table td{ padding:15px; }
    .editor-box-wrap .roundresult-box {
        display: block;
        padding: 20px 0;
        background: var(--Secondary-Color-Black_Natural);
        min-width: 85%;
        margin-right: 12px;
    }
    .editor-box-wrap .roundresult-box:last-child { margin-right: 0; }
    .editor-box-wrap .roundresult-top { padding: 0 16px 40px 16px; }
    .editor-box-wrap .roundresult-top p {
        font-size: 18px; }
    .editor-box-wrap .roundresult-top p:first-child {
        color: var(--Primary-Color-Red);
        margin-bottom: 28px;
    }
    .editor-box-wrap .roundresult-box dl {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .editor-box-wrap .roundresult-box dt,
    .editor-box-wrap .roundresult-box dd { width: 50%; }
    .editor-box-wrap .roundresult-box dt {
        text-align: left;
        padding: 13px 0 13px 16px;
        border-top: 1px solid var(--Line-Color-Line_01);
    }
    .editor-box-wrap .roundresult-box dd {
        text-align: right;
        padding: 13px 16px 13px 0;
        border-top: 1px solid var(--Line-Color-Line_01);
    }
    .editor-box-wrap .roundresult-box dt:nth-child(9),
    .editor-box-wrap .roundresult-box dd:last-child { padding-bottom: 0; }
    .editor-box-wrap .table-scrollx {
        overflow: hidden;
        overflow-x: auto;
        width: 100%;
    }
    .editor-box-wrap .table-inner { width: 225%; }
}

/** Brand > Press 신규 **/
.brand .related-wrap--brand .content-box,
.brand .related-wrap--press .content-box {
    padding: 100px 0 120px;
    margin-top: 0;
}
.brand .related-wrap--brand .content-header + .content-body,
.brand .related-wrap--press .content-header + .content-body { padding-top: 65px; }
.brand .related-wrap--brand .c-card__title,
.brand .related-wrap--press .c-card__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: calc(89.6px);
    margin-top: 20px;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.brand .related-wrap--brand .c-card__date,
.brand .related-wrap--press .c-card__date { margin-top: 20px; }
@media screen and (max-width: 1023px) {
    .brand .related-wrap--brand .content-box,
    .brand .related-wrap--press .content-box {
        padding: 80px 0 120px;
        margin-top: 0;
    }
    .brand .related-wrap--brand .content-header + .content-body,
    .brand .related-wrap--press .content-header + .content-body { padding-top: 36px; }
    .brand .related-wrap--brand .c-card__title,
    .brand .related-wrap--press .c-card__title {
        margin-top: 0;
        max-height: calc(67.2px);
        font-size: 24px;
    }
    .brand .related-wrap--brand .c-card__date,
    .brand .related-wrap--press .c-card__date { margin-top: 12px; }
    .brand .related-wrap--brand .related-list,
    .brand .related-wrap--press .related-list { margin-bottom: 10px; }
}