/*Content CSS*/
/* 공통 */
.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;}

/* con */
.c1_wrap {padding:50px 0;}
.c1_list {margin-top:40px; display: flex; flex-wrap:wrap;}
.c1_list li {width:48%; margin-bottom:30px;}
.c1_list li:nth-child(n+3) {margin-bottom:0;}
.c1_list li:nth-child(odd) {margin-right:3%;}
.c1_list li .img {margin-bottom:10px; width:100%;}
.c1_list li .img  img {width:100%;}
.c1_list li .txt {display: flex; align-items: flex-start; font-size:20px;}
.c1_list li .txt h2 {font-size: 3em; font-weight: 400; font-family: 'NanumSquare',sans-serif; color:#333; margin-right:25px; padding-bottom:0;
border-bottom:4px solid #019b92; transition: color 0.2s ease;}
.c1_list li .txt h2 span {}
.c1_list li .txt p {font-size:1.2em; font-weight: 400; color:#333; padding-top:10px;  transition: color 0.2s ease;}

.c1_list li a:hover h2, .c1_list li a:hover p {color:#019b92;}


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

}

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

}

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

}
@media screen and (max-width: 480px) {
    .c1_list li .txt{font-size:16px;}
    .c1_list li .txt h2 {margin-right:10px;}
}
@media screen and (max-width: 375px) {
    .c1_list li .txt{font-size:14px;}
}
@media screen and (max-width: 320px) {
    .c1_list li .txt p {letter-spacing: -1px;}
}