@charset "utf-8";
@font-face {
	font-family: SpoqaHanSansNeo-Regular;
	src: url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SpoqaHanSansNeo-Regular.woff) format(woff);
	font-weight: normal;
	font-display: swap;
}

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
	word-break:keep-all;
}
html, body {
	position:relative;
	width: 100%;
	min-height: 100vh;
	font-family: terfens, sans-serif;
	line-height:1.3;
	letter-spacing:-.95px;
}
a { 
	text-decoration:none;
}
li { 
	list-style:none; 
}
input, button, select, textarea {
	background:transparent;
	border:none;
	font-family: terfens, sans-serif;
	line-height:1.3;
	letter-spacing:-.95px;
}
label, button, a { 
	cursor:pointer;
}
input { 
	display:block;
	min-width: 0;
}
textarea { 
	resize:none; 
}
table { 
	width: 100%;
	table-layout:fixed;
	border-spacing:0;
	border-collapse:collapse;
}
table *:not(th) { 
	word-break:break-all; 
}

.wrapper { 
	padding:68px 0 0;
}
.inner { 
	max-width: 1400px;
	margin:0 auto;
}
.subComWr { 
	padding:116px 0;
}
.cTit01 { 
	position:relative;
	margin:0 0 103px;
}
.cTit01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
	background: #EDEDED;
}
.cTit01 span {
	position:relative;
	display:inline-block;
	padding:0 40px 0 0;
	background: #FFF;
	font-weight: 400;
	font-size: 28px;
	color: #212121;
	z-index: 1;
}
@media all and (max-width:1432px){
	.inner { 
		margin:0 16px;
	}
}
@media all and (max-width:999px){
	.wrapper { 
		padding: 56px 0 0;
	}
	.subComWr { 
		padding:36px 0;
	}
	.cTit01 { 
		margin:0 0 16px;
	}
	.cTit01 span { 
		padding:0 20px 0 0;
		font-size: 16px;
	}
}

