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

#wrap{position: relative;}





#custom_cursor{width: 120px;height: 120px;position: fixed;top: 0;left: 0;z-index: 15000;pointer-events: none;}
.custom_cursor_inner {display: block;width: 100%;height: 100%;position: relative;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.custom_hover_circle{display: block;width: 0;height: 0;position: absolute;top: 50%;left: 50%;margin-top: -106px;margin-left: -106px;overflow: hidden;opacity: 0;border-radius: 50%;}
.custom_hover_circle {
	z-index: 1;background:rgba(255,255,255,0.3); backdrop-filter: blur(3px);
	font-family: "IPAPMincho", serif;font-size:16px;color:#fff; font-weight: 500;
	transition:transform 0.3s; display: flex;justify-content: center;align-items: center;}
.custom_hover_circle span{display: inline-block; margin: 0 15px; white-space: nowrap;}


.innerwrap{
	width: 92%;
	max-width: 1760px;
	margin: 0 auto;
}

.section_tit{
	position: relative;
	z-index: 1;
	text-align: center;
}
.section_tit h3{
	font-family: "IPAPMincho", serif;
	font-size:16px;
	font-weight: 500;
	color: #000;
}
.section_tit p{
	font-size: 24px;
	font-weight: 600;
	color: #000;
	margin-top: 20px;
	word-wrap:normal;
	word-break:keep-all;
	padding:0 2vw;
	box-sizing:border-box;
}
.section_tit p span{
	display: inline-block;
}
.section_tit.wh h3{
	color: #fff;
}
.section_tit.wh p{
	color: #fff;
}


.section1{
	position: relative;
	width: 100%;
	height: 100vh;
}
.section1 .visual{
	position: relative;
	width: 100%;
	height: 100%;
}
.section1 .visual .swiper-slide{
	position:relative;
	width:100%;height:100%;
}
.section1 .visual .swiper-slide .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(1.1);
}
.section1 .visual .swiper-slide .vwrap{
position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.section1 .visual .swiper-slide .vwrap video{
position: absolute;width:100%;height:100%;top:50%;left:50%;
transform:translate(-50%, -50%);
object-fit:cover;
}
.section1 .visual .swiper-slide.v2 .bg{
	background: url(/images/main/main_visual1.jpg) no-repeat center / cover;
}
.section1 .visual .swiper-slide.v1 .bg{
	background: url(/images/main/main_visual1.jpg) no-repeat center / cover;
}
.section1 .visual .swiper-slide-active .bg{
	transform: scale(1);
	transition: all 3s;
}
.section1 .visual .swiper-slide .txtwrap{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 92%;
	max-width: 1760px;
}
.section1 .visual .swiper-slide .txtwrap .en{
	flex-shrink: 0;
	font-family: "IPAPMincho", serif;
	font-size:min(45px, 8vw);
	font-weight: 500;
	color: #fff;
}
.section1 .visual .swiper-slide .txtwrap .kr{
	width: 100%;
	margin-top: 4%;
	text-align: right;
}
.section1 .visual .swiper-slide .txtwrap .kr .line{
	display: block;
	width: 100%;
	height: 1px;
	background: #fff;
	margin: 15px 0;
}
.section1 .visual .swiper-slide .txtwrap .kr h2,
.section1 .visual .swiper-slide .txtwrap .kr h3{
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}
.section1 .visual .swiper-slide .txtwrap .kr h2 span,
.section1 .visual .swiper-slide .txtwrap .kr h3 span{
	display: inline-block;
}

.visual .ctr{
	position: absolute;
	left: 50%;
	bottom: 40px;
	transform: translateX(-50%);
	display:flex;align-items:center;justify-content:center;justify-content: center;
	z-index:10;
	width:100%;
	display: none !important;
}
.visual .ctr .vprev {
	width: 13px;
	height: 24px;
	background: url(/images/main/vprev.png) no-repeat;
	cursor: pointer;
}
.visual .ctr .vnext {
	width: 13px;
	height: 24px;
	background: url(/images/main/vnext.png) no-repeat;
	cursor: pointer;
}

.visual .vpaging {
	position: static;
	z-index: 100;
	margin: 0 50px;
}
.visual .ctr .swiper-pagination-bullet{
	opacity:1;
    display: inline-block;vertical-align:top;
	position:relative;
	width:8px;height:8px;
	border-radius: 50%;
	margin:0 15px;
	background:#fff;
	border-radius: 50%;
}
.visual .ctr .swiper-pagination-bullet:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px solid rgba(255,255,255,0.5);
	opacity: 0;
}
.visual .ctr .swiper-pagination-bullet-active:after{
	opacity: 1;
}



