/* 공통  */
.sub_con {width: 100%; padding:0 15px; }
.s_title {text-align: center; }
.s_title h1 {font-size:22px; font-weight: 600; font-family: 'NanumSquare',sans-serif;}
.s_title p {font-size: 17px; font-weight: 400; color: #666; font-family: 'NanumSquare',sans-serif; margin: 20px 0 0; line-height: 40px; }
.s_title2 h1 {text-align: center; font-size:17px; font-weight: 800; font-family: 'NanumSquare',sans-serif; color:#60217c; letter-spacing: 3px; }
.s_title3 {text-align: left; padding-bottom: 15px; border-bottom: 1px solid #eae5ed; margin-bottom: 15px; }
.s_title3 h1 {font-size:18px; font-weight: 600; color:#333;  font-family: 'NanumSquare',sans-serif; display: flex; align-items: flex-start; line-height: 18px;}
.s_title3 h1 span {font-size:24px; font-weight: 800; color:#60217c;; margin-right: 10px; position: relative; top:0; letter-spacing: -.7px; }
.w_bg {background: #fff; padding:50px 0;}
.g_bg {background: url('../img/dot_bg.jpg') 50% 50% repeat; padding:50px 0;}
.sub_p {font-size:14px; font-weight: 300; color:#666; line-height: 24px; letter-spacing: -.7px; word-break: keep-all; }

/*Content CSS*/
#contribution {padding:0 0; text-align: left; }
/* sec1 */
#cont_sec1 {padding:0 15px 50px; }
#cont_sec1 .top {    text-align: center; height: 140px; display: flex; align-items: center; justify-content: center; flex-direction: column;  background: url('../img/cont_top.jpg') 50% 50% no-repeat; background-size: cover; }
#cont_sec1 .top h1 { font-size: 24px; font-weight: 600; color: #fff; font-family: 'NanumSquare',sans-serif;}
#cont_sec1 .top h1::before{ content: ''; display: block; width:40px; height: 1px; background: #fff; margin: 0 auto 25px; }
#cont_sec1 .txt {    background: #fff; width: 100%; margin:25px 0 0;}
#cont_sec1 .txt p {font-size: 14px; font-weight: 300; color: #666; line-height: 25px; text-align: center; word-break: keep-all; letter-spacing: -.5px; }
/*sec2  */
#cont_sec2 .s_title2 {margin-bottom: 40px; }
/*  cont_list */
.cont_list {display: flex; flex-wrap: wrap; margin-top:30px ;}
.cont_list li {width:calc(50% - 5px); margin-right: 10px; margin-bottom:20px; }
.cont_list li:nth-child(2n) {margin-right: 0 ;}
.cont_list li:nth-last-child(-n+2) {margin-bottom:0;}
.cont_list li .img img {width: 100%; border:1px solid #eee; transition: all .3s ease; }
.cont_list li .img:active img {border-color: #60217c; }
.cont_list li p {font-size:13px; font-weight: 300; color:#666; margin:8px 0 0; text-align: center;}
/* sec3 */
/* #cont_sec3 .cont_list li {margin-bottom: 0; } */

/* sec4 */
#cont_sec4 .img {width: 100%; margin:30px 0 0;text-align: center; }
#cont_sec4 .img img {width: 100%; }



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

}

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

}

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

}

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

}