@charset "utf-8";

/* common */
.link--blue {color:var(--Secondary-Color-Positive-color)}
.font--mobile-head {font-family: var(--font-head);}
.link-row {cursor: pointer;}
.experience .c-card + .flex-layout {margin:80px 0;}
@media screen and (max-width: 1023px) {
    .flex-layout--3col.mo-scroll {
        flex-wrap: nowrap;
        flex-direction: row;
        gap: 12px;
        padding: 0 24px 0;
        margin: 0 -24px;
        overflow-x: scroll;
    }
    .flex-layout--3col.mo-scroll > li {
        flex-shrink: 0;
        width: 100%;
        min-width: 258px;
        max-width: calc(33.3% - 12px);
    }
}

.content-box.content-box--exp {padding: 120px 0;}
.content-item:last-child .content-box.content-box--exp {padding: 120px 0 240px;}
.experience-detail .content-box {padding-bottom:0;}
.experience-detail:last-child {margin:80px 0 240px;}
.content-visual--photo + .experience-detail {margin:120px 0 0;}
.content-header.flex-layout--between {
    justify-content: space-between;
    align-items: center;
    margin-bottom:100px;
}
.content-header.flex-layout--between + .content-body {padding-top:0;}
.content-header.is-team {text-align:center;gap:12px;}
.content-body h4 + div {margin-top:52px;}
.content-visual--photo {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-top: 80px;
    width: 100%;
    height: auto;
    background-color:var(--Primary-Color-Blue);
}
.content-visual--photo.is-team {
    padding:80px 0;
    background-color:var(--Secondary-Color-Black_Natural);
}
.content-visual--photo img {height:auto;}
.content-visual--photo.is-driver img {width:31.98%;}
.content-visual--photo.is-team img {width:41.67%;}
.content-visual__media.has-text {position:relative;}
.content-visual__text {
    position:absolute;
    left:60px;
    bottom:136px;
    color:var(--Primary-Color-White);
}
.content-visual__text h3 + p {margin-top:12px;}
.content-visual__text p + button {margin-top:32px;}
.content-visual--overlay.is-history {height:auto}
.content-visual--overlay.is-history .content-visual__header {text-align:center;}
.line--top {
    padding-top:80px;
    padding-bottom:80px;
    border-top:1px solid var(--Line-Color-Line_02);
}
.flex-layout--between.line--top {padding-bottom:0;}
.content-item:last-child .line--top,
.profile__list.line-top {padding-bottom:0;}
.experience .c-banner {
    margin-top:0;
    margin-bottom:240px;
}
@media screen and (min-width: 1024px) {
    .content-visual--overlay.is-history .content-visual__header {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width:60%;
        color:var(--Primary-Color-White);
    }
}