.section2{
	padding:220px 0;
	overflow: hidden;
}
.section2 .innerwrap{
	position: relative;
}
.section2 .txtwrap{
	position: relative;
	z-index: 1;
}
.section2 .txtwrap h2{
	font-family: "IPAPMincho", serif;
	font-size: 17px;
	font-weight: 500;
	color: #000;
}
.section2 .txtwrap h3{
	font-family: "IPAPMincho";
	font-size:24px;
	font-weight: 500;
	line-height: 1.5em;
	color: #000;
	margin: 40px 0;
}
.section2 .txtwrap p{
	font-size:14px;
	line-height: 1.8em;
	color: rgba(0,0,0,0.8);
}
.section2 .img{
	width:100%;
	height:50vh;
	margin-top:50px;
	overflow: hidden;
}
.section2 .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.section3{
	overflow: hidden;
}
.section3 .conwrap{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 300vh;
}
.section3 .conwrap .boxwrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
}
.section3 .conwrap .boxwrap:nth-child(1){z-index:1;}
.section3 .conwrap .boxwrap:nth-child(2){z-index:2;clip-path: inset(100% 0 0 0);}
.section3 .conwrap .boxwrap:nth-child(3){z-index:3;clip-path: inset(100% 0 0 0);}
.section3 .conwrap .boxwrap .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.section3 .conwrap .boxwrap:nth-child(1) .bg{background: url(/images/main/sec3_bg1.jpg) no-repeat center / cover;}
.section3 .conwrap .boxwrap:nth-child(2) .bg{background: url(/images/main/sec3_bg2.jpg) no-repeat center / cover;}
.section3 .conwrap .boxwrap:nth-child(3) .bg{background: url(/images/main/sec3_bg3.jpg) no-repeat center / cover;}
.section3 .conwrap .boxwrap .con {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
}
.section3 .conwrap .boxwrap .con .sticky{
position: absolute;
left: 50%;
top: 0;
z-index: 10;
max-width: 1760px;
width: 92%;
height: 100%;
padding: 0;
transform: translate(-50%, 0);
}
.section3 .conwrap .boxwrap .con .sticky .count{
	position: absolute;
	left: 0;
	top: 10%;
	font-size: 14px;
	font-weight: 500;
	color: rgba(255,255,255,0.6);
}
.section3 .conwrap .boxwrap .con .sticky .count span{
	color: #fff;
}
.section3 .conwrap .boxwrap .con .sticky .scroll{
	font-family: "Poppins";
	font-size: 14px;
	position: absolute;
	right: -10%;
	top: 50%;
	transform: rotate(90deg) translateY(-50%);
	font-size: 14px;
	font-weight: 500;
	color: rgba(255,255,255,0.6);
}
.section3 .conwrap .boxwrap .con .sticky .inner{
	max-width: 1480px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding-top:100px;
	display: flex;flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
}
.section3 .conwrap .boxwrap .con .sticky .inner .txtarea{

}
.section3 .conwrap .boxwrap .con .sticky .inner .txtarea h2{
	font-family: "IPAPMincho", serif;
	font-size:16px;
	font-weight: 500;
	color: #fff;
}
.section3 .conwrap .boxwrap .con .sticky .inner .txtarea h3{
	margin:30px 0 10px;
	font-size:37px;
	font-weight: 500;
	color: #fff;
}
.section3 .conwrap .boxwrap .con .sticky .inner .txtarea p{
	font-size:14px;
	line-height: 1.8em;
	color: #fff;
}
.section3 .conwrap .boxwrap .con .sticky .inner .txtarea .btn{
	display: flex;
	align-items: center;
	margin-top: 40px;
}
.section3 .conwrap .boxwrap .con .sticky .inner .txtarea .btn span{
	font-family: "Poppins";
	font-size: 12px;
	color: rgba(255,255,255,0.6);
}
.section3 .conwrap .boxwrap .con .sticky .inner .txtarea .btn .arr{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 37px;
	height: 37px;
	box-shadow: inset 0 0 0 1px #eee;
	border-radius: 50%;
	margin-left: 15px;
}
.section3 .conwrap .boxwrap .con .sticky .inner .txtarea .btn .arr:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	width: 100%;
	height: 100%;
	background: #eee;
	border-radius: 50%;
	transition: all 0.3s;
}
.section3 .conwrap .boxwrap .con .sticky .inner .txtarea .btn:hover .arr:after{
	transform: translate(-50%, -50%) scale(1);
}
.section3 .conwrap .boxwrap .con .sticky .inner .txtarea .btn .arr i{
	display: block;
	width: 15px;
	height: 7px;
	background: url(/images/main/arr_wh.png) no-repeat center / contain;
	transition: all 0.3s;
	z-index: 1;
}
.section3 .conwrap .boxwrap .con .sticky .inner .txtarea .btn:hover .arr i{
	background: url(/images/main/arr.png) no-repeat center / contain;
}

