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


html{overflow:hidden;}
.section{position:relative; width: 100%; height: 100vh; box-sizing:border-box; overflow:hidden;}
.section .fp-tableCell{overflow:hidden;}
.section *{box-sizing:border-box;}
.anchor{
	position:fixed;right:1.2%;top:50%;z-index:100;
	transform:translateY(-50%);
}
.anchor>ul{}
.anchor>ul>li{
	width:11px;height:11px;
	margin:4px 0;
}
.anchor>ul>li:after{
	display:block;content:"";
	width:100%;height:3px;
	background:rgba(255,255,255,0.5);
	transition:all 1s;
}
.anchor>ul>li.on:after{
	background:#ea5515;
	transform:rotate(-45deg);
}




/* section1 */
.sec1{position:relative;}
.sec1 .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:#000;
}
.sec1 .bg video,
.sec1 .bg iframe{
	width:100%;height:100%;
	object-fit:cover;
	aspect-ratio:9/16;
}
.sec1 .txtWrap{
	position:absolute;left:0%;top:50%;z-index:100;
	width:100%;text-align:center;
	transform:translateY(-50%);
	transition: all 1s;
}
.sec1 .txtWrap .tit{font-size:var(--font-size-80);color:#fff;font-weight:600;line-height:1.1em;}
.sec1 .txtWrap .tit>div{overflow:hidden;}
.sec1 .txtWrap .tit>div>span{display:block;transform:translateY(100%);}
.sec1 .txtWrap p{margin-top:25px;font-size:var(--font-size-22);color:#fff;opacity:0;}

.sec1.active .txtWrap .tit > div > span {
    transform: translateY(0);
    transition: all 4s 2s;
}

.sec1.active .txtWrap p {
    opacity: 1;
    transition: all 4s 3.5s;
}




/* section2 */
.sec2{}
.sec2 ul{display:flex;width:100%;height:100%;}
.sec2 ul li{
	overflow:hidden;
	position:relative;
	flex:1;
	height:100%;
}
.sec2 ul li .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	transform:scale(1.1);
	transition:all 1s;
}
.sec2 ul li:hover .bg{transform:scale(1);}
.sec2 ul li:nth-child(1) .bg{
	background:url(/images/main/sec2_img1.jpg) no-repeat center / cover;
}
.sec2 ul li:nth-child(2) .bg{
	background:url(/images/main/sec2_img2.jpg) no-repeat center / cover;
}
.sec2 ul li:nth-child(3) .bg{
	background:url(/images/main/sec2_img3.jpg) no-repeat center / cover;
}
.sec2 ul li .con{
	position:absolute;left:0;bottom:20vh;z-index:100;
	width:100%;
	text-align:center;
}
.sec2 ul li .con .hiddenTxt{
	font-size:var(--font-size-26);color:#fff;font-weight:500;
	clip-path:inset(0 0 100% 0);
	transform:translateY(20px);
	transition:all 0.6s;
}
.sec2 ul li .con .title{margin-top:10px;font-size:var(--font-size-36);color:#fff;font-weight:600;}
.sec2 ul li .con a{margin-top:35px;}
.sec2 ul li:hover .con .hiddenTxt{clip-path:inset(0 0 0 0);transform:translateY(0px);}




/* section3 */
.sec3{position:relative;background:url(/images/main/sec3_bg.jpg) no-repeat center /cover;}
.sec3>.bg{
	position:absolute;left:50%;top:50%;
	width:100%;height:100%;	
	background:url(/images/main/sec3_bg.jpg) no-repeat center /cover;
	transform:translate(-50%,-50%);
}


.sec3 .mainSec3{width:100%;height:100%;}
.sec3 .mainSec3 .swiper-slide{
	overflow:hidden;
	position:relative;
	width:100%;height:100%;
}
.sec3 .mainSec3 .swiper-slide .txts{
	position:absolute;left:0;top:50%;z-index: 2;
	width:100%;
	transform:translateY(-50%);
	font-size:9vw;font-weight:600;line-height:1em;
	text-align:center;
}
.sec3 .mainSec3 .swiper-slide .txts .textMask{
	color: rgba(255,255,255,0.8);
	background: inherit;
	background-clip: text;
}
.sec3 .mainSec3 .swiper-slide.con1{
	position:relative;
	padding:0 7%;
	display:flex;align-items:center;
}
.sec3 .mainSec3 .swiper-slide.con1 .bg{
	position:absolute;right:0;top:0;
	height:100%;
	aspect-ratio:1187/980;
	background:url(/images/main/sec3_con1_bg.png) no-repeat center / cover;
	transform-origin:center;
	transform:scale(1.1);opacity:0;
	transition:all 2s;
}
.sec3 .mainSec3 .swiper-slide .con{}
.sec3 .mainSec3 .swiper-slide .txts .textMask{aspect-ratio:2195/219;}
.sec3 .mainSec3 .swiper-slide .txts .textMask svg{width:100%;height:100%;}
.sec3 .mainSec3 .swiper-slide .txts .textMask svg text{font-size:9vw;color:#fff;font-weight:700;}
.sec3 .mainSec3 .swiper-slide .txts .textMask svg rect{width:100% !important;height:100% !important;}
.sec3 .mainSec3 .swiper-slide .con .txt1{
	font-size:var(--font-size-26);color:#fff;font-weight:500;
	opacity:0;transform:translateX(40px);
	transition:all 1.4s;
}
.sec3 .mainSec3 .swiper-slide .con .txt1 strong{font-weight:500;color:#ea5515;}
.sec3 .mainSec3 .swiper-slide .con .txt2{
	margin:25px 0 40px;font-size:var(--font-size-64);color:#fff;font-weight:700;
	opacity:0;transform:translateX(40px);
	transition:all 1.4s;
}
.sec3 .mainSec3 .swiper-slide .con .txt3{
	font-size:var(--font-size-22);color:rgba(255,255,255,0.8);line-height:32px;
	opacity:0;transform:translateX(40px);
	transition:all 1.4s;
}

.sec3 .mainSec3 .swiper-slide.con2{
	position:relative;
	padding:0 7%;
	display:flex;align-items:center;justify-content:flex-end;
}
.sec3 .mainSec3 .swiper-slide.con2 .bg{
	position:absolute;left:0;top:0;
	height:100%;
	aspect-ratio:1103/980;
	background:url(/images/main/sec3_con2_bg.png) no-repeat center / cover;
	transform-origin:center;
	transform:scale(1.1);opacity:0;
	transition:all 2s;
}
.sec3 .mainSec3 .swiper-slide.con3{
	position:relative;
	padding:0 7%;
	display:flex;align-items:center;
}
.sec3 .mainSec3 .swiper-slide.con3 .bg{
	position:absolute;right:0;top:0;
	height:100%;
	aspect-ratio:1103/980;
	background:url(/images/main/sec3_con3_bg.png) no-repeat center / cover;
	transform-origin:center;
	transform:scale(1.1);opacity:0;
	transition:all 2s;
}


/**/
.sec3 .mainSec3 .swiper-slide.txt1 .txts .textMask:nth-child(1){
	opacity:0;transform:scale(10);transition:all 0s;
}
.sec3 .mainSec3 .swiper-slide.txt1 .txts .textMask:nth-child(2){
	opacity:0;transform:scale(10);transition:all 0s;
}
.sec3 .mainSec3 .swiper-slide.txt2 .txts{opacity:1;transform:scale(1) translateY(-50%);transition:all 1.4s;}
.sec3 .mainSec3 .swiper-slide.txt2 .txts .textMask:nth-child(1){
	opacity:0;transform:scale(10);transition:all 0s;
}
.sec3 .mainSec3 .swiper-slide.txt2 .txts .textMask:nth-child(2){
	opacity:0;transform:scale(10);transition:all 0s;
}


.sec3.ani .mainSec3 .swiper-slide.txt1.on .txts .textMask{opacity:1;transform:scale(1);}
.sec3.ani .mainSec3 .swiper-slide.txt1.on .txts .textMask:nth-child(1){transition:all 0.4s;}
.sec3.ani .mainSec3 .swiper-slide.txt1.on .txts .textMask:nth-child(2){transition:all 0.4s 0.4s;}


.sec3.ani .mainSec3 .swiper-slide.txt2.sIn .txts .textMask{opacity:1;transform:scale(1);}
.sec3.ani .mainSec3 .swiper-slide.txt2.sIn .txts .textMask:nth-child(1){transition:all 0.4s;}
.sec3.ani .mainSec3 .swiper-slide.txt2.sIn .txts .textMask:nth-child(2){transition:all 0.4s 0.4s;}

.sec3.ani .mainSec3 .swiper-slide.txt2.sOut .txts{
	opacity:0;
	transform-origin:center;
	transform:scale(10) translateY(-15%);
}


.sec3 .mainSec3 .swiper-slide.on .bg{transform:scale(1);opacity:1;}
.sec3 .mainSec3 .swiper-slide.on .con .txt1{opacity:1;transform:translateX(0);transition:all 1.4s;}
.sec3 .mainSec3 .swiper-slide.on .con .txt2{opacity:1;transform:translateX(0);transition:all 1.4s 0.1s;}
.sec3 .mainSec3 .swiper-slide.on .con .txt3{opacity:1;transform:translateX(0);transition:all 1.4s 0.2s;}


.sec3 .mainSec3 .swiper-slide .txts .textMask svg .shine-layer{
	width:100%;height:100%;
	opacity: 0;
	transform: translateX(-100%);
	transition: none;
}
.sec3.ani .mainSec3 .swiper-slide.txt1.on .txts .tm1 svg .shine-layer {
  animation: metalShine 2s ease-out forwards;
}
.sec3.ani .mainSec3 .swiper-slide.txt1.on .txts .tm2 svg .shine-layer {
  animation: metalShine 2s ease-out forwards 0.25s;
}
.sec3.ani .mainSec3 .swiper-slide.txt2.on .txts .tm1 svg .shine-layer {
  animation: metalShine 2s ease-out forwards;
}
.sec3.ani .mainSec3 .swiper-slide.txt2.on .txts .tm2 svg .shine-layer {
  animation: metalShine 2s ease-out forwards 0.25s;
}
@keyframes metalShine {
  0% {
    opacity: 0;
    transform: translateX(-150%) rotate(-10deg);
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateX(150%) rotate(-10deg);
  }
}




/* section4 */
.sec4{position:relative;background:#000;}
.sec4 .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/main/sec4_bg.jpg) no-repeat center / cover;
}
.sec4 .conWrap{
	position:relative;z-index:100;
	display:flex;justify-content:space-between;align-items:center;
	width:94%;max-width:1522px;
	margin:0 auto;
	height: 100%;
}
.sec4 .conWrap .logoImg{width:34.42%;}
.sec4 .conWrap .conArea{width:54.33%;}
.sec4 .conWrap .conArea .txt1{font-size:var(--font-size-26);color:#f46d32;font-weight:500;}
.sec4 .conWrap .conArea .txt2{
	margin:25px 0 40px;
	font-family:"pretendard";font-size:var(--font-size-64);color:#fff;font-weight:700;
}
.sec4 .conWrap .conArea .txt3{font-size:var(--font-size-22);color:#fff;line-height:32px;}
.sec4 .conWrap .conArea a{margin-top:40px;}


.sec4 .bg{transform:scale(1.2);transition:all 1.4s}
.sec4 .conWrap .logoImg{clip-path:inset(0% 0% 100% 0);transform:translateY(100px);}
.sec4 .conWrap .conArea .txt1{clip-path:inset(0% 0% 100% 0);transform:translateY(40px);}
.sec4 .conWrap .conArea .txt2{clip-path:inset(0% 0% 100% 0);transform:translateY(40px);}
.sec4 .conWrap .conArea .txt3{clip-path:inset(0% 0% 100% 0);transform:translateY(40px);}
.sec4 .conWrap .conArea a{clip-path:inset(0% 0% 100% 0);transform:translateY(40px);}

.sec4.active .bg{transform:scale(1);transition:all 1.4s 0.6s;}
.sec4.active .conWrap .logoImg{clip-path:inset(0% 0% 0% 0);transform:translateY(0);transition:all 1.4s 0.6s;}
.sec4.active .conWrap .conArea .txt1{clip-path:inset(0% 0% 0% 0);transform:translateY(0);transition:all 1.4s 0.7s;}
.sec4.active .conWrap .conArea .txt2{clip-path:inset(0% 0% 0% 0);transform:translateY(0);transition:all 1.4s 0.8s;}
.sec4.active .conWrap .conArea .txt3{clip-path:inset(0% 0% 0% 0);transform:translateY(0);transition:all 1.4s 0.9s;}
.sec4.active .conWrap .conArea a{clip-path:inset(0% 0% 0% 0);transform:translateY(0);transition:all 1.4s 1s;}





/* section5 */
.sec5{}
.sec5 .conWrap{
	overflow:hidden;
	display:flex;position:relative;height:100%;padding:15vh 0;
	background:url(/images/main/sec5_bg1.jpg) no-repeat left;
	background-size:50% 100%;
}
.sec5 .conWrap:after{
	display:block;content:"";
	width:50%;height:100%;
	background:#111;
	position:absolute;right:0;top:0;
}
.sec5 .conWrap .archive{	
	box-sizing:border-box;
	position:relative;z-index:100;
	display:flex;flex-wrap:wrap;align-content:space-between;justify-content:center;	
	width:50%;height:100%;
	padding:0 3%;	
	text-align:center;
}
.sec5 .conWrap .archive .titleArea{width:100%;}
.sec5 .conWrap .archive .titleArea h3{font-size:var(--font-size-26);color:#fff;font-weight:500;}
.sec5 .conWrap .archive .titleArea h4{margin-top:20px;font-size:var(--font-size-38);color:#fff;font-weight:500;}
.sec5 .conWrap .archive .videoWrap{width:100%; max-width: 800px; aspect-ratio: 800/376;}
.sec5 .conWrap .archive .videoWrap iframe{
	width:100%;
	height: 100%;
	object-fit: cover;
}
.sec5 .conWrap .archive .videoWrap video{
	width:100%;
	height: 100%;
	object-fit: cover;
}
.sec5 .conWrap .press{
	position:relative;z-index:10;
	box-sizing:border-box;
	display:flex;flex-wrap:wrap;align-content:space-between;
	width:50%;height:100%;
	padding:0 3%;
}
.sec5 .conWrap .press .titleArea{display:flex;align-items:center;justify-content:space-between;width:100%;}
.sec5 .conWrap .press .titleArea h3{font-size:var(--font-size-26);color:#fff;font-weight:500;}
.sec5 .conWrap .press .titleArea a{
	font-size:var(--font-size-12);color:#fff;font-weight:500;text-transform: uppercase;
	letter-spacing: -0.01em;
}
.sec5 .conWrap .press .titleArea a i{
	display:inline-block;
	position:relative;z-index:10;
	width:8px;aspect-ratio:1/1;
	margin-left:5px;
	background:url(/images/common/more_arr.png) no-repeat;
	background-size:cover;
}
.sec5 .conWrap .press .listWrap{width:100%;margin-top:30px;border-top:1px solid rgba(255,255,255,0.3);}
.sec5 .conWrap .press .listWrap ul{}
.sec5 .conWrap .press .listWrap ul li{
	border-bottom:1px solid rgba(255,255,255,0.3);
}
.sec5 .conWrap .press .listWrap ul li a{
	display:flex;align-items:center;
	padding:30px 0;
}
.sec5 .conWrap .press .listWrap ul li a .con{
	width:calc(100% - 210px);
	padding:0 60px 0 0;
}
.sec5 .conWrap .press .listWrap ul li a .con .date{font-size:var(--font-size-16);color:#a6a9b5;}
.sec5 .conWrap .press .listWrap ul li a .con .tit{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin:16px 0;
	font-family: Pretendard;font-size:var(--font-size-24);color:#fff;font-weight:700;letter-spacing: -0.05em;
}
.sec5 .conWrap .press .listWrap ul li a .con .txt{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom:16px;
	font-size:var(--font-size-18);color:#fff;line-height:30px;
}
.sec5 .conWrap .press .listWrap ul li a .con .more{
	margin-top:16px;
	font-size:var(--font-size-12);color:#fff;font-weight:500;text-transform: uppercase;
	letter-spacing: -0.01em;
}
.sec5 .conWrap .press .listWrap ul li a .con .more i{
	display:inline-block;
	position:relative;z-index:10;
	width:8px;aspect-ratio:1/1;
	margin-left:5px;
	background:url(/images/common/more_arr.png) no-repeat;
	background-size:cover;
}
.sec5 .conWrap .press .listWrap ul li a:hover .con .more i{
	background:url(/images/common/more_arr2.png) no-repeat;
	background-size:cover;
}
.sec5 .conWrap .press .listWrap ul li a .thumb{overflow:hidden;width:210px;border-radius:7px;}


.sec5 .conWrap .archive .titleArea h3{opacity:0;transform:translateY(40px);}
.sec5 .conWrap .archive .titleArea h4{opacity:0;transform:translateY(40px);}
.sec5 .conWrap .archive .videoWrap{opacity:0;transform:translateY(40px);}
.sec5.active .conWrap .archive .titleArea h3{opacity:1;transform:translateY(0);transition:all 1.4s 0.6s;}
.sec5.active .conWrap .archive .titleArea h4{opacity:1;transform:translateY(0);transition:all 1.4s 0.7s;}
.sec5.active .conWrap .archive .videoWrap{opacity:1;transform:translateY(0);transition:all 1.4s 0.8s;}

.sec5 .conWrap .press .titleArea{opacity:0;transform:translateY(40px);}
.sec5 .conWrap .press .listWrap ul li{opacity:0;transform:translateY(40px);}
.sec5.active .conWrap .press .titleArea{opacity:1;transform:translateY(0);transition:all 1.4s 0.6s;}
.sec5.active .conWrap .press .listWrap ul li{opacity:1;transform:translateY(0);}
.sec5.active .conWrap .press .listWrap ul li:nth-child(1){transition:all 1.4s 0.7s;}
.sec5.active .conWrap .press .listWrap ul li:nth-child(2){transition:all 1.4s 0.8s;}
.sec5.active .conWrap .press .listWrap ul li:nth-child(3){transition:all 1.4s 0.9s;}




/* section6 */
.sec6{overflow:hidden;position:relative;}
.sec6 .conWrap{
	box-sizing:border-box;
	position:relative;
	display:flex;align-items:center;
	width:100%;height:100%;
	padding:0 3%;
	background:url(/images/main/sec6_bg.jpg) no-repeat center / cover;
}
.sec6 .conWrap .con{position:relative;z-index:100;width:100%;margin:0;}
.sec6 .conWrap .titleArea{position:relative;width:100%;padding:0 150px 0 0;}
.sec6 .conWrap .titleArea h3{font-family: Pretendard;font-size:var(--font-size-26);color:#ea5515;font-weight:500;}
.sec6 .conWrap .titleArea h4{
	margin-top:30px;
	font-size:var(--font-size-64);color:#fff;font-weight:700;
}
.sec6 .conWrap .titleArea a{position:absolute;right:0;bottom:0;}
.sec6 .conWrap .innerCon{
	position:relative;
	margin-top:80px;
	height:135px;
}
.sec6 .conWrap .innerCon ul{
	display:flex;white-space:nowrap;gap:16px;
	position:absolute;left:0;top:0;
	width: fit-content;
}
.sec6 .conWrap .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);
}






/* section7 */
.sec7{position:relative;}
.sec7 .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:url(/images/main/sec7_bg.jpg) no-repeat center / cover;
}
.sec7 .conWrap{
	position:relative;z-index:100;
	box-sizing:border-box;
	display:flex;align-items:center;
	width:100%;height:100%;
	padding:0 3%;	
}
.sec7 .conWrap>div{width:100%;}
.sec7 .conWrap>div h3{font-size:var(--font-size-26);color:#ea5515;font-weight:500;}
.sec7 .conWrap>div h4{margin:30px 0 30px;font-size:var(--font-size-86);color:#fff;font-weight:600;}
.sec7 .conWrap>div p{
	margin-bottom:16px;
	font-size:var(--font-size-22);color:#fff;line-height:32px;opacity:0.8;
}
.sec7 .conWrap>div p.en{font-family: Poppins;}



.sec7 .bg{transform:scale(1.4);transition:all 1.4s;}
.sec7 .conWrap>div h3{opacity:0;transform:translateY(40px);}
.sec7 .conWrap>div h4{opacity:0;transform:translateY(40px);}
.sec7 .conWrap>div p{opacity:0;transform:translateY(40px);}


.sec7.active .bg{transform:scale(1);transition:all 1.4s 0.6s;}
.sec7.active .conWrap>div h3{opacity:1;transform:translateY(0);transition:all 1.4s 0.6s;}
.sec7.active .conWrap>div h4{opacity:1;transform:translateY(0);transition:all 1.4s 0.7s;}
.sec7.active .conWrap>div p{opacity:1;transform:translateY(0);transition:all 1.4s 0.9s;}
.sec7.active .conWrap>div p.en{transition:all 1.4s 0.8s;}