@charset "UTF-8";

.main#container {padding-bottom: 140px;}
.sect-banner{position: relative;}
.banner-slide{height: 760px;border-bottom: 1px solid var(--g-black2);}
.banner-txt{margin-top: 160px;position: relative;z-index: 3;}
.banner-txt h2{font-family: 'KIMM'; font-size: 50px; margin-bottom: 15px;}
.banner-txt p{font-size: 24px;}
.banner-back{position: absolute;left: 80px;bottom: -41px;z-index: 1;}
.banner-box {position: absolute;top: 21px;right: 0;z-index: 2;margin-right: calc((100vw - 1600px)/2);width: 974px;height: 895px;}
.banner-img {mask-image: url(/assets/images/user/main/mask-img.png);-webkit-mask-image: url(/assets/images/user/main/mask-img.png);width: 100%;height: 100%;}
.banner-img img{width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);object-fit: cover;}
.banner-side{position: absolute;z-index: 2;}
.banner-side.img01{bottom: -15px;left: 40px;padding-left: calc((100vw - 1640px)/2);}
.banner-control {position: absolute;max-width: calc(1180px + 80px);padding: 0 40px;width: 100%;margin: 0 auto;left: 50%;transform: translate(-50%, -50%);top: 300px;z-index: 2;}
.banner-control .swiper-btn{width: 35px; height: 35px; background: no-repeat 50% / cover; background-image: url(/assets/images/cmn/slide-btn.svg); margin-right: 15px;}
.banner-control .swiper-btn.swiper-next{transform: rotate(180deg)}
.banner-control .swiper-btn.swiper-play {background-image: url(/assets/images/cmn/slide-pause.svg);}
.banner-control .swiper-btn.swiper-play.pause {background-image: url(/assets/images/cmn/slide-play.svg);}
.banner-slide .swiper-pagination {width: auto;position: static;padding-left: 252px;margin-left: 10px;}
.banner-slide .swiper-pagination-total {}
.banner-slide .swiper-pagination-current::before {content: '';width: 0;height: 2px; border-radius: 15px; background: #000;position: absolute;top: 50%;left: 0;transform: translateY(-50%);z-index: 1;}
.banner-slide .swiper-pagination-current::after {content: '';width: 227px;height: 1px;background: var(--g-black3);position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.banner-slide .swiper-pagination .swiper-pagination-current.timeBox::before { animation: aniPrgressbar 3s ease-in-out 1s; animation-fill-mode: forwards; }
.banner-slide .swiper-pagination span {font-size: 20px;}
@keyframes aniPrgressbar {
    from { width: 0; }
    to { width: 227px; }
}
.banner-poster .banner-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;opacity: .5;}
.banner-poster .banner-bg.bg-green{background: var(--g-green2)}
.banner-poster .banner-bg.bg-blue{background: var(--g-blue2)}
.banner-poster .banner-bg.bg-yellow{background: var(--g-yellow2)}
.banner-poster .banner-bg.bg-pink{background: var(--g-pink2)}
.banner-poster .banner-img::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;backdrop-filter: blur(25px);z-index: 5;}
.banner-poster .banner-poster__img{position: absolute;top: 130px;right: 220px;z-index: 5;border-radius: 15px;overflow: hidden;box-shadow: 10px -10px 20px rgba(0, 0, 0, 0.1);width: 358px;height: 500px;}
.banner-poster .banner-poster__img img {width: 100%;height: 100%;}
.banner-people {position: absolute;height: 140px;bottom: 80px;left: 50%;transform: translateX(-50%);z-index: 1;}
.banner-people > div{position: absolute; z-index: 1; animation: bounce 1s ease infinite alternate;}
.banner-people .people01{bottom: 20px;left: -14px;}
.banner-people .people02{bottom: -40px;left: 60px;animation-delay: 1s;}
.banner-people .people03{bottom: 25px;left: 22%;}
.banner-people .people04{bottom: 29px;left: 26%; animation-delay: 1s;}
.banner-people .people05{bottom: 25px;right: 100px;}
@keyframes bounce {
    0% { transform: translateY(0) }
    50% { transform: translateY(-10px) }
    100% { transform: translateY(0) }
}
.banner-slide li > a {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}



/* quick-menu */
.quick-menu{margin: 30px 0;}
.quick-menu__tit{color: var(--g-black9);}
.quick-menu__tit h2{font-family: 'KIMM'; font-size: 30px; margin-bottom: 15px;}
.quick-menu__list > li:not(:last-child){margin-right: 122px;}
.quick-menu__list > li > a{transition: .4s;}
.quick-menu__list > li > a:hover {opacity: .7;}
.quick-img {position: relative; font-size: 0;}
.quick-img .img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.quick-txt {text-align: center;margin-top: 13px;font-family: 'KIMM';font-weight: 700;font-size: 16px;color: var(--g-black8);}


