/* 공통 */
#c4_wrap .c_inner {width: 100%; margin:0 auto;}
#c4_wrap .c_title {text-align: center;}
#c4_wrap .c_title h2 {font-size:14px; font-weight: 600; color:#ff6800; letter-spacing: 3.4px; text-transform: uppercase; font-family: 'Montserrat'; margin-bottom: 13px;}
#c4_wrap .c_title h1 {font-size:28px; font-weight: 400; color:#333; font-family:'GongGothicMedium';}

/*Content CSS*/
#c4_wrap {padding: 70px 15px; text-align: center; background: url('../img/c4_bg.jpg') 50% 50% no-repeat; background-size:cover; position: relative; z-index: 2;}
#c4_wrap .c_title h2 {color: rgba(255, 255, 255, 0.39);}
#c4_wrap .c_title h1 {color:#fff;}
#c4_wrap .c_inner p {font-size:14px; font-weight: 300; color:#fff; line-height: 26px; margin:15px 0 30px; word-break: keep-all;}

/* btn  */
.c4_btn {display: flex; justify-content: center; align-items: center; transition: all .3s ease; width: 250px; height: 50px; text-align: center; border:1px solid #fff;
font-size:14px; font-weight: 400; color:#fff; font-family: 'Nanum Gothic', sans-serif; margin:0 auto;}
.c4_btn i {margin-left:20px; font-size:16px; position: relative; left:0; transition: all .3s ease; color:#fff;}
.c4_btn:hover {background: #fff; color:#ff7200;}
.c4_btn:hover i {left:10px; color:#ff7200;}

/* 배경패턴  */
.c4_bg {position: absolute;  }
#c4_bg1 {left:60px; top:-100px; animation:c4_ani1 1.2s ease-out infinite alternate; display: none}
#c4_bg2 {left:306px; top:116px;animation:c4_ani2 1.5s ease-out infinite alternate; display: none}
#c4_bg3 {right:8px; bottom:-200px;animation:c4_ani3 1s ease-out infinite alternate; display: none}

.ov_h {overflow: hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1;}


@keyframes c4_ani1 {
  0% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

@keyframes c4_ani2 {
  0% {
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  100% {
    -webkit-transform: translateY(-15px);
            transform: translateY(-15px);
  }
}

@keyframes c4_ani3 {
  0% {
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
  }
  100% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }
}




@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 853px) {

}

@media screen and (max-width: 640px) {

}