@charset "utf-8";

/* 이벤트 리스트 */
.event-list-section .event-list {display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); column-gap:var(--fs-48); row-gap:var(--space-60);}
.event-list-section .event-item {min-width:0;}
.event-list-section .event-link {display:flex; flex-direction:column; row-gap:var(--fs-20);}
.event-list-section .event-thumb {width:100%; aspect-ratio:1.22/1; overflow:hidden; background-color:var(--grayscale2);}
.event-list-section .event-thumb img {display:block; width:100%; height:100%; object-fit:cover; transition:transform 0.4s ease, opacity 0.2s ease;}
.event-list-section .event-link:hover .event-thumb img {transform:scale(1.03); opacity:0.9;}
.event-list-section .event-info {display:flex; flex-direction:column; align-items:flex-start; min-width:0;}
.event-list-section .event-status {margin-bottom:var(--fs-20); padding:5px var(--fs-12); border:1px solid var(--color-border2); border-radius:99px; color:var(--color-static3); font-size:var(--fs-13); line-height:1.5;}
.event-list-section .event-status.ongoing {border-color:transparent; background-color:var(--color-static3); color:var(--color-white);}
.event-list-section .event-status.ended {background-color:var(--color-white); color:var(--grayscale6);}
.event-list-section .event-tit {color:var(--grayscale9);}
.event-list-section .event-desc {width:100%; overflow:hidden; color:var(--color-static3); text-overflow:ellipsis; white-space:nowrap;}
.event-list-section .event-date {margin-top:var(--fs-20); display:flex; align-items:center; column-gap:4px; color:var(--color-static3); font-size:var(--fs-13); line-height:1.5;}
.event-list-section .event-empty {height:240px; display:flex; align-items:center; justify-content:center; border-top:1px solid var(--color-border1); border-bottom:1px solid var(--color-border1); color:var(--grayscale5); font-size:var(--fs-16);}

/* 이벤트 뷰 */
.event-view-section .event-view-header {padding-bottom:var(--fs-20); border-bottom:1px solid var(--color-border1);}
.event-view-section .event-view-header .event-status {display:inline-flex; margin-bottom:var(--fs-20); padding:5px var(--fs-12); border:1px solid var(--color-border2); border-radius:99px; color:var(--color-static3); font-size:var(--fs-13); line-height:1.5;}
.event-view-section .event-view-header .event-status.ongoing {border-color:transparent; background-color:var(--color-static3); color:var(--color-white);}
.event-view-section .event-view-header .event-status.ended {background-color:var(--color-white); color:var(--grayscale6);}
.event-view-section .event-view-header .card-tit {color:var(--grayscale9);}
.event-view-section .event-view-date {margin-top:var(--fs-12); display:flex; align-items:center; column-gap:4px; color:var(--color-static3); font-size:var(--fs-13); line-height:1.5;}

.event-view-section .event-view-content {width:100%; max-width:1060px; margin:var(--space-60) auto 0;}
.event-view-section .event-view-content img {display:block; max-width:100%; height:auto; margin-inline:auto;}
.event-view-section .event-view-content p {color:var(--grayscale8); font-size:var(--fs-16); line-height:1.7;}
.event-view-section .event-view-content figure {max-width:100%; margin-inline:auto;}
.event-view-section .event-view-content h2,
.event-view-section .event-view-content h3,
.event-view-section .event-view-content h4 {color:var(--grayscale9);}
.event-view-section .event-view-content ul,
.event-view-section .event-view-content ol {padding-left:20px;}
.event-view-section .event-view-content ul {list-style:disc;}
.event-view-section .event-view-content ol {list-style:decimal;}
.event-view-section .event-view-content li {color:var(--grayscale8); font-size:var(--fs-14); line-height:1.7;}

.event-view-section .event-benefit-content {width:fit-content; max-width:100%; margin:var(--fs-40) auto 0;}
.event-view-section .event-benefit-content h3 {margin-top:var(--fs-24); font-size:var(--fs-16); font-weight:500; line-height:1.5;}
.event-view-section .event-benefit-content h3:first-child {margin-top:0;}
.event-view-section .event-benefit-content ul {margin-top:4px;}

.event-view-section .event-attachment-wrap {margin-top:var(--space-60);}

