@charset "utf-8";

/*main banner*/
#main .mainbn{width:100%;height:100vh;}
#main .mainbn .videoWrapper {
    position: relative;
    /* padding-bottom: 56.25%;  */
    /* height:0; */
    height: 100%;
}

#main .mainbn .videoWrapper video{
	position: absolute;
	overflow: hidden;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
    /* height:auto; */
	height: 100%;
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
 	background-position: center center;
 	background-size: contain;
    object-fit: cover; /*cover video background */
	z-index:-1;
}


/*about*/
#main .contents.about{margin:230px 0 250px;}
#main .about .btn{margin-top:75px;}
#main .contents.about .con-l{width:45%;}
#main .contents.about .con-r{width:55%;}


/* #main .about .con-img{width:100%;height:600px;background-image:url(../img/main/img-about1.jpg);background-position:top center;} */
/* #main .about .con-img{} */
#main .about .con-l img{width:100%;}
#main .about .con-txt{padding:0 60px;}
#main .about .con-txt .btn:hover img{content:url(../img/common/arrow1-2.png);}

/*main-ani-wrap*/
#main .main-ani-wrap{margin:0;padding:125px 0;overflow-x:hidden;}
#main .main-ani-wrap .con-txt{width:100%;overflow:hidden;}
#main .main-ani-wrap .con-txt p{position:relative;width:7000px;padding-bottom:1px;font-weight:600;font-size:110px;}
#main .main-ani-wrap .con-txt p:nth-child(2n+1) span{-webkit-animation: loop1 40s infinite linear;animation: loop1 40s infinite linear;}
#main .main-ani-wrap .con-txt p:nth-child(2n) span{-webkit-animation: loop2 40s infinite linear;animation: loop2 40s infinite linear;}
@keyframes loop1 {
    100% {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  @keyframes loop2 {
    0%{
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

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


#main .main-ani-wrap .con-txt .txt2{z-index:20;opacity:.3;}
#main .main-ani-wrap .con-txt .txt3{z-index:31;}
#main .main-ani-wrap .con-txt .txt4{z-index:33;opacity:.3;}
#main .main-ani-wrap .con-img{position:absolute;}
#main .main-ani-wrap .con-img .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;transition:.5s;}
#main .main-ani-wrap .con-img1{top:30px;left:22%;z-index:-1;width:550px;height:365px;}
#main .main-ani-wrap .con-img1 .bg{background-image:url(../img/main/img-mainani1.jpg);}
#main .main-ani-wrap .con-img2{bottom:0px;left:0;z-index:32;width:690px;height:520px;}
#main .main-ani-wrap .con-img2 .bg{background-image:url(../img/main/img-mainani2.jpg);}
#main .main-ani-wrap .con-img3{bottom:120px;right:60px;z-index:31;width:735px;height:485px;}
#main .main-ani-wrap .con-img3 .bg{background-image:url(../img/main/img-mainani3.jpg);}
/* .main-ani-wrap .con-img4{position:absolute;bottom:0px;right:0px;z-index:30;width:735px;height:150px;background-image:url(../img/main/img-mainani3.jpg);background-position:center bottom;} */

#main .main-ani-wrap .con-img:hover .bg{transform:translate(-30px, -30px);transition:.9s;}

/* .main-ani-wrap .bg img{position:absolute;} */


/*business*/
#main .contents.business{margin:130px 0 250px;}
#main .business .con-wrap>ul>li{padding:50px 0;border-top:1px solid #fff;cursor:pointer;}
#main .business .con-wrap>ul>li .con-top{position:relative;}
#main .business .con-wrap>ul>li .con-top p{font-weight: 400;}
#main .business .con-wrap>ul>li .bus-arr{display:block;position:absolute;top:0px;right:0px;}
#main .business .con-wrap>ul>li.on .bus-arr img{transform: rotate(180deg);}
#main .business .con-wrap>ul>li:last-child{border-bottom:1px solid #fff;}
#main .business .con-wrap>ul>li h3{font-size:30px;font-weight:700;}
#main .business .con-wrap>ul>li .con-img{height:600px;}
#main .business .con-wrap>ul>li.bus1 .con-img{background-image: url(../img/main/img-bus1.jpg);}
#main .business .con-wrap>ul>li.bus2 .con-img{background-image: url(../img/main/img-bus2.jpg);}
#main .business .con-wrap>ul>li.bus3 .con-img{background-image: url(../img/main/img-bus3.jpg);}
#main .business .con-wrap ul>li .con-bt{width:100%;padding-top:35px;}
/* #main .business .con-wrap>ul>li.on .con-bt{display:block;} */
#main .business .con-wrap ul li .con-bt>div{width:100%;}
#main .business .con-wrap ul li .con-bt .con-flex{align-items:flex-end;}
#main .business .con-wrap ul li .con-bt ul li{padding:10px 0;font-size:20px;color:#bbbbbb;}
/* #main .business .con-wrap ul li .con-bt .flex-df{padding-top:168px;justify-content:flex-start;} */


/*customer : sub와 공통*/
#main .contents.partner{margin:250px 0 0px;}
#main .partner .con-wrap ul{flex-wrap: wrap;margin:0 auto;}
#main .partner .con-wrap ul li{width:164px;margin:50px 70px;text-align: center;}
#main .partner .con-wrap ul li:nth-child(1), #main .partner .con-wrap ul li:nth-child(5n+1){width:164px;margin:50px 70px 50px 0;}
#main .partner .con-wrap ul li:nth-child(5n){width:164px;margin:50px 0 50px 70px;}
#main .partner .con-wrap ul li img{max-width:164px;}
/* .partner .con-wrap ul li:last-child{width:auto;} */

/*contact*/
/* #main .contents.contact{margin:150px 0 250px;} */

#main .contact{width:100%;}/*height:100vh;*/
#main .contact .con-txt{display:flex;text-align: center;justify-content:center;align-items:center;}
#main .contact .con-txt h2{font-size:110px;line-height:1.2;font-weight:700;}
#main .contact .con-txt h2 .eng-deco{font-style: italic;}
#main .contact .con-txt .btn{margin:75px auto 0;}

#main .contact .videoWrapper {
    position: relative;

    /* padding-bottom: 56.25%;  */
    height:500px;
    /* height: 100%; */
}

#main .contact .videoWrapper video{
	position: absolute;
	overflow: hidden;
	right: 0;
	bottom: 0;
	top:0;
	right:0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
    height:auto;
	/* height: 100%; */
	background-size: 100% 100%;
	background-color: black; /* in case the video doesn't fit the whole page*/
 	background-position: center center;
 	background-size: contain;
    object-fit: cover; /*cover video background */
	z-index:-1;
}

#main .category ul li a{font-size:45px;}