@charset "utf-8";

html body {opacity:0;}
html.loaded body {
	opacity:1;
	-o-transition: all .75s .35s ease-in-out;
    -ms-transition: all .75s .35s ease-in-out;
    -moz-transition: all .75s .35s ease-in-out;
    -webkit-transition: all .75s .35s ease-in-out;
    transition: all .75s .35s ease-in-out;
}

/* ######################################################################################################################################################################################################## */
header {}
header .wrap {padding:6.2rem 6rem 0;display:flex;}
header .wrap .logo-wrap {margin-right:24rem;width:20.7rem;height:10.8rem;}
header .wrap .filters-button-group {display:flex;}
header .wrap .menu {width:22rem;}
header .wrap .menu.last {width:auto;}
header .wrap .menu ul li + li {margin-top:.5rem;}
header .wrap .menu ul li a {position:relative;color:#373737;font-size:2rem;cursor:progress;}
header .wrap .menu ul li a.is-checked {font-weight:700;}
header .wrap .menu ul li a:after {content:"";position:absolute;top:50%;left:100%;transform:translate(.5rem,-50%) scale(0);transform-origin:left center;width:2.3rem;height:1.6rem;background:url('../images/common/menu-arrow.svg') no-repeat center center/cover;}
header .wrap .menu ul li a.is-checked:after {transform:translate(.5rem,-50%) scale(1);}

/* ######################################################################################################################################################################################################## */
footer {margin-top:18rem;}
footer .wrap {padding:0 6rem 7.8rem;}
footer .wrap .instagram-post-share {text-align:right;}
footer .wrap .instagram-post-share a {display:inline-flex;width:5rem;height:5rem;background:url('../images/common/instagram-icon.svg') no-repeat center center;text-indent:-99999px;overflow:hidden;}
footer .wrap .copyright {margin-top:2.2rem;border-top:.1rem solid rgba(92,92,92,.5);padding-top:3.6rem;display:flex;justify-content:space-between;}
footer .wrap .copyright p {display:flex;align-items:center;color:#373737;font-size:1.6rem;}
footer .wrap .copyright p em {display:flex;gap:1.5rem;align-items:center;margin-right:2rem;}
footer .wrap .copyright p span {display:inline-flex;align-items:center;}
footer .wrap .copyright p span + span:before {content:"";display:inline-block;width:1px;height:1.4rem;background-color:#373737;margin:0 .8rem;}

/* ######################################################################################################################################################################################################## */
.isotope-wrapper {padding:12rem 3rem 0 6rem;}
.isotope-wrapper #project-grid .element-item {position:relative;width:20.7rem;margin:0 1.6rem 1.6rem 0;display:flex;border-radius:1rem;overflow:hidden;}
.isotope-wrapper #project-grid .element-item a {position:absolute;top:0;left:0;width:100%;height:100%;}
.isotope-wrapper #project-grid .element-item .titles {
	width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 4.2rem;
	-ms-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.isotope-wrapper #project-grid .element-item .titles h2 {font-size:2rem;font-weight:700;line-height:1.1;letter-spacing:-.05em;text-align:center;word-break:break-all;text-shadow: 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white;}
.isotope-wrapper #project-grid .element-item .titles h2 br {display:none;}
.isotope-wrapper #project-grid .element-item .titles h3 {color:#8D8D8D;font-size:2rem;line-height:1.0;letter-spacing:-.05rem;text-align:center;margin-top:.6rem;word-break:break-all;text-shadow: 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white;}
.isotope-wrapper #project-grid .element-item.ty1 .titles {background:url('../images/there/path-ty1.svg') no-repeat center center/cover;}
.isotope-wrapper #project-grid .element-item.ty2 .titles {background:url('../images/there/path-ty2.svg') no-repeat center center/cover;}
.isotope-wrapper #project-grid .element-item.ty3 .titles {background:url('../images/there/path-ty3.svg') no-repeat center center/cover;}
.isotope-wrapper #project-grid .element-item.ty4 .titles {background:url('../images/there/path-ty4.svg') no-repeat center center/cover;}
.isotope-wrapper #project-grid .element-item.ty5 .titles {background:url('../images/there/path-ty5.svg') no-repeat center center/cover;}
.isotope-wrapper #project-grid .element-item.ty6 .titles {background:url('../images/there/path-ty6.svg') no-repeat center center/cover;}
.isotope-wrapper #project-grid .element-item.ty7 .titles {background:url('../images/there/path-ty7.svg') no-repeat center center/cover;}
.isotope-wrapper #project-grid .element-item.ty8 .titles {background:url('../images/there/path-ty8.svg') no-repeat center center/cover;}
	.isotope-wrapper #project-grid .element-item.ty1:hover .titles,
	.isotope-wrapper #project-grid .element-item.ty4:hover .titles,
	.isotope-wrapper #project-grid .element-item.ty7:hover .titles {
		-webkit-transition: -webkit-transform 150ms ease-out;
		transition: transform 150ms ease-out;
		-webkit-transform: perspective(250px) rotateX(90deg) rotateY(0deg);
		transform: perspective(250px) rotateX(90deg) rotateY(0deg);
	}
	.isotope-wrapper #project-grid .element-item.ty2:hover .titles,
	.isotope-wrapper #project-grid .element-item.ty5:hover .titles,
	.isotope-wrapper #project-grid .element-item.ty8:hover .titles {
		-webkit-transition: -webkit-transform 150ms ease-out;
		transition: transform 150ms ease-out;
		-webkit-transform: perspective(150px) rotateX(0deg) rotateY(90deg);
		transform: perspective(150px) rotateX(0deg) rotateY(90deg);
	}
	.isotope-wrapper #project-grid .element-item.ty3:hover .titles,
	.isotope-wrapper #project-grid .element-item.ty6:hover .titles {
		-webkit-transition: -webkit-transform 150ms ease-out;
		transition: transform 150ms ease-out;
		-webkit-transform: perspective(-150px) rotateX(0deg) rotateY(90deg);
		transform: perspective(150px) rotateX(0deg) rotateY(-90deg);
	}


