/* common */
#c3_wrap .c_inner { padding: 0 50px; margin: 0 auto; max-width: 1500px; width: 100%; }
#c3_wrap .c_title span {font-size: 22px; font-weight: 700; color:#0055a2; margin-bottom: 25px; display: block;}

/* font size */
#c3_wrap .fs_42 {font-size: 42px; font-weight:300; color: #000; line-height: 1.3; letter-spacing: -1.05px;}
#c3_wrap .fs_60 {font-size: 60px; font-weight: 700; color: #000; line-height: 1.3; }
#c3_wrap .fs_24 {font-size: 24px; font-weight:600; color: #000; line-height: 1.3; letter-spacing: -0.6px;}
#c3_wrap .fs_18 {font-size: 18px; font-weight: 300; color: #000; line-height: 2; }
#c3_wrap .fs_17 {font-size: 17px; font-weight: 300; color: #000; line-height: 1.76; }

/*Content CSS*/
#c3_wrap {padding: 155px 0 135px; background:#fff; overflow: hidden; position: relative; z-index: 1; }
#c3_wrap .c_inner {display: flex; justify-content:space-between; align-items: center; }
#c3_wrap .line {position: absolute; width: 100%;max-width: 1500px; height: 100%; display: flex; justify-content: space-between; z-index: -2; left: 50%;
transform: translateX(-50%); padding:0 50px 0 750px; bottom:0 ;}
#c3_wrap .line > span {width: 1px; height: 100%;background: #ddd; }
#c3_wrap .ptn {position: absolute; z-index: -1; }
#c3_wrap .ptn.ptn1 {left: 0; bottom: -288px; }
#c3_wrap .ptn.ptn2 {left: 50%; top: -246px; transform: translateX(-85%);}

#c3_wrap .left p {margin-top: 25px; }
#c3_wrap .box_wrap {display: flex; }
#c3_wrap .box_wrap a {display: block; }
#c3_wrap .box_wrap a + a {margin-left: 25px; }
#c3_wrap .box_wrap .img {position: relative; border-radius: 15px 15px 0 0; width: 100%; overflow: hidden ;}
#c3_wrap .box_wrap .img img { transition:transform .3s; }
#c3_wrap .box_wrap a:hover .img img { transform: scale(1.05); }
#c3_wrap .box_wrap .txt {background-color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 30px 40px;
box-shadow: 0 0 35px 0 rgba(0, 36, 58, 0.08);}
#c3_wrap .box_wrap .txt span { font-size: 12px; font-weight: 400; color: #ccc;   line-height: 1; font-family: 'NanumGothic'; }



@media screen and (max-width: 1500px) {
    /* common */
    #c3_wrap .line {padding-left: 50%;}
    #c3_wrap .left {width:35%; padding-right: 50px;}
    #c3_wrap .left br {display: none;}
    #c3_wrap .box_wrap {width: 65%;}
    #c3_wrap .box_wrap .txt {padding: 30px 20px;}
}

@media screen and (max-width: 1024px) {
    /* common */
    #c3_wrap {padding: 70px 0; text-align: center;}
    #c3_wrap .c_inner {padding:0 30px;}
    #c3_wrap .c_title span {font-size: 18px; margin-bottom: 15px;}
    /* font size */
    #c3_wrap .fs_42 {font-size: 30px;  }
    #c3_wrap .fs_60 {font-size: 40px;  }
    #c3_wrap .fs_24 {font-size: 18px;  }
    #c3_wrap .fs_18 {font-size: 15px; }
    #c3_wrap .fs_17 {font-size: 15px; }

    /* Content CSS */
    #c3_wrap .line,
    #c3_wrap .ptn {display: none;}
    #c3_wrap .c_inner {display: block; }
    #c3_wrap .left {width:100%; padding-right: 0;}
    #c3_wrap .left br {display: block;}
    #c3_wrap .left p {margin-top: 15px;}
    #c3_wrap .box_wrap {width: 100%; justify-content: center; margin-top: 50px;}
    #c3_wrap .box_wrap .txt {padding: 20px;}


}

@media screen and (max-width:640px) {
    /* common */
    #c3_wrap {padding: 50px 0;}
    #c3_wrap .c_inner {padding:0 20px;}
    #c3_wrap .c_title span {font-size: 16px; margin-bottom: 10px;}
    /* font size */
    #c3_wrap .fs_42 {font-size:22px;  }
    #c3_wrap .fs_60 {font-size: 30px;  }
    #c3_wrap .fs_18 {font-size: 14px; }
    #c3_wrap .fs_17 {font-size: 13px; }

    /* Content CSS */
    #c3_wrap .box_wrap {margin-top: 40px;}
    #c3_wrap .box_wrap a + a {margin-left: 20px;}
    #c3_wrap .box_wrap .txt { flex-direction: column; align-items: flex-start; padding: 15px;}
    #c3_wrap .box_wrap .txt span {align-self: flex-end; margin-top: 4px; font-size: 11px;}

}

@media screen and (max-width:480px) {
    #c3_wrap .left br {display: none; }
    #c3_wrap .box_wrap {margin-top: 30px; display: block; }
    #c3_wrap .box_wrap a {width: 100%;}
    #c3_wrap .box_wrap a + a {margin: 20px 0 0;}

}