@charset "UTF-8";

/********** 게시판 스킨 공통  **********/
.board-frame {
	display:block;
	width:100%;
	padding-top:30px;
}
	.no-board-list {
		display:block;
		width:100%;
		padding:150px 0;
		border-bottom:1px solid #ccc;
		text-align:center;
		font-weight:600;
		font-size:1rem;
	}
	.no-board-list.br-t { border-top:2px solid #000; }

	.required-text {
		display:block;
		width:100%;
		padding:10px 0;
		font-weight:600;
		font-size:0.91rem;
		text-align:right;
	}

/********** 상세페이지 SNS 공유  **********/
.sns-share-box {
	display:flex;
	justify-content:center;
	width:100%;
	margin-top:40px;
}
	.sns-share-box .share-item {
		display:block;
		width:45px;
		height:45px;
		background-repeat:no-repeat;
		background-position:center center;
		transition:0.3s all ease-in-out;
		text-indent:-9999px;
	}
	.sns-share-box .share-item:not(:last-of-type) { margin-right:10px; }
	.sns-share-box .share-item.facebook { background-image:url('/res/img/home/board/image_icon_sns_share_01.png'); }
	.sns-share-box .share-item.kakaostory { background-image:url('/res/img/home/board/image_icon_sns_share_02.png'); }
	.sns-share-box .share-item.kakaotalk { background-image:url('/res/img/home/board/image_icon_sns_share_03.png'); }
	.sns-share-box .share-item.blog { background-image:url('/res/img/home/board/image_icon_sns_share_04.png'); }
	.sns-share-box .share-item.link-copy { background-image:url('/res/img/home/board/image_icon_sns_share_05.png'); }
	
	.sns-share-box .share-item.facebook:hover,
	.sns-share-box .share-item.facebook:focus { background-image:url('/res/img/home/board/image_icon_sns_share_01_active.png'); }
	
	.sns-share-box .share-item.kakaostory:hover,
	.sns-share-box .share-item.kakaostory:focus { background-image:url('/res/img/home/board/image_icon_sns_share_02_active.png'); }
	
	.sns-share-box .share-item.kakaotalk:hover,
	.sns-share-box .share-item.kakaotalk:focus { background-image:url('/res/img/home/board/image_icon_sns_share_03_active.png'); }
	
	.sns-share-box .share-item.blog:hover,
	.sns-share-box .share-item.blog:focus { background-image:url('/res/img/home/board/image_icon_sns_share_04_active.png'); }
	
	.sns-share-box .share-item.link-copy:hover,
	.sns-share-box .share-item.link-copy:focus { background-image:url('/res/img/home/board/image_icon_sns_share_05_active.png'); }

/********** 페이징  **********/
.paging {
	display:block;
	width:100%;
	margin-top:40px;
}
	.paging .paging-frame {
		display:flex;
		justify-content:center;
	}
		.paging .paging-item { 
			align-self:center;
			display:block;
		}
			.paging .ctrl-btn {
				width:35px;
				height:35px;
				text-align:center;
				font-weight:600;
				font-size:0.91rem;
				letter-spacing:-.9px;
				padding:10.5px 0;
				border-radius:17.5px;
				transition:0.3s all ease-in-out;
			}
			.paging .ctrl-btn:hover,
			.paging .ctrl-btn:focus {
				background-color:#f1f1f1;
				color:#000;
				text-decoration:none;
			}
			.paging .ctrl-btn.disable {
				background-color:#f1f1f1;
				color:rgba(0,0,0,.6);
				pointer-events:none;
				cursor:default;
			}

				.paging .paging-num {
					display:flex;
					justify-content:center;
				}
					.paging .paging-num .paging-list {
						display:block;
						align-self:center;
					}
					.paging .paging-num .paging-list:not(:last-of-type) { margin-right:8px; }
				
						.paging .paging-num .paging-list .paging-link {
							display:block;
							width:35px;
							padding:10.5px 0;
							color:#8d8d8d;
							font-weight:600;
							font-size:0.91rem;
							letter-spacing:-.9px;
							border-radius:17.5px;
							transition:0.3s all ease-in-out;
							text-align:center;
						}
						.paging .paging-num .paging-list .paging-link.active { background-color:#006933; color:#fff; }
						
						.paging .paging-num .paging-list .paging-link:hover,
						.paging .paging-num .paging-list .paging-link:focus { background-color:#4d4d4d; color:#fff; text-decoration:none; }

/********** 게시판 카테고리  **********/
.category-menu {
	display:block;
	width:100%;
}
	.category-menu .category-menu--frame {
		display:flex;
		justify-content:flex-start;
		-ms-flex-pack:start;
		width:100%;
	}
		.category-menu .category-menu--list {
			display:block;
			align-self:center;
			margin-top:5px;
		}
		.category-menu .category-menu--list:not(:last-of-type) { margin-right:10px; }
			
			.category-menu .category-menu--link {
				display:block;
				padding:15px 30px;
				background-color:#efefef;
				border:1px solid #ccc;
				border-radius:25px;
				text-align:center;
				font-weight:600;
				font-size:0.85rem;
				transition:0.3s all ease-in-out;
			}
			.category-menu .category-menu--link:hover,
			.category-menu .category-menu--link:focus { background-color:#464646; color:#fff; border-color:#464646; text-decoration:none; }
			.category-menu .category-menu--link.active { background-color:#0189d0; color:#fff; border-color:#0189d0; }

/********** 검색영역  **********/
.board-frame .board-search { display:block; width:100%; }

	.board-frame .flex-frame {
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap; 
		width:100%;
		padding-bottom:15px;
	}

		.board-frame .flex-frame .search-area,
		.board-frame .flex-frame .post-info { align-self:center; }
		.board-frame .flex-frame .post-info { display:block; font-weight:600; font-size:0.91rem; } 

			select {
				-webkit-appearance:none;
				-moz-appearance:none;
				appearance:none;
				background:url('/res/img/home/sub/image_bg_form_select_arrow.png') no-repeat 95% center;
			}
			select::-ms-expand { display:none; }
			select:invalid { color:gray; }

		.search-area { display:block; }
			.search-area .search-custom {
				display:flex;
				justify-content:flex-start;
			}
				.search-area .search-custom .item {
					display:block;
					align-self:center;
				}
				.search-area .search-custom select,
				.search-area .search-custom input,
				.search-area .search-custom button {
					border:0px;
					background-color:transparent;
					font-weight:600;
					font-size:0.85rem;
				}
		
				.search-area .search-custom select,
				.search-area .search-custom input { padding:8px; }
					
					.search-area .search-custom .item.sel { width:20%; margin-right:4%; }
					.search-area .search-custom .item.txt { width:calc(100% - (26% + 23px)); }
					.search-area .search-custom .item.button {
						width:23px;
						height:25px;
						margin-left:2%;
					}

/********** 기본 스킨  **********/
.default-board {
	display:block;
	width:100%;
}
	.default-board .board-list { width:100%; }

		.default-board .board-list .list-num,
		.default-board .board-list .list-category,
		.default-board .board-list .list-text { align-self:center; }

		.default-board .board-list .list-num {
			display:block;
			width:90px;
			margin-right:30px;
			font-size:0.8rem;
			text-align:center;
			font-weight:600;
			color:#000;
		}
			.default-board .board-list .list-num .noti {
				display:block;
				width:100%;
				padding:7px 10px;
				background-color:#fff;
				border:1px solid #f00;
				border-radius:5px;
				color:#f00;
			}

		.default-board .board-list .list-category {
			font-weight:600;
			word-wrap:break-word;
			word-break:keep-all;
			overflow-wrap:anywhere;
			line-height:1.3;
		}
 
		.default-board .board-list .list-text {
			display:flex;
			justify-content:flex-start;
			width:calc(100% - 120px);
		}

		.default-board .board-list .list-text .list-title,
		.default-board .board-list .list-text .date {
			display:block;
			align-self:center;
		}

		.default-board .board-list .list-text .list-title {
			width:calc(100% - 120px);
			display:flex; 
			justify-content:flex-start;
		}
			.default-board .board-list .list-text .list-title .title-text {
				display:block;
				width:calc(100% - 21px);
				font-size:1rem;
				font-weight:600;
				letter-spacing:-.9px;
				line-height:1.3;
				word-wrap:break-word;
				word-break:keep-all;
				overflow-wrap:anywhere;
			}
				.default-board .board-list .list-text .list-title .title-text .count { display:inline; margin-left:10px; color:#f00; }
		
				.default-board .board-list .list-text .date {
					width:120px;
					text-align:right;
					font-weight:600;
					font-size:0.85rem;
					color:rgba(0,0,0,.7);
				}
				
				.default-board .board-list.reply .list-text { width:100%; }
					.default-board .board-list.reply .list-text .list-title {
						padding-left:180px;
						padding-top:7px;
						padding-bottom:7px;
						background-repeat:no-repeat;
						background-position:145px top;
						background-image:url('/res/img/home/board/image_mark_default_board_reply.png');
					}
		
		.default-board .board-list:hover,
		.default-board .board-list:focus { text-decoration:none; }


/********** 게시판 상세페이지  **********/
.board-view {
	display:block;
	width:100%;
	word-wrap:break-word;
	word-break:keep-all;
	overflow-wrap:anywhere;
}
	.board-view .board-view-top {
		display:block;
		width:100%;
		padding-bottom:30px;
		border-bottom:2px solid #000;
	}
		.board-view .board-view-top .view-title {
			display:block;
			width:100%;
			padding-top:10px;
			line-height:1.3;
			color:#000;
			letter-spacing:-2.5px;
		}
		.board-view .board-view-top .view-info {
			display:flex;
			justify-content:space-between;
			flex-wrap:wrap;
			width:100%;
		}
		
		.board-view .board-view-top .info-item { align-self:center; }
		.board-view .board-view-top .info-item i { margin-right:5px; }
		
		.board-view .board-view-top .writer,
		.board-view .board-view-top .date,
		.board-view .board-view-top .count { display:block; font-weight:600; color:#464646; }
		
		.board-view .board-view-top .left-info {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
		}

	.board-view .board-view-content {
		display:block;
		width:100%;
		border-bottom:1px solid #000;
		padding:20px;
	}
		.board-view .board-view-content .view-content {
			display:block;
			width:100%;
			line-height:1.4;
		}
			.board-view .board-view-content .view-content img {
				vertical-align:top;
				max-width:100%;
				height:auto !important;
			}

			.board-view .board-view-content .view-content iframe {
				display:block;
				width:100% !important;
				margin-top:10px;
				margin-bottom:10px;
			}

			.board-view .board-view-content .file-dwn-area {
				display:block;
				width:100%;
				padding-top:20px;
				margin-top:20px;
				border-top:1px dashed #ccc;
			}
				.board-view .board-view-content .file-dwn-area .file-dwn-area-title {
					display:block;
					width:100%;
					font-size:0.85rem;
					font-weight:600;
					color:#000;
					margin-bottom:8px;
				}
				.board-view .board-view-content .file-dwn-area .file-dwn-box {
					display:flex;
					justify-content:flex-start;
					flex-wrap:wrap;
					width:100%;
					padding:12px;
					border:1px solid #ccc;
					background-color:#f1f1f1;
				}
					.board-view .board-view-content .file-dwn-area .file-dwn-btn {
						display:block;
						width:auto;
						padding-left:22px;
						padding-top:4px;
						padding-bottom:4px;
						background-repeat:no-repeat;
						background-position:left 2.9px;
						background-image:url('/res/img/home/board/image_icon_file_dwn.jpg');
						font-size:0.8rem;
						font-weight:600;
						color:#000;
						transition:0.3s all ease-in-out;
					}
					.board-view .board-view-content .file-dwn-area .file-dwn-btn:not(:last-of-type) { margin-right:30px; }
			
					.board-view .board-view-content .file-dwn-area .file-dwn-btn:hover,
					.board-view .board-view-content .file-dwn-area .file-dwn-btn:focus { color:#1ebdbd; text-decoration:none; }

		.board-view .board-controller {
			display:flex; 
			justify-content:space-between;
			flex-wrap:wrap;
			width:100%;
		}
			.board-view .board-controller .ctrl-item {
				display:flex;
				justify-content:space-between;
				padding:20px;
				background-color:#fafafa;
				border:1px solid #ccc;
			}
			
			.board-view .board-controller .ctrl-item:hover,
			.board-view .board-controller .ctrl-item:focus { text-decoration:none; }
		
				.board-view .board-controller .ctrl-item .text,
				.board-view .board-controller .ctrl-item .icon { align-self:center; display:block; }
				
				.board-view .board-controller .ctrl-item .text { width:calc(100% - 25px); }
				.board-view .board-controller .ctrl-item .text .depart {
					display:block;
					width:100%;
					margin-bottom:11px;
					font-size:0.8rem;
					font-weight:600;
					color:rgba(0,0,0,.6);
				}
				.board-view .board-controller .ctrl-item .icon { width:25px; color:#000; }
				.board-view .board-controller .ctrl-item .icon.right { text-align:right; }
				.board-view .board-controller .ctrl-item .icon.left { text-align:left; }
				
				.board-view .board-controller .ctrl-item .subject { font-weight:600; }
		
				.board-view .board-view-content .post-info--area {
					display:block;
					width:100%;
					padding-top:20px;
					margin-top:20px;
					border-top:1px dashed #ccc;
				}
					.board-view .board-view-content .post-info--list {
						display:flex; 
						justify-content:flex-start; 
						flex-wrap:wrap; 
						width:100%;
					}
					.board-view .board-view-content .post-info--list:not(:last-of-type) { margin-bottom:12px; }
						.board-view .board-view-content .info-title {
							display:flex;
							width:100px;
							padding:10px;
							background-color:#000;
							border-radius:10px 0 10px 0;
							color:#fff;
						}
							.board-view .board-view-content .info-title .v-align {
								display:block;
								width:100%;
								align-self:center;
								font-weight:600;
								font-size:0.91rem;
								text-align:center;
							}
		
				.board-view .board-view-content .info-cont {
					display:block;
					width:calc(100% - 100px);
					padding:10px 20px;
					font-weight:600;
					font-size:0.91rem;
					color:#000;
				}
				
				.board-view .board-view-content .info-cont .site-link {
					display:inline-flex;
					justify-content:space-between;
				}
					.board-view .board-view-content .info-cont .site-link .text,
					.board-view .board-view-content .info-cont .site-link .icon {
						display:block;
						align-self:center;
						font-weight:600;
						font-size:0.91rem;
					}
					.board-view .board-view-content .info-cont .site-link .icon { margin-left:10px; }
					.board-view .board-view-content .info-cont .site-link:not(:last-of-type) { margin-right:20px; }
							
				.board-view .board-view-content .info-cont.cus-pd { padding:0 20px 10px 20px; }
					.board-view .board-view-content .info-cont .hashtag-box {
						display:flex;
						justify-content:flex-start;
						flex-wrap:wrap;
						width:100%;
					}
						.board-view .board-view-content .info-cont .hashtag-box .tag-item { display:block; width:auto; margin-top:10px; }
						.board-view .board-view-content .info-cont .hashtag-box .tag-item:not(:last-of-type) { margin-right:15px }


table.default-table {
	border-top:2px solid #646464;
	table-layout:fixed;
}

table.default-table thead tr th {
	border-bottom:0px;
	background-color:#f2f2f2;
	font-size:1rem;
	font-weight:600;
}
table.default-table tr th,
table.default-table tr td {
	border:1px solid #ccc;
	border-left:0px;
	border-right:0px;
	word-break:break-all;
	word-wrap:break-word;
	color:#000;
	font-weight:600;
	text-align:center;
} 
table.default-table tr th { padding:15px 10px; }
table.default-table tr td {
	padding:12px 10px;
	font-size:0.91rem;
	line-height:1.6;
	word-wrap:break-word;
	word-break:keep-all;
	overflow-wrap:anywhere;
}
	table.default-table tr td a {
		display:block;
		width:100%;
		text-align:left;
	}
table.default-table tbody tr th { background-color:#f5f5f5; }

table.default-table tbody tr.total td { background-color:#f5f5f5; }

table.default-table.line tr th,
table.default-table.line tr td	{ border-left:1px solid #ccc; border-right:1px solid #ccc; }

table.default-table .no-border-l { border-left:0px !important; }
table.default-table .no-border-r { border-right:0px !important; }

table.default-table .noti * { background-color:#fafafa; }
	table.default-table .noti .link { color:#fea03e; }
		table.default-table .noti .noti-mark {
			display:block;
			width:100%;
			padding:4px;
			background-color:#fea03e;
			border-radius:5px;
			color:#fff;
			text-align:center;
		}

table.default-table .link {
	display:flex;
	justify-content:flex-start;
	width:100%;
}
	table.default-table .link .reply-line {
		display:block;
		min-width:12px;
		height:14px;
		margin-right:6px;
		background:url('/res/img/home/board/image_board_list_reply_mark.png') no-repeat left top;
	}
	table.default-table .link .fa.fa-unlock-alt { margin-right:6px; padding-top:5px; }

table.table-custom {
	font-size:0.8rem;
	table-layout:fixed;
}

	table.table-custom thead tr th {
		border-bottom:0px;
		background-color:#f2f2f2;
		font-size:1.2rem;
	}
	table.table-custom tr th,
	table.table-custom tr td {
		border:1px solid #ccc;
		word-break:break-all;
		word-wrap:break-word;
		color:#000;
		font-weight:600;
		text-align:center;
	}
	table.table-custom tr:first-of-type th,
	table.table-custom tr:first-of-type td { border-top:2px solid #000; } 
	table.table-custom tr th { padding:15px 10px; }
	table.table-custom tr td { padding:12px 10px; font-weight:0.8rem;line-height:1.6; }
	table.table-custom tbody tr th { background-color:#f5f5f5; }

table.table-basic {
	font-size:0.8rem;
	border-top:2px solid #646464;
	table-layout:fixed;
}

	table.table-basic thead tr th {
		border-bottom:0px;
		background-color:#f2f2f2;
		font-size:1rem;
	}
	table.table-basic tr th,
	table.table-basic tr td {
		border:1px solid #ccc;
		word-break:break-all;
		word-wrap:break-word;
		color:#000;
		font-weight:600;
		text-align:center;
	} 
	table.table-basic tr th { padding:15px 10px; }
	table.table-basic tr td {
		padding:10px;
		font-weight:0.8rem;
		line-height:1.6;
		word-wrap:break-word;
		word-break:keep-all;
		overflow-wrap:anywhere;
	}
	table.table-basic tbody tr th { background-color:#fafafa; }
	
	table.table-basic .no-border-l { border-left:0px !important; }
	table.table-basic .no-border-r { border-right:0px !important; }


/********** 게시판 작성페이지  **********/
.board-form--frame { display:block; width:100%; }
	.board-form--frame .board-form { display:block; width:100%; }
	
	.board-form--frame .form-title {
		display:block;
		width:100%;
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:2px solid #000;
		font-size:1.3rem;
		font-weight:600;
		color:#000;
		letter-spacing:-2px;
	}
	.board-form--frame .form-item {
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		width:100%;
	}
	.board-form--frame .form-item:not(:last-of-type) { margin-bottom:12px; }
		.board-form--frame .form-item .item-select {
			display:block;
			width:100%;
			height:40px;
			padding:5px 10px;
			border:1px solid #b2b2b2;
			background-color:#fff;
		}
		.board-form--frame .form-item input[type="text"] {
			display:block;
			width:100%;
			height:40px;
			padding:5px 10px;
			border:1px solid #b2b2b2;
		}
		.board-form--frame .form-item input[type="text"]::placeholder { font-size:0.85rem; }
		.board-form--frame .form-item .board-content-write { display:block; width:100%; }
		
		.board-form--frame .form-item textarea {
			display:block;
			width:100%;
			height:350px;
			padding:5px 10px;
			resize:none;
			border:1px solid #b2b2b2;
		}
		.board-form--frame .form-item textarea::placeholder { font-size:0.85rem; }
		
		.board-form--frame .form-item.sel-box .item-list { display:block; }

/********** 포토게시판 **********/
.photo-board--frame {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	width:100%;
	margin-top:20px;
}
	.photo-board--frame .photo-list { display:block; }
		.photo-board--frame .photo-list .image_box {
			display:block;
			width:100%;
			padding-top:74.8275%;
			background-color:#fff;
			border-radius:5px;
			position:relative;
			overflow:hidden;
		}
			.photo-board--frame .photo-list .image_box img {
				display:block;
				position:absolute;
				max-width:100%;
				max-height:100%;
				top:50%;
				left:50%;
				transform:translateX(-50%) translateX(+0.5px) translateY(-50%) translateY(+0.5px);
				z-index:102;
			}
			.photo-board--frame .photo-list .image_box .line {
				display:block;
				width:100%;
				height:100%;
				border:1px solid #ccc;
				border-radius:5px;
				position:absolute;
				left:0;
				top:0;
				z-index:101;
			}

		.photo-board--frame .photo-list .text_box {
			display:block;
			width:100%;
			margin-top:17px;
		}
		.photo-board--frame .photo-list .list-title {
			width:100%;
			height:40px;
			font-size:1rem;
			font-weight:600;
			line-height:1.2;
			letter-spacing:-.9px;
			color:#000;
		}
		.photo-board--frame .photo-list .list-date {
			display:block;
			width:100%;
			font-weight:600;
			font-size:0.91rem;
			color:rgba(0,0,0,.8);
		}
		
			.photo-board--frame .photo-list .text_box .frame {
				display:flex;
				justify-content:space-between;
				flex-wrap:wrap;
				width:100%;
				margin-top:12px;
			}
				.photo-board--frame .photo-list .text_box .frame .list-date,
				.photo-board--frame .photo-list .text_box .frame .count { align-self:center; }
				
				.photo-board--frame .photo-list .text_box .list-date { width:auto; }
				
				.photo-board--frame .photo-list .text_box .count { display:flex;justify-content:flex-start;width:auto; }
					.photo-board--frame .photo-list .text_box .count .icon,
					.photo-board--frame .photo-list .text_box .count .text {
						align-self:center;
						display:block;
						font-weight:600;
						color:#000;
						font-size:0.91rem;
					}
					.photo-board--frame .photo-list .text_box .count .text {
						margin-left:5px;
						letter-spacing:-.9px;
						color:#45b7b1;
					}
		
	.photo-board--frame .photo-list:hover,
	.photo-board--frame .photo-list:focus { text-decoration:none; }
	
		.photo-board--frame .photo-list:hover .list-title,
		.photo-board--frame .photo-list:focus .list-title { color:#237098; }
	
			.photo-board--frame .photo-list:hover .image_box .effect,
			.photo-board--frame .photo-list:focus .image_box .effect {
				display:block;
				width:100%;
				height:100%;
				background-color:rgba(0,0,0,.4);
				background-image:url('/res/img/home/common/image_photo_over_effect.png');
				background-repeat:no-repeat;
				background-position:center center;
				position:absolute;
				left:0;
				top:0;
				z-index:103;
			}


.mulit-line-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* ie10 & ie 11 두줄 이상 말줄임  - ie만 적용 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.photo-list .list-title.mulit-line-ellipsis {
		width: calc(100% - 1.2rem);
		overflow: hidden;
		position: relative;
		line-height: 1.2rem;
		max-height: 2.4rem;
		margin-right: -1em;
		padding-right: 1em;
	}
	.photo-list .list-title.mulit-line-ellipsis:before {
		content: '...';
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.photo-list .list-title.mulit-line-ellipsis:after {
		content: '';
		position: absolute;
		right: 0;
		width: 1.2rem;
		height: 1.2rem;
		margin-top: 1.2rem;
		background: white;
	}
}


.write-btn--area {
	display:block;
	width:100%;
	margin-top:30px;
	overflow:hidden;
}

	.write-btn--area .list-btn {
		display:block;
		width:130px;
		float:right;
		padding:10px;
		background-color:#fff;
		border:1px solid #b2b2b2;
		border-radius:5px;
		text-align:center;
		font-size:0.85rem;
		font-weight:600;
	}
	.write-btn--area .list-btn:hover,
	.write-btn--area .list-btn:focus {
		background-color:#efefef;
		text-decoration:none;
		color:#000;
	}
	
	.write-btn--area .list-btn.write {
		background-color:#39b2c0;
		border-color:#39b2c0; color:#fff; }
	
	.write-btn--area .list-btn.write:hover,
	.write-btn--area .list-btn.write:focus {
		background-color:#1a727c;
		border-color:#1a727c;
	}

/************************** 게시글 작성 **************************/
.board-form--frame .input-area {
	display:block;
	width:100%;
	padding:30px 15px;
	border-top:2px solid #000;
	border-bottom:1px solid #ccc;
}
	.board-form--frame .input-area.no-br-top { border-top:0px; }
	.board-form--frame .input-area input,
	.board-form--frame .input-area textarea { border-radius:5px; }
	.board-form--frame .input-area textarea { width:100%; height:300px; resize:none; }
	.board-form--frame .input-area .input-type--select { font-size:1rem; }

	.board-form--frame .input-area .flexbox {
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		width:100%;
	}

	.board-form--frame .box-style {
		display:block;
		width:100%;
		background-color:#fafafa;
		padding:10px;
		border:1px solid #ccc;
		border-radius:5px;
		word-wrap:break-word;
		word-break:keep-all;
		overflow-wrap:anywhere;
	}
	
		.board-form--frame .box-style .file-info-text {
			display:block;
			width:100%;
			padding-bottom:20px;
			margin-bottom:20px;
			border-bottom:1px dashed #ccc;
		}
			.board-form--frame .box-style .file-info-text .block {
				display:block;
				width:100%;
				font-weight:600;
				font-size:0.8rem;
				color:#000;
				line-height:1.6;
			}
			.board-form--frame .box-style .file-info-text .block:not(:last-of-type) { margin-bottom:6px; }

		.board-form--frame .file-regist { display:block; width:100%; }
			.board-form--frame .file-regist .file-input--list {
				display:flex;
				justify-content:flex-start;
				flex-wrap:wrap;
				width:100%;
			}
			.board-form--frame .file-regist .file-input--list:not(:last-of-type) { margin-bottom:12px; }
				.board-form--frame .file-regist .file-input--list .title,
				.board-form--frame .file-regist .file-input--list .input-file {
					display:block;
					align-self:center;
				}
				
				.board-form--frame .file-regist .file-input--list .title { font-weight:600; font-size:0.85rem; color:#000; }
				
				.board-form--frame .file-regist .file-input--list .input-file input { font-size:0.85rem; }

.form-frame .check-list {
	display:flex;
	justify-content:flex-start;
}
	.form-frame .check-list .l-text {
		display:block;
		width:auto;
		margin-left:10px;
		font-size:0.85rem;
		font-weight:600;
		word-wrap:break-word;
		word-break:keep-all;
		overflow-wrap:anywhere;
		line-height:1.3;
	}

.warning-text {
	display:block;
	width:100%;
	margin-top:10px;
	font-weight:600;
	font-size:0.85rem;
	color:rgba(0,0,0,.85);
}

.board-form--frame .input-flex-box {
	display:flex;
	justify-content:flex-start;
	width:100%;
	margin-top:15px;
}
	.board-form--frame .input-flex-box .input-item {
		display:block;
		height:36px;
		font-weight:600;
		font-size:0.91rem;
	}
		.board-form--frame .input-flex-box .input-item.text {
			padding:5px 10px;
			font-weight:600;
			border:1px solid #ccc;
			border-radius:0px;
		}

	.board-form--frame .input-flex-box .btn {
		background-color:#000;
		border:0px;
		color:#fff;
		transition:0.3s all ease-in-out;
	}
	.board-form--frame .input-flex-box .btn:hover,
	.board-form--frame .input-flex-box .btn:focus { background-color:#66b4c6; }

	.board-form--frame .tag-list {
		display:block;
		width:100%;
		min-height:59px;
		padding:4px 12px 12px 12px;
		background-color:#fafafa;
		border:1px solid #ccc;
		border-radius:5px;
		margin-bottom:10px;
	}
		.board-form--frame .tag-list-frame {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			width:100%;
		}
			.board-form--frame .tag-list-frame .tag-item {
				display:block;
				width:auto;
				padding:5px 8px;
				margin-top:8px;
				background-color:#fff;
				border:1px solid #b2b2b2;
				color:#000;
				font-weight:600;
				font-size:0.85rem;
				border-radius:5px;
			}
			.board-form--frame .tag-list-frame .tag-item:not(:last-of-type) { margin-right:8px; }
				.board-form--frame .tag-list-frame .tag-item .cancle-btn {
					display:inline-block;
					padding:3px 6px;
					margin-left:15px;
					background-color:#000;
					color:#fff;
					border:1px solid #000;
					font-size:0.80em;
					transition: 0.3s all ease-in-out;
				}
				.board-form--frame .tag-list-frame .tag-item .cancle-btn:hover,
				.board-form--frame .tag-list-frame .tag-item .cancle-btn:focus { background-color: #007bc8; border-color: #007bc8; }

.form-frame .input-area .input-flex {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	width:100%;
}
	.form-frame .input-area .input-flex .input-item { display:block; }
	
	.form-frame .input-area .input-flex .input-item.btn .func-btn {
		display:block;
		width:100%;
		height:100%;
		background-color:#f1f1f1;
		border:1px solid #ccc;
		border-radius:5px;
		color:#000;
		transition:0.3s all ease-in-out;
	}
	
	.form-frame .input-area .input-flex .input-item.btn .func-btn.add-btn {
		background-color:#45b7b1;
		border-color:#45b7b1; color:#fff;
	}
	.form-frame .input-area .input-flex .input-item.btn .func-btn.remove-btn {
		background-color:#f00;
		border-color:#f00;
		color:#fff;
	}
	
	.form-frame .input-area .input-flex .input-item.btn .func-btn:hover,
	.form-frame .input-area .input-flex .input-item.btn .func-btn:focus { background-color:#000; border-color:#000; color:#fff; } 


/******** form에서 기존 첨부파일 표시부분 *********/
.file-regist .file-list {
	display:block;
	padding-top:10px;
	margin-top:10px;
	border-top:1px dashed #ccc;
}
	.file-regist .file-list .list-item {
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		width:100%;
	}
	.file-regist .file-list .list-item:not(:last-of-type) { margin-bottom:10px; }
		.file-regist .file-list .list-item .chk-box,
		.file-regist .file-list .list-item .file-dwn-btn { align-self:center; }
		
		.file-regist .file-list .list-item .chk-box {
			display:flex;
			justify-content:flex-start;
			padding-right:10px;
			margin-right:10px;
			border-right:1px solid #ccc;
		}
			.file-regist .file-list .list-item .chk-box .text, 
			.file-regist .file-list .list-item .chk-box input {
				align-self:center;
				display:block;
			}
			
			.file-regist .file-list .list-item .chk-box .text { margin-left:10px; font-weight:600; font-size:0.85rem; }
		
		.file-regist .file-list .list-item .file-dwn-btn { font-weight:600; font-size:0.85rem; letter-spacing:0; }

/********** eBook 용 게시판 - 목록 **********/
.book-board--frame {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	width:100%;
	padding-top:20px;
}
	.book-board--frame .book-list { display:block; }
	
		.book-board--frame .book-list .image_box {
			display:block;
			width:100%;
			padding-top:130%;
			position:relative;
			overflow:hidden;
			transition:0.3s all ease-in-out;
		}
			.book-board--frame .book-list .image_box img {
				display:block;
				position:absolute;
				/*max-width:100%;*/
				max-height:100%;
				top:50%;
				left:50%;
				transform:translate(-50%, -50%);
				z-index:102;
				transition:0.3s all ease-in-out;
			}
		.book-board--frame .book-list .image_box.active { box-shadow:3px 3px 0 rgba(0,0,0,.6); }
	
		.book-board--frame .book-list .list-title {
			display:block;
			width:100%;
			margin-top:15px;
			font-weight:600;
			font-size:1rem;
			text-align:center;
			word-wrap:break-word;
			word-break:keep-all;
			overflow-wrap:anywhere;
		}
		.book-board--frame .book-list .list-btn--frame {
			display:flex;
			justify-content:center;
			width:100%;
			margin-top:20px;
		}
		.book-board--frame .book-list .view-btn {
			display:flex;
			justify-content:space-between;
			width:49%;
			padding:8px 22px;
			background-color:#464646;
			border-radius:15px; transition:0.3s all ease-in-out; }
		
		.book-board--frame .book-list .view-btn:nth-of-type(odd) { margin-right:2%; }
		
		.book-board--frame .book-list .view-btn.dwn { background-color:#224a80; }
		
		.book-board--frame .book-list .view-btn .text,
		.book-board--frame .book-list .view-btn .icon {
			align-self:center;
			display:block;
			font-weight:600;
			font-size:0.8rem;
			color:#fff;
		}  
		
		.book-board--frame .book-list .view-btn:hover,
		.book-board--frame .book-list .view-btn:focus { text-decoration:none; background-color:#358691; }

/********** div태그 테이블 디자인 **********/
.div-table--wrapper {
	display:block;
	width:100%;
	word-wrap:break-word;
	word-break:keep-all;
	overflow-wrap:anywhere;
}
	.div-table--wrapper .div-table--box {
		width:100%;
		border-top:2px solid #000;
	}
		.div-table--wrapper .div-table--list { width:100%; }
			.div-table--wrapper .table-item {
				padding:15px;
				border-bottom:1px solid rgba(0,0,0,.2);
				font-weight:600;
				color:#000;
				vertical-align:middle;
			}
				.div-table--wrapper .th-style {
					background-color:#f1f1f1;
					font-size:0.85rem;
					text-align:center;
				}
				.div-table--wrapper .td-style {
					background-color:#fff;
					font-size:0.8rem;
				}

		.div-table--wrapper .div-table--box { height:100%; }
		.div-table--wrapper .td-style.center-align { text-align:center; }
		.div-table--wrapper .td-style.h-separate { padding:0px; } 
			.div-table--wrapper .td-style .block {
				display:block;
				width:100%;
				padding-left:12px;
				background:url('/go_now/res/img/home/sub/policy/image_policyContent_smallBullet.jpg') no-repeat left 8.015px;
				font-weight:600;
				line-height:1.4;
			}
			.div-table--wrapper .td-style .block:not(:last-of-type) { margin-bottom:8px; }
		
		.div-table--wrapper.inner { height:100%; }
		.div-table--wrapper.inner .div-table--box.inner { border-top:0px; height:100%; }
		.div-table--wrapper.inner .div-table--box.inner .div-table--list:last-of-type .td-style { border-bottom:0px; }

.board-view .board-view-top .category--frame {
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
	width:100%;
}
	.board-view .board-view-top .category {
		display:block;
		width:auto;
		padding:10px 20px;
		margin-top:5px;
		background-color:#157391;
		color:#fff;
		font-weight:600;
		font-size:0.85rem;
	}
	.board-view .board-view-top .category:not(:last-of-type) { margin-right:10px; }
	
	.board-view .board-view-top .category.bg-1 { background-color:#66b4c6; color:#fff; }
	.board-view .board-view-top .category.bg-2 { background-color:#a8cd80; color:#fff; }
	.board-view .board-view-top .category.bg-3 { background-color:#3d8636; color:#fff; }
	.board-view .board-view-top .category.bg-4 { background-color:#1e5866; color:#fff; }
	.board-view .board-view-top .category.bg-5 { background-color:#0092d6; color:#fff; }
	.board-view .board-view-top .category.bg-6 { background-color:#224a80; color:#fff; }


/* 비밀번호 입력 */
.password-frame {  }
	.password-frame .sub-board-write { 
		align-self:center;
		width:100%;
		padding-left:20px;
		padding-right:20px;
		border-top:0px;
	}
	
	.password-frame .content-title {
		display:block;
		width:100%;
		margin-bottom:10px;
		text-align:center;
		font-family:'SEBANG_Gothic_Bold', sans-serif;
		font-size:1.8rem;
		color:#32a38b;
	}
	
	.password-frame .content-description {
		display:block;
		width:100%;
		margin-bottom:20px;
	}
		.password-frame .content-description .block {
			display:block;
			width:100%;
			text-align:center;
			font-weight:600;
			font-family:'NanumGothic', sans-serif;
			font-size:0.85rem;
			color:rgba(0,0,0,.8);
			line-height:1.4;
		}
		.password-frame .content-description .block .color-red {
			font-weight:600;
			font-family:'NanumGothic', sans-serif;
			color:#f00;
		}
	
		.password-frame .image-box {
			display:block;
			width:100%;
			text-align:center;
		}	
		
		.password-frame .info-txt {
			display:block;
			width:100%;
			margin-top:20px;
			font-weight:600;
			font-size:0.91rem;
			color:#f00;
		} 

/********** responsive - start **********/


/********** Mobile **********/	
@media screen and (min-width:1px) and (max-width:400px) {
	/********** eBook 용 게시판 - 목록 **********/
	.book-board--frame .book-list { width:100%; }
	.book-board--frame .book-list:nth-of-type(n+2) { margin-top:30px; }
}

@media screen and (min-width:1px) and (max-width:425px) {
	/******** form에서 기존 첨부파일 표시부분 *********/
	.file-regist .file-list { width:100%; }
		.file-regist .file-list .list-item {
			margin-bottom:10px;
			padding-bottom:10px;
			border-bottom:1px dashed #ccc;
		}
		.file-regist .file-list .list-item:not(:last-of-type) { margin-bottom:20px; }
	
			.file-regist .file-list .list-item .chk-box,
			.file-regist .file-list .list-item .file-dwn-btn { width:100%; }
			
			.file-regist .file-list .list-item .chk-box {
				padding-right:0;
				margin-right:0;
				border-right:0;
				margin-bottom:10px;
			}
}

/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {
	/********** 게시판 카테고리  **********/
	.category-menu .category-menu--frame { overflow-x:auto; }	
		.category-menu .category-menu--frame .category-menu--link { padding:10px; white-space: nowrap;}
	
	/********** 검색영역  **********/
	.search-area .flex-frame {
		padding:10px 15px;
		border:1px solid #ccc;
		background-color:#fafafa;
	}
	
		.search-area .search-custom,
		.search-area .post-info	{ width:100%; }
		
		.search-area .post-info {
			padding-bottom:10px;
			margin-bottom:10px;
			border-bottom:1px dashed #ccc;
		}
		
	table.default-table.mob {
		display:block;
		width:100%;
	}
		table.default-table.mob colgroup { display:none; }
		table.default-table.mob thead { display:none; }
		table.default-table.mob tbody { display:block; width:100%; }
			table.default-table.mob tr {
				display:flex;
				justify-content:flex-start;
				flex-wrap:wrap;
				width:100%;
				padding:10px;
				border-bottom:1px solid #ccc;
			}
			table.default-table.mob td { border-bottom:0px; border-top:0px; }
			table.default-table.mob .noti { background-color:#fafafa; }
			table.default-table.mob .num { display:block; width:50px; margin-right:10px; padding:0px; text-align:left; }
			table.default-table.mob .subject {
				display:block;
				width:100%;
				padding:10px 0;
				margin-bottom:10px;
				border-bottom:1px dashed #ccc;
			}
	
			table.default-table.mob .writer,
			table.default-table.mob .date,
			table.default-table.mob .view {
				display:block;
				width:auto;
				padding:0px;
				padding-left:24px;
				background-repeat:no-repeat;
				background-position:left center;
			}
			
			table.default-table.mob .writer { background-image:url('/res/img/home/board/image_board_icon_writer.png'); margin-right:15px; }
			table.default-table.mob .date { background-image:url('/res/img/home/board/image_board_icon_date.png'); margin-right:15px; }
			table.default-table.mob .view { background-image:url('/res/img/home/board/image_board_icon_view.png'); }
		
		
	.table-basic.mob {
		display:block;
		width:100%;
	}
		.table-basic.mob colgroup { display:none; }
		.table-basic.mob thead { display:none; }
		.table-basic.mob tbody { display:block; width:100%; }
		.table-basic.mob tr,
		.table-basic.mob th,
		.table-basic.mob td {
			display:block;
			width:100%;
			border-left:0;
			border-right:0px;
		}
		.table-basic.mob th,
		.table-basic.mob td { border-top:0px; }
	
	
	.password-frame .field-item.input-size,
	.password-frame .info-txt { width:100%; }
		
	/********** 일반 게시판 **********/
	.default-board .board-list {
		display:block;
		padding:20px 0;
		border-bottom:1px solid #ccc;
	}
		.default-board .board-list .list-num {
			text-align:left;
			font-size:1rem;
			letter-spacing:-.9px;
		}
			.default-board .board-list .list-num .noti { text-align:center; font-size:0.8rem; }
  	
			.default-board .board-list .list-text { flex-wrap:wrap;width:100%; margin-top:8px; }
			.default-board .board-list .list-text .list-title,
			.default-board .board-list .list-text .date { width:100%; }
			.default-board .board-list .list-text .date { margin-top:20px; }
			
			.default-board .board-list .list-category { width:100%; margin-top:10px; font-size:0.85rem; }
	
	/********** 포토게시판 **********/
	.photo-board--frame .photo-list { width:100%; }
	.photo-board--frame .photo-list:nth-of-type(n+2) { margin-top:25px; }
	
	/********** 게시판 상세페이지  **********/
	.board-view .board-view-top .view-title { font-size:1.5rem; }	
	.board-view .board-view-top .view-info {
		margin-top:20px;
		background-color:#fafafa;
		border:1px solid #ccc;
		padding:10px 20px;
	}

	.board-view .board-view-top .writer,
	.board-view .board-view-top .date,
	.board-view .board-view-top .count { font-size:0.85rem; margin-top:5px; }
	
	.board-view .board-view-top .writer { margin-right:20px; }

	
	.board-view .board-controller .ctrl-item { width:100%; }
	.board-view .board-controller .ctrl-item:not(:last-of-type) { margin-bottom:10px; }
	
	/********** 게시판 작성페이지  **********/
	.board-form--frame .form-item.sel-box .list1,
	.board-form--frame .form-item.sel-box .list2 { width:100%; }
	.board-form--frame .form-item.sel-box .list1 { margin-bottom:12px; }
	
	.board-form--frame .input-flex-box { flex-wrap:wrap;}
						
	.board-form--frame .input-flex-box .input-item,
	.board-form--frame .input-flex-box .btn { width:100%; }
	.board-form--frame .input-flex-box .btn { margin-top:10px; }
	
	/************************** 게시글 작성 **************************/
	.board-form--frame .m-w-100 { width:100%; }
		.board-form--frame .input-area .flexbox { margin-bottom:25px; }
			.board-form--frame .input-area .flexbox .form-group { width:100%; }
	
			.board-form--frame .file-regist .file-input--list .title,
			.board-form--frame .file-regist .file-input--list .input-file { width:100%; }
			.board-form--frame .file-regist .file-input--list .input-file { margin-top:7px; }
	
			.board-form--frame .box-style:not(:last-of-type) { margin-bottom:25px; } 
	
			.form-frame .input-area .input-flex .input-item.item1,
			.form-frame .input-area .input-flex .input-item.item2,
			.form-frame .input-area .input-flex .input-item.btn { width:100%; }
	
			.form-frame .input-area .input-flex .input-item:not(:last-of-type) { margin-bottom:5px; }
			
			.form-frame .input-area .input-flex .input-item.btn { min-height:30px; }
	
	/******** form에서 기존 첨부파일 표시부분 *********/
	.file-regist .file-list { width:100%; }
	
	/********** div태그 테이블 디자인 **********/
	.div-table--wrapper .div-table--box { display:block; }
		.div-table--wrapper .div-table--list { display:block; }
			.div-table--wrapper .table-item { display:block; width:100%; }
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1316px) {
	/********** 게시판 상세페이지  **********/
	.board-view { border-top:2px solid #000; }
		.board-view .board-view-top { padding-top:20px; }	
		.board-view .board-view-content .view-content iframe { height:auto !important; }
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1316px) {
	/********** 포토게시판 **********/
	.photo-board--frame .photo-list { width:31.407%; }
		.photo-board--frame .photo-list:not(:last-of-type) { margin-right:2.8895%; }
		.photo-board--frame .photo-list:nth-of-type(3n) { margin-right:0px; }
		.photo-board--frame .photo-list:nth-of-type(n+4) { margin-top:45px; }
	
	/********** 게시판 상세페이지  **********/
	.board-view .board-view-top .view-title { font-size:2rem; }
}

/* Tablet & PC */
@media screen and (min-width:640px) {
	.password-frame .field-item.input-size,
	.password-frame .info-txt {
		width:60%;
		max-width:100%;
		margin-left:auto;
		margin-right:auto;
	}
	
	/********** 검색영역  **********/
	.search-area .search-custom { width:380px; }
	
	/********** 게시판 카테고리  **********/
	.category-menu .category-menu--frame { flex-wrap:wrap;}	
	
	/********** 게시판 상세페이지  **********/
	.board-view .board-view-top .view-info { margin-top:45px; }

		.board-view .board-view-top .writer,
		.board-view .board-view-top .date,
		.board-view .board-view-top .count { font-size:0.91rem; }

		.board-view .board-view-top .left-info .writer { margin-right:45px; }
		.board-view .board-controller .ctrl-item { width:49%; }
			
	/********** 기본 스킨  **********/
	.default-board .board-list {
		display:flex;
		justify-content:flex-start;
		padding:30px 20px;
		border-bottom:1px solid #ccc;
	}
		.default-board .board-list:first-of-type { border-top:2px solid #000; }

		.default-board .board-list .list-num,
		.default-board .board-list .list-text { align-self:center; }
	
		.default-board .board-list .list-category { width:120px; margin-right:30px; text-align:center; }
		.default-board .board-list .list-category + .list-text { width:calc(100% - 250px); }
	
	/********** 게시판 작성페이지  **********/
	.board-form--frame .form-item.sel-box .list1 { width:75%; margin-right:1%; }
	.board-form--frame .form-item.sel-box .list1 .item-select { background-position:98% center; }
	.board-form--frame .form-item.sel-box .list2 { width:24%; }
	
	.board-form--frame .input-flex-box .input-item.text { margin-right:8px; }
	.board-form--frame .input-flex-box .btn { width:70px; }	
	
	/************************** 게시글 작성 **************************/
	.board-form--frame .input-area .flexbox .form-group { width:49%; }
	.board-form--frame .input-area .flexbox .form-group:not(:last-of-type) { margin-right:2%; }
	
	.board-form--frame .file-regist .file-input--list .title { width:100px; }
	.board-form--frame .file-regist .file-input--list .input-file { width:calc(100% - 100px); }
	
	.board-form--frame .box-style:not(:last-of-type) { margin-bottom:25px; } 
	
	.form-frame .input-area .input-flex .input-item:not(:last-of-type) { margin-right:1%; }
	.form-frame .input-area .input-flex .input-item.item1 { width:20%; }
	.form-frame .input-area .input-flex .input-item.item2 { width:15%; }
	.form-frame .input-area .input-flex .input-item.item3 { width:calc(100% - 43%); }
	.form-frame .input-area .input-flex .input-item.btn { width:5%; }
	
	/******** form에서 기존 첨부파일 표시부분 *********/
	.file-regist .file-list { width:calc(100% - 100px); margin-left:100px; }
	
	
	/********** div태그 테이블 디자인 **********/
	.div-table--wrapper .div-table--box { display:table; table-layout:fixed; }
		.div-table--wrapper .div-table--list { display:table-row; }
			.div-table--wrapper .table-item { display:table-cell; }
				.div-table--wrapper .th-style { width:25%; border-right:1px solid rgba(0,0,0,.2); } 
				.div-table--wrapper .td-style { width:75%; }
}

/* PC */
@media screen and (min-width:1317px) {
	/********** 포토게시판 **********/
	.photo-board--frame .photo-list { width:24.2%; }
	.photo-board--frame .photo-list:not(:last-of-type) { margin-right:1.066%; }
	.photo-board--frame .photo-list:nth-of-type(4n) { margin-right:0px; }
	.photo-board--frame .photo-list:nth-of-type(n+5) { margin-top:45px; }
	
	/********** 게시판 상세페이지  **********/
	.board-view .board-view-top .view-title { font-size:2rem; }
		
	/********** eBook 용 게시판 - 목록 **********/
	.book-board--frame .book-list { width:32%; }
	.book-board--frame .book-list:not(:last-of-type) { margin-right:2%; }
	.book-board--frame .book-list:nth-of-type(3n) { margin-right:0px; }
	.book-board--frame .book-list:nth-of-type(n+4) { margin-top:40px; }
	
}

/********** responsive - end **********/

/* print */
@media print {
	/********** 게시판 스킨 공통  **********/
	.board-frame {
		display:block;
		width:100%;
	}
		.no-board-list {
			display:block;
			width:100%;
			padding:150px 0;
			border-bottom:1px solid #ccc;
			text-align:center;
			font-weight:600;
			font-size:1rem;
		}
		.no-board-list.br-t { border-top:2px solid #000; }
	
	.required-text {
		display:block;
		width:100%;
		margin-bottom:10px;
		font-weight:600;
		font-size:0.91rem;
		text-align:right;
	}
	
	/********** 페이징  **********/
	.paging {
		display:block;
		width:100%;
		margin-top:40px;
	}
		.paging .paging-frame {
			display:flex;
			justify-content:center;
			align-items:center;
		}
			.paging .paging-item { display:block; }
				.paging .ctrl-btn {
					width:35px;
					height:35px;
					padding:10.5px 0;
					border-radius:17.5px;
					text-align:center;
					font-weight:600;
					font-size:0.91rem;
					letter-spacing:-.9px;
					transition:0.3s all ease-in-out;
				}
				.paging .ctrl-btn:hover,
				.paging .ctrl-btn:focus {
					background-color:#f1f1f1;
					color:#000;
					text-decoration:none;
				}
				.paging .ctrl-btn.disable {
					background-color:#f1f1f1;
					color:rgba(0,0,0,.6);
					pointer-events:none;
					cursor:default;
				}

					.paging .paging-num {
						display:flex;
						justify-content:center;
						align-items:center;
					}
						.paging .paging-num .paging-list { display:block; }
						.paging .paging-num .paging-list:not(:last-of-type) { margin-right:8px; }
					
							.paging .paging-num .paging-list .paging-link {
								display:block;
								width:35px;
								padding:10.5px 0;
								border-radius:17.5px;
								color:#8d8d8d;
								font-weight:600;
								font-size:0.91rem;
								letter-spacing:-.9px;
								transition:0.3s all ease-in-out;
								text-align:center;
							}
								.paging .paging-num .paging-list .paging-link.active { background-color:#237098; color:#fff; }
						
							.paging .paging-num .paging-list .paging-link:hover,
							.paging .paging-num .paging-list .paging-link:focus { background-color:#4d4d4d; color:#fff; text-decoration:none; }
	
	/********** 게시판 카테고리  **********/
	.category-menu {
		display:block;
		width:100%;
	}
		.category-menu .category-menu-box {
			display:flex;
			justify-content:center;
			align-items:center;
			flex-wrap:wrap;
		}
			.category-menu .category-menu-list { display:block; }
			.category-menu .category-menu-list:not(:last-of-type) { margin-right:10px; }
				.category-menu .category-menu {
					display:block;
					width:100%;
					background-color:#efefef;
					border:1px solid #ccc;
					border-radius:23px;
					padding:15px 30px;
					font-size:0.85rem;
					font-weight:600;
					color:rgba(0,0,0,.6);
					transition:0.3s all ease-in-out;
				}
				.category-menu .category-menu:hover,
				.category-menu .category-menu:focus { background-color:#464646; color:#fff; border-color:#464646; text-decoration:none; }
				.category-menu .category-menu.active { background-color:#215474; color:#fff; border-color:#215474; }
		
	/********** 검색영역  **********/
	.board-frame .board-search { display:block; width:100%; }

	.board-frame .flex-frame {
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		width:100%;
	}

	.board-frame .flex-frame .search-area,
	.board-frame .flex-frame .post-info { -ms-flex-align:end; align-self:flex-end; -ms-flex-item-align:end; }
	.board-frame .flex-frame .post-info { display:block; font-weight:600; font-size:0.91rem; } 

		
	select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		background:url('/res/img/home/sub/image_bg_form_select_arrow.png') no-repeat 95% center;
	}
	select::-ms-expand { display:none; }
	select:invalid { color:gray; }

	.search-area { display:block; }
		.search-area .search-custom {
			display:flex;
			justify-content:flex-start;
			align-items:center;
			width:380px;
		}
			.search-area .search-custom .item { display:block; }
			.search-area .search-custom select,
			.search-area .search-custom input,
			.search-area .search-custom button {
				background-color:transparent;
				border:0px;
				font-weight:400;
				font-size:0.91rem;
			}
				
			.search-area .search-custom .item.sel { width:20%; margin-right:4%; }
			.search-area .search-custom .item.txt { width:calc(100% - (26% + 23px)); }
			.search-area .search-custom .item.button { margin-left:2%; width:23px; height:22px; }
	
	/********** 기본 스킨  **********/
	.default-board {
		display:block;
		width:100%;
		margin-top:20px;
		border-top:2px solid #000;
	}
		.default-board .board-list {
			width:100%;
			display:flex;
			justify-content:flex-start;
			align-items:center;
			padding:30px 20px;
			border-bottom:1px solid #ccc;
		}
	
		.default-board .board-list .list-num {
			display:block;
			width:70px;
			margin-right:30px;
			font-size:0.85rem;
			text-align:center;
			font-weight:600;
			color:#000;
		}
			.default-board .board-list .list-num .noti {
				display:block;
				width:100%;
				padding:10px;
				background-color:#0092d6;
				border-radius:17px;
				color:#fff;
			}
	
		.default-board .board-list .list-category {
			width:120px;
			margin-right:30px;
			font-weight:600;
			text-align:center;
			word-wrap:break-word;
			word-break:keep-all;
			overflow-wrap:anywhere;
			line-height:1.3;
		}
		.default-board .board-list .list-category + .list-text { width:calc(100% - 250px); }
	
		.default-board .board-list .list-text {
			display:flex;
			justify-content:flex-start;
			align-items:center;
			width:calc(100% - 100px);
		}
			.default-board .board-list .list-text .list-title,
			.default-board .board-list .list-text .date { display:block; }
	
			.default-board .board-list .list-text .list-title {
				display:flex;
				justify-content:flex-start;
				width:calc(100% - 120px);
			}
				.default-board .board-list .list-text .list-title .title-text {
					display:block;
					width:calc(100% - 21px);
					font-size:1.2rem;
					font-family:'Binggrae', sana-serif;
					letter-spacing:-.9px;
					line-height:1.3;
					word-wrap:break-word;
					word-break:keep-all;
					overflow-wrap:anywhere;
				}
	
			.default-board .board-list .list-text .date {
				width:120px;
				text-align:right;
				font-weight:600;
				font-size:0.85rem;
				color:rgba(0,0,0,.7);
			}
	
		.default-board .board-list.reply .list-text { width:100%; }
			.default-board .board-list.reply .list-text .list-title {
				padding-left:180px;
				padding-top:7px;
				padding-bottom:7px;
				background-repeat:no-repeat;
				background-position:145px top;
				background-image:url('/res/img/home/board/image_mark_default_board_reply.png');
			}
	
		.default-board .board-list:hover,
		.default-board .board-list:focus { text-decoration:none; }
	
	/********** 게시판 상세페이지  **********/
	.board-view {
		display:block;
		width:100%;
		word-wrap:break-word;
		word-break:keep-all;
		overflow-wrap:anywhere;
	}
		.board-view .board-view-top {
			display:block;
			width:100%;
			padding:0 22px 30px 22px;
			border-bottom:2px solid #000;
		}
			.board-view .board-view-top .view-title {
				display:block;
				width:100%;
				padding-top:10px;
				font-family:'Binggrae', sana-serif;
				line-height:1.3;
				color:#000;
				letter-spacing:-2.5px;
			}
			.board-view .board-view-top .view-info {
				display:flex;
				justify-content:space-between;
				align-items:center;
				flex-wrap:wrap;
				width:100%;
				margin-top:45px;
			}
		
				.board-view .board-view-top .info-item i { margin-right:5px; }
			
					.board-view .board-view-top .writer,
					.board-view .board-view-top .date,
					.board-view .board-view-top .count {
						display:block;
						font-weight:600;
						color:#464646;
						font-size:1rem;
					}
				
					.board-view .board-view-top .left-info {
						display:flex;
						justify-content:flex-start;
						flex-wrap:wrap;
					}
					.board-view .board-view-top .left-info .writer { margin-right:45px; }

	.board-view .board-view-content {
		display:block;
		width:100%;
		border-bottom:1px solid #000;
		padding:20px;
	}
		.board-view .board-view-content .view-content {
			display:block;
			width:100%;
			line-height:1.4;
		}
			.board-view .board-view-content .view-content img {
				vertical-align:top;
				max-width:100%;
				height:auto !important;
			}
		
			.board-view .board-view-content .view-content iframe {
				display:block;
				width:100% !important;
				margin-top:10px;
				margin-bottom:10px;
			}
		
			.board-view .board-view-content .file-dwn-area {
				display:block;
				width:100%;
				padding-top:20px;
				margin-top:20px;
				border-top:1px dashed #ccc;
			}
				.board-view .board-view-content .file-dwn-area .file-dwn-area-title {
					display:block;
					width:100%;
					margin-bottom:8px;
					font-size:0.85rem;
					font-weight:600;
					color:#000;
				}
				.board-view .board-view-content .file-dwn-area .file-dwn-box {
					display:flex;
					justify-content:flex-start;
					flex-wrap:wrap;
					width:100%;
					padding:12px;
					background-color:#f1f1f1;
					border:1px solid #ccc;
				}
					.board-view .board-view-content .file-dwn-area .file-dwn-btn {
						display:block;
						width:auto;
						padding-left:22px;
						padding-top:4px;
						padding-bottom:4px;
						background-repeat:no-repeat;
						background-position:left 2.9px;
						background-image:url('/res/img/home/board/image_icon_file_dwn.jpg');
						font-size:0.8rem;
						font-weight:600;
						color:#000;
						transition:0.3s all ease-in-out;
					}
					.board-view .board-view-content .file-dwn-area .file-dwn-btn:not(:last-of-type) { margin-right:30px; }
				
					.board-view .board-view-content .file-dwn-area .file-dwn-btn:hover,
					.board-view .board-view-content .file-dwn-area .file-dwn-btn:focus { color:#1ebdbd; text-decoration:none; }

	.board-view .board-controller {
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		width:100%;
	}
		.board-view .board-controller .ctrl-item {
			display:flex;
			justify-content:space-between;
			aling-items:center;
			width:49%;
			padding:20px;
			background-color:#fafafa;
			border:1px solid #ccc;
		}
		.board-view .board-controller .ctrl-item:hover,
		.board-view .board-controller .ctrl-item:focus { text-decoration:none; }
	
			.board-view .board-controller .ctrl-item .text,
			.board-view .board-controller .ctrl-item .icon { display:block; }
		
			.board-view .board-controller .ctrl-item .text { width:calc(100% - 25px); }
				.board-view .board-controller .ctrl-item .text .depart {
					display:block;
					width:100%;
					margin-bottom:11px;
					font-size:0.8rem;
					font-weight:600;
					color:rgba(0,0,0,.6);
				}
			.board-view .board-controller .ctrl-item .icon { width:25px; text-align:right; color:#000; }
		
			.board-view .board-controller .ctrl-item .subject { font-weight:600; }

	table.default-table { border-top:2px solid #646464; table-layout:fixed; }

		table.default-table thead tr th {
			border-bottom:0px;
			background-color:#f2f2f2;
			font-size:1rem;
			font-weight:600;
		}
		table.default-table tr th,
		table.default-table tr td {
			border:1px solid #ccc;
			border-left:0px;
			border-right:0px;
			word-break:break-all;
			color:#000;
			font-weight:600;
			text-align:center;
		} 
		table.default-table tr th { padding:15px 10px; }
		table.default-table tr td {
			padding:12px 10px;
			font-size:0.91rem;
			line-height:1.6;
			word-wrap:break-word;
			word-break:keep-all;
			overflow-wrap:anywhere;
		}
			table.default-table tr td a {
				display:block;
				width:100%;
				text-align:left;
			}
		table.default-table tbody tr th { background-color:#f5f5f5; }

		table.default-table tbody tr.total td { background-color:#f5f5f5; }
	
		table.default-table.line tr th,
		table.default-table.line tr td	{ border-left:1px solid #ccc; border-right:1px solid #ccc; }
	
		table.default-table .no-border-l { border-left:0px !important; }
		table.default-table .no-border-r { border-right:0px !important; }
	
		table.default-table .noti * { background-color:#fafafa; }
		table.default-table .noti .link { color:#fea03e; }
		table.default-table .noti .noti-mark {
			display:block;
			width:100%;
			padding:4px;
			background-color:#fea03e;
			border-radius:5px;
			color:#fff;
			text-align:center; 
		}
	
		table.default-table .link {
			display:flex;
			justify-content:flex-start;
			width:100%;
		}
			table.default-table .link .reply-line {
				display:block;
				min-width:12px;
				height:14px;
				margin-right:6px;
				background:url('/res/img/home/board/image_board_list_reply_mark.png') no-repeat left top;
			}
			table.default-table .link .fa.fa-unlock-alt { margin-right:6px; padding-top:5px; }

	table.table-custom { font-size:0.8rem; table-layout:fixed; }

	table.table-custom thead tr th { border-bottom:0px; background-color:#f2f2f2; font-size:1.2rem; }
	table.table-custom tr th,
	table.table-custom tr td {
		border:1px solid #ccc;
		word-break:break-all;
		color:#000;
		font-weight:600;
		text-align:center;
	}
	table.table-custom tr:first-of-type th,
	table.table-custom tr:first-of-type td { border-top:2px solid #000; } 
	table.table-custom tr th { padding:15px 10px; }
	table.table-custom tr td { padding:12px 10px; font-weight:0.8rem;line-height:1.6; }
	table.table-custom tbody tr th { background-color:#f5f5f5; }

	table.table-basic {
		font-size:0.8rem;
		border-top:2px solid #646464;
		table-layout:fixed;
	}

	table.table-basic thead tr th {
		border-bottom:0px;
		background-color:#f2f2f2;
		font-size:1rem;
	}
	table.table-basic tr th,
	table.table-basic tr td {
		border:1px solid #ccc;
		word-break:break-all;
		color:#000;
		font-weight:600;
		text-align:center;
	} 
	table.table-basic tr th { padding:15px 10px; }
	table.table-basic tr td {
		padding:10px;
		font-weight:0.8rem;
		line-height:1.6;
	}
	table.table-basic tbody tr th { background-color:#f5f5f5; }

	table.table-basic .no-border-l { border-left:0px !important; }
	table.table-basic .no-border-r { border-right:0px !important; }
	
	/********** 포토게시판 **********/
	.photo-board--frame {
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		width:100%;
		padding-top:20px;
		margin-top:20px;
		border-top:2px solid #000;
	}
		.photo-board--frame .photo-list { display:block; width:24.2%; }
		.photo-board--frame .photo-list:not(:last-of-type) { margin-right:1.066%; }
		.photo-board--frame .photo-list:nth-of-type(4n) { margin-right:0px; }
		.photo-board--frame .photo-list:nth-of-type(n+5) { margin-top:45px; }
	
			.photo-board--frame .photo-list .image_box {
				display:block;
				width:100%;
				padding-top:74.8275%;
				background-color:#fff;
				position:relative;
				border-radius:5px;
				overflow:hidden;
			}
				.photo-board--frame .photo-list .image_box img {
					display:block;
					position:absolute;
					max-width:100%;
					max-height:100%;
					top:50%;
					left:50%;
					transform:translateX(-50%) translateX(+0.5px) translateY(-50%) translateY(+0.5px);
					z-index:102;
				}
				
				.photo-board--frame .photo-list .image_box .line {
					display:block;
					width:100%;
					height:100%;
					border:1px solid #ccc;
					border-radius:5px;
					position:absolute;
					left:0;
					top:0;
					z-index:101;
				}
		
			.photo-board--frame .photo-list .text_box {
				display:block;
				width:100%;
				margin-top:17px;
			}
				.photo-board--frame .photo-list .list-title {
					width:100%;
					height:40px;
					font-family:'Binggrae', sana-serif;
					font-size:1.1rem;
					line-height:1.2;
					color:#000;
				}
				
				.photo-board--frame .photo-list .list-date {
					display:block;
					width:100%;
					margin-top:20px;
					font-weight:600;
					font-size:0.91rem;
					color:rgba(0,0,0,.8);
				}
			
		.photo-board--frame .photo-list:hover,
		.photo-board--frame .photo-list:focus { text-decoration:none; }
			
			.photo-board--frame .photo-list:hover .list-title,
			.photo-board--frame .photo-list:focus .list-title { color:#237098; }
			
				.photo-board--frame .photo-list:hover .image_box .effect,
				.photo-board--frame .photo-list:focus .image_box .effect {
					display:block;
					width:100%;
					height:100%;
					background-color:rgba(0,0,0,.4);
					background-image:url('/res/img/home/common/image_photo_over_effect.png');
					background-repeat:no-repeat;
					background-position:center center;
					position:absolute;
					left:0;
					top:0;
					z-index:103;
				}
}

[contenteditable=true]:empty:before{ content: attr(placeholder); display: block; }