@charset "utf-8";
.mask-group .video-mask { position: relative; aspect-ratio: 131.76 / 40.91; }
.mask-group .video-mask .vod-wrap { width: 100%; height: 100%; object-fit: cover; mask-image: url("data:image/svg+xml,%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 131.76 40.91'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %234e3834; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cg%3E%3Crect class='cls-1' y='1.45' width='2.38' height='16.37'/%3E%3Crect class='cls-1' y='23.09' width='2.38' height='16.37'/%3E%3Crect class='cls-1' x='38.53' y='1.45' width='2.38' height='16.37'/%3E%3Crect class='cls-1' x='38.53' y='23.09' width='2.38' height='16.37'/%3E%3Crect class='cls-1' x='24.7' y='19.27' width='12.68' height='2.38'/%3E%3Crect class='cls-1' x='3.53' y='19.27' width='12.68' height='2.38'/%3E%3Crect class='cls-1' x='26.75' y='21.6' width='2.38' height='12.68' transform='translate(-11.57 27.94) rotate(-45)'/%3E%3Crect class='cls-1' x='11.78' y='6.63' width='2.38' height='12.68' transform='translate(-5.37 12.97) rotate(-45)'/%3E%3Crect class='cls-1' x='6.63' y='26.75' width='12.68' height='2.38' transform='translate(-15.96 17.36) rotate(-45.01)'/%3E%3Crect class='cls-1' x='21.6' y='11.78' width='12.68' height='2.38' transform='translate(-.99 23.56) rotate(-45.01)'/%3E%3Crect class='cls-1' x='72.86' y='19.27' width='12.68' height='2.38'/%3E%3Crect class='cls-1' x='51.69' y='19.27' width='12.68' height='2.38'/%3E%3Crect class='cls-1' x='74.92' y='21.6' width='2.38' height='12.68' transform='translate(2.53 61.99) rotate(-45)'/%3E%3Crect class='cls-1' x='59.95' y='6.63' width='2.38' height='12.68' transform='translate(8.73 47.02) rotate(-45)'/%3E%3Crect class='cls-1' x='54.79' y='26.75' width='12.68' height='2.38' transform='translate(-1.85 51.42) rotate(-45.01)'/%3E%3Crect class='cls-1' x='69.76' y='11.78' width='12.68' height='2.38' transform='translate(13.13 57.62) rotate(-45.01)'/%3E%3Crect class='cls-1' x='67.43' y='3.53' width='2.38' height='12.68'/%3E%3Crect class='cls-1' x='48.16' y='23.09' width='2.38' height='16.37'/%3E%3Crect class='cls-1' x='86.7' y='23.09' width='2.38' height='16.37'/%3E%3Cpath class='cls-1' d='M65.86,2.38h.1V0h-.1c-9.76,0-17.7,7.94-17.7,17.7v.1h2.38v-.1c0-8.45,6.87-15.32,15.32-15.32Z'/%3E%3Cpath class='cls-1' d='M71.37,0h-.1v2.38h.1c8.45,0,15.32,6.87,15.32,15.32v.1h2.38v-.1c0-9.76-7.94-17.7-17.7-17.7Z'/%3E%3Crect class='cls-1' x='115.23' y='3.53' width='2.38' height='12.68'/%3E%3Crect class='cls-1' x='115.23' y='24.7' width='2.38' height='12.68'/%3E%3Crect class='cls-1' x='99.49' y='19.27' width='12.68' height='2.38'/%3E%3Crect class='cls-1' x='102.6' y='26.75' width='12.68' height='2.38' transform='translate(12.15 85.21) rotate(-45)'/%3E%3Crect class='cls-1' x='117.57' y='11.78' width='12.68' height='2.37' transform='translate(27.12 91.41) rotate(-45)'/%3E%3Crect class='cls-1' x='122.72' y='21.6' width='2.37' height='12.68' transform='translate(16.53 95.8) rotate(-45)'/%3E%3Crect class='cls-1' x='107.75' y='6.63' width='2.37' height='12.68' transform='translate(22.73 80.82) rotate(-45)'/%3E%3Cpath class='cls-1' d='M98.34,17.7c0-8.45,6.87-15.32,15.32-15.32h.1V0h-.1c-9.76,0-17.7,7.94-17.7,17.7v.1h2.38v-.1Z'/%3E%3Cpath class='cls-1' d='M98.34,23.21v-.1h-2.38v.1c0,9.76,7.94,17.7,17.7,17.7h.1v-2.38h-.1c-8.45,0-15.32-6.87-15.32-15.32Z'/%3E%3Cpath class='cls-1' d='M130.01,6.86l.07.07,1.68-1.68-.07-.07c-3.34-3.34-7.79-5.18-12.52-5.18h-.1v2.38h.1c4.1,0,7.95,1.59,10.84,4.48Z'/%3E%3Cpath class='cls-1' d='M130.01,34.05c-2.89,2.89-6.74,4.48-10.84,4.48h-.1v2.38h.1c4.73,0,9.18-1.84,12.52-5.18l.07-.07-1.68-1.68-.07.07Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg  xmlns='http://www.w3.org/2000/svg' viewBox='0 0 131.76 40.91'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %234e3834; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_1' data-name='Layer 1'%3E%3Cg%3E%3Crect class='cls-1' y='1.45' width='2.38' height='16.37'/%3E%3Crect class='cls-1' y='23.09' width='2.38' height='16.37'/%3E%3Crect class='cls-1' x='38.53' y='1.45' width='2.38' height='16.37'/%3E%3Crect class='cls-1' x='38.53' y='23.09' width='2.38' height='16.37'/%3E%3Crect class='cls-1' x='24.7' y='19.27' width='12.68' height='2.38'/%3E%3Crect class='cls-1' x='3.53' y='19.27' width='12.68' height='2.38'/%3E%3Crect class='cls-1' x='26.75' y='21.6' width='2.38' height='12.68' transform='translate(-11.57 27.94) rotate(-45)'/%3E%3Crect class='cls-1' x='11.78' y='6.63' width='2.38' height='12.68' transform='translate(-5.37 12.97) rotate(-45)'/%3E%3Crect class='cls-1' x='6.63' y='26.75' width='12.68' height='2.38' transform='translate(-15.96 17.36) rotate(-45.01)'/%3E%3Crect class='cls-1' x='21.6' y='11.78' width='12.68' height='2.38' transform='translate(-.99 23.56) rotate(-45.01)'/%3E%3Crect class='cls-1' x='72.86' y='19.27' width='12.68' height='2.38'/%3E%3Crect class='cls-1' x='51.69' y='19.27' width='12.68' height='2.38'/%3E%3Crect class='cls-1' x='74.92' y='21.6' width='2.38' height='12.68' transform='translate(2.53 61.99) rotate(-45)'/%3E%3Crect class='cls-1' x='59.95' y='6.63' width='2.38' height='12.68' transform='translate(8.73 47.02) rotate(-45)'/%3E%3Crect class='cls-1' x='54.79' y='26.75' width='12.68' height='2.38' transform='translate(-1.85 51.42) rotate(-45.01)'/%3E%3Crect class='cls-1' x='69.76' y='11.78' width='12.68' height='2.38' transform='translate(13.13 57.62) rotate(-45.01)'/%3E%3Crect class='cls-1' x='67.43' y='3.53' width='2.38' height='12.68'/%3E%3Crect class='cls-1' x='48.16' y='23.09' width='2.38' height='16.37'/%3E%3Crect class='cls-1' x='86.7' y='23.09' width='2.38' height='16.37'/%3E%3Cpath class='cls-1' d='M65.86,2.38h.1V0h-.1c-9.76,0-17.7,7.94-17.7,17.7v.1h2.38v-.1c0-8.45,6.87-15.32,15.32-15.32Z'/%3E%3Cpath class='cls-1' d='M71.37,0h-.1v2.38h.1c8.45,0,15.32,6.87,15.32,15.32v.1h2.38v-.1c0-9.76-7.94-17.7-17.7-17.7Z'/%3E%3Crect class='cls-1' x='115.23' y='3.53' width='2.38' height='12.68'/%3E%3Crect class='cls-1' x='115.23' y='24.7' width='2.38' height='12.68'/%3E%3Crect class='cls-1' x='99.49' y='19.27' width='12.68' height='2.38'/%3E%3Crect class='cls-1' x='102.6' y='26.75' width='12.68' height='2.38' transform='translate(12.15 85.21) rotate(-45)'/%3E%3Crect class='cls-1' x='117.57' y='11.78' width='12.68' height='2.37' transform='translate(27.12 91.41) rotate(-45)'/%3E%3Crect class='cls-1' x='122.72' y='21.6' width='2.37' height='12.68' transform='translate(16.53 95.8) rotate(-45)'/%3E%3Crect class='cls-1' x='107.75' y='6.63' width='2.37' height='12.68' transform='translate(22.73 80.82) rotate(-45)'/%3E%3Cpath class='cls-1' d='M98.34,17.7c0-8.45,6.87-15.32,15.32-15.32h.1V0h-.1c-9.76,0-17.7,7.94-17.7,17.7v.1h2.38v-.1Z'/%3E%3Cpath class='cls-1' d='M98.34,23.21v-.1h-2.38v.1c0,9.76,7.94,17.7,17.7,17.7h.1v-2.38h-.1c-8.45,0-15.32-6.87-15.32-15.32Z'/%3E%3Cpath class='cls-1' d='M130.01,6.86l.07.07,1.68-1.68-.07-.07c-3.34-3.34-7.79-5.18-12.52-5.18h-.1v2.38h.1c4.1,0,7.95,1.59,10.84,4.48Z'/%3E%3Cpath class='cls-1' d='M130.01,34.05c-2.89,2.89-6.74,4.48-10.84,4.48h-.1v2.38h.1c4.73,0,9.18-1.84,12.52-5.18l.07-.07-1.68-1.68-.07.07Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");;
    mask-size: contain; -webkit-mask-size: contain;
    mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;
    mask-position: top; -webkit-mask-position: top; }
