@charset "utf-8";

.doc-tit {margin-bottom:25px; color:#fff; font-size:var(--font-size-18); line-height:1.33em;}

/* 서브 상단 슬라이드 */
.banner-slider {position:relative; margin-bottom:-4vh;}
.banner-slider .image {position:relative; height:86vh;}
.banner-slider .image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.banner-slider .image:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:.5; background:#000;}
.banner-slider .caption {position:absolute; bottom:calc(100px + 4vh); left:0; width:100%; z-index:3;}
.banner-slider .caption .contain * {max-width:70%;}
.banner-slider .caption .date {margin-bottom:1.2em; color:#a8a8a8; font-size:var(--font-size-15); font-weight:700; line-height:1.3em;}
.banner-slider .caption .tit {margin-bottom:.2em; display:inline-block; background:linear-gradient(90deg, #f2cb13, #d97706); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:var(--font-size-54); line-height:1.22em;}
.banner-slider .caption .txt {display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow:ellipsis; font-size:var(--font-size-17); line-height:1.65em;}
.banner-slider .swiper-pagination {position:absolute; bottom:calc(100px + 4vh); left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:100%; max-width:1500px; padding-left:var(--padding-contain); padding-right:var(--padding-contain); text-align:right;}
.banner-slider .swiper-pagination-bullet {background:rgba(255,255,255,.3); opacity:.5;}
.banner-slider .swiper-pagination-bullet-active {background:var(--color-primary); opacity:1;}

/* Our Cars - list */
.car-list {display:grid; grid-template-columns:repeat(2, 1fr); gap:50px;}
.car-item {padding:64px 30px 60px 70px; border-radius:var(--radius-32); background-color:rgb(9, 8, 1); box-shadow:0px 0px 26px 0px rgba(242, 203, 19, 0.18),inset 0px 0px 100px 0px rgba(0, 0, 0, 0.5);}
.car-item .head {min-height:115px; margin-bottom:15px;}
.car-item .head .tit {margin-bottom:12px; font-size:var(--font-size-34); line-height:1.4em; letter-spacing:-.04em;}
.car-item .head .txt {color:#a8a8a8; font-size:var(--font-size-17); line-height:1.4em; letter-spacing:-.04em;}
.car-item .wrap {display:flex; align-items:center;}
.car-item .img {position:relative; width:61%; max-width:350px; margin-right:40px;}
.car-item .img img {display:block; margin:0 auto;}
.car-item .img img:nth-child(2) {position:absolute; top:0; left:0; width:100%; opacity:0; transition:.4s;}
.car-item .info {flex:1 1 auto; min-width:0; width:1%; display:grid; gap:25px; color:#505050; font-weight:700;}
.car-item .info .dt {margin-bottom:10px; font-size:var(--font-size-15); line-height:1.4em;}
.car-item .info .dd {font-size:var(--font-size-17); line-height:1.4em;}
.car-item .info .dd strong {color:#fff; font-size:var(--font-size-44); line-height:1.1em;}
.car-item .info .dd .mins {color:#fff; font-size:var(--font-size-30); line-height:1.1em;}
.car-item:hover .img img:nth-child(2) {opacity:1;}

/* Our Cars - detail */
.bg-fixel {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.18; _background-image:url("../images/sub/bg_pixel.png");}
.bg-gradient-to-b {position:absolute; top:0; left:0; width:100%; height:240px; background-image:linear-gradient(to bottom, rgba(2,2,2,1), transparent); pointer-events:none; z-index:2;}
.bg-gradient-to-t {position:absolute; bottom:0; left:0; width:100%; height:240px; background-image:linear-gradient(to top, rgba(2,2,2,1), transparent); pointer-events:none; z-index:2;}

.car-hero {position:relative;}
.car-hero .cover-image {position:relative; height:100vh; overflow:hidden;}
.car-hero .cover-image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.car-hero .cover-image .mo {display:none;}
.car-hero .sub-title {position:absolute; top:13%; left:0; width:100%; padding:0; text-align:right; z-index:5;}
.car-hero .sub-title p {margin-top:10px; font-size:var(--font-size-17); line-height:1.4em;}
.car-hero .spec {position:absolute; bottom:10%; left:0; width:100%; font-weight:700; z-index:5;}
.car-hero .spec .inner {display:flex; flex-wrap:wrap; gap:50px;}
.car-hero .spec dt {margin-bottom:12px; font-size:var(--font-size-15); line-height:1.4em;}
.car-hero .spec dd {font-size:var(--font-size-17); line-height:1.4em;}
.car-hero .spec dd strong {font-size:var(--font-size-44); line-height:1.1em;}

.car-intro {padding:50px 0 100px; color:#a8a8a8; font-size:var(--font-size-17); line-height:1.65em;}
.car-intro .contain {display:flex; justify-content:space-between;}
.car-intro .left {width:49%;}
.car-intro .right {width:43%;}
.car-intro h2 {margin-bottom:60px; font-size:var(--font-size-34); line-height:1.35em; background:linear-gradient(90deg, #f2cb13, #d97706); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}

.racing-root {overflow:hidden; margin-bottom:160px; text-align:center;}
.racing-root .swiper-container {overflow:visible;}
.racing-root .swiper-slide {padding:20px 0;}
.racing-root .box {padding:50px; border-radius:var(--radius-32); background-color:rgb(9, 8, 1); box-shadow:0px 0px 26px 0px rgba(242, 203, 19, 0.18),inset 0px 0px 100px 0px rgba(0, 0, 0, 0.5);}
.racing-root .box .img img {display:block; margin:0 auto; height:70px;}
.racing-root .box .tit {padding:35px 0;}
.racing-root .box .tit h3 {margin-bottom:10px; font-size:var(--font-size-20); line-height:1.33em;}
.racing-root .box .tit p {color:#a8a8a8; font-size:var(--font-size-13); line-height:1.33em; letter-spacing:-.02em;}
.racing-root .box .time {color:#505050; font-size:var(--font-size-17); font-weight:700; line-height:1.3em;}
.racing-root .box .time strong {color:#fff; font-size:var(--font-size-44); line-height:1em;}
.racing-root .box .name {margin-top:18px; color:#a8a8a8; font-size:var(--font-size-15); font-weight:700; line-height:1.3em;}

.car-equipment {margin-bottom:40px;}
.car-equipment .wrap {display:flex;}
.car-equipment .title {width:27%; padding-right:5%;}
.car-equipment .title h2 {display:inline-block; font-size:var(--font-size-34); line-height:1.35em; background:linear-gradient(90deg, #f2cb13, #d97706); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.car-equipment .content {flex:1 1 auto; min-width:0; width:1%; display:grid; grid-template-columns:repeat(2, 1fr); gap:80px; color:#a8a8a8; font-size:var(--font-size-17); line-height:1.53em;}
.car-equipment .content.st2 {gap:0 80px;}
.car-equipment .content h3 {margin-bottom:20px; color:#fff; font-size:var(--font-size-24); line-height:1.35em;}
.car-equipment ul li {position:relative; padding-left:25px;}
.car-equipment ul li:not(:last-child) {margin-bottom:10px;}
.car-equipment ul li:before {content:''; position:absolute; top:3px; left:0; width:17px; height:17px; background:url('../images/sub/icon-check.svg') 50% 50% no-repeat; background-size:cover;}
.car-equipment .line {margin:100px 0; border-bottom:1px dashed #505050;}

.car-gallery {position:relative; margin-bottom:40px; transition:.6s; opacity:.5;}
.car-gallery:hover {opacity:1;}
.car-gallery .swiper-slide {position:relative; overflow:hidden; padding-bottom:56.25%;}
.car-gallery .swiper-slide img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.car-gallery .arrows {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:2; pointer-events:none;}
.car-gallery .arrows .contain {display:flex; justify-content:space-between;}
.car-gallery .swiper-btn {display:block; pointer-events:auto;}
.car-gallery .swiper-btn svg {display:block; opacity:.6; transition:.4s;}
.car-gallery .swiper-btn:hover svg path {fill:#f2cb13;}

.car-partenr {margin-bottom:150px;}
.car-partenr .wrap {display:flex; justify-content:space-between; align-items:center; padding:50px 70px; border-radius:var(--radius-32); background:#090801; box-shadow:0px 0px 26px 0px rgba(242, 203, 19, 0.18),inset 0px 0px 100px 0px rgba(0, 0, 0, 0.5);}
.car-partenr .content {flex:1 1 auto; min-width:0; width:1%;}
.car-partenr .tit {margin-bottom:36px;}
.car-partenr .tit h4 {margin-bottom:1em; color:#878787; font-size:var(--font-size-15); line-height:1.33em;}
.car-partenr .tit h2 {display:inline-block; font-size:var(--font-size-34); line-height:1.35em; background:linear-gradient(90deg, #f2cb13, #d97706); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.car-partenr .txt {margin-bottom:65px; color:#a8a8a8; font-size:var(--font-size-17); line-height:1.65em;}
.car-partenr .btn {display:inline-block; padding:12px 20px 8px; background-image:linear-gradient( 310deg, rgb(209,150,7) 0%, rgb(226,177,13) 60%, rgb(242,203,19) 100%); border:1px solid rgba(255,255,255,.2); border-radius:5px; color:#121212; font-weight:500; line-height:1.3em;}
.car-partenr .img {margin:0 9%; max-width:328px;}
.car-partenr .img.border {border-radius:var(--radius-32); border:2px solid rgba(255,255,255,.04); overflow:hidden;}

.car-advantages .group {border-bottom:1px solid rgba(242, 203, 19, .2);}
.car-advantages .title {display:flex; justify-content:space-between; align-items:center; width:100%; padding-top:1.8rem; padding-bottom:1.8rem; background:transparent; border:0; transition:.5s; opacity:.5;}
.car-advantages .title .tit {display:flex; align-items:center;}
.car-advantages .title .tit .ico {min-width:70px;}
.car-advantages .title .tit .ico svg {display:block; color:rgba(242, 203, 19, .9); margin-top:-.3em;}
.car-advantages .title .tit h3 {font-size:var(--font-size-34); line-height:1.35em; background:linear-gradient(90deg, #f2cb13, #d97706); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.car-advantages .title .arrow {min-width:80px; text-align:right;}
.car-advantages .title .arrow svg {color:rgba(242, 203, 19, .9); width:3rem; height:3rem; transform:scaleY(-1);}
.car-advantages .title:hover {opacity:1;}
.car-advantages .content {display:none; padding-left:70px; padding-bottom:4rem;}
.car-advantages .content .inner {display:grid;  grid-template-columns:repeat(2, minmax(0, 1fr)); gap:5rem;}
.car-advantages .content .txt {color:#a8a8a8; font-size:var(--font-size-17); line-height:1.65em; margin-right:3rem;}
.car-advantages .content .img img {width:100%; border-radius:0.75rem; box-shadow:0px 0px 26px 0px rgba(242, 203, 19, 0.18),inset 0px 0px 100px 0px rgba(0, 0, 0, 0.5); transition:.4s;}
.car-advantages .content .img img:hover {box-shadow:0px 0px 56px 0px rgba(242, 203, 19, 0.22),inset 0px 0px 100px 0px rgba(0, 0, 0, 0.5);}
.car-advantages .group.active .title {opacity:1;}
.car-advantages .group.active .title .arrow svg {transform:scaleY(1);}
.car-advantages .group.active .content {display:block;}

/* Radical Cup Korea */
.about {margin-bottom:180px; text-align:center;}
.about .symbol {margin-bottom:45px;}
.about h2 {margin-bottom:12px; font-size:var(--font-size-34); line-height:1.33em; letter-spacing:-.04em;}
.about p {margin-top:30px; color:#a8a8a8; font-size:var(--font-size-17); line-height:1.59em;}
.about p strong {font-weight:500;}

/* 연간 일정 */
.series-calendar {position:relative; display:flex; margin-bottom:180px;}
.series-calendar .map-area {flex:1 1 auto; min-width:0; width:1%; padding:60px 70px; border-radius:var(--radius-32); background-color:rgb(9, 8, 1); box-shadow:0px 0px 26px 0px rgba(242, 203, 19, 0.18),inset 0px 0px 100px 0px rgba(0, 0, 0, 0.5);}
.series-calendar .map-area .inner {position:relative; padding-left:5%;}
.series-calendar .map-area .map-img {display:block; margin:0 auto;}
.series-calendar .map-area .dot {position:absolute; height:2px; background:rgba(255,255,255,.2);}
.series-calendar .map-area .dot:after {content:''; position:absolute; top:50%; margin-top:-9px; width:18px; height:18px; background:#f2cb13; border:4px solid #3a3934; border-radius:100%;}
.series-calendar .map-area .dot.left {left:0;}
.series-calendar .map-area .dot.right {right:0;}
.series-calendar .map-area .dot.left:after {right:0;}
.series-calendar .map-area .dot.right:after {left:0;}
.series-calendar .map-area .dot.yongin {top:26.3%; right:52.7%;}
.series-calendar .map-area .dot.yeongam {top:82.5%; right:58%;}
.series-calendar .map-area .dot.inje {top:14%; left:58%;}
.series-calendar .map-area .box {position:absolute; width:245px; padding:18px 18px; border-radius:8px; border:2px solid rgba(255,255,255,.2); background:#16150e;}
.series-calendar .map-area .box .item:not(:last-child) {margin-bottom:33px;}
.series-calendar .map-area .box .round {margin-bottom:7px; color:#878787; font-size:11px; font-weight:700; line-height:1.3em;}
.series-calendar .map-area .box h3 {margin-bottom:13px; color:#ffff; font-size:var(--font-size-20); line-height:1.3em; letter-spacing:-.04em;}
.series-calendar .map-area .box .date {color:#a8a8a8; font-size:var(--font-size-15); line-height:1.3em;}
.series-calendar .map-area .box.yongin {top:10px; left:0;}
.series-calendar .map-area .box.yeongam {bottom:0; left:0;}
.series-calendar .map-area .box.inje {top:10px; right:0;}
.series-calendar .content {width:350px; margin-left:90px; margin-bottom:200px; color:#a8a8a8; font-size:var(--font-size-17); line-height:1.65em;}
.series-calendar .content h2 {color:#fff; font-size:var(--font-size-34); line-height:1.41em; letter-spacing:-.04em;}
.series-calendar .symbol {position:absolute; bottom:0; right:0; width:50px;}

.race-schedule {display:flex;}
.race-schedule .title {width:380px;}
.race-schedule .title h2 {font-size:var(--font-size-34); line-height:1.41em; letter-spacing:-.04em;}
.race-schedule .title h2 span {background:linear-gradient(45deg, #f2cb13, #d97706); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.race-schedule .list {flex:1 1 auto; min-width:0; width:1%;}
.race-schedule .list ul {border-top:1px solid #505050;}
.race-schedule .list ul li {border-bottom:1px solid #505050;}
.race-schedule .list .wrap {display:flex; align-items:center; min-height:116px; padding:20px 0;}
.race-schedule .list .round {width:107px; padding:7px; margin-right:50px; border:1px solid #fff; border-radius:50px; text-align:center; font-size:var(--font-size-15); font-weight:700; line-height:1.3em;}
.race-schedule .list .tit {flex:1 1 auto; min-width:0; width:1%; font-size:var(--font-size-34); line-height:1.41em; letter-spacing:-.04em;}
.race-schedule .list .date {margin-left:50px; font-size:var(--font-size-20); line-height:1.41em; letter-spacing:-.04em; display:flex; align-items:center;}
.race-schedule .list .date img {margin-right:10px; margin-top:-.2em;}
.race-schedule .list .etc {margin-top:22px; color:#878787; font-size:var(--font-size-13); line-height:1.4em;}

/* 결과 기록 */
.record-search {display:flex; gap:40px; margin-bottom:40px;}
.record-search .item {flex:1; border-radius:var(--radius-20); overflow:hidden;}
.record-search .item .tit {padding:20px 40px; background:#121212; font-size:var(--font-size-18); font-weight:700; line-height:1.33em;}
.record-search .item .tit p {margin-top:3px;}
.record-search .item .list {padding:24px 40px; background:#1f1f1f; color:#878787; font-weight:700; line-height:1.33em;}
.record-search .item .list ul  {display:grid; gap:14px;}
.record-search .item .list ul li a  {display:block;}
.record-search .item .list ul li a.on {color:var(--color-primary);}
.record-search .scroll {position:relative; height:121px; overflow:auto;}
.record-search .scroll::-webkit-scrollbar {width:5px;}
.record-search .scroll::-webkit-scrollbar-track {background:#505050; border-radius:5px;}
.record-search .scroll::-webkit-scrollbar-thumb {background:var(--color-primary); border-radius:5px;}

.record-select {padding:25px; margin-bottom:100px; display:flex; align-items:center; justify-content:center; gap:19px; border-top:1px solid #2c2c2c; border-bottom:1px solid #2c2c2c; color:#878787; font-size:var(--font-size-22); line-height:1.3em;}
.record-select strong {color:#fff; font-weight:500;}
.record-select .arrow {overflow:hidden; width:7px; height:12px; background:url('../images/sub/arrow.svg') 50% 50%/contain no-repeat; font-size:0; line-height:0; text-indent:-999em;}

.record-top {display:flex; justify-content:space-between; margin-bottom:20px; font-size:var(--font-size-15); line-height:1.3em;}
.record-top .txt {color:#878787;}
.record-top .btn a {display:flex; align-items:center;}
.record-top .btn a:before {content:''; margin-top:-.2em; margin-right:6px; width:14px; height:14px; background:url('../images/sub/icon-down.svg') 50% 50%/contain no-repeat;}

.record-table {position:relative;}
.record-table table {width:100%; border-collapse:collapse; border-spacing:0px;}
.record-table table th {height:59px; background:#121212; color:#a8a8a8; font-size:var(--font-size-15); line-height:1.3em;}
.record-table table th:first-child {border-radius:8px 0 0 8px;}
.record-table table th:last-child {border-radius:0 8px 8px 0;}
.record-table table th small {line-height:1.1em;}
.record-table table th.on {color:var(--color-primary);}
.record-table table td {height:76px; padding:5px; border-bottom:1px solid #2c2c2c; text-align:center; color:#fff; font-size:var(--font-size-19); font-weight:700; line-height:1.3em;}
.record-table table td a {display:inline-block;}
.record-table table td button {padding:5px; background-color:transparent; font-size:inherit; color:inherit; border:0; text-align:center;}
.record-table table td.on {background:url('../images/sub/td_on.png') 50% 100% no-repeat;}
.record-table table tfoot td {height:77px; background:#2c2c2c; border-bottom:0; color:var(--color-primary);}
.record-table .trophy {width:28px;}
.record-table .name {font-size:var(--font-size-18); padding:2px; 0;}
.record-table .agency {color:#a8a8a8; font-size:var(--font-size-15); font-weight:500; line-height:1.3em;}
.record-table .detail {display:none; position:absolute; left:0; width:100%;}
.record-table .on button {color:var(--color-primary);}
.record-table .btn {display:inline-block; min-width:102px; padding:8px 15px 7px; border:1px solid #fff; border-radius:50px; font-size:var(--font-size-15); line-height:1.3em;}
.record-table.hover table tbody tr:hover * {color:var(--color-primary);}
.record-table.hover table tbody tr:hover .btn {border-color:var(--color-primary);}

.dt-wrap {display:flex; align-items:center; gap:10px 30px; min-height:76px; padding:20px 40px; background:#fff; border-radius:8px; color:#000; font-size:var(--font-size-15); line-height:1.5em; text-align:left; white-space:nowrap;}
.dt-wrap .tt {color:#a8a8a8; margin-right:.4em;}
.dt-wrap .tt.none {display:none;}
.dt-wrap ul {display:flex;}
.dt-round {width:13%; font-size:var(--font-size-18); font-weight:700;}
.dt-round span {background: linear-gradient(90deg, #f2cb13, #d97706); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.dt-rank {flex:1 1 auto; min-width:0; width:1%;}
.dt-rank ul {gap:50px;}
.dt-point {width:42%;}
.dt-point {display:flex; justify-content:center;}
.dt-point ul {gap:30px; font-weight:500; margin-left:10px;}
.dt-point ul li strong {margin-left:.4em;}
.dt-total {width:11%; text-align:right;}
.dt-total strong {margin-left:10px;}

.cell-info td {border-bottom:0 !important;}
.cell-detail td {padding:0 !important; border:0 !important;}
.cell-detail .detail {display:block;}

/* 드라이버 */
.class-select-area.st2 .class-select button {font-size:var(--font-size-34);}

.driver-list {display:flex; flex-wrap:wrap; margin:0 -25px}
.driver-list .none {width:100%; padding:70px 0; text-align:center; color:#a8a8a8;}
.driver-list .item {width:33.33333333%; padding:0 25px; margin-bottom:90px;}
.driver-list .item a {display:block;}

.racer-img {position:relative; overflow:hidden; padding-bottom:94.77%;}
.racer-img img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; border-radius:var(--radius-20);}
.racer-info {display:flex; align-items:center; justify-content:space-between; padding:26px 0;}
.racer-info h4 {margin-bottom:7px; color:#a8a8a8; font-size:var(--font-size-15); line-height:1.4em;}
.racer-info h3 {font-size:var(--font-size-32); line-height:1.4em;}
.racer-info .number {font-size:var(--font-size-72); font-weight:700; line-height:1.1em;}
.inner-box {background:#121212; border-radius:var(--radius-20);}
.racer-point {display:flex; align-items:center; justify-content:space-between; height:52px; padding:0 30px; border:1px solid #fff; border-radius:50px; background:#020202; font-size:var(--font-size-15); line-height:1.4em;}
.racer-point strong {background:linear-gradient(90deg, #f2cb13, #d97706); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.racer-class {padding:14px; line-height:1.33em; text-align:center;}

.driver-view {display:flex; justify-content:space-between; max-width:1000px; margin:0 auto;}
.driver-view .left {width:40%; max-width:306px;}
.driver-view .right {width:55%; max-width:574px;}
.driver-view .btn-area {text-align:right;}
.driver-view .btn-pack.medium {min-width:158px;}

.racer-ranking {display:flex; align-items:center; justify-content:space-between; height:120px; border-top:1px solid #505050; border-bottom:1px solid #505050;}
.racer-ranking .ranking {display:flex; align-items:center;}
.racer-ranking .ranking dt {padding:4px 20px 2px; margin-right:40px; background:#020202; border:1px solid #fff; border-radius:30px; font-size:var(--font-size-15); font-weight:700;}
.racer-ranking .ranking dd {font-size:var(--font-size-24); font-weight:700; padding-top:3px;}
.racer-ranking .ranking dd strong {font-size:var(--font-size-34); line-height:1em;}
.racer-ranking .class {color:#878787; font-size:var(--font-size-13); font-weight:700; letter-spacing:0;}

.racer-profile {min-height:55%; padding:47px 0; font-size:var(--font-size-17); line-height:1.5em;}
.racer-profile dl {display:flex; justify-content:space-between; margin-bottom:20px;}
.racer-profile dl:last-child {margin-bottom:0;}
.racer-profile dt {font-weight:700;}
.racer-profile dd {color:#a8a8a8;}

/* 참가 접수 */
.participate-list {display:flex; flex-wrap:wrap; margin:0 -30px}
.participate-list .none {width:100%; padding:70px 0; text-align:center; color:#a8a8a8;}
.participate-list .item {width:25%; padding:0 30px; margin-bottom:60px;}
.participate-list .box {height:100%; padding:50px 40px; border-radius:var(--radius-20); background-color:#080701; box-shadow:0px 0px 26px 0px rgba(242, 203, 19, 0.18),inset 0px 0px 100px 0px rgba(0, 0, 0, 0.5);}
.participate-list .cate {margin-bottom:20px; font-size:var(--font-size-13); font-weight:700; line-height:1.3em;}
.participate-list .tit {margin-bottom:37px; font-size:var(--font-size-34); font-weight:700; line-height:1.3em;}
.participate-list .txt {margin-top:7px; color:#a8a8a8; font-size:var(--font-size-14); line-height:1.5em;}
.participate-list .btn-pack {display:block; width:100%; margin-top:33px;}
.participate-list .off .cate {color:#a8a8a8;}
.participate-list .off .btn-pack.focus {background:#2c2c2c; border-color:#2c2c2c; color:#fff;}

.participate-heading {max-width:1000px; display:grid; gap:18px; padding:40px 0; margin:0 auto; border-top:1px solid #505050; border-bottom:1px solid #505050;}
.participate-heading .tit {display:flex; align-items:center; justify-content:space-between;}
.participate-heading .tit h2 {font-size:var(--font-size-34); line-height:1.3em;}
.participate-heading .tit p {font-size:var(--font-size-15); font-weight:700; line-height:1.3em;}
.participate-heading .info {display:flex; flex-wrap:wrap; gap:8px 35px; color:#a8a8a8; font-size:var(--font-size-14); line-height:1.5em;}

.participate-content {max-width:1000px; display:grid; gap:60px 0; padding:60px 0; margin:0 auto; margin-bottom:60px; border-bottom:1px solid #505050; color:#a8a8a8; font-size:var(--font-size-17); line-height:1.65em;}
.participate-content .cost {margin-top:27px;}
.participate-content .cost dl {display:flex; align-items:center; justify-content:space-between; padding:17px 40px; margin-bottom:6px; border-radius:8px; background:#2c2c2c; font-size:var(--font-size-18); line-height:1.3em;}
.participate-content .cost dt {color:#a8a8a8;}
.participate-content .cost dd {color:#fff; font-weight:700;}
.participate-content .cost p {margin-top:20px; color:#a8a8a8; font-size:var(--font-size-13); line-height:1.5em;}
.participate-content .account {display:flex; flex-wrap:wrap; gap:8px 40px;}
.participate-content .caution ul {display:grid; gap:8px;}
.participate-content .caution ul li {padding-left:.6em; text-indent:-.6em;}

.participate-form {max-width:1000px; margin:0 auto;}
.participate-form .form {margin-top:40px;}
.participate-form .form .row {display:flex; flex-wrap:wrap; margin:-20px -10px;}
.participate-form .form .col {width:50%; padding:20px 10px;}
.participate-form .form .tit {display:block; margin-bottom:13px; font-size:var(--font-size-15); line-height:1.3em;}
.participate-form .form .required {color:var(--color-primary); margin-left:.4em;}
.participate-form .form .input {display:block; width:100%; border-radius:8px;}
.participate-form .form .flex {display:flex; gap:10px;}
.participate-form .form .txt {margin-top:15px; color:#a8a8a8; font-size:var(--font-size-13); line-height:1.5em;}
.participate-form .form .input.text-only {display:flex; align-items:center; padding:0; border:0; border-radius:0; color:#fff;}

/* Used Cars - list */
.used-car-list {margin-bottom:75px;}
.used-car-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:50px;}
.used-car-item {border-radius:var(--radius-32); border:1px solid #2c2c2c; background-color:rgb(9, 8, 1); overflow:hidden;}
.used-car-item .thumb {position:relative;}
.used-car-item .thumb:before {content:''; display:block; padding-bottom:74.83%;}
.used-car-item .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.used-car-item .cnt {position:relative; padding:36px 39px;}
.used-car-item .tit {margin-bottom:10px; font-size:var(--font-size-34); line-height:1.4em; letter-spacing:-.04em;}
.used-car-item .price {margin-bottom:25px; display:flex; flex-wrap:wrap; gap:8px 23px; color:var(--color-primary); font-weight:500; line-height:1.4em;}
.used-car-item .price span {display:flex; align-items:center;}
.used-car-item .icon-map {display:inline-block; vertical-align:middle; margin:-.25em 6px 0 0; width:12px; height:16px; background:url('../images/sub/icon-map-marker.png') 50% 0/contain no-repeat;}
.used-car-item .info {display:grid; gap:15px 0; font-size:var(--font-size-14); font-weight:500; line-height:1.4em; letter-spacing:-.03em;}
.used-car-item .info i {display:inline-block; vertical-align:middle; margin:-.25em 10px 0 0; width:20px; height:20px; }
.used-car-item .icon-1 {background:url('../images/sub/info-icon-1.png') 50% 50%/contain no-repeat;}
.used-car-item .icon-2 {background:url('../images/sub/info-icon-2.png') 50% 50%/contain no-repeat;}
.used-car-item .icon-3 {background:url('../images/sub/info-icon-3.png') 50% 50%/contain no-repeat;}
.used-car-item .soldout {position:absolute; top:-20px; right:39px; padding:12px 15px 10px; border-radius:5px; background:var(--color-primary); color:#121212; font-size:var(--font-size-14); font-weight:500; line-height:1.4em; letter-spacing:-.03em;}

/* Used Cars - view */
.used-car-view {display:flex; gap:clamp(40px, calc( 100 / 1400 * 100vw ), 100px);}

.used-car-photos {width:50%; }
.used-car-photos .swiper-container {border-radius:var(--radius-32);}
.used-car-photos .swiper-slide {position:relative;}
.used-car-photos .swiper-slide:before {content:''; display:block; padding-bottom:74.83%;}
.used-car-photos .swiper-slide img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.used-car-photos .slide-btn {position:absolute; top:50%; z-index:10; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.used-car-photos .slide-btn.prev {left:30px;}
.used-car-photos .slide-btn.next {right:30px;}
.used-car-photos .slide-btn:hover path {fill:var(--color-primary);}
.used-car-photos .swiper-pagination {position:static; margin-top:40px; line-height:0;}
.used-car-photos .swiper-pagination-bullet {width:14px; height:14px; margin:0 10px; background:#505050; opacity:1; transition:.2s; -webkit-transform:scale(.7); transform:scale(.7);}
.used-car-photos .swiper-pagination-bullet-active {background:var(--color-primary); -webkit-transform:scale(1); transform:scale(1);}
.used-car-photos .soldout {position:absolute; bottom:30px; left:30px; z-index:10; padding:12px 15px 10px; border-radius:5px; background:var(--color-primary); color:#121212; font-size:var(--font-size-14); font-weight:500; line-height:1.4em; letter-spacing:-.03em;}


.used-car-info .tit {margin-bottom:10px; font-size:var(--font-size-44); line-height:1.4em; letter-spacing:-.04em;}
.used-car-info .loca {margin-bottom:45px; display:flex; align-items:flex-start; color:var(--color-primary); font-weight:500; line-height:1.4em;}
.used-car-info .icon-map {display:inline-block; vertical-align:middle; margin:0 6px 0 0; width:12px; height:16px; background:url('../images/sub/icon-map-marker.png') 50% 0/contain no-repeat;}
.used-car-info .info {display:grid; gap:15px 0; font-size:var(--font-size-14); font-weight:500; line-height:1.4em; letter-spacing:-.03em;}
.used-car-info .info i {display:inline-block; vertical-align:middle; margin:-.25em 10px 0 0; width:20px; height:20px; }
.used-car-info .icon-1 {background:url('../images/sub/info-icon-1.png') 50% 50%/contain no-repeat;}
.used-car-info .icon-2 {background:url('../images/sub/info-icon-2.png') 50% 50%/contain no-repeat;}
.used-car-info .icon-3 {background:url('../images/sub/info-icon-3.png') 50% 50%/contain no-repeat;}
.used-car-info .detail {margin-top:45px; color:#a8a8a8; font-size:var(--font-size-17); line-height:1.65em; letter-spacing:-.04em;}
.used-car-info .detail h3 {margin-bottom:18px; color:#fff; font-size:var(--font-size-15); line-height:1.4em; letter-spacing:-.04em;}
.used-car-info .detail ul li {position:relative; padding-left:25px;}
.used-car-info .detail ul li:not(:last-child) {margin-bottom:10px;}
.used-car-info .detail ul li:before {content:''; position:absolute; top:3px; left:0; width:17px; height:17px; background:url('../images/sub/icon-check.svg') 50% 50% no-repeat; background-size:cover;}
.used-car-info .detail ul li:not(:last-child) {margin-bottom:10px;}
.used-car-info .btn-area {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:20px; margin-top:45px; padding-top:40px; border-top:1px solid #505050;}
.used-car-info .price {font-size:var(--font-size-24); line-height:1.3em;}
.used-car-info .btn-pack.medium {min-width:158px;}
.used-car-info .soldout {color:var(--color-primary); font-size:var(--font-size-24); font-weight:700; line-height:1.3em;}

/* 팝업 - 문의하기 */
.pop-inquiry {padding:40px;}
.pop-inquiry .join-form {max-width:100%; margin-bottom:0;}
.pop-inquiry .join-form textarea.input {height:120px;}
.pop-inquiry .join-form .check {color:#a8a8a8; font-size:var(--font-size-15); line-height:1.4em; letter-spacing:-.04em;}
.pop-inquiry .join-form .check a {color:#fff;}
.pop-inquiry .btn-pack.block {display:block; width:100%;}

.pop-head {margin-bottom:37px;}
.pop-head h2 {color:var(--color-primary); font-size:var(--font-size-18); line-height:1.3em;}

.pop-car-info  {margin-bottom:35px;}
.pop-car-info .tit {margin-bottom:10px; font-size:var(--font-size-34); line-height:1.4em; letter-spacing:-.04em;}
.pop-car-info .loca {display:flex; align-items:flex-start; color:var(--color-primary); font-weight:500; line-height:1.4em;}
.pop-car-info .icon-map {display:inline-block; vertical-align:middle; margin:0 6px 0 0; width:12px; height:16px; background:url('../images/sub/icon-map-marker.png') 50% 0/contain no-repeat;}

/* loading */
#loading {text-align:center;}
.lds-ellipsis {display:inline-block; position:relative; width:80px; height:80px;}
.lds-ellipsis div {position:absolute; top:33px; width:13px; height:13px; border-radius:50%; background:#fff; animation-timing-function:cubic-bezier(0, 1, 1, 0);}
.lds-ellipsis div:nth-child(1) {left:8px; animation:lds-ellipsis1 0.6s infinite;}
.lds-ellipsis div:nth-child(2) {left:8px; animation:lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(3) {left:32px; animation:lds-ellipsis2 0.6s infinite;}
.lds-ellipsis div:nth-child(4) {left:56px; animation:lds-ellipsis3 0.6s infinite;}

@keyframes lds-ellipsis1 {
  0% {transform: scale(0);}
  100% {transform: scale(1);}
}
@keyframes lds-ellipsis3 {
  0% {transform: scale(1);}
  100% {transform: scale(0);}
}
@keyframes lds-ellipsis2 {
  0% {transform: translate(0, 0);}
  100% {transform: translate(24px, 0);}
}