@charset "utf-8";
.pcbr{display:none;}
.ptbr{display:block;}
.tbbr{display:block;}
.tmbr{display:block;}
.mbbr{display:none;}
.pc_view{display:none !important;}
.pt_view{display:block !important;}
.t_view{display:block !important;}
.tm_view{display:block !important;}
.m_view{display:none !important;}
.dn{display:none;}
#wrap{overflow-x:hidden;}
* {font-family:"Nunito Sans", "Pretendard","돋움",dotum,sans-serif;box-sizing:border-box;}


section{position:relative; width: 100vw; height: 100vh; max-height:100vh;box-sizing:border-box; overflow:hidden;}
section .fp-tableCell{overflow:hidden;}
section *{box-sizing:border-box;}

.innerwrap{
	width: 96%;
	max-width: 1820px;
	margin: 0 auto;
	box-sizing: border-box;
}
.innerwrap2{
	width: 96%;
	max-width: 1720px;
	margin: 0 auto;
	box-sizing: border-box;
}

body #fp-nav{right:1vw !important;}
body #fp-nav ul li{
    display: block;
    width:10px;height:10px;
    margin:20px 0px;
    position: relative;
}
body #fp-nav ul li:nth-child(9){display: none;}
body #fp-nav ul li a{}
body #fp-nav ul li a span,
body #fp-nav ul li:hover a span{
	position:static;display:block;
	width:6px;height:6px;
	margin:0 auto;border-radius:50%;
	border:1px solid rgba(255,255,255,0.5);background:0;
}
body #fp-nav ul li a.active span,
body #fp-nav ul li:hover a.active span{
width:10px;height:10px;
	margin:0 auto;border-radius:50%;
	border:2px solid rgba(255,255,255,1);
}
#fp-nav ul li .fp-tooltip{
	top:-5px;
	width:auto;
	font-family:"Nunito Sans";font-size:13px;color:#fff;opacity:0.5;
	display: none !important;
}
#fp-nav ul li .fp-tooltip.right{right:13px;}

body.bl #fp-nav ul li a span,
body.bl #fp-nav ul li:hover a span{
	border:1px solid rgba(0,0,0,0.6);background:0;
}
body.bl #fp-nav ul li a.active span,
body.bl #fp-nav ul li:hover a.active span{
	border:2px solid rgba(0,0,0,1);
}

.fp-viewing-7 #fp-nav ul li a span,
.fp-viewing-7 #fp-nav ul li:hover a span{border:1px solid rgba(0,0,0,0.6);background:0;}
.fp-viewing-7 #fp-nav ul li a.active span,
.fp-viewing-7 #fp-nav ul li:hover a.active span{
	border:2px solid rgba(0,0,0,1);
}


/*sec1 visual*/
.sec1{
overflow:hidden;
position:relative;
width:100%;height:100vh;
display: flex;align-items:center;
}
.sec1 .bg{
width: 100%;height: 100%;
	position: absolute;z-index:-1;
	top:50%;left:50%;transform:translate(-50%, -50%);
}
.sec1 .bg.m_ver{display: none !important;}
.sec1 h2{
font-family: "Lora";font-size:min(3vw, 26px);color:#1bd30a;font-weight: 400;text-align: center;width:100%;
letter-spacing:-0.04em;
margin-bottom: 90px;
}
.sec1 h2 span{font-family: "Lora";}
.sec1 h2 i.it{display: inline-block;font-family: "Lora-Italic";font-style:italic;font-weight:400;}



/* footer */
footer{width:100%;z-index:50;transition:all 0.4s;}
/* footer .footwrap:before{
	position: absolute;content:'';
	width:100%;height:1px;
	top:0;left:0;
	background: rgba(255,255,255,0.7);
	transition:all 2s;
	width:0;
} */


