/* main_common */
#c2_wrap { overflow: hidden; }
#c2_wrap .c_h1 { line-height: 1; font-size: 60px; letter-spacing: -1.5px; font-weight: bold; text-transform: uppercase; color: #fff; }
#c2_wrap .c_h2 { line-height: 1; font-size: 20px; font-weight: bold; color: #fff; font-family: 'Karla', sans-serif; text-transform: uppercase; margin:0 0 10px; font-weight: bold; }
#c2_wrap .c_p { font-size: 18px; font-weight: 300; letter-spacing: -0.45px; line-height: 30px; color: #fff; }
#c2_wrap .c_btn { display: block; width:74px; height: 74px; display: flex; align-items: center; justify-content: center; background-color: #fff; opacity: 0; transition: all .3s; }
#c2_wrap .c_btn img { transition: all .3s; }
#c2_wrap .c_btn:hover img { transform: rotate(90deg); }


/*Content CSS*/
#c2_wrap { position:relative; display: flex; }
#c2_wrap > div { position:relative; width: 50%; height: 550px; transition: all .3s; }
#c2_wrap > div:before { content:""; position:absolute; left:0; width:100%; top:0; height: 100%; background-color: #0068b7; opacity: 0; transition: all .3s; }

#c2_wrap > div .c_h2 { margin:0 0 20px; position:relative; left:3px; }
#c2_wrap > div .c_p { margin:50px 0 0; }

#c2_wrap .c2_left { background:url('../img/c2_bg1.jpg') no-repeat center / cover; }
#c2_wrap .c2_right { background:url('../img/c2_bg2.jpg') no-repeat center / cover; }
#c2_wrap .c2_left .c2_inner { position:absolute; right:0; width:650px; top:0; height: 100%; display: flex; flex-direction: column; justify-content: center; }
#c2_wrap .c2_right .c2_inner { position:absolute; left:0; width:650px; top:0; height: 100%; display: flex; flex-direction: column; justify-content: center; padding-left: 110px; }
#c2_wrap .c_btn { position:absolute; right:60px; top:60px; z-index: 2; }


#c2_wrap > div:hover .c_btn { opacity: 1; }
#c2_wrap > div:hover:before { opacity: 0.7; }