/* 공통 */
#c2_wrap .c_inner {width: 1300px; margin:0 auto; position: relative; }


/*Content CSS*/
#c2_wrap {display: flex; }
#c2_wrap .c_btn {flex:1; text-align: center; padding:155px 0; background: url('../img/c2_btn1.jpg') 50% 50% no-repeat; background-size: cover;
position: relative; z-index: 1; cursor: pointer; }
#c2_wrap .c_btn::before {content: ''; position: absolute; z-index: -1; left: 0; top:0; display: block; width: 100%; height: 100%;
transition: all .3s ease; background: #06112f; opacity: .8; mix-blend-mode: multiply;}
#c2_wrap .c_btn h1 {font-size: 43px; font-weight: 600; color:#fff; text-transform: uppercase; font-family: 'Poppins', sans-serif; margin:30px 0 50px;}
#c2_wrap .c_btn .icon {transition: transform 500ms;}
#c2_wrap .c_btn > span {display: block; width: 260px; height: 60px; line-height: 60px; background: rgba(255,255,255,.2); transition: all .3s ease;
text-align: center; font-size: 15px; font-weight: 300; color:#fff; text-transform: uppercase; margin:0 auto;}
#c2_wrap .c_btn > span img {margin-left: 15px; transition: all .4s ease; }

/* btn hover */
#c2_wrap .c_btn:hover::before {background: #eb6100; opacity: .87; mix-blend-mode:normal; }
#c2_wrap .c_btn:hover .icon {transform: rotateY(180deg);}
#c2_wrap .c_btn:hover > span {background: #1f1f2c; }
#c2_wrap .c_btn:hover > span img {transform: rotate(180deg);}

/* btn img */
#c2_wrap .c_btn.btn2 {background-image:url('../img/c2_btn2.jpg');}
#c2_wrap .c_btn.btn3 {background-image:url('../img/c2_btn3.jpg');}


@media screen and (max-width:1700px) {
    #c2_wrap .main_nav_wr  {display: none;}
}

@media screen and (max-width:1300px) {
    /* 공통 */
    #c2_wrap .main_nav_wr {display: none; }

    /* content */
    #c2_wrap .c_btn {padding:110px 0;}


}
@media screen and (max-width: 1024px) {
    /* 공통 */

    /* content */
    #c2_wrap {flex-direction: column; }
    #c2_wrap .c_btn {padding:50px 20px; display: flex; align-items: center; position: relative; }
    #c2_wrap .c_btn h1 {margin:0 0 0 20px; font-size: 32px;}
    #c2_wrap .c_btn > span {margin: 0; position: absolute; right: 20px;  width: 170px; height: 45px; line-height: 45px; font-size: 13px;
    top: 50%; transform: translateY(-50%);}
}


@media screen and (max-width: 640px) {
    /* 공통 */

    /* content */


}
@media screen and (max-width: 520px) {
    /* 공통 */

    /* content */
    #c2_wrap .c_btn > span {display: none; }
    #c2_wrap .c_btn {justify-content: center; }
}