/* section */
.main .sect-tit{text-align: center;}
.main .sect-tit h2{font-family: "KIMM"; margin-bottom: 22px; font-size: 40px;}
.main .sect-tit p{font-size: 16px; color: var(--g-black7);}
.main .sect-cont{margin-top: 50px;position: relative;}
.main .more-btn {color: #757575;text-decoration: underline;font-weight: 600;position: absolute;right: 0;top: 10px;z-index: 2;}

/* sect-culture */
.sect-culture{padding-top: 110px;position: relative;}
.sect-culture::before{content: '';position: absolute;left: 0;top: 69px;background: no-repeat 50% / contain;background-image: url("../../images/user/main/main-bg01.png");width: 299px;height: 633px;}
.sect-culture .tab-wrap{position: relative;height: 587px;}
.sect-culture .tab-cont{position: absolute;left: 0;height: 508px;display: flex;width: 100%;margin-top: 26px;}
.sect-culture .tab-wrap > ul {border-radius: 20px;background: #f7f7f7;display: inline-flex;}
.sect-culture .tab-wrap > ul > li {padding: 6px;}
.sect-culture .tab-btn {width: 84px;height: 28px;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: 600;color: #757575;background: #fff;border-radius: 15px;}
.sect-culture .tab-btn.active{background-color: #000; color: #fff;}
.tab-slide {width: 380px;flex: none; margin-right: 20px;}
.tab-slide > ul > li > a {width: 100%;height: 100%;}
.tab-slide .swiper-pagination {display: none;}
.tab-slide__thumb {flex: 1;width: 100%;padding-top: 16px;margin-top: -16px;}
.tab-slide__thumb > ul > li {width: 280px; margin-right: 20px;}
.poster-box {width: 100%;height: 100%;position: relative;}
.poster-box__slide .swiper-container{width: 100%; height: 100%;}
.poster-box__slide .banner-control {position: absolute;max-width: calc(1180px + 80px);padding: 0;width: auto;margin: 0 auto;left: auto;right: 20px;transform: none;top: auto;bottom: 20px;z-index: 2;}
.poster-box__slide .banner-control .swiper-btn{background-image: url("/assets/images/cmn/swiper-pre2.svg");margin-right: 0;}
.poster-box__slide .banner-btn{gap: 20px;}
.poster-img {width: 100%;height: 100%;position: relative;border-radius: 15px;overflow: hidden;border: 1px solid #e4e4e4;}
.poster-img .img-wrap {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.poster-img .img-wrap img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition: .4s;}
.tab-slide__thumb .poster-img{height: 380px; border: 1px solid #e4e4e4;}
.poster-tag {position: absolute;right: -8px;top: -14px;z-index: 2;width: 60px;height: 60px; border-radius: 50%; font-size: 12px; font-weight: 700; display: flex;align-items: center;justify-content: center;color: #fff;}
.tag-found{background-color: var(--g-red2); border: 1px solid var(--g-red2); color: #fff;text-align: center}
.tag-program{background-color: var(--g-pink2); border: 1px solid var(--g-pink2); color: #fff;text-align: center}
.tag-concert{background-color: var(--g-green2); border: 1px solid var(--g-green2); color: #fff;}
.tag-exhibit{background-color: var(--g-blue2); border: 1px solid var(--g-blue2); color: #fff;}
.tag-support{background-color: var(--g-yellow2); border: 1px solid var(--g-yellow2); color: #fff;text-align: center}
.tab-slide__thumb .poster-txt{margin-top: 16px;}
.poster-tit{margin-top: 10px;font-size: 20px;white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis; color: var(--g-black9);}
.poster-date{font-size: 14px; margin-top: 10px; color: var(--g-black9);}
.poster-manager{font-size: 14px; margin-top: 4px; color: var(--g-black9);}
.tab-slide__thumb .poster-box:hover .poster-tit{text-decoration: underline}
.sect-culture .swiper-pagination-progressbar {top: auto;bottom: 2px;background: #e4e4e4;height: 1px;}
.sect-culture .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #000;height: 4px;top: -1px;border-radius: 40px;}
.hover-box{opacity: 0;position: absolute;z-index: 5;left: 0;top: 0;width: 100%;height: 100%;background: no-repeat 50% / cover;background-image: url("../../images/user/hover-bg.png");border-radius: 15px;transition: 0.2s;}
.hover-box::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);z-index: -1;}
.hover-txt {display: flex;flex-direction: column;overflow: hidden;height: 100%;position: relative;z-index: 2;padding: 30px;}
.hover-txt__top {height: 100%;overflow-x: hidden;overflow-y: auto;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.poster-img:hover .hover-box {opacity: 1;}
.hover-txt__top *{color: #fff}
.hover-box .poster-tag{position: static; text-align: center; font-size: 16px; font-weight: 400; width: auto; height: auto;}
.hover-box .poster-tit{padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.2); text-align: center;}
.hover-box .poster-date{font-size: 16px;}
.hover-box .poster-manager{font-size: 16px;}
.hover-box .detail-btn {width: 100%;padding: 13px 0;text-align: center;background: #fff;border-radius: 22px;font-size: 16px;font-weight: 500;transition: .2s;}
.hover-box .detail-btn:hover {background: #000;color: #fff;}

/* sect-calendar */
.main .sect-calendar{padding-top: 180px; position: relative}
.main .sect-calendar::before{content: '';position: absolute;top: 0;right: 0;background: no-repeat 50% / contain;background-image: url("../../images/user/main/main-bg02.png");width: 328px;height: 1038px;}
.calendar {position: relative;width: 100%;}
.calendar_ {flex: none;width: 574px;}
.calendar_hd {position: relative;}
.calendar_nav {font-size: 0;display: flex;align-items: center;}
.calendar_nav a{width: 24px;height: 24px;display: inline-block;border: 1px solid #e4e4e4;border-radius: 7px;position: relative;border-radius: 50%;}
.calendar_nav span{font-size: 24px;font-weight: 500;display: inline-block;vertical-align: top;padding: 0 20px;font-family: 'KIMM';font-weight: 700;}
.calendar_nav a::before{content: '';background: no-repeat 50% / cover;background-size: 7px 11px;display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
.calendar_nav a.prev::before{background-image: url("../../images/ico/calendar-arr.svg");}
.calendar_nav a.next::before{background-image: url("../../images/ico/calendar-arr.svg");transform: rotate(180deg);padding-top: 1px;padding-left: 2px;}
.calendar_table{border: 1px solid #e4e4e4;border-radius: 10px;margin-top: 22px; overflow: hidden;}
table.ct {width: 100%; table-layout: fixed;border-collapse: collapse;}
.ct th {background: #F7F7F7;text-align: right;padding-right: 10px;font-size: 14px;font-weight: 500;color: #000;height: 40px;}
.ct td {position: relative;vertical-align: top;padding: 10px;padding-bottom: 5px;border: 1px solid #e4e4e4;text-align: right;height: 100px !important;vertical-align: top;color: #000;font-size: 16px;font-weight: 500;cursor: pointer;background-color: #fff;}
.ct td.click_focus:after {content: '';position: absolute;width: 100%;height: 100%;border: 3px solid #1A1B1D;top: 0;left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.ct th:first-child{border-radius: 5px 0 0 0;color: #FF0000;}
.ct th:last-child{border-right: 0;border-radius: 0 5px 0 0;color: #0029FF;}
.ct_day{display: inline-block;color: #000;line-height: 1.5;position: relative;z-index: 1;}
.ct td:first-child{border-left: 0;}
.ct td:last-child{border-right: 0;}
.ct tr:last-child td{border-bottom: 0;}
.ct td.ct_today .ct_day::after{content: '';background-color: #EAEAEA;display: inline-block;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 30px;height: 30px;z-index: -1;}
.ct td.focus {background: #FAF2EC;}
.ct_skd > ul{display: flex;flex-wrap: wrap;margin: -6px;margin-top: 5px;font-size: 0;}
.ct_skd > ul > li{padding: 3px;}
.ct_skd_smy {margin-top: 5px;}
.calendar_legend{top: auto; bottom: 0; background: transparent;}
.calendar_legend > ul > li{display: inline-block;font-size: 14px;line-height: 14px;height: 14px;font-weight: 500;padding-left: 17px;margin: 0 10px;position: relative;}
.calendar_legend > ul > li:last-child{margin-right: 0;}
.calendar_legend > ul > li.legend_a,
.calendar_legend > ul > li.legend_b,
.calendar_legend > ul > li.legend_c,
.calendar_legend > ul > li.legend_d,
.calendar_legend > ul > li.legend_e {background: transparent;}
.calendar_legend > ul > li:before{content: '';position: absolute;left: 0;top: 1px;}
.ct_skd > ul > li::before{content: '';width: 12px;height: 12px;border-radius: 6px;display: inline-block;}
.ct_skd > ul > li.legend_a::before{background: var(--g-pink);}
.ct_skd > ul > li.legend_b::before{background: var(--g-green);}
.ct_skd > ul > li.legend_c::before{background: var(--g-blue);}
.ct_skd > ul > li.legend_d::before{background: var(--g-yellow);}
.ct_skd > ul > li.legend_e::before{background: var(--g-red2);}
.calendar-list{padding-left: 20px;flex: 1;width: calc(100% - 574px);margin-top: 48px;}
.calendar-list__hd{display: flex;align-items: center;justify-content: center;height: 60px;border-top: 1px solid #E4E4E4;border-bottom: 1px solid #e4e4e4;}
.calendar-list__hd .list-hd__tit{font-size: 20px;}
.calendar-list__hd .more_btn{font-size: 16px;text-decoration: underline;}
.calendar-list__bd ul {height: 460px;overflow-y: auto;background-color: #fff;}
.calendar-list__bd ul.no-list {position: relative;border-bottom: 1px solid #e4e4e4;display: flex;align-items: center;justify-content: center;font-size: 18px;}
.calendar-list__bd li{display: flex;align-items: center;padding: 16px 0;}
.calendar-list__bd li{border-bottom: 1px solid #E4E4E4;}
.calendar-list__bd [class *= "legend"]{display: flex;align-items: center;justify-content: center;border-radius: 15px;font-size: 14px;margin-right: 8px;font-weight: 700;padding: 4px 12px;line-height: 20px;}
.calendar-list__bd .list-cont{width: calc(100% - 90px);padding-left: 20px;}
.calendar-list__bd .poster-tit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;position: relative;line-height: 1.5;font-size: 20px;margin-top: 10px;font-weight: 700;color: var(--g-black9);}
.calendar-list__bd .poster-tit:hover{text-decoration: underline;}
.calendar-list .poster-img{width: 90px;height: 120px;border-radius: 5px;flex: none;}
.exh-ing{border: 1px solid var(--g-black3);}
.exh-end{background-color: var(--g-black5); border: 1px solid var(--g-black5); color: #fff;}
.exh-wait{background-color: var(--g-black2); border: 1px solid var(--g-black2); color: #000;}


.ct_wrap {height: 100%;position: relative;display: flex;flex-direction: column;align-items: flex-end;}
.ct_skd {height: 100%;width: 100%;}
.total-txt {display: flex;width: calc(100% + 4px);font-size: 12px;font-weight: 500;color: #232323;justify-content: center;background: rgb(0 0 0 / 10%);border-radius: 3px;padding: 3px 0;margin: 10px -2px 0;}
.total-txt p {margin-left: 7px;}
.poster-manager {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

/* sect-artApply */
.sect-artApply{padding-top: 187px; position: relative;}
.sect-artApply::before {content: '';position: absolute;top: -212px;left: 0;background: no-repeat 50% / contain;background-image: url(../../images/user/main/main-bg03.png);width: 249px;height: 510px;}
.artApply-list > ul > li{flex: 1;}
.artApply-list > ul > li > a{width: 100%;height: 280px;border-radius: 15px;position: relative;}
.artApply-list > ul > li > a::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; background: no-repeat 50% / cover;}
.artApply-list .list01 > a{background-color: var(--g-green);}
.artApply-list .list02 > a{background-color: var(--g-blue);}
.artApply-list .list01 > a::before{background-image: url("../../images/user/main/artAply-bg01.png")}
.artApply-list .list02 > a::before{background-image: url("../../images/user/main/artAply-bg02.png")}
.artApply-box {height: 100%;display: flex;flex-direction: column;justify-content: space-between;align-items: baseline;padding: 50px 40px 40px;position: relative;z-index: 2;}
.artApply-tit{font-family: 'KIMM'; color: #fff; font-size: 30px;}
.artApply-btn{width: 130px; height: 45px; border-radius: 22px; background-color: #fff; padding: 0 20px; font-size: 16px; font-weight: 700; display: flex; justify-content: space-between; align-items: center;}
.artApply-btn .ico-arr{width: 17px; height: 16px; background: no-repeat 50% / cover;  transition: .4s;}
.artApply-list > ul > li:not(:last-child){margin-right: 20px;}
.artApply-list .list01 .artApply-btn{color: var(--g-green2);}
.artApply-list .list02 .artApply-btn{color: var(--g-blue2);}
.artApply-list .list01 .artApply-btn .ico-arr{background-image: url("../../images/ico/ico-arr_green.svg")}
.artApply-list .list02 .artApply-btn .ico-arr{background-image: url("../../images/ico/ico-arr_blue.svg")}
.artApply-img{position: absolute; top: 14px; right: 34px;}
.artApply-list .artApply-btn:hover i{transform: translateX(5px);}

/* sect-bbs */
.sect-bbs{padding-top: 157px; position: relative; min-height: 800px;}
.sect-bbs::before{content: '';position: absolute;top: 0;left: 0;width: 291px;height: 614px;background: no-repeat 50% / contain;background-image: url("../../images/user/main/main-bg04.png")}
.notice-list > li:not(:last-child){margin-bottom: 20px;}
.notice-box{height: 100px;border: 1px solid #E4E4E4;border-radius: 15px;padding: 0 40px;transition: .4s;background-color: #fff;}
.notice-box .notice-tag{font-size: 19px; font-weight: 700; flex: none; width: 83px; transition: .4s;}
.notice-box .notice-tag .new-icon{display: none;}
.notice-box .notice-cont{padding-left: 80px;width: calc(100% - 70px);display: flex;align-items: center;justify-content: space-between;}
.notice-box .notice-cont .tit-wrap {position: relative;line-height: 30px;margin-right: 50px;width: calc(100% - 110px - 50px);}
.notice-box .notice-cont .tit { font-size: 20px;font-weight: 500;position: relative; width: auto; max-width: 100%;}
.notice-box .notice-cont .tit::before{content: ''; position: absolute; bottom: 0; left: 0; width: 0; transition: width .4s; height: 10px; border-radius: 6px; background-color: #F87AA7; opacity: .1;}
.notice-box .notice-cont .date{font-size: 20px; color: var(--g-black5);}
.new-icon {width: 30px;height: 30px;display: inline-flex;align-items: center;justify-content: center;border-radius: 50%;background-color: var(--g-pink2);color: #fff;font-size: 14px;font-weight: 700;margin-right: 10px;flex: none;}
.notice-box:hover{border-color: var(--g-pink2);}
.notice-box:hover .notice-tag{color: var(--g-pink2);}
.notice-box:hover .notice-cont .tit::before{width: 100%;}



@media screen and (max-width: 1280px) {
    .banner-back {left: -45px;bottom: -15px;top: auto;}
    .banner-back img {max-width: 563px;}
    .banner-img {-webkit-mask-size: cover;position: absolute;top: 0;left: 0;}
    .banner-box {width: max(65vw, 621px);height: max(54vw, 590px);margin: 0;right: -70px;top: auto;bottom: -110px;}
    .banner-txt {margin-top: 60px;}
    .banner-poster .banner-poster__img {top: 0;width: 300px;height: 413px;}
    .banner-img img {width: 100%;height: 100%;}
    .banner-control {top: 200px;}
    .banner-side.img01{bottom: -15px}
    .banner-side.img01 img {width: 223px;}
    .banner-people.inner-wide {width: calc(100% - 80px);height: 70px;bottom: 215px;}
    .banner-people > div img {width: 48%;}
    .banner-people .people01 {left: 0;bottom: 6px;}
    .banner-people .people02 {bottom: -10px;}
    .banner-people .people03 {bottom: 0px;}
    .banner-people .people04 {bottom: 0;}
    .banner-people .people05 {bottom: 0;right: 0;}
    .sect-banner .quick-menu {margin: 35px 0 25px;}
    .sect-banner .quick-menu .inner {display: block;text-align: center;}
    .sect-banner .quick-menu__list {margin-top: 25px;justify-content: center;}
    .sect-banner .quick-menu__list > li:not(:last-child) {margin-right: 80px;}
    .sect-culture {padding-top: 70px;}
    .sect-culture::before {width: 93px;height: 194px;top: 12px;}
    .main .sect-calendar{padding-top: 120px;}
    .calendar {display: block;}
    .calendar_ {width: 100%;}
    .calendar-list {width: 100%;padding: 0;margin-top: 30px;}
    .main .sect-calendar::before {width: 122px;height: 420px;}
    .sect-artApply {padding-top: 120px;}
    .sect-artApply::before {width: 97px;height: 194px;top: 15px;}
    .artApply-list > ul {display: block;}
    .artApply-list > ul > li:not(:last-child) {margin-right: 0;margin-bottom: 30px;}
    .sect-bbs {padding-top: 120px;min-height: auto;}
    .sect-bbs::before {width: 134px;height: 271px;top: 80px;}
    .notice-box {padding: 0 30px;}
    .notice-box .notice-cont {padding-left: 40px;}


}


@media screen and (max-width: 767px) {
    .main#container {padding-bottom: 100px;}

    .main .sect-tit h2 {font-size: 30px;margin-bottom: 18px;}
    .main .sect-tit p {font-size: 14px;}

    .banner-slide {height: 700px;}
    .banner-txt {margin-top: 50px;}
    .banner-txt h2 {word-break: keep-all;font-size: 30px;line-height: 1.5;}
    .banner-txt p {font-size: 14px;line-height: 1.5;}
    .banner-control {display: block;top: 240px;padding: 0 20px;}
    .banner-slide .swiper-pagination {padding-left: 250px;margin-left: 0;margin-top: 10px;display: flex;}
    .banner-slide .swiper-pagination span {font-size: 14px;margin-right: 5px;}
    .banner-box {bottom: -50px;width: 454px;height: 418px;right: 0;right: -150px;}
    .sect-banner .quick-menu__list > li:not(:last-child) {margin: 0;}
    .sect-banner .quick-menu__list {justify-content: space-between;margin-top: 20px;}
    .banner-back img {max-width: 427px;}
    .banner-side.img01 {left: 10px;}
    .banner-side.img01 img {width: 125px;}
    .banner-people.inner-wide {width: calc(100% - 40px);bottom: 169px;}
    .banner-poster .banner-poster__img {width: 50%;height: 0;padding-bottom: 69.66%;right: auto;left: 45px;}
    .banner-poster .banner-poster__img img {position: absolute;top: 0;left: 0;}
    .banner-people > div img {width: 37%;}
    .banner-people.inner-wide {height: 50px;bottom: 171px;}
    .quick-img .bg img {width: 47px;}
    .quick-img .img img {width: 16px;}
    .quick-txt {font-size: 10px;}
    .banner-back {left: -70px;}
    .banner-people .people03 {left: 140px;}
    .banner-people .people01 {left: -10px;}
    .banner-people .people02 {left: 40px;}
    .banner-people .people04 {left: 166px;}
    .banner-people .people05 {right: -20px;}
    @keyframes bounce {
        0% { transform: translateY(0) }
        50% { transform: translateY(-5px) }
        100% { transform: translateY(0) }
    }
    .sect-banner .quick-menu {margin-top: 54px;}
    .quick-menu__tit h2 {font-size: 24px;margin-bottom: 10px;}
    .quick-menu__tit p {font-size: 14px;}

    .tab-slide {width: 320px;margin: 0 auto;padding-bottom: 20px;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .tab-slide .swiper-pagination {display: block;}
    .tab-slide__thumb{display: none;}
    .sect-culture .tab-cont {height: 0;padding-bottom: calc(133.75% + 20px);}
    .sect-culture .tab-btn {width: 70px;}
    .sect-culture::before {height: 115px;width: 56px;}
    .main .sect-cont {margin-top: 40px;}
    .sect-culture .tab-wrap {height: 0;padding-bottom: calc(133.75% + 70px);}
    .hover-txt {padding: 25px;}
    .main .sect-calendar {padding-top: 150px;}
    .main .sect-calendar::before {top: 96px;width: 76px;height: 254px;}
    .calendar_nav span {font-size: 18px;padding: 0 12px;}
    .main .more-btn {top: 7px;font-size: 14px;}
    .calendar_table {margin-top: 12px;}
    .ct th {height: 30px;font-size: 12px;padding-right: 6px;}
    .ct td {height: 52px !important;font-size: 12px;padding: 6px;}
    .ct_skd > ul > li::before {width: 8px;height: 8px;}
    .ct_skd > ul > li:not(:last-child) {margin-right: 5px;}
    .calendar-list__hd {height: 45px;}
    .calendar-list__hd .list-hd__tit {font-size: 18px;}
    .calendar-list__bd li {padding: 18px 0;}
    .calendar-list__bd ul {height: 546px;}
    .calendar-list .poster-img {width: 107px;height: 145px;}
    .calendar-list__bd .list-cont {width: calc(100% - 107px);}
    .calendar-list__bd [class *= "legend"] {font-size: 12px;padding: 3px 11px;margin-right: 6px;}
    .calendar-list__bd .poster-tit {font-size: 18px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
    .ct td.ct_today .ct_day::after {width: 25px;height: 25px;}
    .ct_skd > ul {margin: -4px;margin-top: 3px;}
    .total-txt {margin-top: 5px;font-size: 10px;padding: 2px;}
    .sect-artApply::before {width: 52px;height: 105px;}
    .sect-artApply {padding-top: 100px;}
    .artApply-img {display: none;}
    .artApply-list > ul > li > a {height: 105px;}
    .artApply-box {padding: 0 24px;flex-direction: row;align-items: center;}
    .artApply-tit {font-size: 20px;}
    .artApply-btn {width: 120px;height: 40px;font-size: 14px;padding: 0 15px;}
    .artApply-list > ul > li:not(:last-child) {margin-bottom: 18px;}
    .sect-bbs {padding-top: 100px;}
    .sect-bbs::before {width: 68px;height: 139px;top: 38px;}
    .notice-box {height: 127px;flex-direction: column;align-items: flex-start;padding: 20px 24px 15px;position: relative;}
    .notice-box .notice-cont {padding: 0;margin-top: 10px;width: 100%;}
    .notice-box .notice-cont .date {position: absolute;top: 22px;right: 24px;font-size: 14px;font-weight: 400;}
    .tit-wrap .new-icon {display: none;}
    .notice-box .notice-cont .tit-wrap {width: 100%;margin: 0;}
    .notice-box .notice-cont .tit {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;font-size: 18px;}
    .notice-box .notice-tag .new-icon{display: flex;width: 20px;height: 20px;font-size: 12px;margin-right: 6px;}
    .notice-box .notice-tag {display: flex;align-items: center;width: auto;font-size: 14px;}
    .notice-box .notice-cont .tit::before {display: none;}
    .notice-box:hover .notice-cont .tit {text-decoration: underline;text-decoration-color: rgba(248, 122, 167, 0.1);text-decoration-thickness: 10px;text-underline-offset: 0px;}

}

/* archive */
.archive .sect:not(.sect-banner) {margin-top: 200px;}
.archive .arc-banner-slide {max-width: calc(1760px + 80px); margin: 20px auto 0; border: 0; height: 720px; padding: 0 40px;}
.archive .arc-banner-slide-slide > ul {}
.archive .arc-banner-slide > ul > li {position: relative;}
.archive .arc-banner-slide > ul > li video {border-radius: 20px; width: 100%; height: 100%; object-fit: cover;}
.archive .arc-banner-slide > ul > li .banner-txt {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: calc(1435px + 80px); color: #fff; padding: 0 40px;}
.archive .arc-banner-slide > ul > li .banner-txt .banner-txt__top {display: flex; align-items: end; justify-content: space-between; color: #fff;}
.archive .arc-banner-slide > ul > li .banner-txt .banner-txt__top h2 {font-size: 90px; font-weight: 600; font-family: 'Pretendard', Sans-Serif; letter-spacing: 1.8px; margin: 0;}
.archive .arc-banner-slide > ul > li .banner-txt .banner-txt__top p {font-size: 30px; font-weight: 300; line-height: 1.5;}
.archive .arc-banner-slide > ul > li .banner-txt .banner-txt__bottom {margin-top: 40px; color: #fff;}
.archive .arc-banner-slide > ul > li .banner-txt .banner-txt__bottom p {font-size: 18px;}
.archive .arc-banner-slide > ul > li .banner-txt .banner-line {border-radius: 10px; width: 100%; height: 10px; background: #fff; margin-top: 20px;}
.archive .banner-control {width: 100%; max-width: calc(1435px + 160px); top: 420px; padding: 0 80px;}
.archive .banner-control .swiper-btn {width: 50px; height: 50px; transform: unset; margin: 0;}
.archive .banner-control .swiper-prev {background-image: url("../../../assets/images/archive/slide-prev_w.png");}
.archive .banner-control .swiper-next {background-image: url("../../../assets/images/archive/slide-next_w.png");}
.archive .banner-control .swiper-btn.swiper-button-disabled {opacity: 0.5;}
.archive .banner-control .swiper-btn + .swiper-btn {margin-left: 18px;}

.archive .notice {position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 1; width: 100%; max-width: calc(1680px + 160px); padding: 0 80px;}
.archive .notice-cont {display: flex; align-items: center; padding: 23px 45px; border-radius: 10px; background: rgba(0, 0, 0, 0.25); backdrop-filter: blur(10px); max-height: 80px; position: relative;}
.archive .notice-cont .notice-tit {position: relative; padding-right: 20px; flex: none;}
.archive .notice-cont .notice-tit::before {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 20px; background: rgba(255,255,255,0.5);}
.archive .notice-cont .notice-tit h3 {font-size: 20px; color: #fff;}
.archive .notice-cont .notice-slide {margin: 0 50px 0 20px; max-height: 40px; flex: 1;}
.archive .notice-cont .notice-slide > ul > li {display: flex; align-items: center; justify-content: space-between;}
.archive .notice-cont .notice-slide > ul > li a {word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: rgba(255,255,255,0.7); padding-right: 80px; width: 100%; font-size: 20px;}
.archive .notice-cont .notice-slide > ul > li p {font-size: 20px; font-weight: 500; color: rgba(255,255,255,0.5);}
.archive .notice-cont .notice-control {display: flex; align-items: center; grid-column-gap: 8px; flex: none;}
.archive .notice-cont .notice-control .swiper-btn {width: 34px; height: 34px; border-radius: 5px; background-repeat: no-repeat; background-size: cover;}
.archive .notice-cont .notice-control .swiper-prev {background-image: url("../../../assets/images/archive/slide-up.png");}
.archive .notice-cont .notice-control .swiper-next {background-image: url("../../../assets/images/archive/slide-down.png");}

.archive .sect-area {position: relative; margin-bottom: -190px;}
.archive .mainArtBar.area {text-align: left; position: relative; max-width: 505px;}
.archive .mainArtBar.area::before {content: ''; width: 285px; height: 285px; background-image: url("../../../assets/images/archive/archive-bg.png"); background-repeat: no-repeat; position: absolute; left: -200px; top: -40px; z-index: -1; opacity: 0.4; filter: blur(50px);}
.archive .area-more-btn {border-radius: 25px; border: 1px solid #E4E4E4; background: rgba(255, 255, 255, 0.5); width: fit-content; padding: 14px 30px; font-size: 20px; color: #555; margin-top: 40px;}
.archive .area-more-btn.mo-ver {display: none;}
.archive .area-list {display: flex; align-items: end; justify-content: space-between; grid-column-gap: 40px; z-index: 1;}
.archive .area-list .area-l {width: 100%; max-width: 505px; transform: translateY(-190px); z-index: 1;}
.archive .area-list .area-r {width: 100%; max-width: 610px; transform: translateY(-190px); position: relative;}
.archive .area-list .area-r::before {content: ''; background-image: url("../../../assets/images/archive/area-bg.png"); background-size: cover; background-repeat: no-repeat; width: 1159px; height: 346px; display: inline-block; position: absolute; right: -336px; bottom: 14px; z-index: -1;}
.archive .area-list .area-img-slide img {width: 100%; max-width: fit-content; object-fit: cover;}

.archive .area-list .area-nav-slide {}
.archive .area-list .area-nav-slide > ul {display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 30px; grid-row-gap: 16px;}
.archive .area-list .area-nav-slide > ul > li {border-radius: 50px; border: 1px solid #E4E4E4; background: #FFF; font-size: 1rem; font-weight: 500; width: 100% !important; height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.archive .area-list .area-nav-slide > ul > li.swiper-slide-thumb-active {border: 1px solid #366DB6; background: #366DB6; color: #fff;}

.archive .area-list .area-list-slide {margin-top: 24px;}
.archive .area-list .area-list-slide > ul {}
.archive .area-list .area-list-slide > ul > li {height: fit-content;}
.archive .area-list .area-list-slide > ul > li .area-list > ul {width: 100%;}
.archive .area-list .area-list-slide > ul > li .area-list > ul > li {padding: 25px 0; display: flex; align-items: center; width: 100%; background: #fff;}
.archive .area-list .area-list-slide > ul > li .area-list > ul > li:not(:first-child) {border-top: 1px solid #E4E4E4;}
.archive .area-list .area-list-slide > ul > li .area-list > ul > li:first-child {border-top: 2px solid #E4E4E4;}
.archive .area-list .area-list-slide > ul > li .area-list > ul > li:last-child {border-bottom: 2px solid #E4E4E4;}
.archive .area-list .area-list-slide > ul > li .area-list > ul > li:hover {outline: 2px solid #366DB6; background: #F0F6FE; border-radius: 10px;}
.archive .area-list .area-list-slide > ul > li .area-list > ul > li:hover .num {color: #000;}
.archive .area-list .area-list-slide > ul > li .area-list > ul > li:hover .txt a {text-decoration: underline; text-underline-offset: 2px;}
.archive .area-list .area-list-slide > ul > li .num {font-size: 20px; font-weight: 700; color: #999; line-height: 1.5; text-align: center; padding: 15px 30px; border-right: 1px solid #CBCBCB;}
.archive .area-list .area-list-slide > ul > li .txt {padding: 15px 30px;}
.archive .area-list .area-list-slide > ul > li .txt a {font-size: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.archive .area-list .area-list-slide > ul > li .txt p {font-size: 1rem; margin-top: 20px;}

.archive .sect-artist {background: #EAE0D6; padding: 95px 0;}
.archive .mainArtBar {text-align: center; margin-bottom: 50px;}
.archive .mainArtBar .top {font-size: 14px; font-weight: 500; color: #5B5B5B;}
.archive .mainArtBar .tit {font-size: 50px; font-weight: 700; margin: 20px 0 0; word-break: keep-all; line-height: 1.3;}
.archive .mainArtBar .txt {font-size: 18px; color: #757575; line-height: 1.4; margin: 24px 0 0;}
.archive .artist-list {}
.archive .artist-list > ul {display: flex;}
.archive .artist-list > ul > li {border: 1px solid #CBCBCB; width: 100%; transition: all .1s;}
.archive .artist-list > ul > li:hover {box-shadow: 0px 3px 6px rgba(0,0,0,0.1);}
.archive .artist-list > ul > li a {padding: 45px;}
.archive .artist-list > ul > li:not(:first-child) {border-left: 0;}
.archive .artist-list > ul > li i {width: 80px; height: 80px; background-repeat: no-repeat; background-size: cover; display: inline-block;}
.archive .artist-list > ul > li:nth-child(1) i {background-image: url("../../../assets/images/archive/artist01.svg");}
.archive .artist-list > ul > li:nth-child(2) i {background-image: url("../../../assets/images/archive/artist02.svg");}
.archive .artist-list > ul > li:nth-child(3) i {background-image: url("../../../assets/images/archive/artist03.svg");}
.archive .artist-list > ul > li:nth-child(4) i {background-image: url("../../../assets/images/archive/artist04.svg");}
.archive .artist-list > ul > li:nth-child(5) i {background-image: url("../../../assets/images/archive/artist05.svg");}
.archive .artist-list > ul > li p {font-size: 20px; font-weight: 700; color: #AFA39A; margin-top: 25px;}

.archive .promotion-list {}
.archive .promotion-list > ul {display: flex; grid-column-gap: 20px; grid-row-gap: 20px;}
.archive .promotion-list > ul > li {width: 100%; max-width: 610px; height: 400px; transition: all ease .3s;}
.archive .promotion-list > ul > li a {height: 100%;}
.archive .promotion-list > ul > li .pm-img {position: relative; width: 100%; height: 100%;}
.archive .promotion-list > ul > li .pm-img::before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 20px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00)0.05%, rgba(0, 0, 0, 0.30)99.95%); transition: all ease .3s;}
.archive .promotion-list > ul > li .pm-img img {width: 100%; height: 400px; object-fit: cover; border-radius: 20px; transition: all ease .3s;}
.archive .promotion-list > ul > li .pm-img p {font-size: 20px; font-weight: 600; color: #fff; position: absolute; bottom: 36px; left: 40px;}
.archive .promotion-list > ul > li.active {max-width: calc(50% + 15px);}
.archive .promotion-list > ul > li:not(.active) {max-width: calc(25% - 15px);}

@media screen and (max-width: 1280px) {
    .archive .sect:not(.sect-banner) {margin-top: 130px;}
    .archive .mainArtBar .tit {font-size: 44px; margin-top: 18px;}

    .archive #container {padding-top: 0;}
    .archive .arc-banner-slide {margin-top: 0; padding: 0; height: 600px;}
    .archive .arc-banner-slide > ul > li video {border-radius: 0;}
    .archive .arc-banner-slide > ul > li .banner-txt {margin-top: 160px;}
    .archive .arc-banner-slide > ul > li .banner-txt .banner-txt__top h2 {font-size: 60px;}
    .archive .arc-banner-slide > ul > li .banner-txt .banner-txt__top p {font-size: 20px;}
    .archive .arc-banner-slide > ul > li .banner-txt .banner-txt__bottom {margin-top: 30px;}
    .archive .arc-banner-slide > ul > li .banner-txt .banner-txt__bottom p {font-size: 18px;}
    .archive .arc-banner-slide > ul > li .banner-txt .banner-line {height: 5px;}
    .archive .banner-control {padding: 0 40px; top: 360px;}
    .archive .banner-control .swiper-btn {width: 44px; height: 44px;}
    .archive .notice {padding: 0 40px;}

    .archive .sect-area {margin-bottom: 0;}
    .archive .mainArtBar.area {max-width: 100%;  text-align: center;}
    .archive .mainArtBar.area::before {content: unset;}
    .archive .area-list {flex-direction: column;}
    .archive .area-list .area-l {transform: unset; max-width: 100%;}
    .archive .area-list .area-r {transform: unset; max-width: 100%; margin-top: 50px;}
    .archive .area-list .area-r::before {content: unset;}
    .archive .area-list .area-img-slide > ul > li {display: flex; align-items: center; justify-content: center;}
    .archive .area-more-btn {margin: 50px auto 0;}
    .archive .area-more-btn.mo-ver {display: block;}

    .archive .sect-artist {padding: 70px 0;}
    .archive .artist-list > ul {flex-direction: column;}
    .archive .artist-list > ul > li:not(:first-child) {border: 1px solid #CBCBCB; border-top: 0;}
    .archive .artist-list > ul > li a {padding: 25px; display: flex; align-items: center;}
    .archive .artist-list > ul > li p {margin: 0 0 0 14px;}
    .archive .artist-list > ul > li i {width: 50px; height: 50px;}

    .archive .promotion-list > ul > li {height: 300px;}
    .archive .promotion-list > ul > li .pm-img img {height: 300px;}
    .archive .promotion-list > ul > li .pm-img p {font-size: 1rem; bottom: 20px; left: 20px;}
}

@media screen and (max-width: 767px) {
    .archive .sect:not(.sect-banner) {margin-top: 100px;}
    .archive .mainArtBar {margin-bottom: 30px;}
    .archive .mainArtBar .top {font-size: 12px;}
    .archive .mainArtBar .tit {font-size: 28px; margin-top: 10px;}
    .archive .mainArtBar .txt {font-size: 14px; margin-top: 20px; word-break: keep-all;}

    /*.archive .arc-banner-slide {height: calc((var(--vh, 1vh) * 100));}*/
    .archive .arc-banner-slide {height: 500px;}
    .archive .arc-banner-slide > ul > li .banner-txt {padding: 0 20px; margin-top: 90px;}
    .archive .arc-banner-slide > ul > li .banner-txt .banner-txt__top {flex-direction: column; align-items: baseline; grid-row-gap: 8px;}
    .archive .arc-banner-slide > ul > li .banner-txt .banner-txt__top h2 {font-size: 40px;}
    .archive .arc-banner-slide > ul > li .banner-txt .banner-txt__top p {font-size: 12px;}
    .archive .arc-banner-slide > ul > li .banner-txt .banner-txt__bottom {margin-top: 18px;}
    .archive .arc-banner-slide > ul > li .banner-txt .banner-txt__bottom p {font-size: 14px; word-break: keep-all;}
    .archive .arc-banner-slide > ul > li .banner-txt .banner-line {height: 3px; margin-top: 14px;}
    .archive .banner-control {padding: 0 20px; top: 270px;}
    .archive .banner-control .swiper-btn {width: 34px; height: 34px;}
    .archive .banner-control .swiper-btn + .swiper-btn {margin-left: 10px;}
    .archive .notice {padding: 0 20px;}
    .archive .notice-cont {padding: 24px 20px; flex-direction: column; align-items: baseline; max-height: unset;}
    .archive .notice-cont .notice-tit::before {content: unset;}
    .archive .notice-cont .notice-tit h3 {font-size: 14px;}
    .archive .notice-cont .notice-slide {margin: 14px 0 0; max-height: 64px;}
    .archive .notice-cont .notice-slide > ul {}
    .archive .notice-cont .notice-slide > ul > li {flex-direction: column; align-items: baseline;}
    .archive .notice-cont .notice-slide > ul > li a {font-size: 14px; padding: 0; word-break: unset;}
    .archive .notice-cont .notice-slide > ul > li p {font-size: 14px;}
    .archive .notice-cont .notice-control {position: absolute; right: 20px; bottom: 16px; z-index: 1;}
    .archive .notice-cont .notice-control .swiper-btn {width: 30px; height: 30px;}

    .archive .area-list .area-l {height: 0; opacity: 0;}
    .archive .area-list .area-r {margin-top: 0;}
    .archive .area-list .area-nav-slide > ul {grid-template-columns: repeat(2, 1fr); grid-column-gap: 14px; grid-row-gap: 12px;}
    .archive .area-list .area-nav-slide > ul > li {height: 40px;}
    .archive .area-list .area-list-slide > ul > li .area-list > ul > li {flex-direction: column; align-items: baseline; padding: 20px 0;}
    .archive .area-list .area-list-slide > ul > li .area-list > ul > li .num {font-size: 12px; border: 0; padding: 0 20px;}
    .archive .area-list .area-list-slide > ul > li .area-list > ul > li .num br {display: none;}
    .archive .area-list .area-list-slide > ul > li .txt {padding: 0 20px; margin-top: 8px;}
    .archive .area-list .area-list-slide > ul > li .txt a {font-size: 1rem;}
    .archive .area-list .area-list-slide > ul > li .txt p {font-size: 12px; margin-top: 8px;}
    .archive .area-more-btn.mo-ver {margin: 40px auto 0; font-size: 1rem;}

    .archive .artist-list > ul > li a {padding: 20px;}
    .archive .artist-list > ul > li i {width: 28px; height: 28px;}
    .archive .artist-list > ul > li p {font-size: 1rem;}

    .archive .promotion-list > ul {flex-direction: column;}
    .archive .promotion-list > ul > li.active, .archive .promotion-list > ul > li:not(.active) {max-width: 100%;}
    .archive .promotion-list > ul > li.active {height: 240px;}
    .archive .promotion-list > ul > li:not(.active) {height: 120px;}
    .archive .promotion-list > ul > li .pm-img img {height: inherit;}
}