/* common */
#c2_wrap { overflow: hidden; }
#c2_wrap .c_tit { line-height: 1; text-align: center; }
#c2_wrap .c_tit h1 { font-family: 'Poppins', sans-serif; font-size: 45px; font-weight: 600; color: #000; text-transform: uppercase; }
#c2_wrap .c_tit h1::before { content:""; display: block; width:30px; height: 3px; background-color: #287fd7; margin:0 auto 28px; }

#c2_wrap .c_btn { position:relative; display: block; margin:50px 0 0; width: 236px; height: 52px; line-height: 50px; text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left:1px solid transparent; border-right: 1px solid transparent; transition: .3s; font-size: 14px; color: #fff; text-transform: uppercase; font-family: 'Poppins', sans-serif; z-index: 1; }
/* #c2_wrap .c_btn img { margin-left: 13px; position:relative; top:-1px; } */
#c2_wrap .c_btn::before { content:""; position:absolute; left:0; width:100%; top:0; height: 100%; background-image: linear-gradient(to left, #072c7d, #46c7ff); opacity:0; transition: .3s; z-index: -1; }
#c2_wrap .c_btn:hover { border-color: #fff; background:#fff; color:#287fd7; }
/* #c2_wrap .c_btn:hover::before { width: 100%; opacity: 1; } */


/* c2 */
#c2_wrap { position:relative; margin-top:-150px; padding:220px 0 0; height: 550px; background:url('../img/c2_bg.jpg') no-repeat center / cover; }
#c2_wrap .inner { display: flex; }

#c2_wrap .c_tit { text-align: left; margin-right: 80px; }
#c2_wrap .c_tit h1 { color:#fff; }
#c2_wrap .c_tit h1::before { margin:0 0 30px; background:#fff; }

#c2_wrap .right { margin-top:35px; }
#c2_wrap .right p { font-size: 18px; font-weight: 300; color: #fff; line-height: 1.94; }

#c2_wrap .c_btn i { display: inline-block; margin-left:13px; position:relative; top:1px; width:7px; height:12px; background:url('../img/btn_arrow.png') no-repeat center; transition: all .3s; }
#c2_wrap .c_btn:hover i { background-image: url('../img/btn_arrow_b.png'); }