@media only screen and (max-width:1200px){
	html {font-size:8px;}
	header .wrap {padding:4.2rem 4rem 0;}
	footer {margin-top:10rem;}
	footer .wrap {padding:0rem 4rem 5rem;}
	footer .wrap .copyright {flex-direction:column;gap:2rem;}
	.isotope-wrapper {padding:8rem 2.4rem 0 4rem;}
	.isotope-wrapper #project-grid .element-item {width:calc((100% / 5) - 1.6rem);margin:0 1.6rem 1.6rem 0;}
}
@media only screen and (max-width:980px){
	.isotope-wrapper #project-grid .element-item {width:calc((100% / 4) - 1.6rem);margin:0 1.6rem 1.6rem 0;}
}
@media only screen and (max-width:800px){
	.isotope-wrapper #project-grid .element-item {width:calc((100% / 3) - 1.6rem);margin:0 1.6rem 1.6rem 0;}
}
@media only screen and (max-width:680px){
	header .wrap .logo-wrap {margin-right:10rem;}
	header .wrap .menu {width:14rem;}
}
@media only screen and (max-width:640px){
	footer .wrap .copyright p:first-child {flex-direction:column;gap:1rem;}
	footer .wrap .copyright p:last-child {width:100%;justify-content:center;}
}
@media only screen and (max-width:480px){
	header .wrap {padding:4rem 2.2rem 0;}
	header .wrap .logo-wrap {margin-right:6rem;}
	header .wrap .menu {width:10rem;}
	footer {margin-top:8.2rem;}
	footer .wrap {padding:0rem 2.2rem 3rem;}
	.isotope-wrapper {padding:6rem .6rem 0 2.2rem;}
	.isotope-wrapper #project-grid .element-item {width:calc((100% / 2) - 1.6rem);margin:0 1.6rem 1.6rem 0;}
}




