/* 공통 */
#c5_wrap .c_inner {width: 1300px; margin:0 auto; position: relative; }
#c5_wrap .c_title h1 {font-size:60px; font-weight: 400; color:#fff; line-height: 90px; word-break: keep-all; font-family: 'BMDOHYEON';}
#c5_wrap .cont_p {font-size:18px; font-weight: 300; color:#fff; line-height: 36px; word-break: keep-all; }

/*Content CSS*/
#c5_wrap {text-align: center; position: relative; padding:120px 0 130px; }
#c5_wrap .list {margin-top: 70px;display: flex; justify-content: space-between; }
#c5_wrap .list li {width: 630px;}
#c5_wrap .list li a {display: block; position: relative; width: 100%; }
#c5_wrap .list li a .img img {width: 100%; }
#c5_wrap .list li a .cover {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; flex-direction: column; align-items: center ;justify-content: center;
background-image: linear-gradient(to bottom, rgba(0,95,223,.85), rgba(0,95,223,1)); transition: opacity .3s ease; opacity: 0; }
#c5_wrap .list li a .cover h2 {font-size:14px; font-weight: 400; color:#fff; font-family: 'Montserrat'; margin-top: 45px; }
#c5_wrap .list li a .cover h2 img {margin-left: 5px; position: relative; top: -1px; }

/* hover */
@media screen and (min-width:1025px) {
    #c5_wrap .list li a:hover .cover {opacity: 1; }
}
@media screen and (max-width:1024px) {
    #c5_wrap .list li a:active .cover {opacity: 1; }
}




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

    /* content */
    #c5_wrap .list li {width: calc(50% - 15px); }
}

@media screen and (max-width: 1024px) {
    /* 공통 */
    #c5_wrap .c_inner {width: 100%; padding:0 30px; }
    #c5_wrap .c_title h1 {font-size:45px; line-height: 75px;}
    #c5_wrap .cont_p {font-size:16px; line-height: 30px;}

    /* content */
    #c5_wrap {padding:90px 0;}
    #c5_wrap .list {margin-top: 50px; }
    #c5_wrap .list li {width: calc(50% - 10px);}
    #c5_wrap .list li a .cover {padding:0 30px; }
    #c5_wrap .list li a .logo img {width: 260px; max-width: 100%;}



}

@media screen and (max-width: 640px) {
    /* 공통 */
    #c5_wrap .c_title h1 {font-size:35px; line-height: 60px;}

    /* content */
    #c5_wrap {padding:60px 0;}
    #c5_wrap .list  {margin-top: 40px; flex-wrap:wrap; }
    #c5_wrap .list li {width: 100%;}
    #c5_wrap .list li:nth-child(n+2) {margin-top: 20px;}
    #c5_wrap .list li a .cover h2 {font-size:12px; margin-top: 30px;}

}

@media screen and (max-width: 480px) {
    /* 공통 */
    #c5_wrap .c_inner {width: 100%; padding:0 15px; }
    #c5_wrap .c_title h1 {font-size:30px; line-height: 50px;}

}