/* 공통 */
#c1_wrap .c_inner {width:1300px; margin:0 auto;}

/*Content CSS*/
#c1_wrap {margin-top:-160px; margin-bottom: -100px; text-align: center; position: relative; z-index: 3;}
#c1_wrap ul {display: flex; width:100%; height:260px; }
.c1_btn {flex:1; height: 100%;}
.c1_btn a {width:100%; height:100%; display: flex; align-items: center; justify-content: center;  transition: all .3s ease; background: #fff; flex-direction: column;
box-shadow: 10.1px 4.3px 13px 0 rgba(0, 0, 0, 0.04); position: relative; z-index: 1; }
.c1_btn a::before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left:0; top:0; background-image: url('../img/c1_box_ov.jpg'); opacity: 0;
transition: opacity .3s ease; z-index: -1 ;}
.c1_btn a::after{ content: ''; display: block; width: 1px; height: 160px; background: #dee6e6; position: absolute; right:0; top:50%; transform:translateY(-50%); z-index: -2; }
#c1_list .c1_btn:last-child a::after {display: none; }
.c1_btn a .icon {transition: all .3s ease;  width: 55px; height: 55px; }
.c1_btn a h1 {transition: color .3s ease ;font-size: 20px; font-weight: 700; color:#333; font-family: 'NanumSquare',sans-serif; margin:25px 0 15px;}
.c1_btn a span {width: 140px; height: 40px;  line-height: 40px; transition: all .3s ease; border-top: 1px solid #dee6e6;  border-bottom: 1px solid #dee6e6;
display: block; margin:0 auto; font-size:14px; font-weight: 700; color:#bad5d6; font-family: 'NanumSquare',sans-serif; }
#c1_list .c1_btn:nth-child(1) a .icon {background: url('../img/c1_icon1.png?v=201007') 50% 50% no-repeat;}
#c1_list .c1_btn:nth-child(2) a .icon {background: url('../img/c1_icon2.png?v=201007') 50% 50% no-repeat;}
#c1_list .c1_btn:nth-child(3) a .icon {background: url('../img/c1_icon3.png?v=201007') 50% 50% no-repeat;}
#c1_list .c1_btn:nth-child(4) a .icon {background: url('../img/c1_icon4.png?v=201007') 50% 50% no-repeat;}
#c1_list .c1_btn:nth-child(5) a .icon {background: url('../img/c1_icon5.png?v=201007') 50% 50% no-repeat;}

.c1_btn a:hover::before {opacity: 1; }
.c1_btn a:hover h1 {color:#fff;}
.c1_btn a:hover span {border-color: #fff; color:#fff; background: rgba(255,255,255,.18); }
#c1_list .c1_btn:nth-child(1) a:hover .icon {background-image:  url('../img/c1_icon1_ov.png');}
#c1_list .c1_btn:nth-child(2) a:hover .icon {background-image:  url('../img/c1_icon2_ov.png');}
#c1_list .c1_btn:nth-child(3) a:hover .icon {background-image:  url('../img/c1_icon3_ov.png');}
#c1_list .c1_btn:nth-child(4) a:hover .icon {background-image:  url('../img/c1_icon4_ov.png');}
#c1_list .c1_btn:nth-child(5) a:hover .icon {background-image:  url('../img/c1_icon5_ov.png');}



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

}

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

}

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

}