/* 공통사항 */
   
*{scroll-behavior: smooth;
	margin:0;
	box-sizing: border-box;}
input{display: none;}
img{
	width:100%;
	height:auto;
	user-drag: none;
    -webkit-user-drag: none;
    border-radius: calc(8px + 0.5em);
}
canvas{
	width:100%;
	height:100%;
	display: block;
	margin:0;
	aspect-ratio:auto;
}
footer{
	padding: calc(60px + 5rem) 5rem;
	padding-bottom: calc(25px + 1.75rem);
}
nav{width:100vw;
	z-index: 1000;
	position: fixed;
	top:0;
	left: 0;
	min-height: 3vh;
	padding-top:35px;
}
#com {width:10vw; height: auto; z-index: 500; position: absolute;}
.coming {}
.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.grid {
	align-items: baseline;
	justify-items:text-top;
	vertical-align:text-top;
	display: grid;
	grid-template-columns:repeat(auto-fit,minmax(2rem,1fr));
	column-gap: 1.4rem;
}
.col-1{
	grid-column: auto / span 4;
}
.col-2{
	grid-column: auto / span 5;
}
.col-3{
	grid-column: auto / span 2;
}
.col-7{
	grid-column: auto / span 7;
}
.col-9{
	grid-column: auto / span 9;
}


/* 나브nav */

nav > div {	
	width: 95%; 
	margin-left: auto; 
	margin-right: auto;
}

.menu_btn div{
	padding: 0 3vw 0 0 ;
}


/* 비디오 */
.vidContainer{
	position: relative;
    width: 100%;
    max-width: 100%;
    padding-bottom: 56.25%; /* 16:9 비율 (9/16 = 0.5625) */
    height: 0;
}
.vidContainer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}


/* 작품 설명 description */
.description{
	padding:3rem 5rem;
	min-height: calc(30vh + 20rem);
}
.description > div {
	margin-bottom: 10vh;
}
.info{
	justify-content: left;
	flex-wrap: wrap;
	gap: 0px 0.6rem;
}
.langToggle{
	width: calc(6em + 5vw);
    cursor: pointer;
    z-index: 100;
    justify-self: flex-end;
}
.par{
	margin-bottom:20px;
}

/* 이미지 image */
.imgSection{
	padding:3rem 5rem 0 5rem;
}
.imgContainer{
	column-gap: 20px;
	padding:10px 0;
}
.text{padding:0.8rem 0 1.5rem 0;}


/* 더보기 more */
.gallery-Wrap{
	min-height: calc(30vh + 20rem);
	padding:calc(60px + 5rem) 5rem;
	padding-bottom: 0;
}
.gallery-Wrap > div{ padding-bottom:0;}
.gallery{
	width:100%;
	overflow-x: scroll;
	padding: 0;
}
.gallery::-webkit-scrollbar{
	display: none;
}
.thumbContainer{
	width:100%;
	grid-template-columns: auto auto;
	flex:none;
}
.thumbContainer img{padding:0.7rem;}
.btn-Wrap{
	padding: 0.7rem;
}
.btn-Wrap canvas{
	width:5rem; height: 5rem; background-color: black;
}
ol {
	transform: rotate(180deg);
}
ol li{
	transform: rotate(180deg);
	list-style-type: none;
}

/* 푸터 footer */
.footer-Wrap > div{
	/*padding-bottom:calc(20px + 0.75rem);*/
	padding-top:0;
}
.footer-Wrap > div:last-child{
	padding-left:calc(20px + 0.75rem);
}
.sns{
	flex:1;display: inline-block;
  	align-self: flex-end;
}
.footer_Interactive{
	flex:7;

	z-index: 50;
	display: flex;
	align-items: center;
}