/* 공통 */
#c2_wrap .c_inner { width: 1400px; margin:0 auto; position: relative; padding:0 50px;}
#c2_wrap .c_tit h1 {font-size: 60px; font-weight: 700; color:#000; line-height: 1;}
#c2_wrap .c_p {font-size: 18px; line-height: 30px; font-weight:300; color:#000;  word-break: keep-all; }
#c2_wrap  .wh {color:#fff !important; }
/* btn */
#c2_wrap .c_btn {width: 180px; height: 45px; display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 14px; padding:0 24px;
font-weight: 300; overflow: hidden; z-index: 1; position: relative; background: #9c2024; }
#c2_wrap .c_btn::before {content: ""; z-index: -1; position: absolute; background: #000; transition: all .4s; left: 0; top: 0; width: 0; height: 100%;}


/*Content CSS*/
#c2_wrap {position: relative; z-index: 2; background:url("../img/c2_bg.jpg") 50% 50% no-repeat; background-size:cover; background-attachment: fixed;}
#c2_wrap .c_inner {  padding:100px 50px 120px; }
#c2_wrap .cont {padding:0 450px 0 0;}
#c2_wrap .cont p {margin:30px 0 50px;}
#c2_wrap .box {position: absolute; right:50px;  top:-75px; text-align: right; background:url("../img/c2_box.jpg") 50% 50% no-repeat; background-size:cover;
padding:90px 70px 90px 90px;}
#c2_wrap .box h3 {font-size: 18px; font-weight: 700; color:#fff; }
#c2_wrap .box h2 {font-size: 35px; font-weight: 700; color:#fff; margin:30px 0;}
#c2_wrap .box ul li {font-size: 15px; font-weight: 300; color:rgba(255, 255, 255, 0.7); line-height: 27px; }





@media screen and (min-width: 1025px) {
    /* hover */
    #c2_wrap .c_btn:hover {border-color: #0053a5; color:#fff; }
    #c2_wrap .c_btn:hover::before {width:100%;}

}


@media screen and (max-width: 1400px) {
    /* 공통 */
    #c2_wrap .c_inner {width: 100%; }

    /* content */
    #c2_wrap .cont p br {display: none;}


}

@media screen and (max-width: 1024px) {
    /* 공통 */
    #c2_wrap {padding:90px 0; }
    #c2_wrap .c_inner { padding: 0 30px; }
    #c2_wrap .c_tit h1 {font-size: 35px;}
    #c2_wrap .c_p {font-size: 15px; line-height: 26px; }


    /* content */
    #c2_wrap {background-attachment: inherit; text-align: center;}
    #c2_wrap .c_inner {}
    #c2_wrap .cont {padding:0; }
    #c2_wrap .cont p {margin:20px 0 30px}
    #c2_wrap .cont p br {display: block ;}
    #c2_wrap .c_btn {margin:0 auto; }

    #c2_wrap .box {position: static; text-align: center; margin:50px auto 0;  padding: 50px 30px; max-width: 400px;}
    #c2_wrap .box h3 {font-size: 16px;}
    #c2_wrap .box h2 {margin:20px 0; font-size: 30px;}

    /* hover */
    #c2_wrap .c_btn {background-color: #000; }
    /* #c2_wrap .c_btn:active {border-color: #0053a5; color:#fff; } */
    #c2_wrap .c_btn:active::before {width:100%; background-color: #9c2024; }




}

@media screen and (max-width: 640px) {
    /* 공통*/
    #c2_wrap {padding:60px 0;}
    #c2_wrap .c_inner { padding: 0 15px; }
    #c2_wrap .c_tit h1 {font-size: 30px;}
    #c2_wrap .c_p {font-size: 14px; line-height: 24px; }

    /* content */
    #c2_wrap .cont p br {display: none ;}
    #c2_wrap .cont p {margin:15px 0 20px}

    #c2_wrap .box {padding:30px 20px; max-width: 300px;}
    #c2_wrap .box h3 {font-size: 14px;}
    #c2_wrap .box h2 {margin:15px 0; font-size: 25px;}
    #c2_wrap .box ul li {font-size: 13px; line-height: 22px;}

}

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




}