/* 공통 */
#c3_wrap .c_inner {width: 100%; margin:0 auto; position: relative;  padding: 0 15px;}

/*Content CSS*/
#c3_wrap {position: relative; z-index: 2; padding:0 0 60px; overflow: hidden;  background: #fff;}
#c3_wrap::before {content: ''; display: block; width: 100%;  position: absolute; left: 0; top: 0; z-index: -1; background-size:cover; background: url('../img/c3_bg.jpg') 50% 50% no-repeat; background-size: cover; height: calc(100% - 120px);}

#c3_wrap .c_inner > div {width: 100%; }
#c3_wrap .txt {padding:60px 0 0; text-align: center; }
#c3_wrap .img {margin-top: 40px; }
#c3_wrap .img img {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none;
width: 100%;}

/* txt */
#c3_wrap .txt h2 {font-size:14px; font-weight: 700; color:rgba(255, 255, 255, 0.29);}
#c3_wrap .txt h1 {font-size:20px; font-weight: 700; color:#fff; letter-spacing: -.75px; line-height:35px; margin: 10px 0 20px; word-break: keep-all; }
#c3_wrap .txt p {font-size:13px; font-weight: 300; color:#fff; letter-spacing: -.45px; line-height: 24px; word-break: keep-all;}
#c3_wrap .txt .c_btn a {display: block; width: 280px ;height: 50px ;  text-align: center; line-height: 50px; margin:30px auto 0; text-transform: uppercase; font-size:14px; font-weight: 400;
color:#fff; border: 2px solid #0000ef; background-color: #fff; position: relative; z-index: 1; }
#c3_wrap .txt .c_btn a::before {content: ''; display: block; width: calc(100% + 4px); height: calc(100% + 4px); position: absolute; left: -2px; top: -2px; z-index: -1; opacity: 1; transition: opacity .3s ease; background-image: linear-gradient(130deg , #0000ef, #00008b);}
#c3_wrap .txt .c_btn a:hover {color:#0000ef;}
#c3_wrap .txt .c_btn a:hover::before {opacity: 0; }





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

}

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

}

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

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

}
