@charset "utf-8";
/*기획전 리스트*/
.event-list {
padding-top: 12px;
width: 1260px;
}
.event-list .l-title__align-end {
text-align: center;
font-size: 36px;
line-height: 1;
padding-top: 52px;
padding-bottom: 0px;
justify-content: center;
border: 0;
}
.event-list__top {
display: none;
}
.event-list__content-box {
gap: 50px 20px;
flex-wrap: wrap;
margin-top: 40px;
}
.event-list__item {
flex: none;
flex-basis: calc(33.33% - 13.95px);
width: calc(33.33% - 13.95px);
flex-shrink: 0;
}
.event-list__main-img {
height: 406px;
border-radius: 10px;
overflow: hidden;
}
.event-list__badge--ing {
display: none;
}
.event-list__title {
text-align: left;
margin-top: 17px;
font-size: 18px;
color: #000;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.event-list__date span {
display: block !important;
font-size: 16px;
color: #999999;
margin-top: 7px;
font-weight: 500;
}
.event-list__date span.event-list__badge {
color: #007bff;
}
.event-list__badge--d-day {
display: none;
}
.event-list__info {
padding: 0;
}
.event-list__period {
padding-top: 0;
}
.event-list .pagination {
margin-top: 69px;
}
.event-list .event_tab {
display: block;
margin-top: 40px;
margin-bottom: 60px;
}
.event-list .event_tab ul {
display: flex;
text-align: center;
justify-content: center;
gap: 0 12px;
}
.event-list .event_tab ul li {
width: 200px;
flex-shrink: 0;
}
.event-list .event_tab ul li a {
font-size: 18px;
color: #888;
font-weight: 500;
display: block;
line-height: 45px;
border: 1px solid #e5e5e5;
background: #fff;
border-radius: 22px;
color: #000;
}
.event-list .event_tab ul li.on a {
border: 1px solid #007bff;
color: #fff;
font-weight: 500;
background: #007bff;
}
/*기획전 상세*/
.event-detail {
padding-top: 12px;
width: 1260px;
}
.event-detail .l-title {
font-size: 36px;
font-weight: bold;
line-height: 1;
justify-content: center;
border: 0;
padding-top: 48px;
margin-bottom: 0;
padding-bottom: 0;
}
.event-detail .event_date {
font-size: 16px;
font-weight: 500;
color: #999;
display: block;
text-align: center;
margin: 12px 0 44px;
}
.event-detail__top.editor img {
max-width: 1000px;
width: 100%;
margin: 0 auto;
}
.event-detail .l-panel {
width: 1260px;
}
.event-detail .l-panel .event-detail__top {
display: none;
}
.event-detail .event-detail__products {
grid-template-columns: repeat(4, 1fr) !important;
gap: 20px;
row-gap: 50px;
margin-top: 100px;
}
.event-detail .thumb-box .thumb-item {
margin-top: 0;
}
.event-detail .thumb-box .thumb-item__img {
border: 0;
border-radius: 10px;
}
.event-detail .thumb-item__info-name {
margin-block-end: 4px;
word-break: keep-all;
font-size: 18px;
color: #000;
line-height: 24px;
font-weight: 600;
height: 48px;
overflow: hidden;
word-wrap: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
padding: 0;
}
.event-detail .product-thumb-price-info {
height: 30px;
}
.event-detail .thumb-item__icon-box {
position: absolute;
top: 10px;
right: 10px;
top: 14px;
left: 17px;
}
.event-detail .btn_list {
justify-content: center;
margin-top: 80px;
margin-bottom: 0px;
text-align: center;
}
.event-detail .btn_list a {
width: 240px;
font-size: 18px;
color: #000;
border: 1px solid #e5e5e5;
border-radius: 25px;
height: 50px;
letter-spacing: -0.02em;
font-weight: 400;
display: block;
margin: 0 auto;
box-sizing: border-box;
line-height: 50px;
}
.event-detail__products .thumb-item__overlay {
font-size: 16px;
}