/* ######################################################################################################################################################################################################## */
/* SPACE :: 고성, 속초, 양양, 아티스트, 협력단체 */
body.space footer .wrap .instagram-post-share {display:none;}
body.space footer .wrap .copyright {margin-top:0;}
body.space.bgP {background-color:#D9E0EB;}
body.space.bgA {background-color:#F4EBE0;}
body.space.bgS {background-color:#EBD9D9;}
body.home {background-color:#F8F9FB;}

#contents.space {}
#contents.space .cover {position:relative;height:81.1rem;overflow:hidden;display:flex;}
#contents.space .cover:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 78%);z-index:-1;}
#contents.space .cover figure {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;}
#contents.space .cover figure img {
	object-fit:cover;width:100%;height:100%;transform:scale(1.085);
	animation: coverFigureMotion 60s 0s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
	@keyframes coverFigureMotion {
		0% {transform:scale(1.085);}
		100% {transform:scale(1);}
	}
#contents.space .cover summary {display:flex;justify-content:flex-end;align-items:center;width:100%;padding:6rem;}
#contents.space .cover summary .title {}
#contents.space .cover summary .title h1.head-copy {color:#fff;font-size:11rem;letter-spacing:-.05em;line-height:1.2;text-align:right;margin-top:4rem;word-break:break-all;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
#contents.space .cover summary .title h5.sub-copy {color:#fff;font-size:4.5rem;letter-spacing:-.05em;line-height:1.2;text-align:right;word-break:break-all;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
#contents.space .cover summary .title.shadow h1.head-copy,
#contents.space .cover summary .title.shadow h5.sub-copy {text-shadow: 0 0 .5rem black, 0 0 .5rem black, 0 0 .5rem black, 0 0 1rem black, 0 0 1.5rem black;}
#contents.space .cover summary .table {position:absolute;left:6rem;right:6rem;bottom:4rem;display:flex;justify-content:space-between;align-items:center;}
#contents.space .cover summary .table a {display:flex;width:16rem;}
#contents.space .cover summary .table ul {display:flex;flex-wrap:wrap;max-width:70%;width:100%;}
#contents.space .cover summary .table ul li {color:#fff;font-size:1.5rem;flex-basis:calc(100% / 6);padding-right:2rem;text-shadow: 0 0 .2rem rgba(0,0,0,1), 0 0 1rem rgba(0,0,0,0.3);}
#contents.space .cover summary .table ul li:before {display:block;color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem;}
#contents.space .cover summary .table ul li:nth-child(1):before {content:"PROGRAM";}
#contents.space .cover summary .table ul li:nth-child(2):before {content:"GENRE";}
#contents.space .cover summary .table ul li:nth-child(3):before {content:"LOCATION";}
#contents.space .cover summary .table ul li:nth-child(4):before {content:"ARTIST";}
#contents.space .cover summary .table ul li:nth-child(5):before {content:"ASSOCIATES ";}
#contents.space .cover summary .table ul li:nth-child(6):before {content:"DATE";}
#contents.space .cover summary.none {align-items:flex-end;}
#contents.space .cover summary.none .title {margin-bottom:8rem;}
#contents.space .cover a.historyBack {
	position:absolute;top:50%;left:4rem;transform:translate(0,-100%);width:5rem;height:5rem;background:url('../images/common/history-back.svg') no-repeat center center/cover;text-indent:-99999px;
	animation: historyBackBtnMotion 2.5s .5s ease-in-out infinite;
}
	@keyframes historyBackBtnMotion {
		0% {transform:translate(0,-100%);}
		50% {transform:translate(-2rem,-100%);}
		80% {transform:translate(0,-100%);}
	}

#contents.space .wrap h3.title {position:relative;display:flex;font-size:3.5rem;font-weight:700;align-items:center;overflow:hidden;}
#contents.space .wrap h3.title:before {content:"";flex-basis:5rem;height:5.2rem;background:url('../images/common/title-icon.svg') no-repeat center center/cover;margin-right:1rem;}
#contents.space .wrap h3.title:after {content:"";flex-basis:100%;flex:auto;height:1px;background-color:#8D8D8D;margin-left:1rem}

#contents .wrap .overview {max-width:1200px;width:100%;margin:12rem auto 0;padding:0 4rem;}
#contents .wrap .overview .table {display:flex;flex-wrap:wrap;margin-top:8rem;}
#contents .wrap .overview .table > .gallery-wrap {position:relative;width:55.7%;}
#contents .wrap .overview .table > .gallery-wrap .swiperContainer {display:flex;border-radius:2rem;overflow:hidden;}
#contents .wrap .overview .table > .gallery-wrap .swiperContainer .swiper-wrapper .swiper-slide {display:flex;}
#contents .wrap .overview .table > .gallery-wrap .overviewSwiperPagging {display:flex;justify-content:center;gap:4.2rem;}
#contents .wrap .overview .table > .gallery-wrap .overviewSwiperPagging.swiper-pagination-bullets {margin-top:3rem;}
#contents .wrap .overview .table > .gallery-wrap .overviewSwiperPagging .swiper-pagination-bullet {width:1.4rem;height:1.4rem;border-radius:50%;background-color:#fff;}
#contents .wrap .overview .table > .gallery-wrap .overviewSwiperPagging .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#373737;}
#contents .wrap .overview .table > .column {width:calc(100% - 55.7%);padding-left:4.4rem;padding-top:1rem;}
#contents .wrap .overview .table > .column h1 {font-size:4rem;margin-bottom:1rem;word-break:break-all;}
#contents .wrap .overview .table > .column h2 {font-size:4rem;}
#contents .wrap .overview .table > .column h2:before {content:"<";}
#contents .wrap .overview .table > .column h2:after {content:">";}
#contents .wrap .overview .table > .column .tag {font-size:1.8rem;margin-top:2.4rem;}
#contents .wrap .overview .table > .column .tag span {display:block;font-size:1.2rem;margin-top:.6rem;}
#contents .wrap .overview .table > .column .desc {border-top:1px dotted #c2c2c2;border-bottom:1px dotted #c2c2c2;margin-top:4.4rem;padding:2.2rem 0 2.6rem;}
#contents .wrap .overview .table > .column .desc h5 {font-size:1.8rem;font-weight:700;}
#contents .wrap .overview .table > .column .desc ul {display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;}
#contents .wrap .overview .table > .column .desc ul li {color:#373737;font-size:1.2rem;}
#contents .wrap .overview .table > .column .desc ul li em {font-weight:700;border-left:2px solid #111;padding:0 .5rem;}
#contents .wrap .overview .table > .column .social-btn-wrap {display:flex;flex-wrap:wrap;gap:1.5rem 0;margin-top:3.6rem;}
#contents .wrap .overview .table > .column .social-btn-wrap a {position:relative;flex-basis:calc(100% / 2);font-size:1.5rem;font-weight:700;padding:.2rem 0 0 3rem;}
/*#contents .wrap .overview .table > .column .social-btn-wrap a.link {flex-basis:calc(100% / 3);}*/
#contents .wrap .overview .table > .column .social-btn-wrap a:before {position:absolute;top:0;left:0;content:"";width:2.5rem;height:2.5rem;margin-right:.5rem;}
#contents .wrap .overview .table > .column .social-btn-wrap a.instagram:before {background:url('../images/common/sub-icon-instagram.svg') no-repeat center center/cover;}
#contents .wrap .overview .table > .column .social-btn-wrap a.homepage:before {background:url('../images/common/sub-icon-homepage.svg') no-repeat center center/cover;}
#contents .wrap .overview .table > .column .social-btn-wrap a.youtube:before {background:url('../images/common/sub-icon-youtube.svg') no-repeat center center/cover;}
#contents .wrap .overview .table > .column .social-btn-wrap a.download:before {background:url('../images/common/sub-icon-download.svg') no-repeat center center/cover;}
#contents .wrap .overview .table > .column .social-btn-wrap a.navermap:before {background:url('../images/common/sub-icon-navermap.svg') no-repeat center center/cover;}
#contents .wrap .overview .table > .column .social-btn-wrap a.link:before {background:url('../images/common/sub-icon-link.svg') no-repeat center center/cover;}
#contents .wrap .overview .table > .column .social-btn-wrap a.mail:before {background:url('../images/common/sub-icon-mail.svg') no-repeat center center/cover;}
#contents .wrap .overview .table > .column .social-btn-wrap a.blog:before {background:url('../images/common/sub-icon-blog.svg') no-repeat center center/cover;}
#contents .wrap .overview .table > .column.none .social-btn-wrap {margin-top:5rem;padding-top:3rem;border-top:1px dotted #c2c2c2;}
#contents .wrap .overview .table > .column.none h1 br,
#contents .wrap .overview .table > .column.none h2 br {display:block;}
#contents.space .wrap .overview .explain {display:flex;flex-wrap:wrap;align-items:center;margin-top:5.3rem;}
#contents.space .wrap .overview .explain p.title {display:flex;justify-content:center;align-items:center;width:30.4rem;height:29.4rem;font-size:3.8rem;font-weight:700;text-align:center;padding:0 3rem;word-break:break-all;}
#contents.space .wrap .overview .explain.ty1 p.title {background:url('../images/there/sub-path-ty1.svg') no-repeat center center/contain;}
#contents.space .wrap .overview .explain.ty2 p.title {background:url('../images/there/sub-path-ty2.svg') no-repeat center center/contain;}
#contents.space .wrap .overview .explain.ty3 p.title {background:url('../images/there/sub-path-ty3.svg') no-repeat center center/contain;}
#contents.space .wrap .overview .explain.ty4 p.title {background:url('../images/there/sub-path-ty4.svg') no-repeat center center/contain;}
#contents.space .wrap .overview .explain.ty5 p.title {background:url('../images/there/sub-path-ty5.svg') no-repeat center center/contain;}
#contents.space .wrap .overview .explain section {width:calc(100% - 32.8rem);font-size:2.4rem;letter-spacing:-0.075em;background-color:rgba(255,255,255,.7);padding:6rem 7.6rem;margin-left:2.4rem;border-radius:2rem;}
#contents.space .wrap .overview .explain.none {background-color:rgba(255,255,255,.7);border-radius:2rem;padding:5rem 5rem 5rem 3rem;}
#contents.space .wrap .overview .explain.none p.title {height:auto;letter-spacing:-0.05em;padding:0 3rem 0 0;}
#contents.space .wrap .overview .explain.none section {width:calc(100% - 30.4rem);background:none;border-radius:0;margin:0;padding:0 0 0 5rem;border-left:1px solid #8D8D8D;}


#contents.space .wrap .archive {margin-top:12rem;padding-bottom:4rem;overflow:hidden;}
#contents.space .wrap .archive h3 {max-width:1200px;width:100%;margin:0 auto;padding:0 4rem;}
#contents.space .wrap .archive .swiperContainer {max-width:87rem;margin:8rem auto 0;}
#contents.space .wrap .archive .swiperContainer .swiper-wrapper .swiper-slide {position:relative;display:flex;border-radius:2rem;overflow:hidden;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
#contents.space .wrap .archive .swiperContainer .swiper-wrapper .swiper-slide:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(217,217,217,.5);opacity:1;}
#contents.space .wrap .archive .swiperContainer .swiper-wrapper .swiper-slide img {opacity:.2;}
#contents.space .wrap .archive .swiperContainer .swiper-wrapper .swiper-slide.swiper-slide-active:after {opacity:0;}
#contents.space .wrap .archive .swiperContainer .swiper-wrapper .swiper-slide.swiper-slide-active img {opacity:1;}
#contents.space .wrap .archive .swiperContainer .archiveSwiperPagging {display:flex;justify-content:center;gap:4.2rem;margin-top:4rem}
#contents.space .wrap .archive .swiperContainer .archiveSwiperPagging .swiper-pagination-bullet {width:1.4rem;height:1.4rem;border-radius:50%;background-color:#fff;}
#contents.space .wrap .archive .swiperContainer .archiveSwiperPagging .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#373737;}

#contents.space .wrap .related {max-width:1200px;width:100%;margin:10rem auto 0;padding:0 4rem;}
#contents.space .wrap .related h3 {}
#contents.space .wrap .related .related-wrap {display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:8rem;margin-right:-1.6rem;}
#contents.space .wrap .related .related-wrap .element-item {position:relative;width:calc((100% / 5) - 1.6rem);display:flex;border-radius:1rem;overflow:hidden;}
#contents.space .wrap .related .related-wrap .element-item a {position:absolute;top:0;left:0;width:100%;height:100%;}
#contents.space .wrap .related .related-wrap .element-item .titles {
	width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 4.2rem;
	-ms-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-ms-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#contents.space .wrap .related .related-wrap .element-item .titles h2 {font-size:2rem;font-weight:700;line-height:1.2;letter-spacing:-.05rem;text-align:center;word-break:break-all;text-shadow: 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white;}
#contents.space .wrap .related .related-wrap .element-item .titles h2 br {display:none;}
#contents.space .wrap .related .related-wrap .element-item .titles h3 {color:#8D8D8D;font-size:2rem;line-height:1.2;letter-spacing:-.05rem;text-align:center;margin-top:.6rem;word-break:break-all;text-shadow: 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white;}
#contents.space .wrap .related .related-wrap .element-item.ty1 .titles {background:url('../images/there/path-ty1.svg') no-repeat center center/cover;}
#contents.space .wrap .related .related-wrap .element-item.ty2 .titles {background:url('../images/there/path-ty2.svg') no-repeat center center/cover;}
#contents.space .wrap .related .related-wrap .element-item.ty3 .titles {background:url('../images/there/path-ty3.svg') no-repeat center center/cover;}
#contents.space .wrap .related .related-wrap .element-item.ty4 .titles {background:url('../images/there/path-ty4.svg') no-repeat center center/cover;}
#contents.space .wrap .related .related-wrap .element-item.ty5 .titles {background:url('../images/there/path-ty5.svg') no-repeat center center/cover;}
#contents.space .wrap .related .related-wrap .element-item.ty6 .titles {background:url('../images/there/path-ty6.svg') no-repeat center center/cover;}
#contents.space .wrap .related .related-wrap .element-item.ty7 .titles {background:url('../images/there/path-ty7.svg') no-repeat center center/cover;}
#contents.space .wrap .related .related-wrap .element-item.ty8 .titles {background:url('../images/there/path-ty8.svg') no-repeat center center/cover;}
	#contents.space .wrap .related .related-wrap .element-item.ty1:hover .titles,
	#contents.space .wrap .related .related-wrap .element-item.ty4:hover .titles,
	#contents.space .wrap .related .related-wrap .element-item.ty7:hover .titles {
		-webkit-transition: -webkit-transform 150ms ease-out;
		transition: transform 150ms ease-out;
		-webkit-transform: perspective(250px) rotateX(90deg) rotateY(0deg);
		transform: perspective(250px) rotateX(90deg) rotateY(0deg);
	}
	#contents.space .wrap .related .related-wrap .element-item.ty2:hover .titles,
	#contents.space .wrap .related .related-wrap .element-item.ty5:hover .titles,
	#contents.space .wrap .related .related-wrap .element-item.ty8:hover .titles {
		-webkit-transition: -webkit-transform 150ms ease-out;
		transition: transform 150ms ease-out;
		-webkit-transform: perspective(150px) rotateX(0deg) rotateY(90deg);
		transform: perspective(150px) rotateX(0deg) rotateY(90deg);
	}
	#contents.space .wrap .related .related-wrap .element-item.ty3:hover .titles,
	#contents.space .wrap .related .related-wrap .element-item.ty6:hover .titles {
		-webkit-transition: -webkit-transform 150ms ease-out;
		transition: transform 150ms ease-out;
		-webkit-transform: perspective(-150px) rotateX(0deg) rotateY(90deg);
		transform: perspective(150px) rotateX(0deg) rotateY(-90deg);
	}