.section3 .conwrap .boxwrap .con .sticky .inner .imgarea{overflow:hidden;width:100%;height:60vw;min-height:50vh;}
.section3 .conwrap .boxwrap .con .sticky .inner .imgarea > div{
	width:100%;height:100%;
}
.section3 .conwrap .boxwrap:nth-child(1) .con .sticky .inner .imgarea > div{background: url(/images/main/sec3_img1.jpg) no-repeat center / cover;}
.section3 .conwrap .boxwrap:nth-child(2) .con .sticky .inner .imgarea > div{background: url(/images/main/sec3_img2.jpg) no-repeat center / cover;}
.section3 .conwrap .boxwrap:nth-child(3) .con .sticky .inner .imgarea > div{background: url(/images/main/sec3_img3.jpg) no-repeat center / cover;}


.section4{
	padding: 100px 0;
	position: relative;
	overflow: hidden;
	background: #399646;
	height: 900px;
}
.section4 .innerwrap{height:100%;}
.section4 .gallery{margin-top: 50px; text-align: center;position: relative;}
.section4 .gallery .swiper-wrapper{}
.section4 .gallery .swiper-slide{margin:0 auto;}
.section4 .gallery .swiper-slide .thumb{position: relative;margin:0 auto;width:61%;max-width:1060px;height:620px;overflow:hidden;}
.section4 .gallery .swiper-slide .thumb .thumb_inner{
	width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 100;
}
.section4 .gallery .swiper-slide .thumb img{width:100%;height:100%;object-fit:cover;/* transform:scale(1.15); */}
/* .section4 .gallery .swiper-slide .thumb_inner .bg{
	position: absolute;content:'';
	width:100%;height:100%;
	top:0;left:0;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	z-index:30;
}
.section4 .gallery .swiper-slide-active .thumb_inner .bg{
	animation-name:slideAni;animation-duration: 0.5s;animation-fill-mode:forwards;
 animation-timing-function: linear;
} */



@keyframes slideAni{
	 0%{
		clip-path: polygon(0 0, 100% 0, 60% 100%, 0 100%);
	 }
	 20%{
	 clip-path: polygon(0 0, 100% 0, 60% 100%, 0 100%);
	 }
	 40%{
		clip-path: polygon(0 0, 60% 0, 40% 100%, 0 100%);
	 }
	 60%{
		clip-path: polygon(0 0, 40% 0, 24% 100%, 0 100%);
	 }
	 80%{
		clip-path: polygon(0 0, 20% 0, 12% 100%, 0 100%);
	 }
	 100%{
		 clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);
	 }
  } 



