/*공통css*/
#c4_wrap .con1300 { margin: 0 auto; width: 100%; max-width: 1300px; }
#c4_wrap .c_tit { line-height: 1;  }
#c4_wrap .c_tit h1 { position:relative; font-size: 60px; font-weight: bold; color: #000; word-break: keep-all; }
#c4_wrap .c_tit h1:before { content:""; display: block; width:50px; height: 1px; background:#191d29; margin:0 auto 34px; }
#c4_wrap .c_tit p { margin-top:40px; position:relative; top:-5px; font-size: 25px; color: #000; word-break: keep-all; }


/*Content CSS*/
#c4_wrap { width: 100%; height: 100vh; text-align: center; display: flex; align-items: center; justify-content: center; }
.c4_list ul { display: flex; margin-top: 60px; justify-content: space-between; flex-wrap: wrap;}
.c4_list ul li {border:1px solid #ddd;}
.c4_list ul li:nth-child(n+4) {margin-top: 30px;}



@media screen and (max-width:1350px) {
    /* c4 */
    #c4_wrap { padding:0 50px; }
    #c4_wrap .c_tit h1 { font-size: 50px; }
    #c4_wrap .c_tit p { margin-left: 25px; font-size: 22px; }

    .c4_list img {max-width: 100%;}
    .c4_list ul li {width: calc(33.3% - 13.3px); }
    .c4_list ul li:nth-child(n+4) {margin-top: 20px;}

}

@media screen and (max-width:1024px) {
    /* c4 */
    #c4_wrap { padding:0 40px; }
    .c4_list ul { margin-top: 40px; }
    .c4_list li { text-align: center; }
    .c4_list li:last-child { margin-right: 0; }
    .c4_list li img { max-width:100%; }


}

@media screen and (max-width:768px) {
    /* c4 */
    #c4_wrap { padding:0 20px; }
    #c4_wrap .c_tit { justify-content: center; flex-direction: column; align-items: center; text-align: center; }
    #c4_wrap .c_tit h1:before { margin: 0 auto 20px; }
    #c4_wrap .c_tit h1 { font-size: 40px; }
    #c4_wrap .c_tit p { font-size: 18px; margin:20px 0 0; }

    .c4_list ul { align-items: center; }
    .c4_list ul li {width: calc(50% - 10px); }
    .c4_list ul li:nth-child(n+3) {margin-top: 20px;}
    /* .c4_list li img { max-height: 60px; } */


}

@media screen and (max-width:640px) {
    /* .c4_list li img { max-height: 45px; } */
}

@media screen and (max-width:480px) {
    /* c4 */
    #c4_wrap .c_tit h1 { font-size: 33px; }
    #c4_wrap .c_tit p { font-size: 17px; }
    .c4_list ul { margin:0; }
    .c4_list li { margin:30px 0 0; }
    .c4_list ul li {width: calc(50% - 5px); }
    .c4_list ul li:nth-child(n+3) {margin-top:10px;}
    .c4_list li img { max-height:65px; }
}