@media screen and (max-width: 1023px) {
    .content-body h4 + div {margin-top: 28px;}
    .content-item:last-child .content-box.content-box--exp{padding: 80px 0 160px;}
    .content-box.content-box--exp {padding: 80px 0;}
    .content-header.is-team {text-align: left;}
    .content-header.flex-layout--between {
        justify-content: normal;
        align-items: normal;
        gap:28px;
        margin-bottom:64px;
        text-align: left;
    }
    .content-visual--photo {padding-top:23px;}
    .content-visual--photo.is-driver img {width:60.28%;}
    .content-visual--photo + .experience-detail {margin-top:80px;}
    .experience-detail:last-child {margin:44px 0 160px;}
    .content-visual__text {
        left:24px;
        bottom:80px;
    }
    .content-visual__text h3 + p {margin-top:9px;}
    .content-visual__text p + button {margin-top:24px;}
    .content-visual--overlay.is-history {background-color:var(--Primary-Color-White);}
    .content-visual--overlay.is-history .content-visual__header {
        padding:40px 24px 100px 24px;
    }
    .flex-layout--4col {flex-direction: column;}
    .flex-layout--4col li {width:100%;}
}
/* nodata */
.nodata {
    padding: 100px 0 20px;
    text-align: center;
}
.nodata--large {padding: 100px 0 140px;}
.nodata__title {
    font-family: var(--font-head);
    font-size: 40px;
    font-weight: 700;
    line-height: var(--lh-lg);
}
@media screen and (max-width: 1023px) {
    .nodata { padding: 56px 0 0; }
    .nodata--large {padding: 56px 0 80px;}
    .nodata__title {font-size: 24px;}
}
/* calendar */
.calendar-box {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 342px));
    justify-content: center;
    gap: 24px;
}
.calendar-box li {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card-calendar {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 24px 24px 40px;
    background-color:var(--Primary-Color-White);
}
.card-calendar__img {
    position: relative;
    width: 100%;
    margin-top: 20px;
    background-color:var(--Primary-Color-Blue);
    text-align: center;
    aspect-ratio: 1.32 / 1;
}
.card-calendar__img img {
    position: absolute;
    width: auto;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.card-calendar__detail {
    flex-grow: 1;
    margin:24px 0 0;
}
.card-calendar__detail + [class*=btn-wrap-] { margin-top: 60px; }
.card_month {
    font-family: var(--font-head);
    font-size: 20px;
    font-weight: 700;
    line-height:var(--lh-lg);
}
.card_day {
    font-family: var(--font-head);
    font-size: 80px;
    font-weight: 700;
    line-height: var(--lh-base);
}
.card_track {
    font-size: 16px;
    font-weight: 500;
    line-height: var(--lh-lg);
}

@media screen and (max-width: 1023px) {
    .calendar-box {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .calendar-box li {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .card-calendar {
        height: auto;
        padding: 24px 20px 28px;
    }
    .card-calendar__img {aspect-ratio:1.27/1}
    .card-calendar__img img {width: auto;}
    .card-calendar__detail {margin:24px 0 0;}
    .card-calendar__detail + [class*=btn-wrap-] {margin-top:36px;}
    .card_month {font-size: 18px;}
    .card_day {font-size: 40px;}
}

/* Standing, Driver, Teams */
.card-info {
    display: flex;
    flex-direction: column;
    width: 100%;
    height:422px;
    min-height:0;
    overflow: hidden;
}
.card_rank {
    position: absolute;
    left:24px;
    top:20px;
    font-size: 80px;
    font-weight:700;
    line-height: var(--lh-base);
}
.card-info__image {
    position:relative;
    display:flex;
    flex-grow: 1;
    justify-content: center;
    align-items: flex-end;
    background-color:var(--Primary-Color-Blue);
}
.card-info.is-team .card-info__image {
    width:100%;
    align-items: center;
    background-color:var(--Primary-Color-White);
}
.card_photo {width:208px;}
.is-standing .card_photo {width:68.96%;}
.is-team .card_photo {width:280px;}
.card-info__detail {
    display:flex;
    flex-direction: column;
    justify-content: space-between;
    height: 166px;
    color:var(--Primary-Color-White);
    background-color:var(--Primary-Color-Black);
    padding: 16px 24px 80px;
    line-height: var(--lh-lg);
}
.card-info__title {
    position: relative;
    font-family: var(--font-head);
    font-size: 24px;
    font-weight: 700;
}
.card-info__title .card_tit { font-family: var(--font-head); }
.card_subtit {
    color: var(--Primary-Color-Blue);
    font-size: 14px;
    font-weight: 500;
    opacity: 0.8;
}
.card_entry-num {
    position:absolute;
    right:0;
    top:0;
    font-size: 24px;
    font-weight: 700;
    font-family: var(--font-head);
}
.card-info__profile {
    display: flex;
    gap: min(4.5%, 14px);
    justify-content: space-between;
}
.card-info__profile li {
    width:100%;
    max-width: 104px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap:8px;
}
.card-info__profile span {
    font-size: 14px;
    font-weight: 500;
}
.card-info__profile span + span {
    font-size: 20px;
    font-weight: 700;
}
.card-info__btn {
    display:none;
    background-color:var(--Primary-Color-Red);
    color:var(--Primary-Color-White);
    font-size: 24px;
    font-family: var(--font-head);
    font-weight: 700;
    line-height: var(--lh-base);
    overflow: hidden;
}
.card-info__btn::after {
    content: "";
    display: b80px;
    width: 24px;
    height: 24px;
    background-image: url(/inc/images/icon/icon-arrow02_right-wh.svg);
}
.card-info:hover .card-info__btn {
    display:flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
    padding: 13px 24px;
}

@media screen and (min-width: 1024px) {
    .card-info__title {min-height: 54px;}
    .card-info__title + .card-info__profile { margin-top:40px;}
    .card-info.is-standing {
        height: 40vw;
        min-height: 480px;
        max-height: 644px;
    }
    .card-info__detail.only-title {height:114px;}
}
@media screen and (max-width: 1023px) {
    .card-info {
        max-width: 100%;
        min-width: 258px;
        height: 320px;
    }
    .card-info.has-rank {
        max-width: 100%;
        min-width: 258px;
        height: 430px;
    }
    .experience-detail .card-info {height:261px;}
    .card-info__image .card_photo {width:160px;}
    .is-standing .card_photo,
    .is-team .card_photo {width:200px;}
    .experience-detail .card_photo {width:143px;}
    .experience-ncup .content-box {padding:100px 0 120px;}
    .experience-ncup .c-card__image.mo--full {margin:0 -28px}
    .experience-ncup .c-card.gap-lg + .flex-layout {margin-top:44px;margin-bottom:64px;}
    .experience .c-banner {margin-bottom:120px}
    .experience .content-box--main {padding-top:100px;padding-bottom:120px;}
    .card-info__detail {
        padding: 12px 20px;
        height: 139px;
        gap:0;
    }
    .card-info__detail.only-title {height:86px;}
    .card_rank {
        font-size:40px;
        left:20px;
        top:20px;
    }
    .card_tit,
    .card_entry-num {font-size: 18px;}
    .card_subtit {margin-top: 0;}
    .card-info__profile {gap:0;}
    .card-info__profile li {
        flex-direction: column;
        align-items: normal;
        padding: 0 12px 0;
        max-width: 100%;
        gap: 0;
    }
    .card-info__profile li:first-child {padding-left:0;}
    .card-info__profile li:last-child {padding-right:0;}
    .card-info__profile li + li {border-left: 1px solid rgb(230, 239, 248, 0.3);}
    .card-info__profile span {font-size: 12px;}
    .card-info__profile span + span {
        font-size: 18px;
        text-align:right;
    }
    [class*='btn-icon36'] {width:24px;height:24px;}
}
.experience-ncup.gallery-wrap {padding:200px 0 0;}
.experience-ncup.gallery-wrap .content-box {padding-bottom:0}
.experience-detail .swiper-container.is-driver {margin-bottom:80px;}
@media screen and (max-width: 1023px) {
    .experience-ncup.gallery-wrap {padding:120px 0 0}
    .experience-ncup.gallery-wrap .content-box {padding-top:0}
    .experience-detail .swiper-container.is-driver {margin-bottom:44px;}
}

/* table - experience */
.c-table + h4 {margin-top:100px}
.c-table table {border-collapse: collapse;}
.c-table .text-left {
    text-align: left;
    padding-left:12px;
}
.c-table .text-right {
    text-align: right;
    padding-left:12px;
}
.c-table .data-point {color: var(--Primary-Color-Red);}
.c-table thead {border-bottom: 2px solid var(--Secondary-Color-Black_Natural_30);}
.c-table thead th {
    font-weight: 400;
    padding:22px 0 21px;
}
.c-table tbody tr {border-bottom: 1px solid var(--Line-Color-Line_02)}
.c-table .data-point {font-family: var(--font-head);}
.c-table .data-name {
    font-family: var(--font-head);
    font-size:24px;
    font-weight: 700;
}
.c-table-overflow th,
.c-table-overflow td {
    text-align:center;
    vertical-align: middle;
}
.c-table-overflow th.text-left,
.c-table-overflow td.text-left {
    text-align:left;
    padding-left:12px;
}
.c-table-overflow th {
    font-size:16px;
    font-weight: 700;
    padding:12px 0 11px 0;
    border-bottom:2px solid var(--Line-Color-Line_03);
}
.c-table-overflow td {
    font-size:16px;
    font-weight: 400;
    line-height: var(--lh-lg);
    padding:28px 0 27px 0;
    border-bottom:1px solid var(--Line-Color-Line_02);
}
@media screen and (min-width: 1024px) {
    .c-table td {
        font-size: 20px;
        font-weight: 700;
        padding:28px 0 27px;
        text-align:center;
    }
    .c-table.is-calendar thead th {font-size:14px;}
    .c-table.is-calendar tbody td:not(.data-name) {font-size:16px;}
    .c-table + .c-pagination {margin-top:40px;}
    .c-pagination + h4 {margin-top:100px;}
}
@media screen and (max-width: 1023px) {
    .c-table {overflow-x: scroll;}
    .c-table thead {display:none}
    .c-table tbody {display: flex;}
    .c-table tbody tr {
        display:flex;
        flex-direction: column;
        min-width: 74.5vw;
        margin-right: 12px;
        padding:20px 0;
        background-color: var(--Secondary-Color-Black_Natural);
        border-bottom:0;
    }
    .c-table.is-calendar tbody tr {background-color: var(--Primary-Color-White);}
    .c-table td {
        font-size:18px;
        padding:0 16px;
        font-weight: 500;
    }
    .c-table + .c-pagination {margin-top:28px;}
    .c-pagination + h4 {margin-top:64px;}
    .c-table .data-point,
    .c-table .data-name {font-weight: 700;}
    .c-table .data-point {padding-bottom:28px;}
    .c-table.is-calendar td:nth-child(n+5)::before,
    .c-table.is-standing td:nth-child(n+4)::before {
        content:attr(headers);
        text-transform: capitalize;
        display: block;
        padding-left:16px;
        font-size:14px;
        font-weight: 500;
    }
    .c-table.is-calendar td:nth-child(n+5),
    .c-table.is-standing td:nth-child(n+4) {
        border-top:1px solid var(--Line-Color-Line_01);
        display:flex;
        justify-content: space-between;
        align-items: center;
        padding:13px 15px 13px 0;
        font-size: 16px;
        font-weight: 500;
    }
    .c-table.is-calendar td:nth-child(4),
    .c-table.is-standing td:nth-child(3) {padding-bottom:40px;}
    .c-table-overflow {
        overflow: hidden;
        overflow-x: auto;
        margin-right:-28px;
    }
    .c-table-overflow__inner {
        width:225%;
        padding-right:28px;
    }
    .c-table-overflow table {max-width:100%;}
}

/* list */
h4 + .dot-list__list {margin-top:40px;}
.dot-list__list + .btn-wrap-default {margin-top:200px;}
.dot-list__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 16px;
}
.dot-list__list.is-attach {
    padding-top:40px;
    border-top: 1px solid var(--Secondary-Color-Black_Natural_30);
}
.dot-list__list.text--sm {
    flex-direction: column;
    gap:12px;
}
.dot-list__list.text--md {
    flex-direction: column;
    gap:0;
}
.c-card__desc + .dot-list__list.text--md {
    margin-top:5px;
    margin-left:18px;
}
.dot-list__item {
    position: relative;
    width:50%;
    padding-left:12px;
    font-size:20px;
    font-weight: 500;
}
.dot-list__item::before {
    content:'';
    position:absolute;
    left:0;
    top:10px;
    display: block;
    width: 4px;
    height: 4px;
    background-color: var(--Secondary-Color-Black_777777);
}
.dot-list__item .btn {
    font-weight: 500;
    gap:12px;
}
.text--sm .dot-list__item {
    font-size:16px;
    font-weight: 400;
    width:100%;
}
.text--md .dot-list__item {
    font-size:20px;
    font-weight: 400;
    width:100%;
}
@media screen and (max-width: 1023px) {
    h4 + .dot-list__list {margin-top:20px;}
    h4 + .dot-list__list.is-attch {margin-top:28px;}
    .dot-list__list.is-attach {padding-top:28px;}
    .dot-list__list + .btn-wrap-default {margin-top:120px;}
    .dot-list__list {
        flex-direction: column;
        row-gap:12px;
    }
    .dot-list__item {
        width: 100%;
        font-size:17px;
    }
    .dot-list__item::before {top:8px}
    .is-attach .lg-txt-btn01 {font-size:20px;}
    .dot-list__item .btn {align-items: center;}
    h5 + .dot-list__list.text--sm {margin-top:12px;}
}

/* profile list */
.profile__list {
    display:flex;
    flex-wrap: wrap;
    gap:24px 0;
}
.profile__list.line--top {
    border-top: 2px solid var(--Secondary-Color-Black_999999);
}
.profile__item {
    flex:1 1 40%;
    padding-right:80px;
}
.profile__item span {
    display:block;
    font-size:20px;
    font-weight: 500;
}
.profile__item div {
    font-family: var(--font-head);
    font-size:40px;
    font-weight: 700;
    line-height: var(--lh-base);
}
.profile__item span + div {margin-top:12px;}
@media screen and (max-width: 1023px) {
    .profile__list {
        flex-direction: column;
        gap:16px;
    }
    h2 + .profile__list {margin-top:36px;}
    .line--top {
        padding-top:44px;
        padding-bottom:44px;
    }
    .profile__item span {font-size:17px;}
    .profile__item div {font-size:24px;}
    .profile__item span + div {margin-top:6px;}
}

/* stats */
.stats {width:100%;}
.stats__list + .stats__list {border-top:1px solid var(--Secondary-Color-Black_Natural_30);}
.stats__title {
    padding: 25px 40px;
    background-color: var(--Primary-Color-Black);
    color:var(--Primary-Color-White);
}
.stats__list {
    display:flex;
    background-color: var(--Secondary-Color-Black_Natural);
}
.stats__item {
    display: flex;
    gap:12px;
    flex-direction: column;
    align-items: center;
    width: calc(100% / 6);
    padding:32px 0 40px;
}
.stats__item span {
    font-size:20px;
    font-weight: 500;
}
.stats__item div {
    font-family: var(--font-head);
    font-size:32px;
    font-weight:700;
}
@media screen and (max-width: 1023px) {
    .stats__title {padding:12px 20px;}
    .stats__list {flex-wrap: wrap;}
    .stats__item {
        width:50%;
        flex-direction: row;
        justify-content: space-between;
        padding:14px 23px 13px 20px;
        border-bottom:1px solid var(--Line-Color-Line_01);
    }
    .stats__item:first-child {padding-top:21px;}
    .stats__item:nth-child(odd) {padding-right:31px;}
    .stats__item:nth-child(odd):last-child,
    .stats__item:last-child {border-bottom:none;}
    .stats__item span {font-size:16px;}
    .stats__item div {font-size:18px;}
}


/* history */
.experience-history .content-header + .content-body {padding-top:160px;}
.history-race .content-box {padding:120px 0 160px;}
.history-class .content-box {padding:160px 0 0;}
.history-class .models-specification .content-box {padding:240px 0}
.race-info h3 + .race-info__media {margin-top:40px;}
.race-info__text {
    background-color: var(--Primary-Color-White);
    padding: 20px 12px 40px 20px;
}
.race-info__title {
    font-family: var(--font-head);
    font-size: 40px;
    font-weight: 700;
    line-height: var(--lh-base);
    color: var(--Primary-Color-Red);
    margin-bottom:12px;
}
.class-info h4 {text-align:center;padding-top:40px;}
.class-info__list {
    display:flex;
    flex-direction: row;
    gap:24px;
    margin:40px 0 80px;
}
.class-info__item span {
    display:block;
    color:var(--Primary-Color-Red);
    font-size: 40px;
    font-weight: 700;
    line-height: var(--lh-xs);
    font-family: var(--font-head);
}
.class-info__item p {
    font-size: 20px;
    font-weight: 400;
    line-height: var(--lh-lg);
    margin-top: 12px;
}
.race-prod.line--top {padding-bottom:200px;}
.race-prod__title {
    padding: 40px;
    background-color:var(--Primary-Color-Black);
    color:var(--Primary-Color-White);
}
.race-prod__title h4 + p {margin-top:12px;}
.race-prod__detail {padding:80px 52px 100px 40px}
.race-prod__detail h5 {margin-top:60px}
.race-prod__detail h5:first-child {margin-top:0;}
.race-prod__detail .c-table-overflow {margin-top:12px;}
.history-class .c-spec-detail__list + .btn-wrap-type2 {margin-top:40px;}

@media screen and (min-width: 1024px) {
    .class-info,
    .race-prod {max-width: 1440px;margin:0 auto 200px;}
    .class-info__item {width:calc((100% - 48px) / 3);}
}
@media screen and (max-width: 1023px) {
    .history-race .content-box {padding:80px 24px 100px}
    .race-info {text-align: center;}
    .race-info h3 + .race-info__media {
        margin-top:28px;
        text-align: left;
    }
    .race-info__title {font-size: 24px;}
    .history-class .content-box {padding:100px 0 0;}
    .class-info h4 {padding-top:4px;}
    .class-info__list {
        overflow-x: auto;
        width:100%;
        gap:12px;
        margin:36px 0 60px;
    }
    .class-info__item {
        min-width: 258px;
        width: 258px;
        height: 266px;
        background-color:var(--Secondary-Color-Black_Natural);
        padding: 24px 16px 28px;
    }
    .class-info__item span {font-size: 24px;}
    .class-info__item p {
        font-size: 17px;
        margin-top: 12px;
        display: -webkit-box;
        text-overflow: ellipsis;
        overflow: hidden;
        -webkit-line-clamp: 7;
        -webkit-box-orient: vertical;
    }
    .race-prod.line--top {padding:60px 0 120px;}
    .race-prod__title {padding:28px;}
    .race-prod__detail {padding:44px 28px 80px;}
    
    .race-prod__detail h5 {margin-top:36px}
    .history-class .models-specification .content-box {
        margin:120px -24px 0;
        padding:152px 0;
    }
}

.history-box-wrap {margin: 0 auto;}
.history-box {position: relative;}
.brand .history-box {padding: 0 80px;}
.history-box > ul {
    position: relative;
    padding: 40px 0 0 0;
    overflow: hidden;
}
.history-box .history-list:after {
    content: "";
    display: inline-block;
    width: 4px;
    height: 100%;
    background: #bbb;
    position: absolute;
    top: 160px;
    left: 50%;
}
.history-box .history-list > li {
    display: flex;
    justify-content: space-between;
    position: relative;
    gap: 268px;
}
.history-box .history-list > li:not(:last-child) { padding-bottom: 160px; }
.history-box .history-pointer {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color:var(--Primary-Color-Red);
    position: absolute;
    top: 120px;
    left: 50.1%;
    transform: translateX(-49%);
    z-index: 10;
    transition: top 0.5s ease-in-out;
}
.history-box .history-list li .text-area {
    padding: 80px 0;
    max-width: 586px;
}
.history-box .history-list li .text-area .year {
    color:var(--Primary-Color-Red);
    font-weight: 700;
    font-size: 80px;
    line-height: 100px;
    font-family: var(--font-head);
}
.history-box .history-list li .text-area .title {
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    margin-top: 20px;
}
.history-box .history-list li .text-area .info .desc {
    margin-top: 12px;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}
.history-box .history-list li .text-area .sub-text-list {margin-top: 20px;}
.history-box .history-list li .img-wrap {
    max-width: 586px;
    height: 440px;
    position: relative;
}
.history-box .history-list li .img-wrap .ico-video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 92px;
    height: 92px;
    background: url(/inc/images/icon/icon-play-video.svg);
    background-size: contain;
    cursor: pointer;
    z-index: 1;
}
.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 > div {flex: 1 1 586px;}
.history-box .history-list li .img-wrap a {position: relative;}
@media screen and (max-width: 1023px) {
    .experience-history .content-header + .content-body {padding-top:108px;}
    .history-box-wrap {
        max-width: 1440px;
        margin: 0 auto;
    }
    .intro-box .tab-head {
        padding-top: 80px;
        justify-content: flex-start;
    }
    .intro-box .tab-content .conts-box-wrap {padding-bottom: 100px;}
    .history-box {overflow: hidden;}
    .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 {
        width: 12px;
        height: 12px;
        position: absolute;
        top: 20px;
        left: 0;
        transform: revert;
    }
    .history-box .history-list li .text-area {
        padding: 0 0 40px 46px !important;
        max-width: revert;
    }
    .history-box .history-list li .text-area .year {
        font-size: 40px;
        line-height: 50px;
    }
    .history-box .history-list li .text-area .title {
        font-size: 24px;
        line-height:var(--lh-lg);
    }
    .history-box .history-list li .text-area .info .desc {
        font-size: 17px;
        line-height:var(--lh-lg);
    }
    .history-box .history-list li .img-box { padding-left: 46px !important; }
    .history-box .history-list li .img-wrap {
        position: relative;
        padding-top: calc((192 / 258) * 100%);
        width: 100%;
        height: 0;
        min-width: 258px;
        overflow: hidden;
    }
    .history-box .history-list li .img-wrap.small {
        padding-top: calc((146 / 258) * 100%);
        height: 0;
    }
    .history-box .history-list li .img-wrap.big {
        padding-top: calc((459 / 258) * 100%);
        height: 0;
    }
    .history-box .history-list li .img-wrap img {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
    }
    .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;
    }
}

/* Notice */
.notice .c-search__result {font-size:20px;}
.notice__list {
    margin: 100px auto 0;
    border-top: 3px solid var(--Line-Color-Line_03);
}
.notice__list  li {
    display: flex;
    padding: 29px 12px;
    align-items: center;
    border-bottom: 1px solid var(--Line-Color-Line_02);
}
.notice__list li .noti-fix {
    display: flex;
    align-items: center;
    width: 34px;
    height: 34px;
}
.notice__list  li .noti-fix img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.notice__list  li button {
    flex: 1;
    font-size: 24px;
    font-weight: 700;
    line-height: var(--lh-lg);
    text-align: left;
}
.notice__list  li span.notice-date {
    flex: 0 0 auto;
    font-size: 16px;
    font-weight: 400;
    line-height: var(--lh-lg);
}
.notice__list  + .btn-wrap-default {margin: 80px auto 0;}
.experience-notice .page_wrap {margin-top: 80px;}
@media screen and (min-width: 1024px) {
    .notice .c-search {width:708px}
}
/* Experience 추가 - driving, ntaxi */
.experience-content .content-box { padding: 200px 0; }
.experience-content .content-box.content-box--heading { padding: 160px 0 200px; }
.experience-content .container {
    display: flex;
    flex-direction: column;
    padding: 0px 80px;
    text-align: center;
    gap: 60px;
}
.experience-content .container--full { padding: 0; }
.experience-content .c-text {
    max-width: 1200px;
    margin: 0 auto;
}
.experience-content .c-text__desc {
    margin-top: 20px;
    font-weight: 500;
}
.experience-content .content-header {gap: 0;}
.experience-content .content-header+.content-body {padding: 0;}
.experience-content .c-media__poster {position: relative;}
.experience-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%);
}
.experience-content a:hover .c-media__poster::before { background-image: url(/inc/images/icon/icon-play-video-hover.svg); }
.experience-driving {
    position: relative;
    height: 1440px;
    background-image: url(/inc/images/content/img_driving_cont04_1-pc.png);
    background-position: bottom center;
    background-size: cover;
}
.content-box.experience-card-3col { padding: 80px 0 200px; }
.content-box.experience-card-2col { padding: 0 0 240px; }
.content-box.experience-card-2col .container {
    display: flex;
    flex-direction: column;
    gap: 60px;
    text-align: center;
}
.experience .c-btn__overlay {
    position: absolute;
    left: 50%;
    bottom: 28px;
    width: 100%;
    transform: translateX(-50%);
}
.experience .c-btn__overlay a {
    font-size: 32px;
    font-weight: 700;
    font-family: var(--font-head);
}
.experience .c-btn__overlay a span { margin-left: 8px; }
@media screen and (max-width: 1023px) {
    .experience-content .content-box {padding: 120px 0;}
    .experience-content .content-box.content-box--heading {padding: 100px 0 120px;}
    .experience-content .container {
        padding: 0px 24px;
        text-align: center;
        gap: 36px;
    }
    .experience-content .container--full-mo {padding: 0;}
    .experience-content .container--full-mo .c-text {padding: 0 24px;}
    .experience-content .c-text__desc {margin-top: 12px;}   
    .experience-content .content-header+.content-body {padding: 0;}
    .experience-content .c-media__poster::before {
        width: 40px;
        height: 40px;
    }
    .experience .gallery-wrap .container--full-mo .c-text {padding: 0 24px;}
    .experience-driving {
        position: relative;
        height: 1120px;
        background-image: url(/inc/images/content/img_driving_cont04_1-mo.png);
        background-position: bottom center;
        background-size: cover;
    }
    .experience-driving .c-text .c-text__desc {padding: 0 24px;}
    .content-box.experience-card-3col {padding: 44px 0 120px;}
    .content-box.experience-card-2col {padding: 0 0 160px;}
    .content-box.experience-card-2col .container {gap: 44px;}
    .experience .c-btn__overlay a {font-size: 20px;}
    .experience .c-btn__overlay a span {margin-left: 8px;}
    .experience .card-calendar {height:auto;}
    .experience .card-calendar__detail {margin-bottom:0;}
    .experience .card-calendar .btn-wrap-type {margin-top: 36px;}
    .experience .c-card__desc {font-size: 16px}
    .experience .c-text__title {line-height:var(--lh-base);}
    .experience .c-card__desc + .dot-list__list.text--md {margin:0}
    [lang='en'] .experience .c-card__desc + .dot-list__list.text--md { margin:0 }
    .experience .text--md .dot-list__item {
        font-size:16px;
        font-weight: 500;
    }
    .experience-ncup .dot-list__item::before {
        background-color: var(--Primary-Color-Black);
    }
}

