/* 공통 */
#c1_wrap .c_inner {width: 100%; margin:0 auto ;}
#c1_wrap .c_head {font-size:35px; font-weight: 800; color:#000; font-family: 'NanumSquare',sans-serif;}

/*Content CSS*/
#c1_wrap {padding: 60px 20px; background-color: #fff; text-align: center; overflow: hidden;}
#c1_wrap .list {margin-top: 25px; }
#c1_wrap .list li {width: 100%; text-align: center; margin-bottom: 20px;}
#c1_wrap .list li > a {display: block; width: 100%; position: relative; overflow: hidden;}
#c1_wrap .list li .img {width: 100%; display: flex ;align-items: center; justify-content: center ;border-bottom: 0; overflow: hidden; padding:20px 0;
background: rgba(214,215,218,1);}
#c1_wrap .list li .img img {transition: all .3s ease; height: 200px;}
#c1_wrap .list li .txt {width: 100%; padding: 0 15px; height:55px; line-height: 55px; background-color: rgba(0,159,232,.5); position: absolute; left: 0; bottom: 0; }
#c1_wrap .list li .txt h1 {font-size: 17px; font-weight: 800; color:#fff; font-family: 'NanumSquare',sans-serif;}
#c1_wrap .list li .txt p {font-size:12px; font-weight: 300; opacity: .8; display: block;color:#fff; position: absolute; right: 5px;  bottom: 2px;
line-height: 20px;}

#c1_wrap .list li:first-child .img {padding:0; }
#c1_wrap .list li:first-child .img img {height: auto; max-width: 100%; }


/* #c1_wrap .list li:nth-child(2) .txt {background-color: #007ee8;}
#c1_wrap .list li:nth-child(2) .img {background: rgba(0,126,232,.85); }
#c1_wrap .list li:nth-child(3) .txt {background-color: #18233f;}
#c1_wrap .list li:nth-child(3) .img {background: rgba(24,35,63,.85); padding:20px 0 10px;} */
#c1_wrap .list li > a:hover img {transform: scale(1.1);}



@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {

}