@charset "UTF-8";
.ap-post,.ap-page{container:article/inline-size;min-width:100vw;margin-left:calc((100% - 100vw) / 2);margin-right:calc((100% - 100vw) / 2)/* 2023 접근성 자막영역 공통 UI */
}
.ap-post .ap2022-video-script-box,.ap-page .ap2022-video-script-box{position:relative;z-index:1;padding:0.5em;background:#e4e4e4;font-size:16px;line-height:1.6;box-sizing:border-box}
.ap-post .ap2022-video-script-box *,.ap-page .ap2022-video-script-box *{margin:0;padding:0;box-sizing:border-box}
.ap-post .ap2022-video-script-box *::before,.ap-post .ap2022-video-script-box *::after,.ap-page .ap2022-video-script-box *::before,.ap-page .ap2022-video-script-box *::after{box-sizing:border-box}
.ap-post .ap2022-video-script-box__toggle,.ap-page .ap2022-video-script-box__toggle{overflow:hidden;margin-top:0.5625em;transition:max-height 0.12s ease-in}
.ap-post .ap2022-video-script-box__text,.ap-page .ap2022-video-script-box__text{overflow-y:scroll;padding:1em 1.25em;border-radius:0.375em;background:#fff;max-height:8.4em;text-align:left;color:#000;box-sizing:border-box}
.ap-post .ap2022-video-script-box__text sup,.ap-page .ap2022-video-script-box__text sup{position:static !important;vertical-align:super !important;font-size:smaller !important}
.ap-post .ap2022-video-script-box__header,.ap-page .ap2022-video-script-box__header{padding:0.0625em 0.375em;text-align:right;line-height:1}
.ap-post .ap2022-video-script-box__header button:focus,.ap-page .ap2022-video-script-box__header button:focus{outline:none !important;outline-offset:0.125em !important}
.ap-post .ap2022-video-script-box__header button:focus-visible,.ap-page .ap2022-video-script-box__header button:focus-visible{outline:1px auto !important;outline-offset:0.125em !important}
.ap-post .ap2022-video-script-box__button,.ap-page .ap2022-video-script-box__button{font-size:inherit;overflow:visible;border:0;border-radius:0;background:none;cursor:pointer;outline:none}
.ap-post .ap2022-video-script-box__button span,.ap-page .ap2022-video-script-box__button span{display:inline-block;vertical-align:middle;font-size:0.875em;font-weight:600;color:#000}
.ap-post .ap2022-video-script-box__button i,.ap-page .ap2022-video-script-box__button i{position:relative;display:inline-block;vertical-align:middle;width:3.125em;height:1.625em;margin-left:0.375em;background:#656565;border-radius:0.8125em;font-size:1em;transition:background-color 0.12s ease-in}
.ap-post .ap2022-video-script-box__button i::before,.ap-page .ap2022-video-script-box__button i::before{content:"";position:absolute;top:50%;left:0.25em;width:1.125em;height:1.125em;background:#fff;border-radius:50%;transform:translate(0, -50%);transition:transform 0.12s ease-in}
.ap-post .ap2022-video-script-box.is-active .ap2022-video-script-box__button i,.ap-page .ap2022-video-script-box.is-active .ap2022-video-script-box__button i{background:#333}
.ap-post .ap2022-video-script-box.is-active .ap2022-video-script-box__button i::before,.ap-page .ap2022-video-script-box.is-active .ap2022-video-script-box__button i::before{transform:translate(calc(2.625em - 100%), -50%)}
@media (max-width: 750px){
.ap-post .ap2022-video-script-box,.ap-page .ap2022-video-script-box{font-size:14px}
}
.ap-post__inner,.ap-page__inner{--ap-pdp-width:1920}
@container article (max-width: 750px){
.ap-post__inner,.ap-page__inner{--ap-pdp-width:750}
}
.ap-post *,.ap-page *{padding:0;margin:0;font-style:normal;word-break:keep-all;list-style:none;box-sizing:border-box}
.ap-post sup,.ap-page sup{position:relative;top:-0.35em;font-size:70%;vertical-align:middle}
.ap-post img,.ap-page img{max-width:100%}
.ap-post svg,.ap-page svg{all:unset}
.ap-post em,.ap-page em{color:inherit}
.ap-post blockquote,.ap-page blockquote{font-style:normal;color:inherit}
.ap-post .ap-video video,.ap-page .ap-video video{-webkit-mask-image:-webkit-radial-gradient(#fff, #000);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;border:none;display:block;margin:0 auto;outline:none;max-width:100%;width:100%;height:auto}
.ap-post .pc-only,.ap-page .pc-only{display:block !important}
@container article (max-width: 750px){
.ap-post .pc-only,.ap-page .pc-only{display:none !important}
}
.ap-post .mo-only,.ap-page .mo-only{display:none !important}
@container article (max-width: 750px){
.ap-post .mo-only,.ap-page .mo-only{display:block !important}
}
.ap-post .ap-util--margin,.ap-page .ap-util--margin{margin-block:clamp(0px, calc(var(--ap-block) / var(--ap-pdp-width) * 100cqi), calc(var(--ap-block) * 1px)) !important;margin-block-start:clamp(0px, calc(var(--ap-block-start) / var(--ap-pdp-width) * 100cqi), calc(var(--ap-block-start) * 1px)) !important;margin-block-end:clamp(0px, calc(var(--ap-block-end) / var(--ap-pdp-width) * 100cqi), calc(var(--ap-block-end) * 1px)) !important;margin-inline:clamp(0px, calc(var(--ap-inline) / var(--ap-pdp-width) * 100cqi), calc(var(--ap-inline) * 1px)) !important;margin-inline-start:clamp(0px, calc(var(--ap-inline-start) / var(--ap-pdp-width) * 100cqi), calc(var(--ap-inline-start) * 1px)) !important;margin-inline-end:clamp(0px, calc(var(--ap-inline-end) / var(--ap-pdp-width) * 100cqi), calc(var(--ap-inline-end) * 1px)) !important}
.ap-post .ap-util--padding,.ap-page .ap-util--padding{padding-block:clamp(0px, calc(var(--ap-block) / var(--ap-pdp-width) * 100cqi), calc(var(--ap-block) * 1px)) !important;padding-block-start:clamp(0px, calc(var(--ap-block-start) / var(--ap-pdp-width) * 100cqi), calc(var(--ap-block-start) * 1px)) !important;padding-block-end:clamp(0px, calc(var(--ap-block-end) / var(--ap-pdp-width) * 100cqi), calc(var(--ap-block-end) * 1px)) !important;padding-inline:clamp(0px, calc(var(--ap-inline) / var(--ap-pdp-width) * 100cqi), calc(var(--ap-inline) * 1px)) !important;padding-inline-start:clamp(0px, calc(var(--ap-inline-start) / var(--ap-pdp-width) * 100cqi), calc(var(--ap-inline-start) * 1px)) !important;padding-inline-end:clamp(0px, calc(var(--ap-inline-end) / var(--ap-pdp-width) * 100cqi), calc(var(--ap-inline-end) * 1px)) !important}
.ap-post .ap-util--text,.ap-page .ap-util--text{font-size:clamp(calc(var(--ap-min) * 1px), calc(var(--ap-fs) / var(--ap-pdp-width) * 100cqi), calc(var(--ap-fs) * 1px));line-height:calc(var(--ap-lh) / var(--ap-fs));font-weight:var(--ap-fw);letter-spacing:calc(var(--ap-ls, -0.01) * 1em)}
@container article (max-width: 750px){
.ap-post .ap-util--text,.ap-page .ap-util--text{font-size:clamp(calc(var(--ap-min) * 1px), calc(var(--ap-mfs) / var(--ap-pdp-width) * 100cqi), calc(var(--ap-mfs) * 1px))}
}
.ap-post .ap-util--align,.ap-page .ap-util--align{text-align:var(--ap-align, start) !important}
.ap-post .ap-image--bg,.ap-page .ap-image--bg{position:relative}
.ap-post .ap-image--bg .ap-image__caption,.ap-page .ap-image--bg .ap-image__caption{position:absolute;top:0;right:0;bottom:0;left:0}
main{overflow:hidden}
.ap-page--culture-projects{--ap-color-default:#000;--ap-color-white:#fff;--ap-color-gray:#666;font-family:Theinhardt,NotoSans,"Malgun Gothic","맑은 고딕","Nanum Gothic","나눔 고딕","돋움",dotum;color:var(--ap-color-default)}
.ap-page--culture-projects a{color:inherit}
.ap-page--culture-projects .swiper-pagination{position:absolute;top:1rem;left:50%;z-index:9;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}
.ap-page--culture-projects .swiper-pagination-bullet{width:1.5rem;height:1.5rem}
.ap-page--culture-projects .ap-section--main{margin-block:clamp(0px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px)}
.ap-page--culture-projects .ap-section--main .ap-section__header{text-align:center;font-size:clamp(9px, calc(20 / var(--ap-pdp-width) * 100cqi), 20px);line-height:1.6;font-weight:500}
@container article (max-width: 750px){
.ap-page--culture-projects .ap-section--main .ap-section__header{font-size:clamp(9px, calc(24 / var(--ap-pdp-width) * 100cqi), 24px)}
}
.ap-page--culture-projects .ap-section--main .ap-kv{position:relative;margin-block-end:clamp(0px, calc(40 / var(--ap-pdp-width) * 100cqi), 40px)}
.ap-page--culture-projects .ap-section--main .ap-kv__title{all:inherit;display:inline;color:var(--ap-color-white);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:clamp(9px, calc(50 / var(--ap-pdp-width) * 100cqi), 50px);line-height:1;font-weight:300}
@container article (max-width: 750px){
.ap-page--culture-projects .ap-section--main .ap-kv__title{font-size:clamp(9px, calc(48 / var(--ap-pdp-width) * 100cqi), 48px)}
}
@container article (max-width: 750px){
.ap-page--culture-projects .ap-section--main .ap-kv{margin-block-end:clamp(0px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px)}
}
.ap-page--culture-projects .ap-archive{display:flex;justify-content:center;align-items:center;max-width:clamp(0px, calc(1120 / var(--ap-pdp-width) * 100cqi), 1120px);margin:auto}
.ap-page--culture-projects .ap-archive__item{display:block;margin-block:clamp(0px, calc(40 / var(--ap-pdp-width) * 100cqi), 40px);margin-inline:clamp(0px, calc(40 / var(--ap-pdp-width) * 100cqi), 40px)}
.ap-page--culture-projects .ap-archive__caption{margin-block-start:clamp(0px, calc(16 / var(--ap-pdp-width) * 100cqi), 16px)}
.ap-page--culture-projects .ap-archive__season{font-size:clamp(9px, calc(28 / var(--ap-pdp-width) * 100cqi), 28px);font-weight:500}
@container article (max-width: 750px){
.ap-page--culture-projects .ap-archive__season{font-size:clamp(9px, calc(36 / var(--ap-pdp-width) * 100cqi), 36px)}
}
.ap-page--culture-projects .ap-archive__title{font-size:clamp(9px, calc(22 / var(--ap-pdp-width) * 100cqi), 22px);font-weight:400}
@container article (max-width: 750px){
.ap-page--culture-projects .ap-archive__title{font-size:clamp(9px, calc(26 / var(--ap-pdp-width) * 100cqi), 26px)}
}
.ap-page--culture-projects .ap-archive__date{font-size:clamp(9px, calc(18 / var(--ap-pdp-width) * 100cqi), 18px);line-height:1.3333333333;font-weight:400}
@container article (max-width: 750px){
.ap-page--culture-projects .ap-archive__date{font-size:clamp(9px, calc(22 / var(--ap-pdp-width) * 100cqi), 22px)}
}
@container article (max-width: 750px){
.ap-page--culture-projects .ap-archive{flex-direction:column}
}
.ap-page--culture-projects .ap-swiper{--swiper-navigation-size:16px;--swiper-theme-color:var(--ap-color-white);max-width:1920px;margin-inline:auto;overflow:hidden;position:relative}
.ap-page--culture-projects .ap-swiper .swiper-wrapper{transform:translate3d(0, 0, 0);will-change:transform}
.ap-page--culture-projects .ap-swiper .swiper-slide{box-sizing:border-box;overflow:hidden;contain:layout style paint}
.ap-page--culture-projects .ap-swiper__item{align-self:center;aspect-ratio:960/1081}
.ap-page--culture-projects .ap-swiper__item--multi{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative}
.ap-page--culture-projects .ap-swiper__item--multi > :last-of-type{position:absolute;top:clamp(0px, calc(110 / var(--ap-pdp-width) * 100cqi), 110px);left:clamp(0px, calc(205 / var(--ap-pdp-width) * 100cqi), 205px);width:clamp(0px, calc(550 / var(--ap-pdp-width) * 100cqi), 550px);height:clamp(0px, calc(685 / var(--ap-pdp-width) * 100cqi), 685px);display:block}
.ap-page--culture-projects .ap-swiper__button--prev,.ap-page--culture-projects .ap-swiper__button--next{width:clamp(0px, calc(68 / var(--ap-pdp-width) * 100cqi), 68px);height:clamp(0px, calc(68 / var(--ap-pdp-width) * 100cqi), 68px);background:rgba(0, 0, 0, 0.2);transform:translate(0, -50%)}
.ap-page--culture-projects .ap-swiper__button--prev{left:0}
.ap-page--culture-projects .ap-swiper__button--next{right:0}
.ap-page--culture-projects .ap-swiper__button--list{font-size:clamp(9px, calc(18 / var(--ap-pdp-width) * 100cqi), 18px);line-height:1;font-weight:500;display:flex;gap:clamp(0px, calc(8 / var(--ap-pdp-width) * 100cqi), 8px);position:absolute;top:clamp(0px, calc(32 / var(--ap-pdp-width) * 100cqi), 32px);left:clamp(0px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px);z-index:9}
@container article (max-width: 750px){
.ap-page--culture-projects .ap-swiper__button--list{font-size:clamp(9px, calc(18 / var(--ap-pdp-width) * 100cqi), 18px)}
}
.ap-page--culture-projects .ap-swiper__button--list span{padding-top:0.25em}
@container article (max-width: 750px){
.ap-page--culture-projects .ap-swiper__item{aspect-ratio:750/1334}
.ap-page--culture-projects .ap-swiper__item--multi > :last-of-type{position:absolute;top:clamp(0px, calc(235 / var(--ap-pdp-width) * 100cqi), 235px);left:clamp(0px, calc(100 / var(--ap-pdp-width) * 100cqi), 100px)}
.ap-page--culture-projects .ap-swiper__button--prev,.ap-page--culture-projects .ap-swiper__button--next{width:clamp(0px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px);height:clamp(0px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px);z-index:20}
.ap-page--culture-projects .ap-swiper__button--list{top:clamp(0px, calc(40 / var(--ap-pdp-width) * 100cqi), 40px);left:clamp(0px, calc(40 / var(--ap-pdp-width) * 100cqi), 40px);z-index:20}
}
.ap-page--culture-projects .ap-video{display:flex;justify-content:center;align-items:center;width:100%;height:100%}
.ap-page--culture-projects .ap-video--full video{position:absolute;top:0;right:0;bottom:0;left:0}
.ap-page--culture-projects .ap-video--auto video{width:auto}
.ap-page--culture-projects .ap-video--bg{background:var(--ap-color-default)}
.ap-page--culture-projects .ap-video__btn{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;justify-content:center;align-items:center;width:90%;height:90%;transition:all 0.3s ease;z-index:10;background:none;border:none;cursor:pointer}
.ap-page--culture-projects .ap-video__btn:hover{transform:translate(-50%, -50%) scale(1.1)}
.ap-page--culture-projects .ap-video__btn:hover .ap-video__icon--pause{opacity:0.8}
.ap-page--culture-projects .ap-video__icon{display:block;transition:all 0.3s ease-in-out;width:clamp(0px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px);height:clamp(0px, calc(80 / var(--ap-pdp-width) * 100cqi), 80px);background-size:contain;background-repeat:no-repeat;background-position:center}
.ap-page--culture-projects .ap-video__icon--play{opacity:1;background-image:url("/kr/ko/resource/img/culture/page_culture-projects_play_kr_250919.png")}
.ap-page--culture-projects .ap-video__icon--pause{opacity:0;background-image:url("/kr/ko/resource/img/culture/page_culture-projects_pause_kr_250919.png")}
@container article (max-width: 750px){
.ap-page--culture-projects .ap-video__btn:hover{transform:translate(-50%, -50%) scale(1)}
.ap-page--culture-projects .ap-video__btn:hover .ap-video__icon--pause,.ap-page--culture-projects .ap-video__btn .ap-video__icon--pause{opacity:0}
}
.ap-page--culture-projects .ap-video iframe{width:100%;height:100%}
@container article (max-width: 750px){
.ap-page--culture-projects .ap-video{position:relative;overflow:hidden}
.ap-page--culture-projects .ap-video iframe{transform:scale(1.06)}
}
.ap-page--culture-projects .ap-audio{position:relative}
.ap-page--culture-projects .ap-audio__inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;flex-direction:column}
.ap-page--culture-projects .ap-audio__btn{height:100%;width:100%}
.ap-page--culture-projects .ap-audio__audio{opacity:0;transition:opacity 0.3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.ap-page--culture-projects .ap-audio__audio.is-visible{opacity:1}
.ap-page--culture-projects .ap-white{color:var(--ap-color-white)}
.ap-page--culture-projects .ap-white svg,.ap-page--culture-projects .ap-white path{fill:var(--ap-color-white)}
/*# sourceMappingURL=styles.css.map */