/* Experience 추가 - driving, ntaxi */
.experience-content .content-box {padding: 200px 0;}
.experience-content .content-box.content-box--heading {padding: 160px 0 200px;}
.experience-content .container {
    display: flex;
    flex-direction: column;
    padding: 0px 80px;
    text-align: center;
    gap: 60px;
}
.experience-content .container--full {padding: 0;}
.experience-content .c-text {
    max-width: 1200px;
    margin: 0 auto;
}
.experience-content .c-text__desc {
    margin-top: 20px;
    font-weight: 500;
}
.experience-content .content-header {gap: 0;}
.experience-content .content-header+.content-body {padding: 0;}
.experience-content .c-media__poster {position: relative;}
.experience-content .c-media__poster::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 138px;
    height: 138px;
    background: url(/inc/images/icon/icon-play-video.svg) no-repeat center center / 100%;
    transform: translate(-50%, -50%);
}
.experience-content a:hover .c-media__poster::before { background-image: url(/inc/images/icon/icon-play-video-hover.svg); }
.experience-driving {
    position: relative;
    height: 1440px;
    background-image: url(/inc/images/content/img_driving_cont04_1-pc.png);
    background-position: bottom center;
    background-size: cover;
}
.content-box.experience-card-3col {padding: 80px 0 200px;}
.content-box.experience-card-2col {padding: 0 0 240px;}
.content-box.experience-card-2col .container {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 60px;
}
.experience .c-btn__overlay {
    position: absolute;
    left: 50%;
    bottom: 28px;
    width: 100%;
    transform: translateX(-50%);
}
.experience .c-btn__overlay a {
    font-size: 32px;
    font-weight: 700;
    font-family: var(--font-head);
}
.experience .c-btn__overlay a span {margin-left: 8px;}
@media screen and (max-width: 1023px) {
    .experience-content .content-box {padding: 120px 0;}
    .experience-content .content-box.content-box--heading {padding: 100px 0 120px;}
    .experience-content .container {
        gap: 36px;
        padding: 0px 24px;
        text-align: center;
    }
    .experience-content .container--full-mo {padding: 0;}
    .experience-content .container--full-mo .c-text {padding: 0 24px;}
    .experience-content .c-text__desc {margin-top: 12px;}
    .experience-content .content-header + .content-body {padding: 0;}
    .experience-content .c-media__poster::before {
            width: 40px;
            height: 40px;
        }
    .experience .gallery-wrap .container--full-mo .c-text {padding: 0 24px;}
    .experience-driving {
        position: relative;
        height: 1120px;
        background-image: url(../../inc/images/content/img_driving_cont04_1-mo.png);
        background-position: bottom center;
        background-size: cover;
    }
    .experience-driving .c-text .c-text__desc {padding: 0 24px;}
    .content-box.experience-card-3col {padding: 44px 0 120px;}
    .content-box.experience-card-2col {padding: 0 0 160px;}
    .content-box.experience-card-2col .container {gap: 44px;}
    .experience .c-btn__overlay a {font-size: 20px;}
    .experience .c-btn__overlay a span {margin-left: 8px;}
}