@media only screen and (max-width: 1023px) {
    .col-group.mask-group { flex-direction: column; align-items: center; row-gap: 3rem; }
    .col-group.mask-group [class*="col-"] { width: 100%; max-width: 600px; }
    .col-group.mask-group .txt-18 { text-align: center; }
}
@media only screen and (max-width: 767px) {
    .col-group.mask-group .txt-18 { font-size: 16px; }

    .col-group.swiper-group { flex-direction: column; align-items: center; row-gap: 3rem; }
    .col-group.swiper-group [class*="col-"] { width: 100%; }
}






/* 게시판 상단 */
.bbs-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 15px; }
.bbs-head .lf-flex { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; }
.bbs-head .rg-flex { display: flex; flex-wrap: wrap; align-items: center; gap: 15px; }
.bbs-head .count { flex-shrink: 0; display: flex; align-items: center; gap: 10px; font-size: 1.8rem; }
.bbs-head .count strong { font-weight: 600; }
.bbs-head .rg { margin-left: auto; }
.bbs-head .inp-flex { display: flex; align-items: center; }
.bbs-head .inp-flex select.inp-st3 { border-right: 0; }
.bbs-head .filter-wrap { position: relative; padding-left: 15px; }
.bbs-head .filter-wrap::before { content:""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 10px; background-color: var(--gray-e5); }
@media only screen and (max-width: 767px) {
    .bbs-head .inp-flex { width: 100%; }
    .bbs-head .inp-flex .sch-inp-st1 { width: 100%; }
    .bbs-head .lf-flex-st1 { flex-direction: column; align-items: baseline; }
    .bbs-head .lf-flex-st1 .filter-wrap { flex-wrap: wrap; width: 100%; padding-left: 0; }
    .bbs-head .lf-flex-st1 .filter-wrap::before { display: none; }
    .bbs-head .lf-flex-st1 .filter-wrap .item { flex-grow: 1; }
    .bbs-head .lf-flex-st1 .filter-wrap .item .btn { width: 100%; }
    .bbs-head .lf-flex-st1 .filter-wrap .btn-bace2-1 { flex-grow: 1; }
}


