/* 공통 */
#c1_wrap .c_inner { width: 100%; max-width: 1420px; margin:0 auto; position: relative; padding:0 20px;}
#c1_wrap .c_tit h2 {font-size:30px; color:#000; font-weight: 700; }
#c1_wrap .c_tit p {font-size:14px; color:#555; font-weight: 300; letter-spacing: -.45px; }
#c1_wrap .c_p {font-size: 20px; font-weight :300; line-height: 36px; color:#fff; word-break: keep-all;}
#c1_wrap .bor_wrap {width: 100%; margin:0 auto; position: relative; z-index: 1;}
#c1_wrap .c_btn a {display: flex; align-items: center; justify-content: space-between; padding: 0 15px ;line-height: 1; width: 150px; height: 40px;
border:1px solid #000; background-color: #000; transition: all .3s; font-size: 13px; font-weight: 300; color:#fff; letter-spacing: -.35px; font-family: 'Montserrat'; }
#c1_wrap .c_btn a i {display: block; width: 20px; height: 5px; background:url("../img/c_btn_arrow.png") 50% no-repeat;}
#c1_wrap .c_btn a:hover {background-color: #0583f2 ; border-color: #0583f2; }
#c1_wrap .c_btn a:hover i {animation: c1_ani 1s ease-in-out infinite;}
@keyframes c1_ani {
  0%,
  100% {transform: translate(0, 0);}
  50% {transform: translate(6px, 0);}
}

/*Content CSS*/
#c1_wrap .bor_wrap {padding:50px 0;text-align: center;}
#c1_wrap .title .c_btn a {margin:25px auto 0;}
#c1_wrap .c_tit p {margin-top: 10px;  }

/* list */
#c1_wrap .list {display: flex; align-items: center; flex-direction: column; margin-top:40px; text-align: left;}
#c1_wrap .list li {max-width: 410px; width: 100%; }
#c1_wrap .list li:nth-child(n+2) {margin-top:15px;}
#c1_wrap .list a {display: block; height: 190px; width: 100%; padding: 30px 20px; position: relative; background:url("../img/c1_img1.jpg") 100% 100%/cover no-repeat;}
#c1_wrap .list a .frame {position: absolute; left:0; top:0; width: 100%; height: 100%; border:3px solid transparent; transition: all .3s;}
#c1_wrap .list a .frame i {display: block; width: 45px; height: 45px; position: absolute; left: 0; bottom: 0; background:url("../img/c1_arrow.png") 50% no-repeat #000;
transition: background-color .3s; background-size: 35%;}
#c1_wrap .list a:hover .frame {transform: translate(-10px, -10px); border-color: #0583f2;}
#c1_wrap .list a:hover .frame i {background-color: #0583f2;}
#c1_wrap .list .txt h3 {font-size: 20px; font-weight: 700; color:#000; letter-spacing: -.65px; line-height: 1;
text-shadow: -1px 0px #F2F6F9, 0px 1px #F2F6F9, 1px 0px #F2F6F9, 0px -1px #F2F6F9;}
#c1_wrap .list .txt h3::before {content: '';display: block; width: 20px; height: 3px; background-color: #0583f2; margin:0 0 14px;}
#c1_wrap .list .txt p {line-height: 18px; font-size: 13px; font-weight: 400; color :#999; letter-spacing: -.4px; font-family: 'Montserrat'; margin-top: 15px;
text-shadow: -1px 0px #F2F6F9, 0px 1px #F2F6F9, 1px 0px #F2F6F9, 0px -1px #F2F6F9;}

#c1_wrap .list li:nth-child(2) a {background-image:url("../img/c1_img2.jpg"); }
#c1_wrap .list li:nth-child(3) a {background-image:url("../img/c1_img3.jpg"); }






@media screen and (max-width:1500px) {
    #c1_wrap .bor_wrap {border:0;}
}

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

}

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

}