.event.list .cont {
    padding: 90px 0 100px;
}
.event.list .cont .inner {
    display: flex; flex-direction: column;
}
.event.list .cont .inner .tabMenu {
    display: flex; align-items: center; gap: calc(20/20*1em);
    font-size: 20px;
    padding-bottom: calc(40/20*1em);
}
.event.list .cont .inner .tabMenu .tabItem {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: inherit;
    padding: calc(10/18*1em) calc(20/18*1em);
    transition: all 0.3s ease;
    border-radius: calc(30/18*1em);
    cursor: pointer;
}
.event.list .cont .inner .tabMenu .tabItem.act {
    color: #fff;
}
.event.list .cont .inner .tabMenu .tabItem.whiteOrange.act {
    background-color: #f59f32;
}
.event.list .cont .inner .tabMenu .tabItem.orange.act {
    background-color: #fd550e;
}
.event.list .cont .inner .tabMenu .tabItem.brown.act {
    background-color: #452413;
}
.event.list .cont .inner .list {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 30px;
}
.event.list .cont .inner .list .item {
    display: flex; flex-direction: column;
    min-width: 0;
}
.event.list .cont .inner .list .item .img {
    width: 100%; 
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}
.event.list .cont .inner .list .item.endEvent .img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.event.list .cont .inner .list .item .img::after {
    content: '';
    display: block;
    padding-top: calc(502/450*100%);
}
.event.list .cont .inner .list .item .img img {
    position: absolute;
    left: 50%; top: 50%; transform: translate(-50%, -50%);
    width: 100%; height: 100%; object-fit: cover;
}
.event.list .cont .inner .list .item .info {
    display: flex; flex-direction: column;
    font-size: 22px;
    padding-top: calc(20/22*1em);
}
.event.list .cont .inner .list .item .info .title {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: inherit;
    letter-spacing: -0.045em;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: calc(10/22*1em);
    min-width: 0;
}
.event.list .cont .inner .list .item .info .date {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: clamp(14px, 18/22*1em, 18px);
    letter-spacing: -0.045em;
    color: #a4a4a4;
}
/* ._sub.event.list .paging{padding-top:100px;}
._sub.event.list .paging span{width:26px; height:26px; line-height:26px; text-align:center; color:#000; text-decoration: none; font-family:'Noto Serif KR'; display:inline-block; padding:0;}
._sub.event.list .paging span.act{font-weight:bold;text-decoration: none; background-color:#F5A22C; border-radius:5px; color:#fff;}
._sub.event.list .paging .num span.act::after{display:none;} */

