@charset "utf-8";
/*나눔손글씨붓*/
/*@import url(https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);*/
@import url(https://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
/* Font */
@font-face {
    font-family:'NanumGothic';
    src: url('/tpl/webfont/NanumGothic.eot');
    src: url('/tpl/webfont/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NanumGothic.woff') format('woff'),
         url('/tpl/webfont/NanumGothic.ttf') format('truetype');   
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family:'NotoSansKR';
    src: url('/tpl/webfont/NotoSansKR-Regular.eot');
    src: url('/tpl/webfont/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Regular.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Regular.ttf') format('truetype');  
}
@font-face {
    font-family:'NotoSansKR';
	font-weight:100;
    src: url('/tpl/webfont/NotoSansKR-Thin.eot');
    src: url('/tpl/webfont/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Thin.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Thin.ttf') format('truetype');  
}
@font-face {
    font-family:'NotoSansKR';
	font-weight:300;
    src: url('/tpl/webfont/NotoSansKR-Light.eot');
    src: url('/tpl/webfont/NotoSansKR-Light.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Light.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Light.ttf') format('truetype');  
}

@font-face {
    font-family:'NotoSansKR';
    font-weight: 400;
    src: url('/tpl/webfont/NotoSansKR-Regular.eot');
    src: url('/tpl/webfont/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Regular.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Regular.ttf') format('truetype');  
}

@font-face {
    font-family:'NotoSansKR';
	font-weight:500;
    src: url('/tpl/webfont/NotoSansKR-Medium.eot');
    src: url('/tpl/webfont/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Medium.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Medium.ttf') format('truetype');  
}

@font-face {		 
    font-family:'NotoSansKR';
	font-weight:700;
    src: url('/tpl/webfont/NotoSansKR-Bold.eot');
    src: url('/tpl/webfont/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Bold.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Bold.ttf') format('truetype');  
}
@font-face {		 
    font-family:'NotoSansKR';
	font-weight:900;
    src: url('/tpl/webfont/NotoSansKR-Black.eot');
    src: url('/tpl/webfont/NotoSansKR-Black.eot?#iefix') format('embedded-opentype'),
         url('/tpl/webfont/NotoSansKR-Black.woff') format('woff'),
         url('/tpl/webfont/NotoSansKR-Black.ttf') format('truetype');
}

/*Defalut */
* {margin:0; padding:0}
body, td, th, div, span, input, select, textarea {font-family: 'Pretendard','NotoSansKR',sans-serif ; font-weight:400; letter-spacing:-0.5px; font-size: 15px; color:#555; line-height:20px; }
body { height:100%; overflow-y:scroll; *overflow-y:; -webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,span,table,th,td,textarea {margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
ul,ol,dl,dd,dt,li {list-style-type:none;}
img,th,td,fieldset,iframe { border:0; }
img {border:0;vertical-align:top;outline:none}
table,tbody,tfoot,thead,tr,th,td {border-collapse:collapse;}
textarea { border:1px solid #d1d1d1; height:120px; }
input,select,label { vertical-align:middle; }

/* Link */
a:link    {color:#555; text-decoration:none;}
a:visited {color:#555; text-decoration:none;}
a:hover   {color:#555; text-decoration:underline;}
a:active  {color:#555; text-decoration:none;}

#wrap{width:100%; min-width:980px; }
#header{margin:0 auto; width:980px; height:125px; position:relative;}
#header:after{content:""; display:block; clear:both;}
#logo{float:left; margin-top:29px; width:150px;}
#topmenu{position:absolute; right:0; top:15px;}
#gnb{float:right; margin-top:60px;}
#footer{width:100%; border-top:1px solid #DCDCDC;}
#footer > div{margin:0 auto; width:980px;}



/* 공동체 활동 소개 */

.sub-cont-tit{margin-bottom:15px;}
.sub-cont-tit h4{font-size:23px; font-weight:500; color:#222; letter-spacing:-1px; word-break:keep-all  }
.sub-cont-tit p{font-size:17px; line-height:26px; margin-top:10px; word-break:keep-all }
.programe-wrap{margin-bottom:60px;}
.programe-wrap img{width:100%;}
.programe-wrap h5{font-size:19px; font-weight:600; color:#222; letter-spacing:-0.5px; word-break:keep-all; margin:30px 0 15px 0; padding-bottom:10px; border-bottom:1px solid #ddd; }
.programe-wrap dl{border-bottom:1px solid #ddd; margin-bottom:15px; padding:15px 0 20px 0; display:flex; flex-wrap:wrap; justify-content:space-between; }
.programe-wrap dt{width:110px; padding-left:20px; font-size:18px; line-height:24px; color:#67a516; font-weight:500;}
.programe-wrap dd{width:590px; padding-right:20px; font-size:17px; line-height:26px; word-break:keep-all}
.programe-wrap p{font-size:17px; line-height:26px; word-break:keep-all}
.programe-wrap li{position:relative; font-size:17px; line-height:26px; word-break:keep-all; padding-left:10px; margin-bottom:7px;}
.programe-wrap li:before{position:absolute; content:"";  left:0; top:10px; width:4px; height:4px; border-radius:30px; background:#67a516}
.programe-wrap dd li:last-child{margin-bottom:0}
.programe-wrap li strong{font-weight:600; color:#67a516;}

.sub-top-slogan{display:block; font-size:20px; font-weight:500; color:#67a516; letter-spacing:-0.5px; word-break:keep-all; line-height:28px; margin-bottom:40px;}
.sub2-2 .programe-wrap{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px;}
.sub2-2 .programe-wrap .img-box{width:350px;}
.sub2-2 .programe-wrap .txt-box{width:380px;}
.sub2-2 .programe-wrap .txt-box li:last-child{margin-bottom:0;}
.sub2-2 .sub-cont-tit{margin-top:15px}
.sub2-2 .cate > li{padding-left:50px;}
.sub2-2 .cate > li span{position:absolute; font-size:17px; font-weight:600; color:#67a516; left:10px; top:3px;}