.section4 .gallery .swiper-slide .title{margin:0 auto;margin-top: 35px;overflow:hidden;}
.section4 .gallery .swiper-slide .title>span{
	font-size:60px;
	color:#000;
	font-weight: 600;
	display: block;
	text-align: center;
}
.section4 .gallery .swiper-slide .cate>span .char{opacity:0;display: inline-block;}
.section4 .gallery .swiper-slide-active .cate>span .char{
 animation: galTxt 0.7s cubic-bezier(.5, 0, .5, 1);
  animation-fill-mode: forwards;
   animation-direction:alternate;
   animation-delay: calc(20ms * var(--char-index));
}
.section4 .gallery .swiper-slide .title>span .char{opacity:0;display: inline-block;}
.section4 .gallery .swiper-slide-active .title>span .char{
 animation: galTxt 0.7s cubic-bezier(.5, 0, .5, 1);
  animation-fill-mode: forwards;
   animation-direction:alternate;
   animation-delay: calc(20ms * var(--char-index));
}
@keyframes galTxt{
    0%{ transform:translate3d(0, 100%, 0);opacity:0;}
    100%{transform:translate3d(0, 0, 0);opacity:1;}
}
.section4 .gallery .swiper-slide .info{
	margin-top: 20px;
	display: flex;
	justify-content: center;
	opacity: 0;
}
.section4 .gallery .swiper-slide-active .info{
	opacity: 1;
}
.section4 .gallery .swiper-slide .info dt{
	position: relative;
	font-size: 20px;
	margin-right: 27px;
	font-weight: 300;
}
.section4 .gallery .swiper-slide .info dt:after{
	content: "";
	position: absolute;
	right: -13px;
	top: 5px;
	width: 1px;
	height: 14px;
	background: rgba(0,0,0,0.2);
}
.section4 .gallery .swiper-slide .info dd{
	font-size: 20px;
	font-weight: 300;
}


.section4 .gallery .prev-btn{
	position: absolute;
	height: 100%;
	background: #fff;
	top:0;
	width:19.5%;
	max-width:340px;
	left:0px;
	z-index:100;
	text-align: left;
	display: flex;align-items:center;
}
.section4 .gallery .next-btn{
	position: absolute;
	height:100%;
	top:0;
	width:19.5%;
	max-width:340px;
	right:0;
	z-index:100;
	text-align: right;
	display: flex;align-items:center;
	
}
.section4 .gallery .btn .inner{position: relative;display: flex;width:100%;align-items:center;
transform:translateY(-50%);}
.section4 .gallery .btn .inner:before{
	position: absolute;
	content:'';
	top:50%;
	right:20%;
	transform:translateY(-50%);
	width:1px;height:80px;
	background: rgba(0,0,0,0.2);
}
.section4 .gallery .next-btn .inner{justify-content:flex-end;}
.section4 .gallery .next-btn .inner:before{
	position: absolute;
	content:'';
	top:50%;
	left:20%;
	transform:translateY(-50%);
	width:1px;height:80px;
	background: rgba(0,0,0,0.2);
}
.section4 .gallery .btn .inner .gprev{
	width:10px;height:18px;display: inline-block;
	background: url(/images/main/gal_prev.png)no-repeat center;
	margin-right: 2vw;
	cursor:pointer;
}
.section4 .gallery .btn .inner .gnext{
	width:10px;height:18px;display: inline-block;
	background: url(/images/main/gal_next.png)no-repeat center;
	margin-left:2vw;
	cursor:pointer;
}
.section4 .gallery .btn .inner dl{max-width:60%;word-break:break-all;box-sizing:border-box;}
.section4 .gallery .btn .inner dl dt{
	font-family: "IPAPMincho", serif;
	font-size:20px;
	color:#000;
	font-weight: 600;
}
.section4 .gallery .btn .inner dl dd{
	font-size:22px;
	color:#000;
	font-weight: 600;
	margin-top: 15px;
}



