@charset "utf-8";
.pcbr{display:none;}
.pctb{display:block;}
.tbbr{display:block;}
.mbbr{display:none;}
.dn{display:none;}

#wrap{overflow:hidden;background:#090909;}
#contents{}
.innerWrap{width:86%;margin:0 auto;}

.pageTitle{
	display:flex;align-items:flex-end;height:40vh;
	padding-top:120px;padding-bottom:60px;
	box-sizing:border-box;
}
.pageTitle>div{display:flex;align-items:center;justify-content:space-between;}
.pageTitle h2{
	font-size:var(--font-size-90);font-weight:700;color:#fff;
	width:70%;
}
.pageTitle ul{
	display:flex;align-items:center;
}
.pageTitle ul li{
	position:relative;
	padding-right:15px;margin-right:7px;
	font-size:var(--font-size-16);color:#fff;
}
.pageTitle ul li:after{
	display:block;content:"";
	width:8px;height:18px;
	background:url(/images/page/pl_arr.png) no-repeat center / cover;
	position:absolute;right:0;top:50%;margin-top:-9px;
}
.pageTitle ul li:last-child:after{display:none;}
.pageTitle ul li img{width:15px;}


.pageTop{
	overflow:hidden;
	position:relative;
	display:flex;align-items:flex-end;
	box-sizing:border-box;
	width:100%;height:60vh;
	padding-bottom:76px;
}
.pageTop.page11{
	background:url(/images/page/bg11.png) no-repeat center / cover;
}
.pageTop.page12{
	background:url(/images/page/bg12.png) no-repeat center / cover;
}
.pageTop.page13{
	background:url(/images/page/bg13.png) no-repeat center / cover;
}
.pageTop.page20{
	background:url(/images/page/bg20.png) no-repeat center / cover;
}
.pageTop.page31{
	background:url(/images/page/bg32.png) no-repeat center / cover;
}
.pageTop.page32{
	background:url(/images/page/bg33.png) no-repeat center / cover;
}
.pageTop.page33{
	background:url(/images/page/bg33.png) no-repeat center / cover;
}
.pageTop.page41{
	background:url(/images/page/bg41.png) no-repeat center / cover;
}
.pageTop.page42{
	background:url(/images/page/bg42.png) no-repeat center / cover;
}
.pageTop.page43{
	background:url(/images/page/bg43.png) no-repeat center / cover;
}
.pageTop.page44{
	background:url(/images/page/bg44.png) no-repeat center / cover;
}
.pageTop.page45{
	background:url(/images/page/bg45.png) no-repeat center / cover;
}

