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

/*Content CSS*/
#c3_wrap {text-align: center; position: relative; padding:140px 0 130px;}
#c3_wrap .list {display: flex ;flex-wrap:wrap; margin-top: 70px; }
#c3_wrap .list li {width: 410px ;margin-right: 35px; }
#c3_wrap .list li:nth-child(3n) {margin-right: 0; }
#c3_wrap .list li:nth-child(n+4) {margin-top: 35px; }
#c3_wrap .list li a {display: block; width: 100%; position: relative; }
#c3_wrap .list li a .bg img {width: 100%; }
#c3_wrap .list li a .cover {position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; transition: opacity .3s ease; display: flex;flex-direction: column;
align-items: center; justify-content: center; opacity: 0; }
#c3_wrap .list li a .cover .img img {position: absolute; left: 0; top: 0 ;width: 100%; z-index: -1; }
#c3_wrap .list li a .cover h1 {font-size:45px; font-weight: 400; color:#fff; font-family: 'BMDOHYEON'; margin:15px 0 25px;}
#c3_wrap .list li a .cover h2 {font-size:14px; font-weight: 400; color:#fff; font-family: 'Montserrat'; }
#c3_wrap .list li a .cover h2 img {margin-left: 5px; position: relative; top: -2px; }

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


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

    /* content */
    #c3_wrap .list li {margin-right: 21px; width: calc(33.3% - 14px);}
    #c3_wrap .list li:nth-child(n+4) {margin-top:21px; }
    #c3_wrap .list li a .cover h1 {font-size:38px; margin:15px 0 20px;}




}

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

    /* content */
    #c3_wrap {padding:90px 0;}
    #c3_wrap .list  {margin-top: 50px; }
    #c3_wrap .list li {width: calc(50% - 15px); margin-right: 30px; }
    #c3_wrap .list li:nth-child(3n) {margin-right:30px; }
    #c3_wrap .list li:nth-child(2n) {margin-right: 0; }
    #c3_wrap .list li:nth-child(n+3) {margin-top:30px; }

}

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


    /* content */
    #c3_wrap {padding:60px 0;}
    #c3_wrap .list  {margin-top: 40px; }
    #c3_wrap .list li {width: calc(50% - 10px); margin-right: 20px; }
    #c3_wrap .list li:nth-child(3n) {margin-right:20px; }
    #c3_wrap .list li:nth-child(2n) {margin-right: 0; }
    #c3_wrap .list li:nth-child(n+3) {margin-top:20px; }

    #c3_wrap .list li a .cover .logo img {width: 80px;}
    #c3_wrap .list li a .cover h1 {font-size:20px;}
    #c3_wrap .list li a .cover h2 {font-size:12px; }

}

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

    /* content */
    #c3_wrap .list li {width: calc(50% - 5px); margin-right: 10px; }
    #c3_wrap .list li:nth-child(3n) {margin-right:10px; }
    #c3_wrap .list li:nth-child(2n) {margin-right: 0; }
    #c3_wrap .list li:nth-child(n+3) {margin-top:10px; }

}