@media screen and (max-width:1500px){
	.section4 .gallery .btn .inner dl{max-width:70%;}
	.section4 .gallery .btn .inner:before{right:12%;}
	.section4 .gallery .next-btn .inner:before{left:12%;}
	.section4 .gallery .btn .inner dl dd{font-size:19px;}
}


.section5{
	position: relative;
	width: 100%;
	overflow: hidden;
	padding:120px 0 250px;
}
.section5 .bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/main/sec5_bg.jpg) no-repeat center bottom / cover;
}
.section5 .ccwrap{
	margin-top:60px;
	display: flex;flex-wrap:wrap;justify-content:center;
	gap: 2vw;
}
.section5 .ccwrap .cc{
	position: relative;
	width: calc((100% - 2vw) / 2);
}
.section5 .ccwrap .cc:after{
	content: "";
	display: block;
	padding-bottom: 100%;
}
.section5 .ccwrap .cc .inner{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 2vw;
	border-radius: 50%;
	border: 1.5px dashed #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	transition: all 0.4s;
}
.section5 .ccwrap .cc .inner:hover{
	border: 1.5px dashed rgba(255,255,255,0);
}
.section5 .ccwrap .cc .inner .icon{
	display: block;
	transition: all 0.3s;
}
.section5 .ccwrap .cc .inner .icon1{
	width: 25px;
	height: 25px;
	background: url(/images/main/sec5_icon1.png) no-repeat center / contain;
}
.section5 .ccwrap .cc .inner .icon2{
	width: 28px;
	height: 28px;
	background: url(/images/main/sec5_icon2.png) no-repeat center / contain;
}
.section5 .ccwrap .cc .inner .icon3{
	width: 24px;
	height: 24px;
	background: url(/images/main/sec5_icon3.png) no-repeat center / contain;
}
.section5 .ccwrap .cc .inner .icon4{
	width: 20.5px;
	height: 27px;
	background: url(/images/main/sec5_icon4.png) no-repeat center / contain;
}
.section5 .ccwrap .cc .inner .tit{
	font-size:min(18px, 4vw);
	font-weight: 600;
	color: #fff;
	margin: 8px 0 0;
	transition: all 0.4s;
}
.section5 .ccwrap .cc .inner p{
	font-size: 15px;
	line-height: 1.9em;
	color: #fff;
	transition: color 0.4s;
	display: none !important;
}
.section5 .ccwrap .cc:hover .inner{background: rgba(255,255,255,0.8);}
.section5 .ccwrap .cc:hover .inner .icon1{background: url(/images/main/sec5_icon1_gr.png) no-repeat center / contain;}
.section5 .ccwrap .cc:hover .inner .icon2{background: url(/images/main/sec5_icon2_gr.png) no-repeat center / contain;}
.section5 .ccwrap .cc:hover .inner .icon3{background: url(/images/main/sec5_icon3_gr.png) no-repeat center / contain;}
.section5 .ccwrap .cc:hover .inner .icon4{background: url(/images/main/sec5_icon4_gr.png) no-repeat center / contain;}
.section5 .ccwrap .cc:hover .inner .tit{
	color: #000;
}
.section5 .ccwrap .cc:hover .inner p{
	color: #000;
}



