/* 공통  */
#c2_wrap .c_inner {width: 100%; margin:0 auto; }
#c2_wrap .c_btn {  width: 300px; height: 60px; display: flex; align-items: center; justify-content: center; background: transparent; color: #fff; font-size: 16px;
font-weight: 300; overflow: hidden; z-index: 1; position: relative; border:1px solid #ddd;  transition: all .5s ease; }
/* #c2_wrap .c_btn::before {content: ""; z-index: -1; position: absolute; background: #0053a5; transition: all .5s; left: 0; top: 0; width: 0; height: 100%;} */
/*  btn_arrow */
#c2_wrap .btn_arrow {display: block; width: 24px; height: 1px; position: relative; background: #fff; margin-left: 20px; transition: all .5s ease; top:2px; left:0;}
#c2_wrap .btn_arrow::after {content: ''; position: absolute; display: block; width: 8px;height: 1px;background: #fff;right: 0;transform: rotate(43deg);top: -3px;
transition: all .5s ease;}
/* c_btn - hover */
#c2_wrap .c_btn:active {border-color: #0053a5; color:#fff; background: #0053a5; }
#c2_wrap .c_btn:active::before {width:100%;}
#c2_wrap .c_btn:active .btn_arrow, #c2_wrap .c_btn:active .btn_arrow::after {background: #fff; }

/*Content CSS*/
#c2_wrap {text-align: center; padding: 80px 20px; background: url('../img/c2_bg.jpg') 50% 50% no-repeat; background-size:cover;}
#c2_wrap h2 {font-size: 14px; font-weight: 600; color:#2291ff; letter-spacing: 5px; font-family: 'Montserrat'; text-transform: uppercase;}
#c2_wrap h1 {font-size:25px; font-weight: 300; color:#fff; line-height: 45px; font-family: 'NanumSquare',sans-serif; margin:10px 0 15px; word-break: keep-all;}
#c2_wrap h1 b {font-weight: 800;}
#c2_wrap p {font-size:14px; font-weight: 300; color:rgba(255,255,255,.7); line-height: 28px; word-break: keep-all; letter-spacing: -0.5px }
#c2_wrap .c_btn {margin:30px auto 0; width: 100%; max-width: 450px;}




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

}

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

}

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

}