@charset "utf-8";

*{ margin : 0; padding : 0; }
li{list-style : none;}
a{ text-decoration : none;}
.clearfix::after{content:''; display:block; clear:both;}
.wrapper{margin:0 auto; width:1500px;}
.nowidth{width:100%;}

.aa{z-index:9999;position:fixed; bottom:0; left:50%; text-indent:9999; width:500px; height:100px;  margin-left:-250px;text-align:center; line-height:100px; font-size:30px; font-weight:bold;}
.aa .inner_a{ width:500px; height:100px; background-color:#00b7ff;  border:solid 3px black; position:relative;}
.aa a{color:#fff;}
.aa .inner_a .inner_b{position:absolute; top:-90px; left:50%; margin-left:-88px; }

body{background-color:#f9f6ed;}
#main_v{width:100%;  background-image:url(../images/main_bg.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; position:relative;}

/*쏘카 로고*/
.header h1{background-image:url(../images/logo.png); width:150px; line-height:44px; background-size:contain;}
.header h1 a{display:block; line-height:44px; text-indent:-9999px;}




/*배경슬라이드*/
#main_v .vx-wrapper{max-width:auto!important;}
#main_v ul.main_inner li{position:relative;}
#main_v ul.main_inner li .main_txt1{position:absolute; top:50px; left:50%; width:411px; height:285px; background-image:url(../images/ps1.png);}

#main_v ul.main_inner li .main_txt2{position:absolute; top:50px; left:50%; width:411px; height:285px; background-image:url(../images/ps2.png);}

#main_v ul.main_inner li .main_txt3{position:absolute; top:50px; left:50%; width:411px; height:285px; background-image:url(../images/ps3.png);}

#main_v ul.main_inner li .main_txt4{position:absolute; top:50px; left:50%; width:411px; height:285px; background-image:url(../images/ps31.png);}

#main_v ul.main_inner li img{width:100%; }

#main_v ul.main_inner li > div{animation:txt_move 1s infinite alternate;}
@keyframes txt_move{
	0%{transform:translate(10px);}
	100%{transform:translate(50px);}
}

/*차*/
#main_v div.car{width:350px;position:absolute; bottom:-20px; left:50%; margin-left:-175px;}
#main_v div.car .car_inner{width:350px; height:208px; }
#main_v div.car .car_inner .wheels1{width:57px; position:absolute; bottom:9px; left:23px; overflow:hidden;}
#main_v div.car .car_inner .wheels1 .wheel_imgbox{width:57px; height:57px;position:relative;}
#main_v div.car .car_inner .wheels1 .wheel_imgbox .imgbox{position:absolute; bottom:0; left:0;}
.wheel_imgbox .imgbox img{vertical-align:bottom;}

.wheel_imgbox .imgbox{animation:wheel_move 1.5s linear infinite;}
@keyframes wheel_move{
	0%{transform:rotate(0deg);}
	100%{transform:rotate(360deg);}
}




#main_v div.car .car_inner .wheels2{width:57px; position:absolute; bottom:9px; right:-4px; overflow:hidden;}
#main_v div.car .car_inner .wheels2 .wheel_imgbox{width:57px; height:57px;position:relative;}
#main_v div.car .car_inner .wheels2 .wheel_imgbox .imgbox{position:absolute; bottom:0; left:0; }



#box2{width:100%; height:967px; background-image:url(../images/bg2-1.jpg);  background-position:center; background-repeat:no-repeat; }

#video{position:relative;}
#video video{position:absolute; top:240px; left:50%; margin-left:-300px; border:solid 3px black;}

#video div.hello{width:100px; height:40px; position:absolute; top:440px;   right: 20%;transform:rotate(20deg); animation:hello_move 1s alternate infinite;}
#video div.hello img{width:100%;}

#video div.cloud{width:194px; height:144px; position:absolute; top:100px; left:200px; transform:translateX(0) translateY(0) scale(1); animation: cloud_move 10s alternate linear infinite;}
#video div.cloud img{width:100%;}

#video div.cloud1{width:194px; height:144px; position:absolute; top:200px; right:200px; transform:translateX(0) translateY(0) scale(1); animation: cloud1_move 10s alternate linear infinite;}
#video div.cloud1 img{width:100%;}


@keyframes hello_move{
	0%{transform:rotate(20deg);}
	100%{transform:rotate(-20deg);}
}

@keyframes cloud_move{
	0%{transform:translateX(0) translateY(0) scale(1);}
	50%{transform:translateX(50px) translateY(10px) scale(0.8);}
	100%{transform:translateX(100px) translateY(0) scale(1);}
}

@keyframes cloud1_move{
	0%{transform:translateX(0) translateY(0) scale(0.5);}
	50%{transform:translateX(50px) translateY(20px) scale(0.8);}
	100%{transform:translateX(100px) translateY(0) scale(0.5);}
}


#box3{width:100%; height:950px;}
#box3 .box3bg{width:100%; height:950px; background-image:url(../images/bg3.png); background-position:top; background-repeat:no-repeat; background-size:cover; position:relative;}

#box3 .box3bg .box3_inner{position:absolute; top: -5px; left: 50%; margin-left: -616px;}


#box3 .box3bg div.cloud1{width:194px; height:144px; position:absolute; top:400px; left:10px; transform:translateX(0) translateY(0) scale(1); animation: cloud1_move 10s alternate linear infinite;}
#video div.cloud1 img{width:100%;}

#box3 .box3bg div.cloud{width:194px; height:144px; position:absolute; top:800px; right:40px; transform: scale(1); animation: cloud1_move 10s linear infinite;}
#video div.cloud1 img{width:100%;}



#box4{width:100%; height:950px;   }
#box4 .box4bg{width:100%; height:950px; background-color:#01b7ff; background-position:center; background-repeat:no-repeat;}

.box4bg > #video{position:relative;width:100%; height:950px;}
.box4bg > #video video{position: absolute;
    top: 185px;
    left: 50%;
    margin-left: -300px; border:solid 3px black;  z-index:8;}
.box4bg > #video .vid{position: absolute;
    top: 162px;
    left: 50%;
    margin-left: -325px; z-index:7;}

.box4bg > #video .imgbox{position:absolute; top:435px; right:-15%; animation:imgbox_move 1s infinite alternate; transform:translate(10px); z-index:9;}

@keyframes imgbox_move{
	0%{transform:translate(10px);}
	100%{transform:translate(30px);}
}


#box5{width:100%;background-color:#01b7ff;  }
#box5 .box5bg{width:100%; background-image: url(../images/bg55.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;}
#box5 .box5bg .box5_inner{ background-size:contain; background-repeat: no-repeat;width:800px; height:1400px; background-image:url(../images/bg5-1.png); margin:0 auto; }
#box5 .box5bg .coupon{position:relative; width:100%; height:1000px;}

#box5 .box5bg .coupon div{width:100px; height:37px; background-image:url(../images/coupon.png); opacity:1;}
#box5 .box5bg .coupon div:nth-child(1){position:absolute; top:390px; left:15%; transform:rotate(30deg);}
#box5 .box5bg .coupon div:nth-child(2){position:absolute; top:370px; left:35%; transform:rotate(20deg);}
#box5 .box5bg .coupon div:nth-child(3){position:absolute; top:400px; left:55%; transform:rotate(50deg);}
#box5 .box5bg .coupon div:nth-child(4){position:absolute; top:395px; left:70%; transform:rotate(30deg);}
#box5 .box5bg .coupon div:nth-child(5){position:absolute; top:350px; left:85%; transform:rotate(-30deg);}
#box5 .box5bg .coupon div:nth-child(6){position:absolute; top:390px; left:10%; transform:rotate(-35deg) scale(0.8);}
#box5 .box5bg .coupon div:nth-child(7){position:absolute; top:370px; left:30%; transform:rotate(-20deg) scale(0.6);}
#box5 .box5bg .coupon div:nth-child(8){position:absolute; top:350px; left:50%; transform:rotate(-50deg) scale(0.7);}
#box5 .box5bg .coupon div:nth-child(9){position:absolute; top:380px; left:75%; transform:rotate(-30deg) scale(0.6);}
#box5 .box5bg .coupon div:nth-child(10){position:absolute; top:250px; left:90%; transform:rotate(20deg) scale(0.8);}


footer{width:100%; height:500px; background-image:url(../images/foot_bg.jpg); text-align:center;}
footer .down{padding-top:150px; margin-bottom:20px;}
footer .down button{width:200px; margin:0 20px;height:50px; font-size:20px; padding:10px 20px; border:solid 2px black; background-color:#f9f6ed; cursor:pointer; box-shadow:5px 5px 1px #1a8bdf;}
footer .down button img{vertical-align:middle;}

footer .foot{color:#f9f6ed; font-size:12px; padding:40px 0;}
footer .foot p:nth-child(4){margin-top:10px;}