/*공통*/
.text-center {text-align:center;}
.con {width:100%; padding:0 15px;}
.main_title {text-align:center; position: relative;}
.main_title h1 {font-weight: 400; font-size:24px; color:#333333;     font-family: 'NanumSquare',sans-serif;  word-break: keep-all; line-height: 36px;}
.main_title h1 b {font-weight: 600;}
.main_title span {display: block;  width: 40px; height: 4px; background-color: #019b92; margin:20px auto 0;}
.main_title p {font-size:15px; font-weight: 400; color:#333; letter-spacing: -1px; margin-top:20px; word-break: keep-all;}
.main_title a {font-size:15px; font-weight: 400; color:#019b92; display: block; margin-top:10px;}



/*Content CSS*/
.c2_wrap {padding:0 0 50px 0;}
.c2_con {width:100%; height:400px;     background: url('../img/c2_bg.jpg') 50% 50% no-repeat; margin-top:30px; color:#fff; background-size:cover;}
.c2_con ul {text-align:center; display: flex ; flex-wrap:wrap;  height:100%;  }
.c2_con ul li {width:50%; height:50%; display: flex; align-items: center; flex-direction: column; justify-content: center; font-size:20px;}
/* .c2_con ul li:first-child {margin-left:30px;} */
.c2_con ul li h2 {font-size:2.5em; font-weight: 600; font-family: 'NanumSquare',sans-serif; }
.c2_con ul li p {font-size:1.5em; font-weight: 600; margin-top:10px;  font-family: 'NanumSquare',sans-serif;}


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

}

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

}

@media screen and (max-width: 640px) {
    .c2_con ul li {font-size:18px;}
}

@media screen and (max-width: 480px) {
    .c2_con ul li {font-size:16px;}
}


@media screen and (max-width: 375px) {
    .c2_con {width:100%; height:350px; }
    .c2_con ul li {font-size:15px;}
}