/* N 페스티벌 관람안내 */
/* next race */
.n-festival-guide .next-race .content-body {padding-top: 100px;}
.n-festival-guide .next-race .content-box {
    position: relative;
    padding: 60px 0 0 0;
    margin: 0 auto;
}
.n-festival-guide .next-race .content-box::before {
    position: absolute;
    display: block;
    content: "";
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 407px;
    background: var(--Secondary-Color-Black_Natural);
}
.n-festival-guide .next-race .content-header {
    max-width: 1800px;
    margin: 0 auto;
}
.n-festival-guide .next-race .content-header .c-card {
    gap: 0;
    text-align: left;
}
.n-festival-guide .next-race .content-header {margin: 0 80px;}
.n-festival-guide .next-race .section_tab {margin-left: 80px;}
@media screen and (max-width: 1023px) {
    .n-festival-guide .next-race .content-header {margin: 0;}
    .n-festival-guide .next-race .section_tab {margin-left: 0;}
    .n-festival-guide .next-race .content-box {padding: 36px 0 0 0;}
    .n-festival-guide .next-race .content-box::before {height: 332px;}
    .n-festival-guide .next-race .c-card {gap: 8px;}
    .n-festival-guide .next-race .c-text {padding-left: 24px;}
    .n-festival-guide .next-race .selectbox-wrap {
        width: 100%;
        padding: 0 24px;
    }
    .n-festival-guide .next-race .content-body {padding-top: 28px;}
    .n-festival-guide .class-information .content-header {
        padding-left: 24px;
        text-align: left;
    }
}
.n-festival-guide .event-container {
    margin: 0 auto;
    max-width: 1600px;
}
.n-festival-guide .event-container h3 { padding-bottom: 40px; }
.n-festival-guide .event-container__content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px 24px;
}
.n-festival-guide .event-container__content article {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.n-festival-guide .event-container__header { padding: 0 16px; }
.n-festival-guide .event-container__title {
    font-size: 32px;
    font-weight: 700;
    line-height: var(--lh-lg);
    font-family: var(--font-head);
}
.n-festival-guide .event-container__subtitle {
    font-size: 16px;
    font-family: var(--font-text);
    font-weight: 500;
    line-height: var(--lh-lg);
}
.n-festival-guide .event-container__list {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 40px;
    padding: 40px 16px 0;
    border-top: 1px solid var(--Line-Color-Line_01);
}
.n-festival-guide .event-info__term {
    font-size: 24px;
    font-family: var(--font-head);
    font-weight: 700;
    line-height: var(--lh-lg);
}
.n-festival-guide .event-info__description {
    font-size: 16px;
    font-family: var(--font-text);
    font-weight: 500;
    line-height: var(--lh-lg);
}
@media screen and (max-width: 1023px) {
    .n-festival-guide .event-container h3 { padding-bottom: 28px; }
    .n-festival-guide .event-container__content {
        display: flex;
        flex-direction: column;
        gap: 44px
    }
    .n-festival-guide .event-container__content article {
        display: flex;
        flex-direction: column;
        gap: 28px;
    }
    .n-festival-guide .event-container__header {padding: 0;}
    .n-festival-guide .event-container__title {font-size: 20px;}
    .n-festival-guide .event-container__subtitle {font-size: 16px;}
    .n-festival-guide .event-container__list {
        gap: 28px;
        padding: 28px 0 0;
    }
    .n-festival-guide .event-info__term {font-size: 18px;}
}

/* N아카이브 */
.n-archive .content-box {padding-bottom: 200px}
.n-archive .archive-wrap .content-box {padding:0 0 200px;}
.n-archive .archive-wrap .c-tab__nav {padding: 0 11.81%;}
.n-archive .archive-wrap .c-tab__content {margin-top: 80px;}
.n-archive .archive-wrap .c-tab__link {font-weight: 500;}
.n-archive .video-wrap .content-box {padding-top: 80px;padding-bottom: 240px;}
.n-archive .wrap-list .inner .box.box01:last-child {border-bottom: none;}
@media screen and (max-width: 1023px) {
    .n-archive .content-box {padding-bottom: 120px;}
    .n-archive .c-text__subtitle {
        font-weight: 500;
        font-family: var(--font-text);
        font-size: 16px;
    }
    .n-archive .flex-layout--3col {gap: 44px;}
    .n-archive .archive-wrap .content-header {padding: 0 24px;}
    .n-archive .archive-wrap .content-box {padding:0 0 120px;}
    .n-archive .archive-wrap .c-tab__nav { padding: 0 24px; }
    .n-archive .archive-wrap .c-tab__content {margin-top: 48px;}
    .n-archive .archive-wrap .c-tab__list {
        flex-wrap: wrap;
        flex-direction: unset;
        border: 1px solid var(--Secondary-Color-Black_555555);
    }
    .n-archive .archive-wrap .c-tab__item {
        position: relative;
        flex: unset;
        width: 50%;
        border: none;
    }
    .n-archive .archive-wrap .c-tab__item:nth-child(1),
    .n-archive .archive-wrap .c-tab__item:nth-child(2) { border-bottom: 1px solid var(--Secondary-Color-Black_555555);; }
    .n-archive .archive-wrap .c-tab__item:nth-child(2n) { border-left: 1px solid var(--Secondary-Color-Black_555555);; }
    .n-archive .video-wrap .content-box {padding-top: 44px;padding-bottom: 152px;}
}

/* ================= 마이그레이션 영역 ================== */
/* font */
[class*=n-festival-] .txt-type01 {font-size: 24px;}
[class*=n-festival-] .txt-type03 {font-weight: 700;}
@media screen and (max-width: 1023px) {
    [class*=n-festival-] .txt-type01 {font-size: 16px;}
}

/* 일정 테이블 */
/* sub-text-list */
.sub-text-list li {
    position: relative;
    padding-left: 16px;
    font-size: 16px;
    font-weight: 500;
}
.sub-text-list li:before {
    position: absolute;
    content: "";
    display: inline-block;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background: var(--Secondary-Color-Black_777777);
}
.sub-text-list li:not(:last-child) { margin-bottom: 12px; }
.sub-text-list li.blind {
    padding-left: 0;
    font-weight: 400;
}
.sub-text-list li.blind:before { display: none; }
.sub-text-list + [class^="table"] { margin-top: 12px; }
/* list */
.wrap-list,
.wrap-list.list04 {
    width: 100%;
    margin: 0 auto;
    max-width: 1440px;
}
.wrap-list .__top {
    display: grid;
    grid-template-columns: 2fr auto;
    justify-content: space-between;
    align-items: center;
    margin-top: 160px;
    margin-bottom: 40px;
}
.wrap-list .__top .wrap-list-tab li.active {
    color: var(--ff);
    background-color: var(--ro);
}
/* bottom list start (list01, list02, list05 only) */
.wrap-list .__bottom {
    border-top: 2px solid var(--Line-Color-Line_a1a1a1);
    margin-top: 40px;
    margin-bottom: 60px;
}
.wrap-list .__bottom .wrap-lists:first-child { border-top: none; }
.wrap-list .__bottom .wrap-lists p {
    padding: 0px 12px 0px 12px;
    font-weight: 700;
    margin-right: 24px;
}
.wrap-list .__bottom .wrap-lists p:last-child { margin-right: 0; }
.wrap-list .__bottom .wrap-lists h3.tit {
    width: 100%;
    padding: 0px 12px 0px 12px;
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 33.6px;
    gap: 10px;
    margin-right: 24px;
    max-width: 950px;
}
.wrap-list .__bottom .wrap-lists {
    display: grid;
    padding: 29px 0px 29px 0px;
    text-align: left;
    gap: 0 24px;
    grid-template-columns: 15% 50% 30%;
    justify-content: space-around;
    align-items: center;
    border-bottom: 1px solid var(--Line-Color-Line_02);
}
.wrap-list.list02 .__bottom .wrap-lists {
    grid-template-columns: 15% 52% 28%;
}
.wrap-list.list02 .__bottom .wrap-lists.noticeTxt {
    border: none;
    text-align: left;
    grid-template-columns: auto;
    justify-content: flex-start;    
}
.wrap-list .wrap-lists.noticeTxt { margin-top: 16px; }
.wrap-list .__bottom .wrap-lists .list-box:nth-child(1) { width: 224px; }
.wrap-list .__bottom .wrap-lists .list-box:nth-child(1) p,
.wrap-list .__bottom .wrap-lists .list-box:nth-child(3) p { font-weight: 700; }
.wrap-list.list02 .__bottom .wrap-lists .list-box:nth-child(3) p { font-weight: 500; }
.wrap-list .__bottom .wrap-lists .list-box:nth-child(2) { width: 100%; }
.wrap-list .__bottom .wrap-lists .list-box:nth-child(2) p { max-width: 100%; }
.wrap-list .__bottom .wrap-lists .list-box:nth-child(3) {
    width: 220px;
    max-width: 100%;
    margin-left: auto;
}
.wrap-list.list02 .__bottom .wrap-lists .list-box:nth-child(3) {
    display: flex;
    width: 100%;
    max-width: 500px;
    margin-left: -32px;
}
.wrap-list.list01 .btn.btn-md-outline01 {
    display: flex;
    margin: 0 auto;
    align-items: center;
}
.wrap-list .__bottom.list02 { margin-bottom: 0; }
/* list01, list02 일부 반응형 */
@media screen and (min-width: 1025px) and (max-width: 1400px) {
    .wrap-list.list01 .__bottom .wrap-lists .list-box:nth-child(3) {
        text-align: center;
        max-width: 124px;
        margin-right: 32px;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1135px) {
    .wrap-list .__bottom.list02 .wrap-lists { gap: 0 16px; }
    .wrap-list .__bottom.list01 .wrap-lists .list-box:nth-child(1) {
        width: 288px;
        max-width: max-content;
    }
    .wrap-list.list02 .__bottom .wrap-lists { grid-template-columns: 15% 45% 33%; }
    .wrap-list .__bottom .wrap-lists .list-box:nth-child(1) { width: 224px; }
    .wrap-list.list02 .__bottom .wrap-lists .list-box:nth-child(3) {
        width: auto;
        max-width: 100%;
    }
}
/* list 03 - track guide */
.wrap-list.list03 {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: var(--Secondary-Color-Black_Natural);
}
.wrap-list.list03 .left {
    display: flex;
    width: 708px;
    margin-right: 20px;
    justify-content: center;
    align-items: center;
}
.wrap-list.list03 .left img {
    max-width: 432px;
    object-fit: contain;
}
.wrap-list.list03 .right {
    width: 100%;
    padding: 0 20px;
    max-width: 708px;
}
.wrap-list.list03 .right .track-info .descwrap {
    padding: 0 20px;
}
.wrap-list.list03 .right.descwrap h2.tit,
.wrap-list.list03 .right.descwrap .el-tit {
    text-align: left;
    font-size: 68px;
    font-weight: 700;
    line-height: 5.313rem;
}
.wrap-list.list03 .right.descwrap h2.sub-tit,
.wrap-list.list03 .right.descwrap .el-tit-sub {
    text-align: left;
    font-family: var(--font-head);
    font-size: 20px;
    font-weight: 500;
}
.wrap-list.list03 .right.descwrap .list-trackinfo {
    margin-top: 60px;
    border-top: 2px solid var(--Line-Color-Line_03);
}
.wrap-list.list03 .right.descwrap .list-trackinfo .inner {
    display: flex;
    padding: 28px 0;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--Line-Color-Line_03);
}
.wrap-list.list03 .right.descwrap .list-trackinfo .inner p:nth-child(1) {
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}
.wrap-list.list03 .right.descwrap .list-trackinfo .inner p:nth-child(2) {
    text-align: right;
    font-size: 24px;
    font-weight: 700;
    line-height: 33.6px;
}
@media screen and (min-width: 1024px) and (max-width: 1366px) {
    .wrap-list.list03 .left {
        width: 420px;
        padding: 80px 60px 72px 60px;
        margin-right: 40px;
    }
    .wrap-list.list03 .right {
        width: 420px;
        padding: 0 16px;
    }
    .wrap-list.list03 .right.descwrap .list-trackinfo {
        display: flex;
        flex-direction: column;
    }
}
/* list04  plan your guide */
.wrap-list.list04 h3.tit,
.wrap-list.list04 .el-tit {
    font-size: 68px;
    font-weight: 700;
}
.wrap-list.list04 .inner {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    border-top: 2px solid var(--Line-Color-Line_03);
}
.wrap-list.list04 .inner .box {
    display: flex;
    padding: 40px 0;
    flex: 1;
    justify-content: space-between;
}
.wrap-list.list04 .box.wrap-multi-box { padding: 0; }
.wrap-list.list04 .box.wrap-multi-box + .box.wrap-multi-box { margin-top: 32px; }
.wrap-list.list04 .box.wrap-multi-box:nth-child(4n-1) { margin: 32px 0 0 0; }
.wrap-list.list04 .inner .box.box01 { border-bottom: 1px solid var(--Line-Color-Line_02); }
.wrap-list.list04 .inner .box .box-desc.right .desc-location {
    width: 100%;
    text-align: left;
    max-width: 706px;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    font-family: var(--font-text);
}
.wrap-list.list04 .inner .box .box-desc.right a.desc-location:hover {
    text-decoration: underline;
    cursor: pointer;
}
.wrap-list.list04 .inner .box .box-desc.right .desc-note {
    text-align: left;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    font-family: var(--font-text);
}
.wrap-list.list04 .inner .box.box02 {
    flex-direction: column;
    border-bottom: 1px solid var(--Line-Color-Line_02);
}
.wrap-list.list04 .inner .box.box02 h3.tit.fullwidth,
.wrap-list.list04 .inner .box.box02 .el-tit {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 50px;
    font-size: 32px;
}
.wrap-list.list04 .inner .box .box-desc {
    width: 50%;
    padding: 0 20px;
}
.wrap-list.list04 .inner .box .box-desc .sub-text-list li {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}
.wrap-list.list04 .inner .box .box-desc .sub-text-list li:before {
    top: 12px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--Primary-Color-Black);
    transform: none;
}
.wrap-list.list04 .inner .box.box01 h3.tit,
.wrap-list.list04 .inner .box.box01 .el-tit { font-size: 32px; }
.wrap-list.list04 .inner .box.box02 .box-desc.left h3.tit,
.wrap-list.list04 .inner .box.box02 .box-desc.left .el-tit {
    margin: 0;
    padding: 0;
    font-size: 24px;
}
/* list 05 */
.wrap-list.list05 .tit {
    font-size: 56px;
    font-family: var(--font-head);
    font-weight: 700;
    line-height: 70px;
}
.wrap-list.list05 .__bottom.list05,
.wrap-list.list06 .__bottom.list06,
.wrap-list.list07 .__bottom.list07 { margin-bottom: 16px; }
.wrap-list.list05 .inner .__bottom.list05 .wrap-lists .list-box:nth-child(1) p.txt-type04 {
    font-weight: 400;
    line-height: 16px;
}
.wrap-list.list05 .__bottom.list05 .wrap-lists .list-box:nth-child(2) p.txt-type05 {
    margin-top: 80px;
    font-weight: 400;
    line-height: 16px;
    font-family: var(--font-text);
}
.wrap-list.list05 .__bottom.list05 .wrap-lists .list-box:nth-child(3) p.txt-type03 {
    color: var(--Secondary-Color-Black_777777);
    text-align: right;
}
.wrap-list.list05 .inner .btn-wrap,
.wrap-list.list06 .inner .btn-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-family: var(--font-text);
}
.wrap-list.list05 .inner .btn-wrap button.btn,
.wrap-list.list06 .inner .btn-wrap button.btn { padding: 14px 0 14px 24px; }
.wrap-list.list05 .inner .btn-wrap button.btn .btn-icon20.icon-right,
.wrap-list.list06 .inner .btn-wrap button.btn .btn-icon20.icon-right {
    display: flex;
    align-self: center;
    align-items: center;
}
.wrap-list.list05 .inner .btn-wrap button.btn .btn-icon20.icon-right:hover svg path { fill: var(--Primary-Color-White) !important; }
/* list06 */
.wrap-list.list06 .__bottom.list06 .wrap-lists { grid-template-columns: 1fr auto; }
.wrap-list.list06 .__bottom.list06 .wrap-lists .list-box:first-child { width: 100%; }
.wrap-list.list06 .__bottom.list06 .wrap-lists .list-box:first-child p.txt-type05 {
    font-weight: 400;
    line-height: 17px;
    font-family: var(--font-text);
    margin-top: 80px;
}
.wrap-list.list06 .__bottom.list06 .wrap-lists .list-box:last-child {
    width: 198px;
    text-align: right;
    max-width: 198px;
}
.wrap-list.list06 .__bottom.list06 .wrap-lists .list-box:last-child p { color: var(--Secondary-Color-Black_777777); }
.wrap-list.list06 .__bottom.list06 .wrap-lists .list-box:last-child p.accent { color: var(--Primary-Color-Red); }
.wrap-list.list06 .__bottom.list06 .wrap-lists.list-only-single .list-box {
    width: 100%;
    text-align: left;
    max-width: 100%;
}
.wrap-list.list06 .__bottom.list06 .wrap-lists.list-only-single .list-box p { color: var(--Primary-Color-Black); }
.wrap-list.list06 .__bottom.list06 .wrap-lists .list-box .btn-wrap button {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 700;
}
.wrap-list .__bottom.list06 .wrap-lists.btn-type { grid-template-columns: 7fr 1fr; }
.wrap-list .__bottom.list06 .wrap-lists.btn-type .list-box {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr auto;
    align-items: center;
}
.wrap-list .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(2) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 198px;
}
.wrap-list .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(2) div {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}
.wrap-list .__bottom.list06 .wrap-lists.btn-type .list-box p.txt-type03 {
    width: 100%;
    color: var( --Secondary-Color-Black_777777);
    text-align: Right;
}
.wrap-list .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(2) {
    width: 100%;
    max-width: 100%;
    margin-right: 12px;
}
.wrap-list .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(2) .btn-wrap button {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 700;
}
.wrap-list .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(2) .btn-wrap button:nth-child(1) { margin-right: 8px; }
.wrap-list .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(2) .btn-wrap button:nth-child(2) {
    background: var(--Primary-Color-Black);
    color: var(--Primary-Color-White);
}
@media screen and (max-width: 850px) {
    .wrap-list .inner .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(1) {
        display: Grid;
        justify-content: space-between;
    }
    .wrap-list .inner .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(1) div:last-child { align-items: flex-end; }
    .wrap-list .inner .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(1) p.txt-type01 { font-size: 20px; }
}
/* list06 end */
.wrap-list .__bottom.list07 .wrap-lists {
    display: flex;
    margin: 12px 0;
    padding: 29px 20px;
    flex-direction: column;
    background-color:var(--Secondary-Color-Black_Natural);
    border-bottom: none;
}
.wrap-list .__bottom.list07 .wrap-lists:hover { background: var(--Primary-Color-Blue); }
.wrap-list .__bottom.list07 .wrap-lists:nth-child(1) { margin: 0; }
.wrap-list .__bottom.list07 .wrap-lists .list-box {
    width: 100%;
    margin-bottom: 8px;
    border-radius: 4px;
}
.wrap-list .__bottom.list07 .wrap-lists .list-box p { padding: 0; }
.wrap-list .__bottom.list07 .wrap-lists .list-box:nth-child(1) {
    display: flex;
    justify-content: space-between;
}
.wrap-list .__bottom.list07 .wrap-lists .list-box:nth-child(1) p.txt-type04 { font-weight: 400; }
.wrap-list .__bottom.list07 .wrap-lists .list-box:nth-child(1) svg {
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.wrap-list .__bottom.list07 .wrap-lists .list-box:nth-child(2) p.txt-type01 {
    font-size: 24px;
    margin-right: 160px;
}
.wrap-list .__bottom.list07 .wrap-lists .list-box:nth-child(2) {
    width: 100%;
    padding-bottom: 20px;
}
.wrap-list .__bottom.list07 .wrap-lists .list-box:nth-child(3) {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.wrap-list .__bottom.list07 .wrap-lists .list-box:nth-child(3) p { font-weight: 400; }
.wrap-list .__bottom.list07 .wrap-lists .list-box:nth-child(3) .box-listChkRead {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    justify-content: center;
}
.wrap-list .__bottom.list07 .wrap-lists .list-box:nth-child(3) .box-listChkRead span.icon-check { margin-right: 4px; }
/* list07 ed */
.wrap-list .inner .btn-wrap.list-outerBtnWrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.wrap-list .inner .btn-wrap.list-outerBtnWrap button.btn { padding: 14px 0 14px 24px; }
.wrap-list .inner .btn-wrap.list-outerBtnWrap button.btn .btn-icon20.icon-right {
    display: flex;
    align-self: center;
    align-items: center;
}
/* list title size */
.wrap-list .tit.small {
    font-size: 56px;
    font-family: var(--font-head);
    font-weight: 700;
    line-height: 70px;
}
.wrap-list .tit.large {
    font-size: 68px;
    font-family: var(--font-head);
    font-weight: 700;
}
.conts-body .wrap-list-no-data,
.wrap-list .wrap-list-no-data {
    width: 100%;
    padding: 275px 80px 276px 80px;
    text-align: center;
    margin-top: 40px;
    font-family: var(--font-head);
    font-size: 24px;
    font-weight: 700;
    line-height: var(--lh-lg);
    border-top: 1px solid var(--Line-Color-Line_a1a1a1);
    border-bottom: 1px solid var(--Line-Color-Line_a1a1a1);
}
/* tab */
.n-festival-guide .tab-content {
    display: none;
    margin-top: 40px;
}
.n-festival-guide .tab-content.on { display: block; }
.n-festival-guide .tab-head {
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
}
.n-festival-guide .tab-head .title {
    font-size: 68px;
    font-weight: 700;
}
.n-festival-guide .tabs-wrap .tabs {
    display: flex;
    margin-top: 28px;
}
.n-festival-guide .tabs-wrap .tabs li {
    border: 1px solid var(--Secondary-Color-Black_777777);
    background: transparent;
    border-right: 0;
}
.n-festival-guide .tabs-wrap .tabs li:last-child {
    border-right: 1px solid var(--Secondary-Color-Black_777777);
}
.n-festival-guide .tabs-wrap .tabs.ty-black li.on {
    border: 1px solid var(--Primary-Color-Black);
    background: var(--Primary-Color-Black);
}
.n-festival-guide .tabs-wrap .tabs li.on {
    border: 1px solid var(--Primary-Color-Red);
    background-color: var(--Primary-Color-Red);
}
.n-festival-guide .tabs-wrap .tabs li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 11px 32px;
    color:var(--Secondary-Color-Black_777777);
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
}
.n-festival-guide .tabs-wrap .tabs li.on a {
    color: var(--Primary-Color-White);
    font-weight: 700;
}
.guide_wrap .wrap-list .imgwrap {
    width: 708px;
    height: 708px;
}
.guide_wrap .wrap-list .imgwrap img {
    max-width: unset;
}
@media screen and (max-width: 1800px) {
    .evtGuide .content-item05 .tab-head,
    .evtGuide .content-item07 .tab-head {padding: 0 80px;}
    .evtGuide .content-item05 .tab-content,
    .evtGuide .content-item06 .conts-body,
    .evtGuide .content-item07 .tab-content,
    .evtGuide .info-guide-box {
        padding-left: 80px;
        padding-right: 80px;
    }
}
@media screen and (max-width: 1023px) {
    .sub-text-list li:before { top: 9px; }
    /* list */
    .wrap-list.list01 .btn.btn-md-outline01 { display: none; }
    .wrap-list .tabs-wrap .tabs li {
        width: 100%;
        text-align: center;
    }
    .wrap-list .tab-head .title {
        font-size: 36px;
    }
    .wrap-list .__bottom {
        display: flex;
        flex-wrap: nowrap;
        border-top: none;
        overflow-x: auto;
        -ms-overflow-style: none; /* Internet Explorer 10+ */
        scrollbar-width: none; /* Firefox */
        margin-bottom: 0;
    }
    .wrap-list .__bottom .wrap-lists {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        max-height: 100%;
        padding: 24px 16px 80px;
        margin-right: 12px;
        background: var(--Secondary-Color-Black_Natural);
        text-align: left;
        border: none;
    }
    .bg-gray .wrap-list .__bottom .wrap-lists { background: var(--Primary-Color-White); }
    .wrap-list .__bottom .wrap-lists:last-child { margin-right: 0; }
    .wrap-list .__bottom .wrap-lists .list-box { display: block; }
    .wrap-list .__bottom .wrap-lists .list-box:nth-child(1) {
        margin-bottom: 60px;
        margin-right: auto;
        max-width: 168px;
    }
    .wrap-list .__bottom .wrap-lists .list-box:nth-child(2) p {
        padding: 0;
        text-align: left;
        font-size: 18px;
        font-weight: 700;
    }
    .wrap-list .__bottom .wrap-lists .list-box:nth-child(3) {
        text-align: left;
        margin-top: 12px;
    }
    .wrap-list .__bottom .wrap-lists .list-box:nth-child(3) p { font-weight: 500; }
    .wrap-list.list02 .__bottom .wrap-lists .list-box:nth-child(3) {
        width: 220px;
        max-width: 100%;
        margin-left: 0;
    }
    .wrap-list.list02 .wrap-lists.noticeTxt { padding: 0 24px; }
    .wrap-list .__bottom .wrap-lists p { padding: 0; }
    /* list03 track map */
    .wrap-list.list03 { flex-direction: column; }
    .wrap-list.list03 .left img {
        flex-shrink: 0;
        width: 100%;
        height: auto;
        max-width: none;
    }
    .wrap-list.list03 .left.imgwrap:has(.track-img) {
        width: 100%;
        max-width: none;
        margin-top: 0;
        margin-right: 0;
    }
    .wrap-list.list03 .right.descwrap h2.tit,
    .wrap-list.list03 .right.descwrap .el-tit {
        font-size:36px;
        font-size: 36px;
        font-weight: 700;
    }
    .wrap-list.list03 .right.descwrap h2.sub-tit,
    .wrap-list.list03 .right.descwrap .el-tit-sub {
        margin-top: 0;
        text-align: left;
        font-size: 18px;
        font-weight: 500;
    }
    .wrap-list.list03 .right.descwrap .list-trackinfo .inner p.txt-type03:nth-child(1) {
        text-align: left;
        font-size: 16px;
        font-weight: 500;
    }
    .wrap-list.list03 .right.descwrap .list-trackinfo .inner p:nth-child(2) { font-size: 20px; }
    .wrap-list.list03 .right {
        width: 100%;
        padding: 0;
        margin-top: 36px;
        max-width: 100%;
    }
    .wrap-list.list03 .right.descwrap .list-trackinfo {
        display: flex;
        flex-direction: column;
        margin-top: 28px;
    }
    .wrap-list.list03 .right.descwrap .list-trackinfo .inner { padding: 24px 0; }
    /* list 04 */
    .wrap-list.list04 .inner .box .box-desc {
        width: 100%;
        padding: 0;
    }
    .wrap-list.list04 h3.tit,
    .wrap-list.list04 .el-tit {
        font-size:36px;
        font-weight: 700;
    }
    .wrap-list.list04 .inner { margin-top: 28px; }
    .wrap-list.list04 .inner .box { padding: 28px 0 0 0; }
    .wrap-list.list04 .inner .box.box01,
    .wrap-list.list04 .inner .box.wrap-multi-box { flex-direction: column; }
    .wrap-list.list04 .inner .box.box01 { padding: 28px 0; }
    .wrap-list.list04 .inner .box .box-desc.right .desc-note { margin-top: 8px; }
    .wrap-list.list04 .inner .box.box02 h3.tit:first-child { margin-bottom: 24px }
    .wrap-list.list04 .inner .box .box-desc.right .desc-location {
        margin-top: 20px;
        font-size: 17px;
        max-width: 100%;
    }
    .wrap-list.list04 .inner .box.wrap-multi-box .box-desc.right .desc-location { margin-top: 15px; }
    .wrap-list.list04 .inner .box.box01 h3.tit,
    .wrap-list.list04 .inner .box.box01 .el-tit { font-size: 20px; }
    .wrap-list.list04 .inner .box.box01 h3.tit.fullwidth,
    .wrap-list.list04 .inner .box.box02 h3.tit.fullwidth,
    .wrap-list.list04 .inner .box.box02 .el-tit {
        padding: 0;
        margin-bottom: 0;
        font-size: 20px;
    }
    .wrap-list.list04 .inner .box.box02 .box-desc.left h3.tit { margin-bottom: 0; }
    .wrap-list.list04 .inner .box.wrap-multi-box:last-child { margin-bottom: 28px; }
    .wrap-list.list04 .box.wrap-multi-box:nth-child(4n-1) { margin: 0; }
    .wrap-list.list04 .inner .box.box02 .box-desc.left h3.tit,
    .wrap-list.list04 .inner .box.box02 .box-desc.left .el-tit {
        text-align: left;
        font-size: 18px;
        font-weight: 700;
    }
    .wrap-list.list04 .inner .box .box-desc .sub-text-list li { font-size: 17px;}
    .wrap-list .__bottom.list05 .wrap-lists .list-box:nth-child(1) p.txt-type01,
    .wrap-list .__bottom.list06 .wrap-lists .list-box:nth-child(1) p.txt-type01 { font-size: 18px; }
    .wrap-list .__bottom.list06 .wrap-lists .list-box:nth-child(1) p.txt-type05 { font-size: 12px; }
    .wrap-list .inner .__bottom.list05 { flex-direction: column; }
    .wrap-list .inner .__bottom.list05 .wrap-lists,
    .wrap-list .inner .__bottom.list06 .wrap-lists {
        margin-right: 0;
        padding: 27px 0 45px 0;
        background: none;
        border-bottom: 1px solid var( --Line-Color-Line_02);
    }
    .wrap-list .inner .__bottom.list05 .wrap-lists:first-child,
    .wrap-list .inner .__bottom.list06 .wrap-lists:first-child { border-top: 2px solid var(--Primary-Color-Black); }
    .wrap-list .inner .__bottom.list05 .wrap-lists .list-box:nth-child(1) { margin-bottom: 8px; }
    .wrap-list .inner .__bottom.list05 .wrap-lists .list-box:nth-child(2) p.txt-type05,
    .wrap-list .inner .__bottom.list06 .wrap-lists .list-box:nth-child(2) p.txt-type05 { font-size: 12px; }
    .wrap-list .inner .__bottom.list05 .wrap-lists .list-box:nth-child(3) {
        margin-top: -19px;
        margin-bottom: 0;
    }
    .wrap-list.list05 .__bottom.list05 .wrap-lists .list-box:nth-child(3) p.txt-type03,
    .wrap-list.list06 .__bottom .wrap-lists .list-box p.txt-type03 { font-size: 16px; }
    .wrap-list .tit.small { font-size: 30px; }
    /* list06 */
    .wrap-list .inner .__bottom.list06 {
        flex-direction: column;
        margin-bottom: 16px;
        margin-top: 24px;
    }
    .wrap-list .inner .__bottom.list06 .wrap-lists {
        display: grid;
        grid-template-columns: 1fr auto;
        width: 100%;
    }
    .wrap-list .inner .__bottom.list06 .wrap-lists .list-box:first-child {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0 0;
        max-width: 100%;
    }
    .wrap-list .inner .__bottom.list06 .wrap-lists .list-box:last-child {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        width: 100%;
        height: 100%;
        max-width: 100%;
    }
    .wrap-list .inner .__bottom.list06 .wrap-lists.list-only-single .list-box:last-child { align-items: flex-start; }
    .wrap-list .inner .__bottom.list06 .wrap-lists.list-only-single .list-box p.txt-type05 { margin-right: auto; }
    /* 06 btntype */
    .wrap-list .inner .__bottom.list06 .wrap-lists.btn-type {
        display: flex;
        padding: 27px 0 45px 0;
        margin-right: 0;
        background: none;
    }
    .wrap-list .inner .__bottom.list06 .wrap-lists.btn-type:first-child { border-top: 2px solid var(--Primary-Color-Black); }
    .wrap-list .inner .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(1) {
        display: flex;
        align-items: self-end;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 100%;
        margin-bottom: 8px;
    }
    .wrap-list .inner .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(1) .wrap-txtList-header { width: 100%; }
    .wrap-list .inner .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(1) .wrap-txtList-header p.txt-type05 {
        font-size: 12px;
        margin-top: 8px;
    }
    .wrap-list .inner .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(1) div:last-child {
        display: flex;
        align-items: stretch;
        justify-content: flex-start;
        flex-direction: column;
        width: 100%;
        height: 100%;
        max-width: 100%;
        text-align: left;
    }
    .wrap-list .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(2) { margin-right: 0; }
    .wrap-list .inner .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(2) p.txt-type05 { font-size: 12px; }
    .wrap-list .inner .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(3) {
        margin-top: -1.2rem;
        margin-bottom: 0;
    }
    .wrap-list .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(2) .btn-wrap {
        display: flex;
        gap: 0 8px;
        margin-top: 16px;
    }
    .wrap-list .__bottom.list06 .wrap-lists.btn-type .list-box:nth-child(2) .btn-wrap button { width: 100%; }
    /* list07*/
    .wrap-list.list07 .__bottom.list07 {
        display: block;
        margin-top: 0;
    }
    .wrap-list .__bottom.list07 .wrap-lists .list-box:nth-child(1) {
        width: 100%;
        max-width: 100%;
        margin-bottom: 8px;
    }
    .wrap-list .__bottom.list07 .wrap-lists .list-box:nth-child(1) svg {
        width: 24px;
        height: 24px;
    }
    .wrap-list .__bottom.list07 .wrap-lists .list-box:nth-child(2) {
        margin-bottom: 0;
    }
    .wrap-list .__bottom.list07 .wrap-lists .list-box:nth-child(2) p.txt-type01 {
        font-size: 20px;
        margin-right: 0;
    }
    .wrap-list .__bottom.list07 .wrap-lists .list-box:nth-child(3) {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0;
    }
    .wrap-list .__bottom.list07 .wrap-lists .list-box:nth-child(3) .box-listChkRead { align-items: flex-start; }
    .conts-body .wrap-list-no-data,
    .wrap-list .wrap-list-no-data {
        width: calc(100% - 48px);
        margin: 0 24px;
        padding: 185px 0 185px 0;
        margin-top: 28px;
        font-size: 18px;
    }
    .guide_wrap[class*="track-"] .imgwrap {
        width: 312px;
        padding: 0 !important;
    }
    .guide_wrap[class*="track-"] .wrap-list.list03 .right.descwrap h2.sub-tit,
    .guide_wrap[class*="track-"] .wrap-list.list03 .right.descwrap .el-tit-sub { margin-top: 8px; }
    .guide_wrap .imgwrap .track-img {
        width: 312px;
        height: 312px;
        flex: 1;
    }
    .guide_wrap .wrap-list .imgwrap {
        flex: 1;
        width: 312px;
        height: 312px;
        margin: 0;
    }
    /* tab */
    .n-festival-guide .tab-head {
        display: block;
        padding: 0 24px;
    }
    .n-festival-guide .tab-content {
        padding-left: 24px;
        padding-right: 0;
        margin-top: 28px;
    }
}
/* ================= 마이그레이션 영역 ================== */

/* 익스피리언스 수정 */
/** event-guide **/
.n-festival-guide .content-header + .content-body {padding-top: 40px;}
.n-festival-guide .content-box {
    padding-top: 160px;
    padding-bottom: 200px;
}
.n-festival-guide .content-box--md {
    padding-top: 120px;
    padding-bottom: 160px;
}
.track-infomation .content-box {
    padding-top: 80px;
    padding-bottom: 80px;
}
.n-festival-guide .flex-layout--3col-mo-scroll .c-card__media {
    position: relative;
    padding-top: calc((348 / 464) * 100%);
    width: 100%;
    height: auto;
    overflow: hidden;
}
.n-festival-guide .flex-layout--3col-mo-scroll .c-card__media img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width: 1023px) {
    .n-festival-guide .content-header + .content-body {padding-top: 28px;}
    .n-festival-guide .content-box {
        padding-top: 100px;
        padding-bottom: 120px;
    }
    .n-festival-guide .content-box--md {
        padding-top: 80px;
        padding-bottom: 100px;
    }
    .track-infomation .content-box {
        padding-top: 108px;
        padding-bottom: 100px;
    }
    .n-festival-guide .flex-layout--3col-mo-scroll .c-card__media {padding-top: calc((208 / 312) * 100%);}
}
/** calendar **/
.n-festival-driver .content-visual__header,
.n-festival-team .content-visual__header {text-align: center;}
.experience-specification .card-calendar__img {aspect-ratio: 1.32 / 1;}
/** driver & team **/
.n-festival-driver .c-search--sm,
.n-festival-team .c-search--sm {width: 300px;}
.n-festival-driver .card-info__detail .card-info__title .card_subtit,
.n-festival-team .card-info__detail .card-info__title .card_subtit {margin-top: 4px;}
.n-festival-driver .card-info__detail .card-info__profile,
.n-festival-team .card-info__detail .card-info__profile {gap: 0 14px;}
.n-festival-driver .c-pagination,
.n-festival-team .c-pagination {margin-top: 44px;}
.experience-detail .content-header.is-driver + .content-body,
.experience-detail .content-header.is-team + .content-body {
    padding-top: 0;
    margin-top: 60px;
}
@media screen and (max-width: 1023px) {    
    .n-festival-driver .c-search--sm,
    .n-festival-team .c-search--sm {width: 100%;}
    .n-festival-driver .card-info__detail,
    .n-festival-team .card-info__detail {padding: 16px 20px 24px;}
    .n-festival-driver .card-info__detail .card-info__profile,
    .n-festival-team .card-info__detail .card-info__profile {gap: 0;}
    .n-festival-driver .card-info__detail .card-info__profile li,
    .n-festival-team .card-info__detail .card-info__profile li {padding: 0 30px;}
    .n-festival-driver .card-info__detail .card-info__profile li:first-child,
    .n-festival-team .card-info__detail .card-info__profile li:first-child {padding-left: 0;}
    .n-festival-driver .card-info__detail .card-info__profile li:last-child,
    .n-festival-team .card-info__detail .card-info__profile li:last-child {padding-right: 0;}
}
@media screen and (max-width: 1023px) {
    .experience-detail .content-header.is-driver + .content-body,
    .experience-detail .content-header.is-team + .content-body {
        padding-top: 0;
        margin-top: 36px;
    }
    .experience-detail .content-header {align-items:flex-start}
}
/* standing */
.content-item:last-child .content-box:has(.is-team) { padding: 80px 0 240px; }
.n-festival-standing .container:has(.is-team) {
    max-width: 1600px;
    padding: 0 80px;
}
.n-festival-standing .card-info.is-team {
    max-width: 464px;
    max-height: 644px;
}
.n-festival-standing .card-info.is-team .card_top {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 24px 0;
    flex-grow: 1;
}
.n-festival-standing .card-info.is-team .card_rank {
    z-index: 1;
    font-size: 56px;
}
.n-festival-standing .card-info.is-team .card_profile {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100%;;
    bottom: 0;
    left: 50%;
    background-color: var(--Secondary-Color-Black_Natural);
    transform: translateX(-50%);
}
.n-festival-standing .card-info.is-team .card_profile img {
    width: 280px;
    height: auto;
}
.n-festival-standing .card-info.is-team .card_bottom {
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 167px;
    padding: 16px 24px;
    background-color: var(--Primary-Color-Black);
    color: var(--Primary-Color-White);
}
.n-festival-standing .card-info.is-team .card_bottom .card_tit {
    font-family: var(--font-head);
    margin-bottom: 4px;
    font-size: 24px;
    font-weight: 700;
    line-height: var(--lh-lg);
}
.n-festival-standing .card-info.is-team .card_detail {
    display: flex;
    justify-content: space-between;
    gap: min(4.5%, 14px);
    margin-bottom: 8px;
}
.n-festival-standing .card-info.is-team .card_detail li {
    display: flex;
    gap: 8px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 104px;
}
.n-festival-standing .card-info.is-team .card_detail span {
    font-family: var(--font-text);
    font-size: 14px;
    font-weight: 500;
    line-height: var(--lh-lg);
}
.n-festival-standing .card-info.is-team .card_detail span:last-of-type {
    font-size: 20px;
    font-weight: 700;
    line-height: var(--lh-lg);
    text-align: right;
}
@media screen and (max-width: 1023px) {
    .content-item:last-child .content-box:has(.is-team) { padding: 44px 0 160px; }
    .n-festival-standing .container:has(.is-team) {padding: 0 24px;}
    .n-festival-standing .flex-layout:has(.is-team) {
        gap: 20px;
        flex-direction: column;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .n-festival-standing .flex-layout:has(.is-team) li {
        max-width: unset;
        min-width: unset;
    }
    .n-festival-standing .card-info:hover .card-info__btn,
    .n-festival-standing .card-info:focus .card-info__btn,
    .n-festival-standing .card-info:active .card-info__btn {display: none;}
    .n-festival-standing .card-info.is-team {
        width: 100%;
        height: 320px;
        max-width: 100%;
    }
    .n-festival-standing .card-info.is-team .card_top { padding: 16px 20px 0 20px; }
    .n-festival-standing .card-info.is-team .card_rank { font-size: 30px; }
    .n-festival-standing .card-info.is-team .card_profile img { width: 200px; }
    .n-festival-standing .card-info.is-team .card_bottom {
        height: 116px;
        padding: 12px 20px;
    }
    .n-festival-standing .card-info.is-team .card_bottom .card_tit {
        margin-bottom: 4px;
        font-size: 18px;
    }
    .n-festival-standing .card-info.is-team .card_detail {
        gap: 60px;
        margin-top: 16px;
        margin-bottom: 12px;
    }
    .n-festival-standing .card-info.is-team .card_detail li {
        position: relative;
        gap: 0;
        flex-direction: column;
        align-items: unset;
        max-width: 100%;
    }
    .n-festival-standing .card-info.is-team .card_detail li::after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: -30px;
        width: 1px;
        height: 100%;
        background-color: var(--Primary-Color-Blue);
        opacity: 0.3;
    }
    .n-festival-standing .card-info.is-team .card_detail span {
        font-size: 12px;
        font-weight: 400;
    }
    .n-festival-standing .card-info.is-team .card_detail span:last-of-type { font-size: 18px; }
}



