/* our moment */
html {font-size: 62.5%;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased; }
.our-moment.section {margin-top:-50px;margin-bottom:-105px;}
.kv_comm_wrap {position:relative;width:100%;height:100vh;padding:0;margin:0;box-sizing:border-box;}
.kv_comm_wrap .video_wrap {position:fixed;top:0;left:0;width:100%;height:100vh;min-height:820px;background:#000;box-sizing:border-box;z-index:20;}
.kv_comm_wrap .video_wrap video {display:block;width:100%;height:100%;object-fit: cover;}
.kv_comm_wrap .sub_gnb {width:100%;max-width:1440px;position:absolute;top:50px;left:50%;width:100%;margin:auto;z-index:1000;transform:translateX(-50%);-ma-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);box-sizing:border-box;}
.kv_comm_wrap .sub_gnb .logo {float:left;width:150px;}
.kv_comm_wrap .sub_gnb .logo img {width:100%;}
.kv_comm_wrap .sub_gnb .menu {float:right;}
.kv_comm_wrap .sub_gnb .menu li a {display:inline-block;padding:15px 0;color:#fff;font-family:"kiaB";font-size:1.7rem;box-sizing:border-box;}
.kv_comm_wrap .sub_gnb .menu .menu_item.is-active a {text-decoration:underline;}
.kv_comm_wrap .sub_gnb:after {display:block;content:"";clear:both;}
.kv_comm_wrap .lnb  {display:block;position:fixed;bottom:0;left:0;width:100%;box-sizing:border-box;z-index:50;opacity:1;animation: fadein 3s;-moz-animation: fadein 3s;-webkit-animation: fadein 3s;-o-animation: fadein 3s;}
.kv_comm_wrap .lnb .title {color:#fff;font-size:6rem;padding-bottom:60px;font-family:"kiaB";line-height:1.0;text-align:center;box-sizing:border-box;}
.kv_comm_wrap .lnb .lnb_nav {margin:auto;;box-sizing:border-box;}
.kv_comm_wrap .lnb .lnb_nav li {position:relative;padding-bottom:60px;text-align:center;}
.kv_comm_wrap .lnb .lnb_nav .nav_item a {position:relative;color:#fff;font-family:"kiaB";font-size:2.8rem;line-height:1.0;text-align:center;}
.kv_comm_wrap .lnb .lnb_nav .nav_item a:before {display:block;content:"";position:absolute;bottom:-56px;;left:50%;width:50px;height:50px;transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);background: url("/content/dam/kwcms/gt/en/images/new/icon/footer-arrow-m.png") no-repeat 50% 50%;transform: translate3d(-50%, 0, 0);animation: arrow-down infinite 1.5s;}
.kv_comm_wrap .video_wrap.to_be {position:relative;top:0;left:0;width:100%;height:100%;box-sizing:border-box;z-index:20;}
.kv_comm_wrap .lnb.to_be {position:relative;opacity:0;animation: fadeout 1s;-moz-animation: fadeout 0.5s;-webkit-animation: fadeout 0.5s; -o-animation: fadeout 0.5s;} /* 2021.08.12 #53751 */

.img_comm_wrap {position:relative;width:100%;height:1100px;background:#000;}
.img_comm_wrap .img_area {overflow:hidden;position:relative;width:auto;height:100%;}
.img_comm_wrap .img_area img {width:100%;height:100%;object-fit: cover;-webkit-transform: scale(1.2);transform: scale(1.2);-ms-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); }
.img_comm_wrap .txt_area {position:absolute;top:0;left:0;width:100%;height:100%;}
.img_comm_wrap .txt_area .txt_box {position:absolute;top:52%;left:50%;width:100%;max-width:1000px;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);color:#fff;z-index:10;}
.img_comm_wrap .txt_area .txt_box .title {color:#fff;font-size:6rem;padding-bottom:60px;font-family:"kiaB";line-height:1.0;text-align:center;box-sizing:border-box;}
.img_comm_wrap .txt_area .txt_box .txt {font-size:24px;line-height:1.4;word-break: keep-all;word-wrap: break-word;text-align:center;} /* 2021.08.12 #53751 */
.img_comm_wrap .gra_dimm {position:absolute;bottom:0;left:0;width:100%;height:100%;background: linear-gradient( to bottom, transparent, rgba(57, 50, 43,.8));}
.img_comm_wrap.to_be {position:fixed;top:0;left:0;z-index:25;}
.img_text_comm {width:100%;height:100%;padding:0;margin:0;background:#ece5dd;box-sizing:border-box;}
.img_text_comm .comm_inner {position:relative;max-width:1440px;width:100%;height:100%;margin:auto;padding:10rem 0;box-sizing:border-box;}
.img_text_comm .comm_inner:after {display:block;content:"";clear:both;}
.img_text_comm .comm_inner .aside_box {float:left;width:50%;box-sizing:border-box;}
.img_text_comm .comm_inner .aside_box img {width:100%;}
.img_text_comm .comm_inner .txt_box {position:relative;float:left;width:50%;box-sizing:border-box;}
.img_text_comm .comm_inner .txt_box .txt {position:absolute;top:0;left:0;width:100%;height:100%;line-height:1.4;font-size:2.6rem;text-align:center;}

.bg_visual_comm {position:relative;width:100%;height:130vh;box-sizing:border-box;}
.bg_visual_comm .video_wrap {width:100%;height:100%;box-sizing:border-box;background:#000;}
.bg_visual_comm .video_wrap img {display:block;width:100%;height:100%;object-fit: cover;} /* 2021.01.27 이미지로 교체 */
.bg_visual_comm .txt_box {position:absolute;top:50%;left:0;width:100%;height:100vh;margin:auto;transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);box-sizing:border-box;}
.bg_visual_comm .txt_box .txt {max-width:1440px;width:100%;margin:auto;text-align:center;color:#fff;font-size:24px;line-height:1.4;box-sizing:border-box;} /* 2021.08.12 #53751 */
.bg_visual_comm .txt_box .txt .big_tit {position:relative;font-size:3.3rem;padding-bottom:3.0rem;} /* 2021.08.12 #53751 */
.bg_visual_comm .txt_box .txt .big_tit span {display:block;color:#fff;opacity:.2}
.bg_visual_comm .txt_box .txt .big_tit span.over {position:absolute;top:0;left:0;width:100%;display:block;color:#fff;opacity:1}

.top_img_comm {position:relative;width:100%;height:100%;background:#f6f2ed;box-sizing:border-box;}
.top_img_comm:before {display:none;content:"";position:absolute;top:0;left:0;width:100%;height:30rem;background:#000;}
.top_img_comm .box_wrap {position:relative;box-sizing:border-box;}
.top_img_comm .img_area {position:absolute;top:-30%;left:0;width:100%;box-sizing:border-box;}
.top_img_comm .img_area .img_box {max-width:900px;width:100%;margin:auto;}
.top_img_comm .img_area .img_box img {width:100%;animation: fadein 3s;-moz-animation: fadein 3s;-webkit-animation: fadein 3s;-o-animation: fadein 3s;}
.top_img_comm .txt_bg {width:100%;padding:100px 0;background:#f6f2ed;z-index:50;}
.top_img_comm .text_box {max-width:1440px;width:100%;height:100%;padding-top:300px;margin:auto;font-size:26px;line-height:1.4;text-align:center;}
.foot_btn_wrap {width:100%;box-sizing:border-box;padding:30px 0;text-align:center;background:#f6f2ed;z-index:999}
.foot_btn_wrap .btn {display:inline-block;padding:20px 30px;background:#05141f;color:#fff;margin-bottom:80px;font-size:20px;}

@media (max-width: 22.4375em) {
  html {font-size: 56.25%; } 
}

@media (max-width: 1440px) {
.top_img_comm .text_box {font-size:2.6rem;}
.our-moment.section {font-size:1.6rem}
.kv_comm_wrap .sub_gnb {padding:0 15px;}
.img_comm_wrap .txt_area .txt_box .title {font-size:5.5rem}
.img_comm_wrap .txt_area .txt_box .txt, .img_text_comm .comm_inner .txt_box .txt {font-size:2.0rem} /* 2021.08.12 #53751 */
.bg_visual_comm .txt_box .txt .big_tit {font-size:2.8rem;} /* 2021.08.12 #53751 */
.bg_visual_comm .txt_box .txt {padding:0 5%;font-size:2.0rem;}
.top_img_comm .text_box {font-size:2.0rem;}  /* 2021.08.12 #53751 */
}
@media (max-width: 1024px) {
.kv_comm_wrap .lnb .title {font-size:5.0rem;padding-bottom:30px;}
.kv_comm_wrap .lnb .lnb_nav .nav_item a {font-size:2.2rem;}
.img_comm_wrap .txt_area .txt_box .title {font-size:4.0rem;}
.img_comm_wrap .txt_area .txt_box .txt {font-size:2.0rem;}
.img_text_comm .comm_inner .txt_box .txt {font-size:1.8rem;}
.bg_visual_comm .txt_box .txt .big_tit {font-size:2.4rem;}
.bg_visual_comm .txt_box .txt {font-size:2.4rem;}
.top_img_comm .img_area .img_box {max-width:600px;}
.top_img_comm .text_box {padding-top:150px;font-size:2.0rem;}
}
@media (width: 768px) {
.img_text_comm .comm_inner .txt_box .txt {font-size:1.4rem;}
.bg_visual_comm .txt_box {top:60%;height:80vh;}
.bg_visual_comm .txt_box .txt .big_tit {font-size:2.4rem}
.bg_visual_comm .txt_box .txt {font-size:1.6rem;}
.bg_visual_comm {height:90vh;}
.top_img_comm .text_box {font-size:1.6rem;}
}
@media (max-width: 767px) {
.our-moment.section {margin-bottom:-40px;}
.kv_comm_wrap .sub_gnb {padding:0 10px;}
.kv_comm_wrap .sub_gnb .logo {width:100px;}
.kv_comm_wrap .lnb .title {font-size:2.8rem;}
.kv_comm_wrap .lnb .lnb_nav .nav_item a {font-size:1.6rem;}
.kv_comm_wrap {overflow:hidden;}
.img_comm_wrap .txt_area .txt_box .title {font-size:2.4rem;}
.img_comm_wrap .txt_area .txt_box .txt {font-size:1.4rem;padding:0 20px;}
.img_comm_wrap {height:auto;}
.img_comm_wrap .img_area {height:auto;}
.img_text_comm .comm_inner {padding:5rem 0;}
.img_text_comm .comm_inner .aside_box {float:none;width:95%;}
.img_text_comm .comm_inner .txt_box {float:none;width:100%;padding-top:50px;}
.img_text_comm .comm_inner .txt_box .txt {position:relative;font-size:1.4rem;}
.bg_visual_comm .txt_box .txt .big_tit {font-size:1.8rem;}
.bg_visual_comm .txt_box .txt {font-size:1.4rem;}
.top_img_comm .txt_bg {padding:50px 20px 80px 20px;box-sizing:border-box;}
.top_img_comm .text_box {font-size:1.4rem;}
.foot_btn_wrap .btn {font-size:1.4rem;padding:15px 20px;margin-bottom:80px;}
.foot_btn_wrap {padding: 0;}
.bg_visual_comm .txt_box {height:85vh;}
.top_img_comm .img_area .img_box {max-width:300px;}
.bg_visual_comm {height:100vh;}
.top_img_comm .img_area {top:-15%;}
.top_img_comm .txt_bg {padding-top:20px}
}




/* animation */
/* animation */
.animatable {

  /* initially hide animatable objects */
  visibility: hidden;

  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

/* show objects being animated */
.animated {
  visibility: visible;

  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;

  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -ms-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  animation-duration: 1.2s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;

}
.animated.scaleOutImg {
 -webkit-animation: scaleOutImg 4s ease-in-out;
    -moz-animation: scaleOutImg 4s ease-in-out;
    -ms-animation: scaleOutImg 4s ease-in-out;
    -o-animation: scaleOutImg 4s ease-in-out;
    animation: scaleOutImg 4s ease-in-out;
}


/* CSS Animations  */

@-webkit-keyframes scaleOutImg{0{transform:scale(1.2)}
100%{transform:scale(1)}
}
@-moz-keyframes scaleOutImg{0{transform:scale(1.2)}
100%{transform:scale(1)}
}
@-ms-keyframes scaleOutImg{0{transform:scale(1.2)}
100%{transform:scale(1)}
}
@-o-keyframes scaleOutImg{0{transform:scale(1.2)}
100%{transform:scale(1)}
}
@keyframes scaleOutImg{0{transform:scale(1.2)}
100%{transform:scale(1)}
}



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

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}



@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0.7;
	}
	20% {
		opacity: 0.4;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}

	80% {
		-webkit-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	60% {
		-moz-transform: translateX(20px);
	}

	80% {
		-moz-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	80% {
		-o-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-5px);
	}

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

	60% {
		-webkit-transform: translateX(-20px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		-moz-transform: translateX(-20px);
	}

	80% {
		-moz-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		-o-transform: translateX(-20px);
	}

	80% {
		-o-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(400px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(400px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(400px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(400px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes moveUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(120px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(120px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes moveUp {
	0% {
		opacity: 1;
		-o-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		opacity: 1;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@-o-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}

.animated.animationDelay{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animated.animationDelayLong{
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}
.animated.fadeBgColor {
	-webkit-animation-name: fadeBgColor;
	-moz-animation-name: fadeBgColor;
	-o-animation-name: fadeBgColor;
	animation-name: fadeBgColor;
}
.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animated.moveUp {
	-webkit-animation-name: moveUp;
	-moz-animation-name: moveUp;
	-o-animation-name: moveUp;
	animation-name: moveUp;
}

.animated.scaleOutImg {
	-webkit-animation-name: scaleOutImg;
	-moz-animation-name: scaleOutImg;
	-o-animation-name: scaleOutImg;
	animation-name: scaleOutImg;
}



@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeout {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-moz-keyframes fadeout { /* Firefox */
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes fadeout { /* Safari and Chrome */
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-o-keyframes fadeout { /* Opera */
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@-webkit-keyframes arrow-down {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  30% {
    -webkit-transform: translate3d(-50%, 20%, 0);
            transform: translate3d(-50%, 20%, 0); }
  60% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); } }

@keyframes arrow-down {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); }
  30% {
    -webkit-transform: translate3d(-50%, 20%, 0);
            transform: translate3d(-50%, 20%, 0); }
  60% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0); } }