@charset "utf-8";

/*SECTION movv_visual::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.movv_visual {background-color: #090D2B; width: 100%; height: 100vh; position: fixed; left: 0; top: 0; z-index: 0; padding-top: 1px; min-height: 1000px;}
.movv_visual::before{content: ""; position: absolute; left: 50%; margin-left: -50%; top: 0; height: 100%; width: 30%; background-image: linear-gradient( 90deg, rgba(9,13,43,1) 40%, rgba(9,13,43,0.0) 100%); z-index: 10;}
.movv_visual::after{content: ""; position: absolute; right: 50%; margin-right: -50%; top: 0; height: 100%; width: 30%; background-image: linear-gradient( -90deg, rgba(9,13,43,1) 40%, rgba(9,13,43,0.0) 100%); z-index: 10;}
.movv_visual .txt_box{width: 630px; margin: 200px auto 10px;}
.movv_visual .txt_box h2{font-size: 21px; font-weight: 600; color: #2FECA9; letter-spacing: 1px; margin-bottom: 10px;}
.movv_visual .txt_box h3{font-size: 60px; font-weight: 600; color: #fff; line-height: 1.2; letter-spacing: -0.03em; margin-bottom: 20px;}
.movv_visual .txt_box h4{font-size: 21px; font-weight: 500; color: #9AA0BF; line-height: 1.2; margin-bottom: 20px; letter-spacing: -0.01em;}

.movv_visual .car_moving_box{position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%); z-index: 10; animation: car_ani 1s ease-out forwards;}
.movv_visual .car_moving_box .info{position: absolute; z-index: 5; left: 0; bottom: 105px; width: 100%; height: 100%; padding: 0 20px 0 100px;}
.movv_visual .car_moving_box .info::after{content:""; display: block; clear: both;}
.movv_visual .car_moving_box .info dl{float: left; overflow: hidden; height: 0; width: calc(90% / 3);  margin-left: 5%; position: relative; transform-origin: bottom left;}
.movv_visual .car_moving_box .info dl::before{content: ""; width: 1px; height: 200px; background-color: rgba(255,255,255,.2); position: absolute; left: 5px; top: 56px;}
.movv_visual .car_moving_box .info dl:first-of-type{margin-left: 0;}
.movv_visual .car_moving_box .info dl:nth-of-type(1){animation: info_ani 1s 1.5s ease-out forwards;}
.movv_visual .car_moving_box .info dl:nth-of-type(2){animation: info_ani 1.4s 2.3s ease-out forwards;}
.movv_visual .car_moving_box .info dl:nth-of-type(3){animation: info_ani 1.4s 3.1s ease-out forwards;}
.movv_visual .car_moving_box .info dl dt{font-size: 16px; font-weight: 600; color: #1ECC8F;}
.movv_visual .car_moving_box .info dl dd{font-size: 24px; font-weight: 600; color: #fff;}
.movv_visual .car_moving_box .info dl dd span{display:inline-block; font-size: 24px; font-weight: 600; color: #fff;}
.movv_visual .car_moving_box .car{ width: 780px; height: 290px; background-image: url('../images/img_car.png'); background-repeat: no-repeat; background-position: left top; position: relative; z-index: 10;}
.movv_visual .car_moving_box .car > span{display: block; background-repeat: no-repeat; background-size: 100%; background-position: left top; position: absolute;}
.movv_visual .car_moving_box .car .side_mirror{width: 38px; height: 38px; background-image: url('../images/side_m.png'); top: 26%; left: 33.5%;}
.movv_visual .car_moving_box .car .window{width: 128px; height: 53px; overflow: hidden; left: 34%; top: 16.8%;}
.movv_visual .car_moving_box .car .window::before{content: ""; display: block; width: 100%; height: 100%; background-image: url('../images/st.png'); position: absolute; left: 0%; top: 0; animation: window_ani 7s 1.3s ease-in forwards;}
.movv_visual .car_moving_box .car .wheels{width: 80px; height: 80px; background-image: url('../images/img_tire.png'); animation: wheels_ani 0.75s linear reverse Infinite;}
.movv_visual .car_moving_box .car .wheels.n01{bottom: 35px; left: 138px;}
.movv_visual .car_moving_box .car .wheels.n02{bottom: 30px; right: 119px;}

.movv_visual .bg_box{position: absolute; bottom: 30%; left: 0; width: 100%; height: 370px; z-index: 5; overflow: hidden;}
.movv_visual .bg_box > span{display: block; width: 100%; background-repeat: repeat-x; background-position: 0 0; position: absolute; right: 0;}
.movv_visual .bg_box > span::before{content: ""; display: block; position: absolute; right: 100%; top: 0; width: 100%; height: 100%; background-repeat: repeat-x; background-position: 0 0;}
.movv_visual .bg_box .cloud{height: 125px; width: 3657px; background-image: url('../images/bg_cloud.png'); top: 0; animation: cloud_ani_1 45s linear infinite;}
.movv_visual .bg_box .cloud::before{background-image: url('../images/bg_cloud.png');}
.movv_visual .bg_box .building1{height: 215px; width: 3044px; background-image: url('../images/bg_city1.png'); bottom: 0; animation: building1_ani_1 20s linear Infinite;}
.movv_visual .bg_box .building1::before{background-image: url('../images/bg_city1.png');}
.movv_visual .bg_box .building2{height: 98px; width: 3040px; background-image: url('../images/bg_city2.png'); bottom: 0; z-index: 1; animation: building1_ani_2 12s linear infinite;}
.movv_visual .bg_box .building2::before{background-image: url('../images/bg_city2.png');}

.movv_visual .btn_mouse{width: 27px; height: 43px; background-image: url('../images/scroll.png'); background-repeat: no-repeat; position: absolute; bottom: 7%; left: 50%; transform: translateX(-50%); animation: mouse_ani 1.5s ease-in-out Infinite;}

.movv_visual ~ .mov_visual_gab{height: calc(100vh);}

/* 애니메이션 */
@keyframes info_ani {
    0% {height: 0; opacity: 0;}
    100% {height: 100%; opacity: 1;}
}
@keyframes car_ani {
    0% {left: 80%; opacity: 0;}
    5% {left: 80%; opacity: 0;}
    100% {left: 50%; opacity: 1;}
}
@keyframes window_ani {
    0% {transform: translateY(0); opacity: 1;}
    20% {transform: translateY(80%); opacity: .7;}
    40% {transform: translateY(80%); opacity: .7;}
    60% {transform: translateY(0); opacity: 1;}
    80% {transform: translateY(0); opacity: 1;}
    100% {transform: translateY(80%); opacity: .7;}
}
@keyframes wheels_ani {
    0% {transform: rotate(0)}
    100% {transform: rotate(360deg)}
}
@keyframes cloud_ani_1 {
    0% {right: 0;}
    100% {right: -3657px;}
}
@keyframes building1_ani_1 {
    0% {right: 0;}
    100% {right: -3044px;}
}
@keyframes building1_ani_2 {
    0% {right: 0;}
    100% {right: -3040px;}
}
@keyframes mouse_ani {
    0% {transform: translateY(0);}
    50% {transform: translateY(-50%);}
    100% {transform: translateY(0);}
}