/** about **/
.n-festival-history .content-visual__header {text-align: center;}
.n-festival-history .content-visual__media {max-height: calc(var(--vh, 1vh) * 100 - 70px);}
.n-festival-history .content-visual__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: calc(var(--vh, 1vh) * 100 - 70px);
}
.n-festival-history .content-visual__desc {padding: 16px 24px 0;}
.n-festival-history .content-item .content-box.content-box--exp {padding: 160px 0 240px;}
.n-festival-history .content-body {padding-top: 160px;}
.n-festival-history .history-list {padding-top: 0;}
.n-festival-history .history-list > li:nth-last-child(odd) .img-box { order: 1; }
.n-festival-history .history-list > li:nth-last-child(odd) .text-area { order: 2; }
.n-festival-history .history-list > li:nth-last-child(even) .img-box { order: 2; }
.n-festival-history .history-list > li:nth-last-child(even) .text-area { order: 1; }
.n-festival-history .content-body h4 + div {margin-top: 0;}
.n-festival-history .history-box .history-list:after {top: 140px;}
.n-festival-history .class-info {
    margin: 0 auto 80px;
    padding: 0 80px;
}
.n-festival-history .class-info .class-info__image {margin-top: 40px;}
.n-festival-history .race-prod {padding: 80px;}
.n-festival-history .content-body .race-prod__title {margin-top: 40px;}
@media screen and (max-width: 1023px) {
    .n-festival-history .content-visual__text {width: calc(100% - 48px);}
    .n-festival-history .content-visual__title {line-height: var(--lh-lg);}
    .n-festival-history .content-visual__desc {
        padding: 12px 0; 
        line-height: var(--lh-base);
    }
    .n-festival-history .content-item .content-box.content-box--exp {padding: 100px 0 160px;}
    .n-festival-history .content-body {padding-top: 108px;}
    .n-festival-history .history-list {padding-top: 0;}
    .n-festival-history .content-body h4 + div {margin-top: 0;}
    .n-festival-history .history-box .history-list:after {top: 26px;}
    .n-festival-history .class-info {
        margin: 0 auto 60px;
        padding: 0;
    }
    .n-festival-history .class-info .class-info__image {margin-top: 28px;}
    .n-festival-history .class-info .class-info__list {
        width: calc(100% + 24px);
        padding-right: 24px;
    }
    .n-festival-history .race-prod {padding: 60px 0;}
    .n-festival-history .content-item:last-child .race-prod.line--top {padding: 60px 0 120px;}    
    .n-festival-history .content-body .race-prod__title {margin-top: 26px;}
    .n-festival-history .history-class .models-specification .content-box {
        margin: 0 -24px;
        padding: 152px 0;
    }
}
/** notice **/
.n-festival-notice .content-visual__header {text-align: center;}
.n-festival-notice .notice .content-box {padding: 40px 0 240px;}
@media screen and (max-width: 1023px) {
    .n-festival-notice .notice .content-box {padding: 40px 0 160px;}
    .n-festival-notice .notice .c-search {
        max-width:100%;
        width: 100%;
    }
}
/** n-cup **/
.experience .content-box.content-box--ncup {padding: 200px 0;}
.content-banner-ncup .c-banner {margin: 0 0 200px;}
.experience-ncup .dot-list__item {font-weight: 500;}
@media screen and (max-width: 1023px) {
    .experience .content-visual__header {text-align: center;}
    .experience .content-box.content-box--ncup {padding: 100px 0 120px;}
    .experience-specification .content-box.content-box--ncup {padding: 120px 0;}
    .content-banner-ncup .c-banner {margin: 0 0 120px;}
}
/** n-archive **/
.n-archive .c-swiper--kv .img-area {
    width: 100%;
    display: flex;
    align-items: center;
}