/* 공통 */
#c1_wrap .c_inner { width: 100%; max-width: 1420px; margin:0 auto; position: relative; padding:0 60px;}
#c1_wrap .c_tit h2 {font-size:45px; color:#000; font-weight: 700; }
#c1_wrap .c_tit p {font-size:17px; 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%; max-width: 1500px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; margin:0 auto; position: relative; z-index: 1;}
#c1_wrap .bor_wrap::before {content: '' ;display: block; width: 1px; height: 100%; background-color: #ddd; position: absolute; left: calc(50% - 1px); top:0; ;}
#c1_wrap .c_btn a {display: flex; align-items: center; justify-content: space-between; padding: 0 25px ;line-height: 1; width: 200px; height: 50px;
border:1px solid #000; background-color: #000; transition: all .3s; font-size: 14px; 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: 95px 0;}
#c1_wrap .title {display: flex; justify-content: space-between;}
#c1_wrap .c_tit {display: flex; align-items: flex-end; line-height: 1;}
#c1_wrap .c_tit p {margin-left: 25px; position: relative; top:-2px; }

/* list */
#c1_wrap .list {display: flex; justify-content: space-between; margin-top: 70px; }
#c1_wrap .list li {width: 410px; }
#c1_wrap .list a {display: block; height: 320px; width: 100%; padding: 40px 45px; 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: 65px; height: 65px; position: absolute; left: 0; bottom: 0; background:url("../img/c1_arrow.png") 50% no-repeat #000;
transition: background-color .3s;}
#c1_wrap .list a:hover .frame {transform: translate(-20px, -20px); border-color: #0583f2;}
#c1_wrap .list a:hover .frame i {background-color: #0583f2;}
#c1_wrap .list .txt h3 {font-size: 26px; font-weight: 700; color:#000; letter-spacing: -.65px; line-height: 1;}
#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: 20px; font-size: 15px; font-weight: 400; color :#999; letter-spacing: -.4px; font-family: 'Montserrat'; margin-top: 15px; }

#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) {

}