/* 공통 */
#c1_wrap .c_inner {width: 100%; position: relative ; padding: 0 ;}

/*Content CSS*/
#c1_wrap {position: relative; z-index: 2; margin-top: -0;}
#c1_wrap .c_inner {background-color: #fff;  box-shadow: 0 0 21px 0 rgba(0, 0, 0, 0.11); }
#c1_wrap .head {width: 100%; display: flex; flex-direction: column; justify-content: center; background: url('../img/c1_head.jpg') 50% 50% no-repeat; background-size:cover;
text-align: center; text-align: left ;height: 100%; padding: 0 15px;}
#c1_wrap .head h2 {font-size:13px; font-weight: 700; color:#fff; }
#c1_wrap .head h1 {font-size:17px; font-weight: 700; color:#fff ;margin-top: 5px; }
#c1_wrap .head h1::after {content: ''; display: block; width: 30px; height: 1px; background-color: #fff; margin:20px 0 0;}

/* cont */
#c1_wrap .cont {width: 100%}
#c1_wrap .cont ul {padding:0 0; display: flex; flex-wrap:wrap; text-align: center; width: 100%; }
#c1_wrap .cont ul li {width: 50%; }

#c1_wrap .cont ul li a .icon {height: 53px; line-height: 53px; transition: transform 500ms; }
#c1_wrap .cont ul li a h2 {font-size:13px; font-weight: 700; color:#0000ff; font-family: 'Montserrat'; margin:12px 0 10px 0;}
#c1_wrap .cont ul li a h1 {font-size:15px; font-weight: 400; color:#000; font-family: 'NanumSquare', sans-serif; }

#c1_wrap .cont ul li a {display: block; width: 100%; padding:0 ;padding:15px 15px; border-bottom: 1px solid #ddd;}
#c1_wrap .cont ul li:nth-child(even) a {border-left: 1px solid #ddd;}
#c1_wrap .cont ul li:nth-child(n+5) a {border-bottom: 0; }
/* #c1_wrap .cont ul li a:hover .icon {transform: rotateY(180deg);} */





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

}

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

}

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

}