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

/*Content CSS*/
#c2_wrap {width: 100%; position: relative; z-index: 1; height: 600px; background: url('../img/c2_bg.jpg') 50% 50% no-repeat; background-size:cover;  text-align: center;
padding:100px 0 0; overflow: hidden;}
#c2_wrap .c_title {position: relative; z-index: 1; }
#c2_wrap .c_title::before {content: ''; z-index: -1; width: 1489px; height: 481px; position: absolute; left:50%; transform:translateX(-50%); top:24px;
background: url('../img/c2_title_bg.png') 50% 50% no-repeat; opacity: .4;}


#c2_wrap p {font-size:18px; font-weight: 300; color:#fff; line-height: 44px; margin:30px 0 50px; }
#c2_wrap a {display: flex; 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) {

}