@media screen and (max-height: 1111px) {
	.movv_visual .txt_box {margin-top: 130px;}
	.movv_visual .car_moving_box{bottom: 16%;}
	.movv_visual .bg_box{bottom: 21%;}
	.movv_visual .btn_mouse{bottom: 10%;}
}

@media screen and (min-width:900px) and (max-height: 900px) {
	.movv_visual {position: relative;}
	.movv_visual ~ .mov_visual_gab{display: none;}
	.movv_visual ~ .movv_about{margin-top: 70px;}
}

@media screen and (max-width: 1000px) {
	.movv_visual::before{margin-left: -70%;}
	.movv_visual::after{margin-right: -70%;}
}

@media screen and (max-width: 900px) {
	.movv_visual .car_moving_box{animation: none;}

	.movv_visual {min-height: 750px;}
	.movv_visual .txt_box{width: 100%; margin: 100px auto 0; padding: 0 40px;}
	.movv_visual .txt_box h2{font-size: 15px; margin-bottom: 5px;}
	.movv_visual .txt_box h3{font-size: 27px; margin-bottom: 10px;}
	.movv_visual .txt_box h4{font-size: 17px; margin-bottom: 10px; font-weight: 500; word-break: keep-all;}
	
	.movv_visual .car_moving_box{width: 90%; bottom: 40px; left: 50%;}
	.movv_visual .car_moving_box .info{position: relative; bottom:0; width: 100%; padding: 0px 15px; border-left: 1px solid rgba(255, 255,255, .2); margin-left: 20px;}
	.movv_visual .car_moving_box .info dl{float: none; width: 100%; margin-left: 0%; margin-bottom: 12px; opacity: 1; overflow: visible; height: auto;}
	.movv_visual .car_moving_box .info dl:last-of-type{margin-bottom: 0;}
	.movv_visual .car_moving_box .info dl::before{width: 0; height: 0; background-color: transparent;}
	.movv_visual .car_moving_box .info dl dt{font-size: 14px;}
	.movv_visual .car_moving_box .info dl dd{font-size: 16px;}
	.movv_visual .car_moving_box .info dl dd span{font-size: 16px;}

	.movv_visual .car_moving_box .info dl:nth-of-type(1){animation: none;}
	.movv_visual .car_moving_box .info dl:nth-of-type(2){animation: none;}
	.movv_visual .car_moving_box .info dl:nth-of-type(3){animation: none;}
	
	.movv_visual .car_moving_box .car{transform: scale(0.5) translateX(-50%); position: relative; height: 290px; background-image: url('../images/img_car.png'); background-repeat: no-repeat; background-position: left top; position: relative; z-index: 10;}
	
	.movv_visual .bg_box{bottom: 180px; height: 200px;}
	.movv_visual .bg_box .cloud{height: 80px;background-size: auto 100%;}
	.movv_visual .bg_box .building1{height: 115px; background-size: auto 100%;}
	.movv_visual .bg_box .building2{height: 50px; background-size: auto 100%;}
	
	.movv_visual .btn_mouse{width: 18px; height: 38px; bottom: 50px; background-size: 100%;}
	
	.movv_visual ~ .mov_visual_gab{height: calc(100vh);}
}

@media screen and (max-width: 600px) {
	.movv_visual {min-height: 660px;}
	.movv_visual .txt_box h4 br{display: none;}
	.movv_visual .car_moving_box .info{bottom:-70px;}

	.movv_visual .car_moving_box .car{transform: scale(0.4) translateX(-70%);}
}

@media screen and (min-width:200px) and (max-height: 660px) {
	.movv_visual {position: relative;}
	.movv_visual ~ .mov_visual_gab{display: none;}
	.movv_visual ~ .movv_about{margin-top: 70px;}
	
	.movv_about::before{top: -110px;}
	.movv_about::after{bottom: -110px;}
}




/*SECTION mov::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.mov{position: relative; z-index: 10; background-color: #fff;}
.mov .inner{width: 1180px; margin: 0 auto; position: relative; z-index: 15;}
.mov .inner > h2{display: inline-block; padding: 0px 7px; font-size: 21px; font-weight: 700; color: #090D2B; position: relative; letter-spacing: 0;}
.mov .inner > h2::before{content: ""; display: block; width: 0; height: 11px; background-color: #2FECA9; position: absolute; bottom: 2px; left: 0; z-index: -1; transition: all .7s ease-in;}

/* scroll 애니메이션 */
.mov .inner > h2.ani::before{width: 100%;}


