/* common */
#c1_wrap { overflow: hidden; }
#c1_wrap .c_tit { line-height: 1; text-align: center; }
#c1_wrap .c_tit h1 { font-family: 'Poppins', sans-serif; font-size: 45px; font-weight: 600; color: #000; text-transform: uppercase; }
#c1_wrap .c_tit h1::before { content:""; display: block; width:30px; height: 3px; background-color: #287fd7; margin:0 auto 28px; }

#c1_wrap .c_btn { position:relative; display: block; margin:50px auto 0; width: 236px; height: 52px; line-height: 50px; text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #fff; border-left:1px solid transparent; border-right: 1px solid transparent; transition: .3s; font-size: 14px; color: #fff; text-transform: uppercase; font-family: 'Poppins', sans-serif; z-index: 1; border:0; }
#c1_wrap .c_btn img { margin-left: 13px; position:relative; top:-1px; }
#c1_wrap .c_btn::before { content:""; position:absolute; left:0; width:100%; top:0; height: 100%; background-image: linear-gradient(to left, #072c7d, #46c7ff); opacity: 1; transition: .3s; z-index: -1; }
/* #c1_wrap .c_btn:hover { border-color: transparent; }
#c1_wrap .c_btn:hover::before { width: 100%; opacity: 1; } */


/* c1 */
#c1_wrap { position:relative; z-index: 1; padding:80px 0 0; }

.c1_list { margin:50px 0 0; display: flex; justify-content: space-between; }
.c1_list li { position:relative; width:410px; height: 530px; background:no-repeat center; overflow: hidden; text-align: center; }
/* .c1_list li::before { content:""; position:absolute; left:0; width:100%; top:100%; height: 100%; background:rgba(0,0,0,0.6); opacity: 0; transition: .4s; } */
.c1_list li:nth-child(1) { background-image:url('../img/c1_img1.jpg'); }
.c1_list li:nth-child(2) { background-image:url('../img/c1_img2.jpg'); }
.c1_list li:nth-child(3) { background-image:url('../img/c1_img3.jpg'); }

.c1_list li .txt { position:absolute; left:0; width:100%; bottom:50px; text-align: center; transition: all .2s; }
.c1_list li .cover { position:absolute; left:0; width:100%; top:0; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; background:rgba(0,0,0,0.6); opacity: 0; transition: all .3s; }

.c1_list li b { display: block; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.8); margin:0 0 15px; }
.c1_list li h2 { font-family: 'Poppins', sans-serif; font-size: 32px; font-weight: 600; color: #fff; line-height: 1.22; }


/* hover */
.c1_list li:hover .txt { opacity: 0; }
.c1_list li:hover .cover { opacity: 1; }