/***scroll animation***/
.section01 .sec01-tit .t1{position:relative;opacity: 0;right:-50px;transition: all ease 0.75s;}
.section01.scroll .sec01-tit .t1{opacity: 1;right:0;}

.section01 .sec01-tit .t2{position:relative;opacity: 0;transition: all ease 0.75s;transform: scale(1.25);}
.section01.scroll .sec01-tit .t2{opacity: 1;transition-delay: 0.65s;transform: scale(1);}

.section01 .sec01-tit .t3{position:relative;opacity: 0;right:-50px;transition: all ease 0.75s;}
.section01.scroll .sec01-tit .t3{opacity: 1;right:0;transition-delay: 0.25s;}

.section01 .sec01-conts:before{height: 0;transition: all ease 3s;}
.section01.scroll .sec01-conts:before{height:100%;transition-delay: 1s;}

.section01 .sec01-conts > img{opacity: 0;transition: all ease 1.5s;}
.section01.scroll .sec01-conts > img{opacity: 1;transition-delay: 0.75s;}

.section01 .sec01-conts .t0,
.section01 .sec01-conts .t1,
.section01 .sec01-conts .t2,
.section01 .sec01-conts .t3{position: relative;top:50px;opacity: 0;transition:all ease 1s;}
.section01 .sec01-conts .sec01-btn{opacity:0;transition:all ease 1s;}
.section01.scroll .sec01-conts .t0{opacity: 1;top:0;transition-delay: 1s;}
.section01.scroll .sec01-conts .t1{opacity: 1;top:0;transition-delay: 1.25s;}
.section01.scroll .sec01-conts .t2{opacity: 1;top:0;transition-delay: 1.5s;}
.section01.scroll .sec01-conts .t3{opacity: 1;top:0;transition-delay: 1.75s;}
.section01.scroll .sec01-conts .sec01-btn{opacity: 1;transition-delay: 1.9s;}

.section01 .sec01-conts .mini-circle{opacity: 0;transition:all ease 1.5s;}
.section01.scroll .sec01-conts .mini-circle{opacity: 1;transition-delay: 2s;}

.section01:before{right:-1700px;transition:all ease 2.5s;}
.section01.scroll:before{right:-700px;opacity: 1;transition-delay:0.5s;}


.today_recent .title{position: relative;top:50px;opacity: 0;transition:all ease 1s;}
.today_recent.scroll .title{opacity: 1;top:0;}

.today_recent .list > ul .left{margin-top:50px;opacity: 0;transition: all ease 1s;}
.today_recent.scroll .list > ul .left{margin-top:0;opacity: 1;transition-delay: 0.5s;}

.today_recent .list > ul .right > li{position: relative;top:50px;opacity: 0;transition:all ease 1s;}
.today_recent.scroll .list > ul .right > li{top:0;opacity: 1;}
.today_recent.scroll .list > ul .right > li:nth-child(1){transition-delay:1s;}
.today_recent.scroll .list > ul .right > li:nth-child(2){transition-delay:1.25s;}
.today_recent.scroll .list > ul .right > li:nth-child(3){transition-delay:1.5s;}
.today_recent.scroll .list > ul .right > li:nth-child(4){transition-delay:1.75s;}


.today_recent:before{width:0;transition:all ease 1.25s;}
.today_recent.scroll:before{width:100%;transition-delay: 1.75s;}


.section02{opacity: 0;transition: all ease 1s;overflow: hidden;}
.section02.scroll {opacity: 1;}

.section02 .tit,
.section02 .txt{position: relative;top:50px;opacity: 0;transition: all ease .5s;}
.section02.scroll .tit{top:0;opacity: 1;transition-delay: 0.5s;}
.section02.scroll .txt{top:0;opacity: 1;transition-delay:1.5s;}

.section02 .hand{opacity: 0;bottom:-300px;transition: all ease 1.5s;}
.section02.scroll .hand{opacity: 1;bottom: -50px;transition-delay:0.5s;}

.people_recent{opacity: 0;top:50px;transition:all ease 1s;}
.people_recent.scroll{top:0;opacity: 1;}

.people_recent .txt-ul strong{opacity: 0;top:50px;transition:all ease 1s;position: relative;}
.people_recent.scroll .txt-ul li strong{opacity: 1;top:0;transition-delay: 0.25s;}

.section03 .circle .line img{opacity: 0;transition:all ease 1.5s;}
.section03 .circle.scroll .line img{opacity: 1;}

