@charset 'utf-8';


/* keyframes animation */
@keyframes shine {
	100% { left: 125%; }
}

@keyframes map_over1 {
	0% {opacity:0.01;}
	80% {opacity:0.2;}
	100% {opacity:0.01;}
}
@keyframes scroll {
	0% { transform:translateX(-4px);}
	50% { transform:translateX(4px);}
	100% { transform:translateX(-4px);}
}
@keyframes gnb_point {
	0%{ left:-6px; }
	5%{ width:4px; height:4px; }
	100%{ width:4px; height:4px; left:calc(100% + 3px); }
}
@keyframes lnb_line {
	0%{ width:0; }
	100%{ width:120%; }
}
@keyframes lnb_line_z {
	0%{ width:120%; }
	100%{ width:0; }
}

@keyframes human_c {
	0%{ left:0; }
	100%{ left:40px; }
}


@keyframes blur_txt {
	0% { filter:blur(10px); opacity:0; }
	100% { filter:blur(0); opacity:1; }
}


@-webkit-keyframes ani_box1 {
  from {
    transform:translate3d(300px, -300px, 0);
    opacity:0;
  }
  to {
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}
@keyframes spin {
	0% {
		transform:rotateY(0deg);
	}
	100% {
		transform:rotateY(360deg);
	}
}

@keyframes bgs{
	0%{transform:scale(1.15); opacity:0;}
	100%{transform:scale(1.00); opacity:1;}
}

@keyframes bgs1{
	0%{transform:scale(1.25);}
	100%{transform:scale(1.00);}
}
@keyframes bgs2{
	0%{transform:scale(1.00); }
	100%{transform:scale(1.15); }
}
@keyframes bgs2_1{
	0%{transform:scale(1.00); }
	100%{transform:scale(1.35); }
}
@keyframes bgs3{
	0%{transform:scale(0.9); opacity:0;}
	100%{transform:scale(1.00); opacity:1;}
}
@keyframes bgs4{
	0%{transform:scale(0); opacity:0;}
	100%{transform:scale(1.00); opacity:1;}
}
@keyframes bgs4_1{
	0%{transform:translateX(-50%) scale(0); opacity:0;}
	100%{transform:translateX(-50%) scale(1.00); opacity:1;}
}
@keyframes bgs4_b {
	0%{transform:scale(1.00); opacity:1;}
	100%{transform:scale(1.5); opacity:0;}
}
@keyframes bgs4_c {
	0%{transform:scale(1.00); opacity:1;}
	100%{transform:scale(0.8); opacity:0;}
}
@keyframes bgs4_d {
	0%{transform:scale(1.00); opacity:1;}
	100%{transform:scale(0); opacity:0;}
}
@keyframes bgs4_d1 {
	0%{transform:scale(1.00); opacity:1; visibility:visible; z-index:1; }
	100%{transform:scale(0.7); opacity:0; visibility:hidden; z-index:1; }
}
@keyframes bgs4_d2 {
	0%{transform:scale(1.00); opacity:1; visibility:visible; z-index:1; }
	100%{transform:scale(0.94); opacity:0; visibility:hidden; z-index:1; }
}
@keyframes bgs5{
	0%{transform:scale(1.15);}
	100%{transform:scale(1.00);}
}
@keyframes bgs5_1{
	0%{transform:scale(1.00);}
	100%{transform:scale(1.15);}
}

@-webkit-keyframes txtLeft {
  from {
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}

@keyframes txtLeft {
  from {
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}


@-webkit-keyframes vmLeft {
  from {
    -webkit-transform:translate3d(-30%, 0, 0);
    transform:translate3d(-30%, 0, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}

@keyframes vmLeft {
  from {
    -webkit-transform:translate3d(-30%, 0, 0);
    transform:translate3d(-30%, 0, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}
@-webkit-keyframes txtUp {
  from {
    -webkit-transform:translate3d(0, 250%, 0);
    transform:translate3d(0, 250%, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}

@keyframes txtUp {
  from {
    -webkit-transform:translate3d(0, 250%, 0);
    transform:translate3d(0, 250%, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}
@-webkit-keyframes vm_txtUp {
  from {
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}

@keyframes vm_txtUp {
  from {
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0);
    visibility:visible;
    opacity:0;
  }
  to {
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);
    opacity:1;
  }
}


@keyframes scroll {
	0% { transform:translateX(3px);}
	50% { transform:translateX(-3px);}
	100% { transform:translateX(3px);}
}


@keyframes vsImg {
	0% { -webkit-transform:scale(1.15); -ms-transform:scale(1.15); transform:scale(1.15); }
	100% { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); }
}
@keyframes scaleY_bar {
	0% { -webkit-transform:scaleY(0); -ms-transform:scaleY(0); transform:scaleY(0); opacity:0; }
	100% { -webkit-transform:scaleY(1); -ms-transform:scaleY(1); transform:scaleY(1); opacity:1; }
}

@keyframes ani_1 {
	0% { -webkit-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px); opacity:0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:1;}
}

@keyframes ani_1s {
	0% { -webkit-transform:translateX(-100px); -ms-transform:translateX(-100px); transform:translateX(-100px); opacity:0;}
	60% { opacity:1;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:1;}
}

@keyframes ani_2 {
	0% { -webkit-transform:translateX(100px); -ms-transform:translateX(100px); transform:translateX(100px); opacity:0;}
	100% { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); opacity:1;}
}

@keyframes ani_3 {
	0% { -webkit-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); opacity:0;}
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1;}
}

@keyframes ani_3s {
	0% { -webkit-transform:translateY(40px); -ms-transform:translateY(40px); transform:translateY(40px); opacity:0;}
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1;}
}
@keyframes ani_3_1 {
	0% { -webkit-transform:translate(-50%, 50px); -ms-transform:translate(-50%, 50px); transform:translate(-50%, 50px); opacity:0;}
	100% { -webkit-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); transform:translate(-50%, 0); opacity:1;}
}

@keyframes ani_4 {
	0% { -webkit-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px); opacity:0;}
	100% { -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0); opacity:1;}
}
@keyframes ani_5 {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes ani_6 {
	0% {opacity:1;}
	100% {opacity:0;}
}
@keyframes ani_h0 {
	0% {height:0;}
	100% {height:0;}
}
@keyframes ani_h {
	0% {height:0;}
	100% {height:100%;}
}


@-webkit-keyframes scrollDown {
  0% {
    bottom:3px;
  }
  50% {
    bottom:12px;
  }
  100% {
    bottom:3px;
  }
}

@keyframes scrollDown {
  0% {
    bottom:3px;
  }
  50% {
    bottom:12px;
  }
  100% {
    bottom:3px;
  }
}

@keyframes mv_scale{
	0%{transform:scale(0.85); opacity:0;}
	100%{transform:scale(1); opacity:1;}
}
@keyframes scale{
	0%{transform:scale(0.6); opacity:0;}
	100%{transform:scale(1); opacity:1;}
}
@keyframes ani_icon1 {
	0%{ border-radius:50%; transform:rotateZ(0); }
	100%{ border-radius:50%; transform:rotateZ(360deg); }
}

@keyframes ani_icon5 {
	0%{ border-radius:50%; transform:rotateZ(0); }
	50%{ border-radius:0; transform:rotateZ(180deg); }
	100%{ border-radius:50%; transform:rotateZ(360deg); }
}
@-webkit-keyframes ani_icon5 {
	0%{ border-radius:50%; transform:rotateZ(0); }
	50%{ border-radius:0; transform:rotateZ(180deg); }
	100%{ border-radius:50%; transform:rotateZ(360deg); }
}

@keyframes allBox{
	0%{ opacity:0; left:5%; top:10%; width:calc(100vw - 10%); height:calc(100vh - 20%); }
	50%{ opacity:1; }
	100%{ opacity:1; left:10%; top:15%; width:calc(100vw - 20%); height:calc(100vh - 30%); }
}
@keyframes allBox_s {
	0%{ left:10%; top:15%; width:calc(100vw - 20%); height:calc(100vh - 30%); opacity:1; visibility:visible; z-index:10000; }
	100%{ left:5%; top:10%; width:calc(100% - 10%); height:calc(100% - 20%); opacity:0; visibility:hidden; z-index:-111;  }
}
@media screen and (max-width:1740px){
    @keyframes allBox{
        0%{ opacity:0; left:5%; top:10%; width:calc(100vw - 10%); height:calc(100vh - 20%); }
        50%{ opacity:1; }
        100%{ opacity:1; left:8%; top:15%; width:calc(100vw - 16%); height:calc(100vh - 30%); }
    }
    @keyframes allBox_s {
        0%{ left:8%; top:15%; width:calc(100vw - 16%); height:calc(100vh - 30%); opacity:1; visibility:visible; z-index:10000; }
        100%{ left:5%; top:10%; width:calc(100% - 10%); height:calc(100% - 20%); opacity:0; visibility:hidden; z-index:-111;  }
    }
}
@media screen and (max-width:1400px){
    @keyframes allBox{
        0%{ opacity:0; left:2%; top:10%; width:calc(100vw - 4%); height:calc(100vh - 20%); }
        50%{ opacity:1; }
        100%{ opacity:1; left:6%; top:12%; width:calc(100vw - 12%); height:calc(100vh - 30%); }
    }
    @keyframes allBox_s {
        0%{ left:6%; top:15%; width:calc(100vw - 12%); height:calc(100vh - 30%); opacity:1; visibility:visible; z-index:10000; }
        100%{ left:2%; top:10%; width:calc(100% - 4%); height:calc(100% - 20%); opacity:0; visibility:hidden; z-index:-111;  }
    }
}
@media screen and (max-width:1280px){
    @keyframes allBox{
        0%{ opacity:0; left:0%; top:10%; width:100vw; height:calc(100vh - 20%); }
        50%{ opacity:1; }
        100%{ opacity:1; left:4%; top:12%; width:calc(100vw - 8%); height:calc(100vh - 30%); }
    }
    @keyframes allBox_s {
        0%{ left:4%; top:15%; width:calc(100vw - 8%); height:calc(100vh - 30%); opacity:1; visibility:visible; z-index:10000; }
        100%{ left:0; top:10%; width:100vw; height:calc(100% - 20%); opacity:0; visibility:hidden; z-index:-111;  }
    }
}