/*motion*/
.fadeLeft, .fadeRight, .fadeUp, .fadeIn, .fadeImgRight{opacity:0;}
.imgAni{clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);}
.imgAni.in-view{animation-name: imgAni; animation-duration:1.25s;animation-fill-mode:forwards;}
.fadeLeft.in-view{animation-name: fadeLeft;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeRight.in-view{animation-name: fadeRight;animation-duration: 0.8s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeUp.in-view{animation-name: fadeUp;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeIn.in-view{animation-name: fadeIn;animation-duration: 0.9s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}
.fadeImgRight.in-view{animation-name: fadeImgRight;animation-duration: 1.2s;animation-fill-mode:forwards;animation-timing-function: ease-in-out;}

  
  @keyframes bgScale{
   0%{transform:scale(1.15);}
   100%{transform:scale(1);}
  }
@keyframes fadeLeft{
 0%{transform:translate3d(-100px, 0, 0);opacity:0;}
  100%{transform:translate3d(0px, 0, 0);opacity:1;}
}
@keyframes fadeRight{
 0%{transform:translate3d(100px, 0, 0);opacity:0;}
  100%{transform:translate3d(0, 0, 0);opacity:1;}
}
@keyframes fadeUp{
0%{transform:translate3d(0%, 70px, 0);opacity:0;}
  100%{transform:translate3d(0%, 0, 0);opacity:1;}
}
@keyframes fadeIn{
0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes imgAni{
0%{clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}

}
@keyframes fadeImgRight{
0%{opacity:0;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);}
100%{opacity:1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}
}
@keyframes fadeImgLeft{
0%{opacity:0;clip-path:polygon(0 0, 0 0, 0 100%, 0% 100%);}
100%{opacity:1;clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%);}
}

.sec1 .bg{
transform:translate(-50%, -50%) scale(1.2);transition:transform 1.5s;
}
.sec1 .bg.in-view{
transform:translate(-50%, -50%) scale(1);
}

#wrap.in-view footer .footwrap:before{width: 100%;transition-delay:0.2s;}




.sec1 h2 span,
.sec1 h2 i{display:inline-block;opacity:0;transform:translateX(-0px);}
.sec1 h2 i{display:inline-block;opacity:0;transform:translateX(-0px) skew(-10deg);}
.sec1 h2.in-view span,
.sec1 h2.in-view i{opacity:1;transform:translateX(0px);}
.sec1 h2.in-view i{opacity:1;transform:translateX(0px) skew(-10deg);}
.sec1 h2.in-view span:nth-child(1){transition:all 1.2s 0.4s;}
.sec1 h2.in-view span:nth-child(2){transition:all 1.2s 0.425s;}
.sec1 h2.in-view span:nth-child(3){transition:all 1.2s 0.450s;}
.sec1 h2.in-view span:nth-child(4){transition:all 1.2s 0.475s;}
.sec1 h2.in-view span:nth-child(5){transition:all 1.2s 0.5s;}
.sec1 h2.in-view span:nth-child(6){transition:all 1.2s 0.525s;}
.sec1 h2.in-view span:nth-child(7){transition:all 1.2s 0.550s;}
.sec1 h2.in-view span:nth-child(8){transition:all 1.2s 0.575s;}
.sec1 h2.in-view span:nth-child(9){transition:all 1.2s 0.6s;}
.sec1 h2.in-view span:nth-child(10){transition:all 1.2s 0.625s;}
.sec1 h2.in-view span:nth-child(11){transition:all 1.2s 0.650s;}
.sec1 h2.in-view span:nth-child(12){transition:all 1.2s 0.675s;}
.sec1 h2.in-view i:nth-child(13){transition:all 1.2s 0.7s;}
.sec1 h2.in-view i:nth-child(14){transition:all 1.2s 0.725s;}
.sec1 h2.in-view i:nth-child(15){transition:all 1.2s 0.750s;}
.sec1 h2.in-view i:nth-child(16){transition:all 1.2s 0.775s;}
.sec1 h2.in-view i:nth-child(17){transition:all 1.2s 0.8s;}
.sec1 h2.in-view i:nth-child(18){transition:all 1.2s 0.825s;}
.sec1 h2.in-view i:nth-child(19){transition:all 1.2s 0.850s;}
.sec1 h2.in-view i:nth-child(20){transition:all 1.2s 0.875s;}
.sec1 h2.in-view span:nth-child(21){transition:all 1.2s 0.9s;}
.sec1 h2.in-view span:nth-child(22){transition:all 1.2s 0.925s;}
.sec1 h2.in-view i:nth-child(23){transition:all 1.2s 0.950s;}
.sec1 h2.in-view i:nth-child(24){transition:all 1.2s 0.975s;}
.sec1 h2.in-view i:nth-child(25){transition:all 1.2s 1s;}
.sec1 h2.in-view i:nth-child(26){transition:all 1.2s 1.025s;}
.sec1 h2.in-view i:nth-child(27){transition:all 1.2s 1.050s;}
.sec1 h2.in-view i:nth-child(28){transition:all 1.2s 1.075s;}
.sec1 h2.in-view i:nth-child(29){transition:all 1.2s 1.1s;}
.sec1 h2.in-view i:nth-child(30){transition:all 1.2s 1.125s;}
.sec1 h2.in-view i:nth-child(31){transition:all 1.2s 1.150s;}
.sec1 h2.in-view i:nth-child(32){transition:all 1.2s 1.175s;}
.sec1 h2.in-view i:nth-child(33){transition:all 1.2s 1.2s;}
.sec1 h2.in-view i:nth-child(34){transition:all 1.2s 1.225s;}