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


:root {
  --color1: #888;
  --color2: #000;
  --color3: #fff;
}
.btn_more{
	position:relative;
	padding-left:14px;	
	transition:all 0.4s;
}
.btn_more:before{
	display:block;content:"";
	width:8px;height:8px;
	box-sizing:border-box;
	border:1px solid #666;border-radius:50%;
	position:absolute;left:0;top:7px;
}
.btn_more .hover{
	display:block;content:"";
	width:50px;height:50px;
	background:var(--color2);
	position:absolute;left:50%;top:50%;
	border-radius:50%;
	transform:translate(-50%,-50%) scale(0);
	margin-left:7px;	
	transition:all 0.4s;
}
.btn_more span{
	position:relative;z-index:10;
	font-size:14px;
	color:#888;
	mix-blend-mode: difference;
}

.btn_more:hover{background:var(--color3);}
.btn_more:hover .hover{transform:translate(-50%,-50%) scale(1);}
.btn_more:hover span{color:#f8f8f8}




/* visual */
.visual{
	overflow:hidden;
	position:relative;
	width:100%;height:100vh;
}
.visual .swiper-wrapper{width:100%;height:100%;}
.visual .swiper-slide{
	position:relative;
	width:100%;height:100%;
}
.visual .swiper-slide .bg{
	position:absolute;left:0;top:0;z-index:-1;
	width:100%;height:100%;	
}
.visual .swiper-slide .bg video{width:100%;height:100%;object-fit:cover;}
.visual .swiper-slide.v1 .bg{background:url(/images/main/visual1.jpg) no-repeat center;background-size:cover;}
.visual .swiper-slide.v2 .bg{background:url(/images/main/visual2.jpg) no-repeat center;background-size:cover;} 
.visual .swiper-slide.v3 .bg{background:url(/images/main/visual3.jpg) no-repeat center;background-size:cover;} 






/* section1 */
.section1{
	padding:170px 0;
	text-align:center;
}
.section1 h3{
	font-family:"Cormorant Garamond";
	font-size:106px;color:#000;font-weight:600;line-height:0.9em;
}
.section1 p{margin-top:15px;font-size:18px;color:#000;}





/* section2 */
.section2{
	background:url(/images/main/sec2_bg.gif) no-repeat left 96%;
}
.section2 .topimg{position:relative;width:100%;height:92.5vh;margin:0 auto;}
.section2 .topimg .bg{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:100%;height:100%;
	background:url(/images/main/sec2_topimg.jpg) no-repeat center;
}
.section2 .topimg .txtwrap{
	position:absolute;left:0;bottom:15vh;
	width:100%;
	box-sizing:border-box;
	padding:0 5%;
	text-align:center;
}
.section2 .topimg .txtwrap h3{
	display:inline-block;
	font-family:"Cormorant Garamond";
	font-size:150px;color:#fff;line-height:0.8em;
}
.section2 .topimg .txtwrap h3 .num{}
.section2 .topimg .txtwrap p{
	margin:50px 0 0 0;
	color:#fff;line-height:1.5em;
}

.section2 .conwrap{}
.section2 .conwrap .boxwrap{
	display:flex;justify-content:space-between;
	box-sizing:border-box;
	position:relative;	
	padding:90px 5%;
}
.section2 .conwrap .boxwrap .txtarea{
	box-sizing:border-box;
	width:40%;
	padding-right:5%;
}
.section2 .conwrap .boxwrap .txtarea h3{
	font-family:"Cormorant Garamond";
	font-size:42px;color:#000;font-weight:600;line-height:1.2em;	
}
.section2 .conwrap .boxwrap .txtarea p{
	margin:50px 0 20px;
	color:#444;line-height:1.7em;
}
.section2 .conwrap .boxwrap .conarea{width:60%;}
.section2 .conwrap .boxwrap .conarea p{margin-bottom:30px;color:#444;line-height:1.7em;}
.section2 .conwrap .boxwrap .imgarea{position:relative;width:60%;padding:50vh 0;}
.section2 .conwrap .boxwrap .imgarea>div{
	position:absolute;left:0;top:0;
	width:calc(100% + 95px);height:100%;
	background:url(/images/main/sec2_img1.jpg) no-repeat center;
	background-size:cover;
}





/* section3 */
.section3{position:relative;padding:240px 0;}
.section3 h3{
	font-family:"Cormorant Garamond";
	font-size:17vw;color:#000;font-weight:600;line-height:0.75em;	
}
.section3 h3>div{}
.section3 h3>div:nth-child(1){}
.section3 h3>div:nth-child(2){text-align:right;}
.section3 p{
	position:absolute;right:3%;bottom:50.5%;
	width:22vw;
	margin:0 0 0 480px;
	color:#444;line-height:1.8em;
}

@media(max-width:1100px){
	.section3 h3{font-size:15vw;}
	.section3 p{width:24vw;}
}
@media(max-width:1040px){
	.section3 p{position:static;width:94%;margin:20px auto 0;text-align:center;}
}



/* section4 */
.section4{position:relative;padding:0 0 170px 0;text-align:center;}
.section4 .titlearea{
	overflow:hidden;
	position:relative;
	width:90%;height:88vh;
	margin:0 auto;
	background:url(/images/main/sec4_bg.jpg) no-repeat top;
	background-size:cover;
}
.section4 .titlearea h3{
	position:absolute;left:0;bottom:-18px;
	width:100%;
	font-family:"Cormorant Garamond";
	font-size:14vw;color:#fff;font-weight:600;line-height:0.75em;		
}
.section4 p{
	padding:0 5%;
	margin:70px 0 30px;
	color:#444;line-height:1.8em;
}




/* section5 */
.section5{
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	height:100vh;
	padding:10% 0 0;
	background:url(/images/main/sec5_bg.jpg) no-repeat center;
	background-size:cover;
}
.section5 .innerwrap{
	display:flex;justify-content:space-between;
	width:90%;max-width:1300px;
	margin:0 auto;
}
.section5 .innerwrap .txtarea{margin-top:10%;}
.section5 .innerwrap .txtarea h3{
	font-family:"Cormorant Garamond";
	font-size:80px;color:#fff;font-weight:600;line-height:1em;
}
.section5 .innerwrap .txtarea p{
	margin-top:30px;
	color:#fff;line-height:1.8em;
}
.section5 .innerwrap .imgarea{}
.section5 .innerwrap .imgarea ul{}
.section5 .innerwrap .imgarea ul li{position:relative;margin-bottom:30px;}
.section5 .innerwrap .imgarea ul li .txts{
	position:absolute;left:0;top:50%;
	width:100%;
	transform:translateY(-50%);
	text-align:center;
}
.section5 .innerwrap .imgarea ul li .txts .tit{
	margin-bottom:20px;
	font-family:"Cormorant Garamond";
	font-size:34px;color:#fff;font-weight:600;line-height:1em;
}
.section5 .innerwrap .imgarea ul li .txts .more{
	position:relative;
	padding-left:14px;
	color:#fff;
}
.section5 .innerwrap .imgarea ul li .txts .more:before{
	display:block;content:"";
	width:8px;height:8px;
	box-sizing:border-box;
	border:1px solid #fff;border-radius:50%;
	position:absolute;left:0;top:7px;
}

@media(max-width:1060px){

	.section5 .innerwrap .txtarea{width:48%;}
	.section5 .innerwrap .imgarea{width:48%;}

}





/* section6 */
.section6{
	position:relative;
	padding:35% 5% 50px;
	text-align:center;
}
.section6 .earth{
	position:absolute;left:0%;bottom:0;z-index:-1;
	width:100%;height:85%;
}
.section6 .earth .bg{
	width:100%;height:100%;
	margin:0 auto;
	background:url(/images/main/sec6_bg_m.jpg) no-repeat center top;
	background-size:contain;
}
.section6 .earth ul{display:none;}
.section6 .txtarea{position:relative;z-index:100;}
.section6 .txtarea h3{
	font-family:"Cormorant Garamond";
	font-size:100px;color:#000;font-weight:600;line-height:1em;
}
.section6 .txtarea p{margin:25px 0;color:#444;line-height:1.8em;}





/* section7 */
.section7{padding:70px 5% 150px;}
.section7 .titlearea{
	display:flex;justify-content:space-between;align-items:flex-end;
}
.section7 .titlearea h3{
	font-family:"Cormorant Garamond";
	font-size:42px;color:#000;font-weight:600;line-height:1em;
}
.section7 .titlearea a{}
.section7 .conwrap{margin:40px 0 0;}
.section7 .conwrap .press_main{
	overflow:hidden;
	position:relative;
	display:flex;align-items:flex-end;
	box-sizing:border-box;
	width:100%;
	min-height:800px;
	padding:60px 5%;
}
.section7 .conwrap .press_main .txts{}
.section7 .conwrap .press_main .txts h4{
	margin-bottom:15px;
	font-size:30px;color:#fff;
}
.section7 .conwrap .press_main .txts p{
	margin-bottom:15px;
	color:#fff;line-height:1.8em;
}
.section7 .conwrap .press_main .txts .date{font-size:14px;color:#fff;}
.section7 .conwrap .press_list{
	width:100%;
	border-top:1px solid #ccc;
}
.section7 .conwrap .press_list ul li{
	padding:31px 0 37px;
	border-bottom:1px solid #ccc;
}
.section7 .conwrap .press_list ul li a{display:flex;align-items:center;}
.section7 .conwrap .press_list ul li a .thumb{width:310px;}
.section7 .conwrap .press_list ul li a .txts{
	box-sizing:border-box;
	width:calc(100% - 310px);
	padding:0 0 0 6%;
}
.section7 .conwrap .press_list ul li a .txts h4{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.5em;
	height: 3.0em;
	font-size:20px;color:#000;font-weight:500;
}
.section7 .conwrap .press_list ul li a .txts p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 라인수 */
	-webkit-box-orient: vertical;
	word-wrap:break-word; 
	line-height: 1.8em;
	height: 3.6em;
	color:#444;
	margin:10px 0 20px;
}
.section7 .conwrap .press_list ul li a .txts .date{font-size:14px;color:#444;}





/*  animation */


.section1 h3>div{opacity:0;transform:scale(2);}
.section1 p{opacity:0;transform:translateY(40px);}

.section1 .in-view h3>div:nth-child(1){opacity:1;transform:scale(1);transition:all 1.4s;}
.section1 .in-view h3>div:nth-child(2){opacity:1;transform:scale(1);transition:all 1.4s 0.4s;}
.section1 .in-view h3>div:nth-child(3){opacity:1;transform:scale(1);transition:all 1.4s 0.8s;}
.section1 .in-view h3>div:nth-child(4){opacity:1;transform:scale(1);transition:all 1.4s 1.2s;}
.section1 .in-view p{opacity:1;transform:translateY(0);transition:all 1.4s 2s;}



.section2 .topimg .bg{width:80%;height:50%;}
.section2 .topimg .txtwrap h3 .word{display:inline-block;opacity:0;}
.section2 .topimg .txtwrap h3 .word:nth-child(1){transform:translateY(50%);}
.section2 .topimg .txtwrap h3 .word:nth-child(3){transform:translateY(50%);}
.section2 .topimg .txtwrap h3 .word:nth-child(4){transform:translateY(50%);}
.section2 .topimg .txtwrap h3 .word:nth-child(5){transform:translateY(50%);}
.section2 .topimg .txtwrap p{opacity:0;transform:translateY(50%);}

.section2 .topimg .bg.in-view{width:100%;height:100%;transition:all 1.4s 0.4s;}
.section2 .topimg .txtwrap.in-view h3 .word{opacity:1;}
.section2 .topimg .txtwrap.in-view h3 .word:nth-child(1){transform:translateY(0);transition:all 1.4 0.8s;}
.section2 .topimg .txtwrap.in-view h3 .word:nth-child(3){transform:translateY(0);transition:all 1.4s 1.2s;}
.section2 .topimg .txtwrap.in-view h3 .word:nth-child(4){transform:translateY(0);transition:all 1.4s 1.6s;}
.section2 .topimg .txtwrap.in-view h3 .word:nth-child(5){transform:translateY(0);transition:all 1.4s 2.0s;}
.section2 .topimg .txtwrap.in-view p{opacity:1;transform:translateY(0);transition:all 1.4s 2.0s;}


.section3 h3>div:nth-child(1){transform:translateX(26.5%);}
.section3 h3>div:nth-child(2){transform:translateX(-25%);}
.section3 p{opacity:0;transform:translateY(40px);}

.section3 h3.in-view>div:nth-child(1){transform:translateX(0);transition:all 1.4s}
.section3 h3.in-view>div:nth-child(2){transform:translateX(0);transition:all 1.4s}
.section3 p.in-view{opacity:1;transform:translateY(0);transition:all 1.4s 0.4s}


.section4 .titlearea{width:100%;}
.section4 .titlearea h3{bottom:-100%;}
.section4 p{opacity:0;transform:translateY(40px);}
.section4 a{display:inline-block;opacity:0;transform:translateY(40px);}

.section4 .titlearea.in-view{width:90%;transition:all 1.4s}
.section4 .titlearea.in-view h3{bottom:-18px;transition:all 1.4s;}
.section4 p.in-view{opacity:1;transform:translateY(0);transition:all 1.4s}
.section4 a.in-view{opacity:1;transform:translateY(0);transition:all 1.4s 0.2s}


.section5 .innerwrap .txtarea h3{opacity:0;transform:translateY(60px);}
.section5 .innerwrap .txtarea p{opacity:0;transform:translateY(60px);}

.section5.in-view .innerwrap .txtarea h3{opacity:1;transform:translateY(0);transition:all 1.4s 0.4s}
.section5.in-view .innerwrap .txtarea p{opacity:1;transform:translateY(0);}
.section5.in-view .innerwrap .txtarea p:nth-child(2){transition:all 1.4s 0.6s}
.section5.in-view .innerwrap .txtarea p:nth-child(3){transition:all 1.4s 0.8s}


.section6{overflow:hidden;}
.section6 .earth{opacity:0;bottom:-20%;}
.section6 .earth ul{opacity:0;}
.section6.in-view .earth{opacity:1;bottom:0;transition:all 1.6s;}
.section6.in-view .earth ul{opacity:1;transition:all 1.4s 1.4s;}