/* 공통 */
#c3_wrap .c_title {font-size: 55px; font-weight: 600; text-transform: uppercase; color:#000; letter-spacing: 1.4px; font-family: 'Poppins', sans-serif;}
#c3_wrap .c_title::after {content: ''; display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #eb6101;
margin-left: 10px;}
#c3_wrap .c_p {font-size: 17px; font-weight: 300; color:#333; line-height: 30px; word-break: keep-all; }


/*Content CSS*/
#c3_wrap {position: relative; padding:100px 0 0; z-index: 3; display: flex;}
#c3_wrap .img {width: 50%; height: 660px; position: relative; background: url('../img/c3_img.jpg') 50% 50% no-repeat;}
#c3_wrap .img .c_btn {display: flex; position: absolute; right: 0; bottom: 0; width: 100px; height: 100px; display: flex; align-items: center;
justify-content: center; background-image: linear-gradient(to top, #e05619, #ff9231); z-index: 1; }
#c3_wrap .img .c_btn img {    transition: all .4s ease;}
#c3_wrap .img .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: 0; }
#c3_wrap .img .c_btn:hover::before {opacity: 1; }
#c3_wrap .img .c_btn:hover img {transform: rotate(180deg); }

#c3_wrap .txt {width: 50%; padding: 50px 50px 0 100px;}
#c3_wrap .txt .c_p {margin-top: 30px;}


/* c1_nav */
#c3_wrap .main_nav_wr {height: 100%; background:transparent; padding-bottom: 100px;}
#c3_wrap .main_nav li span {height: 70px; left: -26px; color:#181818;}
#c3_wrap .main_nav li.active a {border-color:#1f1f2c; }
#c3_wrap .main_nav li a::before {background: #1f1f2c; }


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

@media screen and (max-width:1300px) {
    /* 공통 */
    #c3_wrap .c_inner {width: 100%; padding:0 50px; }
    #c3_wrap .main_nav_wr {display: none; }

    /* content */
    #c3_wrap .c_p br {display: none;}
    #c3_wrap .c_p br.space {display: block; }
    #c3_wrap .txt {padding-left: 50px;}
}
@media screen and (max-width: 1024px) {
    /* 공통 */
    #c3_wrap {padding:90px 0;}
    #c3_wrap .c_inner {padding:0 30px; }
    #c3_wrap .c_title {font-size: 40px;}
    #c3_wrap .c_p {line-height: 24px; font-size: 14px;}

    /* content */
    #c3_wrap {flex-direction: column; align-items: center; padding: 90px 20px;}
    #c3_wrap .img, #c3_wrap .txt {width: 100%; text-align: center; }
    #c3_wrap .img {height: 450px;background-size: cover;}
    #c3_wrap .txt .c_p {margin-top: 15px;}

}


@media screen and (max-width: 640px) {
    /* 공통 */
    #c3_wrap {padding: 60px 0;}
    #c3_wrap .c_inner {padding:0 15px; }

    /* content */
    #c3_wrap {padding:60px 15px;}
    #c3_wrap .img {height:350px;}
    #c3_wrap .img .c_btn {width: 70px; height: 70px;}
    #c3_wrap .txt {padding: 40px 0 0;}

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

    /* content */


}