/* 일반 게시판 */
.bbs-st1 { border-top: 2px solid #000; }
.bbs-st1 > li { border-bottom: 1px solid var(--gray-e5); }
/* .bbs-st1 > li.top-fix { background: var(--gray-fc); } */
.bbs-st1 > li > .inner { display: flex; align-items: center; gap: 30px; min-height: 106px; padding: 15px 30px 15px 0; }
.bbs-st1 > li > .inner > div:not(.tit-wrap) { flex-shrink: 0; }
.bbs-st1 > li > .inner > div:first-child { width: 60px; text-align: center; }
.bbs-st1 > li > .inner > div.view-wrap { width: 50px; text-align: center; }
.bbs-st1-1 > li > a > div:first-child { width: 80px; }
.bbs-st1 > li > .inner .tit-wrap { flex-grow: 1; }
.bbs-st1 > li > .inner .tit { display: flex; align-items: center; gap: 7px; }
.bbs-st1 > li > .inner .tit strong { line-height: 1.2; font-weight: 500; font-size: 2rem; }
.bbs-st1 > li > a:hover .tit strong { text-decoration: underline; }
.bbs-st1 > li > .inner .tit .new { flex-shrink: 0; display: inline-block; width: 20px; height: 20px; line-height: 20px; font-weight: 700; font-size: 11px; color: #fff; background: #000; text-align: center; }
@media only screen and (max-width: 1023px) {
    .bbs-st1 > li > .inner { flex-wrap: wrap; gap: 10px 20px; padding: 15px; }
    .bbs-st1 > li > .inner > div:first-child { width: unset; }
    .bbs-st1 > li > .inner > div.view-wrap { position: relative; padding-left: 20px; }
    .bbs-st1 > li > .inner > div.view-wrap::before { content:""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 10px; background: var(--gray-e5); }
    .bbs-st1 > li > .inner .tit-wrap { width: 100%; }
    .bbs-st1 > li > .inner .tit strong { font-size: 17px; }
}




/* 갤러리 게시판 */
.bbs-gallery { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.bbs-gallery .gallery-item { width: 20%; margin-bottom: 30px; padding: 0 10px; }
.bbs-gallery-st1 .gallery-item { width: calc(100% / 6); }
.bbs-gallery .gallery-item .inner { display: block; }
.bbs-gallery .gallery-item .inner .img-wrap { background: #000; }
.bbs-gallery .gallery-item .inner .img-wrap .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; }
.bbs-gallery .gallery-item .inner .img-wrap .state-wrap { position: absolute; top: 0; left: 0; z-index: 1; display: flex; gap: .5rem; width: 100%; padding: 1rem; }
.bbs-gallery .gallery-item .inner .txt-wrap { display: block; padding-top: 20px; }
.bbs-gallery .gallery-item .inner .txt-wrap .tit { height: 57px; margin-bottom: 10px; }
.bbs-gallery .gallery-item .inner:hover .txt-wrap .tit { text-decoration: underline; }
.bbs-gallery .gallery-item .inner:hover .img-wrap .img { transform: scale(1.1); }
@media only screen and (max-width: 1400px) {
    .bbs-gallery { margin: 0 -5px; }
    .bbs-gallery .gallery-item { width: 25%; padding: 0 5px; }
}
@media only screen and (max-width: 1023px) {
    .bbs-gallery .gallery-item { width: 33.3%; }
}
@media only screen and (max-width: 767px) {
    .bbs-gallery .gallery-item { width: 50%; }

}
@media only screen and (max-width: 560px) {
    .bbs-gallery { margin: 0; }
    .bbs-gallery .gallery-item { width: 100%; padding: 0; }
}


.bbs-gallery-st2 { display: flex; flex-wrap: wrap; }
.bbs-gallery-st2 .gallery-item { width: 50%; margin-bottom: 20px; }
.bbs-gallery-st2 .gallery-item .inner { display: flex; padding: 20px; border: 1px solid var(--gray-e5); }
.bbs-gallery-st2 .gallery-item .inner .lf { flex-shrink: 0; width: 20%; }
.bbs-gallery-st2 .gallery-item .inner .txt-wrap { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; gap: 3rem; padding: 1rem 2rem; }
.bbs-gallery-st2 .gallery-item .inner .txt-wrap .tit { height: unset; margin-bottom: 20px; }


.bbs-gallery-st3 {  border-top: 1px solid var(--gray-e5); }
.bbs-gallery-st3 .gallery-item { display: flex; align-items: center; gap: 30px; padding: 30px; border-bottom: 1px solid var(--gray-e5); }
.bbs-gallery-st3 .gallery-item .lf { flex-shrink: 0; width: 100px; }
.bbs-gallery-st3 .gallery-item .txt-wrap { flex-grow: 1; display: flex; align-items: center; }
.bbs-gallery-st3 .gallery-item .txt-wrap .tit { width: calc(100% - 26rem); }
.bbs-gallery-st3 .gallery-item .txt-wrap .info { display: flex; align-items: center; justify-content: center; width: 300px; text-align: center; }
.bbs-gallery-st3 .gallery-item .btn-lf { flex-shrink: 0; }



.bbs-sch-filter { display: flex; align-items: center; justify-content: center; gap: 5px; }

/* .filter-wrap { display: flex; align-items: center; gap: 5px; }
.filter-wrap .item { position: relative; }
.filter-wrap .item .btn { display: flex; align-items: center; justify-content: space-between; gap: 20px; height: 35px; line-height: 35px; padding: 0 15px; font-size: 15px; border: 1px solid var(--gray-e5); border-radius: 50px; white-space: nowrap; }
.filter-wrap .item.on .btn { color: var(--primary900); background: var(--primary100); border: 1px solid var(--primary900); }
.filter-wrap .item .btn i { font-size: 12px; transition: all .3s; }
.filter-wrap .item.open .btn i { transform: rotate(180deg); }
.filter-wrap .item .cont { display: none; position: absolute; top: 35px; left: 0; z-index: 1; width: 200px; padding: 20px; background: #fff; border: 1px solid var(--gray-e5); border-radius: 10px; }
.filter-wrap .item.open .cont { display: block; }

.filter-selected { display: flex; align-items: flex-start; gap: 30px; padding: 12px; background: var(--gray-f5); }

.selected-item-list { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px; }
.selected-item-list .item { display: flex; align-items: center; gap: 5px; }
.selected-item-list .item span { font-size: 15px; color: #555; }
.selected-item-list .item i { font-size: 13px; color: #555; }
@media only screen and (max-width: 470px) {
    .filter-wrap { position: relative; }
    .filter-wrap .item { position: unset; }
    .filter-wrap .item .cont { width: 100%; }
    } */

.filter-list { position: relative; padding: 3rem; }
.filter-list::before { content:""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%; background-color: var(--gray-f5); }
.filter-list .item { position: relative; z-index: 1; display: flex; gap: 2rem; }
.filter-list .item + .item { margin-top: 1rem; }
.filter-list .item .tit { flex-shrink: 0; width: 80px; padding-top: 1rem; font-size: 1.8rem; color: var(--primary900); }
.filter-list .item .cont { flex-grow: 1; }
@media only screen and (max-width: 767px) {
    .filter-list { padding: 2rem 0; }
    .filter-list .item { flex-direction: column; gap: 1rem; }
    .filter-list .item .tit { width: 100%; padding-top: 0; }
    .filter-list .item + .item { margin-top: 1.5rem; }

}


/* 일반게시판 상세 */
.bbs-view-st1 { border-top: 2px solid #000; }
.bbs-view-st1 .bbs-header { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; padding: 30px 40px; border-bottom: 1px solid var(--gray-e5); }
.bbs-view-st1 .bbs-header .tit { display: block; width: 100%; line-height: 1.4; font-weight: 700; font-size: 3.6rem; color: #222; word-break: keep-all; word-wrap: break-word; text-align: center; }
.bbs-view-st1 .bbs-header .info { flex-shrink: 0; display: flex; align-items: center; gap: 15px; }
.bbs-view-st1 .bbs-header .info li { position: relative; }
.bbs-view-st1 .bbs-header .info li + li { padding-left: 10px; }
.bbs-view-st1 .bbs-header .info li + li::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 10px; background-color: var(--gray-cc); }
.bbs-view-st1 .bbs-header .info span { font-weight: 600; color: var(--gray-75); }
.bbs-view-st1 .bbs-header .info .share-btn { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: #000; }
.bbs-view-st1 .info-wrap { padding: 25px 40px; border-bottom: 1px solid var(--gray-e5); }
.bbs-view-st1 .bbs-body { padding: 40px; border-bottom: 1px solid var(--gray-e5); }
.bbs-foot .btn-wrap { display: flex; align-items: center; margin-top: 40px; border-top: 1px solid var(--gray-e5); border-bottom: 1px solid var(--gray-e5); }
.bbs-foot .btn-wrap li { position: relative; width: 50%; display: flex; align-items: center; opacity: 0.5; }
.bbs-foot .btn-wrap li:hover { opacity: 1; }
.bbs-foot .btn-wrap li + li { justify-content: flex-end; }
.bbs-foot .btn-wrap li + li::before { content:""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 20px; background: var(--gray-cc); }
.bbs-foot .btn-wrap li strong { flex-shrink: 0; position: relative; display: flex; align-items: center; gap: 8px; line-height: 1.5; padding: 20px 30px; font-weight: 600; color: #000; }
.bbs-foot .btn-wrap li strong i::before { font-weight: 700 !important; }
.bbs-foot .btn-wrap li a { display: block; }
.bbs-foot .btn-wrap li a:hover span { text-decoration: underline; }
.bbs-foot .btn-wrap li a span { position: relative; line-height: 1.5; color: #000; }
.bbs-foot .adm-reply { display: flex; margin-top: 40px; border-top: 1px solid var(--gray-e5); border-bottom: 1px solid var(--gray-e5); }
.bbs-foot .adm-reply .tit { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 140px; background: var(--gray-f467); }
.bbs-foot .adm-reply .cont { flex-grow: 1; padding: 20px;  }
@media only screen and (max-width: 1023px) {
    .bbs-view-st1 .bbs-header .tit { font-size: 3rem; }
}
@media only screen and (max-width: 767px) {
    .bbs-view-st1 .bbs-header { flex-direction: column; gap: 20px; padding: 25px; }
    .bbs-view-st1 .bbs-header .tit { font-size: 2.4rem; }
    .bbs-view-st1 .bbs-body { padding: 25px; }
    .bbs-foot .btn-wrap { flex-direction: column; }
    .bbs-foot .btn-wrap li { width: 100%; }
    .bbs-foot .btn-wrap li + li { border-top: 1px solid var(--gray-e5); }
    .bbs-foot .btn-wrap li + li::before { display: none; }
    .bbs-foot .btn-wrap li strong { padding: 14px; }

    .bbs-foot .adm-reply { flex-direction: column; }
    .bbs-foot .adm-reply .tit { justify-content: left; width: 100%; padding: 15px 20px; }
}





/* FAQ 게시판 */
.bbs-faq { border-top: 2px solid #000; }
.bbs-faq .faq-item { border-bottom: 1px solid var(--gray-e5); }
.bbs-faq .faq-item .tit { position: relative; display: flex; align-items: center; gap: 1.5rem; padding: 30px 55px 30px 50px; }
.bbs-faq .faq-item .tit::before { content:"Q"; position: absolute; top: 50%; left: 15px; display: flex; justify-content: center; align-items: center; height: 34px; font-weight: 600; transform: translateY(-50%); }
.bbs-faq .faq-item .tit::after { content:""; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); display: block; width: 36px; height: 36px; background: var(--gray-f6) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E") no-repeat center center / auto; border-radius: 5px; }
.bbs-faq .faq-item.on .tit::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3E%3C/svg%3E"); }
.bbs-faq .faq-item .tit strong { line-height: 1.3; font-weight: 600; font-size: 1.8rem; }
.bbs-faq .faq-item .cont { display: none; padding-left: 30px; background: var(--gray-f6); border-top: 1px solid var(--gray-e5); }
.bbs-faq .faq-item .cont .editor-text { position: relative; padding: 30px 30px 30px 60px; }
.bbs-faq .faq-item .cont .editor-text::before { content:"A"; position: absolute; top: 50%; left: 30px; display: flex; justify-content: center; align-items: center; height: 34px; font-weight: 600; transform: translateY(-50%); }
@media only screen and (max-width: 1023px) {
    .bbs-faq .faq-item .tit { gap: 2rem; padding: 20px 55px 20px 40px; }
    .bbs-faq .faq-item .tit::before { left: 15px; font-size: 14px; }
    .bbs-faq .faq-item .tit strong { font-size: 16px; }
    .bbs-faq .faq-item .cont { padding-left: 0; }
    .bbs-faq .faq-item .cont .editor-text { padding: 20px 20px 20px 40px; font-size: 16px; }
    .bbs-faq .faq-item .cont .editor-text::before { left: 15px; font-size: 14px; }
}




/* 페이징 */
.pagination { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 50px; }
.pagination a { flex-shrink: 0; display: block; margin: 0 12px; padding: 5px; font-size: 18px; opacity: .5; }
.pagination a.arr { font-size: 0; background-position: center; background-repeat: no-repeat; background-size: auto 10px; border: none; }
.pagination a.arr:hover { opacity: 1; }
.pagination a.first-page { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.72 36.34'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23222; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='33.72 34.34 17.55 18.17 33.72 2'/%3E%3Cpolyline class='cls-1' points='18.17 34.34 2 18.17 18.17 2'/%3E%3C/svg%3E"); }
.pagination a.last-page { background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 35.72 36.34'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23222; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='2 2 18.17 18.17 2 34.34'/%3E%3Cpolyline class='cls-1' points='17.55 2 33.72 18.17 17.55 34.34'/%3E%3C/svg%3E"); }
.pagination a.prev-page { margin-right: 5px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.17 36.34'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23222; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='18.17 34.34 2 18.17 18.17 2'/%3E%3C/svg%3E"); }
.pagination a.next-page { margin-left: 5px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.17 36.34'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23222; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='2 2 18.17 18.17 2 34.34'/%3E%3C/svg%3E"); }
.pagination a.active { font-weight: 600; border-bottom: 2px solid #000; opacity: 1; }








/* 첨부파일 리스트 */
.attr-st1 {  }
.attr-st1 li + li { margin-top: 6px; }
.attr-st1 li a { display: flex; gap: 6px; padding: 16px; background: var(--gray-f6);}
.attr-st1 li a span { line-height: 1.4; }
.attr-st1 li a em { line-height: 1.4; }
@media only screen and (max-width: 767px) {
    .attr-st1 li { flex-wrap: wrap; }
    .attr-st1 li a { width: 1005; }
    .attr-st1 li a i { margin-top: 3px; }
}


/* 공연장 소개 */
.venue-wrap { position: relative; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }
.venue-wrap .map-cont {  }
.venue-wrap .map-pop { position: absolute; width: 300px; }
.venue-wrap .map-pop::after { content: ""; position: absolute; background-color: var(--primary900); }
.venue-wrap .map-pop[data-area="area1"] { top: 5%; left: 20%; }
.venue-wrap .map-pop[data-area="area2"] { top: 5%; right: 25%; }
.venue-wrap .map-pop[data-area="area3"] { top: 32%; right: 40%; }
.venue-wrap .map-pop[data-area="area4"] { top: 55%; left: 14%; }
.venue-wrap .map-pop[data-area="area5"] { top: 55%; right: 15%; }
.venue-wrap .map-pop .pop-tit { padding: 10px 15px; background-color: var(--primary900); }
.venue-wrap .map-pop .pop-tit strong { display: flex; align-items: center; gap: 1rem; }
.venue-wrap .map-pop .pop-tit strong::before { content:""; display: inline-block; width: 6px; height: 6px; background-color: #fff; border-radius: 100%; }
.venue-wrap .map-pop .pop-cont { padding: 20px; background-color: #fff; border: 2px solid var(--primary900); }
.venue-wrap .map-pop .pop-cont .detail { display: none; }
.venue-wrap .map-pop.on { z-index: 2; }
.venue-wrap .map-pop.on .pop-cont .detail { display: block; }
@media only screen and (max-width: 1700px) {
}
@media only screen and (max-width: 1500px) {
    .venue-wrap .map-cont img { transform: scale(1.3); }
    .venue-wrap .map-pop[data-area="area1"] { top: 0%; left: 25%; }
    .venue-wrap .map-pop[data-area="area2"] { top: 0%; right: 3%; }
    .venue-wrap .map-pop[data-area="area3"] { top: 25%; right: 40%; }
    .venue-wrap .map-pop[data-area="area4"] { top: 55%; left: 14%; }
    .venue-wrap .map-pop[data-area="area5"] { top: 55%; right: 15%; }
}
@media only screen and (max-width: 1023px) {
    .venue-wrap { margin: 0; }
    .venue-wrap .space-wrap { margin: 0; }
    .venue-wrap .map-cont { display: none; }
    .venue-wrap .map-pop { position: relative; top: unset !important; right: unset !important; bottom: unset !important; left: unset !important; width: unset; }
}


/* 공간 안내 */
.col-group.hero-group {  }
.col-group.hero-group > .col-2 { border-right: 1px solid var(--gray-e5); }
.col-group.hero-group > .col-2 .tab-st3 { flex-direction: column; }
.col-group.floor-group > .col-1 .tab-st5 { flex-direction: column; }
@media only screen and (max-width: 1200px) {
    .col-group.transport-group { flex-direction: column; row-gap: 2rem; }
    .col-group.transport-group > [class*="col-"] { width: 100%; padding: 0; }
}
@media only screen and (max-width: 1023px) {
    .col-group.hero-group { flex-direction: column; }
    .col-group.hero-group > [class*="col-"] { width: 100%; padding: 0; }
    .col-group.hero-group > .col-2 { margin-bottom: 2rem; padding-bottom: 2rem; border-right: 0; border-bottom: 1px solid var(--gray-e5); }
    .col-group.hero-group > .col-2 .tab-st3 { flex-direction: row; }

}
@media only screen and (max-width: 767px) {
    .col-group.floor-group { flex-direction: column; row-gap: 2rem; }
    .col-group.floor-group > [class*="col-"] { width: 100%; padding: 0; }
    .col-group.floor-group > .col-1 .tab-st5 { flex-direction: row; gap: .5rem; }
}



.split-layout { display: flex; }
.split-layout.r-10 { --fixed: 10%; }
.split-layout.r-20 { --fixed: 20%; }
.split-layout.r-25 { --fixed: 25%; }
.split-layout.r-33 { --fixed: 33.333%; }
.split-layout.r-40 { --fixed: 40%; }
.split-layout.r-50 { --fixed: 50%; }
.split-layout .pane-fixed { flex: 0 0 var(--fixed, 30%); padding-right: 3rem; }
.split-layout .pane-fluid { flex: 1 1 0; min-width: 0; }
.split-layout.is-reverse { flex-direction: row-reverse; }
.split-layout.is-reverse .pane-fixed { padding-right: 0; padding-left: 3rem; }


.split-layout.transport-layout {  }
.split-layout.transport-layout .pane-fixed { display: flex; flex-direction: column; align-items: center; gap: 1rem; }

.split-layout.hero-layout { align-items: stretch; }
.split-layout.hero-layout .pane-fluid { display: flex; flex-direction: column; justify-content: space-between; }
@media only screen and (max-width: 767px) {
    .split-layout.transport-layout .pane-fixed { display: none; }

    .split-layout.hero-layout { flex-direction: column; row-gap: 2rem; }
    .split-layout.hero-layout .pane-fixed { padding-right: 0; }
}
@media only screen and (max-width: 767px) {
    .split-layout.hero-layout .info-st1 > li { flex-direction: column; gap: .5rem; }
    .split-layout.hero-layout .info-st1 > li em::before { display: none; }
}


.icn-wrap-st1 { display: flex; align-items: center; justify-content: center; width: 100px; height: 100px; background-color: var(--gray-f5); border-radius: 100%; }




.grid-layout { --aside: 260px; display: flex; align-items: flex-start; }
.grid-layout .layout-aside { flex: 0 0 var(--aside); padding-top: 30px; padding-left: 50px; }
.grid-layout .layout-main { flex: 1 1 auto; width: 100%; padding-left: 0; }
.grid-layout .layout-main-1 { padding-left: 60px; padding-right: 50px; }


.grid-main { --aside: 400px; display: flex; align-items: flex-start; }
.grid-main.r-250 { --aside: 250px; }
.grid-main .main-aside { flex: 0 0 var(--aside); padding: 10rem 0; }
.grid-main .con-body { flex: 1 1 0; padding-left: 60px; }

.grid-main.is-reverse .con-body { padding-left: 0; padding-right: 60px; }

@media only screen and (max-width: 1500px) {
    .grid-layout .layout-aside { padding-left: 20px; }
    .grid-layout .layout-main-1 { padding-right: 20px; }
}
@media only screen and (max-width: 1200px) {
    .grid-layout .layout-aside { --aside: 200px; }
    .grid-layout .layout-main-1 { padding-left: 40px; }

    .grid-main .main-aside { --aside: 200px; }
    .grid-main .con-body { flex-basis: auto; padding-left: 40px; }
    .grid-main.is-reverse .con-body { padding-right: 0; }
}
@media only screen and (max-width: 1023px) {
    .grid-layout { flex-direction: column; }
    .grid-layout .layout-aside { flex-basis: auto; width: 100%; padding-top: 0; padding-left: 15px; padding-right: 15px; }
    .grid-layout .layout-main { width: 100%; padding-top: 0; }
    .grid-layout .layout-main-1 { padding-left: 15px; padding-right: 15px; }

    .grid-main { flex-direction: column; }
    .grid-main .main-aside { flex-basis: auto; width: 100%; padding: 5rem 0 0 0; }
    .grid-main .con-body { width: 100%; padding-left: 0; }
}
@media only screen and (max-width: 767px) {
    .grid-layout .layout-aside { padding-left: 10px; padding-right: 10px;   }
    .grid-layout .layout-main-1 { padding-left: 10px; padding-right: 10px; }
}




.grid-list-st1 { margin: 0 -5px; }
.grid-list-st1 .grid-item { width: 33.3%; margin-bottom: 10px; padding: 0 5px; }
.grid-list-st1 .grid-item.is-hidden { display: none; }
@media only screen and (max-width: 767px) {
    .grid-list-st1 .grid-item { width: 50%; }

}

.item-list-st1 { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.item-list-st1 .item {  }
.item-list-st1 .item > a { display: flex; align-items: center; gap: 1rem; height: 50px; line-height: 50px; padding: 0 20px; border: 1px solid var(--gray-e5); border-radius: 4px; transition: all .3s; }
.item-list-st1 .item > a:hover { border: 1px solid var(--primary900); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); }
@media only screen and (max-width: 1023px) {
    .item-list-st1 { gap: 5px; }
    .item-list-st1 .item > a { height: 40px; line-height: 40px; padding: 0 15px; }
    .item-list-st1 .item > a .txt-18 { font-size: 16px; }
}

.item-list-st2 { position: relative; }
.item-list-st2 .item + .item { margin-top: 5px; }
.item-list-st2 .item a { display: flex; gap: 5px; }


.item-list-st3 .item { padding: 15px; border: 1px solid var(--gray-e5); border-radius: 3px; }
.item-list-st3 .item + .item { margin-top: 5px; }
.item-list-st3 .item.no-list { padding: 100px 0; justify-content: center; align-items: center; }
.item-list-st3 .item .lf { flex-grow: 1; display: flex; align-items: center; gap: 20px; }
.item-list-st3 .item .rg { display: flex; align-items: center; gap: 10px; margin-top: 10px; }
.item-list-st3 .item .rg span {  }
@media only screen and (max-width: 767px) {
    .item-list-st3 .item { gap: 10px; padding: 8px; }
    .item-list-st3 .item { flex-direction: column; align-items: flex-start; }
    .item-list-st3 .item .lf { gap: 10px; width: 100%; }
    .item-list-st3 .item .lf .txt-18 { font-size: 16px; }
    .item-list-st3 .item .rg { width: 100%; }
    .item-list-st3 .item .rg span { width: unset; }
    .item-list-st3 .item .rg span + span { position: relative; padding-left: 10px; }
    .item-list-st3 .item .rg span + span::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 8px; background-color: var(--gray-e5); }
}


.item-list-st4 { margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--gray-55); }
.item-list-st4 .item { display: flex; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--gray-cc); }
.item-list-st4 .item.r-20 { --fixed: 20%; }
.item-list-st4 .item.r-25 { --fixed: 25%; }
.item-list-st4 .item.r-33 { --fixed: 33.333%; }
.item-list-st4 .item.r-40 { --fixed: 40%; }
.item-list-st4 .item.r-50 { --fixed: 50%; }
.item-list-st4 .pane-fixed { flex: 0 0 var(--fixed, 30%); padding-right: 3rem; }
.item-list-st4 .pane-fluid { flex: 1 1 0; min-width: 0; }
.item-list-st4 .item.is-reverse { flex-direction: row-reverse; }
.item-list-st4 .item.is-reverse .pane-fluid { padding-right: 0; padding-left: 3rem; }

@media only screen and (max-width: 767px) {
    .item-list-st4 .item { flex-direction: column; gap: 10px; }
    .item-list-st4 .item .pane-fluid { width: 100%; }
    .item-list-st4 .item .pane-fixed { width: 100%; padding-left: 0; }
}


.img-box-st1 { background-position: center; background-repeat: no-repeat; background-size: cover; }


.img-swiper-st1 { padding-bottom: 30px; }
.img-swiper-st1 .img-swiper {  }
.img-swiper-st1 .img-swiper .swiper-slide { max-width: 280px; }
.img-swiper-st1 .swiper-pagination {  }
.img-swiper-st1 .swiper-pagination .swiper-pagination-bullet-active { background: #000 }

.step-st1 { display: flex; align-items: stretch; margin: 0 -30px; }
.step-st1 .item { position: relative; flex: 1 1 0; padding: 0 30px; }
.step-st1 .item::after { content: ""; position: absolute; top: 50%; right: -15px; transform: translateY(-50%); width: 30px; height: 30px; background: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L8.5 8L1.5 15' stroke='%23A58A7F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / auto 15px; border-radius: 100%; }
.step-st1 .item:last-child::after { display: none; }
.step-st1 .item .inner { display: flex; flex-direction: column; align-items: center; gap: 1rem; width: 100%; height: 100%; }
@media only screen and (max-width: 1200px) {
    .step-st1 { margin: 0 -20px; }
    .step-st1 .item { padding: 0 20px; }
}
@media only screen and (max-width: 767px) {
    .step-st1 { flex-wrap: wrap; margin: 0 -10px; }
    .step-st1 .item { flex: 1 1 33.3%; margin-bottom: 20px; padding: 0 10px; }
    .step-st1 .item:nth-child(3n)::after { display: none; }
}
@media only screen and (max-width: 450px) {
    .step-st1 { margin: 0; }
    .step-st1 .item { flex: 1 1 100%; margin-bottom: 20px; padding: 12px; background-color: var(--gray-f5); border-radius: 5px; }
    .step-st1 .item:last-child { margin-bottom: 0; }
    .step-st1 .item:nth-child(2n)::after { display: block; }
    .step-st1 .item:nth-child(3n)::after { display: block; }
    .step-st1 .item::after { content: ""; position: absolute; top: unset; bottom: -25px; left: 50%; right: unset; transform: translateX(-50%) rotate(90deg); width: 30px; height: 30px; background: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L8.5 8L1.5 15' stroke='%23A58A7F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat center center / auto 15px; border-radius: 100%; }
    .step-st1 .item .inner { flex-direction: row; }
    .step-st1 .item .inner .icn-wrap-st1 { width: unset; height: unset; margin-left: 1rem; background-color: transparent; }
    .step-st1 .item .inner .icn-wrap-st1 svg { width: 22px; }
    .step-st1 .item .inner .mt10 { margin-top: 0; }
    .step-st1 .item .inner .mt10 .txt-18 { font-size: 16px; }
    .step-st1 .item:last-child::after { display: none; }
}



.calendar-head { position: relative; display: flex; align-items: center; justify-content: flex-end; }
.calendar-head .calendar-control { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 2rem; }
.calendar-head .calendar-control .btn { display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border: 1px solid var(--primary900); }
.calendar-head .calendar-control .select { appearance: none; padding: 5px 30px 5px 5px; font-weight: 600; font-size: 3rem; color: #222;  background: #fff url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 7.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23333; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.75.75l6,6L12.75.75'/%3E%3C/svg%3E") no-repeat right center / auto 10px; }
.calendar-head .calendar-control .select option { padding: 10px; font-size: 17px; }
@media only screen and (max-width: 1200px) {
    .calendar-head { flex-direction: column; gap: 1.5rem; }
    .calendar-head .calendar-control { position: relative; left: unset; transform: unset; }
    .calendar-head .bbs-sch-filter { margin-left: auto; }
}
@media only screen and (max-width: 767px) {
    .calendar-head .calendar-control .btn { width: 35px; height: 35px; }
    .calendar-head .calendar-control .btn svg { width: 12px; }
    .calendar-head .calendar-control .select { padding-right: 16px; font-size: 2.4rem; background-size: auto 6px; }
    .calendar-head .bbs-sch-filter { width: 100%; }

}


.calendar-st2 { width: 100%; }
.calendar-st2 thead th { padding: 12px; font-weight: 500; font-size: 14px; border-top: 1px solid var(--primary900); border-bottom: 1px solid var(--gray-e5); text-align: center; }
.calendar-st2 thead th:first-child { color: var(--primary900); }
.calendar-st2 tbody td { position: relative; border-bottom: 1px solid var(--gray-e5); vertical-align: top; }
.calendar-st2 tbody tr:last-child td { border-bottom: 1px solid var(--primary900); }
.calendar-st2 tbody td > .item { display: flex; flex-direction: column;  min-height: 185px; height: 100%; padding: 12px; }
.calendar-st2 tbody td > .item .num { position: relative; z-index: 1; display: inline-block; width: fit-content; margin-bottom: 20px; font-weight: 500; }
.calendar-st2 tbody td.today {  }
.calendar-st2 tbody td.today > .item .num { color: var(--primary500); }
.calendar-st2 tbody td.today > .item .num::before { content:""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; width: 30px; height: 30px; border: 1px solid var(--primary500); border-radius: 100%; }
.calendar-st2 tbody td.outer > .item .num { color: var(--gray-cc); }

.calendar-st2 tbody td:nth-child(-n+3) .layer-pop-st1 { left: 0; }
.calendar-st2 tbody td:nth-child(4) .layer-pop-st1 { left: 50%; transform: translateX(-50%); }
.calendar-st2 tbody td:nth-last-child(-n+3) .layer-pop-st1 { right: 0; }
.layer-pop-st1 { display: none; position: absolute; top: 40px; z-index: 2; width: 300px; padding: 2rem; background-color: #fff; border: 1px solid var(--primary900); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2); }
.layer-pop-st1.active { display: block; }
.layer-pop-st1 .layer-close-btn { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; background-color: var(--primary900); }
.layer-pop-st1 .layer-close-btn i { font-size: 20px; }
@media only screen and (max-width: 1600px) {
    .calendar-st2 thead th { padding: 8px; }
    .calendar-st2 tbody td > .item { padding: 8px; }
    .calendar-st2 tbody td.today > .item .num::before { width: 24px; height: 24px; }
}
@media only screen and (max-width: 1023px) {
    .calendar-st2 thead th { padding: 8px 5px; font-size: 13px; }
    .calendar-st2 tbody td > .item { padding: 5px; font-size: 13px; }
    .calendar-st2 tbody td.today > .item .num::before { width: 18PX; height: 18PX; }
}
@media only screen and (max-width: 767px) {
    .calendar-st2 tbody td > .item { min-height: 80px; }
    .calendar-st2 tbody td > .item .item-list-st2 { display: none; }
    .calendar-st2 tbody td > .item .mo { display: block; }
    .calendar-st2 tbody td > .item .mo .cate-st2 { width: 10px; height: 10px; border-radius: 3px; }
    .calendar-st2 tbody td.selected::before { content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #000; }
    .calendar-st2 + .mo { display: block; }

}



.filter-group .filter-item { display: block; }
.filter-group .filter-item.is-hidden { display: none; }
.filter-group .filter-item.is-active { display: block; }



/* 회원가입 */
.join-layout { padding-top: 10rem; }

.idv-links { display: flex; align-items: stretch; margin: 0 -5px; }
.idv-links .item { display: flex; width: 50%; padding: 0 5px; }
.idv-links .item a { flex: 1; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 20px; width: 100%; min-height: 200px; padding: 3rem; background-color: #fff; border: 1px solid var(--gray-e5); border-radius: 3px; text-align: center; transition: all .3s; }
.idv-links .item a:hover { border: 1px solid var(--primary900); }
.idv-links .item a .arr { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border: 1px solid #000; border-radius: 100%; }
@media only screen and (max-width: 767px) {
    .idv-links { margin: 0 -5px; }
    .idv-links .item { padding: 0 5px; }
    .idv-links .item a { min-height: unset; }
}
@media only screen and (max-width: 450px) {
    .idv-links-st1 { flex-direction: column; row-gap: 1rem; }
    .idv-links .item { width: 100%; }
}


.step-bar { position: relative; display: flex; align-items: flex-start; justify-content: center; width: 100%; }
.step-bar .item { min-width: auto; width: 100%; margin-right: 10px; }
.step-bar .item .icn-wrap { position: relative; display: block; }
.step-bar .item .icn-wrap::after { content: ""; position: absolute; top: 12px; left: 34px; width: calc(100% - 34px); height: 2px; background: var(--primary100); }
.step-bar .item.done .icn-wrap::after { background: var(--primary900); }
.step-bar .item .icn-wrap .icn { display: block; width: 24px; height: 24px; border-radius: 100%; background-color: var(--primary100); background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%238A7469' class='bi bi-three-dots' viewBox='0 0 16 16'%3E%3Cpath d='M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3m5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3'/%3E%3C/svg%3E"); }
.step-bar .item.done .icn-wrap .icn { background-color: var(--primary900); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-check' viewBox='0 0 16 16'%3E%3Cpath d='M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425z'/%3E%3C/svg%3E"); }
.step-bar .item.active .icn-wrap .icn { background-color: var(--primary600); background-size: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-pin-angle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M9.828.722a.5.5 0 0 1 .354.146l4.95 4.95a.5.5 0 0 1 0 .707c-.48.48-1.072.588-1.503.588-.177 0-.335-.018-.46-.039l-3.134 3.134a6 6 0 0 1 .16 1.013c.046.702-.032 1.687-.72 2.375a.5.5 0 0 1-.707 0l-2.829-2.828-3.182 3.182c-.195.195-1.219.902-1.414.707s.512-1.22.707-1.414l3.182-3.182-2.828-2.829a.5.5 0 0 1 0-.707c.688-.688 1.673-.767 2.375-.72a6 6 0 0 1 1.013.16l3.134-3.133a3 3 0 0 1-.04-.461c0-.43.108-1.022.589-1.503a.5.5 0 0 1 .353-.146'/%3E%3C/svg%3E"); }
.step-bar .item .icn-wrap .num { display: block; margin-top: 1rem; font-weight: 600; font-size: 14px; color: var(--primary400); }
@media only screen and (max-width: 470px) {
    .step-bar .item .txt-16 { display: none; }

}





.agree-item {  }
.agree-item .btn { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid var(--gray-e5); }
.agree-item.on .cont {  }
@media only screen and (max-width: 767px) {
    .agree-item .btn { flex-direction: column; align-items: flex-start; row-gap: 10px; }
    .join-step li:first-child.on em br {display: block;}
}



.venue-map { position: relative; width: 100vw; left: 50%; transform: translateX(-50%); }
.venue-map .btn-list { position: absolute; top: 0; left: 0; width: 100%; max-width: 1394px; height: 100%; }
.venue-map .btn-list .map-btn { position: absolute; display: flex; flex-direction: column; align-items: center; gap: 1rem; }
.venue-map .btn-list .map-btn button { padding: 5px 15px; font-weight: 600; font-size: 16px; color: #fff; background-color: var(--primary900); border: 2px solid var(--primary900); border-radius: 50px; }
.venue-map .btn-list .map-btn.on button { color: var(--primary900); background-color: #C7DB00; }
.venue-map .btn-list .map-btn.on i .area { fill: #E16161; }
.venue-map .btn-list .map-btn:nth-child(1) { top: 10%; left: 20%; }
.venue-map .btn-list .map-btn:nth-child(2) { top: 28%; left: 50%; }
.venue-map .btn-list .map-btn:nth-child(3) { top: 25%; left: 66%; }
.venue-map .btn-list .map-btn:nth-child(4) { top: 35%; left: 80%; }
.venue-map .btn-list .map-btn:nth-child(5) { top: 42%; left: 70%; }
.venue-map .layer-list .detail-layer { position: absolute; bottom: 5%; right: 5%; width: 420px; background-color: #fff; opacity: 0; visibility: hidden; transform: translateX(100%); transition: all 0.3s; }
.venue-map .layer-list .detail-layer.on { opacity: 1; visibility: visible; transform: translateX(0); }
.venue-map .layer-list .detail-layer .tit { display: flex; align-items: center; gap: 1rem; padding: 15px 20px; font-weight: 600; font-size: 2rem; color: #fff; background-color: var(--primary900); }
.venue-map .layer-list .detail-layer .tit::before { content: ""; display: block; width: 5px; height: 5px; background-color: #fff; border-radius: 100%; }
.venue-map .layer-list .detail-layer .cont { padding: 20px; border: 2px solid  var(--primary900); }
.venue-map .map { max-width: 100%; }
@media only screen and (max-width: 1400px) {
    .venue-map { padding: 20px; }
    .venue-map .btn-list { display: none; }
    .venue-map .layer-list { display: flex; flex-wrap: wrap; gap: 2rem; }
    .venue-map .layer-list .detail-layer { position: relative; bottom: unset; right: unset; width: calc(50% - 1rem); opacity: 1; visibility: visible; transform: unset; }
    .venue-map .map { display: none; }
}
@media only screen and (max-width: 767px) {
    .venue-map .layer-list { gap: 1rem; }
    .venue-map .layer-list .detail-layer { width: 100%; }
    .venue-map .layer-list .detail-layer .tit { padding: 15px; font-size: 16px; }
    .venue-map .layer-list .detail-layer .cont { padding: 15px; }

}

























.mship-wrap { position: relative; display: block; padding: 40px; background-color: #000; border-radius: 1rem; }
.mship-wrap::before { content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.9) 50%, rgba(0,0,0,0.1) 100%), url(../img/content/sub05/sub050101_tab02--pattern.png) no-repeat center center / cover; border-radius: 1rem; overflow: hidden; }
.mship-wrap::after { content:""; position: absolute; bottom: -47px; right: 20px; width: 300px; height: 250px; background: url(../img/content/sub05/sub050101_tab02.webp) no-repeat center center / contain; }
.mship-wrap .txt-wrap { position: relative; display: flex; align-items: flex-end; gap: 3rem; }
.mship-wrap .txt-wrap .tit { padding-right: 3rem; border-right: 1px solid var(--white20); }
.mship-wrap-st1::after { display: none; }
.mship-wrap-st1 .txt-wrap .tit { padding-right: 0; border-right: 0; }
@media only screen and (max-width: 1600px) {
    .mship-wrap::after { bottom: -31px; width: 200px; height: 167px; }
}
@media only screen and (max-width: 767px) {
    .mship-wrap .txt-wrap { flex-direction: column; align-items: baseline; }
    .mship-wrap .txt-wrap .tit { padding-right: 0; border-right: 0; }
}
@media only screen and (max-width: 470px) {
    .mship-wrap { padding: 25px 25px 120px 25px; }
}


@media only screen and (max-width: 1023px) {
    .col-group.mship-group { flex-direction: column; gap: 3rem; margin: 0; }
    .col-group.mship-group [class*="col-"] { width: 100%; padding: 0; }
}




/* 검색창 */
.sch-inp-wrap { margin-bottom: 50px; }
.sch-inp-wrap .inp-wrap { display: flex; flex-wrap: nowrap; align-items: center; max-width: 1000px; height: 60px; line-height: 60px; margin: 0 auto; border: 2px solid #000; }
.sch-inp-wrap .inp-wrap input { width: 100%; height: 60px; line-height: 60px; margin: 0; padding: 0 20px; font-weight: 500; font-size: 20px; background: transparent; }
.sch-inp-wrap .inp-wrap input::placeholder { font-weight: 500; font-size: 20px; color: #aaa; }
.sch-inp-wrap .inp-wrap button { flex-shrink: 0; width: 60px; height: 60px; }

.sch-section { margin-bottom: 12rem; }
.sch-section .sch-tit { display: flex; align-items: center; justify-content: space-between; padding-bottom: 2rem; border-bottom: 1px solid #000; }
.sch-section .sch-result .item { border-bottom: 1px solid var(--gray-e5); }
.sch-section .sch-result .item a { display: block; padding: 3rem 3rem 3rem 1rem; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E") no-repeat right 10px center / auto 18px; }
.sch-section .sch-result .item a .date { display: block; margin: 15px 0 20px; }
.sch-section .sch-result .item a .location { display: block; }
@media only screen and (max-width: 1023px) {
    .sch-section .sch-result .item a { padding: 3rem 3rem 3rem 1rem; }

}

.aisch-wrap { padding: 30px; background-color: var(--gray-fa); border-radius: 5px; }
.aisch-inp-wrap {  }
.aisch-inp-wrap .inp-wrap { position: relative; display: flex; flex-wrap: nowrap; align-items: center; max-width: 1000px; height: 60px; line-height: 60px; margin: 0 auto; background: linear-gradient(90deg, var(--primary900), var(--secondary100), #000, var(--secondary100), var(--primary900)); border-radius: 50px; background-size: 300% 300%; animation: gradientFlow 6s linear infinite; overflow: hidden; }
.aisch-inp-wrap .inp-wrap::before { content: ""; position: absolute; inset: 3px; border-radius: 50px; background: #fff; }
.aisch-inp-wrap .inp-wrap input { position: relative; width: 100%; height: 60px; line-height: 60px; margin: 0; padding: 0 25px; font-weight: 500; font-size: 18px; background: transparent; }
.aisch-inp-wrap .inp-wrap input::placeholder { font-weight: 500; font-size: 18px; color: #aaa; }
.aisch-inp-wrap .inp-wrap button { flex-shrink: 0; width: 60px; height: 60px; }
@keyframes gradientFlow {
    0%   { background-position:   0% 50%; }
    100% { background-position: 200% 50%; }
}
.aisch-result-wrap {  }
.aisch-result-wrap .search_result_section { line-height: 1.4; border-radius: 5px; border: 1px solid var(--gray-e5); }
.aisch-result-wrap .search_result_section * { letter-spacing: inherit; }
.aisch-result-wrap .search_result_section p { padding: 0; font-size: unset; }
.aisch-result-wrap .search_result_section h3 { line-height: 1.4; margin: 5px 0; padding: 0; font-weight: 500; font-size: 16px; }
.aisch-result-wrap .search_result_section hr { display: none; }
.aisch-result-wrap .search_result_section > ul { margin-bottom: 10px; padding: 0; }
.aisch-result-wrap .search_result_section > ul > li { font-size: 15px; }
.aisch-result-wrap .search_result_section > ul > li + li { margin-top: 5px; }
.aisch-result-wrap .search_result_section > ul > li > ul { margin: 3px 0 5px; }
.aisch-result-wrap .search_result_section > ul > li + li { margin-top: 5px; }
.aisch-result-wrap .search_result_section > ul > li > ul > li { margin-top: 4px; }
.aisch-result-wrap .search_result_section a { font-size: 15px; color: var(--primary900); }
@media only screen and (max-width: 1023px) {
    .aisch-wrap { padding: 20px; }
    .aisch-inp-wrap .inp-wrap { height: 50px; line-height: 50px; }
    .aisch-inp-wrap .inp-wrap input { height: 50px; line-height: 50px; font-size: 15px; }
    .aisch-inp-wrap .inp-wrap input::placeholder { font-size: 15px; }
    .aisch-inp-wrap .inp-wrap button { width: 50px; height: 50px; }
    .aisch-inp-wrap .inp-wrap button svg { width: 15px; height: 15px; }
}


.meta-box { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 30px; padding: 16px 24px; background-color: var(--gray-f6); border-radius: 5px; }
.meta-box li { display: flex; align-items: center; gap: 10px; font-size: 15px; }
.meta-box li strong { display: flex; align-items: center; gap: 5px; }
.meta-box li strong::before { content: ""; display: inline-block; width: 20px; height: 20px; }
.meta-box li:first-child strong::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-briefcase-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 1A1.5 1.5 0 0 0 5 2.5V3H1.5A1.5 1.5 0 0 0 0 4.5v1.384l7.614 2.03a1.5 1.5 0 0 0 .772 0L16 5.884V4.5A1.5 1.5 0 0 0 14.5 3H11v-.5A1.5 1.5 0 0 0 9.5 1zm0 1h3a.5.5 0 0 1 .5.5V3H6v-.5a.5.5 0 0 1 .5-.5'/%3E%3Cpath d='M0 12.5A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5V6.85L8.129 8.947a.5.5 0 0 1-.258 0L0 6.85z'/%3E%3C/svg%3E") no-repeat center center / auto; }
.meta-box li:last-child strong::before { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-telephone-fill' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.68.68 0 0 0 .178.643l2.457 2.457a.68.68 0 0 0 .644.178l2.189-.547a1.75 1.75 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.6 18.6 0 0 1-7.01-4.42 18.6 18.6 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877z'/%3E%3C/svg%3E") no-repeat center center / auto; }
@media only screen and (max-width: 767px) {
    .meta-box { flex-direction: column; align-items: baseline; padding: 14px; border-radius: 3px; }
}




.mypg-overview { display: flex; background-color: #000; border-radius: 5px; overflow: hidden; }
.mypg-overview .item { position: relative; display: flex; width: 50%; padding: 30px; }
.mypg-overview .item:nth-child(2)::after { content: ""; position: absolute; bottom: -70px; right: 20px; width: 260px; height: 260px; background: url(../img/content/sub08/sub080101_item02.webp) no-repeat center center / contain; }
.mypg-overview .item + .item::before { content:""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 80%; background: var(--white10); }
.mypg-overview .item .inner { position: relative; z-index: 1; }
.mypg-overview .item .inner .tit { display: flex; align-items: center; gap: 8px; margin-bottom: 30px; color: var(--white50); }
.mypg-overview .item .inner .cont { color: #fff; }
.mypg-overview .item .char img { position: absolute; z-index: 1; width: 200px; }
.mypg-overview .item .char1 { object-position: -30px; }
.mypg-overview-st2 {  }
.mypg-overview-st2 .btn-rg { align-self: flex-end; padding: 30px; }
.mypg-overview-st2 .btn-rg .more-btn-st2 { position: relative; z-index: 2; background-color: #000; }
.mypg-overview-st2 .item { flex-grow: 1; }
@media only screen and (max-width: 767px) {
    .mypg-overview .item { padding: 20px; }
    .mypg-overview .item .txt-18 { font-size: 16px; }
    .mypg-overview .item .txt-36 { font-size: 2.4rem; }
    .mypg-overview .item .char img { width: 140px; }
    .mypg-overview .item:nth-child(2)::after { bottom: -50px; width: 190px; height: 190px; }
    .mypg-overview-st2 .btn-rg { padding: 20px; }
}
@media only screen and (max-width: 560px) {
    .mypg-overview .item .char1 { object-position: 0; }
    .mypg-overview .item .char img { left: 70px; bottom: -20px; width: 80px; }
    .mypg-overview .item:nth-child(2)::after { bottom: -20px; right: -10px; width: 120px; height: 120px; }

    .mypg-overview-st2 { position: relative; }
    .mypg-overview-st2 .item { position: unset; }
    .mypg-overview-st2 .item .char img { left: unset; right: 20px; bottom: 40px; }
}


.mypg-grade { padding: 30px; border: 1px solid var(--gray-e5); border-radius: 5px; }
.mypg-grade .tit { display: flex; align-items: center; gap: 8px; margin-bottom: 30px;  }
.mypg-grade .cont {   }
.mypg-grade .grade-wrap { position: relative; padding-top: 60px; }
.mypg-grade .grade-wrap .bubble { position: absolute; top: 0; transform: translateX(-50%); width: fit-content; padding: 1rem 1.5rem; color: #fff; background-color: var(--primary900); border-radius: 3px; }
.mypg-grade .grade-wrap .bubble::after { content:""; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); display: block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 10px solid var(--primary900); }
.mypg-grade .grade-wrap .bar { position: relative; display: flex; width: 100%; height: 18px; padding: 0 10px; background-color: var(--gray-f5); border-radius: 50px; overflow: hidden; }
.mypg-grade .grade-wrap .bar .fill { position: absolute; top: 0; left: 0; height: 100%; background-color: #000; border-radius: 50px; }
.mypg-grade .grade-wrap .bar .circle { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.mypg-grade .grade-wrap .bar .circle span { display: block; width: 7px; height: 7px; background-color: var(--gray-cc); border-radius: 100%; }
.mypg-grade .grade-wrap .txt { display: flex; justify-content: space-between; margin-top: 10px; padding: 0 10px; font-size: 15px; }
@media only screen and (max-width: 767px) {
    .mypg-grade { padding: 20px; }
    .mypg-grade .grade-wrap .bubble { left: 50% !important; line-height: 1.2; padding: 1rem; font-size: 12px; text-align: center; word-break: keep-all; }
}







.sns-btn-st1 { display: flex; align-items: center; gap: 3rem; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid var(--gray-e5); }
.sns-btn-st1 .tit { flex-shrink: 0; display: flex; align-items: center; gap: 1rem; }
.sns-btn-st1 button { margin-left: auto; }
@media only screen and (max-width: 767px) {
    .sns-btn-st1 { flex-wrap: wrap; gap: 1rem; }
    .sns-btn-st1 button {  }
}



.select-st1 { position: relative; }
.select-st1 .select-btn { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 2rem; border: 1px solid var(--gray-e5); transition: all .3s; }
.select-st1 .select-btn.on { border: 1px solid #000; }
.select-st1 .select-btn.on i { transform: rotate(180deg); }
.select-st1 .select-list { display: none; position: absolute; top: 100%; left: 0; z-index: 1; width: 100%; background-color: #fff; border: 1px solid var(--gray-e5); border-top: 0; }
.select-st1 .select-btn.on + .select-list { display: block; }
.select-st1 .select-list ul li a { display: block; padding: 15px; }
.select-st1 .select-list ul li a:hover { background-color: var(--gray-fa); }
.select-st1 .select-list ul li + li { border-top: 1px solid var(--gray-e5); }


.survey-scale { display: flex; justify-content: center; align-items: flex-end; gap: 3rem; }
.survey-scale .label { line-height: 30px; word-break: keep-all; }
.survey-scale .chk-list-st1 { flex-shrink: 0; }
@media only screen and (max-width: 470px) {
    .survey-scale .label { display: none; }

}


.cert-lp .mx-w-250 { margin-right: unset; }
.cert-lp .bd-box-st1 { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
@media print {
    @page {
        size: A4;
        margin: 0;
    }
    .cert-lp .bd-box-st1 { width: 210mm !important; height: 297mm !important; }
}



.coupon-list-st1 { display: flex; flex-wrap: wrap; margin: 0 -10px; }
.coupon-list-st1 > li { width: 33.3%; margin-bottom: 20px; padding: 0 10px; }
.coupon-list-st1 > li .item { display: flex; flex-direction: column; gap: 3rem; padding: 1.6rem 2.4rem; background: radial-gradient(8px at left center,transparent 99%,#f4f4f4); }
.coupon-list-st1 > li .item .bottom { display: flex; align-items: center; justify-content: space-between; }
@media only screen and (max-width: 1023px) {
    .coupon-list-st1 { margin: 0 -5px; }
    .coupon-list-st1 > li { width: 50%; margin-bottom: 10px; padding: 0 5px; }
}
@media only screen and (max-width: 470px) {
    .coupon-list-st1 { margin: 0; }
    .coupon-list-st1 > li { width: 100%; margin-bottom: 10px; padding: 0; }

}



.ben-mov-state { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-radius: 5px; }
.ben-mov-state .lf { flex-grow: 1; display: flex; align-items: center; justify-content: space-between; }
.ben-mov-state .rg { display: flex; align-items: center; gap: 20px; }
@media only screen and (max-width: 767px) {
    .ben-mov-state { flex-direction: column; align-items: baseline; row-gap: 10px; }
    .ben-mov-state .lf { flex-direction: column; align-items: baseline; row-gap: 10px; }

}




.movie-swiper {  }
.movie-swiper .swiper-slide a { display: block; }
.movie-swiper .swiper-slide .img-wrap { position: relative; border-radius: 5px; overflow: hidden; }
.movie-swiper .swiper-slide .img-wrap img { width: 100%; height: 100%; object-fit: cover; transition: all .3s ease; }
.movie-swiper .swiper-slide .num-wrap { position: absolute; top: 10px; left: 10px; z-index: 1; }
.movie-swiper .swiper-slide .txt-wrap { position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; display: flex; align-items: flex-end; justify-content: center; padding: 2rem; background: linear-gradient(to bottom, #00000000, #000); }


.calendar-group .col-4 { flex-shrink: 0; }
.calendar-group .col-8 { flex-grow: 1; }
.calendar-group .col-8 .ovf-y-scroll { max-height: 460px; }
@media only screen and (max-width: 1023px) {
    .calendar-group .col-4 { width: 50%; }
    .calendar-group .col-8 { width: 50%; }
}
@media only screen and (max-width: 767px) {
    .calendar-group { flex-direction: column; row-gap: 30px; }
    .calendar-group .col-4 { width: 100%; }
    .calendar-group .col-8 { width: 100%; }
    .calendar-group .col-8 .ovf-y-scroll { max-height: unset; }

}




.intro .sub-content { background-color: #000; }
.intro .sub-content .con-body { padding: 0; }
.intro-sec1 { position: relative; width: 100vw; height: 100vh; }
.intro-sec1 .img-wrap { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 0; }
.intro-sec1 .img-wrap img { width: 100%; height: 100%; object-fit: cover; }
.intro-sec1 .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; }
.intro-sec1 .inner .lang-btn-wrap { display: flex; align-items: center; margin-top: 30px; border: 1px solid #ffffff30; border-radius: 50px; overflow: hidden; }
.intro-sec1 .inner .lang-btn-wrap a { display: block; height: 40px; line-height: 40px; padding: 0 15px; font-weight: 300; font-size: 15px; color: #fff; border-right: 1px solid #ffffff30; }
.intro-sec1 .inner .lang-btn-wrap a.on { font-weight: 700; background-color: #ffffff10; }
.intro-sec1 .inner .lang-btn-wrap a:first-child { padding-left: 20px; }
.intro-sec1 .inner .lang-btn-wrap a:last-child { padding-right: 20px; border-right: 0; }
.intro-sec1 .txt-wrap { display: flex; align-items: center; justify-content: center; }
.intro-sec1 .txt-wrap .txt { font-weight: 800; font-size: 9rem; color: #fff; }
.intro-sec1 .txt-wrap .txt1 { position: relative; right: -130px; z-index: 1; padding-right: 20px; background-color: #000; }
.intro-sec1 .txt-wrap .txt2 { opacity: 0; }
.intro-sec1 .txt-wrap .txt3 { position: relative; left: -100px; z-index: 1; padding-left: 20px; background-color: #000; }
.intro-sec1 .scroll-down { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 20px; animation: bounce 2s infinite; }
.intro-sec1 .scroll-down span { font-family: var(--head-font); color: #fff; letter-spacing: 0px; }
.intro-sec1 .scroll-down i { color: #fff; animation: arrow 2s infinite; }
.intro-sec1 .scroll-down i:nth-child(2) { animation-delay: 0.3s; }
.intro-sec1 .scroll-down svg { width: 50px; height: 50px; }
.intro-sec1 .scroll-down svg path:last-child { animation: wheel 2s infinite; }
.intro-sec1 .scroll-down .arr { display: flex; flex-direction: column; }
@keyframes wheel { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(4px); } }
@keyframes arrow { 0%, 100% { opacity: 0; transform: translateY(-10px); } 50% { opacity: 1; transform: translateY(0); } }
@keyframes bounce { 0%, 100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(10px); } }
@media only screen and (max-width: 1500px) {
    .intro-sec1 .txt-wrap .txt { font-size: 7rem; }
    .intro-sec1 .txt-wrap .txt1 { right: -100px; }
    .intro-sec1 .txt-wrap .txt3 { left: -80px; }
}
@media only screen and (max-width: 1200px) {
    .intro-sec1 .txt-wrap .txt { font-size: 5.5rem; }
    .intro-sec1 .txt-wrap .txt1 { right: -70px; }
    .intro-sec1 .txt-wrap .txt3 { left: -80px; }
}
@media only screen and (max-width: 1023px) {
    .intro-sec1 .inner .lang-btn-wrap a { height: 35px; line-height: 35px; padding: 0 10px; font-size: 14px; }
    .intro-sec1 .inner .lang-btn-wrap a:first-child { padding-left: 15px; }
    .intro-sec1 .inner .lang-btn-wrap a:last-child { padding-right: 15px; }
    .intro-sec1 .txt-wrap { flex-direction: column; align-items: center; }
    .intro-sec1 .txt-wrap .txt { font-size: 5rem; }
    .intro-sec1 .txt-wrap .txt1 { top: 10px; right: unset; padding-right: 0; }
    .intro-sec1 .txt-wrap .txt3 { top: -10px; left: unset; padding-left: 0; }
}
@media only screen and (max-width: 470px) {
    .intro-sec1 .txt-wrap .txt { font-size: 3.5rem; }
}

.intro-sec2 { position: relative; display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 15rem 0; background-color: #000; overflow: hidden; }
.intro-sec2 .txt-wrap { text-align: center; word-break: keep-all; }
.intro-sec2 .svg-tit { position: relative; display: flex; align-items: center; justify-content: center; }
.intro-sec2 .svg-tit .sub-tit { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 600; font-size: 2.2rem; color: var(--primary900); }
.intro-sec2 .txt-wrap .bg-txt { opacity: .1; }
.intro-sec2 .txt-wrap .bg-txt img { height: 100px; }
.intro-sec2 .tit { display: block; margin: 100px 0 40px; font-weight: 700; font-size: clamp(3rem, 5.8333vw, 7rem); color: #fff; }
.intro-sec2 .desc1 { margin-bottom: 30px; line-height: 1.7; font-weight: 500; font-size: clamp(17px, 2vw, 2.4rem); color: #eee; }
.intro-sec2 .desc2 { line-height: 1.7; font-weight: 400; font-size: clamp(14px, 1.6667vw, 2rem); color: #ccc; }

.intro-sec2 .bg-wrap .img-wrap { position: absolute; z-index: 0; width: 600px; opacity: .3; pointer-events: none; }
.intro-sec2 .bg-wrap .img-wrap:nth-child(1) { top: -300px; right: -100px; transform: rotate(90deg); }
.intro-sec2 .bg-wrap .img-wrap:nth-child(2) { bottom: -500px; left: -400px; transform: rotate(90deg); width: 1000px; }

.item-list-st9 { display: flex; margin: 0 -10px; }
.item-list-st9 .item { flex: 1; min-width: 0; padding: 0 10px; }
.item-list-st9 .item .inner { position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: baseline; height: 100%; padding: 4.5rem 4rem; color: #fff; border-radius: 1rem; backdrop-filter: blur(10px); border: 1px solid #ffffff15; overflow: hidden; }
.item-list-st9 .item .inner:hover::before { content: ""; position: absolute; width: 50%; height: 300%; background: linear-gradient( 90deg, #475259 0%, var(--primary900) 0%, rgba(81, 81, 84, 0) 0%, var(--primary900) 50%, var(--secondary100) 70%, rgba(0, 0, 0, 0) 100% ); transition: 0.5s; animation: gradientRotate 8s linear infinite; opacity: 1; visibility: visible; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.item-list-st9 .item .inner:hover .theme { animation: fill 1.5s infinite; }
@keyframes gradientRotate {
    0% { transform: translate(-50%, -50%) rotate(45deg); }
    100% { transform: translate(-50%, -50%) rotate(405deg); }
}
@keyframes fill {
    0%, 100% { fill: var(--primary900);  }
    50% { fill: #fff; }
}
.item-list-st9 .item .inner::after { content: ""; position: absolute; z-index: -1; inset: 1px; background-color: #000; border-radius: 1rem; }

@media only screen and (max-width: 1023px) {
    .intro-sec2 .desc1 br { display: none; }
    .intro-sec2 .desc2 br { display: none; }


    .intro-sec2 .item-wrap { overflow: visible; }
    .item-list-st9.swiper-wrapper {  }
    .item-list-st9 .item.swiper-slide { flex: 0 0 auto; width: 360px; height: auto; }
    .item-list-st9 .item .inner {  }
    .item-list-st9 .item.swiper-slide-active .inner::before { content: ""; position: absolute; width: 50%; height: 300%; background: linear-gradient( 90deg, #475259 0%, var(--primary900) 0%, rgba(81, 81, 84, 0) 0%, var(--primary900) 50%, var(--secondary100) 70%, rgba(0, 0, 0, 0) 100% ); transition: 0.5s; animation: gradientRotate 8s linear infinite; opacity: 1; visibility: visible; z-index: -1; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .item-list-st9 .item.swiper-slide-active .inner .theme { animation: fill 1.5s infinite; }
}
@media only screen and (max-width: 470px) {
    .item-list-st9 .item.swiper-slide { width: 290px; }
}



.privacy-icn-list { display: flex; margin: 0 -10px; }
.privacy-icn-list li { flex: 1; min-width: 0; padding: 0 10px; }
.privacy-icn-list li a { display: flex; align-items: start; justify-content: center; width: 100%; padding-top: 160px; border: 1px solid var(--gray-e5); border-radius: 1rem; background-repeat: no-repeat; background-size: 60px auto; background-position: center 40px; }
.privacy-icn-list li a span { display: block; height: 40px; font-weight: 600; }
@media only screen and (max-width: 1200px) {
    .privacy-icn-list { flex-wrap: wrap; row-gap: 20px; }
    .privacy-icn-list li { flex-basis: 33.3%; }
}
@media only screen and (max-width: 1023px) {
    .privacy-icn-list { row-gap: 10px; margin: 0 -5px; }
    .privacy-icn-list li { padding: 0 5px; }
}
@media only screen and (max-width: 560px) {
    .privacy-icn-list li { flex-basis: 50%; }
}

.privacy_list { display: flex; flex-wrap: wrap; row-gap: 5px; padding: 3rem; border: 1px solid var(--gray-e5); border-radius: 1rem; }
.privacy_list li { width: 50%; }
.privacy_list li:nth-child(odd) { padding-right: 1rem; }
.privacy_list li:nth-child(even) { padding-left: 1rem; }
.privacy_list li a { display: flex; align-items: start; gap: 5px; line-height: 1.5; font-size: 17px; word-break: keep-all; word-wrap: break-word; }
.privacy_list li a:hover { text-decoration: underline; }
.privacy_list li a em { flex-shrink: 0; font-weight: 600; white-space: nowrap; }
@media only screen and (max-width: 767px) {
    .privacy_list { padding: 2rem; }
    .privacy_list li { width: 100%; }
    .privacy_list li:nth-child(odd) { padding-right: 0; }
    .privacy_list li:nth-child(even) { padding-left: 0; }
    .privacy_list li a { font-size: 16px; }
}