/* common */
#c2_wrap { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; padding-top: 90px; }
#c2_wrap .c_inner { width:100%; max-width: 1580px; margin: 0 auto; }
#c2_wrap .c_tit { font-size: 80px; font-weight: 600; line-height: 1; color: #fff; }
#c2_wrap .c_p { margin-top: 40px; font-size: 17px; font-weight: 300; line-height: 1.94; color: rgba(255, 255, 255, 0.8); }



/* c2 */
#c2_wrap { background:url('../img/c2_bg.jpg') no-repeat center / cover; }

#c2_wrap .c2_btn { position:relative; margin:75px 0 0; display: block; width:300px; height: 70px; border: solid 1px #fff; text-align: center; line-height: 68px; color:#fff; font-size: 18px; font-weight: 500; letter-spacing: -0.45px; z-index: 1; }
#c2_wrap .c2_btn img { margin-left: 30px; position:relative; top:-2px; }
#c2_wrap .c2_btn::before { content:""; position:absolute; left:0; width:0; top:0; height: 100%; background:#008bf6; transition: all .3s; z-index: -1; }








/* hover */
@media screen and (min-width: 1024px) {
    #c2_wrap .c2_btn:hover { border-color: #008bf6; }
    #c2_wrap .c2_btn:hover::before { width:100%; opacity: 1; }
}


/* media query */
@media screen and (max-width: 1700px) {

    /* common */
    #c2_wrap .c_inner { max-width: 100%; padding:0 60px; }

    /* c2 */


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

    /* common */
    #c2_wrap { padding-top: 80px; }
    #c2_wrap .c_tit { font-size: 60px; }
    #c2_wrap .c_p { margin-top: 30px; }

    /* c2 */
    #c2_wrap .c2_btn { margin: 50px 0 0; }

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

    /* common */
    #c2_wrap { height: auto; padding: 80px 0; }
    #c2_wrap .c_inner { padding: 0 40px; }

    /* c2 */
    #c2_wrap { text-align: center; }

    #c2_wrap .c2_btn { margin: 50px auto 0; width: 250px; height: 60px; line-height: 58px; font-size: 17px; }




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

    /* common */
    #c2_wrap { padding: 60px 0; }
    #c2_wrap .c_inner { padding: 0 15px; }
    #c2_wrap .c_tit { font-size: 40px; }

    /* c2 */
    #c2_wrap br { display: none; }

    #c2_wrap .c2_btn { margin: 40px auto 0; width: 200px; height: 50px; line-height: 48px; font-size: 15px; }
    #c2_wrap .c2_btn img { width: 23px; margin-left: 20px; top: -1px; }

}