.paging {display: flex; align-items: center; justify-content: center; padding-top: 100px;}
.paging > * {display: flex; align-items: center;}
.paging .num {padding: 0 20px; font-size: 18px; padding-bottom: calc(2/18*1em); font-family: 'Noto Serif KR'; letter-spacing: -0.045em; font-weight: bold;}
.paging .num a {position: relative;}
.paging .num a::after {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(11/18*1em); height: 1px; background: #f5a22c; opacity: 0; transition: .4s;}
.paging .num a.act::after {opacity: 1;}
.paging a {padding: 10px; color: #452512; transition: .4s; display: flex; align-items: center;}
.paging a.act {color: #f5a22c;}
.paging a:hover {color: #f5a22c;}
.paging >*:not(.num) a {font-size: 22px;}


@media screen and (max-width: 1280px ) {
    .event.list .cont .inner .tabMenu {
        font-size: clamp(18px, 20/1280*100vw, 20px);
    }
    .event.list .cont .inner .list .item .info {
        font-size: 18px;
    }
    ._sub.event.list .paging {
        padding-top: 70px;
    }
}
@media screen and (max-width: 1024px) {
    .event.list .cont {
        padding: 60px 0 70px;
    }
    .event.list .cont .inner .list .item .info {
        font-size: 16px;
    }
}
@media screen and (max-width: 820px) {
    .event.list .cont .inner .tabMenu {
        font-size: clamp(16px, 20/820*100vw, 20px);
        gap: calc(10/20*1em);
    }
    .event.list .cont .inner .list {
        gap: 25px 15px;
        grid-template-columns: repeat(2, 1fr);
    }
    .event.list .cont .inner .list .item .info {
        font-size: 16px;
    }
    .paging {
        padding-top: 50px;
    }
    .paging .num {font-size: 16px;}
    .paging >*:not(.num) a {font-size: 20px;}
}
@media screen and (max-width: 500px) {
    .event.list .cont .inner .tabMenu {
        font-size: clamp(15px, 16/500*100vw, 16px);
        gap: calc(5/16*1em);
    }
    .event.list .cont .inner .list {
        gap: 40px 10px;
        grid-template-columns: repeat(1, 1fr);
    }
    .event.list .cont .inner .list .item .info {
        font-size: clamp(16px, 18/500*100vw, 18px);
    }
    .paging .num {padding: 0 10px;}
    .paging a {padding: 6px;}
}
@media screen and (max-width: 360px) {
    .event.list .cont .inner .tabMenu {
        justify-content: center;
        font-size: clamp(12px, 15/360*100vw, 15px);
        gap: calc(3/15*1em);
    }
    .event.list .cont .inner .list .item .info {
        font-size: clamp(15px, 16/360*100vw, 16px);
    }
}

.event.view .cont {
    padding: 120px 0 100px;
}
.event.view .cont .inner {
    display: flex; flex-direction: column; align-items: center;
}
.event.view .cont .inner .titleWrap {
    width: 100%;
    display: flex; flex-direction: column; align-items: flex-start; text-align: center; word-break: keep-all;
    font-size: 40px;
    padding-bottom: calc(60/40*1em);
    border-bottom: 1px solid #000;
}
.event.view .cont .inner .titleWrap .title {
    font-family: 'Pretendard';
    font-weight: 500;
    line-height: calc(50/40*1em);
    letter-spacing: -0.045em;
    color: #000;
    padding-bottom: calc(20/40*1em);
}
.event.view .cont .inner .titleWrap .date {
    font-family: 'Pretendard';
    font-weight: 400;
    font-size: clamp(16px, 25/40*1em, 25px);
    letter-spacing: -0.045em;
    color: #a4a4a4;
}
.event.view .cont .inner .editor {
    width: 100%;
    padding: 50px 0 70px;
    min-height: 500px;
    border-bottom: 1px solid #000;
}
.event.view .cont .inner .editor img{ height: 100% !important; }

.event.view .cont .inner .toList{text-align: center;margin-top: 50px;}
.event.view .cont .inner .toList{display: inline-block;border-radius: 30px;padding: 19px 0;box-sizing: border-box;background: #ffa200;width: 200px;}
.event.view .cont .inner .toList span{font-size: 22px;color:#fff;font-weight: 700;letter-spacing: -0.02em;}
/* .event.view .cont .inner .toList {
    display: flex; align-items: center; justify-content: center;
    position: relative;
    font-size: 20px;
    width: calc(245/20*1em); height: calc(68/20*1em);
    border: 1px solid #f37f20;
    overflow: hidden;
}
.event.view .cont .inner .toList .circle {
    position: absolute;
    left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0);
    width: calc(212/20*1em); height: calc(212/20*1em);
    border-radius: 50%;
}
.event.view .cont .inner .toList .circle.origin {
    background-color: #f37f20;
    filter: invert(1);
}
.event.view .cont .inner .toList .circle.filter {
    backdrop-filter: invert(1);
    z-index: 2;
}
.event.view .cont .inner .toList .txt {
    position: relative; z-index: 1;
    width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
}
.event.view .cont .inner .toList .txt .circle.filterTxt {
    backdrop-filter: brightness(0);
    z-index: 2;
    width: calc(205/20*1em); height: calc(205/20*1em);
}
.event.view .cont .inner .toList span {
    font-family: 'Pretendard';
    font-size: inherit;
    letter-spacing: -0.045em;
    color: #a4a4a4;
    position: relative; z-index: 1;
    mix-blend-mode: difference;
} */
@media screen and (max-width: 1680px) {
    .event.view .cont .inner .toList span {
        font-size: 20px;
    }
}
@media screen and (max-width: 1440px) {
    .event.view .cont .inner .titleWrap {
        font-size: clamp(30px, 40/1440*100vw, 40px);
    }
    .event.view .cont .inner .toList {
        font-size: clamp(18px, 20/1440*100vw, 20px);
    }
}
@media screen and (max-width: 1280px) {
    .event.view .cont .inner .toList span {
        font-size: 18px;
    }
}

@media screen and (max-width: 1024px) {
    .event.view .cont {
        padding: 80px 0 60px;
    }
    .event.view .cont .inner .titleWrap {
        font-size: clamp(25px, 30/1024*100vw, 30px);
    }
    .event.view .cont .inner .toList {
        font-size: clamp(16px, 18/1024*100vw, 18px);
    }
}
@media screen and (max-width: 820px) {
    .event.view .cont .inner .toList span {
        font-size: 16px;
    }
}
@media screen and (max-width: 500px) {
    .event.view .cont {
        padding: 60px 0 40px;
    }
    .event.view .cont .inner .titleWrap {
        font-size: clamp(20px, 25/500*100vw, 25px);
    }
    .event.view .cont .inner .titleWrap .date {
        font-size: clamp(14px, 16/500*100vw, 16px);
    }
    .event.view .cont .inner .toList {
        font-size: clamp(14px, 16/500*100vw, 16px);
    }
}
@media screen and (max-width: 360px) {
    .event.view .cont .inner .titleWrap {
        font-size: clamp(16px, 20/360*100vw, 20px);
    }
    .event.view .cont .inner .toList {
        font-size: clamp(13px, 14/360*100vw, 14px);
    }
}