/* 공통  */
#c4_wrap .c_inner {width: 1300px; margin:0 auto ; position: relative; }
#c4_wrap .c_title h1 {font-size:48px; font-weight: 600; color:#000 ;position: relative; display: inline-block; text-transform: uppercase;  font-family: 'Montserrat'; }
#c4_wrap .c_title h1::before {content: '' ;display: block; width: 44px; height: 44px; background: url('../img/c_title_bullet.png') 50% 50% no-repeat;
position: absolute; top:-12px; left:-25px;}

#c4_wrap .c_btn {   text-align: center; }
#c4_wrap .c_btn a { width: 294px; height: 70px; line-height: 70px; font-size: 16px; font-family: 'Montserrat',sans-serif; font-weight: 400; position: relative; display: block;
color: #fff;border: 1px solid rgba(0,0,0,0); text-transform: uppercase; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0); outline: 1px solid rgba(255, 255, 255, 0.5); -webkit-transition: all 1.25s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1.25s cubic-bezier(0.19, 1, 0.22, 1);}
#c4_wrap .c_btn a:hover { border: 1px solid; box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2); outline-color: rgba(255, 255, 255, 0); outline-offset: 15px; text-shadow: 1px 1px 2px #427388;}


/*Content CSS */
#c4_wrap {text-align: center ;position: relative; z-index: 2; background-image: url('../img/c4_bg.png'), linear-gradient(to left, #aacd06, #009944);
background-position: 50% 50%; overflow: visible; padding:135px 0;}
#c4_wrap::before {content: ''; display: block; width: 69px; height: 38px; position: absolute; left:50%; transform:translateX(-50%); top:0;
background: url('../img/tri_w.png') 50% 50% no-repeat; }
/* txt */
#c4_wrap .txt h1 {font-size:48px; font-weight: 500; color:#fff; letter-spacing: -1.2px; }
#c4_wrap .txt p {font-size:18px; font-weight: 300; color:rgba(255,255,255,.73); line-height: 36px; letter-spacing: -.45px; margin:30px 0 50px;}
#c4_wrap .txt .c_btn a {margin:0 auto; }

/* ptn */
#c4_wrap .ptn {position: absolute; }
#c4_ptn1 {left:55px; top:240px; animation:c4_ani1 1.2s ease-out infinite alternate;}
/* #c4_ptn2 {left:290px ; bottom:-180px ;} */
#c4_ptn3 {top:-70px; right:-0; animation:c4_ani3 1.5s ease-out infinite alternate; }

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

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




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

}

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

}

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

}