@media only screen and (max-width:1200px){
	#contents.space .cover summary {padding:0 3rem 3rem;}
	#contents.space .cover summary .table ul {max-width:80%;}

	#contents.space .wrap .overview {padding:0 3rem;}
	#contents.space .wrap .archive h3 {padding:0 3rem;}
	#contents.space .wrap .related {padding:0 3rem;}
}
@media only screen and (max-width:960px){
	#contents.space .cover summary .title h1.head-copy {font-size:9rem;margin-top:2rem;}
	#contents.space .cover summary .title h5.sub-copy {font-size:4rem;}
	#contents.space .cover summary .table {top:4rem;bottom:3rem;left:3rem;right:3rem;flex-direction:column;align-items:flex-start;}
	#contents.space .cover summary .table a {width:12rem;}
	#contents.space .cover summary .table ul {max-width:100%;}

	#contents.space .wrap .overview .explain {flex-direction:column;}
	#contents.space .wrap .overview .explain section {width:100%;padding:3rem 4rem;margin:4rem 0 0;}
	#contents.space .wrap .overview .explain.none {flex-direction:column;}
	#contents.space .wrap .overview .explain.none p.title {width:100%;padding:0;justify-content:flex-start;}
	#contents.space .wrap .overview .explain.none section {width:100%;padding:0;margin-top:2rem;border:0;}
}
@media only screen and (max-width:860px){
	#contents .wrap .overview .table > .gallery-wrap {width:100%;}
	#contents .wrap .overview .table > .gallery-wrap .swiperContainer .swiper-wrapper .swiper-slide img {max-width:100%;width:100%;}
	#contents .wrap .overview .table > .column {width:100%;padding:0;margin-top:3rem;}
	#contents .wrap .overview .table > .column h1,
	#contents .wrap .overview .table > .column h2,
	#contents .wrap .overview .table > .column .tag {text-align:center;}
	#contents .wrap .overview .table > .column .social-btn-wrap {gap:2.6rem 0;}
	#contents .wrap .overview .table > .column .social-btn-wrap a {flex-basis:calc(100% / 3);}

	#contents.space .wrap .related .related-wrap .element-item {width:calc((100% / 3) - 1.6rem);}
}
@media only screen and (max-width:768px){
	#contents.space .cover a.historyBack {display:none;}
	#contents.space .cover {height:78vh;}
	#contents.space .cover summary .title {margin-bottom:5rem;}
	#contents.space .cover summary .title h1.head-copy {font-size:6rem;margin-top:0;}
	#contents.space .cover summary .title h5.sub-copy {font-size:2rem;}
	#contents.space .cover summary .title h1.head-copy br,
	#contents.space .cover summary .title h5.sub-copy br {display:none;}
	#contents.space .cover summary .table ul {gap:2.6rem 0;}
	#contents.space .cover summary .table ul li {flex-basis:calc(100% / 3);}

	#contents.space .wrap h3.title {font-size:2.4rem;}
	#contents.space .wrap h3.title:before {flex-basis:3rem;height:3.1rem;}
	#contents .wrap .overview {margin:8rem auto 0;}
	#contents .wrap .overview .table {margin-top:4rem;}
	#contents .wrap .overview .explain p.title {margin:0 auto;}
	#contents .wrap .overview .explain section {width:100%;margin-left:0;margin-top:3rem;padding:3rem;}
	#contents .wrap .overview .table > .gallery-wrap .overviewSwiperPagging.swiper-pagination-bullets {gap:2rem;margin-top:2rem;}
	#contents .wrap .overview .table > .gallery-wrap .overviewSwiperPagging .swiper-pagination-bullet {width:1rem;height:1rem;}
	#contents .wrap .overview .explain.none {padding:3rem;}

	#contents.space .wrap .archive {margin:8rem auto 0;padding:0 3rem;}
	#contents.space .wrap .archive h3 {padding:0;}
	#contents.space .wrap .archive .swiperContainer {max-width:100%;width:100%;margin:4rem auto 0;}
	#contents.space .wrap .archive .swiperContainer .archiveSwiperPagging {gap:2rem;margin-top:3rem;}
	#contents.space .wrap .archive .swiperContainer .archiveSwiperPagging .swiper-pagination-bullet {width:1rem;height:1rem;}
}
@media only screen and (max-width:640px){
	#contents .wrap .overview .table > .column .social-btn-wrap a {flex-basis:calc(100% / 2);}
}
@media only screen and (max-width:560px){
	#contents.space .cover {height:563px;}
	#contents.space .wrap .related .related-wrap .element-item {width:calc((100% / 2) - 1.6rem);}
}