@media screen and (max-width: 1200px) {
	.mov .inner{width: 100%; padding-left: 10px; padding-right: 10px;}
}

@media screen and (max-width: 1000px) {
	.mov .inner{padding-left: 20px; padding-right: 20px;}
	.mov .inner > h2{padding: 0px 5px; font-size: 18px;}
	.mov .inner > h2::before{height: 9px;}
}



/*SECTION About::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.movv_about{width: 100%; background-color: #fff; padding: 70px 0 150px; margin-top: 200px; z-index: 15;}
.movv_about::before{content: ""; display: block; width: calc(100% + 50%); height: 400px; background-color: #fff; position: absolute; left: 50%; bottom: calc(100% - 200px); transform: rotate(-3deg) translateX(-50%);}
.movv_about::after{content: ""; display: block; width: calc(100% + 50%); height: 400px; background-color: #fff; position: absolute; left: 50%; top: calc(100% - 200px); transform: rotate(3deg) translateX(-50%);}

.movv_about .inner > h2{margin-bottom: 105px;}

.movv_about .row{width: 100%; margin-bottom: 190px;}
.movv_about .row::after{content: ""; display: block; clear: both;}
.movv_about .row:last-of-type{margin-bottom: 0;}
.movv_about .row .txt_box{float: left; width: calc(100% - 800px); transition: all 1.2s ease; opacity: 0; transform: translate(-200px,0); animation: none;}
.movv_about .row .img_box{float: right; width: 730px; transition: all 1.2s .8s ease; opacity: 0; transform: translate(200px , 0); animation: none;}
.movv_about .row .img_box img{width: 100%;}
.movv_about .row:nth-of-type(2n) .txt_box{float: right; transform: translate(200px, 0);}
.movv_about .row:nth-of-type(2n) .img_box{float: left; transform: translate(-200px, 0);}
.movv_about .row .txt_box h3{font-size: 60px; font-weight: 600; line-height: 1.2; margin-bottom: 36px;}
.movv_about .row .txt_box h3 b{color: #1ECC8F;}
.movv_about .row .txt_box h4{font-size: 19px; font-weight: 500; color: #9AA0BF; line-height: 1.4;}

/* scroll 애니메이션 */
.movv_about .row .txt_box.ani{transform: translate(0,0); opacity: 1;}
.movv_about .row .img_box.ani{transform: translate(0,0); opacity: 1;}


@media screen and (min-width: 2700px) {
	.movv_about::before{bottom: calc(100%); height: 300px; transform: rotate(-2deg) translateX(-50%);}
	.movv_about::after{top: calc(100%); height: 300px; transform: rotate(2deg) translateX(-50%);}
}

@media screen and (max-width:1200px) {
	.movv_about .row .txt_box{width: 45%;}
	.movv_about .row .img_box{width: 50%;}
}

