@charset "utf-8";
.pcbr {display: none;}
.tbbr {display: none;}
.mbbr {display: block;}
.dn {display: none;}
.innerWrap{width:90%;margin:0 auto;}



/* work */
#contents {padding: 100px 0;}
.workList {padding:0px 0;}
.workList ul {
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 50px;
	margin: 0 0 40px;
}
.workList ul li {width:100%;}
.workList ul li .thumb img{width: 100%;}
.workList ul li .tit {
	margin-top: 16px;
	font-size: var(--fz-16);
	color: #111;
	font-weight: 500;
}





/* intro */
.intro{
	position:fixed;left:0;top:0;z-index:10000;
	width:100%;height:100%;
	background:#000;	
}
.intro .year{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	font-family:'DIN2014';font-size:var(--fz-60);line-height:1em;color:#fff;
}
.intro .year {display: flex;}
.intro   .digit-wrap {
	overflow: hidden;
	height: 1em;
	display: block;
}
.intro .digit-inner {
	display: flex;
	flex-direction: column;
	will-change: transform;
}
.intro .digit-inner span {
	display: block;
	height: 1em;
	line-height: 1;
}
.intro .insight{
	position:absolute;left:50%;top:50%;
	display:flex;gap:10px;
	transform:translate(-50%,-50%);
	font-family:'DIN2014';font-size:var(--fz-40);line-height:1em;color:#fff;
	opacity:0;
}
.intro .insight>div{position:relative;}
.intro .insight>div .line{
	position:absolute;top:50%;
	width:38vw;height:1px;
	background:#fff;
	transform:scaleX(0);
}
.intro .insight>div:nth-child(1) .line{right:calc(100% + 20px);transform-origin:right;}
.intro .insight>div:nth-child(2) .line{left:calc(100% + 20px);transform-origin:left;}
.insight span {
	display: inline-block;  /* y 애니를 위해 필수 */
	opacity: 0;
	transform: translateY(20px);
}