/* 헤더 시작
------------------------------------------------------ */
header {
	position:fixed; 
	width: 100%;
	height: 68px;
	top: 0;
	left: 0;
	background: #FFF;
	border-bottom:1px solid #F0F0F0;
	z-index: 5;
}
header .inner { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	height: 100%;
}
header .hLogo { 
	font-size: 0;
}
header .hLogo a { 
	display:block; 
}
header .hLogo img { 
	max-width: 100%;
}
header .mbMenuToggle { 
	display:none;
}
header .hMenuLst01 { 
	display:flex;
	align-items:center;
	gap:40px;
}
header .hMenuLnk01 { 
	position:relative; 
	display:block;
	font-size: 15px;
	color: #212121;
	transition:all .3s ease;
}
header .hMenuLnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 1px;
	bottom: 0;
	left: 50%;
	transform:translateX(-50%);
	background: #212121;
	transition:all .3s ease;
}
header .hMenuLnk01.on { 
	font-weight: 600;
}
header .hMenuLnk01:focus:after,
header .hMenuLnk01:hover:after,
header .hMenuLnk01.on:after { 
	width: 100%;
}
@media all and (min-width:1000px){
	header .hMenuBox01 { 
		display:block !important;
	}
}
@media all and (max-width:999px){
	header {
		height: 56px;
	}
	header .hLogo { 
		position:relative; 
		width: 150px;
		z-index: 2;
	}
	header .mbMenuToggle { 
		position:relative; 
		display:block; 
		width: 24px;
		height: 24px;
		z-index: 2;
		overflow: hidden;
	}
	header .mbMenuToggle:before,
	header .mbMenuToggle:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		height: 2px;
		background: #212121;
		border-radius: 10px;
		transition:all .3s ease;
	}
	header .mbMenuToggle:before { 
		width: 18px;
		top: 5px;
		left: 50%;
		margin:0 0 0 -9px;
	}
	header .mbMenuToggle:after { 
		width: 9px;
		top: 17px;
		left: 3px;
	}
	header .mbMenuToggle span {
		position:absolute;
		display:block;
		width: 18px;
		height: 2px;
		top: 50%;
		left: 3px;
		margin:-1px 0 0;
		background: #212121;
		border-radius: 10px;
		transition:all .3s ease;
	}
	header .mbMenuToggle.on:before { 
		top: 11px;
		transform:rotate(45deg);
	}
	header .mbMenuToggle.on:after { 
		width: 18px;
		top: 11px;
		transform:rotate(-45deg);
	}
	header .mbMenuToggle.on span { 
		left: -100%;
	}
	header .hMenuBox01 {
		position:fixed;
		display:none;
		width: 100%;
		height: calc(100vh - 56px);
		top: 56px;
		left: 0;
		padding:38px 0 0;
		background: #FFF;
		z-index: 1;
	}
	header .hMenuLst01 { 
		flex-direction:column;
		gap:38px;
	}
	header .hMenuLnk01.on { 
		font-weight: 600;
	}
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
footer { 
	padding:35px 16px 34px;
	background: #EDEDED;
	font-family: SpoqaHanSansNeo-Regular;
	text-align: center;
}
footer .fTermBox01 { 
	display:flex;
	justify-content:center;
	gap:16px;
	margin:0 0 20px;
}
footer .fTermBox01 .lnk { 
	display:block;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: 0;
	color: #424242;
	transition:all .3s ease;
}
footer .fTermBox01 .lnk:focus,
footer .fTermBox01 .lnk:hover { 
	color: #E82D2D;
}
footer .fInfoLst01 { 
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:8px;
	font-size: 14px;
	letter-spacing: 0;
	color: #424242;
}
footer .fInfoLst01 li { 
	position:relative;
	padding:0 9px 0 0;
}
footer .fInfoLst01 li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 8px;
	top: 4px;
	right: 0;
	background: #999;
}
footer .fInfoLst01 li:last-child { 
	padding:0;
}
footer .fInfoLst01 li:last-child:after { 
	display:none;
}
footer .fInfoLst01 + .fInfoLst01 { 
	margin-top:8px;
}
footer .fCopy01 { 
	margin:19px 0 0;
	font-size: 13px;
	letter-spacing: 0;
	color: #424242;
}
@media all and (max-width:999px){
	footer { 
		padding:24px 16px;
		text-align: left;
	}
	footer .fTermBox01 { 
		justify-content:flex-start;
		gap:8px;
		margin:0 0 12px;
	}
	footer .fTermBox01 .lnk { 
		font-size: 13px;
	}
	footer .fInfoLst01 { 
		gap:5px;
		font-size: 13px;
	}
	footer .fInfoLst01 li { 
		width: 100%;
		padding:0;
	}
	footer .fInfoLst01 li:after { 
		display:none;
	}
	footer .fInfoLst01 + .fInfoLst01 { 
		margin-top:5px;
	}
	footer .fCopy01 { 
		margin:12px 0 0;
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 게시판 목록 시작
------------------------------------------------------ */
.brdLstBox01 .lst01 li { 
	padding:40px 0;
	border-bottom:1px solid #F0F0F0;
}
.brdLstBox01 .lst01 li:last-child { 
	border-bottom:none;
}
.brdLstBox01 .lst01 .lstLnk01 { 
	display:flex;
	gap:40px;
}
.brdLstBox01 .lst01 .lstImgBox { 
	flex-shrink:0;
	position:relative;
	width: 233px;
	height: 148px;
	background: #D9D9D9;
	border-radius: 5px;
	font-size: 0;
	overflow: hidden;
}
.brdLstBox01 .lst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.brdLstBox01 .lst01 .lstTxtBox01 { 
	flex-grow:1;
	display:block;
	min-width: 0;
}
.brdLstBox01 .lst01 .lstDate01 { 
	display:block;
	margin:0 0 5px;
	font-size: 17px;
	color: #797979;
}
.brdLstBox01 .lst01 .lstTit01 { 
	display:block;
	margin:0 0 5px;
	font-weight: 600;
	font-size: 24px;
	color: #212121;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
	transition:all .3s ease;
}
.brdLstBox01 .lst01 .lstLnk01:focus .lstTit01,
.brdLstBox01 .lst01 .lstLnk01:hover .lstTit01 { 
	color: #E82D2D;
}
.brdLstBox01 .lst01 .lstTxt01 { 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 42px;
	margin:0 0 17px;
	font-size: 18px;
	color: #424242;
	word-break:break-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.brdLstBox01 .lst01 .lstCate01 { 
	display:inline-block;
	padding:5px 13px 3px;
	background: #FFF0F0;
	border-radius: 5px;
	font-size: 14px;
	color: #E82D2D;
}
@media all and (max-width:999px){
	.brdLstBox01 .lst01 li { 
		padding:16px 0;
	}
	.brdLstBox01 .lst01 .lstLnk01 {
		gap:10px;
	}
	.brdLstBox01 .lst01 .lstImgBox {
		width: 117px;
		height: 74px;
	}
	.brdLstBox01 .lst01 .lstDate01 {
		margin:0 0 2px;
		font-size: 13px;
	}
	.brdLstBox01 .lst01 .lstTit01 {
		margin:0 0 3px;
		font-size: 16px;
	}
	.brdLstBox01 .lst01 .lstTxt01 {
		height: 37px;
		margin:0 0 10px;
		font-size: 14px;
	}
	.brdLstBox01 .lst01 .lstCate01 {
		padding:5px 10px 3px;
		font-size: 13px;
	}
}
/* 게시판 목록 끝
------------------------------------------------------ */
/* 게시판 내용 보기 시작
------------------------------------------------------ */
.brdViewBox01 .bvTopBox01 { 
	margin:0 0 37px;
	padding:0 0 36px;
	border-bottom:1px solid #F0F0F0;
}
.brdViewBox01 .bvTopBox01 .cate01 { 
	margin:0 0 16px;
	font-size: 18px;
	color: #E82D2D;
	word-break:break-all;
}
.brdViewBox01 .bvTopBox01 .cate02 { 
	display:inline-block; 
	margin:0 0 16px;
	padding:7px 17px 5px;
	background: #FFF0F0;
	border-radius: 5px;
	font-size: 18px;
	letter-spacing: -1.22px;
	color: #E82D2D;
}
.brdViewBox01 .bvTopBox01 .tit01 {
	font-weight: 600;
	font-size: 28px;
	color: #212121;
	word-break:break-all;
}
.brdViewBox01 .bvTopBox01 .infoBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.brdViewBox01 .bvTopBox01 .infoBox01 dl { 
	width: calc((100% - 24px)/4);
}
.brdViewBox01 .bvTopBox01 .infoBox01 dt { 
	position:relative;
	margin:0 0 18px;
	padding:0 0 0 36px;
	font-weight: 500;
	font-size: 20px;
	color: #212121;
}
.brdViewBox01 .bvTopBox01 .infoBox01 dt:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 4px;
	top: 10px;
	left: 0;
	background: #E82D2D;		
}
.brdViewBox01 .bvTopBox01 .infoBox01 dd { 
	font-size: 18px;
	color: #424242;
	word-break:break-all;
}
.brdViewBox01 .bvTopBox01 .tit01 + .infoBox01 {
	margin-top:74px;
}
.brdViewBox01 .bvTopBox01 .date01 { 
	font-size: 20px;
	letter-spacing: -1.12px;
	color: #797979;
}
.brdViewBox01 .bvTopBox01 .tit01 + .date01 { 
	margin-top:18px;
}
.brdViewBox01 .bvConBox01 > * { 
	margin:0 0 80px;
}
.brdViewBox01 .bvConBox01 > *:last-child { 
	margin:0;
}
.brdViewBox01 .bvConBox01 .imgBox {
	font-size: 0;
}
.brdViewBox01 .bvConBox01 .imgBox img { 
	width: 100%;
}
.brdViewBox01 .bvConBox01 .txt01 { 
	font-size: 20px;
	letter-spacing: -1.06px;
	color: #424242;
	word-break:break-all;
}
.brdViewBox01 .bvBtmBox01 { 
	margin:80px 0 0;
}
.brdViewBox01 .bvBtmBox01 .lnkBack01 {
	position:relative; 
	display:inline-block;
	padding:14px 58px 14px 24px;
	border:1px solid #212121;
	border-radius: 5px;
	font-size: 20px;
	color: #212121;
	transition:all .3s ease;
}
.brdViewBox01 .bvBtmBox01 .lnkBack01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 10px;
	top: 22px;
	right: 25px;
	background:url(/Form/_guest/basic/images/brdViewBack01_off.svg) no-repeat center / cover;
	transition:all .3s ease;
}
.brdViewBox01 .bvBtmBox01 .lnkBack01:focus,
.brdViewBox01 .bvBtmBox01 .lnkBack01:hover {
	background: #212121;
	color: #FFF;
}
.brdViewBox01 .bvBtmBox01 .lnkBack01:focus:after,
.brdViewBox01 .bvBtmBox01 .lnkBack01:hover:after { 
	background-image:url(/Form/_guest/basic/images/brdViewBack01_on.svg);
}
@media all and (max-width:999px){
	.brdViewBox01 .bvTopBox01 { 
		margin:0 0 16px;
		padding:0 0 16px;
	}
	.brdViewBox01 .bvTopBox01 .cate01 { 
		margin:0 0 3px;
		font-size: 13px;
	}
	.brdViewBox01 .bvTopBox01 .tit01 {
		font-size: 16px;
	}
	.brdViewBox01 .bvTopBox01 .infoBox01 dl { 
		width: calc((100% - 8px)/2);
	}
	.brdViewBox01 .bvTopBox01 .infoBox01 dt {
		margin:0 0 3px;
		padding:0 0 0 14px;
		font-size: 14px;
	}
	.brdViewBox01 .bvTopBox01 .infoBox01 dt:before {
		width: 10px;
		height: 2px;
		top: 6px;
	}
	.brdViewBox01 .bvTopBox01 .infoBox01 dd { 
		font-size: 13px;
	}
	.brdViewBox01 .bvTopBox01 .tit01 + .infoBox01 { 
		margin-top:10px;
	}
	.brdViewBox01 .bvTopBox01 .date01 { 
		font-size: 13px;
	}
	.brdViewBox01 .bvTopBox01 .tit01 + .date01 { 
		margin-top:10px;
	}
	.brdViewBox01 .bvConBox01 > * { 
		margin:0 0 16px;
	}
	.brdViewBox01 .bvConBox01 .txt01 { 
		font-size: 14px;
	}
	.brdViewBox01 .bvBtmBox01 { 
		margin:16px 0 0;
	}
	.brdViewBox01 .bvBtmBox01 .lnkBack01 { 
		padding:6px 30px 6px 12px;
		font-size: 13px;
	}
	.brdViewBox01 .bvBtmBox01 .lnkBack01:after { 
		width: 14px;
		height: 7px;
		top: 10px;
		right: 8px;
	}
}
/* 게시판 내용 보기 끝
------------------------------------------------------ */