.section6{
	width: 100%;
	overflow: hidden;
	padding: 200px 0;
}
.section6 .section_tit{
	padding:0 5%;
	text-align: left;
}
.section6 .press{
	margin-top: 70px;
	overflow: visible;
}
.section6 .press .swiper-slide{
	width: 440px;
	padding: 60px 30px;
	border: 1px solid #ccc;
	transition: all 0.4s;
}
.section6 .press .swiper-slide:hover{
	background: rgba(57, 150, 70, 0.05);
}
.section6 .press .swiper-slide a{
	display: block;
}
.section6 .press .swiper-slide .date{
	font-family: "Poppins";
	font-size: 16px;
	font-weight: 300;
}
.section6 .press .swiper-slide .thumb{
	width: 100%;
	overflow: hidden;
	margin: 25px 0 40px;
}
.section6 .press .swiper-slide .thumb img{
	width: 100%;
}
.section6 .press .swiper-slide .tit{
	font-size: 22px;
	font-weight: 600;
	color: #000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.section6 .press .swiper-slide .con{
	font-size: 18px;
	color: rgba(0,0,0,0.8);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-height: 1.7em;
	height: 3.4em;
	margin: 15px 0 20px;
}
.section6 .press .swiper-slide .btn{
	display: flex;
	align-items: center;
}
.section6 .press .swiper-slide .btn span{
	font-family: "Poppins";
	font-size: 12px;
	color: rgba(0,0,0,0.6);
}
.section6 .press .swiper-slide .btn .arr{
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 37px;
	height: 37px;
	box-shadow: inset 0 0 0 1px #666;
	border-radius: 50%;
	margin-left: 15px;
	transition: all 0.3s;
}
.section6 .press .swiper-slide:hover .btn .arr{
	box-shadow: inset 0 0 0 1px #399646;
}
.section6 .press .swiper-slide .btn .arr:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(0);
	width: 100%;
	height: 100%;
	background: #399646;
	border-radius: 50%;
	transition: all 0.3s;
}
.section6 .press .swiper-slide:hover .btn .arr:after{
	transform: translate(-50%, -50%) scale(1);
}
.section6 .press .swiper-slide .btn .arr i{
	display: block;
	width: 15px;
	height: 7px;
	background: url(/images/main/arr.png) no-repeat center / contain;
	transition: all 0.3s;
	z-index: 1;
}
.section6 .press .swiper-slide:hover .btn .arr i{
	background: url(/images/main/arr_wh.png) no-repeat center / contain;
}





.section1 .visual .swiper-slide .txtwrap .en{opacity: 0; transform: scale(1.1); filter: blur(4px);}
.section1 .visual .swiper-slide-active .txtwrap .en{opacity: 1; transform: scale(1); filter: blur(0); transition: all 1.4s 0.2s;line-height: 1.5;}

.section1 .visual .swiper-slide .txtwrap .kr .line{width: 0;}
.section1 .visual .swiper-slide-active .txtwrap .kr .line{width: 100%; transition: all 1.6s 0.9s;}

.section1 .visual .swiper-slide .txtwrap .kr h2 span{opacity: 0; transform: translateY(70%);}
.section1 .visual .swiper-slide-active .txtwrap .kr h2 span{opacity: 1; transform: translateY(0); transition: all 1.2s 1s;}
.section1 .visual .swiper-slide .txtwrap .kr h3 span{opacity: 0; transform: translateY(-70%);}
.section1 .visual .swiper-slide-active .txtwrap .kr h3 span{opacity: 1; transform: translateY(0); transition: all 1.2s 1s;}


.section_tit h3{opacity: 0; transform: translateY(30px);}
.section_tit.in-view h3{opacity: 1; transform: translateY(0);  transition: all 1.2s 0.2s;}

.section_tit p span{opacity: 0; transform: translateY(30px);}
.section_tit.in-view p span{opacity: 1; transform: translateY(0);}

