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

/* font size */
#c1_wrap .fs_50 {font-size: 50px; font-weight: 800; line-height: 1.1; font-family: 'NanumSquare'; }
#c1_wrap .fs_32 {font-size: 32px; font-weight: 800; line-height: 1.1; font-family: 'NanumSquare'; }


/*Content CSS*/
#c1_wrap {position: relative; z-index: 1;text-align: center;  background: #fff; padding: 80px 0 110px;}
/* #c1_wrap::before {content: ''; display: block; width: 246px; height: 448px; position: absolute; right: 0; top:0; z-index: -1;  background:url("../img/c1_logo.png") no-repeat;} */


#c1_wrap .list {display: flex; justify-content: space-between; margin-top: 50px;}
#c1_wrap .list > li {position: relative; overflow: hidden; width: 420px; }
#c1_wrap .list a {position: relative; display: block; width: 100%;}
#c1_wrap .list h3 {width: 100%;  color:#fff; transition: opacity .3s; }
#c1_wrap .list .out_tit {position: absolute; left: 0; bottom: 40px;}
#c1_wrap .list h3::before {content: ''; display: block; display: block; width: 30px; height: 3px; background: #fff; margin: 0 auto 15px; }
#c1_wrap .list .cover {width: 100%; height: 100%; position: absolute; left: 0; top:0; display: flex; align-items: center; justify-content: center; z-index: 2;
transition: opacity .3s; opacity: 0; flex-direction: column;  }
#c1_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; }
#c1_wrap .list .plus {display: flex ;align-items: center; justify-content: center; width: 70px; height: 70px; border:1px solid #fff; margin-top: 45px;}
#c1_wrap .list .plus::before {content: ''; display: block; width: 35px; height: 35px; background:url("../img/c1_plus.png") 50% no-repeat; transition: all .3s; }

#c1_wrap .list li:hover .out_tit {opacity: 0;}
#c1_wrap .list li:hover .cover {opacity: 1; }
#c1_wrap .list li:hover .plus::before {transform: rotate(90deg); }



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

}