/* 공통 */
#c2_wrap .c_inner {width: 100%; max-width: 1400px; padding: 0 20px; margin:0 auto; position: relative; }
#c2_wrap .c_tit h2 span { color:#e53b11;  }

/* font size */
#c2_wrap .fs_50 {font-size: 25px; font-weight: 800; line-height: 1.5; font-family: 'NanumSquare'; }
#c2_wrap .fs_32 {font-size: 20px; font-weight: 800; line-height: 1.1; font-family: 'NanumSquare'; }
#c2_wrap .fs_25 {font-size: 17px; font-weight: 400; line-height: 1.5; font-family: 'NanumSquare'; }


/*Content CSS*/
#c2_wrap {position: relative; z-index: 1;text-align: center;  background: #fff; padding: 50px 0; background:url("../img/c2_bg.jpg") 50%/cover no-repeat;}
#c2_wrap .c_tit h2 {  color: rgba(255, 255, 255, 1);}
#c2_wrap .c_tit p { color: rgba(255, 255, 255, 0.8); margin-top: 10px; }


#c2_wrap .list { margin-top: 30px;}
#c2_wrap .list > li {position: relative; overflow: hidden; margin: 0 auto 20px; max-width: 300px; }
#c2_wrap .list > li:last-child {margin-bottom: 0; }
#c2_wrap .list a {position: relative; overflow: hidden; display: block; width: 100%;}
#c2_wrap .list h3 {width: 100%;  color:#fff; transition: opacity .3s; line-height: 1.41; }
#c2_wrap .list h4 {width: 100%;  color:#fff; margin-bottom: 15px; font-weight:800; font-size: 18px;}
#c2_wrap .list h4::before {content: ''; display: block; display: block; width: 30px; height: 3px; background: #fff; margin: 0 auto 10px; }
#c2_wrap .list .cover {width:calc(100% - 50px); position: absolute; left: 25px; bottom:30px; display: flex; align-items: center; justify-content: flex-end; z-index: 2; flex-direction: column;  padding:30px 20px;}
#c2_wrap .list .cover::before {content: ''; display: block; width: 100%; height: 100%; background-image: linear-gradient(-45deg, #d71920, #ffce3a); opacity: .85;
position: absolute; left: 0; top:0; z-index: -1; }
#c2_wrap .list .plus {display: flex ;align-items: center; justify-content: center; width: 70px; height: 70px; border:1px solid #fff; margin-top: 45px;}
#c2_wrap .list .plus::before {content: ''; display: block; width: 35pxfff; height: 35px; background:url("../img/c1_plus.png") 50% no-repeat; transition: all .3s; }

#c2_wrap .list a > img {width: 100%; }
/* #c2_wrap .list a:hover > img {transform: scale(1.05);} */






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

}