@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
.hnuboard div,
.hnuboard p,
.hnuboard th,
.hnuboard td,
.hnuboard dt,
.hnuboard dd,
.hnuboard dl,
.hnuboard ul,
.hnuboard li,
.hnuboard span,
.hnuboard a,
.hnuboard button {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hnuboard {
	color:#595959; 
	font-size:16px; 
	font-family:'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', Helvetica, Arial, sans-serif;
}
.hnuboard img {max-width:100%; }
.hnuboard .bbs-count {color:#c02b55; }
.hnuboard .add-th {
	display:none; 
}
.hnuboard .txt-l {text-align:left; }
.hnuboard .txt-c {text-align:center; }
.hnuboard .txt-r {text-align:right; }
/* hnuboard : common */ 
.hnuboard .board-header {
	display:block; 
	background:#fafafa; 
	padding:24px;
	text-align:center; 
	font-size:0; 
	color:#2b2b2b; 
}
.hnuboard .search-form {
	max-width:768px; 
	margin:0 auto;	
}
.hnuboard .search-form legend {
	position:absolute;
	left:-2000px;
	top:-2000px; 
}
.hnuboard .search-form .form-item {
	display:inline-block; 
	vertical-align:top; 
	position:relative; 
	font-size:16px; 
}
.hnuboard .search-form .form-item.option {width:20%; }
.hnuboard .search-form .form-item.keyword {
	width:calc(65% - 8px); 
	margin-left:8px; 	
}
.hnuboard .search-form .form-item.search-btn {width:calc(15%); }
.hnuboard .search-form select,
.hnuboard .search-form input,
.hnuboard .search-form button {
	border:1px solid #dfdfdf; 
	height:48px; 
	padding-left:1em; 
	padding-right:1em; 
	width:100%; 
	-webkit-appearance:none;  
	-moz-appearance:none;
	appearance:none;
	border-radius:0; 
}
.hnuboard .search-form .form-item.option:after {
	content:"";
	display:block; 
	position:absolute;
	right:16px;
	top:50%;
	transform:translateY(calc(-50% - 1px)) rotate(45deg); 
	width:9px;
	height:9px;
	border:2px solid #8a8a8a; 
	border-top:0;
	border-left:0; 
}
.hnuboard .search-form select { 
	padding-right:40px; 
	color:#3b3b3b; 
	background:#fff; 
}
.hnuboard .search-form input {
	border-right:0; 
}
.hnuboard .search-form button {
	background:#292929; 
	color:#fff;
	border-color:transparent; 
}
.hnuboard .search-form button > i {margin-right:3px; }
.hnuboard .search-form button:hover {background:#c02b55; }

.hnuboard .post-label {
	display:inline-block;
	vertical-align:middle; 
	font-size:0.688em; 
	line-height:1em; 
	border-radius:2px;
	padding:5px; 
	border:1px solid #ecbfcc;
	background:#fff;
	color:#c02b55; 
	margin-left:8px; 
}

.hnuboard .txt-notice {
	display:inline-block;
	vertical-align:middle; 
	font-size:0.938em; 
	line-height:1em; 
	border-radius:16px;
	padding:8px 16px; 
	background:#c02b55;
	color:#fff !important; 
	margin:0 8px; 
}

.hnuboard .p-pagination {
	text-align:center; 
	margin-top:32px; 
}
.hnuboard .p-pagination .p-btn {
	display:inline-block; 
	margin:0 4px; 
	width:48px;
	height:48px;
	line-height:45px; 
	border:1px solid transparent;
	vertical-align:top; 
}
.hnuboard .p-pagination .p-btn.p-list {border-color:#dfdfdf; }
.hnuboard .p-pagination .p-btn.active {
	background:#c02b55;
	color:#fff; 	
}
.hnuboard .p-pagination .p-btn .txt-info {display:none; }

@media (max-width: 768px) {
	.hnuboard {
		font-size:14px; 
	}
	.hnuboard .txt-notice {
		padding:4px 12px; 
		margin:0; 
	}
	.hnuboard .p-pagination {
		position:relative; 
		height:48px; 
		margin-top:10px; 
	}
	.hnuboard .p-pagination .p-btn {display:none; }
	.hnuboard .p-pagination .p-btn .txt-info,
	.hnuboard .p-pagination .p-btn > i {
		display:inline-block; 
		margin:0 5px; 
	}

	.hnuboard .p-pagination .p-btn.prev, 
	.hnuboard .p-pagination .p-btn.next {
		display:block;
		width:calc(50% - 8px); 
		position:absolute;
		top:0; 
		border-radius:4px; 
	}
	.hnuboard .p-pagination .p-btn.prev {left:0; }
	.hnuboard .p-pagination .p-btn.next {right:0; }
	
	.hnuboard .board-header {padding:8px; }
	.hnuboard .search-form .form-item {font-size:14px; }
	.hnuboard .search-form .form-item.option {width:30%; }
	.hnuboard .search-form .form-item.keyword {
		width:calc(70% - 46px); 
		margin-left:4px; 	
	}
	.hnuboard .search-form .form-item.search-btn {width:calc(42px); }
	.hnuboard .search-form .form-item.search-btn span {display:none; }
	.hnuboard .search-form select,
	.hnuboard .search-form input,
	.hnuboard .search-form button {
		height:42px; 
		padding-left:0.75em; 
		padding-right:0.75em; 
	}
	.hnuboard .search-form .form-item.option:after {
		right:12px;
		width:8px;
		height:8px; 
	}
	.hnuboard .search-form select {padding-right:24px; }
	.hnuboard .post-label {
		padding:3px; 
		margin-left:4px; 
	}
}

/* hnuboard : list */ 
.hnuboard .board-body {margin-top:2.25em; }
.hnuboard .board-info {
	position:relative; 
	margin-top:2em; 
	margin-bottom:1em; 
}
.hnuboard .board-info .onpage-info {
	position:absolute;
	right:0;
	top:0; 	
}
.hnuboard .list {
	border-top:2px solid #111111; 
	border-bottom:1px solid #cfcfcf; 
}
.hnuboard table {
	width:100%; 
	table-layout:fixed;
	border-collapse:separate; 
}
.hnuboard thead th {
	border-bottom:1px solid #cfcfcf; 
	font-weight:500 !important; 
	padding:0 10px; 
	color:#111;
	height:60px; 
	text-align:center; 
	vertical-align:middle; 
}
.hnuboard tbody td {
	border-bottom:1px solid #dfdfdf; 
	height:60px; 
	text-align:center; 
	vertical-align:middle; 
}
.hnuboard tbody td > a {
	color:#2b2b2b; 
	display:inline-block;
	vertical-align:middle; 
}
.hnuboard tbody tr:nth-last-child(1) td {border:0; }

@media (max-width: 768px) {
	.hnuboard colgroup,
	.hnuboard thead {display:none; }
	
	.hnuboard tbody,
	.hnuboard tbody tr, 
	.hnuboard tbody td {
		display:block; 
		width:100%;
		height:auto; 
		position:relative; 
		border:0; 
		text-align:left; 
	}
	.hnuboard tbody tr {padding:10px 0; }
	.hnuboard tbody td {
		padding-left:80px; 
		padding-right:10px; 
	}
	.hnuboard tbody td + td {margin-top:8px; }
	.hnuboard tbody td:nth-last-child(1) {
		border-bottom:1px solid #dfdfdf; 
		padding-bottom:20px; 
	}
	.hnuboard tbody tr:nth-child(1) {margin-top:10px; }
	.hnuboard tbody td .add-th {
		position:absolute;
		left:8px;
		top:0;		
		display:block; 
		width:54px;
		text-align:right; 
		opacity:.7; 
	}
}

/* gallery-type */
.gallery-type {
	font-size:0; 
	margin:1.5% -1.5%; 	
}
.gallery-type > li {
	font-size:16px; 
	display:inline-block; 
	width:25%; 
	padding:1.5%; 
}
.gallery-type .gallery-item .link-title {display:block; }
.gallery-type .gallery-item .txt-title {
	font-size:17px; 
	font-weight:500; 	
	color:#2b2b2b; 
	margin:16px 0 8px; 
	overflow:hidden;
	line-height:1.4em;
	height:2.8em; 
}
.gallery-type .gallery-item .p-info {
	position:relative; 
	padding-left:60px; 	
	font-size:0.938em; 
	line-height:1em; 
}
.gallery-type .gallery-item .p-info + .p-info {margin-top:8px; }
.gallery-type .gallery-item .p-info .txt-head {
	position:absolute;
	left:0;
	top:0; 	
	opacity:.7; 
}
.gallery-type .gallery-item .thumbs {
	position:relative;
	height:0;
	padding-bottom:100%; 
	overflow:hidden; 
}
.gallery-type .gallery-item .thumbs:after {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	content:"";
	display:block;
	border:1px solid #dfdfdf; 	
}
.gallery-type .gallery-item .thumbs > img {
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%); 
	min-height:100%; 
}
@media (max-width: 768px) {
	.gallery-type > li {
		font-size:14px; 
		width:33.3%;  
	}
	.gallery-type .gallery-item .p-info {padding-left:44px; }
}
@media (max-width: 480px) {
	.gallery-type > li {width:50%; }

}

/* view */
.hnuboard .view-header {
	border-top:2px solid #111; 
	border-bottom:1px solid #cfcfcf; 
}
.hnuboard .post-title {
	font-size:26px;
	font-weight:500; 
	font-family:'Noto Sans KR', sans-serif; 
	color:#2b2b2b; 
	padding:32px 20px;
	line-height:1.45em; 
	text-align:center; 
}
.hnuboard .post-regi-info {
	border-top:1px dotted #bbbbbc;
	background:#f9f9fa; 
	height:60px;
	padding:16px; 
	position:relative; 
}
.hnuboard .post-regi-info > p {
	display:inline-block; 
	vertical-align:middle; 
}
.hnuboard .post-regi-info > p + p:before {
	display:inline-block;
	width:5px;
	height:5px;
	border-radius:100%;
	background:#bbbbbb;
	margin:0 10px; 
	content:""; 
	vertical-align:middle; 
}
.hnuboard .post-regi-info > p > span {
	padding-right:4px; 
	opacity:.7; 
}
.hnuboard .post-regi-info .url-copy {
	position:absolute;
	right:16px;
	top:50%;
	transform:translateY(-50%); 
	border-radius:2px;
	border:1px solid #d7d7d7;
	background:#fff; 
	width:90px;
	height:32px;
	font-size:13px; 
}
.hnuboard .post-regi-info .edit {
	position:absolute;
	right:8px;
	top:50%;
	transform:translateY(-50%);
	display:block;
	line-height:32px;
	padding:0 8px;
	background:#fff;
	border:1px solid #d2d2d2; 
	font-size:0.833em; 
}
.hnuboard .view-body {border-bottom:1px solid #cfcfcf; }
.hnuboard .view-content {padding:70px 0; }
.hnuboard .view-content img {
	margin-top:24px; 
	margin-bottom:24px; 
	display:block; 
}
.hnuboard .add-file-list {
	background:#f9f9fa; 
	color:#2b2b2b; 
	padding:20px; 
	border-bottom:1px solid #ebebec; 
}
/*
.hnuboard .add-file-list li + li {border-top:1px solid #ebebec; }
.hnuboard .add-file-list li {
	height:60px;
	padding:20px; 
	padding-left:40px;
	font-size:0.938em; 
	position:relative; 
}
*/
.hnuboard .add-file-list li {
	padding-left:40px;
	font-size:0.938em; 
	position:relative; 
	display:inline-block;
}
.hnuboard .add-file-list li > i {
	position:absolute;
	left:16px;
	top:50%; 
	transform:translateY(-50%); 
}
.hnuboard .prev-next-link { 
	border-top:1px solid #cfcfcf; 
	border-bottom:1px solid #cfcfcf; 
}
.hnuboard .prev-next-link li {
	position:relative;
	padding-left:180px; 
	line-height:60px; 
}
.hnuboard .prev-next-link li + li {border-top:1px solid #cfcfcf; }
.hnuboard .prev-next-link li > strong {
	position:absolute;
	left:0;
	top:0;
	background:#f9f9fa; 
	width:160px; 
	padding:0 20px; 
}
.hnuboard .prev-next-link li > strong > i {
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%); 
}
.hnuboard .list-link-btn {margin:40px 0; }
.hnuboard .list-link-btn > a {
	display:block;
	margin-right:0;
	margin-left:auto; 
	width:160px; 
	background:#373f55; 
	color:#fff; 
	text-align:center;
	line-height:56px; 
	font-weight:500; 
}
.hnuboard .list-link-btn > a.write {
	background:#fff;
	color:#373f55;
	border:1px solid #373f55; 
	line-height:44px; 
	width:100px; 
	padding-bottom:2px; 
}
@media (max-width: 768px) {
	.hnuboard .post-title {
		font-size:18px;
		padding:16px 14px;
	}
	.hnuboard .post-regi-info {
		height:48px;
		padding:10px; 
	}
	.hnuboard .post-regi-info > p + p:before {
		width:3px;
		height:3px;
		margin:0 8px; 
	}
	.hnuboard .post-regi-info > p > span {
		display:none; 
	}
	.hnuboard .post-regi-info .url-copy {
		right:8px;
		width:70px;
		height:28px;
		font-size:11px; 
		letter-spacing:-0.05em; 
	}
	.hnuboard .view-content {padding:24px 0; }
	.hnuboard .add-file-list {padding:12px; }
	.hnuboard .add-file-list li {
		padding-left:32px;
	}
	.hnuboard .add-file-list li > i {left:8px; }
	
	.hnuboard .prev-next-link li {
		position:relative;
		padding-left:112px; 
		padding-right:16px; 
		line-height:56px; 
	}
	.hnuboard .prev-next-link li + li {border-top:1px solid #cfcfcf; }
	.hnuboard .prev-next-link li > strong {
		width:100px; 
		padding:0 16px; 
	}
	.hnuboard .prev-next-link li > strong > i {right:16px; }
	.hnuboard .prev-next-link li > a {
		display:block; 
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden; 
	}
	.hnuboard .list-link-btn {margin:40px 0; }
	.hnuboard .list-link-btn > a {
		width:120px; 
		line-height:48px; 
	}
	.hnuboard .list-link-btn > a.write {
		line-height:42px; 
		width:80px; 
		padding-bottom:0; 
	}
}


/* borad view 추가*/
html {font-size:100%; }
.hnuboard br + br {display:block !important; }
.hnuboard .view-content {    
	padding: 40px !important;
    color: #444;
    line-height: 1.6em;
    font-weight: 300;
}
.hnuboard .view-content *:not(table) {
    line-height: 160%;
    box-sizing: content-box;
}

.hnuboard .view-content i,
.hnuboard .view-content cite,
.hnuboard .view-content em,
.hnuboard .view-content var,
.hnuboard .view-content address,
.hnuboard .view-content dfn {
    font-style: italic;
}

.hnuboard .view-content strong {
    font-weight: bold;
}

.hnuboard .view-content p {
    margin: 10px 0;
    color: #555;
    font-size: 15px;
    font-weight:400; 
}

.hnuboard .view-content > h1:first-of-type,
.hnuboard .view-content > div > div:first-of-type h1 {
      margin-top: 14px;
}
.hnuboard .view-content h1,
.hnuboard .view-content h2,
.hnuboard .view-content h3,
.hnuboard .view-content h4,
.hnuboard .view-content h5,
.hnuboard .view-content h6 {
	font-family:'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', Helvetica, Arial, sans-serif;	
}
.hnuboard .view-content h1,
.hnuboard .view-content h2,
.hnuboard .view-content h3,
.hnuboard .view-content h5 {
    font-weight: bold;
}

.hnuboard .view-content h1 {
    font-size: 1.6rem;
    line-height: 28px;
    border-bottom: 3px double #999;
    margin: 52px 0 15px 0;
    padding-bottom: 7px;
    color: #000;
}

.hnuboard .view-content h2 {
    font-size: 1.3rem;
    line-height: 23px;
    border-bottom: 1px solid #dbdbdb;
    margin: 30px 0 13px 0;
    padding-bottom: 7px;
    color: #333;
}

.hnuboard .view-content h3,
.hnuboard .view-content h4 {
    font-size: 1.2rem;
    line-height: 18px;
    margin: 20px 0 2px;
    color: #333;
}

.hnuboard .view-content h5,
.hnuboard .view-content h6 {
    font-size: 1rem;
    line-height: 17px;
    margin: 10px 0 -4px;
    color: #333;
}

.hnuboard .view-content blockquote {
    margin: 15px 0;
}

.hnuboard .view-content blockquote {
    border-left: 4px solid #dddddd;
    padding: 0 15px;
    color: #777777;
}

.hnuboard .view-content blockquote > :first-child {
    margin-top: 0;
}

.hnuboard .view-content  blockquote > :last-child {
    margin-bottom: 0;
}

.hnuboard .view-content pre,
.hnuboard .view-content code {
    font-family: Consolas, Courier, "Apple SD 산돌고딕 Neo", -apple-system, "Lucida Grande", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", "Segoe UI", "돋움", dotum, sans-serif;
    border: 0;
    border-radius: 0;
}

.hnuboard .view-content pre {
    margin: 2px 0 8px;
    padding: 18px;
    background-color: #f5f7f8;
}

.hnuboard .view-content code {
    color: #c1788b;
    padding: 4px 4px 2px 0;
    letter-spacing: -0.3px;
}

.hnuboard .view-content pre code {
    padding: 0;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
}

.hnuboard .view-content pre.addon {
    border: 1px solid #e8ebed;
    background-color: #fff;
}

.hnuboard .view-content img {
    margin: 4px 0 10px;
    box-sizing: border-box;
    vertical-align: top;
    max-width: 100%;
}

.hnuboard .view-content table {
    margin: 2px 0 14px;
    color: #555;
    width: auto;
    border-collapse: collapse;
    box-sizing: border-box;
}

.hnuboard .view-content table th, 
.hnuboard .view-content table td {
    height: 32px;
    padding: 5px 14px 5px 12px;
}

.hnuboard .view-content table td {
    border: 1px solid #eaeaea;
}

.hnuboard .view-content table th {
    border: 1px solid #72777b;
    border-top: 0;
    background-color: #7b8184;
    font-weight: 300;
    color: #fff;
    padding-top: 6px;
}

.hnuboard .view-content ul,
.hnuboard .view-content menu,
.hnuboard .view-content ol,
.hnuboard .view-content dir {
    display: block;
    list-style-type: disc;
    padding-left: 17px;
    margin: 6px 0 10px;
    color: #555;
}

.hnuboard .view-content ol {
    list-style-type: decimal;
}

.hnuboard .view-content ul ul,
.hnuboard .view-content ul ol,
.hnuboard .view-content ol ol,
.hnuboard .view-content ol ul {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.hnuboard .view-content ul li {
    position: relative;
    list-style: disc !important;
}

.hnuboard .view-content ul p, ol p {
    margin: 0;
}

.hnuboard .view-content ul li.task-list-item:before,
.hnuboard .view-content pre ul li:before {
    content: "";
}

.hnuboard .view-content hr {
    border-top: 1px solid #eee;
    margin: 16px 0;
}

.hnuboard .view-content a {
    text-decoration: underline;
    color: #5286bc;
}

.hnuboard .view-content a:hover {
    color: #007cff;
}

.hnuboard .view-content {
    font-size: 13px;
    margin: 0;
    padding: 0;
}

.hnuboard .view-content .task-list-item {
    border: 0;
    list-style: none;
    padding-left: 22px;
    margin-left: -22px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: 0 2px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAADdJREFUKBVjvHv37n8GMgALSI+SkhJJWu/du8fARJIOJMWjGpECA505GjjoIYLEB6dVUNojFQAA/1MJUFWet/4AAAAASUVORK5CYII=');
}

.hnuboard .view-content .task-list-item.checked {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAMpJREFUKBVjjJ/64D8DGYCJDD1gLbTVyM3OxJDiJMzAxcYIdyALnIWDAdJU7i/OICfCxsDMxMgwc88bwk5F1vTs/W+GFUffwY2H+1FBlI2hLliCQYCbGSyJrqlzwwuGj9//YWoMtRBgUBJnZ6gMEGeQFWaFOw9kE7omkG5GWDyCPF7mJ86gIMbO8P//fwZGRkYGXJpAGuFO/fbrP0PXppcMD179JKgJRSOIA9N8/NZXrM4DqYEBjOgAaYYFOUwRNhruVGyS+MTI1ggAx8NTGcUtFVQAAAAASUVORK5CYII=');
}

.hnuboard .view-content .task-list-item input[type='checkbox'],
.hnuboard .view-content .task-list-item .task-list-item-checkbox {
    margin-left: -17px;
    margin-right: 3.8px;
    margin-top: 3px;
}

.hnuboard .view-content-placeholder:before {
    content: attr(data-placeholder);
    color:grey;
    line-height: 160%;
    position: absolute;
}
@media (max-width: 768px) {
	.hnuboard .view-content {padding: 20px 10px !important; }
}