.event-product-section {margin-top:var(--space-80);}
.event-product-section .section-tit-wrapper {padding-bottom:var(--fs-20); border-bottom:1px solid var(--color-border1);}
.event-product-section .section-tit {font-size:var(--fs-32);}
.event-product-section .txt-btn {font-size:var(--fs-14);}
.event-product-section .event-goods-list {margin-top:var(--fs-24); display:grid; grid-template-columns:repeat(5, minmax(0, 1fr)); gap:var(--fs-20);}
.event-product-section .event-goods-list .goods-item {width:100%;}
.event-product-section .goods-thumb {aspect-ratio:1/1.25;}
.event-product-section .goods-name {font-size:var(--fs-16);}
.event-product-section .goods-price {font-size:var(--fs-18);}
.event-product-section .goods-price-original {color:var(--grayscale6); font-size:var(--fs-13);}

.event-view-section .event-view-nav-wrap {margin-top:var(--space-60); overflow:visible;}
.event-view-section .event-view-nav-table {border-top:1px solid var(--color-border1);}
.event-view-section .event-view-nav-table th,
.event-view-section .event-view-nav-table td {background-color:var(--color-white);}
.event-view-section .event-view-nav-table .table-label {border-top: 0; font-weight:400; color:var(--grayscale6); text-align:center;}
.event-view-section .event-view-nav-table .table-tit {text-align:left;}
/* .event-view-section .event-view-nav-table .table-tit a {display:flex; align-items:center; column-gap:6px;}
.event-view-section .event-view-nav-table .table-tit a:hover {text-decoration:underline; text-underline-offset:3px;} */
.event-view-section .event-view-nav-table tr:hover a,
.event-view-section .event-view-nav-table tr:hover a span,
.event-view-section .event-view-nav-table .table-tit a:hover,
.event-view-section .event-view-nav-table .table-tit a:hover span {text-decoration:underline;}
.event-view-section .event-view-nav-table .table-empty {color:var(--grayscale5); text-align:left;}
.event-view-section .event-view-nav-table tr.disabled:hover {background-color:transparent;}

.event-view-section .event-view-btn-wrap {margin-top:var(--fs-48); justify-content:center;}
.event-view-section .event-view-empty {min-height:300px; display:flex; flex-direction:column; align-items:center; justify-content:center; row-gap:var(--fs-24);}

@media screen and (max-width:1024px) {
    /* 이벤트 리스트 */
    .event-list-section .event-list {grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:var(--fs-24);}
    /* 이벤트 뷰 */
    .event-product-section .event-goods-list {grid-template-columns:repeat(3, minmax(0, 1fr));}
}

@media screen and (max-width:768px) {
    /* 이벤트 리스트 */
    .event-list-section .event-list {grid-template-columns:1fr; row-gap:var(--space-60);}
    .event-list-section .event-item {}
    .event-list-section .event-thumb {aspect-ratio:1.35/1;}
    .event-list-section .event-desc {display:-webkit-box; overflow:hidden; -webkit-box-orient:vertical; -webkit-line-clamp:2; white-space:normal;}
    /* 이벤트 뷰 */
    .event-view-section .event-view-content {margin-top:var(--fs-40);}
    .event-view-section .event-view-content p {font-size:var(--fs-14);}
    .event-product-section {margin-top:var(--space-60);}
    .event-product-section .section-tit {font-size:var(--fs-26);}
    .event-product-section .event-goods-list {grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--fs-20);}
    .event-view-section .event-view-nav-table {border-top: 0;}
    .event-view-section .event-view-nav-table tr {flex-direction: row; flex-wrap: unset;}
    .event-view-section .event-view-nav-table .table-label {width: 80px; flex-shrink: 0; justify-content:flex-start;}
    .event-view-section .event-view-nav-table .table-tit a {align-items:flex-start; flex-wrap:wrap;}
    .event-view-section .event-view-nav-table td::before {display: none;}
}

@media screen and (max-width:500px) {
    /* 이벤트 리스트 */
    .event-list-section .event-thumb {aspect-ratio:1.2/1;}
    /* 이벤트 뷰 */
    .event-product-section .section-tit-wrapper {align-items:center;}
    .event-product-section .txt-btn {font-size:var(--fs-13);}
    .event-product-section .event-goods-list {gap:var(--fs-12);}
    .event-product-section .goods-info-txt {row-gap:8px;}
    .event-product-section .badge-wrap {flex-wrap:wrap;}
    .event-product-section .badge {padding:3px 7px; font-size:var(--fs-10);}
    .event-product-section .goods-name {font-size:var(--fs-14);}
    .event-product-section .goods-price-wrap {align-items:flex-start; flex-direction:column; row-gap:2px;}
    .event-product-section .goods-price {font-size:var(--fs-15);}
    .event-product-section .goods-discount {font-size:var(--fs-13);}
}