/* 공통 */
#c2_wrap .c_inner {width: 100%; margin:0 auto; position: relative; }
#c2_wrap .c_title {text-align: center; }
#c2_wrap .c_title h1 {font-size:30px; font-weight: 700; color:#fff; text-transform: uppercase; font-family: 'Montserrat'; }

/*Content CSS*/
#c2_wrap {width: 100%; position: relative; z-index: 1; background: url('../img/c2_bg.jpg') 70% 50% no-repeat; background-size:cover;  text-align: center;
padding: 80px 20px; overflow: hidden;}
#c2_wrap .c_title { }

#c2_wrap p {font-size:15px; font-weight: 300; color:#fff; line-height: 26px; margin: 20px 0 0; word-break: keep-all;}

#c2_wrap a {display: flex; width: 100%;  max-width: 334px; height: 48px;  justify-content: center; align-items: center; background: rgba(255,255,255,.14);
font-size:16px; font-weight: 500; color:#fff; margin:0 auto; font-family: 'Montserrat'; z-index: 1; position: relative;}
#c2_wrap a img {position: relative; margin-left:24px; }
#c2_wrap a::before {content: ''; display: block; left: 50%; top: 0; transform: translateX(-50%); width: 0; height: 100%; position: absolute;
transition: all .5s ease; z-index: -1; background-color: #e60012;}
#c2_wrap a:hover::before {width: 100%;}










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

}

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

}

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

}