.pageTop .pageIntro h6{
	position:relative;z-index:10;
	font-family: Pretendard;font-size:var(--font-size-36);line-height:130%;color:#fff;font-weight:500;
}
.pageTop .pageIntroBtn{
	margin-top:40px;
	font-family: Pretendard;font-size:var(--font-size-20);line-height:150%;color:rgba(255,255,255,0.8);
}
.pageTop .pageIntroSub{
	display: block;
	margin-top: 40px;
	color: rgba(255, 255, 255, 0.8);
	font-size:var(--font-size-20);
}
.pageTop .pageTabs{margin-top:80px;}
.pageTop .pageTabs ul{display:flex;gap:7px;}
.pageTop .pageTabs ul li {flex:1;}
.pageTop .pageTabs ul li a{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:60px;
	font-size:var(--font-size-20);color:rgba(255,255,255,0.8);text-align:center;
	backdrop-filter: blur(50px);
	background:rgba(255,255,255,0.2);
	border-radius:50px;
}
.pageTop .pageTabs ul li.on a{background:#ea5515;color:#fff;font-weight:600;}


.page{padding-top:230px;}
.pageTitle1{font-size:var(--font-size-46);color:#fff;text-align:center;font-weight:600;}


/* paging */
.paging{
margin-top:80px;
text-align:center;
}
.paging a{
display: inline-block;
vertical-align: top;
box-sizing: border-box;
width: 52px;
height: 52px;
color: #999;
border-radius: 10px;
font-size: 15px;
line-height: 50px;
}
.paging strong{
display: inline-block;
vertical-align: top;
box-sizing: border-box;
width: 52px;
height: 52px;
border-radius: 50%;
background: var(--main-color);
color: #fff;
font-size: 15px;
line-height: 50px;
font-weight: 400;
}
.paging .page_begin{
width:42px;height:52px;
background:url(/images/common/page_begin.png) no-repeat center;
border:0;
}
.paging .page_prev{
width:42px;height:52px;
background:url(/images/common/page_prev.png) no-repeat center;
border:0;margin-right:20px;
}
.paging .page_next{
width:42px;height:52px;
background:url(/images/common/page_next.png) no-repeat center;
border:0;margin-left:20px;
}
.paging .page_end{
width:42px;height:52px;
background:url(/images/common/page_end.png) no-repeat center;
border:0;
}



/* m11 */
.m11{}
.m11 .sec1{padding:0 0 70px;}
.m11 .sec1 .conWrap{
	display:flex;
	height:calc(100vh - 90px);
	margin:90px auto 0;
	background:url(/images/page/m11_sec1_bg.jpg) no-repeat center / cover;
}
.m11 .sec1 .conWrap .box{
	display:flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	position:relative;
	width:50%;height:100%;
	padding:0 5%;
	text-align:center;
}
.m11 .sec1 .conWrap .box:nth-child(1){border-right:1px solid rgba(255,255,255,0.6);}
.m11 .sec1 .conWrap .box:after{
	display:block;content:"";
	width:100%;height:100%;
	background:rgba(0,0,0,0.7);
	position:absolute;left:0;top:0;
	opacity:0;
	transition:all 1s;
}
.m11 .sec1 .conWrap .box dl{position:relative;z-index:100;transition:all 0.6s;}
.m11 .sec1 .conWrap .box dl dt{
	font-size:var(--font-size-46);color:#fff;font-weight:600;
	transition:all 1s;
}
.m11 .sec1 .conWrap .box dl dd{
	position:absolute;left:0;top:150%;
	font-size:var(--font-size-20);color:#fff;line-height:30px;
	opacity:0;
	transition:all 0.6s;
}
.m11 .sec1 .conWrap .box dl.on{transform:translateY(-90px);}
.m11 .sec1 .conWrap .box dl.on dd{opacity:1;top:calc(100% + 40px);}
.m11 .sec1 .conWrap .box:hover:after{opacity:1;}

.m11 .sec2{
	overflow:hidden;
	width:100%;height:100vh;
	background:#212121;
}
.m11 .sec2 .innerWrap{
	display:flex;align-items:center;justify-content:center;
	position:relative;height:100%;
}
.m11 .sec2 .innerWrap .con{
	display:flex;align-items:center;justify-content:center;gap:40px;
	font-size:var(--font-size-70);color:#fff;font-weight:600;
}
.m11 .sec2 .innerWrap .con .line{
	width:0vw;height:1px;
	background:#fff;
	transform-origin:center;
}
.m11 .sec2 .innerWrap .car{
	position:absolute;left:0;bottom:0;z-index:10;
	width:100%;
	aspect-ratio:1920/696;
	background:url(/images/page/m11_sec2_truck.png) no-repeat center;
	background-size:cover;
	transform:translateY(100%);
}
.m11 .sec3{
	position:relative;
	padding:230px 0;
}
.m11 .sec3 .line{
	position:absolute;left:50%;top:0;
	width:1px;height:100%;
	background:rgba(255,255,255,0.3);
}
.m11 .sec3 .line>div{
	position:absolute;left:0;top:0;
	width:1px;height:0px;
	background:#ea5515;
}
.m11 .sec3 h4{font-size:var(--font-size-46);color:#fff;font-weight:600;line-height:120%;}
.m11 .sec3 .step{margin:95px 0 0;}
.m11 .sec3 .step .boxWrap{
	display:flex;justify-content:space-between;
	position:relative;
	margin-bottom:80px;
}
.m11 .sec3 .step .boxWrap:last-child{margin:0;}
.m11 .sec3 .step .boxWrap:nth-child(even){flex-direction:row-reverse;text-align:right;}
.m11 .sec3 .step .boxWrap:after{
	display:block;
	background:#090909;
	font-family:"pretendard";font-size:var(--font-size-32);color:#fff;font-weight:500;
	position:absolute;left:50%;top:0;
	transform:translateX(-50%);
	padding:10px;
}
.m11 .sec3 .step .boxWrap:nth-child(1):after{content:"01";}
.m11 .sec3 .step .boxWrap:nth-child(2):after{content:"02";}
.m11 .sec3 .step .boxWrap:nth-child(3):after{content:"03";}
.m11 .sec3 .step .boxWrap:nth-child(4):after{content:"04";}
.m11 .sec3 .step .boxWrap .img{width:40.6%;}
.m11 .sec3 .step .boxWrap .img img{width:100%;object-fit:cover;}
.m11 .sec3 .step .boxWrap .con{width:40.6%;}
.m11 .sec3 .step .boxWrap .con .tit{font-size:var(--font-size-32);color:#fff;font-weight:500;}
.m11 .sec3 .step .boxWrap .con ul{margin-top:40px;}
.m11 .sec3 .step .boxWrap .con ul li{
	position:relative;
	margin-bottom:30px;
	font-size:var(--font-size-20);color:rgba(255,255,255,0.8);
}
.m11 .sec3 .step .boxWrap .con ul li:last-child{margin:0;}
.m11 .sec3 .step .boxWrap .con ul li:before{
	display:block;content:"";
	width:6px;height:6px;
	border:1px solid rgba(156, 156, 156, 1);
	border-radius:50%;
	position:absolute;top:10px;
}

.m11 .sec3 .step .boxWrap:nth-child(odd) .con ul li{padding-left:15px;}
.m11 .sec3 .step .boxWrap:nth-child(odd) .con ul li:before{left:0;}
.m11 .sec3 .step .boxWrap:nth-child(even) .con ul li{padding-right:15px;}
.m11 .sec3 .step .boxWrap:nth-child(even) .con ul li:before{right:0;}

.m11 .sec3 .step .boxWrap.on:after{color:#ea5515;}
.m11 .sec3 .step .boxWrap.on .con .tit{color:#ea5515;}

.m11 .sec4{position:relative;padding:100px 0 100px;}

.m11 .sec4 .motionWrap{
	position:relative;
	max-width:1200px;width:60vw;aspect-ratio:1/1;
	margin:0 auto;	
}
.m11 .sec4 .motionWrap svg{width:100%;height:100%;position:relative;z-index:10;}
#movingObject {transform-origin: center;}
.m11 .sec4 .conWrap{
	position:absolute;left:0;top:50%;z-index:100;
	transform:translateY(-50%);
	width:100%;
	text-align:center;
}
.m11 .sec4 .conWrap h4{font-size:var(--font-size-64);color:#fff;font-weight:700;line-height:120%;}
.m11 .sec4 .conWrap ul{
	display:flex;flex-wrap:wrap;justify-content:center;gap:40px;
	width:94%;
	margin:90px auto 0;
}
.m11 .sec4 .conWrap ul li{
	display:flex;align-items:center;justify-content:center;
	flex:1;
	max-width:440px;max-height:440px;
	aspect-ratio:1/1;
	border:1px solid #fff;border-radius:50%;
	transition:all 0.4s;
}
.m11 .sec4 .conWrap ul li .icon{
	width:60px;height:60px;
	margin:0 auto;
	transition:all 0.4s;
}
.m11 .sec4 .conWrap ul li:nth-child(1) .icon{background:url(/images/page/m11_sec4_icon1.png) no-repeat center / cover;}
.m11 .sec4 .conWrap ul li:nth-child(2) .icon{background:url(/images/page/m11_sec4_icon2.png) no-repeat center / cover;}
.m11 .sec4 .conWrap ul li:nth-child(3) .icon{background:url(/images/page/m11_sec4_icon3.png) no-repeat center / cover;}
.m11 .sec4 .conWrap ul li:nth-child(1):hover .icon{background:url(/images/page/m11_sec4_icon1_hover.png) no-repeat center / cover;}
.m11 .sec4 .conWrap ul li:nth-child(2):hover .icon{background:url(/images/page/m11_sec4_icon2_hover.png) no-repeat center / cover;}
.m11 .sec4 .conWrap ul li:nth-child(3):hover .icon{background:url(/images/page/m11_sec4_icon3_hover.png) no-repeat center / cover;}
.m11 .sec4 .conWrap ul li .tit{font-size:var(--font-size-28);color:#fff;font-weight:600;transition:all 0.4s;}
.m11 .sec4 .conWrap ul li .txt{font-size:var(--font-size-20);color:#fff;line-height:1.2;transition:all 0.4s;}
.m11 .sec4 .conWrap ul li:hover{border:1px solid #ea5515;}
.m11 .sec4 .conWrap ul li:hover .tit{color:#ea5515;}
.m11 .sec5{padding:150px 0;}
.m11 .sec5 .msg{
	font-size:var(--font-size-32);color:#fff;line-height:140%;font-weight:600;text-align:center;
}
.m11 .sec5 .contactTeamWrap {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
gap:24px;
}
.m11 .sec5 .contactTeam{
padding: 40px;
background:#212121;
width: 100%;
}
.m11 .sec5 .contactTeam:nth-child(1) {
margin-top:80px;
}
.m11 .sec5 .contactTeam .tit{font-size:var(--font-size-32);color:#fff;font-weight:600;}
.m11 .sec5 .contactTeam .contact{margin-top:30px;}
.m11 .sec5 .contactTeam .contact .email{
	background:url(/images/page/icon_email.png) no-repeat left / 26px;
	padding-left:34px;margin-bottom:20px;
	font-size:var(--font-size-20);color:rgba(255,255,255,0.8);
}






/* m12 */
.m12{padding:0 0 0;}
.m12 .sec1{
	overflow:hidden;
	position:relative;
	height:100vh;
}
.m12 .sec1 .bg{
	width:100%;height:200%;
	background:url(/images/page/m12_sec1_img.jpg) no-repeat top / cover;
}
.m12 .sec1 .conWrap{
	position:absolute;left:0;top:100%;z-index:100;
	background:rgba(33,33,33,0.95);
	width:100%;height:100%;
	text-align:center;
}
.m12 .sec1 .conWrap>div{display:flex;flex-wrap:wrap;align-content:space-between;width:100%;height:100%;}
.m12 .sec1 .conWrap>div .txtArea{
	display:flex;align-items:center;justify-content:center;
	width:100%;padding-top:15vh;height: 40%;
}
.m12 .sec1 .conWrap>div .txtArea .tit1{font-size:var(--font-size-46);color:#fff;font-weight:600;}
.m12 .sec1 .conWrap>div .txtArea .tit2{margin:40px 0 20px;font-size:var(--font-size-32);color:#fff;font-weight:600;}
.m12 .sec1 .conWrap>div .txtArea p{font-size:var(--font-size-20);color:rgba(255,255,255,0.8);}
.m12 .sec1 .conWrap>div .imgArea{
	position:relative;
	width:70%;
	height: 40vh;
	margin:0 auto;
}
.m12 .sec1 .conWrap>div .imgArea .cogwheel{
	position:relative;
	width:84%;aspect-ratio:1/1;
	margin:10% auto 0;
	transform:rotate(-25deg);
	transition: transform 0.6s ease-in-out;
}
.m12 .sec1 .conWrap>div .imgArea .cogwheel img{width:100%;}
.m12 .sec1 .conWrap>div .imgArea .cogwheel .point{
	position:absolute;left:50%;top:50%;z-index:100;
	width:11px;height:11px;
	background:rgba(234, 85, 21, 1);
	border-radius:50%;
	transform:translate(-260px,-0px)
}
.m12 .sec1 .conWrap>div .imgArea .cogwheel .point:after{
	display:block;content:"";
	width:100%;height:100%;
	border:1px solid #EA5515;border-radius:50%;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	box-sizing:border-box;
	animation:pointAni 1s infinite;
}
@keyframes pointAni{
	0%{transform:translate(-50%,-50%) scale(1);opacity:1;}
	100%{transform:translate(-50%,-50%) scale(4);opacity:0;}
}
.m12 .sec1 .conWrap>div .imgArea ul {
	position: absolute;
	width: 90%;
	height: 80%;
	top: 0%;
	left: 50%;
	transform: translateX(-50%);
}
.m12 .sec1 .conWrap>div .imgArea ul li{
	position:absolute;
}
.m12 .sec1 .conWrap>div .imgArea ul li .num{
	display:flex;align-items:center;justify-content:center;
	width:48px;height:48px;
	margin:0 auto;
	background:#fff;
	border-radius:50%;
	font-size:var(--font-size-20);color:#ea5515;
}
.m12 .sec1 .conWrap>div .imgArea ul li .tit{
	margin-top:10px;
	font-size:var(--font-size-20);color:#fff;
}
.m12 .sec1 .conWrap>div .imgArea ul li.on .num{background:#ea5515;color:#fff;}

.m12 .sec1 .conWrap>div .imgArea ul li:nth-child(1){right:105%;bottom:5%;}
.m12 .sec1 .conWrap>div .imgArea ul li:nth-child(2){right:100%;bottom:45%;transform:translate(25%, 0);}
.m12 .sec1 .conWrap>div .imgArea ul li:nth-child(3){left:12.5%;bottom:80%;}
.m12 .sec1 .conWrap>div .imgArea ul li:nth-child(4){left:50%;bottom:100%;transform:translate(-50%, 30px);}
.m12 .sec1 .conWrap>div .imgArea ul li:nth-child(5){right:12.5%;bottom:80%;}
.m12 .sec1 .conWrap>div .imgArea ul li:nth-child(6){left:100%;bottom:45%;transform:translate(-25%, 0);}
.m12 .sec1 .conWrap>div .imgArea ul li:nth-child(7){left:105%;bottom:5%;}

@keyframes cog{
	0%{transform:rotate(-25deg);} 
	20%{transform:rotate(0deg);}
	40%{transform:rotate(25deg);}
	60%{transform:rotate(105deg);}
	80%{transform:rotate(130deg);}
	100%{transform:rotate(155deg);}
}

.m12 .sec2{padding:180px 0;}
.m12 .sec2 .pageTitle1{text-align:left;}
.m12 .sec2 ul{display:flex;flex-wrap:wrap;gap:24px;margin-top:95px;text-align:center;}
.m12 .sec2 ul li{
	display:flex;align-items:center;
	width:calc((100% - 24px * 1) / 2);
	box-sizing:border-box;
	height:540px;
	padding:1vw;
	border:1px solid rgba(255,255,255,0.3);
	transition:all 0.4s;
}
.m12 .sec2 ul li>div{position:relative;width:100%;transition:all 0.4s;}
.m12 .sec2 ul li .icon{width:120px;height:120px;margin:0 auto;transition:all 0.4s;}
.m12 .sec2 ul li:nth-child(1) .icon{background:url(/images/page/m12_sec2_icon1.png) no-repeat center / cover;}
.m12 .sec2 ul li:nth-child(2) .icon{background:url(/images/page/m12_sec2_icon2.png) no-repeat center / cover;}
.m12 .sec2 ul li:nth-child(3) .icon{background:url(/images/page/m12_sec2_icon3.png) no-repeat center / cover;}
.m12 .sec2 ul li:nth-child(4) .icon{background:url(/images/page/m12_sec2_icon4.png) no-repeat center / cover;}
.m12 .sec2 ul li .textWrap{position:relative;}
.m12 .sec2 ul li .textWrap .tit{
	position:relative;
	margin-top:30px;
	font-size:var(--font-size-32);color:#fff;font-weight:600;line-height:120%;
}
.m12 .sec2 ul li .textWrap .tit:before{
	display:block;content:"";
	width:20px;height:1px;
	background:#fff;
	margin:0 auto 30px;
}
.m12 .sec2 ul li .textWrap .txt{
	position:absolute;left:0;top:100%;
	width:100%;
	padding-top:20px;
	font-size:var(--font-size-20);color:rgba(255,255,255,0.8);line-height:150%;
	opacity:0;transform:translateY(20px);transition:all 0.4s;
}

.m12 .sec2 ul li:hover{background:#ea5515;}
.m12 .sec2 ul li:nth-child(1):hover .icon{background:url(/images/page/m12_sec2_icon1_hover.png) no-repeat center / cover;}
.m12 .sec2 ul li:nth-child(2):hover .icon{background:url(/images/page/m12_sec2_icon2_hover.png) no-repeat center / cover;}
.m12 .sec2 ul li:nth-child(3):hover .icon{background:url(/images/page/m12_sec2_icon3_hover.png) no-repeat center / cover;}
.m12 .sec2 ul li:nth-child(4):hover .icon{background:url(/images/page/m12_sec2_icon4_hover.png) no-repeat center / cover;}
.m12 .sec2 ul li:hover .textWrap .txt{opacity:1;transform:translateY(0px);}

.m12 .sec3{text-align:left;}
.m12 .sec3 h4{text-align:left;}
.m12 .sec3 h4 + p{margin-top:40px;font-size:var(--font-size-20);color:rgba(255,255,255,0.8);line-height:150%;}
.m12 .sec3 .conWrap{
	position:relative; 
	margin:95px 0 0;
}

.m12 .sec3 .factoryMap {
width: 100%;
height: 100%;
aspect-ratio: 1920 / 980;
position: relative;
background: #212121 url(/images/page/m12_factory_bg1.png) no-repeat center / contain;
}
.m12 .sec3 .factoryMap .campus{
	width: 100%;
	height: 100%;
	position: relative;
}
.m12 .sec3 .factoryMap .building {
	cursor: pointer;
	width: 15%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
}
.m12 .sec3 .factoryMap .building1{
	top: 50%;
	left: 50%;
	transform: translate(120%, -150%);
	aspect-ratio: 792 / 768;
}
.m12 .sec3 .factoryMap .building2{
	top: 50%;
	left: 50%;
	transform: translate(-5%, -155%);
	aspect-ratio: 614 / 548;
}
.m12 .sec3 .factoryMap .building3{
	top: 50%;
	left: 50%;
	transform: translate(-150%, -120%);
	aspect-ratio: 615 / 527;
}
.m12 .sec3 .factoryMap .building4{
	top: 50%;
	left: 50%;
	transform: translate(-265%, -30%);
	aspect-ratio: 668 / 580;
}
.m12 .sec3 .factoryMap .building5{
	top: 50%;
	left: 50%;
	transform: translate(-55%, 45%);
	aspect-ratio: 592 / 548;
}
.m12 .sec3 .factoryMap .building img.nomal {
	position: relative;
	z-index: 1;
}
.m12 .sec3 .factoryMap .building img.hover {
	z-index: 2;
	position: absolute;
	max-width: none;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	transition: opacity 0.2s;
	opacity: 0;
}
.m12 .sec3 .factoryMap .building1 img.hover {
	max-width: 792px;
	width: 255%;
	aspect-ratio: 792 / 768;
}
.m12 .sec3 .factoryMap .building2 img.hover {
	max-width: 614px;
	width: 195%;
	aspect-ratio: 614 / 548;
}
.m12 .sec3 .factoryMap .building3 img.hover {
	max-width: 691px;
	width: 185%;
	aspect-ratio: 691 / 617;
}
.m12 .sec3 .factoryMap .building4 img.hover {
	max-width: 668px;
	width: 180%;
	aspect-ratio: 668 / 580;
}
.m12 .sec3 .factoryMap .building5 img.hover {
	max-width: 592px;
	width: 195%;
	aspect-ratio: 592 / 548;
}
.m12 .sec3 .factoryMap .building:hover img.hover,
.m12 .sec3 .factoryMap .building.on img.hover {
	opacity: 1;
}
.m12 .sec3 .factoryMap .campusBg {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	background: url(/images/page/m12_factory_bg2.png) no-repeat center / contain;
	pointer-events: none;
}
.m12 .sec3 .compusListWrap {
	position: relative;
	background-color: rgba(33, 33, 33, 0.5);
}
.m12 .sec3 .compusList {
	padding: 60px 30px;
	backdrop-filter: blur(16px);
	width: 30%;
}
.m12 .sec3 .compusList .listItem {
	color: #fff;
	font-size: var(--font-size-20);
	font-weight: 700;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 30px;
	cursor: pointer;
}
.m12 .sec3 .compusList .listItem + .listItem {
	margin-top: 40px;
}
.m12 .sec3 .compusList .listItem .number {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: #fff;
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--font-size-16);
}
.m12 .sec3 .compusList .listItem.on .number {
	background-color: var(--main-color);
	color: #fff;
}
.m12 .sec3 .compusInfo {
	position: absolute;
	right:0%;
	bottom:0;
	padding: 20px 40px 40px;
	backdrop-filter: blur(23px);
	background-color: rgba(33, 33, 33, 0.5);
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s;
	width:70%;
	height: 100%;
}
.m12 .sec3 .compusInfo.on {
	opacity: 1;
	visibility: visible;
}
.m12 .sec3 .compusInfo .compusInfoInner {
	height: 100%;
}
.m12 .sec3 .compusInfo .prveBtn {
	display: block;
	width: 30px;
	height: 30px;
	background: url(/images/page/m12_icon_arr.png) no-repeat center / cover;
	border: none;
}
.m12 .sec3 .compusInfo .infoWrap {
	margin-top: 20px;
	height: 100%;
}
.m12 .sec3 .compusInfo .compusInfoListWrap {
	overflow-y: scroll;
	height: 80%;
	padding: 10px 5px 10px 0;
	margin-top: 10px;
}
.m12 .sec3 .compusInfo .compusName {
	font-size: var(--font-size-32);
	color: #fff;
	font-weight: 700;
	display: block;
	border-bottom: 1px solid #fff;
}
.m12 .sec3 .compusInfo .compusInfoList {
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 20px;
}
.m12 .sec3 .compusInfo .compusInfoList .listItem {
	width: calc((100% - 20px)/2);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 30px;
}
.m12 .sec3 .compusInfo .compusInfoList .listItem:has(.icon:nth-child(2)) {
	flex: 1;
	width: auto;
}
.m12 .sec3 .compusInfo .compusInfoList .listItem .iconArea {
	display: flex;
	align-items: center;
	gap: 10px;
}
.m12 .sec3 .compusInfo .compusInfoList .listItem .icon {
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 8px;
	transition: all 0.4s;
	background-repeat: no-repeat;
	background-position: center;
}
.m12 .sec3 .compusInfo .compusInfoList .listItem:hover .icon {
	background: var(--main-color);
	background-repeat: no-repeat;
	background-position: center;
}
.m12 .sec3 .compusInfo .compusInfoList .listItem .itemTitle {
	font-size: var(--font-size-20);
	font-weight: 700;
	color: #fff;
	transition: all 0.4s;
}
.m12 .sec3 .compusInfo .compusInfoList .listItem .itemText {
	margin-top: 8px;
	font-size: var(--font-size-18);
	font-weight: 400;
	color: #fff;
	transition: all 0.4s;
}
.m12 .sec3 .compusInfo .compusInfoList .listItem:hover .itemTitle,
.m12 .sec3 .compusInfo .compusInfoList .listItem:hover .itemText {
	color: var(--main-color);
}



.m12 .sec4{padding:150px 0;}
.m12 .sec4 .msg{
	font-size:var(--font-size-32);color:#fff;line-height:140%;font-weight:600;text-align:center;
}
.m12 .sec4 .contactTeam{
	margin-top:80px;padding:60px;
	background:#212121;
}
.m12 .sec4 .contactTeam .tit{font-size:var(--font-size-32);color:#fff;font-weight:600;}
.m12 .sec4 .contactTeam .contact{
	display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;
	margin-top:30px;
}
.m12 .sec4 .contactTeam .contact .email{
	background:url(/images/page/icon_email.png) no-repeat left / 26px;
	padding-left:34px;
	font-size:var(--font-size-20);color:rgba(255,255,255,0.8);
}





/* m13 */
.m13{padding:0;}
.m13 .sec1{
	display:flex;align-items:center;justify-content:center;width:100%;height:100vh;text-align:center;
}
.m13 .sec1 p{margin-top:40px;font-size:var(--font-size-24);color:rgba(255,255,255,0.8);}
.m13 .sec1 p strong{font-weight:600;}

.m13 .sec2{position:relative;width:100%;}
.m13 .sec2 .ctrArea{
	position:absolute;left:0;top:10vh;z-index:200;
	width:calc(100% - 0%);padding:0 5%;
}
.m13 .sec2 .ctrArea h5{font-size:var(--font-size-46);color:#fff;font-weight:600;line-height:1.2em;}
.m13 .sec2 .ctrArea ul{display:flex;margin-top:40px;}
.m13 .sec2 .ctrArea ul li{flex:1;margin-bottom:7px;}
.m13 .sec2 .ctrArea ul li a{
	display:flex;align-items:center;justify-content:center;
	width:145px;height:60px;
	border-radius:60px;
	font-size:var(--font-size-20);color:#fff;
}
.m13 .sec2 .ctrArea ul li i{display:block;width:40px;height:40px;margin-right:10px;}
.m13 .sec2 .ctrArea ul li:nth-child(1) i{background:url(/images/page/m13_tab_icon1.png) no-repeat center / cover;}
.m13 .sec2 .ctrArea ul li:nth-child(2) i{background:url(/images/page/m13_tab_icon2.png) no-repeat center / cover;}
.m13 .sec2 .ctrArea ul li:nth-child(3) i{background:url(/images/page/m13_tab_icon3.png) no-repeat center / cover;}
.m13 .sec2 .ctrArea ul li:nth-child(4) i{background:url(/images/page/m13_tab_icon4.png) no-repeat center / cover;}
.m13 .sec2 .ctrArea ul li.on a{background:#ea5515;}
.m13 .sec2 .boxWrap{
	 overflow:hidden;
	 position:relative;
	 width:100%;height:100vh;
}
.m13 .sec2 .boxWrap .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m13 .sec2 .boxWrap .bg1{
	background:url(/images/page/m13_sec2_bg1.jpg) no-repeat center / cover ;
}
.m13 .sec2 .boxWrap .bg2{
	background:url(/images/page/m13_sec2_bg2.jpg) no-repeat center / cover ;
}
.m13 .sec2 .boxWrap .bg3{
	background:url(/images/page/m13_sec2_bg3.jpg) no-repeat center / cover ;
}
.m13 .sec2 .boxWrap .bg4{
	background:url(/images/page/m13_sec2_bg4.jpg) no-repeat center / cover ;
}
.m13 .sec2 .boxWrap .conWrap{
	overflow:hidden;
	position:absolute;left:0;bottom:0;z-index:100;
	width:100%;height:66%;
}
.m13 .sec2 .boxWrap .conWrap .conArea{width:100%;height:100%;}
.m13 .sec2 .boxWrap .conWrap .conArea .inner{
	overflow: hidden;
	position:relative;
	width:100%;height:100%;
	box-sizing:border-box;
	padding:80px 40px;
	backdrop-filter: blur(60px);
	background:rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.21);
}
.m13 .sec2 .boxWrap .conWrap .conArea .inner .leftLine{
	position:absolute;left:40px;top:80px;
	width:1px;height:calc(100% - 160px);
	background:rgba(199, 199, 199, 0.48);
}
.m13 .sec2 .boxWrap .conWrap .conArea .inner .leftLine .line{
	position:absolute;left:0;top:0;
	width:100%;height:10%;
	background: linear-gradient(to bottom, rgba(234, 85, 21, 0.1) 0.005%, #ea5515, #ea5515, #ea5515);
	opacity:1;
}
.m13 .sec2 .boxWrap .conWrap .conArea .inner .leftLine .pointer{
	position:absolute;left:50%;top:100%;
	width:9px;height:9px;
	margin-top:-5px;transform:translateX(-50%);
	border-radius:10px;
	background:#ea5515;
}
.m13 .sec2 .boxWrap .conWrap .conArea .inner .leftLine .pointer:after{
	display:block;content:"";
	width:250%;height:250%;
	background:rgba(234, 85, 21, 0.2);
	border-radius:50%;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
}
.m13 .sec2 .boxWrap .conWrap .conArea .con{
	padding:0 6%;
}
.m13 .sec2 .boxWrap .conWrap .conArea .con .exp{}
.m13 .sec2 .boxWrap .conWrap .conArea .con .exp>dl{
	display:flex;flex-wrap:wrap;
	padding:40px 0;
}
.m13 .sec2 .boxWrap .conWrap .conArea .con .exp>dl>dt{
	width:330px;
	font-size:var(--font-size-32);color:#fff;font-weight:600;line-height:1.2em;
	border-right:1px solid rgba(255,255,255,0.4);
}
.m13 .sec2 .boxWrap .conWrap .conArea .con .exp>dl>dt span{font-size:var(--font-size-20);font-weight:300;}
.m13 .sec2 .boxWrap .conWrap .conArea .con .exp>dl>dd{width:calc(100% - 330px);}
.m13 .sec2 .boxWrap .conWrap .conArea .con .exp>dl>dd>dl{display:flex;align-items:center;padding-left:40px;margin-bottom:20px;}
.m13 .sec2 .boxWrap .conWrap .conArea .con .exp>dl>dd>dl:last-child{margin:0;}
.m13 .sec2 .boxWrap .conWrap .conArea .con .exp>dl>dd>dl>dt{
	display:flex;align-items:center;justify-content:center;
	width:72px;height:41px;
	background:rgba(255,255,255,0.18);
	border-radius:50px;
	font-size:var(--font-size-18);color:#fff
}
.m13 .sec2 .boxWrap .conWrap .conArea .con .exp>dl>dd>dl>dd{
	width:calc(100% - 72px);
	padding:0 16px;
	font-size:var(--font-size-20);color:rgba(255,255,255,0.8);line-height:1.4em;
}
.m13 .sec2 .boxWrap .conWrap .conArea .con .tech{margin-top:80px;}
.m13 .sec2 .boxWrap .conWrap .conArea .con .tech>ul{display:flex;flex-wrap:wrap;row-gap:40px;}
.m13 .sec2 .boxWrap .conWrap .conArea .con .tech>ul>li{width:33.333%;display:flex;align-items:center;}
.m13 .sec2 .boxWrap .conWrap .conArea .con .tech>ul>li .icon{
	width:70px;height:70px;border-radius:10px;
	background:rgba(255,255,255,0.2);
	transition:all 0.24s;
}
.m13 .sec2 .boxWrap .conWrap .conArea .con .tech>ul>li:hover .icon{background:#ea5515;}
.m13 .sec2 .boxWrap .conWrap .conArea .con .tech>ul>li .info{
	width:calc(100% - 70px);
	padding:0 20px;
}
.m13 .sec2 .boxWrap .conWrap .conArea .con .tech>ul>li .info .tit{
	font-size:var(--font-size-20);color:#fff;letter-spacing:-0.05em;
}
.m13 .sec2 .boxWrap .conWrap .conArea .con .tech>ul>li>a .info .cate{
	font-size:var(--font-size-18);color:rgba(255,255,255,0.8);
}
.m13 .sec3{
	padding:150px 0;
}
.m13 .sec3 .titlearea{
	position:relative;
	text-align:left;
}
.m13 .sec3 .titlearea h4{font-size:var(--font-size-26);color:#EA5515;}
.m13 .sec3 .titlearea h5{margin:20px 0 0;font-size:var(--font-size-64);color:#fff;font-weight:600;line-height:1em;}
.m13 .sec3 .titlearea a{position:absolute;right:0;bottom:0px;}
.m13 .sec3 .innerCon{
	position:relative;
	margin-top:80px;
	height:135px;
}
.m13 .sec3 .innerCon ul{
	display:flex;white-space:nowrap;gap:16px;
	position:absolute;left:0;top:0;
	width: fit-content; 
}
.m13 .sec3 .innerCon ul li{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	width:274px;height:135px;
	padding:0 20px;
	border-radius:6px;
	background:rgba(255,255,255,0.13);
}
.m13 .sec3 .innerCon ul li:nth-child(1) img{height:46px;}
.m13 .sec3 .innerCon ul li:nth-child(2) img{height:46px;}
.m13 .sec3 .innerCon ul li:nth-child(3) img{height:48px;}
.m13 .sec3 .innerCon ul li:nth-child(4) img{height:58px;}
.m13 .sec3 .innerCon ul li:nth-child(5) img{height:51px;}
.m13 .sec3 .innerCon ul li:nth-child(6) img{height:63px;}
.m13 .sec3 .innerCon ul li:nth-child(7) img{height:45px;}
.m13 .sec3 .innerCon ul li:nth-child(7) img{height:38px;}
.m13 .sec3 .innerCon ul li img {
width: 100%;
height: 100%;
object-fit: contain;
}

.m13 .sec3 .msg{
	font-size:var(--font-size-32);color:#fff;line-height:140%;font-weight:600;text-align:center;
}
.m13 .sec3 .contactTeam{
	margin-top:80px;padding:60px;
	background:#212121;
}
.m13 .sec3 .contactTeam .tit{font-size:var(--font-size-32);color:#fff;font-weight:600;}
.m13 .sec3 .contactTeam .contact{
	display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;
	margin-top:30px;
}
.m13 .sec3 .contactTeam .contact .email{
	background:url(/images/page/icon_email.png) no-repeat left / 26px;
	padding-left:34px;
	font-size:var(--font-size-20);color:rgba(255,255,255,0.8);
}





/* m21 */
.m21{overflow:hidden;}
.m21 h4{text-align:left;}
.m21 h5{font-size:var(--font-size-46);color:#fff;font-weight:600;}
.m21 .repCase{padding:0 0 0 7vw;}
.m21 .repCase .m21Slider{margin-top:30px;padding:30px 0;}
.m21 .repCase .m21Slider .swiper-slide{
	overflow:hidden;
	width:477px;
	border-radius:20px;
	transition:all 0.4s;
	background:#212121;
}
.m21 .repCase .m21Slider .swiper-slide:hover{transform:translateY(-30px);box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.m21 .repCase .m21Slider .swiper-slide .thumb{
	width:100%;aspect-ratio:477/278;
}
.m21 .repCase .m21Slider .swiper-slide .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.m21 .repCase .m21Slider .swiper-slide .info{
	padding:32px 24px;
}
.m21 .repCase .m21Slider .swiper-slide .info .cate{display:flex;flex-wrap:wrap;gap:8px;}
.m21 .repCase .m21Slider .swiper-slide .info .cate .case{
	display:inline-flex;align-items:center;
	height:41px;
	padding:0 20px;
	border-radius:50px;
	font-size:var(--font-size-18);color:#fff;font-weight:500;
	background:#ea5515;
}
.m21 .repCase .m21Slider .swiper-slide .info .cate .contractor{
	display:inline-flex;align-items:center;
	height:41px;
	padding:0 20px;
	border-radius:50px;
	font-size:var(--font-size-18);color:#fff;font-weight:500;
	border:1px solid #a6a9b5;
}
.m21 .repCase .m21Slider .swiper-slide .info .title{
	margin:32px 0 20px;
	font-size:var(--font-size-32);color:#fff;font-weight:600;line-height:120%;
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
  min-height: calc((var(--font-size-32) * 1.2) * 2);
}
.m21 .repCase .m21Slider .swiper-slide .info .spec{}
.m21 .repCase .m21Slider .swiper-slide .info .spec dl{display:flex;}
.m21 .repCase .m21Slider .swiper-slide .info .spec dl dt{width:130px;font-size:var(--font-size-20);color:#a6a9b5;}
.m21 .repCase .m21Slider .swiper-slide .info .spec dl dd{width:calc(100% - 130px);font-size:var(--font-size-20);color:#fff;}
.m21 .repCase .m21Slider .swiper-pagination {top:auto; bottom:0;        width: calc(100% - 7vw);}
.m21 .repCase .m21Slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #fff;
}

.m21 .totalCase{padding:200px 0 0 0;}
.m21 .totalCase h5 span{font-size:var(--font-size-20);}
.m21 .totalCase .conWrap{
	position:relative;margin-top:60px;
	display:flex;flex-wrap:wrap;flex-direction:column-reverse;
}
.m21 .totalCase .conWrap .searchArea{width:100%;}
.m21 .totalCase .conWrap .searchArea .area1{
	display:flex;align-items:center;justify-content:space-between;
	padding:16px 20px;
	box-shadow:0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 -1px 0 rgba(255, 255, 255, 0.4) inset;	
}
.m21 .totalCase .conWrap .searchArea .area1 .tit{
	width:85px;
	font-size:var(--font-size-24);color:#fff;font-weight:600;
}
.m21 .totalCase .conWrap .searchArea .area1 select{
	box-sizing:border-box;
	max-width:245px;
	width:calc(100% - 85px - 40px);height:62px;
	padding:0 18px;
	font-size:var(--font-size-18);color:#a6a9b5;
	background:url(/images/common/sel_arr.png) no-repeat calc(100% - 18px) center;
	background-size:26px;
	appearance: none;outline:0;
}
.m21 .totalCase .conWrap .searchArea .area2{
	overflow:hidden;overflow-y:auto;
	height:34vh;
	padding:16px 24px;
}
.m21 .totalCase .conWrap .searchArea .area2 .searchTxt{
	display:flex;align-items:center;
	width:100%;height:62px;
	padding:0 18px;
	border-bottom:1px solid #a6a9b5;
}
.m21 .totalCase .conWrap .searchArea .area2 .searchTxt input{
	width:calc(100% - 26px);height:100%;
	border:0;outline:0;background:0;
	font-size:var(--font-size-18);color:#a6a9b5;
}
.m21 .totalCase .conWrap .searchArea .area2 .searchTxt button{
	width:26px;height:26px;
	border:0;outline:0;background:0;
}
.m21 .totalCase .conWrap .searchArea .area2 ul{margin-top:46px;}
.m21 .totalCase .conWrap .searchArea .area2 ul li{position:relative;margin-bottom:12px;}
.m21 .totalCase .conWrap .searchArea .area2 ul li a{display:block;background:#090909;}
.m21 .totalCase .conWrap .searchArea .area2 ul li .num{
	display:flex;align-items:center;
	position:absolute;left:0;bottom:calc(100% - 1px);
	width:64px;height:28px;
	padding:0 0 0 22px;
	font-family: Pretendard;font-size:var(--font-size-12);color:#fff;
}
.m21 .totalCase .conWrap .searchArea .area2 ul li .num svg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	
}
.m21 .totalCase .conWrap .searchArea .area2 ul li .num svg polygon{fill:#090909;}
.m21 .totalCase .conWrap .searchArea .area2 ul li .num svg line{}
.m21 .totalCase .conWrap .searchArea .area2 ul li .num span{position:relative;z-index:10;}
.m21 .totalCase .conWrap .searchArea .area2 ul li .con{
	padding:20px;
	border:1px solid #212121;
}
.m21 .totalCase .conWrap .searchArea .area2 ul li .con .tit{font-size:var(--font-size-20);color:#fff;font-weight:600;}
.m21 .totalCase .conWrap .searchArea .area2 ul li .con .area{font-size:var(--font-size-20);color:rgba(255,255,255,0.8);}

.m21 .totalCase .conWrap .searchArea .area2 ul li.on .con{background:#212121;}
.m21 .totalCase .conWrap .searchArea .area2 ul li.on .num svg polygon{fill:#212121;}
.m21 .totalCase .conWrap .searchArea .area2 ul li.on .num svg .btmBorder{stroke:#212121;}

.m21 .totalCase .conWrap .mapWrap{
	position:relative;
	width:calc(100% - 0px);aspect-ratio:1/0.7;
	background:#333;
}
.m21 .totalCase .conWrap .layerPop{
	display:none;
	position:absolute;right: 2vw;top:10px;
}
.m21 .totalCase .conWrap .layerPop .btnClose{
	position:absolute;right:24px;top:56px;z-index:10;
	width:24px;height:24px;
	cursor:pointer;
	background:url(/images/page/btn_close2.png) no-repeat center / cover;
}
.m21 .totalCase .conWrap .layerPop .con{}
.m21 .totalCase .conWrap .layerPop .popContentWrap{
	box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.2);
}
.m21 .totalCase .conWrap .layerPop .con .num{
	position:relative;
	display:flex;align-items:center;
	width:127px;height:32px;
	padding:0 20px;
	font-family: Pretendard;font-size:var(--font-size-18);color:#fff;
}
.m21 .totalCase .conWrap .layerPop .con .num svg{position:absolute;left:0;top:0;width:100%;height:100%;}
.m21 .totalCase .conWrap .layerPop .con .num span{
	display:block;position:relative;z-index:10;
}
.m21 .totalCase .conWrap .layerPop .con .thumb {
  aspect-ratio: 514 / 300;
  width: 514px;
  }
  .m21 .totalCase .conWrap .layerPop .con .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  }
.m21 .totalCase .conWrap .layerPop .con .info{
	padding:32px 24px;
	background:#090909;
}
.m21 .totalCase .conWrap .layerPop .con .info .cate{display:flex;flex-wrap:wrap;gap:8px;}
.m21 .totalCase .conWrap .layerPop .con .info .cate span{
	display:inline-flex;align-items:center;
	height:39px;
	padding:0 20px;
	border-radius:50px;
	font-size:var(--font-size-16);color:#fff;font-weight:500;	
}
.m21 .totalCase .conWrap .layerPop .con .info .cate span.case{background:#ea5515;}
.m21 .totalCase .conWrap .layerPop .con .info .cate span.contractor{border:1px solid #a6a9b5;}
.m21 .totalCase .conWrap .layerPop .con .info .tit{
	margin:32px 0;
	font-size:var(--font-size-24);color:#fff;font-weight:600;line-height:120%;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.m21 .totalCase .conWrap .layerPop .con .info dl{display:flex;margin-bottom:8px;}
.m21 .totalCase .conWrap .layerPop .con .info dl:last-child{margin:0;}
.m21 .totalCase .conWrap .layerPop .con .info dl dt{width:130px;font-size:var(--font-size-16);color:#a6a9b5;}
.m21 .totalCase .conWrap .layerPop .con .info dl dd{width:calc(100% - 130px);font-size:var(--font-size-18);color:#fff;}

.m21 .caseList{padding:60px 0 200px 0;}
.m21 .caseList>div{width:94%;}
.m21 .caseList .searchTxt2{
	display:flex;align-items:center;gap:20px;
	max-width:1098px;height:70px;
	margin:0 auto 60px;padding:0 24px;
	border:1px solid #474444;
}
.m21 .caseList .searchTxt2 button{
	width:32px;height:32px;
	background:0;outline:0;border:0;
}
.m21 .caseList .searchTxt2 input{
	width:calc(100% - 32px - 20px);
	background:0;outline:0;border:0;
	font-family: Pretendard;font-size:var(--font-size-20);color:#fff;
}
.m21 .caseList .table{overflow:hidden;overflow-x:auto;width:100%;}
.m21 .caseList .table table{width:100%;}
.m21 .caseList .table table th{
	padding:14px;
	background:#212121;
	font-size:var(--font-size-18);color:#fff;font-weight:500;text-align:center;
}
.m21 .caseList .table table td{
	padding:14px;
	border-bottom:1px solid rgba(166, 169, 181, 0.3);;
	font-size:var(--font-size-18);color:#fff;text-align:center;
}
.m21 .btnScroll{
	position:absolute;right:5%;bottom:100px;z-index:100;
	width:60px;height:60px;
    background: url(/images/common/btn_top.png) no-repeat center / cover;
	transform:rotate(180deg);
}





/* m31 */
.m31{
	overflow:hidden;
	padding:0;
}
.m31 .sec1{position:relative;}
.m31 .sec1>div{}
.m31 .sec1 .textWrap{
	padding:100px 0 60px;
	width:100%;
}
.m31 .sec1 .textWrap .txts{
	position:relative;
	width:100%;
}
.m31 .sec1 .textWrap .txts .tit{
	font-size:var(--font-size-80);color:#fff;line-height:1.2em;font-weight:600;
	opacity:0;transform:translateY(40px);
	transition:all 1s 0.4s;
}
.m31 .sec1 .textWrap .txts .txt{
	margin-top:40px;
	font-size:var(--font-size-32);color:rgba(255,255,255,0.8);line-height:1.4em;
	opacity:0;transform:translateY(40px);
	transition:all 1s 0.5s;
}
.m31 .sec1 .textWrap.on .txts {opacity:1;}
.m31 .sec1 .textWrap.on .txts .tit{opacity:1;transform:translateY(0);}
.m31 .sec1 .textWrap.on .txts .txt{opacity:1;transform:translateY(0);}


.m31 .sec1 .sec1Img{width:100%;padding:0 0 100px;}
.m31 .sec1 .sec1Img .boxWrap{
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	width:100%;aspect-ratio:1/1;	
}
.m31 .sec1 .sec1Img .boxWrap .inner{
	position:relative;
	width:40%;aspect-ratio:1/1;
	margin:0 auto;padding:44px;
	border-radius:50%;
	opacity:0.5;
	transition:all 1.4s;
	width:75%;
	opacity:1;
	background:url(/images/page/m31_sec1_line.png) no-repeat center / 100%;
}
.m31 .sec1 .sec1Img .boxWrap .inner .light>div{
	position:absolute;left:50%;top:50%;
	width:calc(100% - 80px);aspect-ratio:1/1;
	border-radius:50%;
	background: radial-gradient(
		circle,
		#FFF8DC 0%,      /* 중심: 아주 밝은 크림색 */
		#FFD700 20%,     /* 밝은 노란색 */
		#FFA500 40%,     /* 주황빛 */
		rgba(255, 165, 0, 0.6) 60%,
		rgba(255, 165, 0, 0.3) 80%,
		rgba(255, 165, 0, 0) 100%
	);
	box-shadow: 0 0 20px rgba(255, 215, 0, 0.5), 0 0 40px rgba(255, 165, 0, 0.25);
	opacity:0;transform:translate(-50%,-50%);	
}
.m31 .sec1 .sec1Img.active .boxWrap .inner .light>div:nth-child(1){animation: lightAni 0.7s ease 1s;}
.m31 .sec1 .sec1Img.active .boxWrap .inner .light>div:nth-child(2){animation: lightAni 0.7s ease 2.7s;}
.m31 .sec1 .sec1Img.active .boxWrap .inner .light>div:nth-child(3){animation: lightAni 0.7s ease 4.4s;}
.m31 .sec1 .sec1Img.active .boxWrap .inner .light>div:nth-child(4){animation: lightAni 0.7s ease 6.1s;}


@keyframes lightAni{
  0%{opacity:0; transform:translate(-50%,-50%) scale(.98)}
  18%{opacity:.25; transform:translate(-50%,-50%) scale(1.02)}
  45%{opacity:.05; transform:translate(-50%,-50%) scale(1.00)}
  70%{opacity:.1; transform:translate(-50%,-50%) scale(1.015)}
  100%{opacity:0; transform:translate(-50%,-50%) scale(.99)}
}

.m31 .sec1 .sec1Img .boxWrap .inner .question{}
.m31 .sec1 .sec1Img .boxWrap .inner .question ul li{
	position:absolute;
	width:270px;height:96px;
	transform:scale(0.8);opacity:0;
	isolation: isolate;
}
.question ul li::before {
	display:block;content: '';
	position: absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	background: rgba(255, 220, 140, 1);
	border-radius: 50%;
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255, 255, 240, 1)    0%,
        rgba(255, 210, 160, 1)   12%,
        rgba(255, 160,  90, 0.9) 28%,
        rgba(255, 121,  64, 0.6) 45%,
        rgba(200,  80,  30, 0.4) 62%,
        transparent              78%
    );

    filter: blur(20px);
    mix-blend-mode: hard-light;  /* ← 발광 핵심 */
	width:110%;height:120%;
	border-radius:50%;
	pointer-events: none;
}
/* 밝은 중심 광원 레이어 */
.question ul li::after {
    display: block;
    content: '';
    position: absolute;
    left: 50%; top: 50%;
    transform: translate(-50%, -50%);
    width:70%; height:105%;   /* 작고 집중된 크기 */
    border-radius: 500%;
    pointer-events: none;
    z-index: 0;
    background: radial-gradient(
        circle at 50% 50%,
        rgba(255, 255, 255, 1)    0%,
        rgba(255, 220, 180, 1)   25%,
        rgba(255, 150,  80, 0.9) 55%,
        transparent              50%
    );
    filter: blur(2px) brightness(2.0);
}
.question ul li .bg{
  position:absolute;left:0;top:0;
  width:100%;height:100%;
}
.question ul li.bg:after {
  content: '';
  position: absolute;
  border-radius: inherit;
  box-shadow:
    0 0 15px 2px rgba(255, 150, 60, 0.4),
    0 0 30px 5px rgba(255, 121, 64, 0.2),
    0 0 60px 10px rgba(255, 180, 50, 0.1);
  pointer-events: none;
}
.question ul li .txt{
	position:relative;z-index:10;
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;
	padding:0 16px;
	border-radius:8px;
	background: rgba(0, 0, 0, 1);
	font-size:var(--font-size-20);color:rgba(255,255,255,0.8);font-weight:600;line-height:1.4em;text-align:center;
	border: 1px solid rgba(212, 160, 50, 0.8);
	
	box-shadow:inset 0 0 20px rgba(212, 160, 50, 0.15),	0 0 30px rgba(212, 160, 50, 0.3),	0 0 60px rgba(212, 160, 50, 0.15);
}

@keyframes sparkle-blink {
  0%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.5); }
  50%       { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
.m31 .sec1 .sec1Img .boxWrap .inner .question ul li:nth-child(1){left:-100px;top:400px;}
.m31 .sec1 .sec1Img .boxWrap .inner .question ul li:nth-child(2){left:-100px;top:50px;z-index:10;}
.m31 .sec1 .sec1Img .boxWrap .inner .question ul li:nth-child(3){left:300px;top:0px;}
.m31 .sec1 .sec1Img .boxWrap .inner .question ul li:nth-child(4){right:-100px;top:300px;}
.m31 .sec1 .sec1Img.active .boxWrap .inner .question ul li{transform:scale(1);opacity:1;}
.m31 .sec1 .sec1Img.active .boxWrap .inner .question ul li:nth-child(1){transition:all 1.4s 1s;}
.m31 .sec1 .sec1Img.active .boxWrap .inner .question ul li:nth-child(2){transition:all 1.4s 2.7s;}
.m31 .sec1 .sec1Img.active .boxWrap .inner .question ul li:nth-child(3){transition:all 1.4s 4.4s;}
.m31 .sec1 .sec1Img.active .boxWrap .inner .question ul li:nth-child(4){transition:all 1.4s 6.1s;}



.m31 .sec2{padding:0 0 80px 0;}
.m31 .sec2 .conWrap{
	display:flex;align-items:center;justify-content:center;
	position:relative;
	width:100%;height:780px;
	text-align:center;
}
.m31 .sec2 .conWrap .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m31_sec2_bg1.jpg) no-repeat center / cover;
}
.m31 .sec2 .conWrap .texts{position:relative;z-index:10;}
.m31 .sec2 .conWrap .texts .tit{font-size:var(--font-size-80);color:#fff;font-weight:600;line-height:1.2em;}
.m31 .sec2 .conWrap .texts .txt{margin-top:20px;font-size:var(--font-size-36);color:#fff;font-weight:500;line-height:1.3em;}

.m31 .sec3{
	display:flex;align-items:center;justify-content:center;
	height:100vh;
}
.m31 .sec3>div{}
.m31 .sec3>div .titleArea{position:relative;height:104px;text-align:center;}
.m31 .sec3>div .titleArea>div{
	position:absolute;left:0;top:0;
	width:100%;
	font-size:var(--font-size-46);color:#fff;font-weight:600;line-height:1.2em;
	opacity:0;
}
.m31 .sec3>div .titleArea>div p{font-size:var(--font-size-20);color:rgba(255, 255, 255, 0.8);}
.m31 .sec3>div .titleArea>div.t1{opacity:1;}
.m31 .sec3>div .conArea{position:relative;margin-top:5vh;}
.m31 .sec3>div .conArea>div{overflow:hidden;padding-top:9vh;}
.m31 .sec3>div .conArea table{width:100%;border-collapse:collapse;}
.m31 .sec3>div .conArea table th{
	position:relative;
	padding:1.5vh 0;
	border-bottom:1px solid rgba(255, 255, 255, 0.8);
}
.m31 .sec3>div .conArea table th img{height:80px;}
.m31 .sec3>div .conArea table td{
	padding:1.5vh;
	border-bottom:1px solid rgba(255, 255, 255, 0.4);
	font-size:var(--font-size-16);color:rgba(255, 255, 255, 0.8);text-align:center;
}
.m31 .sec3>div .conArea table td.tit{font-size:var(--font-size-32);color:#fff;font-weight:600;text-align:left;}
.m31 .sec3>div .conArea table td img{height:40px;margin-bottom:20px;}
.m31 .sec3>div .conArea table th>.icon{
	width:100%;height:80px;
	background:url(/images/page/m31_sec3_th_icon3.png) no-repeat center / 80px;
	transition:all 0.4s;
}
.m31 .sec3>div .conArea table.on th>.icon{
	width:100%;height:80px;
	background:url(/images/page/m31_sec3_th_icon3_1.png) no-repeat center / 80px;
}
.m31 .sec3>div .conArea table tr:last-child td{border-bottom:1px solid rgba(255, 255, 255, 0.8);}
.m31 .sec3>div .conArea table tr.mView {display: none;}

.sb{
	position:absolute;left:50%;bottom:100%;
	display:flex;align-items:center;justify-content:center;
	width:21vw;
	padding:10px 16px;
	border:1px solid #ea5515;border-radius:8px;
	backdrop-filter: blur(23px);
	font-size:var(--font-size-16);color:rgba(255,255,255,0.8);font-weight:600;line-height:1.4em;text-align:center;
	background-color: rgba(234, 85, 21, 0.32);
	transform:scale(1) translateX(-50%);opacity:1;
}
.sb:after{
	display:block;content:"";
	width:12px;aspect-ratio:23/19;
	background:url(/images/page/m31_sec1_arr.png) no-repeat center / cover;
	position:absolute;left:50%;top:100%;
	transform:translate(-50%, 0);
}

.m31 .sec4{padding:100px 0 0;}
.m31 .sec4 .titleArea{
	font-size:var(--font-size-46);color:#fff;font-weight:600;text-align:center;
}
.m31 .sec4 .conWrap{
	position:relative;
	margin-top:60px;
	padding:10vh 0 180px;
}
.m31 .sec4 .conWrap .dia{
	width:50%;
	aspect-ratio:1/1;
	margin:0 auto;
}
.m31 .sec4 .conWrap .dia svg{width:100%;}
.m31 .sec4 .conWrap .dia .cate{display:flex;align-items:center;justify-content:center;transform:translateY(-2.5vh);}
.m31 .sec4 .conWrap .dia .cate .bar{
	display:inline-block;
	width:1px;height:14px;
	background:#444;
	margin:0 10px;
}
.m31 .sec4 .conWrap .dia .cate .line1{
	position:relative;
	padding-left:10px;
	font-size:var(--font-size-16);color:#fff;font-weight:600;
}
.m31 .sec4 .conWrap .dia .cate .line1:before{
	display:block;content:"";
	width:4.7px;aspect-ratio:1/1;
	background:#ee5515;border-radius:50%;
	position:absolute;left:0;top:10px;
}
.m31 .sec4 .conWrap .dia .cate .line2{
	position:relative;
	padding-left:10px;
	font-size:var(--font-size-16);color:#fff;font-weight:600;
}
.m31 .sec4 .conWrap .dia .cate .line2:before{
	display:block;content:"";
	width:4.7px;aspect-ratio:1/1;
	background:#005b7c;border-radius:50%;
	position:absolute;left:0;top:10px;
}
.m31 .sec4 .conWrap .dia .title {display: none;}
.m31 .sec4 .conWrap dl{
	position:absolute;
}
.m31 .sec4 .conWrap dl dt{font-size:var(--font-size-32);color:#fff;font-weight:600;}
.m31 .sec4 .conWrap dl dd{margin-top:15px;}
.m31 .sec4 .conWrap dl dd ul li{
	position:relative;
	font-size:var(--font-size-16);color:rgba(255, 255, 255, 0.8);line-height:160%;
}
.m31 .sec4 .conWrap dl dd ul li:before{
	display:inline-block;vertical-align:top;
	content:"";
	width:6px;height:6px;	
	box-sizing:border-box;
	border:1px solid #9c9c9c;border-radius:50%;
}
.m31 .sec4 .conWrap dl:nth-child(1){width:40vw;left:50%;top:0;transform:translate(-50%,0);text-align:center;}
.m31 .sec4 .conWrap dl:nth-child(2){width:23vw;left:calc(50% + 200px);top:300px;text-align:left;}
.m31 .sec4 .conWrap dl:nth-child(3){width:23vw;left:calc(50% + 150px);top:560px;text-align:left;}
.m31 .sec4 .conWrap dl:nth-child(4){width:23vw;right:calc(50% + 150px);top:560px;text-align:right;}
.m31 .sec4 .conWrap dl:nth-child(5){width:23vw;right:calc(50% + 200px);top:300px;text-align:right;}

.m31 .sec4 .conWrap dl:nth-child(4) dd ul li{padding-right:11px;}
.m31 .sec4 .conWrap dl:nth-child(5) dd ul li{padding-right:11px;}
.m31 .sec4 .conWrap dl:nth-child(1) dd ul li:before{margin:8px 5px 0 0;}
.m31 .sec4 .conWrap dl:nth-child(2) dd ul li:before{margin:8px 5px 0 0;}
.m31 .sec4 .conWrap dl:nth-child(3) dd ul li:before{margin:8px 5px 0 0;}
.m31 .sec4 .conWrap dl:nth-child(4) dd ul li:before{position:absolute;right:0;top:8px;}
.m31 .sec4 .conWrap dl:nth-child(5) dd ul li:before{position:absolute;right:0;top:8px;}

.m31 .sec5{position:relative;}
.m31 .sec5 .imgArea{width:100%;height:100vh;transition:all 0.4s;}
.m31 .sec5 .imgArea.img1{background:url(/images/page/m31_sec5_img1.jpg) no-repeat center / cover;}
.m31 .sec5 .imgArea.img2{background:url(/images/page/m31_sec5_img2.jpg) no-repeat left / cover;}
.m31 .sec5 .imgArea.img3{background:url(/images/page/m31_sec5_img3.jpg) no-repeat left / cover;}
.m31 .sec5 .imgArea.img4{background:url(/images/page/m31_sec5_img4.jpg) no-repeat right / cover;}
.m31 .sec5 .ctrBox{
	position:absolute;left:40px;top:40px;
	padding:60px 50px;
	backdrop-filter: blur(23px);
	background-color: rgba(33, 33, 33, 0.5);
}
.m31 .sec5 .ctrBox ul{}
.m31 .sec5 .ctrBox ul li{
	position:relative;
	padding-left:50px;
	margin-bottom:40px;
}
.m31 .sec5 .ctrBox ul li:last-child{margin-bottom:0;}
.m31 .sec5 .ctrBox ul li:before{
	display:block;content:"";
	width:30px;height:30px;
	background:#f4f4f4;
	border-radius:50%;
	position:absolute;left:0;top:-2px;
	font-size:var(--font-size-16);color:#000;font-weight:600;text-align:center;line-height:30px;
	transition:all 0.4s;
}
.m31 .sec5 .ctrBox ul li:nth-child(1):before{content:"1";}
.m31 .sec5 .ctrBox ul li:nth-child(2):before{content:"2";}
.m31 .sec5 .ctrBox ul li:nth-child(3):before{content:"3";}
.m31 .sec5 .ctrBox ul li:nth-child(4):before{content:"4";}
.m31 .sec5 .ctrBox ul li:nth-child(5):before{content:"5";}
.m31 .sec5 .ctrBox ul li a{font-family:"Pretendard";font-size:var(--font-size-20);color:#fff;font-weight:600;}
.m31 .sec5 .ctrBox ul li.on:before{background:rgba(234, 85, 21, 1);color:#fff;}

.m31 .sec5 .infoWrap{
	display:none;
	position:absolute;right:5%;bottom:40px;
	max-width:762px;width:50vw;
	backdrop-filter: blur(23px);
	background-color: rgba(33, 33, 33, 0.5);
	transition:all 0.4s;
}
.m31 .sec5 .infoWrap .btnClose{
	position:absolute;right:20px;top:20px;z-index:10;
	width:60px;height:60px;
}
.m31 .sec5 .infoWrap .mobileTitleArea{display:none;}
.m31 .sec5 .infoWrap .img{
	width:100%;
	aspect-ratio:762/340;
}
.m31 .sec5 .infoWrap.img1 .img{background:url(/images/page/m31_sec5_thumb1.jpg) no-repeat center / cover;}
.m31 .sec5 .infoWrap.img2{right:35%}
.m31 .sec5 .infoWrap.img2 .img{background:url(/images/page/m31_sec5_thumb2.jpg) no-repeat center / cover;}
.m31 .sec5 .infoWrap.img3{right:15%}
.m31 .sec5 .infoWrap.img3 .img{background:url(/images/page/m31_sec5_thumb3.jpg) no-repeat center / cover;}
.m31 .sec5 .infoWrap .txts{padding:60px 40px;}
.m31 .sec5 .infoWrap .txts>div{display:none;}
.m31 .sec5 .infoWrap .txts .tit{
	font-size:var(--font-size-32);color:#fff;font-weight:600;
}
.m31 .sec5 .infoWrap .txts .tit span{
	display:inline-flex;align-items:center;justify-content:center;vertical-align:top;
	width:30px;height:30px;
	margin:10px 3px 0 0;
	background:#ea5515;border-radius:50%;
	font-size:var(--font-size-16);color:#fff;font-weight:600;text-align:center;
}
.m31 .sec5 .infoWrap .txts .txt{margin-top:40px;font-size:var(--font-size-20);color:rgba(255, 255, 255, 0.8);}

.m31 .sec6{padding:200px 0;}
.m31 .sec6 .titleArea{text-align:center;}
.m31 .sec6 .titleArea h4{font-size:var(--font-size-46);color:#fff;font-weight:600;}
.m31 .sec6 .titleArea h4 + p{margin-top:20px;font-size:var(--font-size-32);color:rgba(255, 255, 255, 0.8);}
.m31 .sec6 .imgArea{
	margin:20px 0 80px;
	aspect-ratio:1920/913;
}
.m31 .sec6 .imgArea img{
	opacity:1;
	transform:translateY(0px);
	transition:all 1.4s;
}
.m31 .sec6 .spec{
	padding:20px 70px 80px;
	background:#212121;
}
.m31 .sec6 .spec .title{
	display:flex;justify-content:space-between;align-items:center;
	padding:40px 0;
	border-bottom:1px solid #fff;
}
.m31 .sec6 .spec .title h5{font-size:var(--font-size-36);color:#fff;font-weight:500;}
.m31 .sec6 .spec .title .btn{text-align:center;cursor:pointer;}
.m31 .sec6 .spec .title .btn .icon{display:inline-block;width:40px;}
.m31 .sec6 .spec .title .btn .txt{font-size:var(--font-size-20);color:#fff;}
.m31 .sec6 .spec .specInfo{display:none;padding:80px 0 0;}
.m31 .sec6 .spec .specInfo .table{overflow:hidden;overflow-x:auto;}
.m31 .sec6 .spec .specInfo .table table{width:100%;width:1660px;}
.m31 .sec6 .spec .specInfo .table table th{
	padding:15px;
	background:#090909;
	font-size:var(--font-size-18);color:#fff;font-weight:600;text-align:center;
}
.m31 .sec6 .spec .specInfo .table table td{
	padding:15px;
	border-bottom: 1px solid rgba(166, 169, 181, 0.3);
	font-size:var(--font-size-18);color:rgba(255, 255, 255, 0.8);text-align:center;
}
.m31 .sec6 .spec .specInfo .tip{margin-top:40px;font-size:var(--font-size-20);color:rgba(255, 255, 255, 0.8);}

.m31 .sec7{width:100%;height:100vh;}
.m31 .sec7>div{position:relative;width:100%;height:100%;}
.m31 .sec7 .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m31_sec7_bg.jpg) no-repeat center / cover;
}
.m31 .sec7 .txt1{
	position:absolute;left:0;top:50%;z-index:100;
	transform:translateY(-50%);
	width:100%;
	text-align:center;
}
.m31 .sec7 .txt1 h4{
	font-family:"Pretendard";font-size:var(--font-size-80);color:#fff;font-weight:600;line-height:1.2em;
	opacity:0;transform:translateY(40px);
}
.m31 .sec7 .txt1 p{
	margin-top:15px;font-family:"Pretendard";font-size:var(--font-size-42);color:#fff;font-weight:600;
	opacity:0;transform:translateY(40px);
}
.m31 .sec7 .txt2{
	position:absolute;right:5%;bottom:120px;z-index:100;
	width:50vw;	
}
.m31 .sec7 .txt2 h5{
	margin-bottom:40px;font-size:var(--font-size-46);color:#fff;font-weight:600;line-height:1.2em;
	opacity:0;transform:translateY(40px)
}
.m31 .sec7 .txt2 p{
	margin-bottom:30px;font-size:var(--font-size-20);color:rgba(255, 255, 255, 0.8);line-height:1.5em;
	opacity:0;transform:translateY(40px)
}
.m31 .sec7 .txt2 p:last-child{margin:0;}

.m31 .sec8{padding:200px 0;}
.m31 .sec8>div{
	display:flex;flex-wrap:wrap;
}
.m31 .sec8>div .textArea{
	display:flex;flex-wrap:wrap;align-content:space-between;
	width:70%;
}
.m31 .sec8>div .textArea h4{width:100%;font-size:var(--font-size-46);color:#fff;font-weight:600;line-height:1.2em;}
.m31 .sec8>div .textArea>div{width:100%;margin-top: 30px;}
.m31 .sec8>div .textArea>div p{
	margin-bottom:30px;
	font-size:var(--font-size-20);color:rgba(255, 255, 255, 0.8);line-height:1.5em;
}
.m31 .sec8>div .textArea>div p:last-child{margin:0;}
.m31 .sec8>div .imgArea{
	width:30%;
	aspect-ratio:1752/1560;
	background:url(/images/page/m31_sec8_img.jpg) no-repeat center / cover;
}

.m31 .sec9{position:relative;}
.m31 .sec9 .imgArea{width:100%;height:100vh;transition:all 0.4s;}
.m31 .sec9 .imgArea.img1{background:url(/images/page/m31_sec9_img1.jpg) no-repeat left center / cover;}
.m31 .sec9 .imgArea.img2{background:url(/images/page/m31_sec9_img2.jpg) no-repeat center / cover;}
.m31 .sec9 .imgArea.img3{background:url(/images/page/m31_sec9_img3.jpg) no-repeat right / cover;}
.m31 .sec9 .ctrBox{
	position:absolute;left:40px;top:40px;
	padding:60px 50px;
	backdrop-filter: blur(23px);
	background-color: rgba(33, 33, 33, 0.5);
}
.m31 .sec9 .ctrBox ul{}
.m31 .sec9 .ctrBox ul li{
	position:relative;
	padding-left:50px;
	margin-bottom:40px;
}
.m31 .sec9 .ctrBox ul li:last-child{margin-bottom:0;}
.m31 .sec9 .ctrBox ul li:before{
	display:block;content:"";
	width:30px;height:30px;
	background:#f4f4f4;
	border-radius:50%;
	position:absolute;left:0;top:-2px;
	font-size:var(--font-size-16);color:#000;font-weight:600;text-align:center;line-height:30px;
	transition:all 0.4s;
}
.m31 .sec9 .ctrBox ul li:nth-child(1):before{content:"1";}
.m31 .sec9 .ctrBox ul li:nth-child(2):before{content:"2";}
.m31 .sec9 .ctrBox ul li a{font-family:"Pretendard";font-size:var(--font-size-20);color:#fff;font-weight:600;}
.m31 .sec9 .ctrBox ul li.on:before{background:rgba(234, 85, 21, 1);color:#fff;}

.m31 .sec9 .infoWrap{
	display:none;
	position:absolute;right:5%;bottom:80px;
	max-width:762px;width:50vw;
	backdrop-filter: blur(23px);
	background-color: rgba(33, 33, 33, 0.5);
	transition:all 0.4s;
}
.m31 .sec9 .infoWrap .mobileTitleArea{display:none;}
.m31 .sec9 .infoWrap .btnClose{
	position:absolute;right:20px;top:20px;z-index:10;
	width:60px;height:60px;
}
.m31 .sec9 .infoWrap .img{
	width:100%;
	aspect-ratio:762/340;
}
.m31 .sec9 .infoWrap.img1 .img{background:url(/images/page/m31_sec9_thumb1.jpg) no-repeat center / cover;}
.m31 .sec9 .infoWrap.img2{right:auto;left:5%;}
.m31 .sec9 .infoWrap.img2 .img{background:url(/images/page/m31_sec9_thumb2.jpg) no-repeat center / cover;}
.m31 .sec9 .infoWrap .txts{
	overflow:hidden;overflow-y:auto;
	padding:60px 20px;
	height:300px;
}
.m31 .sec9 .infoWrap .txts>div{display:none;}
.m31 .sec9 .infoWrap .txts .tit{
	position:relative;
	padding-left:50px;
	font-size:var(--font-size-32);color:#fff;font-weight:600;
}
.m31 .sec9 .infoWrap .txts .tit span{
	display:inline-flex;align-items:center;justify-content:center;vertical-align:top;
	position:absolute;left:0;top:0;
	width:30px;height:30px;
	margin:10px 3px 0 0;
	background:#ea5515;border-radius:50%;
	font-size:var(--font-size-16);color:#fff;font-weight:600;text-align:center;
}
.m31 .sec9 .infoWrap .txts .txt{margin-top:40px;font-size:var(--font-size-20);color:rgba(255, 255, 255, 0.8);}
.m31 .sec9 .infoWrap .txts .innerImg{margin-top:40px;}
.m31 .sec9 .infoWrap .txts .innerImg .tit{font-size:var(--font-size-20);color:rgba(255, 255, 255, 0.8);margin:0 0 20px;padding:0;}
.m31 .sec9 .infoWrap .more{
	display:block;
	width:100%;height:60px;
	backdrop-filter: blur(23px);
    background-color: rgba(33, 33, 33, 0.5);
	position:absolute;left:0;top:100%;
	text-align:center;line-height:60px;
	font-size:var(--font-size-16);color:#ea5515;
	transition:all 0.4s;
}
.m31 .sec9 .infoWrap .more i{
	display:inline-block;
	animation: scrollBounce 1.2s ease-in-out infinite;
}
@keyframes scrollBounce {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(6px); }
}
.m31 .sec9 .infoWrap .txts.end + .more{opacity:0;}


div::-webkit-scrollbar{width:5px;}
div::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 5px;
}
div::-webkit-scrollbar-thumb {
	background: #888;
	border-radius: 5px;
}


.m31 .sec10{position:relative;padding:200px 0 100px;}
.m31 .sec10 .titleArea{text-align:center;}
.m31 .sec10 .titleArea p{margin-top:40px;font-size:var(--font-size-20);color:rgba(255, 255, 255, 0.8);}
.m31 .sec10 .conWrap{
	display:flex;justify-content:space-between;
	max-width:1257px;
	margin:68px auto 0;
}
.m31 .sec10 .conWrap .sq{
	position:relative;
	width:40%;
}
.m31 .sec10 .conWrap .sq img{position:absolute;bottom:0;height:200px;}
.m31 .sec10 .conWrap .sq .sq1{z-index:1;opacity:0;transform:translateY(40px);}
.m31 .sec10 .conWrap .sq .sq2{bottom:25%;z-index:2;opacity:0;transform:translateY(40px);}
.m31 .sec10 .conWrap .sq .sq3{bottom:50%;z-index:3;opacity:0;transform:translateY(40px);}
.m31 .sec10 .conWrap .con{
	display:flex;flex-wrap:wrap;flex-direction:column-reverse;
	width:52%;
	padding-top:3%;
}
.m31 .sec10 .conWrap .con dl{
	position:relative;
	margin-top:30px;	
}
.m31 .sec10 .conWrap .con dl:last-child{margin:0;}
.m31 .sec10 .conWrap .con dl dt{
	padding-left:66px;
	font-size:var(--font-size-32);font-weight:600;color:#fff;
	clip-path:inset(0% 100% 0% 0%);
}
.m31 .sec10 .conWrap .con dl:nth-child(1) dt{background:url(/images/page/m31_sec10_dl_bg1.png) no-repeat left top / 50px;}
.m31 .sec10 .conWrap .con dl:nth-child(2) dt{background:url(/images/page/m31_sec10_dl_bg2.png) no-repeat left top / 50px;}
.m31 .sec10 .conWrap .con dl:nth-child(3) dt{background:url(/images/page/m31_sec10_dl_bg3.png) no-repeat left top / 50px;}
.m31 .sec10 .conWrap .con dl dd{margin-top:20px;padding-left:66px;font-size:var(--font-size-16);color:rgba(255, 255, 255, 0.8);}
.m31 .sec10 .conWrap .con dl dd.txt{clip-path:inset(0% 100% 0% 0%);}
.m31 .sec10 .conWrap .con dl dd.line{
	position:absolute;right:calc(100% + 20px);top:5px;z-index:10;
	width:37%;height:1px;
	background:#fff;
	transform:scaleX(0);
	transform-origin:left;
}
.m31 .sec10 .conWrap .con dl dd.line:after{
	display:block;content:"";
	box-sizing:border-box;
	width:6px;height:6px;
	border:1px solid #fff;border-radius:50%;
	background:rgba(234, 85, 21, 1);
	position:absolute;right:100%;top:50%;
	margin-top:-3px;
}
.m31 .sec10 .pcView{display:block;}
.m31 .sec10 .mView{display:none;}



.m31 .sec11{position:relative;}
.m31 .sec11 video{width:100%;object-fit:cover;}

.m31 .sec12{padding:200px 0 0;}
.m31 .sec12 .conArea{margin-top:80px;}
.m31 .sec12 .conArea svg{width:100%;}
.m31 .sec12 .conArea svg .info{opacity:0;}
.m31 .sec12 .conArea svg .bar{clip-path:inset(100% 0% 0% 0%);}

.m31 .sec12.in-view .conArea svg .info{opacity:1;}
.m31 .sec12.in-view .conArea svg .bar{clip-path:inset(0% 0% 0% 0%);}

.m31 .sec12.in-view .conArea svg .info1{transition:all 1s 1s;}
.m31 .sec12.in-view .conArea svg .info2{transition:all 1s 1.2s;}
.m31 .sec12.in-view .conArea svg .info3{transition:all 1s 1.4s;}
.m31 .sec12.in-view .conArea svg .info4{transition:all 1s 1.6s;}
.m31 .sec12.in-view .conArea svg .info5{transition:all 1s 1.8s;}
.m31 .sec12.in-view .conArea svg .info6{transition:all 1s 2s;}
.m31 .sec12.in-view .conArea svg .info7{transition:all 1s 2.2s;}
.m31 .sec12.in-view .conArea svg .bar1{transition:all 1s;}
.m31 .sec12.in-view .conArea svg .bar2{transition:all 1s 0.2s;}
.m31 .sec12.in-view .conArea svg .bar3{transition:all 1s 0.4s;}
.m31 .sec12.in-view .conArea svg .bar4{transition:all 1s 0.6s;}
.m31 .sec12.in-view .conArea svg .bar5{transition:all 1s 0.8s;}
.m31 .sec12.in-view .conArea svg .bar6{transition:all 1s 1s;}
.m31 .sec12.in-view .conArea svg .bar7{transition:all 1s 1.2s;}


.m31 .sec13{
	position:relative;
	display:flex;align-items:center;justify-content:center;
	height:100vh;
	text-align:center;
}
.m31 .sec13 h4{font-family:"pretendard";font-size:6vw;color:#fff;font-weight:700;line-height:1.2em;}
.m31 .sec13 h4 .t2{display:inline-flex;gap:0;}
.m31 .sec13 h4 .t2 .word {
	display: inline-flex;
	margin-right: 0.25em; /* 단어 간 간격 */
}
.m31 .sec13 h4 .t2 .char{
	display: inline-block;
	transition: opacity 0.3s ease, width 0.3s ease, margin 0.3s ease;	
}
.m31 .sec13 h4 .t2 .char.first{	/* 첫 글자는 항상 보임 */}
.m31 .sec13 h4 .t2 .char.char.hide {
	opacity: 0;
	width: 0;
	margin: 0;
	overflow: hidden;
}
.m31 .sec13 p{
	margin-top:40px;
	font-family:"pretendard";font-size:var(--font-size-20);color:#fff;line-height:1.5em;
}
.m31 .sec13 .vodArea{
	position:absolute;left:0;top:100%;z-index:100;
	width:100%;height:100%;
	margin:0 auto;
	opacity:0.5;
	background:url(/images/page/m31_sec13_vodimg.jpg) no-repeat center / cover;
	clip-path:inset(70% 25% 0% 25%)
}




/* m32 */
.m32{padding:0;}
.m32 .sec1{position:relative;width:100%;height:100vh;}
.m32 .sec1 .titleSection{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100%;
	text-align:center;
}
.m32 .sec1 .titleSection .tit{
	font-family:"pretendard";font-size:var(--font-size-80);color:#fff;font-weight:700;line-height:1.2em;
}
.m32 .sec1 .titleSection .tit strong{font-weight:700;color:#0867a1;}
.m32 .sec1 .titleSection .txt{margin-top:40px;font-size:var(--font-size-20);color:rgba(255,255,255,0.8);}
.m32 .sec1 .bg1{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/page/m32_sec1_bg1.jpg) no-repeat center / cover;
	opacity:0;
}
.m32 .sec1 .conSection{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	opacity:1;
}
.m32 .sec1 .conSection .bg2{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:rgba(0,0,0,0.98);
	opacity:0;	
}
.m32 .sec1 .conSection .innovilt{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-100px);
	width:100%;
	mix-blend-mode: difference;
	text-align:center;
	opacity:0;
}
.m32 .sec1 .conSection .innovilt .tit{
	font-family:"pretendard";font-size:var(--font-size-80);color:#fff;font-weight:700;line-height:1em;
	transform:scale(1);
	opacity:1;
	transition:font-size 1s;
}
.m32 .sec1 .conSection .innovilt.on .tit{font-size:var(--font-size-45);}
.m32 .sec1 .conSection .innovilt .txt{
	position:absolute;left:0;top:100%;
	width:100%;
	margin-top:1vh;
	font-family:"pretendard";font-size:var(--font-size-16);color:rgba(255,255,255,0.8);
	opacity:0;
}
.m32 .sec1 .lineSvg{
	position:absolute;left:50%;top:200px;z-index:10;
	width:45%;
	aspect-ratio:1/1;
	transform:translate(-50%,0);
	opacity:0;
}
.m32 .sec1 .lineSvg svg{width:100%;height:100%;}
.m32 .sec1 .lineSvg .vib{}
.m32 .sec1 .lineSvg .vib>div{
	position:absolute;
	width:3.3%;
	aspect-ratio:1/1;
}
.m32 .sec1 .lineSvg .vib>div.value{
	left:50%;bottom:1.5%;
	margin-left:6px;
}
.m32 .sec1 .lineSvg .vib>div.innov{right:9%;top:20%;}
.m32 .sec1 .lineSvg .vib>div.built{left:9%;top:20%;}
.m32 .sec1 .lineSvg .vib>div .point{
	position:relative;z-index:10;
	width:100%;
	aspect-ratio:1/1;
	border:1px solid #ea5515;border-radius:50%;
}
.m32 .sec1 .lineSvg .vib>div .point:before{
	display:block;content:"";
	width:250%;height:250%;
	background:rgba(234,85,21,0.2);
	border-radius:50%;
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
}
.m32 .sec1 .lineSvg .vib>div .con{
	position:absolute;
	width:357px;
}
.m32 .sec1 .lineSvg .vib>div:nth-child(1) .con{left:calc(100% + 140px);bottom:calc(100% - 100px);}
.m32 .sec1 .lineSvg .vib>div:nth-child(2) .con{left:calc(100% + 0px);bottom:calc(100% + 20px);}
.m32 .sec1 .lineSvg .vib>div:nth-child(3) .con{right:calc(100% + 20px);bottom:calc(100% - 0px);text-align:right;}
.m32 .sec1 .lineSvg .vib>div .con .alphabet{
	font-family:"pretendard";font-size:7vw;font-weight:600;color:#3a3a3a;
}
.m32 .sec1 .lineSvg .vib>div .con .word{
	display:inline-flex;align-items:center;justify-content:center;
	height:30px;
	padding:0 15px;
	background:#3a3a3a;
	border-radius:30px;
	font-family:"pretendard";font-size:1.5vw;color:#fff;
}
.m32 .sec1 .lineSvg .vib>div .con .exp{
	margin-top:15px;
	font-size:1.2vw;color:rgba(255,255,255,0.7);line-height:1.5em;
}
.m32 .sec1 .lineSvg .vib>div.on .point{background:rgba(255, 195, 135, 1);}
.m32 .sec1 .lineSvg .vib>div.on .con .alphabet{color:#ea5515;}
.m32 .sec1 .lineSvg .vib>div.on .con .word{background:#ea5515;}

.m32 .sec1 .lastMsg{
	position:absolute;left:0;bottom:100px;
	width:100%;
	padding:5% 0;
	font-family:"pretendard";font-size:var(--font-size-20);color:rgba(255,255,255,0.8);text-align:center;line-height:1.5em;
	opacity:0;
}


.m32 .sec2{padding:230px 0;background:#212121;text-align:center;}
.m32 .sec2 p{margin-top:40px;font-size:var(--font-size-20);color:rgba(255,255,255,0.8);text-align:center;line-height:1.5em;}
.m32 .sec2 .registration{margin-top:5vh;}
.m32 .sec2 .registration .ctr{display:flex;align-items:center;justify-content:flex-end;gap:16px;display:none;}
.m32 .sec2 .registration .ctr a{
	display:block;
	width:60px;height:60px;
	transition:all 0.6s;
}
.m32 .sec2 .registration .ctr .rPrev{
	background:url(/images/page/btn_prev.png) no-repeat center / cover;
}
.m32 .sec2 .registration .ctr .rPrev:hover{
	background:url(/images/page/btn_prev_on.png) no-repeat center / cover;
}
.m32 .sec2 .registration .ctr .rNext{
	background:url(/images/page/btn_next.png) no-repeat center / cover;
}
.m32 .sec2 .registration .ctr .rNext:hover{
	background:url(/images/page/btn_next_on.png) no-repeat center / cover;
}
.m32 .sec2 .registration .regiSwiper{padding:20px 0 40px 0;}
.m32 .sec2 .registration .regiSwiper .swiper-slide{width:240px;}
.m32 .sec2 .registration .regiSwiper .swiper-slide a{
	overflow:hidden;
	display:block;position:relative;
	transition:all 0.4s;
}
.m32 .sec2 .registration .regiSwiper .swiper-slide a:hover{
	transform:translateY(-10px);
	box-shadow:0 2px 3px rgba(0,0,0,0.3);
}
.m32 .sec2 .registration .regiSwiper .swiper-slide a .title{		
	display:flex;align-items:center;justify-content:center;
	position:absolute;left:0;top:-3px;
	width:100%;height:102%;
	backdrop-filter: blur(5px);
	background: rgba(234, 85, 21, 0.78);
	font-size:var(--font-size-32);color:#fff;font-weight:600;
	opacity:0;
	transition:all 0.6s;
}
.m32 .sec2 .registration .regiSwiper .swiper-slide:hover a .title{opacity:1;}
.m32 .sec2 .registration .regiSwiper .swiper-scrollbar{
	left:0;bottom:0;
	width:100%;height:2px;
	background:rgba(255, 255, 255, 0.3);
}
.m32 .sec2 .registration .regiSwiper .swiper-scrollbar-drag{background:#fff;}





/* m33 */
.m33 {}
.m33 .sec1 {}
.m33 .sec1 .secTitle {
font-size: var(--font-size-46);
color: #fff;
font-family: Pretendard;
}
.m33 .sec1 .container {
padding: 90px 0;
display: flex;
}
.m33 .sec1 .contentNew {
	width:68%;
	padding-right: 2%;
}
.m33 .sec1 .contentListBox{width:30%;}
.m33 .sec1 .itemThumb {
position: relative;
aspect-ratio: 7 / 4;
}
.m33 .sec1 .itemThumb video, .m33 .sec1 .itemThumb iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.m33 .sec1 .itemThumb img{
width: 100%;
height: 100%;
object-fit: cover;
}
.m33 .sec1 .itemThumb .playButton {
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
line-height: 0;
}
.m33 .sec1 .itemThumb .playButton::before{
content:'';
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
width: 120%;
height: 120%;
border:1px solid #fff;
border-radius: 50%;
animation: opacityAni2 3.2s infinite linear;
animation-delay: 0.15s;
}
.m33 .sec1 .itemThumb .playButton::after{
content:'';
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
width: 130%;
height: 130%;
border:1px solid #fff;
border-radius: 50%;
animation: opacityAni3 3.4s infinite linear;
animation-delay: 0.2s;
}
.m33 .sec1 .contentNew .itemThumb .playButton button{
position: relative;
width: 8.5vw;
height: 8.5vw;
background: transparent;
border:none;
border-radius: 50%;
}
.m33 .sec1 .contentList .itemThumb .playButton button{
position: relative;
width: 5.5vw;
height: 5.5vw;
background: transparent;
border:none;
border-radius: 50%;
}
.m33 .sec1 .contentNew .itemThumb .playButton button i{
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-top: 16px solid transparent;
border-bottom: 16px solid transparent;
border-left: 22px solid #fff;
}
.m33 .sec1 .contentList .itemThumb .playButton button i{
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 13px solid #fff;
}
.m33 .sec1 .itemThumb .playButton button::before{
content:'';
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
border:1px solid #fff;
border-radius: 50%;
}
.m33 .sec1 .itemThumb .playButton button::after {
content:'';
position: absolute;
top:50%;
left: 50%;
transform: translate(-50%, -50%);
width: 110%;
height: 110%;
border:1px solid #fff;
border-radius: 50%;
animation: opacityAni1 3s infinite linear;
animation-delay: 0.1s;
}
.m33 .sec1 .contentNew .itemTextArea {
margin-top: 40px;
}
.m33 .sec1 .contentNew .itemTitle {
font-size: var(--font-size-46);
color: #fff;
font-family: Pretendard;
font-weight: 700;
}
.m33 .sec1 .contentNew .itemDate {
display: inline-block;
margin-top: 20px;
font-size: var(--font-size-16);
color: rgba(255, 255, 255, 0.8);
font-family: Pretendard;
}
.m33 .sec1 .contentList {
flex-basis: 32%;
padding-left: 2vw;
display: flex;
align-items: center;
flex-direction: column;
justify-content: flex-start;
gap:80px;
min-width: 0;
}
.m33 .sec1 .contentList .listItem {
width: 100%;
min-width: 0;
}
.m33 .sec1 .contentList .listItem .itemTextArea {
margin-top: 28px;
}
.m33 .sec1 .contentList .listItem .itemTitle {
font-size: var(--font-size-24);
color: #fff;
font-family: Pretendard;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
}
.m33 .sec1 .contentList .listItem .itemDate {
display: inline-block;
margin-top: 20px;
font-size: var(--font-size-16);
color: rgba(255, 255, 255, 0.8);
font-family: Pretendard;
}
@keyframes opacityAni1 {
  0% { opacity: 0; }
  33.3% { opacity: 0.5; }
  100% { opacity: 0; }
}
@keyframes opacityAni2 {
  0% { opacity: 0; }
  33.3% { opacity: 0.25; }
  100% { opacity: 0; }
}
@keyframes opacityAni3 {
  0% { opacity: 0; }
  33.3% { opacity: 0.12; }
  100% { opacity: 0; }
}
.videoPop {
position: fixed;
z-index: 99;
width: 100%;
height: 100vh;
top: 0;
left: 0;
}
.videoPop .videoPopupBg {
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.5);
position: absolute;
}
.videoPop .videoPopWrap {
width: 95%;
max-width: 1200px;
height: 100%;
position: relative;
z-index: 100;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.videoPop .conWrap {
background-color: #fff;
width: 100%;
padding: 10vw 5vw;
border-radius: 30px;
text-align: center;
}
.videoPop .conWrap iframe{
aspect-ratio: 7 / 4;
width: 80%;
}






/* m41 */
.m41{padding:0;}
.m41 .sec1{
	overflow:hidden;
	position:relative; 
	display:flex;align-items:center;justify-content:center;
	width:100%;height:100vh;
}
.m41 .sec1 .bg{
	position: absolute;left: 50%;bottom:-30%;
	transform: translateX(-50%);
	width:40%;height: 35%;
	background: url(/images/page/m41_sec1_bg1.jpg) no-repeat center / cover;
	border-radius: 500px; /* 알약 모양 */
	/*clip-path:inset(100% 0% 100% 0%);*/
	opacity:0;
}
.m41 .sec1 .textWrap{
	position:relative;z-index:100;
	text-align:center;
}
.m41 .sec1 .textWrap .yunjun{opacity:0;transform:translateY(20px);}
.m41 .sec1 .textWrap .yunjun img{}
.m41 .sec1 .textWrap .slot{
	margin-top:20px;
	font-size:var(--font-size-110);color:#fff;font-weight:600;text-align:center;
}
.m41 .sec1 .textWrap .slot>div:nth-child(1){
	display:flex;justify-content:center;	
	height: 1em;
    line-height: 1em;
}
.m41 .sec1 .textWrap .slot>div:nth-child(1) .slot-char{
	overflow: hidden;
	width: 0.63em;
	display: inline-block;
	letter-spacing:-0.125em;
}
.m41 .sec1 .textWrap .slot>div:nth-child(1) .slot-char .charSpan{
	width:100%;
    height: 1em; /* 명시적으로 height 고정 */
    line-height: 1em;
    text-align: center;
}
.m41 .sec1 .textWrap .slot>div:nth-child(1) .slot-reel {
	display: flex;justify-content:center;
	flex-direction: column;
}
.m41 .sec1 .textWrap .slot>div:nth-child(2){transform:translateY(-30px);}

.m41 .sec1 .textWrap .text{
	position:relative;text-align:center;
	font-size:var(--font-size-32);color:#9fa0a0;
}
.m41 .sec1 .textWrap .text .t1{
	position:absolute;left:0;top:0;
	width:100%;letter-spacing:10px;
	opacity:0;transform:translateY(40px);
}
.m41 .sec1 .textWrap .text .t1 span{display:inline-block;}
.m41 .sec1 .textWrap .text .t2{
	position:absolute;left:0;top:0;width:100%;opacity:0;
	letter-spacing:10px;
}
.m41 .sec1 .textWrap .text .t2 span{display:inline-block;opacity:0;}


.m41 .sec1 .sec1BtmSection{
	position:absolute;left:0;top:100%;z-index:100;
	display:flex;align-items:center;
	width:100%;height:100%;
	background:#212121;
	text-align:center;
}
.m41 .sec1 .sec1BtmSection h4{font-size:var(--font-size-46);color:#fff;font-weight:600;line-height:120%;}
.m41 .sec1 .sec1BtmSection p{margin-top:40px;font-size:var(--font-size-20);color:#fff;line-height:150%;}
.m41 .sec1 .sec1BtmSection .registration{margin-top:5vh;}
.m41 .sec1 .sec1BtmSection .registration .ctr{
	display:flex;align-items:center;justify-content:flex-end;gap:16px;
	display:none;
}
.m41 .sec1 .sec1BtmSection .registration .ctr a{
	display:block;
	width:60px;height:60px;
	transition:all 0.6s;
}
.m41 .sec1 .sec1BtmSection .registration .ctr .rPrev{
	background:url(/images/page/btn_prev.png) no-repeat center / cover;
}
.m41 .sec1 .sec1BtmSection .registration .ctr .rPrev:hover{
	background:url(/images/page/btn_prev_on.png) no-repeat center / cover;
}
.m41 .sec1 .sec1BtmSection .registration .ctr .rNext{
	background:url(/images/page/btn_next.png) no-repeat center / cover;
}
.m41 .sec1 .sec1BtmSection .registration .ctr .rNext:hover{
	background:url(/images/page/btn_next_on.png) no-repeat center / cover;
}
.m41 .sec1 .sec1BtmSection .registration .regiSwiper{padding:20px 0 40px 0;}
.m41 .sec1 .sec1BtmSection .registration .regiSwiper .swiper-slide{width:240px;
	overflow:hidden;display:block;position:relative;transition:all 0.24s;
}
.m41 .sec1 .sec1BtmSection .registration .regiSwiper .swiper-slide:hover{
	transform:translateY(-20px);box-shadow:0 2px 3px rgba(0,0,0,0.3);
}
.m41 .sec1 .sec1BtmSection .registration .regiSwiper .swiper-slide .title{		
	display:flex;align-items:center;justify-content:center;
	position:absolute;left:0;top:-3px;
	width:100%;height:102%;
	backdrop-filter: blur(5px);
	background-color: rgba(234, 85, 21, 0.78);
	font-size:var(--font-size-32);color:#fff;font-weight:600;
	opacity:0;
	transition:all 0.6s;
}
.m41 .sec1 .sec1BtmSection .registration .regiSwiper .swiper-slide:hover .title{opacity:1;}
.m41 .sec1 .sec1BtmSection .registration .regiSwiper .swiper-scrollbar{
	left:0;bottom:0;
	width:100%;height:2px;
	background:rgba(255, 255, 255, 0.3);
}
.m41 .sec1 .sec1BtmSection .registration .regiSwiper .swiper-scrollbar-drag{background:#fff;}

.m41 .sec2{
	overflow:hidden;
	position:relative; 
	width:100%;height:100vh;
	background:#090909;
}
.m41 .sec2 .slider{position:relative;width:100%;height:100%;}
.m41 .sec2 .slider .boxWrap{
	display:flex;align-items:center;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	visibility:hidden;opacity:0;
	transition:all 1.4s;
}
.m41 .sec2 .slider .boxWrap.on{visibility:visible;opacity:1;}
.m41 .sec2 .slider .boxWrap .txtArea{
	display:flex;align-items:center;
	width:50%;height:100%;
	box-sizing:border-box;
	padding:0 3%;
}
.m41 .sec2 .slider .boxWrap .txtArea>div{width:100%;}
.m41 .sec2 .slider .boxWrap .txtArea .topArea{
	position:relative;
	width:100%;
	padding:0 0 20px;
	font-family:"Pretendard";
	font-size:var(--font-size-46);color:#fff;font-weight:600;
}
.m41 .sec2 .slider .boxWrap .txtArea .topArea:after{
	display:block;content:"";
	width:100%;height:1px;
	background:#fff;
	position:absolute;left:0;bottom:0;
	transform:scaleX(0);
	transform-origin:left;
}
.m41 .sec2 .slider .boxWrap .txtArea .topArea strong{display:block;color:#ea5515;font-weight:600;}
.m41 .sec2 .slider .boxWrap .txtArea .btmArea{margin-top:10vh;}
.m41 .sec2 .slider .boxWrap .txtArea .btmArea .tit2{font-size:var(--font-size-32);color:#fff;font-weight:600;line-height:120%;}
.m41 .sec2 .slider .boxWrap .txtArea .btmArea p{margin-top:40px;font-size:var(--font-size-20);color:#fff;line-height:160%;}
.m41 .sec2 .slider .boxWrap .imgArea{width:50%;height:100%;opacity:1;transition:all 1.4s;}
.m41 .sec2 .slider .boxWrap.on .imgArea{opacity:1;}
.m41 .sec2 .slider .boxWrap .imgArea img{width:100%;}


.m41 .sec2 .slider .boxWrap .txtArea .topArea strong{transform:translateY(40px);opacity:0;}
.m41 .sec2 .slider .boxWrap .txtArea .topArea strong + span{display:block;transform:translateY(40px);opacity:0;}
.m41 .sec2 .slider .boxWrap .txtArea .btmArea .tit2{transform:translateY(40px);opacity:0;}
.m41 .sec2 .slider .boxWrap .txtArea .btmArea p{transform:translateY(40px);opacity:0;}

.m41 .sec2 .slider .boxWrap.on .txtArea .topArea:after{transform:scaleX(1);transition:all 1.4s;}
.m41 .sec2 .slider .boxWrap.on .txtArea .topArea strong{transform:translateY(0);opacity:1;transition:all 1.4s 0.2s;}
.m41 .sec2 .slider .boxWrap.on .txtArea .topArea strong + span{transform:translateY(0);opacity:1;transition:all 1.4s 0.3s;}
.m41 .sec2 .slider .boxWrap.on .txtArea .btmArea .tit2{transform:translateY(0);opacity:1;transition:all 1.4s 0.4s;}
.m41 .sec2 .slider .boxWrap.on .txtArea .btmArea p{transform:translateY(0);opacity:1;transition:all 1.4s 0.5s;}

.m41 .sec2 .statusBar{
	position:absolute;right:0;bottom:60px;z-index:100;
	display:flex;align-items:center;justify-content:center;
	width:50%;
	font-size:var(--font-size-16);color:#fff;
}
.m41 .sec2 .statusBar .thisNum{width:40px;text-align:left;}
.m41 .sec2 .statusBar .totalNum{width:40px;text-align:right;}
.m41 .sec2 .statusBar .bar{overflow:hidden;position:relative;width:220px;height:2px;background:#777;}
.m41 .sec2 .statusBar .bar .guage{
	position:absolute;left:0;top:0;
	width:25%;height:100%;
	background:#ea5515;
	transition:all 1.4s;
}



/***/
#panel {
    position: absolute;right:0;top:0;z-index:100;
    width:50%;height:100%;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.04);
}
/* vignette */
#panel::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse at center, transparent 25%, rgba(0,0,0,0.65) 100%);
    pointer-events: none;
    z-index: 2;
}
canvas{display:block;width:100%;height:100%;}
.prog {
    position: absolute;
    bottom: 5.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 28%;
    display: flex;
    align-items: center;
    gap: 14px;
    z-index: 5;
}
.prog .num{font-size:var(--font-size-16);color:#fff;}
.prog .bar {
    flex: 1;
    height: 2px;
    background: rgba(255,255,255,0.1);
    border-radius: 2px;
    overflow: hidden;
}
.prog .fill {
    width: 0%;
    height: 100%;
    background: #ea5515;
    border-radius: 2px;
}





/* m42 */
.m42{padding:0;}
.m42 .sec1{}
.m42 .sec1 .titleArea{	
	position:relative;
	width:100%;height:100vh;
}
.m42 .sec1 .titleArea .bg{
	position:absolute;left:50%;bottom:0;
	width:100%;
	transform:translateX(-50%);
	aspect-ratio:9/16;
	background:url(/images/page/m42_title_bg.jpg) no-repeat center / cover;
	clip-path:inset(0% 20%);
}
.m42 .sec1 .titleArea h4{
	position:relative;z-index:100;
	padding-top:38%;
	font-size:var(--font-size-90);color:#fff;font-weight:700;text-align:center;
	opacity:0;transform:translateY(40px);
}
.m42 .sec1 .titleArea .fakeLine{
	position:absolute;left:50%;bottom:0;
	width:1px;height:16vh;
	background:rgba(199, 199, 199, 0.48);
}
.m42 .sec1 .titleArea .fakeLine .pointer{
	position:absolute;left:50%;top:0%;z-index:10;
	width:60px;height:60px;
	background:#fff url(/images/page/m42_arr1.png) no-repeat center;
	background-size:17.5px;
	border-radius:50%;
	transform:translateX(-50%);
}
.m42 .sec1 .titleArea .fakeLine .pointer:after{
	display:block;content:"";
	position:absolute;left:-20px;top:-20px;
	width:calc(100% + 40px);height:calc(100% + 40px);
	background:url(/images/page/m42_arr_bg.png) no-repeat center;
	background-size:cover;
}


.m42 .sec1 .history{
	position:relative;
	height:100vh;
}
.m42 .sec1 .history .line{
	position:absolute;left:50%;top:0;
	width:1px;height:100%;
	background:rgba(199, 199, 199, 0.48);
}
.m42 .sec1 .history .line>span{
	display:block;
	position:relative;
	width:100%;height:100%;
	background:#ea5515;
}
.m42 .sec1 .history .pointer{
	position:absolute;left:50%;top:50%;
	width:60px;height:60px;
	background:#ea5515 url(/images/page/m42_arr2.png) no-repeat center;
	background-size:17.5px;
	border-radius:50%;
	transform:translate(-50%,-50%);
}
.m42 .sec1 .history .pointer:after{
	display:block;content:"";
	position:absolute;left:-20px;top:-20px;
	width:calc(100% + 40px);height:calc(100% + 40px);
	background:url(/images/page/m42_arr_bg2.png) no-repeat center;
	background-size:cover;
}

.m42 .sec1 .history .conWrap{display:flex;height:100%;}
.m42 .sec1 .history .conWrap .year{
	overflow:hidden;
	display:flex;align-items:center;justify-content:center;
	width:50%;height:100%;text-align:center;
	font-family:"Pretendard";font-size:var(--font-size-90);color:#fff;font-weight:700;
}
.m42 .sec1 .history .conWrap .year>div{display:flex;align-items:center;}
.m42 .sec1 .history .conWrap .year .fix{}
.m42 .sec1 .history .conWrap .year .role{position:relative;display:flex;gap:0;color:#ea5515;}
.m42 .sec1 .history .conWrap .year .role .digit-wrap{margin:7px 0 0;}
.m42 .sec1 .history .conWrap .year .role .digit-wrap:nth-child(2){margin-left:-24px;}
.m42 .sec1 .history .conWrap .con{position:relative;width:50%;height:100%;}
.m42 .sec1 .history .conWrap .con .mobileYear{display:none;}
.m42 .sec1 .history .conWrap .con .historyBox{
	position: absolute;
	left: 20%;
	top: 50%;
	transform: translate(0%, -50%);
	width: 80%;
	opacity: 0;
	transition: all 1.4s;
}
.m42 .sec1 .history .conWrap .con .historyBox.on{opacity:1;}

.m42 .sec1 .history .conWrap .con .historyBox dl{
	display:flex;flex-wrap:wrap;align-items:center;
	margin-bottom:2vh;
}
.m42 .sec1 .history .conWrap .con .historyBox dl:last-child{margin:0;}
.m42 .sec1 .history .conWrap .con .historyBox dl dt{
	position:relative;
	width:67px;
	font-size:var(--font-size-36);color:#fff;font-weight:600;
}
.m42 .sec1 .history .conWrap .con .historyBox dl dt:after{
	display:block;content:"";
	width:1px;height:14px;
	background:#444;
	position:absolute;right:0;top:50%;
	margin-top:-7px;
}
.m42 .sec1 .history .conWrap .con .historyBox dl dd{	
	width:calc(100% - 67px);
	padding-left:16px;
	font-size:var(--font-size-20);color:rgba(255,255,255,0.8);line-height:140%;
}
.m42 .sec1 .history .conWrap .con .historyBox dl dd.img{
	display:none;
	width:100%;margin-top:20px;padding:0;
}

.m42 .sec1 .history .anker{
	overflow:hidden;
	position:fixed;left:50%;top:85%;z-index:100;
	transform:translateX(-50%);
	padding:24px;
	width:52vw;height:80px;
	backdrop-filter: blur(20px);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) 51.44%, rgba(153, 153, 153, 0));
}
.m42 .sec1 .history .anker ul{
	display:flex;gap:40px;
	position:absolute;left:37%;top:50%;
	transform:translate(0,-50%);
}
.m42 .sec1 .history .anker ul li{}
.m42 .sec1 .history .anker ul li a{
	display:flex;align-items:center;justify-content:center;
	width:110px;height:60px;
	border-radius:100px;
	background:rgba(255, 255, 255, 0.2);
	font-size:var(--font-size-20);color:#fff;
}
.m42 .sec1 .history .anker ul li.on a{background:#ea5515;}





/* m43 */
.m43{padding:0;}
.m43 .sec1{
	overflow:hidden;
	position:relative;
	width:100%;
}
.m43 .sec1 .bg{
	overflow:hidden;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.m43 .sec1 .bg>div{
	position:absolute;left:0;top:0;;width:100%;height:100%;opacity:0;
	transform:scale(1.2);
	transition:all 1.4s;
}
.m43 .sec1 .bg>div.on{transform:scale(1);opacity:1;z-index:5;}
.m43 .sec1 .bg .bg1{
	background:url(/images/page/m43_bg1.jpg) no-repeat center / cover;
}
.m43 .sec1 .bg .bg2{
	background:url(/images/page/m43_bg2.jpg) no-repeat center / cover;
}
.m43 .sec1 .bg .bg3{
	background:url(/images/page/m43_bg3.jpg) no-repeat center / cover;
}
.m43 .sec1 .innerWrap{height:100%;}
.m43 .sec1 .conWrap{
	position:relative;z-index:100;
	padding:140px 0;
	width:100%;height:100%;
}
.m43 .sec1 .conWrap .txtArea{width:100%;padding-bottom:0vh;}
.m43 .sec1 .conWrap .txtArea .tit1{font-size:var(--font-size-32);color:#fff;font-weight:600;line-height:1.2em;}
.m43 .sec1 .conWrap .txtArea .tit2{margin:40px 0 0;font-size:var(--font-size-50);color:#fff;font-weight:600;line-height:1.2em;}
.m43 .sec1 .conWrap .txtArea .ctr{display:none;}
.m43 .sec1 .conWrap .mobileArea{
	position:relative;width:100%;width:75%;margin:100px auto 0;aspect-ratio:1218/2626;
	background:url(/images/page/bg_mobile.png) no-repeat center / contain;
}
.m43 .sec1 .conWrap .mobileArea .backgroundMobile{}
.m43 .sec1 .conWrap .mobileArea .qna{
	width:85%;
	margin:0 auto;
	padding:27vw 0 0;
}
.m43 .sec1 .conWrap .mobileArea .qna>div{
	overflow:hidden; 
	width:100%;	
	position: relative;
}
.m43 .sec1 .conWrap .mobileArea .qna>div>div{overflow:hidden;opacity:1;transition:all 1s;margin-bottom:60px;}
.m43 .sec1 .conWrap .mobileArea .qna>div>div.in-view{opacity:1;transition:all 1s;}

.m43 .sec1 .conWrap .mobileArea .qna>div .q{
	float:left;
	width:80%;
	padding:20px;
	background:#ea5515;
	border-radius:20px;
	font-size:2vw;color:#fff;
	transform:translateY(100px) scale(0.9);opacity:0;
}
.m43 .sec1 .conWrap .mobileArea .qna>div .a{
	float:right;
	width:80%;
	padding:20px;margin-top:20px;
	background:rgba(255, 255, 255, 0.2);backdrop-filter: blur(18.91px);
	border-radius:20px;
	transform:translateY(100px) scale(0.9);opacity:0;
}
.m43 .sec1 .conWrap .mobileArea .qna>div .a p{margin-bottom:30px;font-size:2vw;color:#fff;}
.m43 .sec1 .conWrap .mobileArea .qna>div .a p:last-child{margin:0;}
.m43 .sec1 .conWrap .mobileArea .pageNum{
	display:none;
}
.m43 .sec1 .conWrap .mobileArea .pageNum .this{color:#fff;font-weight:600;}
.m43 .sec1 .conWrap .mobileArea .pageNum .total{}
.m43 .btnInquiry{
	padding:80px 0 200px;
	text-align:center;
}
.m43 .btnInquiry a{
	display:inline-flex;align-items:center;justify-content:center;
	width:300px;height:80px;
	border:2px solid rgba(255,255,255,0.6);
	border-radius:60px;
	font-size:var(--font-size-24);color:#fff;
}
.m43 .btnInquiry a span{}
.m43 .btnInquiry a span i{
	display:inline-block;
	width:13.5px;aspect-ratio:1/1;
	margin-left:10px;
	background:url(/images/page/btn_link.png) no-repeat center;
	background-size:contain;
}

/* ON 상태 - 제자리 */
.m43 .sec1 .conWrap .mobileArea .qna > div > div.in-view .q {
    transform: translateY(0px) scale(1);
    opacity: 1;
    transition: all 1s;
}
.m43 .sec1 .conWrap .mobileArea .qna > div > div.in-view .a {
    transform: translateY(0px) scale(1);
    opacity: 1;
    transition: all 1s 0.2s;
}



@media(max-width:900px){
	.m43 .sec1 .conWrap .mobileArea{width:80%;}
}





/* m44 - bbs1 */
.bbs1{}
.bbs1 .sec1{padding-bottom: 200px;}
.bbs1 .sec1 .newList {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 24px;
grid-row-gap: 80px;
}
.bbs1 .sec1 .newList .listItem {
min-width: 0;
}
.bbs1 .sec1 .newList .itemThumb {
aspect-ratio:537/298;
}
.bbs1 .sec1 .newList .itemThumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bbs1 .sec1 .newList .itemTextArea {
margin-top: 30px;
}
.bbs1 .sec1 .newList .itemCategory {
font-size: var(--font-size-16);
color: var(--main-color);
font-family: Pretendard;
}
.bbs1 .sec1 .newList .itemTitle {
margin-top: 12px;
font-size: var(--font-size-32);
color: #fff;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: Pretendard;
}
.bbs1 .sec1 .newList .listItem a:hover .itemTitle {
text-decoration: underline;
text-underline-offset: 4px;
}
.bbs1 .sec1 .newList .itemDate {
margin-top: 24px;
display: inline-block;
font-size: var(--font-size-16);
color: rgba(255, 255, 255, 0.8);
font-family: Pretendard;
}

/* m44_view - bbs1_view */

.bbs1_view{}
.bbs1_view .sec1{padding-bottom: 200px;}
.bbs1_view .contentHead {
padding-bottom: 60px;
border-bottom: 1px solid rgba(166, 169, 181, 0.3);
}
.bbs1_view .contentTitle {
font-size: var(--font-size-46);
color: #fff;
font-weight: 700;
font-family: Pretendard;
}
.bbs1_view .contentDate {
font-family: Pretendard;
display: inline-block;
margin-top: 20px;
font-size: var(--font-size-20);
color: rgba(255, 255, 255, 0.8);
}
.bbs1_view .contentBody {
padding: 60px 0;
}
.bbs1_view .contentFile {
padding-bottom: 60px;
}
.bbs1_view .contentFile .fileLink {
display: flex;
justify-content: flex-start;
align-items: center;			
gap: 8px;
}
.bbs1_view .contentFile .fileLink + .fileLink {
margin-top: 10px;
}
.bbs1_view .contentFile .fileIcon {
flex-shrink: 0;
}
.bbs1_view .contentFile .fileTitle {
font-size: var(--font-size-20);
color: rgba(255, 255, 255, 0.8);
}
.bbs1_view .contentLink {
border-top: 1px solid rgba(166, 169, 181, 0.3);
padding-top: 60px;
text-align: center;
}



/* m45 */
.m45{}
.m45 .sec1{padding-bottom: 200px;}
.m45 .sec1 .content{
background-color: #212121;
}
.m45 .sec1 .content2{
margin-top: 35px;
}
.m45 .sec1 .content .contentWrap{
padding: 60px 3.1vw;
}
.m45 .sec1 .content .contentHead{
}
.m45 .sec1 .content .contentTitleArea{
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #fff;
padding-bottom: 47.5px;
}
.m45 .sec1 .content .contentTitle{
font-size: var(--font-size-36);
color: #fff;
font-weight: 500;
font-family: Pretendard;
}
.m45 .sec1 .content .contentButton{}
.m45 .sec1 .content .contentButton button{
background: transparent;
border: none;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap:8px;
}
.m45 .sec1 .content .contentHead .contentButton button svg path {
transition: all 0.2s;
}
.m45 .sec1 .content .contentHead:hover .contentButton button svg path{
stroke: var(--main-color);
}
.m45 .sec1 .content .contentHead:hover .contentButton button svg .pathPosition{
transform: translateY(-5px);
}
.m45 .sec1 .content .contentButton .buttonState{
font-size: var(--font-size-20);
color: #fff;
font-family: Pretendard;
transition: color 0.2s;
}
.m45 .sec1 .content .contentHead:hover .contentButton .buttonState {
color:var(--main-color);
}
.m45 .sec1 .content .contentInfo{
margin-top: 40px;
font-size: var(--font-size-20);
color: #fff;
font-family: Pretendard;
display: flex;flex-wrap:wrap;
align-items: center;gap:100px;row-gap:20px;
}
.m45 .sec1 .content .contentInfo>dl{
	display:flex;
	padding-left:40px;
}
.m45 .sec1 .content .contentInfo>dl.addr{
	background: url(/images/page/icon_position.png) no-repeat left / 32px;
}
.m45 .sec1 .content .contentInfo>dl.tel{
	background: url(/images/page/icon_tel.png) no-repeat left / 32px;
}
.m45 .sec1 .content .contentInfo>dl.fax{
	background: url(/images/page/icon_fax.png) no-repeat left / 32px;
}
.m45 .sec1 .content .contentInfo>dl dt{
	position:relative;
	padding-right:20px;
	font-size: var(--font-size-20);color:rgba(255,255,255,0.8);font-weight:300;
	min-width: 80px;
}
.m45 .sec1 .content .contentInfo>dl dt:after{
	display:block;content:"";
	width:1px;height:15px;
	background:rgba(255,255,255,0.8);
	position:absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.m45 .sec1 .content .contentInfo>dl dd{
	padding-left:20px;
	font-size: var(--font-size-20);color:rgba(255,255,255,0.8);font-weight:300;
}
.m45 .sec1 .content .contentMap{
overflow: hidden;
height: 0;
transition: all 0.4s;
}
.m45 .sec1 .content .mapWrap{
height: 418px;
padding-top: 60px;
}
.m45 .sec1 .content .contentMap .root_daum_roughmap .wrap_controllers,
.m45 .sec1 .content .contentMap .root_daum_roughmap .cont{
display: none;
}

.m45 .sec1 .content .contentMap .root_daum_roughmap_landing {
width: 100%;
height: 100%;
}
.m45 .sec1 .content .contentMap .root_daum_roughmap .wrap_map {
width: 100%;
height: 100%;
}
.m45 .sec1 .content .transportation{
	display:flex;flex-wrap:wrap;
	margin-top:40px;
}
.m45 .sec1 .content .transportation .tit{
	width:190px;
	font-size: var(--font-size-32);color:#fff;font-weight:600;line-height:1.2em;
}
.m45 .sec1 .content .transportation .con{
	display:flex;flex-wrap:wrap;
	width:calc(100% - 190px);
	padding-left:10%;
	gap:200px;row-gap:50px;
}
.m45 .sec1 .content .transportation .con dl{}
.m45 .sec1 .content .transportation .con dl dt{
	font-family: Roboto;
	font-size: var(--font-size-22);color:#fff;line-height:1.2em;
}
.m45 .sec1 .content .transportation .con dl dd{
	margin-top:12px;
	font-size: var(--font-size-20);color:rgba(255,255,255,0.8);
}
.m45 .sec1 .content .transportation .con dl dd span{
	display:inline-flex;align-items:center;justify-content:center;
	height:34px;padding:0 10px;
	margin-right:8px;
	border-radius:34px;text-align:center;
}
.m45 .sec1 .content .transportation .con dl dd span:last-child{margin-right:20px;}
.m45 .sec1 .content .transportation .con dl dd span.s2{background:#32a341;}
.m45 .sec1 .content .transportation .con dl dd span.s6{background:#a7703b;}


@media(max-width:1580px){
	.m45 .sec1 .content .contentInfo>dl{width:100%;}
}








/* 모션 */
.m11 .sec2 .innerWrap .con .line {
transition: all 0.5s 0.5s;
}
.m11 .sec2.inView .innerWrap .con .line {
width: 25vw;
}
.m11 .sec2 .innerWrap .car {
transition: all 0.5s 0.5s;
}
.m11 .sec2.inView .innerWrap .car {
transform: translateY(0%);
}

.m13 .sec1 .pageTitle1 {
transform: translateY(40%);
opacity: 0;
transition: all 0.5s;
}
.m13 .sec1 .pageTitle1 + p {
transform: translateY(20%);
opacity: 0;
transition: all 0.5s 0.5s;
}
.m13 .sec1 .pageTitle1.inView,
.m13 .sec1 .pageTitle1 + p.inView {
transform: translateY(0%);
opacity: 1;
}