@media screen and (max-width:1000px) {
	.movv_about{padding: 0px 0 5px; margin-top: 200px;}
	.movv_about::before{height: 200px; top: -100px; bottom: auto;}
	.movv_about::after{height: 200px; bottom: -100px; top: auto;}
	
	.movv_about .inner {padding: 0;}
	.movv_about .inner > h2{margin-bottom: 10px; margin-left: 20px;}
	
	.movv_about .row{margin-bottom: 0px; padding: 40px 20px 50px; border-bottom: 10px solid #EFF6F7;}
	.movv_about .row:last-of-type{border-bottom: none;}
	.movv_about .row .txt_box{float: none; width: 100%; margin-bottom: 30px; transform: translate(0, 100px);}
	.movv_about .row .img_box{float: none; width: 100%; transform: translate(0, 100px); transition-delay: 0;}
	.movv_about .row:nth-of-type(2n) .txt_box{float: none; transform: translate(0, 100px);}
	.movv_about .row:nth-of-type(2n) .img_box{float: none; transform: translate(0, 100px);}
	.movv_about .row .txt_box h3{font-size: 30px; margin-bottom: 25px;}
	.movv_about .row .txt_box h4{font-size: 15px; font-weight: 600;}
	
	.movv_about .row .txt_box.ani{transform: translate(0,0); opacity: 1;}
	.movv_about .row .img_box.ani{transform: translate(0,0); opacity: 1;}
}

@media screen and (max-width:900px) {
	.movv_about::before{top: -100px;}
	.movv_about::after{bottom: -100px;}
}

@media screen and (max-width:600px) {
	.movv_about::before{top: -40px;}
	.movv_about::after{bottom: -40px;}
}

@media screen and (max-width:600px) {
	.movv_about{padding: 50px 0 40px; margin-top: 40px;}
}






/*SECTION Value::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.movv_value{width: 100%; background-color: #090D2B; padding: 240px 0 130px; z-index: 12;}
.movv_value::after{content: ""; display: block; width: calc(100% + 50%); height: 400px; background-color: #090D2B; position: absolute; left: 50%; top: calc(100% - 200px); transform: rotate(3deg) translateX(-50%);}

.movv_value .inner > h2{margin-bottom: 72px; color: #2FECA9;}
.movv_value .inner > h2::before{background-color: rgba(255,255,255,.25);}
.movv_value .inner > h3{margin-bottom: 80px; color: #fff; font-size: 60px; font-weight: 600; line-height: 1.18; transform: translate(0, 200px); transition: all 1s ease;}
.movv_value .inner > h3 b{color: #1ECC8F;}

.value_con_ul{width: 100%;}
.value_con_ul::after{content: ""; display: block; clear: both;}
.value_con_ul > li{float: left; margin-left: 4%; width: 30.6%; transition: all 1.2s ease; opacity: 0; transform: translate(0 , 200px); animation: none;}
.value_con_ul > li:first-child{margin-left: 0;}
.value_con_ul > li:nth-of-type(1){transition-delay: 0s;}
.value_con_ul > li:nth-of-type(2){transition-delay: .4s;}
.value_con_ul > li:nth-of-type(3){transition-delay: .8s;}
.value_con_ul > li img{width: 100%;}
.value_con_ul > li .img_b{margin-bottom: 32px;}
.value_con_ul > li .txt_b p{font-size: 32px; color: #fff; font-weight: 600; line-height: 1.45;}
.value_con_ul > li .txt_b p.gr{font-size: 20px; color: #1ECC8F; font-weight: 500; margin-bottom: 7px;}

/* 애니메이션 */
.movv_value .inner > h3.ani{transform: translate(0,0);}
.value_con_ul > li.ani{transform: translate(0,0); opacity: 1;}


@media screen and (max-width:1000px) {
	.movv_value{padding: 150px 0px 50px;}
	.movv_value::after{height: 200px; bottom: -100px; top: auto;}

	.movv_value .inner > h2{margin-bottom: 30px; color: #2FECA9;}
	.movv_value .inner > h3{margin-bottom: 40px; font-size: 30px;}

	.value_con_ul > li{margin-left: 4%; width: calc(92% / 3);}
	.value_con_ul > li .img_b{margin-bottom: 27px;}
	.value_con_ul > li .txt_b p{font-size: 20px;}
	.value_con_ul > li .txt_b p.gr{font-size: 16px; margin-bottom: 7px;}
}

@media screen and (max-width:600px) {
	.movv_value{padding: 90px 0px 50px;}
	.movv_value::after{bottom: -40px;}

	.value_con_ul > li{float: none; width: 100%; margin: 0 0 60px; text-align: center;}
	.value_con_ul > li:last-of-type{margin-bottom: 0;}
	.value_con_ul > li:nth-of-type(2){transition-delay: 0s;}
	.value_con_ul > li:nth-of-type(3){transition-delay: 0s;}
}





/*SECTION Value_old::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.value_wrap{border-top: 10px solid #F7F7F7; margin-top: 125px; padding: 120px 0 10px;}
.value_wrap .inner > h2{margin-bottom: 65px;}
.value_wrap h3{font-size: 60px; font-weight: 600; line-height: 1.2; margin-bottom: 75px; transform: translate(0, 200px); transition: all 1s ease;}
.value_wrap h3 b{color: #1ECC8F;}
.value_wrap .value_slider_wrapper{width: 100%; position: relative; transform: translate(0, 200px); transition: all 1s ease;}
.value_wrap .value_slider_wrapper a.btn_l{display: block; width: 45px; height: 45px; position: absolute; left: 10px; top: calc(50% - 22px); z-index: 10; background: url('../images/ic_arr_w_l.png') no-repeat center center; opacity: .3; transition: all .25s ease;}
.value_wrap .value_slider_wrapper a.btn_l:hover{background-position: left 20% center; opacity: .5;}
.value_wrap .value_slider_wrapper a.btn_r{display: block; width: 45px; height: 45px; position: absolute; right: 10px; top: calc(50% - 22px); z-index: 10; background: url('../images/ic_arr_w_r.png') no-repeat center center; opacity: .3; transition: all .25s ease;}
.value_wrap .value_slider_wrapper a.btn_r:hover{background-position: right 20% center; opacity: .5;}
.value_wrap .value_slider_wrapper ul{width: 100%;}
.value_wrap .value_slider_wrapper ul li{width: 100%; position: relative; display: none;}
.value_wrap .value_slider_wrapper ul li.on{display: block;}
.value_wrap .value_slider_wrapper ul li span{display: block; width: 100%; height: 100%;}
.value_wrap .value_slider_wrapper ul li span img{width: 100%; height: 100%;}
.value_wrap .value_slider_wrapper ul li .txt{position: absolute; right: 0; top: 0; width: 50%; height: 100%; background-color: rgba(9,12,43,.37); z-index: 5; padding: 185px 90px 50px 90px;}
.value_wrap .value_slider_wrapper ul li .txt p.sbj{font-size: 42px; font-weight: 600; color: #fff;}
.value_wrap .value_slider_wrapper ul li .txt p{font-size: 19px; font-weight: 500; color: #fff; margin-bottom: 10px; line-height: 1.6;}
.value_wrap .value_slider_wrapper ul li .txt p.sm{font-size: 15px; font-weight: 300;}

/* 애니메이션 */
.value_wrap h3.ani{transform: translate(0,0);}
.value_wrap .value_slider_wrapper.ani{transform: translate(0,0);}


@media screen and (max-width:1000px) {
	.value_wrap{padding: 40px 20px 30px; margin-top: 30px;}
	.value_wrap .inner h2{margin-left: 0; margin-bottom: 30px;}
	.value_wrap h3{font-size: 30px; margin-bottom: 30px;}
	.value_wrap .value_slider_wrapper a.btn_l{top: auto; bottom: 0; width: 60px; height: 60px; background-size: 15px; background-color: #4E58A8; right: 61px; left: auto;}
	.value_wrap .value_slider_wrapper a.btn_l:hover{background-position: center center; opacity: 1;}
	.value_wrap .value_slider_wrapper a.btn_r{top:auto; bottom: 0; width: 60px; height: 60px; background-size: 15px; background-color: #4E58A8; right: 0;}
	.value_wrap .value_slider_wrapper a.btn_r:hover{background-position: center center; opacity: 1;}
	.value_wrap .value_slider_wrapper ul li .txt{position: relative; width: 100%; background-color: #090D2B; padding: 30px 30px 80px;}
	.value_wrap .value_slider_wrapper ul li .txt p.sbj{font-size: 20px;}
	.value_wrap .value_slider_wrapper ul li .txt p{font-size: 16px; margin-bottom: 7px;}
	.value_wrap .value_slider_wrapper ul li .txt p br{display: none;}
	.value_wrap .value_slider_wrapper ul li .txt p.sm{font-size: 14px;}
}





/*SECTION movv_howtouse::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.movv_howtouse {background-color: #F7F7F7; z-index: 11; padding: 270px 0 50px;}
.movv_howtouse::after{content: "";display: block;width: calc(100% + 50%);height: 400px;background-color: #F7F7F7;position: absolute;left: 50%;top: calc(88%);transform: rotate(3deg) translateX(-50%);}
.movv_howtouse .inner > h2{margin-bottom: 66px;}
.movv_howtouse .inner > h2::before{background-color: #41F5FC;}

.movv_howtouse .howtouse_slider_wrapper{width: 100%; position: relative; padding-top: 1px; transition: all 1s ease; transform: translate(0, 200px);}
.movv_howtouse .howtouse_slider_wrapper::after{content: ""; display: block; clear: both;}
.movv_howtouse .howtouse_slider_wrapper h3{font-size: 60px; font-weight: 600; line-height: 1.2; margin-top: 10px; position: absolute; left: 0; top: 0;}
.movv_howtouse .howtouse_slider_wrapper h3 b{font-size: 34px; font-weight: 600; color: #16C3D9;}
.movv_howtouse .howtouse_slider_wrapper ul.slider{float: right; width: 50%; min-width: 400px; position: relative;}
.movv_howtouse .howtouse_slider_wrapper ul.slider li{width: 100%; position: relative; display: none;}
.movv_howtouse .howtouse_slider_wrapper ul.slider li.on{display: block;}
.movv_howtouse .howtouse_slider_wrapper ul.slider li .img_box{width: 340px; border: 7px solid #000; border-radius: 32px; overflow: hidden; margin: 0 auto;}
.movv_howtouse .howtouse_slider_wrapper ul.slider li .img_box img{width: 100%;}
.movv_howtouse .howtouse_slider_wrapper ul.slider li .txt_box{position: absolute; right: 100%; top: 390px; width: 100%; padding-left: 5px;}
.movv_howtouse .howtouse_slider_wrapper ul.slider li .txt_box p.bolder{font-size: 28px; font-weight: 600; margin-bottom: 10px;}
.movv_howtouse .howtouse_slider_wrapper ul.slider li .txt_box p.nor{font-size: 19px; font-weight: 500; color: #A3A3A3; line-height: 1.5;}
.movv_howtouse .howtouse_slider_wrapper .left_btn{position: absolute; right: 43%; top: calc(50% - 22px); width: 42px; height: 43px; background: url('../images/btn_arr.png') no-repeat left top; transition: transform .25s ease;}
.movv_howtouse .howtouse_slider_wrapper .left_btn:hover{background-position: -42px 0; transform: translateX(-5px);}
.movv_howtouse .howtouse_slider_wrapper .right_btn{position: absolute; right: 5%; top: calc(50% - 22px); width: 42px; height: 43px; background: url('../images/btn_arr_2.png') no-repeat left -42px top; transition: transform .25s ease;}
.movv_howtouse .howtouse_slider_wrapper .right_btn:hover{background-position: 0px 0; transform: translateX(5px);}

/* scroll 애니메이션 */
.movv_howtouse .howtouse_slider_wrapper.ani{transform: translate(0, 0);}



@media screen and (min-width: 2700px) {
	.movv_howtouse::after{top: calc(90%); height: 300px;}
}

@media screen and (max-width:1200px) {
	.movv_howtouse .howtouse_slider_wrapper .left_btn{right: 45%;}
	.movv_howtouse .howtouse_slider_wrapper .right_btn{right: 3%;}
}

@media screen and (max-width:1000px) {
	.movv_howtouse {padding: 150px 0 50px;}
	.movv_howtouse::after{height: 200px;top: calc(88%);}
	.movv_howtouse .inner > h2{margin-bottom: 50px;}

	.movv_howtouse .howtouse_slider_wrapper{}
	.movv_howtouse .howtouse_slider_wrapper h3{font-size: 28px; margin-top: 5px; position: relative; text-align: center; margin-bottom: 30px;}
	.movv_howtouse .howtouse_slider_wrapper h3 b{font-size: 18px; padding-bottom: 5px;}
	.movv_howtouse .howtouse_slider_wrapper ul.slider{float: none; width: 100%; min-width: auto;}
	.movv_howtouse .howtouse_slider_wrapper ul.slider li{}
	.movv_howtouse .howtouse_slider_wrapper ul.slider li .img_box{width: 210px; border-width: 5px; border-radius: 30px;}
	.movv_howtouse .howtouse_slider_wrapper ul.slider li .txt_box{position: relative; right: 0; top: 0; width: 100%; padding-left: 0px; text-align: center; margin-top: 40px;}
	.movv_howtouse .howtouse_slider_wrapper ul.slider li .txt_box p.bolder{font-size: 20px;}
	.movv_howtouse .howtouse_slider_wrapper ul.slider li .txt_box p.nor{font-size: 15px;}
	.movv_howtouse .howtouse_slider_wrapper .left_btn{right: auto; left: 0%; top: calc(50% - 22px); width: 30px; height: 30px; background-size: 60px;}
	.movv_howtouse .howtouse_slider_wrapper .left_btn:hover{background-position: -30px 0;}
	.movv_howtouse .howtouse_slider_wrapper .right_btn{right: 0%; top: calc(50% - 22px); width: 30px; height: 30px; background-position: -30px 0; background-size: 60px;}
	.movv_howtouse .howtouse_slider_wrapper .right_btn:hover{background-position: 0px 0;}
}

@media screen and (max-width:600px) { 
	.movv_howtouse {padding: 80px 0 50px;}
}


/*SECTION movv_service::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.movv_service {padding: 300px 0 210px;}
.movv_service .inner > h2{margin-bottom: 110px;}
.movv_service .inner > h3{font-size: 60px; line-height: 1.2; font-weight: 600; margin-bottom: 60px; transition: all 1s ease; transform: translate(0, 130px);}
.movv_service .inner > h3 b{color: #1ECC8F;}
.service_tab_wrapper{transition: all 1s ease; transform: translate(0, 130px);}
.movv_service .service_tab{width: 100%; margin-bottom: 60px;}
.movv_service .service_tab > li{display: inline-block; margin: 0 25px; vertical-align: top;}
.movv_service .service_tab > li:first-child{margin-left: 0;}
.movv_service .service_tab > li > a{display: block; font-size: 21px; padding: 0 0 7px; position: relative;}
.movv_service .service_tab > li.active > a{font-weight: 600;}
.movv_service .service_tab > li.active > a::before{content: ""; display: block; width: 100%; height: 5px; background-color: #1ECC8F; position: absolute; left: 0; bottom: 0;}

.tab_service_con_wrapper{transition: all 1s ease; transform: translate(0, 130px); opacity: 0;}
.movv_service .tab_service_con{width: 100%; position: relative; display: none;}
.movv_service .tab_service_con.active{display: block;}
.movv_service .tab_service_con::after{content: ""; display: block; clear: both;}
.movv_service .tab_service_con .txt_box{float:left; width: calc(100% - 55.08%); padding-top: 10px; padding-bottom: 60px;}
.movv_service .tab_service_con .txt_box p.sbj{font-size: 32px; font-weight: 600; margin-bottom: 15px; color: #090D2B;}
.movv_service .tab_service_con .txt_box p{font-size: 19px; font-weight: 500; margin-bottom: 25px; color: #9AA0BF; line-height: 1.5;}
.movv_service .tab_service_con .txt_box a{font-size: 19px; font-weight: 600; color: #1ECC8F;}
.movv_service .tab_service_con .txt_box a:hover{text-decoration: underline;}
.movv_service .tab_service_con .right_box{float:right; width: 55.08%;}
.movv_service .tab_service_con .right_box img{width: 100%;}
.movv_service .tab_service_con .right_box a{display: block; position: relative; text-align: center;}
.movv_service .tab_service_con .right_box a .thumnail{display: block; position: relative;}
.movv_service .tab_service_con .right_box a .youtube{position: absolute; left: 0%; top: 50%; transform: translateY(-50%); z-index: 10; width: 100%;}
.movv_service .tab_service_con .right_box a .youtube span{display: inline-block;}
.movv_service .tab_service_con .right_box a .youtube .icon{width: 80px; height: 80px; border-radius: 50%; border: 2px solid #fff; background-image: url('../images/ic_play.png'); background-repeat: no-repeat; background-position: center center; margin-bottom: 5px;}
.movv_service .tab_service_con .right_box a .youtube .txt{font-size: 19px; color: #fff; font-weight: 600;}
.movv_service .tab_service_con .right_box a .youtube .txt em{font-family: 'Montserrat'; font-weight: 300;}
.movv_service .left_btn{position: absolute; bottom: 11px; left: 10px; width: 40px; height: 40px; background: url('../images/btn_arr_3.png') no-repeat center center; transform: rotate(90deg); opacity: .25; z-index: 10; transition: background .25s ease;}
.movv_service .left_btn:hover{opacity: 1; background-position: center top 20px;}
.movv_service .right_btn{position: absolute; bottom: 10px; left: 60px; width: 40px; height: 40px; background: url('../images/btn_arr_3.png') no-repeat center center; transform: rotate(-90deg);opacity: .25; z-index: 10; transition: background .25s ease;}
.movv_service .right_btn:hover{opacity: 1; background-position: center top 20px;}


/* scroll 애니메이션 */
.movv_service .inner > h3.ani{transform: translate(0,0);}
.service_tab_wrapper.ani{transform: translate(0, 0);}
.tab_service_con_wrapper.ani{transform: translate(0,0); opacity: 1;}



@media screen and (max-width:1000px) {
	.movv_service {padding: 130px 0 50px;}
	.movv_service .inner > h2{margin-bottom: 50px;}
	.movv_service .inner > h3{font-size: 25px; margin-bottom: 30px; word-break: keep-all;}
	/* .movv_service .inner > h3 br{display: none;} */
	.service_tab_wrapper {width: 100%; overflow-y: auto;}
	.movv_service .service_tab{ overflow-y: hidden; overflow-x: auto; white-space: nowrap; margin-bottom: 30px;}
	.movv_service .service_tab > li{margin: 0 13px;}
	.movv_service .service_tab > li > a{font-size: 17px;}
	.movv_service .service_tab > li.on > a::before{height: 3px;}

	.movv_service .tab_service_con .txt_box{float:none; width: 100%; padding-top: 30px; padding-bottom: 20px;}
	.movv_service .tab_service_con .txt_box p.sbj{font-size: 24px; margin-bottom: 10px;}
	.movv_service .tab_service_con .txt_box p{font-size: 15px; margin-bottom: 15px;}
	.movv_service .tab_service_con .txt_box a{font-size: 17px;}
	
	.movv_service .tab_service_con .right_box{float:none; width: 100%;}
	.movv_service .tab_service_con .right_box a{display: block; position: relative; text-align: center;}
	.movv_service .tab_service_con .right_box a .thumnail img{width: 100%;}
	.movv_service .tab_service_con .right_box a .youtube .icon{width: 50px; height: 50px; background-size: 40px;}
	.movv_service .tab_service_con .right_box a .youtube .txt{font-size: 15px;}
	.movv_service .left_btn{display: none;}
	.movv_service .right_btn{display: none;}
}




/*SECTION movv_news::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.movv_news {background-color: #FAF9F7; padding: 134px 0 200px;}
.movv_news .inner > h2{margin-bottom: 130px;}
.movv_news .inner > h2::before{background-color: #FDC222;}

.movv_news .news_slider_wrapper{width: 100%; position: relative; transition: all 1s ease; transform: translate(0, 200px);}
.movv_news .news_slider_wrapper ul{}
.movv_news .news_slider_wrapper ul::after{content: ""; display: block; clear: both;}
.movv_news .news_slider_wrapper ul li{float: left; width: calc(95% / 2); margin-left: 5%; margin-bottom: 47px;}
.movv_news .news_slider_wrapper ul li:nth-of-type(2n+1){clear: both; margin-left: 0;}
.movv_news .news_slider_wrapper ul li > a{display: block;}
.movv_news .news_slider_wrapper ul li > a::after{content: ""; display: block; clear: both;}
.movv_news .news_slider_wrapper ul li > a .press{float: left; width: 200px; height: 120px; background-color: #fff; box-shadow: 0 3px 6px rgba(0,0,0,.16); overflow: hidden;}
.movv_news .news_slider_wrapper ul li > a .press img{object-fit:cover; object-position: 50% 50%; transition: all .25s ease;}
.movv_news .news_slider_wrapper ul li > a .txt{float:left; width: calc(100% - 200px); padding: 20px 0 0 20px;}
.movv_news .news_slider_wrapper ul li > a .txt .sbj{font-size: 21px; line-height: 1.5; word-break: keep-all; max-height: 63px; overflow: hidden; display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;word-wrap:break-word; -webkit-line-clamp:2;}
.movv_news .news_slider_wrapper ul li > a .txt .date{font-size: 13px; margin-top: 10px; font-family: 'Montserrat';}
/* hover */
.movv_news .news_slider_wrapper ul li > a:hover .press img{transform: scale(1.1);}
.movv_news .news_slider_wrapper ul li > a:hover .txt .sbj{text-decoration: underline;}

.movv_news .news_slider_wrapper .paging {text-align: center; margin-top: 50px;}
.movv_news .news_slider_wrapper .paging span {display: inline-block; width: 20px; height: 20px; border-radius: 50%; background-color: #D9CFBB; margin: 0 4px; transition: all .25s ease; cursor: pointer;}
.movv_news .news_slider_wrapper .paging span.active {background-color: #000;}

.movv_news .news_slider_wrapper .btn_arr {display: none;}

/* scroll 애니메이션 */
.movv_news .news_slider_wrapper.ani{transform: translate(0,0);}


@media screen and (max-width:1000px) {
	.movv_news {padding: 50px 0 48px;}
	.movv_news .inner > h2{margin-bottom: 40px;}
	
	.movv_news .news_slider_wrapper{width: 100%; padding-bottom: 20px;}
	.movv_news .news_slider_wrapper ul{}
	.movv_news .news_slider_wrapper ul li{float: none; width: 100%; margin-left: 0%; margin-bottom: 20px;}
	.movv_news .news_slider_wrapper ul li > a .press{width: 150px; height: 90px;}
	.movv_news .news_slider_wrapper ul li > a .press img{width: 100%;}
	.movv_news .news_slider_wrapper ul li > a .txt{width: calc(100% - 150px); padding: 10px 0 0 15px;}
	.movv_news .news_slider_wrapper ul li > a .txt .sbj{font-size: 18px; max-height: 54px;}
	.movv_news .news_slider_wrapper ul li > a .txt .date{font-size: 12px; margin-top: 5px;}
	
	.movv_news .news_slider_wrapper .paging {margin-top: 20px; display: inline-block; position: absolute; left: 0; top: 100%; width: 75%; text-align: left;}
	.movv_news .news_slider_wrapper .paging span {width: 14px; height: 14px;}

	.movv_news .news_slider_wrapper .btn_arr {position: absolute; top: 100%; width: 47px; height: 47px; display: block; background-color: #EBE4D5; background-repeat: no-repeat; background-size: 60px; background-image: url('../images/btn_arr.png'); background-position: left -23px top 8px; opacity: 0.5; transition: all .25s ease;}
	.movv_news .news_slider_wrapper .btn_arr:hover {opacity: 1;}
	.movv_news .news_slider_wrapper .btn_arr.left {right: 29px;}
	.movv_news .news_slider_wrapper .btn_arr.right {transform: rotate(180deg); right: -20px;}
}




/*SECTION movv_faq::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.movv_faq {padding: 120px 0 200px;}
.movv_faq .inner > h2{margin-bottom: 60px;}
.movv_faq .faq_tab{width: 100%; border-bottom: 1px solid #000; margin-bottom: 5px; transition: all 1s ease; transform: translate(0, 130px);}
.movv_faq .faq_tab::after{content: ""; display: block; clear: both;}
.movv_faq .faq_tab > li{float: left;}
.movv_faq .faq_tab > li > a{display: block; padding: 10px 35px; font-size: 21px; color: #090D2B; position: relative;}
.movv_faq .faq_tab > li.active > a{font-weight: 600;}
.movv_faq .faq_tab > li.active > a::before{content: ""; display: block; position:absolute; bottom: -3px; left: 0; width: 100%; height: 5px; background-color: #2FECA9;}

.faq_tab_con_wrapper {transition: all 1s ease; transform: translate(0, 200px);}
.movv_faq .faq_con{width: 100%; display: none;}
.movv_faq .faq_con.active{display: block;}
.movv_faq .faq_con ul.faq_con_list{width: 100%;}
.movv_faq .faq_con ul.faq_con_list > li{border-bottom: 1px solid #D5D7EA; max-height: auto; overflow: hidden;  transition: all .8s ease;}
.movv_faq .faq_con ul.faq_con_list > li > a{display: block; padding: 30px 85px; position: relative; min-height: 92px; font-size: 28px;}
.movv_faq .faq_con ul.faq_con_list > li > a::before{content: "문의"; width: 40px; height: 40px; display: inline-block; line-height: 40px; background-color: #1ECC8F; color: #fff; font-size: 14px; font-weight: 600; text-align: center; position: absolute; left: 22px; top: 26px;}
.movv_faq .faq_con ul.faq_con_list > li > a::after{content: ""; width: 25px; height: 14px; background: url('../images/btn_arr_3.png') no-repeat center center; background-size: 100%; position: absolute; right: 30px; top: 35px; opacity: .3; transition: all .25s ease;}
.movv_faq .faq_con ul.faq_con_list > li > p{padding: 30px 85px 35px; background-color: #F7F7F8; position: relative; min-height: 130px; font-size: 19px; color: #6C7090; word-break: keep-all; line-height: 1.6; display: none;}
.movv_faq .faq_con ul.faq_con_list > li > p::before{content: "답변"; width: 40px; height: 40px; display: inline-block; line-height: 40px; background-color: #5C5C5C; color: #fff; font-size: 14px; font-weight: 600; text-align: center; position: absolute; left: 22px; top: 26px;}
.movv_faq .faq_con ul.faq_con_list > li.on {height: auto; max-height: 1000px;}
.movv_faq .faq_con ul.faq_con_list > li.on > a::after{opacity: 1; transform: rotate(180deg);}
.movv_faq .faq_con ul.faq_con_list > li.on > p{display: block;}


/* scroll 애니메이션 */
.movv_faq .faq_tab.ani{transform: translate(0, 0)}
.faq_tab_con_wrapper.ani{transform: translate(0, 0);}


@media screen and (max-width:1000px) {
	.movv_faq {padding: 60px 0 60px;}
	.movv_faq .inner > h2{margin-bottom: 40px;}
	.movv_faq .faq_tab{}
	.movv_faq .faq_tab > li{}
	.movv_faq .faq_tab > li > a{padding: 10px 10px; font-size: 16px;}
	.movv_faq .faq_tab > li.on > a::before{ bottom: -2px; height: 4px;}

	.movv_faq .faq_con ul.faq_con_list > li > a{padding: 20px 50px; min-height: 60px; font-size: 17px;}
	.movv_faq .faq_con ul.faq_con_list > li > a::before{width: 30px; height: 30px; line-height: 30px; font-size: 12px; left: 5px; top: 10px;}
	.movv_faq .faq_con ul.faq_con_list > li > a::after{width: 15px; height: 10px; right: 20px; top: 30px;}
	.movv_faq .faq_con ul.faq_con_list > li > p{padding: 15px 50px 30px; min-height: 60px; font-size: 15px;}
	.movv_faq .faq_con ul.faq_con_list > li > p::before{width: 30px; height: 30px; line-height: 30px; font-size: 12px; left: 5px; top: 10px;}
}






/*SECTION movv_vehicle::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
.movv_vehicle{width: 100%; min-height: 480px; background: url('../images/bg_fnb_visual.png') no-repeat center center; position: relative; z-index: 1; background-size: cover;}
.movv_vehicle .inner{width: 1180px; margin: 0 auto; padding-top: 100px;}
.movv_vehicle h2{font-size: 42px; font-weight: 600; color: #fff; margin-bottom: 10px;}
.movv_vehicle h3{font-size: 19px; font-weight: 600; color: rgba(255,255,255,0.75); line-height: 1.5; margin-bottom: 50px;}
.movv_vehicle .mobile_app{display: none;}

@media screen and (max-width:1200px) {
	.movv_vehicle .inner{width: 100%; padding-left: 10px; padding-right: 10px;}
}

@media screen and (max-width:1000px) {
	.movv_vehicle{min-height: auto; background: none; background-color: #fff; border-top: 10px solid #EFF6F7; position: relative;}
	.movv_vehicle::after{content: ""; display: block; width: 100%; height: 0; padding-top: 50%; background: url('../images/img_mobile_car.png') no-repeat center center; background-size: cover;}
	.movv_vehicle .inner{width: 100%; padding-top: 0; padding:50px 30px 35px;}
	.movv_vehicle h2{font-size: 25px; color: #090D2B; margin-bottom: 10px; word-break: keep-all;}
	.movv_vehicle h2 br{display: none;}
	.movv_vehicle h3{font-size: 14px; color: rgba(9,13,43,0.75); margin-bottom: 30px; word-break: keep-all;}
	.movv_vehicle h3 br{display: none;}
	.movv_vehicle .btn_app{display: none;}
	.movv_vehicle .mobile_app{display: inline-block; width: 150px; height: 45px; border: 1px dashed #090D2B; border-radius: 30px; font-size: 14px; font-weight: 700; color: #090D2B; line-height: 43px; text-align: center;}
}






/* -----------------------------------  */

.hidden {opacity: 0;}
  
.ani {animation: fade-in 1s;}

@keyframes fade-in {
	from {opacity: 0;}
	to {opacity: 1;}
}