.section03 .circle ul li .img{opacity: 0;filter: blur(10px);transition: all ease 2s;transform:scale(1.2);}
.section03 .circle.scroll ul li .img{opacity: 1;filter:blur(0);transition-delay:1s;transform: scale(1);}

.section03 .circle ul li .txt{opacity: 0;filter: blur(10px);transition: all ease 2s;}
.section03 .circle.scroll ul li .txt{opacity: 1;filter:blur(0);transition-delay:1.5s;}

.section03 .sec03-line .inner .top:before{height: 0;transition:all ease 5s;}
.section03 .sec03-line .inner .top.scroll:before{height: 200%;}

.section03 .sec03-line .inner .top .t1{top:100px;transition:all ease 1s;opacity: 0;}
.section03 .sec03-line .inner .top.scroll .t1{top:0;opacity: 1;transition-delay:0.5s;}

.section03 .sec03-line .inner .top .t2{top: 250px;transition:all ease 1s;opacity: 0;}
.section03 .sec03-line .inner .top.scroll .t2{top: 150px;opacity: 1;transition-delay:1.5s;}

.section03 .sec03-line .inner .top .t3{top: 700px;transition:all ease 1s;opacity: 0;}
.section03 .sec03-line .inner .top.scroll .t3{top: 500px;opacity: 1;transition-delay:2.25s;}

.photo_recent .list > ul > li .thumb{position:relative;}
.photo_recent .list > ul > li:nth-child(1) .thumb{top:100px;transition:all ease 1s;opacity: 0;}
.photo_recent .list > ul > li:nth-child(1).scroll .thumb{top:0;opacity: 1;}

.photo_recent .list > ul > li:nth-child(2) .thumb{top:100px;transition:all ease 1s;opacity: 0;}
.photo_recent .list > ul > li:nth-child(2).scroll .thumb{top:0;opacity: 1;transition-delay:1.5s;}

.photo_recent .list > ul > li:nth-child(3) .thumb{top:100px; z-index: 101; transition:all ease 1s;opacity: 0;transition-delay:1s;}
.photo_recent .list > ul > li:nth-child(3).scroll .thumb{top:0;opacity: 1;}

.photo_recent .list > ul > li:nth-child(4) .thumb{top:100px;transition:all ease 1s;opacity: 0;}
.photo_recent .list > ul > li:nth-child(4).scroll .thumb{top:0;opacity: 1;}

.photo_recent .list > ul > li:nth-child(5) .thumb{top:100px;transition:all ease 1s;opacity: 0;}
.photo_recent .list > ul > li:nth-child(5).scroll .thumb{top:0;opacity: 1;transition-delay:1s;}

.section03 .sec03-line2 .inner .bottom .t11{top:100px;transition:all ease 1s;opacity: 0;}
.section03 .sec03-line2 .inner .bottom.scroll .t11{top:0;opacity: 1;transition-delay:1s;}

.section03 .sec03-line2 .inner .bottom .t12{top: 100px;transition:all ease 1s;opacity: 0;}
.section03 .sec03-line2 .inner .bottom.scroll .t12{top: 0;opacity: 1;transition-delay:1.5s;}

.section03 .sec03-line2 .inner .bottom:before{height:0;transition:all ease 5s;}
.section03 .sec03-line2 .inner .bottom.scroll:before{height:35%;}

.section04 .tit .t1,
.section04 .tit .t2,
.section04 .tit .t3{position: relative;opacity: 0;top:50px;transition: all ease 1s;}
.section04 .tit strong{left:550px;opacity: 0;transition: all ease 1s;}
.section04 .tit strong:after{width:0;transition:all ease 1.5s;}

.section04.scroll .tit .t1{top:0;opacity: 1;}
.section04.scroll .tit .t2{top:0;opacity: 1;transition-delay: 0.25s;}
.section04.scroll .tit .t3{top:0;opacity: 1;transition-delay: 0.5s;}
.section04.scroll .tit strong{left: 500px;opacity: 1;transition-delay:1s;}
.section04.scroll .tit strong:after{width:100%;transition-delay: 1.25s;}

.section04 .conts .t4{position: relative;left:-100px;transition:all ease 1s;opacity: 0;}
.section04 .conts .t5,
.section04 .conts .t6{position: relative;top:50px;transition:all ease 1s;opacity: 0;}
.section04 .conts .t7,
.section04 .conts .t8{right:-100px;opacity: 0;transition:all ease 1s;}
.section04 .conts .box:before{opacity: 0;transition:all ease 1s;}

