@charset "utf-8";
.pcbr{display:block !important;}
.ptbr{display:block !important;}
.tbr{display:none !important;}
.tmbr{display:none !important;}
.mbr{display:none !important;}
.pc_view{display:block !important;}
.pt_view{display:block !important;}
.tm_view{display:none !important;}
.t_view{display:none !important;} 
.m_view{display:none !important;}

.video_wrap{position:absolute;top:0;left:0;z-index:-1;width:100%!important;height:100%!important;}
.video_wrap video{position: absolute;top: 50%;left: 50%;z-index: 1;min-width: 100%;min-height: 100%;width: auto;height: auto;transform: translate(-50%,-50%);}
.scroll_top_wrap{position:fixed;bottom: 60px;right: 48px;z-index: 10;}
.scroll_top_wrap button{position: relative;display:block;width: 9px;height: 40px;transition: 0.3s;}
.scroll_top_wrap button:before{display:block;content:"";position: absolute;top: 0;left: 4px;width: 1px;height: 100%;background: #fff;}
.scroll_top_wrap button:after{display:block;content:"";position: absolute;top: 1px;left: 1px;width: 7px;height: 7px;border: 1px solid #fff;transform: rotate(-135deg);border-top: 0;border-left: 0;box-sizing: border-box;}
.scroll_top_wrap.down_btn button{opacity:0;}
.split{position: relative;overflow: hidden;}
.split p{position: relative;display: inline-block;vertical-align: top;transform: translateY(100%);opacity: 0;}
.split span{position: relative;display: block;vertical-align: top;}
.split span + span{position: absolute;top: -100%;left: 0;}
.dark .scroll_top_wrap button:before{background:#000;}
.dark .scroll_top_wrap button:after{border-color:#000;}


/* body #fp-nav.left{position:fixed;top: 50%;left: 30px;transform: translateY(-50%);margin: 0 !important;z-index: 10;}
body #fp-nav.left li{position: relative;left: 0;width: auto;height: auto;display: block;background: transparent;outline:0;border-radius: 50%;box-sizing: border-box;margin: 0;opacity: 1;}
body #fp-nav.left li + li{margin-top: 40px;}
body #fp-nav.left li:last-child{display:none;}
body #fp-nav.left li span{display:none;}
body #fp-nav.left li a{display:block;background: rgba(255,255,255,0.9);width: 10px;height: 1px;}
body #fp-nav.left li a.active{border-radius: 50%;width: 40px;margin-left: -30px;}
body #fp-nav.left ul li .fp-tooltip{font-family: sans-serif;font-size: 1.2rem;left: auto;right: -25px;top: -7px;}
body.dark #fp-nav.left li a{background:#000;}
body.dark #fp-nav.left ul li .fp-tooltip{color:#000;}
#fullpage,#wrap{background:#111111;} */



.more_view.style1{position: relative;display: inline-block;padding: 0 40px;line-height: 56px;font-size: 1.4rem;font-weight: 300;color: rgba(255,255,255,0.85);border: 1px solid rgba(255,255,255,0.4);border-radius: 56px;overflow: hidden;}
.more_view.style1 span{position:relative;z-index:1;}
.more_view {
    opacity: 0;
}

.more_view {
    animation-name: opacityAni;
    animation-duration: 0.7s;
    animation-delay: 0.8s;
    animation-fill-mode: forwards;
}

.more_view.style1 {
    color: rgba(0, 0, 0, 0.9);
    margin-top: 32px;
    border-color: rgba(0, 0, 0, 0.4);
}
.arr_n_type2{position: relative;width:11px;height:10px;display: inline-block;margin-left: 10px;transition: 0.3s;}
.arr_n_type2:before{display:block;content:"";position: absolute;top: 4px;left: 0;width: 100%;height: 1px;background: rgba(255,255,255,0.9);}
.arr_n_type2:after{display:block;content:"";position: absolute;top: 1px;right: 0px;width: 6px;height: 6px;border: 1px solid #fff;transform: rotate(-45deg);border-top: 0;border-left: 0;}
.more_view.style1:hover{color:#fff !important;border-color:transparent !important;transition:0.3s;}

.more_view.style1:hover .arr_n_type2{opacity:0;margin-left:0;width:0;transform:translate3d(10px,0,0);}
.more_view.style1:after{animation-name: btnHover2;animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);animation-duration: 0.4s;animation-fill-mode: forwards;display:block;content:"";position: absolute;top: 0;left: 50%;width: 150%;height: 100px;background: #666;transform: translate3d(-50%,-100%,0);border-radius: 50%;z-index: 0;}
.more_view.style1:hover:after{animation-name: btnHover; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-duration: 0.4s;animation-fill-mode: forwards;}



@keyframes btnHover{
	0% {
	 transform:translate3d(-50%,100%,0);
	}
	100% {
	 transform:translate3d(-50%,-20%,0);
	}
}
@keyframes btnHover2{
	0% {
	 transform:translate3d(-50%,-20%,0);
	}
	100% {
	 transform:translate3d(-50%,-100%,0);
	}
}


.section{position:relative;width: 100%;height: 100%; box-sizing:border-box; overflow:hidden;word-break: keep-all;}
.section .fp-tableCell{position: relative;overflow:hidden;z-index: 10;}
.section *{box-sizing:border-box;}
.section .inner{width: 100%;z-index:10;}
.section .inner1{padding: 0 220px;}
.section .inner2{padding:0 100px;}
.section .inner3{padding: 80px 0;}
.section .txt1 {
    font-size: 1.9rem;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: 0;
    word-break: keep-all;
    color: rgba(255,255,255,80%);
}
.section .con_title_g{position: relative;color: #111;word-break: keep-all;}
.section .con_title_g .cate{font-size: 2.8rem;font-weight: 600;font-family: 'Montserrat','Noto Sans KR',sans-serif;text-transform: uppercase;}
.section .con_title_g .title1{font-size: 3.4rem;line-height: 1.4;font-weight: 600;}
.section .con_title_g .title1 .en{font-size: 5.4rem;font-family: 'Montserrat','Noto Sans KR',sans-serif;font-weight: 500;}
.section .con_title_g .title2{position: relative;font-size: 6rem;font-family: 'Noto Sans KR',sans-serif;line-height: 1.15;}
.section .con_title_g .title2 .en{font-size: 6rem;font-weight: 400;}
.section .con_title_g .title3{font-size: 4.4rem;font-family: 'Montserrat','Noto Sans KR',sans-serif;line-height: 1.35;}
.section.dark .con_title_g{color:#000;}
.section.dark .con_title_g .txt1{color: #666;}


@keyframes clipPathLeft {
	0% {
		clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	}
	100% {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}
@keyframes clipPathright {
	0% {
		clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	}
	100% {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}
@keyframes leftFade {
	0% {
		transform:translate3d(100px,0,0);
	}
	100% {
		transform:translate3d(0px,0,0);
	}
}

@keyframes lineActiveAnimation {
0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center top;transform-origin:center bottom}
49%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center bottom}
50%{-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center bottom;transform-origin:center top}
99%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
100%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:center bottom;transform-origin:center top}
}



@keyframes letterSpacingAni {
	0% {
		letter-spacing: 10px;opacity: 0; transform: translateY(20px);
	}
	100% {
		letter-spacing: 0px;opacity: 1; transform: translateY(0px);
	}
}

@keyframes fadeUpAni {
	0% {
		opacity: 0; transform: translateY(30px);
	}
	100% {
		opacity: 1; transform: translateY(0px);
	}
}

@keyframes fadeLeftAni {
	0% {
		opacity: 0; transform: translate3d(50px,0,0);
	}
	100% {
		opacity: 1; transform: translate3d(0px,0,0);
	}
}

@keyframes fadeLeftAni2 {
	0% {
		opacity: 0; transform: translate3d(10%,0,0);
	}
	100% {
		opacity: 1; transform: translate3d(0px,0,0);
	}
}
@keyframes fadeRightAni {
	0% {
		opacity: 0; transform: translate3d(-50px,0,0);
	}
	100% {
		opacity: 1; transform: translate3d(0px,0,0);
	}
}



.icon1 *{animation:dashoffset3 2s linear infinite 0.1s;transform-origin: center; stroke-dasharray: 20;stroke-dashoffset: 20;}
.icon1 .i1_i1{animation:dashoffset 2s linear infinite;transform-origin: center; stroke-dasharray: 100;stroke-dashoffset: 100;}
.icon1 .i1_i2{animation: dashoffset2 2s linear infinite 0.1s;transform-origin: center;stroke-dasharray: 200;stroke-dashoffset: 200;}
.icon2 .i2_i1{opacity:0; animation: opacityAni 1s  infinite alternate ;}
.icon2 .i2_i2{opacity:0; animation: opacityAni 1s  infinite alternate 0.2s;}
.icon2 .i2_i3{opacity:0; animation: opacityAni 1s  infinite alternate .4s;}
.icon3 .i3_i1{animation:dashoffset4 2s  infinite alternate;transform-origin: center; stroke-dasharray:50;stroke-dashoffset: 50;}
.icon3 .i3_i2{animation:dashoffset4 2s  infinite alternate 0.2s;transform-origin: center; stroke-dasharray:50;stroke-dashoffset: 50;}
.icon3 .i3_i3{animation:dashoffset4 2s  infinite alternate 0.4s;transform-origin: center; stroke-dasharray:50;stroke-dashoffset: 50;}

.t_icon1{position: relative;margin-left: 10px;animation-name: shaking;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;animation-time-function: ease;-webkit-animation-delay: 0;animation-delay: 0;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-direction: normal;animation-direction: normal;-webkit-animation-play-state: running;animation-play-state: running;}
.t_icon2 .t_i1_i1{animation:dashoffset 1.5s infinite;transform-origin: center; stroke-dasharray: 100;stroke-dashoffset: 100;}
.t_icon2 .t_i1_i2{animation:dashoffset 1.5s infinite;transform-origin: center; stroke-dasharray: 100;stroke-dashoffset: 100;}
.t_icon3{transform:translateX(-20%); animation: t_icon3 1s  infinite alternate;}
.t_icon3 .t_i3_i2{opacity:0; animation: opacityAni 1s  infinite alternate 0.2s;}
.t_icon3 .t_i3_i3{opacity:0; animation: opacityAni 1s  infinite alternate 0.4s;}
.t_icon3 .t_i3_i4{opacity:0; animation: opacityAni 1s  infinite alternate 0.6s;}
.t_icon4{-webkit-animation:quick_circle 1s  infinite alternate 0.2s;animation: quick_circle 1s linear infinite alternate 1s; opacity:1;transform-origin: center;}
.t_icon5 *{animation: dashoffset5 3s infinite 0.1s;transform-origin: center;stroke-dasharray: 230;stroke-dashoffset: 230;}



@keyframes t_icon3 {
	0% {
		transform:translateX(-20%);
	}
	100% {
		transform:translateX(20%);
	}
}
@keyframes opacityAni {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes shaking {
  0% {
    margin-left: -15px;
  }
  10% {
    margin-left: 15px;
  }
  20% {
    margin-left: -15px;
  }
  30% {
    margin-left: 15px;
  }
  40% {
    margin-left: -15px;
  }
  50% {
    margin-left: 10px;
  }
  65% {
    margin-left:0px;
  }
  100% {
   margin-left:0px;
  }
}


@keyframes i1_i1 {
	0% {
		transform: scale(0.8);
	}
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes dashoffset{
0%{
   
	stroke-dashoffset:100; 
}
100%{stroke-dashoffset:0;}
}
@-webkit-keyframes dashoffset2{
0%{
   
	stroke-dashoffset:200; 
}
100%{stroke-dashoffset:0;}
}
@-webkit-keyframes dashoffset3{
0%{
   
	stroke-dashoffset:20; 
}
100%{stroke-dashoffset:0;}
}
@-webkit-keyframes dashoffset4{
0%{
   
	stroke-dashoffset:50; 
}
100%{stroke-dashoffset:0;}
}
@-webkit-keyframes dashoffset5{
0%{
   
	stroke-dashoffset:230; 
}
100%{stroke-dashoffset:0;}
}

@-webkit-keyframes quick_circle{
0%{transform:rotateY(360deg);}
50%{transform:rotateY(0deg);}
100%{transform:rotateY(0deg);}
}

@keyframes clipPathLeft3 {
     0% {
        clip-path: inset(80% 80% 80% 80%);
    }
    100% {
        clip-path: inset(0 0 0 0);
    }
}

.gallery_wrap .fw_container{
	overflow: unset;
}

@media screen and (max-width:767px) {
	.section .con_title_g .title1 {
        font-size: 2.7rem;
        line-height: 1.4;
        font-weight: 600;
    }
    .section .txt1 {
        font-size: 1.7rem;
    }
	.more_view.style1 {
        padding: 0 25px;
        line-height: 44px;
        font-size: 1.2rem;
    }
}