/* ######################################################################################################################################################################################################## */
/* ABOUT :: 거기누구있소 */
body.about footer .wrap .instagram-post-share {display:none;}
body.about.T1 {background-color:#000;}
body.about.T1 footer {background-color:#D9D9D9;margin:0;}
body.about.T1 footer .wrap .copyright {border-top:0;margin-top:0;}
body.about.T2 {}
body.about.T2 footer {background-color:#000;margin:0;}
body.about.T2 footer .wrap .copyright {border-top:0;margin-top:0;}
body.about.T2 footer .wrap .copyright p {color:#fff;}
body.about.T2 footer .wrap .copyright p span + span:before {background-color:#fff;}

#contents.about {}
#contents.about .cover {position:relative;height:81.1rem;overflow:hidden;display:flex;}
#contents.about .cover:before {content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.00) 78%);z-index:-1;}
#contents.about .cover figure {position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;}
#contents.about .cover figure img {
	object-fit:cover;width:100%;height:100%;transform:scale(1.4);
	animation: coverFigureMotion 60s 0s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
	@keyframes coverFigureMotion {
		0% {transform:scale(1.4);}
		100% {transform:scale(1);}
	}
#contents.about .cover summary {display:flex;justify-content:flex-end;align-items:flex-end;width:100%;padding:6rem;}
#contents.about .cover summary .title {margin-bottom:8rem;}
#contents.about .cover summary .title h1.head-copy {color:#fff;font-size:11rem;line-height:1.2;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);text-align:right;margin-top:4rem;word-break:break-all;}
#contents.about .cover summary .title h5.sub-copy {color:#fff;font-size:4.5rem;line-height:1.2;text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25);text-align:right;word-break:break-all;}
#contents.about .cover summary .table {position:absolute;left:6rem;right:6rem;bottom:4rem;display:flex;justify-content:space-between;align-items:center;}
#contents.about .cover summary .table a {display:flex;width:16rem;}
#contents.about .cover a.historyBack {
	position:absolute;top:50%;left:4rem;transform:translate(0,-100%);width:5rem;height:5rem;background:url('../images/common/history-back.svg') no-repeat center center/cover;text-indent:-99999px;
	animation: historyBackBtnMotion 2.5s .5s ease-in-out infinite;
}
	@keyframes historyBackBtnMotion {
		0% {transform:translate(0,-100%);}
		50% {transform:translate(-2rem,-100%);}
		80% {transform:translate(0,-100%);}
	}


#contents.about .wrap h3.title {position:relative;display:flex;color:#fff;font-size:3.5rem;font-weight:700;align-items:center;overflow:hidden;}
#contents.about .wrap h3.title:before {content:"";flex-basis:5rem;height:5.2rem;background:url('../images/common/title-icon.svg') no-repeat center center/cover;margin-right:1rem;}
#contents.about .wrap h3.title:after {content:"";flex-basis:100%;flex:auto;height:1px;background-color:#F8F9FB;margin-left:1rem}

body.about.T2 #contents.about .wrap h3.title {color:#000}
body.about.T2 #contents.about .wrap h3.title:after {background-color:#000;}

#contents.about .wrap .overview {max-width:1200px;width:100%;margin:11rem auto 0;padding:0 4rem;}
body.T2 #contents.about .wrap .overview {padding-bottom:20rem;}
#contents.about .wrap .overview .head-title {}
#contents.about .wrap .overview .head-title .t1 {color:#adadad;font-size:9.5rem;font-weight:700;text-align:center;}
#contents.about .wrap .overview .head-title .t2 {color:#adadad;font-size:3.8rem;text-align:center;}
#contents.about .wrap .overview .thumbnail {display:flex;flex-wrap:wrap;gap:2.9rem 2.9rem;margin-top:8rem;}
#contents.about .wrap .overview .thumbnail figure {flex:1 1 0;display:flex;border-radius:2rem;overflow:hidden;}
#contents.about .wrap .overview .summary-wrap {display:flex;flex-wrap:wrap;margin-top:8rem;}
#contents.about .wrap .overview .summary-wrap > div {flex:1 1 0;}
#contents.about .wrap .overview .summary-wrap > div:first-child {padding-right:6.8rem;}
#contents.about .wrap .overview .summary-wrap > div:last-child {padding-left:6.8rem;border-left:1px solid #adadad;display:flex;align-items:center;}
#contents.about .wrap .overview .summary-wrap > div h1 {color:#adadad;font-size:4rem;}
#contents.about .wrap .overview .summary-wrap > div h2 {color:#adadad;font-size:2.4rem;margin-top:2.4rem;}
#contents.about .wrap .overview .summary-wrap > div h3 {color:#adadad;font-size:2rem;word-break:break-all;}

#contents.about .wrap .overview .table > .gallery-wrap .swiperPagging {display:flex;justify-content:center;gap:4.2rem;}
#contents.about .wrap .overview .table > .gallery-wrap .swiperPagging.swiper-pagination-bullets {margin-top:3rem;}
#contents.about .wrap .overview .table > .gallery-wrap .swiperPagging .swiper-pagination-bullet {width:1.4rem;height:1.4rem;border-radius:50%;background-color:#f0f0f0;}
#contents.about .wrap .overview .table > .gallery-wrap .swiperPagging .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#373737;}

#contents.about .wrap .archive {overflow:hidden;}
#contents.about .wrap .archive {margin-top:12rem;padding-bottom:20rem;overflow:hidden;}
#contents.about .wrap .archive h3 {max-width:1200px;width:100%;margin:0 auto;padding:0 4rem;}
#contents.about .wrap .archive .swiperContainer {max-width:87rem;margin:8rem auto 0;}
#contents.about .wrap .archive .swiperContainer .swiper-wrapper .swiper-slide {position:relative;display:flex;border-radius:2rem;overflow:hidden;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
#contents.about .wrap .archive .swiperContainer .swiper-wrapper .swiper-slide:after {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(217,217,217,.5);opacity:1;}
#contents.about .wrap .archive .swiperContainer .swiper-wrapper .swiper-slide img {opacity:.2;}
#contents.about .wrap .archive .swiperContainer .swiper-wrapper .swiper-slide.swiper-slide-active:after {opacity:0;}
#contents.about .wrap .archive .swiperContainer .swiper-wrapper .swiper-slide.swiper-slide-active img {opacity:1;}
#contents.about .wrap .archive .swiperContainer .swiperPagging {display:flex;justify-content:center;gap:4.2rem;margin-top:4rem}
#contents.about .wrap .archive .swiperContainer .swiperPagging .swiper-pagination-bullet {width:1.4rem;height:1.4rem;border-radius:50%;background-color:#fff;}
#contents.about .wrap .archive .swiperContainer .swiperPagging .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:#373737;}




@media only screen and (max-width:1200px){
	#contents.about .cover summary {padding:0 3rem 3rem;}
	#contents.about .cover summary .table ul {max-width:80%;}

	#contents.about .wrap .overview {padding:0 3rem;}
	#contents.about .wrap .archive h3 {padding:0 3rem;}
}
@media only screen and (max-width:960px){
	#contents.about .cover summary .title h1.head-copy {font-size:9rem;margin-top:2rem;}
	#contents.about .cover summary .title h5.sub-copy {font-size:4rem;}
	#contents.about .cover summary .table {top:4rem;bottom:3rem;left:3rem;right:3rem;flex-direction:column;align-items:flex-start;}
	#contents.about .cover summary .table a {width:12rem;}

	#contents.about .wrap .overview .explain section {padding:3rem 4rem;}
	#contents.about .wrap .overview .explain.none {flex-direction:column;}
	#contents.about .wrap .overview .explain.none p.title {width:100%;padding:0;justify-content:flex-start;}
	#contents.about .wrap .overview .explain.none section {width:100%;padding:0;margin-top:2rem;border:0;}
}
@media only screen and (max-width:860px){
	#contents.about .wrap .overview .thumbnail {gap:2rem 1.6rem;}
	#contents.about .wrap .overview .summary-wrap > div:first-child {padding-right:4rem;}
	#contents.about .wrap .overview .summary-wrap > div:last-child {padding-left:4rem;}
}
@media only screen and (max-width:768px){
	#contents.about .cover a.historyBack {display:none;}
	#contents.about .cover {height:78vh;}
	#contents.about .cover summary .title {margin-bottom:5rem;}
	#contents.about .cover summary .title h1.head-copy {font-size:6rem;margin-top:0;}
	#contents.about .cover summary .title h5.sub-copy {font-size:2rem;}
	#contents.about .cover summary .title h1.head-copy br,
	#contents.about .cover summary .title h5.sub-copy br {display:none;}
	#contents.about .cover summary .table ul {gap:2.6rem 0;}
	#contents.about .cover summary .table ul li {flex-basis:calc(100% / 3);}

	#contents.about .wrap h3.title {font-size:2.4rem;}
	#contents.about .wrap h3.title:before {flex-basis:3rem;height:3.1rem;}
	#contents.about .wrap .overview {margin-top:8rem;}
	#contents.about .wrap .overview .thumbnail {flex-direction:column;}
	#contents.about .wrap .overview .thumbnail figure {flex:auto;}
	#contents.about .wrap .overview .thumbnail figure img {max-width:100%;width:100%;}
	#contents.about .wrap .overview .summary-wrap {flex-direction:column;}
	#contents.about .wrap .overview .summary-wrap > div:first-child {padding-right:0;}
	#contents.about .wrap .overview .summary-wrap > div:last-child {padding-left:0;border:0;border-top:1px solid #adadad;margin-top:4rem;padding-top:4rem;}
	body.T2 #contents.about .wrap .overview {padding:0 3rem 12rem;}
	
	#contents.about .wrap .archive {margin-top:8rem;padding:0 3rem 12rem;}
	#contents.about .wrap .archive h3 {padding:0;}
	#contents.about .wrap .archive .swiperContainer {max-width:100%;width:100%;margin:4rem auto 0;}
	#contents.about .wrap .archive .swiperContainer .archiveSwiperPagging {gap:2rem;margin-top:3rem;}
	#contents.about .wrap .archive .swiperContainer .archiveSwiperPagging .swiper-pagination-bullet {width:1rem;height:1rem;}
}
@media only screen and (max-width:640px){
}
@media only screen and (max-width:560px){
	#contents.about .cover {height:563px;}
}