/* 공통 */
#c4_wrap {height:100vh; min-height:900px; overflow: hidden; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; }
#c4_wrap .c_inner { width: 100%; max-width: 1400px; margin:0 auto; position: relative; padding:0 50px;}
#c4_wrap .c_tit h2 { line-height: 1.1;  position: relative; display: inline-block; }
#c4_wrap .c_tit h2::before {content: ''; display: block; width: 43px; height: 25px; position: absolute; left: -37px; top:-11px; background:url("../img/tit_mark.png") 50%/contain no-repeat;}

/* font size */
#c4_wrap .fs_70 {font-size: 70px; font-weight :700; color:#000; font-family: "Montserrat", sans-serif; }
#c4_wrap .fs_50 {font-size:50px; font-weight :600; line-height: 1.14;}
#c4_wrap .fs_35 {font-size:35px; font-weight :600; line-height: 1.4;}
#c4_wrap .fs_33 {font-size:33px; font-weight :600; line-height: 1.4;}
#c4_wrap .fs_22 {font-size: 22px; font-weight :400;  letter-spacing: -.44px;}
#c4_wrap .fs_20 {font-size: 20px; font-weight :400; line-height: 1.7; letter-spacing: -.4px;}
#c4_wrap .fs_18 {font-size: 18px; font-weight :400; line-height: 1.83; letter-spacing: -.36px; }

/* btn */
#c4_wrap .c_btn {width: 200px; height: 50px; display: flex; align-items: center; justify-content: space-between; color: #999; font-size: 15px; padding:0 20px 0 25px;
font-weight: 500; overflow: hidden; z-index: 1; position: relative; background:#fff; border:1px solid #ddd; transition: all .3s; text-transform: uppercase; pointer-events: auto;  }
#c4_wrap .c_btn::before {content: ""; z-index: -1; position: absolute; background: #fef15a; transition: all .4s; left: 0; top: 0; width: 0; height: 100%;}
#c4_wrap .c_btn .arrow {transition: background-image .3s; display: block; width: 24px ;height: 8px; background:url("../img/c_btn_arrow.png") 50%/contain no-repeat;
position: relative; top:-2px; }
#c4_wrap .c_btn:hover {border-color: #fef15a !important; color:#000 !important;  }
#c4_wrap .c_btn:hover .arrow {background-image:url("../img/c_btn_arrow_b.png") !important;}
#c4_wrap .c_btn:hover::before {width:100%;}
#c4_wrap .c_btn.wh {border-color: #fff; color:#fff; background: transparent; }
#c4_wrap .c_btn.wh .arrow {background-image:url("../img/c_btn_arrow_w.png");}

/*Content CSS*/
#c4_wrap {position: relative; background:url("../img/c4_bg.jpg") 50%/cover no-repeat; z-index: 2; }
#c4_wrap .c_tit h2 {color:#fff; }
#c4_wrap .c_btn {background: transparent; }

#c4_wrap .contact_box { width:100%; padding:60px 95px;display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
background:url("../img/contact_bg.jpg") 50%/cover no-repeat; margin:40px 0 60px; height: 250px; }
#c4_wrap .contact_box h2 {color:#fff; line-height: 1.14; margin: 0 0 30px; }



#c4_wrap footer { background: linear-gradient(to top, #000, transparent);}
/* #c4_wrap footer::before {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 200%; background: linear-gradient(to top, #000, transparent); z-index: -1; } */






@media screen and (max-width: 1400px) {
    /* common */
    /* #c4_wrap br:not(.space) {display: none;} */

    /* Content */
    #c4_wrap .contact_box {margin: 40px 0 30px;}

}

@media screen and (max-width:1279px) {
    /* common */
    #c4_wrap {min-height: 0; height: auto; padding:90px 0 0;}

    /* content */


}


@media screen and (max-width: 1024px) {
    /* common */
    #c4_wrap {padding: 70px 0 0; text-align: center;}
    #c4_wrap .c_inner {padding:0 30px;}
    #c4_wrap .c_tit h2::before { width: 30px; left: -28px; top: -13px;}
    /* font size */
    #c4_wrap .fs_70 {font-size:40px; }
    #c4_wrap .fs_50 {font-size:35px; }
    #c4_wrap .fs_35 {font-size:27px; }
    #c4_wrap .fs_33 {font-size:27px; }
    #c4_wrap .fs_22 {font-size: 17px; }
    #c4_wrap .fs_20 {font-size: 17px; }
    #c4_wrap .fs_18 {font-size: 16px; }


    /* Content */
    #c4_wrap .contact_box {display: block; text-align: center; position: relative; z-index: 1; margin: 40px 0 20px; height: auto; padding: 50px 30px;
    background-position: 70% 50%;}
    #c4_wrap .contact_box::before {content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,.25); position: absolute; left: 0; bottom: 0; z-index: -1; }
    #c4_wrap .contact_box h2 {line-height: 1.4;}
    #c4_wrap .c_btn {margin: 0 auto; }


}

@media screen and (max-width:640px) {
    /* common */
    #c4_wrap {padding: 50px 0 0;}
    #c4_wrap .c_inner {padding:0 20px;}
    #c4_wrap .c_tit h2::before {    width: 30px; left: -28px; top: -13px;}
    /* font size */
    #c4_wrap .fs_70 {font-size:35px; }
    #c4_wrap .fs_50 {font-size:28px; }
    #c4_wrap .fs_35 {font-size:24px; }
    #c4_wrap .fs_33 {font-size:23px; }
    #c4_wrap .fs_22 {font-size: 15px; }
    #c4_wrap .fs_20 {font-size: 15px; }
    #c4_wrap .fs_18 {font-size: 13px; }

    /* c_btn */
    #c4_wrap .c_btn {width: 100%; height: 40px; padding: 0 15px; font-size: 13px; }

    /* Content */
    #c4_wrap .contact_box {padding: 40px 20px; margin: 35px 0 20px; }



}