.section04.scroll .conts .t4{left:0;transition-delay: 2.25s;opacity: 1;}
.section04.scroll .conts .t5{opacity: 1;top:0;transition-delay: 2.5s;}
.section04.scroll .conts .t6{opacity: 1;top:0;transition-delay: 2.75s;}
.section04.scroll .conts .t7{opacity:1;right:0;transition-delay: 1.75s;}
.section04.scroll .conts .t8{opacity: 1;right:0;transition-delay: 3s;}

.section04.scroll .conts .box:before{opacity: 1;transition-delay: 2.75s;}

.section04 .conts .left-box:before{opacity:0;transition:all ease 1s; transition-delay:3s;}
.section04.scroll .conts .left-box:before{opacity:1;}

.section06 .tit{position: relative;top:50px;opacity: 0;transition: all ease 1s;}
.section06 .txt{position: relative;top:25px;opacity: 0;transition: all ease 1s;}

.section06.scroll .tit{opacity: 1;top:0;}
.section06.scroll .txt{opacity: 1;top:0;transition-delay: 2.25s;}

.sns_recent .list > ul > li{}

@media (max-width: 1860px) {
  .section04.scroll .tit strong{left:550px;}
}

@media (max-width: 1600px) {
  .section04.scroll .tit strong{left:380px;}
}

@media (max-width: 1400px) {
  .section04.scroll .tit strong{left:320px;}
}

.sns_recent .list > ul > li:nth-child(1),
.sns_recent .list > ul > li:nth-child(3),
.sns_recent .list > ul > li:nth-child(5),
.sns_recent .list > ul > li:nth-child(7){position: relative;top:-50px;opacity: 0;transition:all ease 1s;}

.sns_recent .list > ul > li:nth-child(2),
.sns_recent .list > ul > li:nth-child(4),
.sns_recent .list > ul > li:nth-child(6){position: relative;top:-50px;opacity: 0;transition:all ease 1s;}

.sns_recent.scroll .list > ul > li:nth-child(1),
.sns_recent.scroll .list > ul > li:nth-child(3),
.sns_recent.scroll .list > ul > li:nth-child(5),
.sns_recent.scroll .list > ul > li:nth-child(7){opacity: 1;top:0;transition-delay: 1s;}

.sns_recent.scroll .list > ul > li:nth-child(2),
.sns_recent.scroll .list > ul > li:nth-child(4),
.sns_recent.scroll .list > ul > li:nth-child(6){opacity: 1;top:0;transition-delay:1.5s;}

.sns_recent .list > ul > li:nth-child(8),
.sns_recent .list > ul > li:nth-child(10),
.sns_recent .list > ul > li:nth-child(12),
.sns_recent .list > ul > li:nth-child(14){position: relative;top:50px;opacity: 0;transition:all ease 1s;}

.sns_recent .list > ul > li:nth-child(9),
.sns_recent .list > ul > li:nth-child(11),
.sns_recent .list > ul > li:nth-child(13){position: relative;top:50px;opacity: 0;transition:all ease 1s;}

.sns_recent.scroll .list > ul > li:nth-child(8),
.sns_recent.scroll .list > ul > li:nth-child(10),
.sns_recent.scroll .list > ul > li:nth-child(12),
.sns_recent.scroll .list > ul > li:nth-child(14){opacity: 1;top:0;transition-delay:1.5s;}

.sns_recent.scroll .list > ul > li:nth-child(9),
.sns_recent.scroll .list > ul > li:nth-child(11),
.sns_recent.scroll .list > ul > li:nth-child(13){opacity: 1;top:0;transition-delay:1s;}

@media (max-width: 1600px) {
  .photo_recent .list > ul > li:nth-child(3) > a:before{top:44.15%;}
}

@media (max-width: 1400px) {
  .section03 .sec03-line .inner .top.scroll .t3{top:360px;}
}

@media (max-width: 1200px) {
  .section04.scroll .tit strong{left:250px;}
}

@media (max-width: 1023px) {
  .photo_recent .list > ul > li:nth-child(3) > a:before{top:39.8%;z-index:-1;}
}

@media (max-width: 767px) {
  .section04.scroll .tit strong{left:25px;}    
  .section03 .sec03-line .inner .top.scroll:before{height:50%;display: none;}  
  .section03 .sec03-line .inner .top.scroll .t2{top:1000px;transition-delay: 3.5s;}
  .section03 .sec03-line .inner .top.scroll .t3{top:1080px;transition-delay: 3.75s;}
}