/*  */
#searchForm .articles_search {} 

/*  */
.articles {
	margin-bottom: 5px;
	letter-spacing: -1px;
	}
.articles .total {
	color: #ff0000;
	font-weight: bold;
	}
.articles .current {
	color: #0f79b8;
	}
/**/
.articles_search {
	margin-bottom: 0px;
	overflow: hidden;
	}
.articles_search select { padding:3px; font-size:14px;}
.articles_search .articles {
	position:relative;
	margin-top: 30px;
	line-height: 37px;
	}
.articles_search .articles:before { width:3px; height:3px; background:#000; content:''; display:inline-block; margin:10px 10px 3px 0;; }
.articles_search .basic_searchForm {
	border: solid 1px #000; padding: 15px 30px; text-align:center;
	}
.articles_search .btn {
	padding: 3px 15px;
	font-size: 1.4rem;
	}
.articles_search .btn i {
	margin-right: 5px;
    font-size: 1.8rem;
	}
.articles_search label + .btn {
	margin-left: 20px;
	}

/*  */
	.calendar { width:110px; }
	.picker {position:relative;}
	.picker input[type='text'] {width: 130px;}
	.picker button {
		position:absolute;
		top:0;
		right:0;
		width:40px;
		height:40px;
		background: url('/user_res/images/common/icoBoard.png') no-repeat 0px -6px;
	}
@media screen and (max-width: 620px) {
.articles_search {
	margin-bottom: 0;
	}	
.articles_search .articles,
.articles_search .basic_searchForm {
    float: none;
    line-height: 1.6;
	}
.articles_search .photo_type {
	margin: 0 0 10px;
	}	
.articles_search .basic_searchForm {
	margin-bottom: 10px;
	text-align: center;
	padding: 10px;
	}
}



/*  table style */
.table th:first-child,
.table td:first-child {
	/* border-left: none; */
	} 
.table th:last-child,
.table td:last-child {
	border-right: none;
	}	
.table td.first{border-left: 1px solid #c6c6c6}
	
.tstyle_list,
.faq_list,
.fileDown_list {
	border-top: solid 2px #313131;
	border-bottom: solid 1px #313131;
	}
.tstyle_list {
	color: #626262;
	table-layout: fixed;
	}	
.tstyle_list thead th {
	border-bottom: solid 1px #dcdbdb;
	color: #000;
	}
.tstyle_list td {
	border-bottom: solid 1px #dcdbdb;
	text-align: center;
	}
.tstyle_list tbody th {
	border-bottom: solid 1px #dcdbdb;
	}
.tstyle_list td.ellipsis {
	text-align: left;
	overflow : hidden;
	}
.tstyle_list td.ellipsis a {
	display: inline-block;
	color: #000;
	text-overflow: ellipsis; 
	white-space: nowrap;
	overflow: hidden;
	}
.tstyle_list img,
.tstyle_view img {	
	vertical-align: middle;
	}	
.table tr.total {
    background-color: #f9f9f9;	
	}
/* width */
.table .allChk {
	width: 3%;
	}
.table .num {
	width: 6%;
	}
.table .subject {
	width: auto;
	}
.table .menu {
	width: 25%;
	}	
.table .access_effect {
	width: 60%;
	}
.table .position {
	width: 20%;
	}
.table .field {
	width: 9%;
	}		
.table .desk {
	width: 12%;
	}	
.table .tel {
	width: 15%;
	}
.table .name {
	width: 10.5%;
	}
.table .date {
	width: 12%;
	}
.table .hit {
	width: 7%;
	}
.table .file {
	width: 6%;
	}
.table .situation {/* */
	width: 10.5%;
	}
.table .category,
.table .eventClass {
	width: 13%;
	}
.tstyle_list .longDate {
	width: 150px;
	}	
.tstyle_list .email {
	width: 200px;
	}
.tstyle_list .district {
	width: 210px;
	}
.tstyle_list .org_name {/**/
	width: 200px;
	}
	
.tstyle_list.txt_left tbody th,
.tstyle_list.txt_left td,	
.tstyle_list td.txt_left,
.tstyle_view.txt_left th  {
	text-align: left;
	}
.tstyle_list td.thumb {
	font-weight: bold;
	}	
.tstyle_list .thumb span {
	display: block;
	width: 110px;
	height: 90px;
	margin-bottom: 6px;
	border: solid 1px #efefef;
	} 	
.tstyle_list .thumb img {
	max-width: 100%;
	height: 100%;
	}	
.tstyle_list td.file {
	position: relative;
	}
.tstyle_list .font_normal th {
	font-weight: normal;
	}
			



/* style*/
@media all and (max-width: 1000px){
.table {
	overflow-x: scroll; 
	}
.table [class^="tstyle_"]  {
    table-layout: inherit;
	}	
.table .tstyle_list td {
    white-space: nowrap;
	}
.table.respond {
	overflow: visible; 
	}	
.table.respond colgroup,
.table.respond thead {
	display: none;
	}
.table.respond tr {
    display: block;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
	}
.table.respond td {
	display: inline-block;
	padding: 2px 3px;
	border-left: none;
	border-bottom: none;
	color: #555;
	}
.table.respond .num {
	width: 8%;
	}
.tstyle_list .ellipsis {
	width: 90%;
	color: #000;
	}

	
}


/* view page */
.news_view {
	overflow: hidden;
	}
.newsTitle {
	padding: 15px 17px;
	background-color: #fff;
	border: solid 1px #c1c5cd;
	border-top-color: #45474c;
	letter-spacing: normal;
	color: #2f3743;
	text-align: center;
	overflow: hidden;
	}	
.news_view .tstyle_view {
    margin-left: -1px;
	border-top: none;
	border-bottom: none;
	}	
.news_view .tstyle_view th {
	background-color: transparent;
	color: #000;
	font-weight: 400;
	}
.viewContent {
	position: relative;
	min-height: 400px;
	padding: 20px;	
	border-bottom: solid 1px #c1c5cd;
	}		
.viewContent .img_area {
	margin-bottom: 20px;
	text-align: center;
	overflow: hidden;
	}
.viewContent img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
	}
.viewContent .depth3_txt {
	margin-left: 17px;
	}	
.viewContent > li {
	margin-top: 2px;
	}	
.viewContent > li:first-child {
	margin-top: 0;
	}
.viewContent .tstyle_view {
	border-top: solid 1px #c1c5cd;
	}		
.viewContent .tstyle_view th {
	border-right-color: #c1c5cd;
	}	
.viewContent .tstyle_view td {
	padding-left: 15px;
	}
.viewContent .tstyle_list {
	margin-left: -1px;
	}	
.viewContent .tstyle_list th,
.viewContent .tstyle_list td {
	border-left: 1px solid #dcdbdb
	}	
.viewContent .table_wrap {
	overflow: auto;
	}	


/* */	
.tstyle_view,
.tstyle_write {
	border-top: solid 1px #45474d;
	border-bottom: solid 1px #c1c5cd;	
	}
.tstyle_view th,
.tstyle_write th {
	padding: 8px 10px;
	background: #fafafb;
	border: solid 1px #e4e7ec;
	border-top: none;
	color: #2f3743;
	text-align: left;
    white-space: normal;
	}
.tstyle_view .depth_title {
	padding: 12px 15px;
	border: none;
	border-bottom: solid 1px #e4e7ec;
	font-size: 1.1em;
	}
.tstyle_view td,
.tstyle_write td {
	padding: 8px 10px;
	border-bottom: solid 1px #e4e7ec;
	}	
.tstyle_view input[type="radio"], 
.tstyle_view input[type="checkbox"] {
	vertical-align: middle;
	}
.tstyle_view td .table {	
    margin: -8px -10px;
	}	
.tstyle_view .tstyle_list thead th {
	border-right: none;	
	text-align:center;
	}	

/*  */
.nextPrev_list {
	clear: both;
	border-top: solid 3px #333;
	overflow: hidden;
	}
.nextPrev_list li {
	padding: 16px 10px;
	border-bottom: solid 1px #dcdbdb; 
	}
.nextPrev_list li strong {
	display: block;
	float: left;
	margin: 0 30px 0 10px;
	color: #333;
    line-height: 1.5;
	}
.nextPrev_list li strong i {
	margin-right: 10px;
	}	
.nextPrev_list li a,
.nextPrev_list li span {
	display: block;
	position: relative;
	text-overflow: ellipsis; 
	white-space: nowrap;
	overflow : hidden;
	}

/*  STYLE*/
.tstyle_write .txtarea {
	width: 99%;
	height: 180px;
	}	
.tstyle_write th.bline,
.tstyle_write tr.bline th,
.tstyle_write tr.bline td {
	border-bottom: solid 1px #c1c5cd;
	}	
.tstyle_write td.txt_center {
	text-align: center;
	}	
.tstyle_write .line {
	border-left: solid 1px #d9d9d9;
	}	
.tstyle_write th.line,
.tstyle_write td.line {
	border-left: solid 1px #e4e7ec;
	}	
.tstyle_write .no_left_line {
	border-left: none;
	}
.tstyle_write .no_right_line {
	border-right: none;
	}	
.tstyle_margin th {
	padding: 7px 5px 7px 13px;
	}		
.tstyle_margin td {
	padding: 7px 5px 7px 8px;
	}
.leader_info {
	margin-bottom: 3px;
	}	
.leader_info span {
	display: inline-block;
	width: 60px;
	}

.download_list li {
	position: relative;
	margin-top: 7px;
	}
.download_list li:first-child {
	margin-top: 0;
	}

.download_list li img {
	margin: 2px 5px 0 0;
	vertical-align: top;
	}
.download_list a span.down {/* position: absolute;*/top: 3px;right: 0;padding-left: 23px;font-size:15px;background: url(/user_res/images/common/btnSmall_downloadType2_icon.png) no-repeat 0 5px;letter-spacing: -0.1em;}
.download_list a span.preview {
	padding:3px 15px;
	/* position: absolute; */
	top: 0px;
	right:80px;
	font-size:15px;
	letter-spacing: -0.1em;
	}
.download_list a span.preview:before { content:''; display:inline-block; background:url(/user_res/images/common/ico_Board.png) no-repeat -26px -6px; width:27px; height:13px;  }
@media only screen and (max-width: 750px){
.download_list li:first-child a span{display: block; position: relative;  top: 0;left: 0;}
.download_list a span.preview{padding-left:0}
.download_list a span.down{padding-left: 26px;background-position-x: 2px;}
}

/*  */
.photo_type {
	float: right;
	width: 80px;
	height: 18px;
	margin-top: 10px;
	overflow: hidden;
	}

.photo_list {
	clear: both;
	word-break: keep-all;
	overflow: hidden;
	}	
.photo_list .thumb {
	display: block;
	width: 100%;
	border-bottom: solid 1px #ddd;
	box-sizing: border-box;	
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	}		
.photo_list .thumb img {
	max-width: 100%;
	}

.photo_list img {
	vertical-align: middle;
	}
.photo_list .txt {
	display: block;
	}
.photo_list strong {
	display: block;
	height: 54px;
	color: #000;
	line-height: 1.3;
	font-size: 1.3rem;
	overflow: hidden;
	}	
.photo_list .desc {
	display: block;
	height: 46px;
	margin-top: 10px;
	line-height: 1.5;
	overflow: hidden;
	}
.photo_list li.nocontent {
	float: none;
	width: 100%;
    margin: 45px 0 0;
    padding: 100px 15px;
    border: none;
    border-top: solid 2px #313131;
    border-bottom: solid 1px #313131;
    text-align: center;
	}	

.photo_list .date {
	display: block;
	margin-top: 5px;
	color: #6c6d70;
	letter-spacing: 0;
	overflow: hidden;
	}
.photo_list .date:before {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(/user_res/images/common/bbs/icon_time.gif) no-repeat 0 4px;
	content:'';
	}	
.album_type {/*  */
	width: 101%;
	margin: -45px 0 0 -.5%;
	}
.album_type li {
	position: relative;
	float: left;
	width: 32%;
    margin: 45px .5% 0;
    padding-bottom: 20px;
	border: solid 1px #e1dfdf;
    box-sizing: border-box;
	overflow: hidden;
	}
.album_type .thumb {
	height: 170px;
	}
.album_type .thumb.vertical {
	height: 290px;
	}	
.album_type .txt {
	padding: 17px 25px 5px;
	}	
	
.album_type .date {
	padding: 0 25px;
	} 
.thumb_type strong,
.thumb_type .desc {
	height: auto;
	}	

@media screen and (max-width: 780px){
.album_type li {
	width: 49%;
	}
}

@media screen and (max-width: 480px){
.album_type {
	width: 100%;
	margin: -25px 0 0;
	}	
.album_type li {
	float: none;
    width: 100%;
    margin: 25px auto 0;
	}


}

/* listOption */
.listOption {position:relative;width:100%;}
.listOption:after {display:block;content:'';width:100%;height:1px;line-height:1px;font-size:0;overflow:hidden;}
.listOption .optLeft > div, .listOption .optRight > div {display:inline-block;font-size:14px;}

.listOption .total span {font-weight:600;color:#ff6724;line-height:40px;}
.listOption .sort button {display:inline-block;height:40px;color:#999;margin-right:-2px;padding:0 10px;vertical-align:middle;background-color:transparent;}
.listOption .sort button.on {color:#555;font-weight:600;cursor:default;}
.listOption .sort button:hover,
.listOption .sort button:focus {background-color:transparent;}

.listOption button {
	display:inline-block;height:35px;
	color:#fff;line-height:35px;
	vertical-align:middle;padding:0 15px;margin-left:5px;
	background-color:#555;
}
.listOption button:hover,
.listOption button:focus {background-color:#66a6ee;}
/* viewType */
.listOption .viewType button {display:inline-block;width:40px;height:40px;padding:0;margin:0;background-color:transparent !important;border:1px solid #ccc;}
.listOption .viewType button.on {border-color:#555;}	
.listOption i {display:block;width:40px;height:40px;}
/* icon */
.listOption i.card {background-position:-80px 0;}
.listOption i.stand {background-position:-80px -80px;}
.listOption button.on i.card {background-position:-80px -40px;}
.listOption button.on i.stand {background-position:-80px -120px;}

/* boardType3 */
.boardType3 {border-top:1px solid #555;}
.boardType3 li {position:relative;border-bottom:1px solid #ddd;padding: 17px 10px;}
.boardType3 li .subject { font-size:18px; }

.boardType3 .boardInfo {position:relative;width:100%;margin-top:8px;/* overflow:hidden; */font-size:14px;}
.boardType3 .boardInfo > div span {display:inline-block;}
.boardType3 .boardInfo > div span:after {display:inline-block;content:'';width:1px;height:15px;vertical-align:middle;background-color:#cbcbcb; margin:-2px 10px 0 13px;}
.boardType3 .boardInfo > div span:last-child:after {display:none;}

.boardType3 .boardInfo .infoLeft {}
.boardType3 .boardInfo .infoRight {position:absolute;right:10px;top: -20px;}


.boardType3 li > span {display:inline-block;line-height:30px;padding:0 10px;margin-bottom:5px;}
.boardType3 li .state1 {color:#fff;background-color:#4b6498;}
.boardType3 li .state2 {color:#fff;background-color:#fe804f;}



.icons{position:absolute;right:0;top: -15px;}
.icons .sprite-icons{margin: -5px 20px 0;}
.icons .sprite-icons:before{content: "";display: inline-block;vertical-align: middle;width: 1px;height: 14px;background:#7f7f7f;margin: 0 -15px;}
.sprite-icons {display: inline-block;background-image: url('/user_res/images/common/iconset.png');background-repeat: no-repeat;vertical-align: middle;}
.sprite-icons.ico-download{background-position: -190px -156px; width:22px; height: 22px;}
.sprite-icons.ico-download:hover,.sprite-icons.ico-download:focus{background-position: -215px -156px;}
.sprite-icons.ico-preview{background-position: -12px -40px; width:19px; height: 21px;}
.sprite-icons.ico-preview:hover,.sprite-icons.ico-preview:focus{background-position: -179px -40px;}
@media all and (max-width: 767px) {
	.icons { display:none; }
}


/* boardPage */
.boardPage {position:relative;width:100%;text-align:center;margin:30px auto;}
.boardPage .num span {display:inline-block;margin:0 2px;}
.boardPage .num span {border:1px solid #ccc;}
.boardPage .num span:hover {border:1px solid #555;}
.boardPage .num a {display:inline-block;height:42px;line-height:42px;padding:0 15px;}
.boardPage span.on {background-color:#555;color:#fff; }
/* html*/
.boardPage > span {display:inline-block;margin:0 2px;}
.boardPage > span.num {border:1px solid #ccc;}
.boardPage > span.num:hover {border:1px solid #555;}
.boardPage a, .boardPage strong {display:inline-block;height:42px;line-height:42px;padding:0 15px;}
.boardPage strong {color:#fff;}
/* .boardPage .fst, .boardPage .prev, .boardPage .next, .boardPage .lst {border:1px solid #ededed;} */
.boardPage .fst a, .boardPage .prev a, .boardPage .next a, .boardPage .lst a {
	display:inline-block;width:42px;height:42px;
	padding:0;vertical-align:middle;
	background:url('/user_res/images/common/icoBoard.png') no-repeat;
	transition:all ease-in-out .5s;
}
.boardPage a span {font-size:0;text-indent:-9999px;visibility:hidden;overflow:hidden;}
.boardPage > span strong {display:block;width:100%;height:100%;background-color:#555;}
.boardPage > span.num .on {display:block;color:#fff; width:100%;height:100%;background-color:#555;}
.boardPage .fst a {background-position:0 -120px;}
.boardPage .prev a {background-position:0 -200px;}
.boardPage .next a {background-position:0 -240px;}
.boardPage .lst a {background-position:0 -160px;}
.boardPage .fst a:hover {background-position:-40px -120px;}
.boardPage .prev a:hover {background-position:-40px -200px;}
.boardPage .next a:hover {background-position:-40px -240px;}
.boardPage .lst a:hover {background-position:-40px -160px;}

/* border pager STYLE */
.board_pager {
	clear: both;
	margin-top: 20px;
	text-align: center;	
	font-size: 1.3rem;
	overflow: hidden;
	}
.board_pager > span {
	display: inline-block;
    min-height: 27px;
	border: solid 1px #e9e9e9;
	vertical-align: top;
	}	
.board_pager > span > a,
.board_pager > span > span {
	display: inline-block;
	min-width: 30px;
	color: #757577;
    line-height: 27px;
    box-sizing: border-box;
    vertical-align: top;
	font-size: 1.2rem;
	font-family: "Verdana";
	font-weight: bold;
	} 	
.board_pager .active {
	position: relative;
	border-left: solid 1px #e9e9e9;
	border-right: solid 1px #e9e9e9;
	color: #000;
	}
.board_pager .active::after {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2px;
	background-color: #5a6273;
	content: '';
	}
.board_pager a:first-child.active,
.board_pager > span > span:first-child.active {
	border-left: none;
	}
.board_pager a:last-child.active,
.board_pager > span > span:last-child.active {
	border-right: none;
	}
.board_pager > span a:hover	{
	color: #333;
	}
.board_pager .prev img,
.board_pager .next img {
	vertical-align: top;
	}         



	/* */
.bbs_member .initial_search{width: 100%;padding: 25px 300px 25px 25px;border: 1px solid #000;position: relative;margin-bottom: 50px;}
.bbs_member .initial_search ul{margin-left: 1px;}
.bbs_member .initial_search li{float: left;margin-left: -1px;}
.bbs_member .initial_search li a{display: inline-block;line-height: 38px;padding: 0 10px;color: #555;border: 1px solid #ddd;box-sizing: border-box;}
.bbs_member .initial_search li.on a{background-color:#343434;color:#fff;border:1px solid #343434;}
.bbs_member .search_box{position: absolute;right: 25px;top: 29px;}
.bbs_member .search_box input{width: 180px;height: 32px;line-height: 32px;border: 1px solid #707070;padding: 0 10px;display: inline-block;margin-right: 5px;box-sizing: border-box;float: left;}
.bbs_member .search_box .btn_search{width: 77px;line-height: 32px;display: inline-block;background-color: #343434;font-weight: bold;text-align: center;color: #fff;float: left;}
.bbs_member .initial_list dl{width: 100%;padding: 45px 30px 30px 80px;position: relative;border-top: 1px solid #dcdcdc;}
.bbs_member .initial_list dl:last-child{border-bottom: 1px solid #dcdcdc;}
.bbs_member .initial_list dt{width: 48px;height: 48px;line-height:48px;position: absolute;left: 0;top: 30px;background-color: #495098;text-align: center;color: #fff;font-weight: bold;font-size: 20px;}
.bbs_member .initial_list dd{float: left;width: 33.33%;margin-bottom: 20px;}
.bbs_member .initial_list dd a{display:block; padding-left:12px; background-image:url(/user_res/images/common/ul_depth1_bu.gif); background-repeat:no-repeat; background-position:left 9px; color:#555; }

.bbs_member .top_mem_box{border: 1px solid #45474c;width: 100%;padding: 30px 30px 30px 240px;position: relative;min-height: 280px;margin-bottom: 40px;}

.bbs_member .mem_info_box{width: 100%;height: 100%;}
.bbs_member .mem_info_box h3{font-size: 22px;color: #333;margin-bottom: 15px;}
.bbs_member .mem_info_box h3 span{font-size: 28px;font-weight: bold;}
.bbs_member .mem_info{width: 100%;background-color: #f9f9f9;padding:20px 25px;overflow: hidden;}
.bbs_member .mem_info li{padding-left: 94px;position: relative;color: #555;background: url(/user_res/images_council/common/dot01.gif) left 8px no-repeat;float: left;width: 50%;margin-bottom: 10px;/* height: 17px; */overflow: hidden;min-height: 17px;}
.bbs_member .mem_info span{color: #145ecf;font-weight: bold;position: absolute;left: 10px;top: 0;}

@media all and (min-width:768px){
.bbs_member .top_mem_box img{position: absolute;left: 30px;top: 30px;width: 170px;}
	}

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

  .bbs_member .initial_search{padding: 20px;}
  .bbs_member .initial_search li{margin-bottom: 10px;}
  .bbs_member .search_box{position: relative;overflow: hidden;right: inherit;top: inherit;width: 100%;padding-right: 82px;}
  .bbs_member .search_box input{width: 100%;}
  .bbs_member .search_box .btn_search{position: absolute;right: 0;top: 0;}
  .bbs_member .initial_list dd{width: 50%;}

  .bbs_member .top_mem_box{padding: 20px;text-align: center;}
  .bbs_member .mem_info_box h3 span{display: block;}
  .bbs_member .mem_info li{text-align: left;width: 100%;float: none;}
	}    


.bbs_member.type2 .location_list li{width: 47.5%;}
@media all and (min-width:768px){
	.bbs_member.type2 .location_list li:nth-child(odd){margin-right: 3%;}
}
@media all and (max-width:767px){
	.bbs_member.type2 .location_list li{width: 100%;}
}


/*  */

.bbs_member2 .top_search{width: 100%;padding: 10px 410px 10px 30px;position: relative;border: 1px solid #000;margin-bottom: 40px;}

.bbs_member2 .search_box select{width: 100px;height: 32px;line-height: 32px;float: left;margin-right: 5px;}
.bbs_member2 .search_box input{width: 180px;height: 32px;line-height: 32px;border: 1px solid #707070;padding: 0 10px;display: inline-block;margin-right: 5px;box-sizing: border-box;float: left;}
.bbs_member2 .search_box .btn_search{width: 77px;line-height: 32px;display: inline-block;background-color: #343434;font-weight: bold;text-align: center;color: #fff;float: left;}

.bbs_member2 .mem_list li{margin-bottom: 30px;padding: 55px 30px 28px 198px;position: relative;border: 1px solid #e9e9e9;min-height: 280px;}
.bbs_member2 .mem_list h3{font-weight: bold;font-size: 22px;}
.bbs_member2 .mem_list dl{position: relative;padding-left: 10px;background: url(/user_res/images_council/common/dot01.gif) left 8px no-repeat;margin-bottom: 10px;}
.bbs_member2 .mem_list dl:last-child{margin-bottom: 0;}
.bbs_member2 .mem_list dt{font-weight: bold;}


@media all and (min-width:768px){
	.bbs_member2 .search_box{position: absolute;right: 30px;top: 18px;}
	.bbs_member2 .mem_list li{float: left;width: 48%;margin-right: 4%;}
	.bbs_member2 .mem_list li:nth-child(even){margin-right: 0;}
	.bbs_member2 .mem_list h3{position: absolute;top: 28px;left: 30px;}
	.bbs_member2 .mem_list img{position: absolute;left: 30px;top: 60px;}
}
@media all and (max-width:767px){
	.bbs_member2 .top_search{padding: 10px 20px 20px 20px;}
	.bbs_member2 .search_box{overflow: hidden;}
	.bbs_member2 .search_box select{width: 25%;margin-right: 1%;}
	.bbs_member2 .search_box input{width: 74%;margin-right: 0;}
	.bbs_member2 .search_box .btn_search{width: 100%;margin-top: 5px;}

	.bbs_member2 .mem_list li{width: 100%;padding: 20px;text-align: center;}
	.bbs_member2 .mem_list li img{margin: 15px 0;}
	.bbs_member2 .mem_list dl{text-align: left;}
	
}                 


/*  (e-book) */
.bbs_Ebook{width: 100%;position: relative;}
.bbs_Ebook li{width: 25%;float: left;text-align: center;padding: 40px 0;border-top: 1px solid #dadada}
.bbs_Ebook li img{margin-bottom: 10px;}
.bbs_Ebook li span{display: block;}
.bbs_Ebook li .tit{color: #333;font-weight: bold;font-size: 20px;}
.bbs_Ebook li .btn_more{width: 170px;line-height: 44px;border: 1px solid #c6c6c6;text-align: center;color: #333;margin-top: 10px;display: inline-block;-webkit-transition: all 0.2s;-ms-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.bbs_Ebook li .btn_more:focus,.bbs_Ebook li .btn_more:hover{background-color: #777;border-color: #777;color: #fff;}
@media all and (min-width:1240px){
.bbs_Ebook li:nth-child(1),.bbs_Ebook li:nth-child(2),.bbs_Ebook li:nth-child(3),.bbs_Ebook li:nth-child(4){border-top: none;}
}
@media all and (min-width:768px){
	.bbs_Ebook li:nth-child(1),.bbs_Ebook li:nth-child(2),.bbs_Ebook li:nth-child(3){border-top: none;}
}
@media all and (min-width:500px){
	.bbs_Ebook li:nth-child(1),.bbs_Ebook li:nth-child(2){border-top: none;}
}
@media all and (max-width:1239px){
	.bbs_Ebook li{width: 33.33%;}

}
@media all and (max-width:767px){
	.bbs_Ebook li{width: 50%;}
}
@media all and (max-width:500px){
	.bbs_Ebook li{width: 100%;}
	.bbs_Ebook li:nth-child(1){border-top: none;}
}


/* */
.bbs_councilRecords .top_search{width: 100%;padding: 10px 30px;position: relative;border: 1px solid #000;margin-bottom: 40px;}

.bbs_councilRecords .search_box .right{float:right;}
.bbs_councilRecords .search_box select{height: 32px;line-height: 32px;float: left;margin-right: 5px;padding: 0 10px;display: inline-block;}
.bbs_councilRecords .search_box input[type="text"]{float:left;height:32px;line-height:32px;padding:0 10px;box-sizing:border-box;margin-right:5px;display:inline-block;}
.bbs_councilRecords .search_box .btn_search{min-width: 77px;line-height: 32px;display: inline-block;background-color: #343434;font-weight: bold;text-align: center;color: #fff;float: left;padding: 0 10px;}
.bbs_councilRecords h3.title{position: relative;}
.bbs_councilRecords h3.title span{font-size: 16px;color: #555;font-weight: normal;display: block;text-align: right}
.bbs_councilRecords .recods_list_box{width: 100%;position: relative;border-top: 1px solid #000;}
.bbs_councilRecords .recods_list > li{width: 100%;padding-top: 40px;position: relative;border-bottom: 1px solid #dcdcdc}
.bbs_councilRecords .recods_list .subject{width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: inline-block;padding: 0 500px 40px 54px;}
.bbs_councilRecords .recods_list .subject::before{content: "";display: inline-block;width: 23px;height: 23px;position: absolute;left: 20px;top: 39px;background-image: url(/user_res/images_council/img_common.png);background-repeat: no-repeat;background-position: -245px -93px;}
.bbs_councilRecords .recods_list .on .subject{color: #145ecf;font-weight: bold;}
.bbs_councilRecords .recods_list .on .subject::before{background-position: -212px -93px;}
.bbs_councilRecords .recods_list_box .btn_box{overflow: hidden;}
.bbs_councilRecords .recods_list_box .btn_box a{/* width: 145px; */float: left;letter-spacing: -1px;text-align: center;}
.bbs_councilRecords .recods_list_box .btn_box a.off{background-color:#ddd;color:#aaa;border-color:#ddd;}

.bbs_councilRecords .recods_list_box .txt_box{width: 100%;padding: 30px 50px;background-color: #f5f5f5;border-top: 1px solid #dcdcdc;display: none;}

@media all and (min-width:768px){
	.bbs_councilRecords .search_box{position: relative;width: 100%;overflow: hidden;}
	.bbs_councilRecords .btn_search.search_1{margin-right: 5px;}

	.bbs_councilRecords h3.title span{position: absolute;right: 0;top: 0;}
	.bbs_councilRecords .recods_list_box .btn_box{position: absolute;right: 20px;top: 29px;}
	.bbs_councilRecords .recods_list_box .btn_box a{margin-right: 10px;}
	.bbs_councilRecords .recods_list_box .btn_box a:last-child{margin-right: 0;}
}
@media all and (max-width:767px){
	.bbs_councilRecords .top_search{padding: 10px 20px 20px 20px;}
	.bbs_councilRecords .search_box{overflow: hidden;}
	.bbs_councilRecords .search_box input,.bbs_councilRecords .search_box select{margin-bottom:5px;}
	.bbs_councilRecords .search_box .right{width:100%;}
	.bbs_councilRecords .search_box input[type="text"]{width:100%;}
	.bbs_councilRecords .search_box select{width: 100%;margin-right: 1%;}
	.bbs_councilRecords .recods_list > li{padding-top: 25px;}
	.bbs_councilRecords .recods_list .subject{padding: 0 20px 10px 40px}
	.bbs_councilRecords .recods_list .subject::before{top: 25px;left: 10px;}
	.bbs_councilRecords .search_box .btn_search{width: 100%;margin-top: 5px;}
	.bbs_councilRecords .recods_list_box .btn_box{padding-bottom: 20px;width: 100%;}
	.bbs_councilRecords .recods_list_box .btn_box a{width: 32.6%;margin-right: 1%;height:43px;padding:0;line-height:43px}
	.bbs_councilRecords .recods_list_box .btn_box a:last-child{margin-right:0;}
}             

/*  */
.bbs_photo_wrap{overflow:hidden}
.bbs_photo_wrap li{float:left;width: 32.66%;margin-right:1%;margin-bottom:15px;}

.bbs_photo_wrap li .imgBox{width:100%;display:block;position: relative;height: 236px;overflow: hidden;text-align:center;}
.bbs_photo_wrap li img{width:100%;height:100%;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-moz-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;position: relative;}
.bbs_photo_wrap li a .txtBox{display: block;width: 100%;height:80px;font-size: 18px;padding: 18px 15px 0 15px;background-color: #fff;z-index: 10;position: relative;border:1px solid #e1e1e1}
.bbs_photo_wrap li .tit{display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;max-width: 100%;margin-bottom: 5px;line-height: 1;font-size: 18px;font-weight: bold;padding:5px 0;}
.bbs_photo_wrap li .date{color: #555;font-size: 15px;}
.bbs_photo_wrap .imgBox::before{content:"";display:block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background:rgba(0,0,0,0.4) url(/user_res/images_council/main/m_video_ic.png) center center no-repeat;z-index: 10;background-size: 45px;}

.bbs_photo_wrap .cate{display: inline-block;padding: 10px 14px;line-height: 1;margin-bottom: 10px;color: #fff;font-size: 16px;font-weight: bold;position: absolute;top: 0;left: 0;z-index: 10;}
.bbs_photo_wrap li{height: 365px;text-align:center}
.bbs_photo_wrap li a .txtBox{height: 115px;padding-top: 12px;}
.bbs_photo_wrap .cate.col_b{background-color: #4771bc}
.bbs_photo_wrap .cate.col_g{background-color: #41a9aa}
.bbs_photo_wrap .txt{max-width: 90%;overflow: hidden;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;padding: 0 23px;font-size: 16px;background-color: #f0f0f0;border-radius: 15px;display: block;margin: 8px auto 5px auto;}

@media all and (min-width:1201px){
	.bbs_photo_wrap li:nth-child(3n+3){margin-right:0}
	.bbs_photo_wrap li a:focus img,.bbs_photo_wrap li a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
} 
@media all and (max-width:1200px){
	.bbs_photo_wrap li{width:49%;}	
	.bbs_photo_wrap li img{width:100%;height:auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}
}              
@media all and (max-width:767px){
	.bbs_photo_wrap li .tit{font-size:16px;}
	.bbs_photo_wrap li .imgBox{height:150px}
	.bbs_photo_wrap li:nth-child(2n+2){margin-right:0}
}   

/* calendar  */
.calendar_top { position: relative; width: 100%; text-align: center; font-size: 35px; font-weight: 500; color: #555; line-height: 35px; margin-bottom: 25px; }
.response_gb { margin: 0px; padding: 0px; color: #555; list-style: none; vertical-align: top; }
table.calendar {position: relative;width: 99.5%;margin-bottom: 50px;margin-left: 1px;}
table.calendar.responsive3{border-top: none;}
table.calendar::after{content: "";display: inline-block;width: 100%;height: 1px;position: absolute;top: 0;left: 0;background-color: #000;}
.calendar, tr, td, th { border-collapse: collapse; border-spacing: 0px; padding: 0px; }
.calendar_line { border-left: 1px solid #cacacb; font-family: 'Malgun Gothic'; letter-spacing: -0.1em; }
table.calendar th { text-align: center; line-height: 20px; padding: 10px 0; font-size: 15px; border-right: 1px solid #cacacb; color: #555; background: #f7f7f7; border-bottom: 1px solid #cacacb;font-weight: bold;}
table.calendar th span.red	{ color: #d10e1d; }
table.calendar th span.blue	{ color: #255ddb; }
table.calendar td {font-weight: normal;color: #555;text-align: left;line-height: 50px;font-size: 13px;border-right: 1px solid #cacacb;border-bottom: 1px solid #cacacb;vertical-align: top;height: 50px;padding: 0;}
table.calendar td p {text-align: center;}
table.calendar td ul { width: 100%; padding: 20px 10px; }
table.calendar td ul li { width: 100%; line-height: 20px; background: url(/user_res/images/board/dot01.jpg) no-repeat 0 11px; padding-left: 8px; font-size: 13px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
table.calendar td.today{border: 3px solid #344b60;font-weight: bold;color: #344b60}
table.calendar td.schedule{background-color: #ddedff;font-weight: bold;color: #145ecf}     

.yong_u{padding:20px;border: 1px solid #eaeaea}

/*연간운영계획 yearly plan*/
@media (max-width:1000px) {
	.tcouncil td {display: block !important; text-align: left; width: 100%;}
	.tcouncil td {padding:  2px 3px 2px 100px !important;}

	.tcouncil td::before {
		content: attr(data-th);
		font-weight: bold;
		font-size: 14px;
		position: absolute; left: 20px;
	}
}