@charset "utf-8";

.newsBoardBar {position:relative; border-top:2px solid #363636; border-bottom:1px solid #dcdcdc;}
.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellTit {margin-right:10px;}
.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm input,
.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm select {height:35px; padding:0 0.786em; border:1px solid #ccc; background-color:#f5f5f5; border-radius:0;}
.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm input.date,
.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .textForm.date {width:15%;min-width:90px;}
.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm select {min-width:80px;}
.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .btnNewsSearch {width:70px; height:35px; margin-left:-7px; background-color:#254ebb; color:#fff; font-weight:bold; line-height:35px; vertical-align:middle;}
.newsBoardBar .newsBoardListTxt .totalNum {color:#d51d22; font-weight:bold;}
.newsListArea {border-top:2px solid #363636;}
.newsListArea .newsList > li {border-bottom:1px solid #dcdcdc;}
.newsListArea .newsList > li > a {display:block;}
.newsListArea .newsList > li > a:after {content:""; display:block; clear:both;}
.newsListArea .newsList .tit {overflow:hidden; margin-top:3px; font-size:145%; font-weight:bold; font-family: 'SCDream', Sans-serif;}
.newsListArea .newsList .tit > a > img{vertical-align: middle !important; padding-bottom:2px;}
.newsListArea .newsList .imgWrap {float:left; width:33.3333%;}
.newsListArea .newsList .imgWrap img {width:100%; vertical-align:top;}
.newsListArea .newsList .txtWrap {box-sizing:border-box; padding-left: calc(33.3333% + 30px);}
.newsListArea .newsList .txtWrap .subTit {margin-top:5px; color:#406de4;}
.newsListArea .newsList .txtWrap .subTxt {color:#666;}
.newsListArea .newsList .txtWrap .txtBox {margin-top:12px;}
.newsListArea .newsList .list li {overflow:hidden; color:#666;}
.newsListArea .newsList .list li a {float:left; max-width:75%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.newsListArea .newsList .list li .date {float:right;}
.newsListArea .newsList .newsThemeListItem {border-bottom:1px solid #dcdcdc;}

.newsListArea .newsList .newsThemeListItem .newsThemeTit {overflow:hidden; margin-bottom:12px;}
.newsListArea .newsList .newsThemeListItem .newsThemeTit .tit {float:left; margin:0;}
.newsListArea .newsList .newsThemeListItem .newsThemeTit .btnNewsMore {float:right;}
.newsListArea .newsList .newsThemeListItem .newsThemeTit .btnNewsMore .btnTypeS {background:#406de4;}
.newsListArea .newsList .newsThemeListItem .newsThemeTxtWrap {display:table; width:100%; table-layout:fixed;}
.newsBoardBar + .newsListArea {border-top:0;}

.newsOriginSource {background:#f9f9f9; border:1px solid #ddd;}
.newsOriginSource .group {border-bottom:1px solid #ddd; width:100%;}
.newsOriginSource .group:last-child {border-bottom:0;}
.newsOriginSource .group dl {border-right:1px solid #ddd;}
.newsOriginSource .group dl:last-child {border-right:0;}
.newsOriginSource .group dt,
.newsOriginSource .group dd {position:relative; display:table-cell; vertical-align: middle; padding:10px; word-break:break-all;}
.newsOriginSource .group dt {white-space:nowrap;}
.newsOriginSource .group dt:after {content:""; display:block; position:absolute; top:calc(50% - 0.5em); right:0; width:1px; height:1em; background:#ccc;}
.newsOriginSource .group .attfiles img {vertical-align: middle;}



/* 참여하기 상단 */

  .themeWrap {margin-bottom:50px; font-size:1.1em; padding-bottom:50px; text-align:center; margin:0 auto;}
  .themeWrap span {color:#229E34; font-weight:bold;}
  .themeWrap .themeWrap_img {width:70%; margin:0 auto; padding-bottom:35px;}
  .themeWrap figcaption {font-size:0.85em; text-align:right;}

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

      .themeWrap .themeWrap_img {width:100%; padding-bottom:25px;}

  }



@media all and (max-width:1024px) { /* mobile & tablet ver */
	.newsBoardBar .newsBoardSearchBox {border-bottom:1px solid #dcdcdc;}
	.newsBoardBar .newsBoardListTxt {padding:12px 0;}
}
/* //mobile & tablet ver end */

@media all and (max-width:768px) { /* mobile ver */
	.newsBoardBar .newsBoardSearchBox {padding:7px 0;}
	/*.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm input.date,
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm select {width:20%;}*/
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cell {display:block;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cell:first-child {margin-bottom:6px;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellInner {display: table-cell;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellInner + .cellInner {padding-left:3px;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellInner.txtCell {position:relative; width:100%;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellInner.txtCell input {width:100%; padding-right:70px;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellInner.txtCell .btnNewsSearch {position:absolute; top:0; right:0;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellInner.ctgCell select {width:80px;}
	.newsListArea .newsList > li, .newsListArea .newsList .newsThemeListItem {padding:10px 0;}
	.newsListArea .newsList .tit {max-height:2.8em;}
	.newsListArea .newsList .imgWrap {width:40%; padding-right:13px;}
	.newsListArea .newsList .txtWrap .txtBox {display:none;}
	.newsListArea .newsList .txtWrap .subTxt {margin-top:7px;}
	.newsListArea .newsList .txtWrap .subTxt .date {display:block;}
	.newsListArea .newsList .list li {margin:0 0 2px;}
	.newsListArea .newsList .list li a {max-width:100%;}
	.newsListArea .newsList .list li .date {display:none;}
	
	.newsOriginSource .group dl {border-bottom:1px solid #ddd;}
	.newsOriginSource .group dl:last-child {border-bottom:0;}
	.newsOriginSource .group dt {min-width:70px;}
}
/* //mobile ver end */

@media all and (min-width:769px) { /* tablet & pc ver */
	/* .newsBoardBar .newsBoardSearchBox .newsBoardSearchForm input.date,
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm select {width:15%;min-width:90px;}*/
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cell:first-child {margin-right:10px;}
	.newsListArea .newsList .tit {white-space:nowrap; text-overflow:ellipsis;}
	.newsListArea .newsList .imgWrap {width:33%; padding-right:22px;}
	.newsListArea .newsList .txtWrap .subTxt {margin-top:12px;}
	.newsListArea .newsList .txtWrap .subTxt .date:before {display:inline-block; content:''; width:2px; height:14px; margin:0 10px; background:url(../../assets/img/content/bg_bar.png) no-repeat; vertical-align:text-bottom;}
	.newsListArea .newsList .list li {margin:5px 0;}
	.newsListArea .newsList .list li a {font-size:115%;}
	.newsListArea .newsList .newsThemeListItem .newsThemeTit .tit {max-width:75%;}
	
	.newsOriginSource .group {display:table; table-layout: fixed;}
	.newsOriginSource .group dl {display:table-cell; vertical-align: middle;}
	.newsOriginSource .group dt {min-width:78px;}
}
/* //tablet & pc ver end */

@media all and (min-width:769px) and (max-width:1024px) { /* tablet ver */
	.newsBoardBar .newsBoardSearchBox {padding:16px 0 18px;}
	.newsListArea .newsList > li, .newsListArea .newsList .newsThemeListItem {padding:16px 0;}
}
/* //tablet ver end */

@media all and (min-width:1025px) { /* pc ver */
	.newsBoardBar .newsBoardSearchBox {padding:16px 4px 18px 160px; text-align:right;}
	.newsBoardBar .newsBoardSearchBox .newsBoardSearchForm .cellInner.txtCell input {width:28%;}
	.newsBoardBar .newsBoardListTxt {position:absolute; top:0; bottom:0; left:0;}
	.newsBoardBar .newsBoardListTxt:before {display:inline-block;  content:''; height:100%; vertical-align:middle;}
	.newsListArea .newsList > li, .newsListArea .newsList .newsThemeListItem {padding:21px 0 25px;}

}
/* //pc ver end */

/*----------------------------2024-03-25 게시판 공지 추가-------- */
.eventH3{
	font-size:1.2em;
	margin-bottom:16px;
}
.txtBx{
	display:block;
	padding:8px 16px;
	background:#f9f9f9;
	border:1px solid #ccc;
	word-break:keep-all;
	box-sizing:border-box;
	margin-bottom:16px;
}
.peopleTitle{
	margin:16px 0 0;
	font-size:1.1em;
}
.peopleList{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	width:100%;
	margin:4px 0 16px;
}
.peopleList > li{
	margin: 0 4px;
}