@charset "utf-8";
.hidden{display:none;}
/* Board Common Botton */
input.bdCmBtn{display:inline-block; font-size:16px; height:30px; padding:5px 10px 7px 10px; color:#424242; border:1px solid #114291; background-color:#fff; font-weight:bold;}
input.bdCmBtn:hover {background:#114291; color:#fff; font-weight:bold;text-decoration: none}

a.bdCmBtn span{display:inline-block; font-size:16px; height:23px; padding:5px 10px 7px 10px; background:#114291; color:#fff; border:1px solid #114291;}

/*
a.bdCmBtn span{display:inline-block; font-size:16px; height:23px; padding:5px 10px 7px 10px; color:#424242; border:1px solid #114291; background-color:#fff;}
a.bdCmBtn span:hover {background:#114291; color:#fff; text-decoration: none}
*/

		@media all and (max-width:480px){
			input.bdCmBtn {font-size:1.0rem; height:20px; padding:3px 5px 3px 5px;}
			a.bdCmBtn span{font-size:1.0rem;}
		}
.cursorHand{cursor:pointer;}

.boardCategory{padding-bottom:20px;}
.boardCategory:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.boardCategory h3{display:none;}
.boardCategory ul{list-style:none;}
.boardCategory ul li{float:left;}
.boardCategory ul li a{display:block; padding:15px 30px 15px 30px; margin-right:8px; margin-bottom:8px;  border:1px solid #c2c2c2; font-size:15px; color:#666;}
.boardCategory ul li a.cateOv,
.boardCategory ul li a:hover{background:#a50505; color:#fff;}


@media all and (max-width:480px) {
	.ListBoardWrap table td.subject {text-align: left; padding-left: 5px;}
	.ListBoardWrap table th.col_category {width:60px;}
	.ListBoardWrap table th.col_number {width:45px;}
}

.ListBoardWrap{padding-bottom:40px;}

.ListBoardWrap table td.subject{text-align: left; padding-left: 20px;}
.ListBoardWrap table th.col_category {width:10%;}
.ListBoardWrap table th.col_number {width:10%;}
.ListBoardWrap table th.col_move {width:10%;}
.ListBoardWrap table{position:relative; clear:both; word-break:break-all !important;}
.ListBoardWrap table .table_tip{position:absolute; right:0; top:-25px; color:#666; font-size:14px; font-weight:normal;}
.ListBoardWrap table{border-collapse:separate; border-top:1px solid #333; margin-left:-1px; width:100%;}
.ListBoardWrap table thead th {background:#f4f4f4; font-size:15px; padding:15px 10px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; font-weight:bold;}
.ListBoardWrap table thead th.le_bo_none,
.ListBoardWrap table tbody th.le_bo_none,
.ListBoardWrap table thead td.le_bo_none,
.ListBoardWrap table tbody td.le_bo_none{border-left:none;}
.ListBoardWrap table tbody th {background:#f8f8f8; font-size:15px; font-weight:bold; }
.ListBoardWrap table tbody td, .tbl_gray1 tfoot td {background:#fff; font-size:15px; }
.ListBoardWrap table tbody td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; padding:10px;/* word-break:break-all;*/}
.ListBoardWrap table tbody td.tbltext_le{ text-align:left;}
.ListBoardWrap table tr.noticeWrap td{background:#fbf7fb;}
.ListBoardWrap table tr.hideAT td, .ListBoardWrap table tr.hideAT td a{color:#999;}
.ListBoardWrap table td.notice{font-weight:bold;}
.ListBoardWrap table td.searchResult{height:250px; line-height:250px; vertical-align:middle; border-bottom:1px solid #ddd;}
.ListBoardWrap table td span.cmti{color:#ff5a00; font-size:11px; vertical-align:middle;}
.ListBoardWrap table td img{vertical-align:middle;}
.ListBoardWrap table th:first-child,
.ListBoardWrap table td:first-child{border-left:none;}

		@media all and (max-width:1023px){
			.ListBoardWrap table thead th{font-size:1.0rem;}
			.ListBoardWrap table tbody td, .tbl_gray1 tfoot td{font-size:1.0rem;}
		}

.BookList{clear:both; width:100%;}
.BookList:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.BookList > ul{list-style:none; margin:0; padding:0;}
.BookList > ul li{float:left; width:294px; height:420px; background:#fff; margin-right:21px; margin-bottom:21px; border:1px solid #e9e9eb;}
.BookList > ul li a{display:block; color:#7f8186;}
.BookList > ul li a:hover{text-decoration:none;}
.BookList > ul li:nth-child(3n){margin-right:0;}
.BookList > ul li span{display:block; width:185px; margin:0 auto; letter-spacing:-0.05em; line-height:1.3em;}
.BookList > ul li strong{display:block; width:225px;  padding:38px 0 10px 0; margin:0 auto; letter-spacing:-0.05em; line-height:1.3em; text-align:center; overflow: hidden; font-size:16px; color:#494c52;}
.BookList > ul li strong.spec{padding-top:16px;}
.BookList > ul li span.l_img{display:block; padding:8px 0;}
.BookList > ul li span.l_img img{-webkit-box-shadow: 5px 5px 20px 5px rgba(217,217,217,1); -moz-box-shadow: 5px 5px 20px 5px rgba(217,217,217,1); box-shadow: 5px 5px 20px 5px rgba(217,217,217,1);}
.BookList > ul li span.l_text{display:block; font-size:14px; line-height:1.4em;}
.BookList > ul li span.l_info{display:block; text-align:right; padding:20px 0 10px 0; font-size:13px; letter-spacing:0;}
.BookList > ul li span.l_info .l_hit{display:inline-block; padding:0 15px 0 26px; background:url('/images/bd_latest_icon.gif') no-repeat left 2px;}
.BookList > ul li span.l_info .l_date{display:inline-block; padding-left:10px; background:url('/images/bd_latest_line_bg.gif') no-repeat left 5px;}


.WebzineList span.l_img{display:block; padding:8px 0;}
.WebzineList span.l_img img{-webkit-box-shadow: 5px 5px 20px 5px rgba(217,217,217,1); -moz-box-shadow: 5px 5px 20px 5px rgba(217,217,217,1); box-shadow: 5px 5px 20px 5px rgba(217,217,217,1);}


.GalleryList{clear:both; width:100%;}
.GalleryList:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.GalleryList > ul{list-style:none; margin:0; padding:0;}
.GalleryList > ul li{float:left; width:280px; height:290px; background:#fff; margin-right:20px; margin-bottom:21px; border:1px solid #e9e9eb;}
.GalleryList > ul.affiliated li{margin-right:31px;}
.GalleryList > ul li a{display:block; color:#7f8186;}
.GalleryList > ul li a:hover{text-decoration:none;}
.GalleryList > ul li:nth-child(4n){margin-right:0;}
.GalleryList > ul li strong,
.GalleryList > ul li span{display:block; width:205px; margin:0 auto; letter-spacing:-0.05em; line-height:1.3em;}
.GalleryList > ul li strong{display:block; width:225px;  padding:38px 0 10px 0; margin:0 auto; letter-spacing:-0.05em; line-height:1.3em; text-align:center; overflow: hidden; font-size:16px; color:#494c52;}
.GalleryList > ul li strong.spec{padding-top:16px;}
.GalleryList > ul li span.l_img{display:block; padding:8px 0; height:140px;}
.GalleryList > ul li span.l_img img{border:1px solid #ccc;}
.GalleryList > ul li span.l_text{display:block; font-size:14px; line-height:1.4em;}
.GalleryList > ul li span.l_info{display:block; text-align:right; padding:20px 0 10px 0; font-size:13px; letter-spacing:0;}
.GalleryList > ul li span.l_info .l_hit{display:inline-block; padding:0 15px 0 26px; background:url('/images/bd_latest_icon.gif') no-repeat left 2px;}
.GalleryList > ul li span.l_info .l_date{display:inline-block; padding-left:10px; background:url('/images/bd_latest_line_bg.gif') no-repeat left 5px;}

		@media all and (max-width:480px){
			.GalleryList > ul li{float:none; width:100%;}
		}

.ListBoardWrap table.faqList .subject{font-size:17px;}
.ListBoardWrap table.faqList .faqTitle{padding:10px;}
.ListBoardWrap table.faqList .faqTitle b{position:absolute; font-size:25px; line-height:1.3em; color:#555;}
.ListBoardWrap table.faqList .faqTitle a{display:block; padding:5px 20px 2px 32px; line-height:1.6em; font-size:16px;}
.ListBoardWrap table.faqList .faqWrap{display:none; padding:20px; background:#f4f4f4; margin:0 20px 20px 20px;}
.ListBoardWrap table.faqList .faqFatxt{/*position:absolute;*/float:left; font-size:25px; line-height:1.3em; color:#555;}
.ListBoardWrap table.faqList .faqContent{padding:6px 20px 8px 28px;  line-height:1.6em; font-size:15px;}
.ListBoardWrap table.faqList .faqContent a{color:blue; text-decoration:underline;}
.ListBoardWrap table.faqList tr:first-child td .faqWrap{display:block;}
.ListBoardWrap table.faqList .faqMdBtn{float:right; margin:-25px 10px 0 0; cursor:pointer; color:blue;}
.ListBoardWrap table.faqList .faqMdBtn:hover{text-decoration:underline;}]

		@media all and (max-width:480px){
			.ListBoardWrap table.faqList .faqTitle a{ font-size:1.0rem;}
			.ListBoardWrap table.faqList .faqContent{ font-size:0.9rem;}
		}

.ViewBoardWrap{width:100%; word-wrap:break-word;}
.ViewBoardWrap table{border-collapse: collapse; color:#666;}
.ViewBoardWrap table caption{display:none;}
.ViewBoardWrap table thead th{height:50px; background:#f1f1f1; font-weight:bold;}
.ViewBoardWrap table th{height:40px; border:1px solid #ddd; padding-top:4px; text-align:center; vertical-align:middle; background:#fbfbfb; color:#424242; font-size:15px;}
.ViewBoardWrap table td{height:40px; border:1px solid #ddd; padding-top:4px; padding-left:20px; text-align:left; vertical-align:middle; color:#424242; font-size:15px;}
.ViewBoardWrap table span.fileSizeByte{font-size:15px; color:#424242;}
.ViewBoardWrap table td.content{padding:40px 20px; text-align:left; color:#424242;}
.ViewBoardWrap table td.images{padding:20px 0; text-align:center;}
.ViewBoardWrap table td.content img{/*width:100%;*/ max-width:900px; /*max-width:660px;*/ margin:0;}
.ViewBoardWrap table td.content table th,
.ViewBoardWrap table td.content table td{text-align:left; vertical-align:top;}
.ViewBoardWrap table td.content ul{margin-left:35px;}
.ViewBoardWrap table td.content ol{margin-left:50px;}
.ViewBoardWrap table hr{display:block; width:100%;}
.ViewBoardWrap .boardButton{height:60px;}
.ViewBoardWrap .boardButton ul{display:inline; float:right; padding:15px 0 0 0;}
.ViewBoardWrap .boardButton li{display:inline; float:left; margin-left:4px;}
.ViewBoardWrap .writeData{text-align:left !important; padding-left:20px;}
.ViewBoardWrap .linkArticle{margin-top:20px; padding-bottom:10px; border:1px solid #ddd; color:#424242; font-size:13px;}
.ViewBoardWrap .linkArticle:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.ViewBoardWrap .articlePrev{padding:10px 0 0 10px; border-top:1px solid #ddd;}
.ViewBoardWrap .articleNext{padding:12px 0 10px 10px;}
.ViewBoardWrap .articleNext:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.ViewBoardWrap .articleNext li,
.ViewBoardWrap .articlePrev li{float:left; margin-right:10px;}

	@media all and (max-width:1023px){
		.ViewBoardWrap table td.images img{width:calc(100% - 40px);}
		.ViewBoardWrap table th{font-size:1.0rem;}
		.ViewBoardWrap table td{font-size:1.0rem;}
	}
	
.WriteBoardWrap table{border-collapse: collapse; color:#666;}
.WriteBoardWrap table caption{display:none;}
.WriteBoardWrap table thead th{height:50px; background:#f1f1f1; font-weight:bold;}
.WriteBoardWrap table th{height:44px; border:1px solid #ddd; text-align:center; vertical-align:middle; color:#424242; font-size:15px;}
.WriteBoardWrap table td{height:44px; border:1px solid #ddd; padding-left:10px; text-align:left; vertical-align:middle; color:#424242;}
.WriteBoardWrap table td.writeInfo{padding:6px 0 5px 20px; text-align:center;}
.WriteBoardWrap table td.content{height:350px; padding:0;}
.WriteBoardWrap table td select{width:auto; height:30px; padding-left:5px; font-size:15px;}
.WriteBoardWrap table td input[type=text],
.WriteBoardWrap table td input[type=password]{width:90%; padding:3px 5px; border:1px solid #aaa; font-size:15px;}
.WriteBoardWrap table td input[type=file]{width:93%;}
.WriteBoardWrap table td .InputReadonly{background:#eee; color:#bbb;}
.WriteBoardWrap .boardButton{width:100%; text-align:center;}
.WriteBoardWrap .boardButton p{padding-top:30px;}
.WriteBoardWrap .fontColorFile{font-size:11px; color:#de5807;}
.WriteBoardWrap .writeQuestion{padding:10px 0;}


/* Board Password Area */
.PasswordBoardWrap{width:100%; margin-top:25px;}
.PasswordBoardWrap div.title{height:40px; padding-top:23px; border:1px solid #ddd; text-align:center; vertical-align:middle; background:#fbfbfb; color:#424242; font-size:15px;}
.PasswordBoardWrap div.content{width:100%; height:220px; padding-top:120px; border-bottom:1px solid #e8e8e8; text-align:center;}
.PasswordBoardWrap .WriteInput{width:200px; height:17px; padding:0 5px; line-height:17px; border:1px solid #cbcbcb;}
.PasswordBoardWrap .passText{padding-bottom:20px; color:red;}
.PasswordBoardWrap .passInput{width:380px; margin:0 auto;}
.PasswordBoardWrap .passInput *{display:inline;}

/* Board Reply Area */
.ReplyWrite{width:100%; padding-top:20px; border-bottom:1px solid #ebebeb; color:#555;}
.ReplyWrite .WriteInfo{float:left; padding:10px 0 5px 0;}
.ReplyWrite .WriteInfo b{color:#555;}
.ReplyWrite .WriteTextWrap{padding-bottom:10px;}
.ReplyWrite .WriteTextArea{width:99%; height:60px; padding:5px; border:1px solid #cdcdcd; color:#424242;}
.ReplyWrite .WriteBtn{float:right; padding:10px 0;}
.ReplyWrite .WriteBtn input{border:none;}

.ReplyView{width:100%; border-bottom:1px solid #ebebeb; margin-bottom:5px; background:#fafafa; color:#424242;}
.ReplyView .ViewInfo{float:left; padding-top:20px; padding-left:20px; list-style:none;}
.ReplyView .ViewInfo li{float:left; padding-right:20px;}
.ReplyView .DeleteBtn{float:right; padding:10px 0;}
.ReplyView .DeleteBtn a{display:block; padding:4px;}
.ReplyView .ViewInfo b{color:#83c1d6;}
.ReplyView .ViewContent{clear:both; padding:10px 20px 20px 20px;}


@media screen and (max-width:1023px){
	.mhide{display:none;}
	#content .ViewBoardWrap table td.content img{width:100%; max-width:1024px;}
			.ListBoardWrap table thead th:nth-child(2),
			.ListBoardWrap table tbody th:nth-child(2),
			.ListBoardWrap table thead td:nth-child(2),
			.ListBoardWrap table tbody td:nth-child(2){border-left:none;}
			.ListBoardWrap table.tbl_gray1 thead th:nth-child(2),
			.ListBoardWrap table.tbl_gray1 tbody th:nth-child(2),
			.ListBoardWrap table.tbl_gray1 thead td:nth-child(2),
			.ListBoardWrap table.tbl_gray1 tbody td:nth-child(2){border-left:1px solid #ddd;}

}

@media screen and (max-width:640px){
	.GalleryList table td{display:block; width:340px; padding-bottom:20px;}
	.GalleryList table td .listData{width:232px; border:1px solid #c8c8c8; margin:0 auto;}
	#content .ViewBoardWrap table td.content img{width:100%; max-width:640px;}
}

.smartOutput p {
	margin: 7px 0;
}

.smartOutput {
	font-size:15px;
	line-height:1.6;
}

.smartOutput li {
	display: list-item;
	text-align: -webkit-match-parent;
}

.smartOutput ul {
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.smartOutput ol {
	display: block;
	list-style-type: decimal;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	padding-inline-start: 40px;
}

.smartOutput table{
	width: auto;
}

.smartOutput td{
	padding:4px;
}

.addFileArea .btn-fileDel {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: -4px 0 0 10px;
	background: url("/villagecenter/mng/images/common/btn-del2.png") no-repeat;
	vertical-align: middle;
}
.btn.del {
	width: 29px;
	height: 29px;
	background: url("/villagecenter/mng/images/common/btn-del.png");
	vertical-align: middle;
}


/* line 836, scss/common.scss */
.pagination {
	margin-top: 20px;
	text-align: center;
}

/* line 838, scss/common.scss */
.pagination button, .pagination a, .pagination div {
	display: inline-block;
	vertical-align: middle;
}

/* line 839, scss/common.scss */
.pagination button, .pagination a {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 29px;
	color: #666666;
}
@media screen and (max-width:480px){
	.pagination button, .pagination a {
		width: 21px;
		height: 21px;
		line-height: 20px;
	}
}

/* line 840, scss/common.scss */
.pagination div {
	margin: 0 10px;
}

/* line 841, scss/common.scss */
.pagination .first {
	background: url("/villagecenter/mng/images/common/btn-pageFirst.png");
}
@media screen and (max-width:480px){
	.pagination .first { background-size:99%;}
}
/* line 842, scss/common.scss */
.pagination .first:hover, .pagination .first.active {
	background: url("/villagecenter/mng/images/common/btn-pageFirst-hover.png");
}

/* line 843, scss/common.scss */
.pagination .prev {
	background: url("/villagecenter/mng/images/common/btn-pagePrev.png");
}
@media screen and (max-width:480px){
	.pagination .prev { background-size:99%;}
}
/* line 844, scss/common.scss */
.pagination .prev:hover, .pagination .prev.active {
	background: url("/villagecenter/mng/images/common/btn-pagePrev-hover.png");
}

/* line 845, scss/common.scss */
.pagination .next {
	background: url("/villagecenter/mng/images/common/btn-pageNext.png");
}
@media screen and (max-width:480px){
	.pagination .next { background-size:99%;}
}
/* line 846, scss/common.scss */
.pagination .next:hover, .pagination .next.active {
	background: url("/villagecenter/mng/images/common/btn-pageNext-hover.png");
}

/* line 847, scss/common.scss */
.pagination .last {
	background: url("/villagecenter/mng/images/common/btn-pageLast.png");
}

@media screen and (max-width:480px){
	.pagination .last { background-size:99%;}
}
/* line 848, scss/common.scss */
.pagination .last:hover, .pagination .last.active {
	background: url("/villagecenter/mng/images/common/btn-pageLast-hover.png");
}

/* line 849, scss/common.scss */
.pagination a {
	position: relative;
}

/* line 851, scss/common.scss */
.pagination a:first-child:before {
	display: none;
}

/* line 852, scss/common.scss */
.pagination a:before {
	content: "";
	position: absolute;
	top: 12px;
	left: -1px;
	display: inline-block;
	width: 1px;
	height: 6px;
	background: #d8d8d8;
}

	@media screen and (max-width:480px){
		.pagination a:before {
			top: 6px;
			left: -1px;
			display: inline-block;
			width: 1px;
			height: 6px;
			background: #d8d8d8;
		}
	}
/* line 853, scss/common.scss */
.pagination a.active {
	border: 1px solid #226ac1;
	color: #167cda;
	box-sizing: border-box;
}

/* line 855, scss/common.scss */
.pagination a.active:before {
	display: none;
}

/* line 856, scss/common.scss */
.pagination a.active + a:before {
	display: none;
}

/* line 860, scss/common.scss */
.pagination + .btnArea {
	margin-top: -34px;
}

/* line 861, scss/common.scss */
.pagination + .btnPopArea {
	margin-top: -35px;
}

/* tab */
.tab_txt6{margin-bottom:33px; clear:both;}
.tab_txt6:after{content:" "; display:block; float:none; clear:both;}
.tab_txt6 ul{display:table; width:100%; overflow:hidden ;text-align:center; border-top:1px solid #dde0e8; border-left:1px solid #dde0e8;}
.tab_txt6 ul li{display:table-cell; float:left; width:16.6666%; word-break:break-all;}
.tab_txt6 a{display:block; padding:14px 15px 12px 15px; color:#8f98a4; font-size:15px; letter-spacing:-1px; background-color:#fff; text-decoration:none; border-right:1px solid #dde0e8; border-left:1px solid #f5f6fa; border-top:1px solid #f5f6fa; border-bottom:1px solid #dde0e8;}
.tab_txt6 ul li:first-child a{border-left-width:1px;}
.tab_txt6 ul li a:hover{color:#215e40; border-color:#215e40; border-left-width:1px;}
.tab_txt6 ul li a.on{background-color:#215e40; border-color:#215e40; color:#fff; text-decoration:none;}
			@media all and (max-width:1628px){
				.tab_txt6 ul li{width:20%;}
			}
			@media all and (max-width:870px){
				.tab_txt6 ul li{width:25%;}
			}
			@media all and (max-width:700px){
				.tab_txt6 ul li{width:33.2%;}
			}
			@media all and (max-width:531px){
				.tab_txt6 ul li{width:49.9%;}