.section_tit p span:nth-child(1)  { transition: all 1.2s 0.30s; }
.section_tit p span:nth-child(2)  { transition: all 1.2s 0.33s; }
.section_tit p span:nth-child(3)  { transition: all 1.2s 0.36s; }
.section_tit p span:nth-child(4)  { transition: all 1.2s 0.39s; }
.section_tit p span:nth-child(5)  { transition: all 1.2s 0.42s; }
.section_tit p span:nth-child(6)  { transition: all 1.2s 0.45s; }
.section_tit p span:nth-child(7)  { transition: all 1.2s 0.48s; }
.section_tit p span:nth-child(8)  { transition: all 1.2s 0.51s; }
.section_tit p span:nth-child(9)  { transition: all 1.2s 0.54s; }
.section_tit p span:nth-child(10) { transition: all 1.2s 0.57s; }
.section_tit p span:nth-child(11) { transition: all 1.2s 0.60s; }
.section_tit p span:nth-child(12) { transition: all 1.2s 0.63s; }
.section_tit p span:nth-child(13) { transition: all 1.2s 0.66s; }
.section_tit p span:nth-child(14) { transition: all 1.2s 0.69s; }
.section_tit p span:nth-child(15) { transition: all 1.2s 0.72s; }
.section_tit p span:nth-child(16) { transition: all 1.2s 0.75s; }
.section_tit p span:nth-child(17) { transition: all 1.2s 0.78s; }
.section_tit p span:nth-child(18) { transition: all 1.2s 0.81s; }
.section_tit p span:nth-child(19) { transition: all 1.2s 0.84s; }
.section_tit p span:nth-child(20) { transition: all 1.2s 0.87s; }
.section_tit p span:nth-child(21) { transition: all 1.2s 0.90s; }
.section_tit p span:nth-child(22) { transition: all 1.2s 0.93s; }
.section_tit p span:nth-child(23) { transition: all 1.2s 0.96s; }
.section_tit p span:nth-child(24) { transition: all 1.2s 0.99s; }
.section_tit p span:nth-child(25) { transition: all 1.2s 1.02s; }
.section_tit p span:nth-child(26) { transition: all 1.2s 1.05s; }
.section_tit p span:nth-child(27) { transition: all 1.2s 1.08s; }
.section_tit p span:nth-child(28) { transition: all 1.2s 1.11s; }
.section_tit p span:nth-child(29) { transition: all 1.2s 1.14s; }
.section_tit p span:nth-child(30) { transition: all 1.2s 1.17s; }
.section_tit p span:nth-child(31) { transition: all 1.2s 1.20s; }
.section_tit p span:nth-child(32) { transition: all 1.2s 1.23s; }
.section_tit p span:nth-child(33) { transition: all 1.2s 1.26s; }
.section_tit p span:nth-child(34) { transition: all 1.2s 1.29s; }
.section_tit p span:nth-child(35) { transition: all 1.2s 1.32s; }
.section_tit p span:nth-child(36) { transition: all 1.2s 1.35s; }
.section_tit p span:nth-child(37) { transition: all 1.2s 1.38s; }
.section_tit p span:nth-child(38) { transition: all 1.2s 1.41s; }
.section_tit p span:nth-child(39) { transition: all 1.2s 1.44s; }
.section_tit p span:nth-child(40) { transition: all 1.2s 1.47s; }
.section_tit p span:nth-child(41) { transition: all 1.2s 1.50s; }
.section_tit p span:nth-child(42) { transition: all 1.2s 1.53s; }

.section4 .circle{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%) scale(0);
	transition: all 1.2s ease-in-out;
	display: block;
	width: 46px;
	height: 46px;
	background: #fff;
	border-radius: 50%;
	z-index: 1;
}
.section4.in-view .circle{
	transform: translate(-50%, -50%) scale(100);
}



.section4 .gallery{opacity: 0; transform: translateY(40px);}
.section4 .gallery.in-view{opacity: 1; transform: translateY(0);  transition: all 1.2s 0.2s;}


.section5 .ccwrap .cc{opacity: 0; transform: translateY(50px);}
.section5 .ccwrap.in-view .cc{opacity: 1; transform: translateY(0);}

.section5 .ccwrap .cc:nth-child(1){transition: all 1.2s 0.4s;}
.section5 .ccwrap .cc:nth-child(2){transition: all 1.2s 0.5s;}
.section5 .ccwrap .cc:nth-child(3){transition: all 1.2s 0.6s;}
.section5 .ccwrap .cc:nth-child(4){transition: all 1.2s 0.7s;}



.section6 .press{opacity: 0; transform: translateY(40px);}
.section6 .press.in-view{opacity: 1; transform: translateY(0);  transition: all 1.2s 0.2s;}