@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
	font-family: S-CoreDream-5Medium;
	src: url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff) format(woff);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: GmarketSansMedium;
	src: url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff) format(woff);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: GmarketSansBold;
	src: url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff) format(woff);
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: GongGothicLight;
    src: url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff) format(woff);
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: GongGothicMedium;
	src: url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicMedium.woff) format(woff);
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: GongGothicBold;
    src: url(https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicBold.woff) format(woff);
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: Pretendard;
	src: url(/Form/fonts/Pretendard-Bold.woff2) format(woff2);
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
}
html, body { 
	position:relative; 
	width: 100%;
	overflow-x:hidden;
}
body { 
	font-family: Noto Sans KR, sans-serif;
	font-weight:400;
	line-height:1.3;
	letter-spacing:-.3px;
	word-break:keep-all;
}
a { 
	text-decoration:none; 
}
li { 
	list-style:none; 
}
button, input, textarea, select { 
	background: transparent; 
	border:none;
	font-family: Noto Sans KR, sans-serif;
	line-height:1.3;
	letter-spacing:-.3px;
	word-break:keep-all;
}
label, button, a {
	cursor:pointer; 
}
input, textarea { 
	display:block; 
	min-width: 0; 
	outline:none; 
}
button { 
	text-align: left; 
}
textarea { 
	resize:none;
}
table { 
	width:100%;
	table-layout:fixed; 
	border-spacing:0;
	border-collapse:collapse; 
}

.wrapper { 
	padding:90px 0 0;
}
.inner { 
	max-width: 1200px;
	margin:0 auto;
}
.comPopBg { 
	position:fixed;
	display:none; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(33,33,33,.7);
	z-index: 10;
}
.subComWr { 
	padding:97px 0;
}
.cTit01 { 
	position:relative;
	padding:18px 0 0;
	font-weight:700;
	font-size: 28px;
	text-align: center;
	color: #212121;
}
.cTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 60px;
	height: 8px;
	top: 0;
	left: 50%;
	margin:0 0 0 -30px;
	background: #31A5FF;
}
.cTit01 span { 
	color: #31A5FF; 
}
.cTxt01 {
	margin:0 0 50px;
	font-size: 24px;
	text-align: center;
	color: #424242;
}
.cTit01 + .cTxt01 { 
	margin-top:10px;
}
.verMb { 
	display:none;
}
@media all and (max-width:1232px){
	.inner { 
		margin:0 16px;
	}
}
@media all and (max-width:999px){
	.wrapper { 
		padding:56px 0 0;
	}
	.subComWr { 
		padding:50px 0;
	}
	.cTit01 { 
		padding:13px 0 0;
		font-size: 18px;
	}
	.cTit01:before { 
		width: 30px;
		height: 4px;
		margin:0 0 0 -15px;
	}
	.cTxt01 { 
		margin:0 0 20px;
		font-size: 14px;
	}
	.cTit01 + .cTxt01 { 
		margin-top:4px;
	}
	.verPc { 
		display:none;
	}
	.verMb { 
		display:block;
	}
}

/* 헤더 시작
------------------------------------------------------ */
header { 
	position:fixed; 
	width: 100%;
	height: 90px;
	top: 0;
	left: 0;
	background: #FFF;
	border-bottom:1px solid #E0E0E0;
	z-index: 10;
}
header .inner {
	display:flex;
	align-items:center;
	gap:310px;
	height: 100%;
}
header .hLogo a { 
	display:block; 
	font-size: 0;
}
header .hLogo a img { 
	max-width: 100%; 
}
header .mbMenuOn{ 
	display:none; 
}
header .hMenuBox { 
	flex-grow:1;
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
	height: 100%;	
}
header .hMenuBox .mbMenuTop { 
	display:none;
}
header .hMenuLst { 
	display:flex;
	align-items:center;
	gap:50px;
	height: 100%;
}
header .hMenuLst .hMenu { 
	display:block;
	font-family: S-CoreDream-5Medium;
	font-size: 18px;
	color: #424242;
	transition:all .3s ease;
}
header .hMenuLst .hMenu.on,
header .hMenuLst .hMenu:focus,
header .hMenuLst .hMenu:hover { 
	color: #31A5FF;
}
header .hExtraLst { 
	flex-shrink:0;
	display:flex;
	align-items:center;
	gap:12px;
}
header .hExtraLst li { 
	position:relative;
	padding:0 13px 0 0;
}
header .hExtraLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 20px;
	top: 50%;
	right: 0;
	margin:-10px 0 0;
	background: #DBDBDB;
}
header .hExtraLst li.noLine,
header .hExtraLst li:last-child { 
	padding:0;
}
header .hExtraLst li.noLine:after,
header .hExtraLst li:last-child:after { 
	display:none;
}
header .hExtraBtn { 
	position:relative;
	display:block;
	padding:0 0 0 23px;
	font-family: S-CoreDream-5Medium;
	font-size: 16px;
	color: #999;
}
header .hExtraBtn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top: 2px;
	left: 0;
	background-repeat:no-repeat;
	background-size:cover;
}
header .hExtraBtn.stLogin:before { 
	background-image: url(/Form/_guest/basic/images/comLogin01.svg); 
}
header .hExtraBtn.stJoin:before { 
	background-image: url(/Form/_guest/basic/images/comJoin01.svg); 
}
header .hExtraBtn.stSend { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:10px;
	padding:7px 16px 6px;
	background: #31A5FF;
	border-radius: 100px;
	color: #FFF; 
}
header .hExtraBtn.stSend:before {
	position:relative;
	top: auto;
	left: auto;
	background-image: url(/Form/_guest/basic/images/comLogSend01.svg);	 
}
header .hExtraBtn.stLogout:before { 
	background-image: url(/Form/_guest/basic/images/comLogout01.svg);
}
header .hExtraBtn.stUser { 
	color: #424242; 
}
header .hExtraBtn.stUser:before { 
	background-image: url(/Form/_guest/basic/images/comUser01.svg); 
}
@media all and (max-width:999px){
	header { 
		height: 56px; 
	}
	header .inner { 
		justify-content:space-between;	
		gap:10px;
	}
	header .hLogo { 
		width: 79px; 
	}
	header .mbMenuOn { 
		position:relative;
		display:block;
		width: 24px;
		height: 24px;
	}
	header .mbMenuOn:before,
	header .mbMenuOn:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 14px;
		height: 2px;
		left: 50%;
		margin:0 0 0 -7px;
		background: #212121;
		border-radius: 4px;
	}
	header .mbMenuOn:before { 
		top: 6px; 
	}
	header .mbMenuOn:after { 
		top: 16px;
	}
	header .mbMenuOn span { 
		position:absolute;
		display:block;
		width: 14px;
		height: 2px;
		top: 50%;
		left: 50%;
		margin:-1px 0 0 -7px;
		background: #212121;
		border-radius: 4px;
	}
	header .mbMenuBg.on { 
		display:block; 
	}
	header .hMenuBox { 
		position:fixed;
		flex-direction:column;
		align-items: stretch;
		justify-content:flex-start;
		gap:0;
		width: 304px;
		max-width: 100%;
		height: 100%;
		top: 0;
		right: -304px;
		background: #FFF;
		z-index: 10;
		transition:all .3s ease;
	}
	header .hMenuBox .mbMenuTop { 
		display:block;
		padding:16px;
		background: #31A5FF url(/Form/_guest/basic/images/mbMenuTopBg01.png) no-repeat right 0 bottom 0;
	}	
	header .hMenuBox .mbMenuTop .topBox { 
		display:flex;
		align-items:center; 
		justify-content:space-between;
		gap:10px;
		margin:0 0 10px;
	}
	header .hMenuBox .mbMenuTop .topBox .logo { 
		font-size: 0; 
	}
	header .hMenuBox .mbMenuTop .topBox .logo img { 
		max-width: 100%; 
	}
	header .hMenuBox .mbMenuTop .topBox .mbMenuOff { 
		position:relative; 
		display:block; 
		width: 24px;
		height: 24px;
		font-size: 0;
	}
	header .hMenuBox .mbMenuTop .topBox .mbMenuOff:before,
	header .hMenuBox .mbMenuTop .topBox .mbMenuOff:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 18px;
		height: 2px;
		top: 50%;
		left: 50%;
		margin:-1px 0 0 -9px;
		background: #FFF;
		border-radius: 4px;
	}
	header .hMenuBox .mbMenuTop .topBox .mbMenuOff:before { 
		transform:rotate(45deg); 
	}
	header .hMenuBox .mbMenuTop .topBox .mbMenuOff:after { 
		transform:rotate(-45deg); 
	}
	header .hMenuBox .mbMenuTop .txt01,
	header .hMenuBox .mbMenuTop .txt02 {
		font-family: GmarketSansMedium;
		letter-spacing: -1px;
		color: #FFF;
	}
	header .hMenuBox .mbMenuTop .txt01 { 
		margin:0 0 19px;
		font-size: 16px;
	}
	header .hMenuBox .mbMenuTop .txt01 span { 
		font-family: GmarketSansBold;
	}
	header .hMenuBox .mbMenuTop .txt02 { 
		margin:0 0 11px;
		font-size: 14px; 
	}
	header .hMenuBox .mbMenuTop .lst01 { 
		display:flex;
		flex-wrap:wrap;
		background: #FFF;
		border-radius: 100px;
		text-align: center;
	}
	header .hMenuBox .mbMenuTop .lst01 li { 
		position:relative;
		width: 50%;
		padding:0 6px;
	}
	header .hMenuBox .mbMenuTop .lst01 li:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 1px;
		height: 14px;
		top: 50%;
		right: 0;
		margin:-7px 0 0;
		background: #DBDBDB;
	}
	header .hMenuBox .mbMenuTop .lst01 li:last-child:after { 
		display:none; 
	}
	header .hMenuBox .mbMenuTop .lst01 li.fullWid { 
		display:flex;
		align-items:center; 
		justify-content:space-between;
		width: 100%;
		padding:0 16px;
	}
	header .hMenuBox .mbMenuTop .lst01 .lnk { 
		display:flex;
		align-items:center; 
		justify-content:center;
		gap:3px;
		padding:8px 0;
	}
	header .hMenuBox .mbMenuTop .lst01 .lnk:before { 
		content:"";
		box-sizing:border-box;
		display:block;
		width: 16px;
		height: 16px;
		background-repeat:no-repeat;
		background-size:cover;
	}
	header .hMenuBox .mbMenuTop .lst01 .lnk span { 
		font-family: S-CoreDream-5Medium;
		font-size: 12px;
		color: #999;
	}
	header .hMenuBox .mbMenuTop .lst01 .lnk.stLogin:before { 
		background-image: url(/Form/_guest/basic/images/comLogin01.svg); 
	}
	header .hMenuBox .mbMenuTop .lst01 .lnk.stJoin:before { 
		background-image: url(/Form/_guest/basic/images/comJoin01.svg); 
	}
	header .hMenuBox .mbMenuTop .lst01 .lnk.stLogout:before { 
		background-image: url(/Form/_guest/basic/images/comLogout01.svg); 
	}
	header .hMenuBox .mbMenuTop .lst01 .lnk.stLogout span { 
		color: #CDCDCD; 
	}
	header .hMenuBox .mbMenuTop .lst01 .lnk.stUser:before { 
		background-image:url(/Form/_guest/basic/images/comUser01.svg);
	}
	header .hMenuBox .mbMenuTop .lst01 .lnk.stUser span { 
		font-size: 13px; 
		color: #424242;
	}
	header .hMenuLst { 
		flex-grow:1;
		display:block;
		padding:0 16px;
	}	
	header .hMenuLst li { 
		border-bottom:1px solid #EDEDED;
	}
	header .hMenuLst .hMenu { 
		padding:12px 0 11px;
		font-size: 15px;
	}
	header .hExtraLst { 
		gap:10px;
		padding:0 16px 18px;
	}
	header .hExtraLst li { 
		width: 100%; 
	}
	header .hExtraLst li:after { 
		height: 12px; 
		margin:-6px 0 0;
	}
	header .hExtraBtn { 
		padding:0 0 0 26px;
		font-size: 13px;
	}
	header .hExtraBtn:before { 
		width: 20px;
		height: 20px;
		top: -1px;
	}
	header .hMenuBox.on { 
		right: 0;
	}
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
footer { 
	padding:29px 0 24px;
	background: #424242;
}
footer .inner { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:10px;
}
footer .logo {
	font-size: 0; 
}
footer .logo img { 
	max-width: 100%; 
}
footer .rBox { 
	text-align: right; 
}
footer .infoLst { 
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:5px;
}
footer .infoLst li { 
	position:relative;
	padding:0 6px 0 0;
	font-size: 14px;
	color: #EEE;
}
footer .infoLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top: 50%;
	right: 0;
	margin:-5px 0 0;
	background: #EEE;
}
footer .infoLst li:last-child { 
	padding:0;
}
footer .infoLst li:last-child:after { 
	display:none; 
}
footer .infoLst + .infoLst { 
	margin-top:5px;
}
footer .copy { 
	margin:10px 0 0;
	font-size: 13px;
	color: #999;
}
@media all and (max-width:999px){
	footer .inner { 
		display:block;
	}
	footer .logo { 
		width: 79px;
		margin:0 0 20px;
	}
	footer .rBox { 
		text-align: left; 
	}
	footer .infoLst { 
		justify-content:flex-start;
	}
	footer .infoLst li { 
		padding:0;
		font-size: 13px; 
	}
	footer .infoLst li:after { 
		display:none;
	}
	footer { 
		padding:24px 0 16px;
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 일반 게시판 리스트 시작
------------------------------------------------------ */
.brdLstWr .brdLstTop { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:16px;
	margin:0 0 16px;
	padding:0 0 17px;
	border-bottom:1px solid #DBDBDB;
}
.brdLstWr .brdLstTop .schBox { 
	display:flex;
	gap:12px;
	width: 572px;
	max-width: 100%;
}
.brdLstWr .brdLstTop .schBox .ipt { 
	padding:10px 12px;
	background: #F7F7F7;
	border:1px solid #EDEDED;
	border-radius: 10px;
	font-size: 14px;
	color: #424242;
}
.brdLstWr .brdLstTop .schBox .ipt::placeholder { 
	color: #999; 
}
.brdLstWr .brdLstTop .schBox select.ipt { 
	flex-shrink:0;
	min-width: 88px;
	padding-right:30px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/comSel01.svg);
	background-repeat:no-repeat;
	background-position:right 11px center;
}
.brdLstWr .brdLstTop .schBox input.ipt { 
	flex-grow:1; 
}
.brdLstWr .brdLstTop .schBox .btn { 
	flex-shrink:0;
	display:block; 
	padding:10px 16px;
	background: #31A5FF;
	border:1px solid #31A5FF;
	border-radius: 10px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
.brdLstWr .brdLstTop .schBox .btn:focus,
.brdLstWr .brdLstTop .schBox .btn:hover { 
	background: #FFF;
	color: #31A5FF;
}
.brdLstWr .brdLstTop .formLnk { 
	display:inline-flex;
	align-items:center; 
	justify-content:center;
	gap:5px;
	padding:10px 8px;
	background: #31A5FF;
	border:1px solid #31A5FF;
	border-radius: 10px;
	transition:all .3s ease;
}
.brdLstWr .brdLstTop .formLnk:before { 
	flex-shrink:0;
	content:"";
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	background:url(/Form/_guest/basic/images/brdFormLnk01_off.svg) no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.brdLstWr .brdLstTop .formLnk .lnkTxt { 
	font-weight: 500; 
	font-size: 14px;
	color: #FFF;
	transition:all .3s ease;
}
.brdLstWr .brdLstTop .formLnk:focus,
.brdLstWr .brdLstTop .formLnk:hover { 
	background: #FFF; 
}
.brdLstWr .brdLstTop .formLnk:focus:before,
.brdLstWr .brdLstTop .formLnk:hover:before { 
	background-image:url(/Form/_guest/basic/images/brdFormLnk01_on.svg); 
}
.brdLstWr .brdLstTop .formLnk:focus .lnkTxt,
.brdLstWr .brdLstTop .formLnk:hover .lnkTxt { 
	color: #31A5FF;
}
.brdLstWr .brdConBox table {
	text-align: center; 
}
.brdLstWr .brdConBox thead th {
	padding:13px 13px 12px;
	background: #F3F8FF;
	font-weight: 500; 
	font-size: 14px;
	color: #424242;
}
.brdLstWr .brdConBox thead th:first-child { 
	border-radius: 10px 0 0 0;
}
.brdLstWr .brdConBox thead th:last-child { 
	border-radius: 0 10px 0 0;
}
.brdLstWr .brdConBox tbody tr { 
	border-top:1px solid #D2DDEC;
}
.brdLstWr .brdConBox tbody td { 
	padding:13px 13px 12px;
	font-size: 14px;
	color: #424242;
}
.brdLstWr .brdConBox tbody td .hidTit {
	display:none;
}
.brdLstWr .brdConBox tbody td .brdLnk01 { 
	display:block; 
	font-size: 1em;
	color: #424242;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
	transition:all .3s ease;
}
.brdLstWr .brdConBox tbody td .brdLnk01:focus,
.brdLstWr .brdConBox tbody td .brdLnk01:hover { 
	color: #31A5FF; 
}
.brdLstWr .brdConBox tbody td.noData { 
	padding:138px 13px;
}
.brdLstWr .brdConBox tbody td.noData .imgBox { 
	margin:0 auto 9px;
	font-size: 0; 
}
.brdLstWr .brdConBox tbody td.noData .imgBox img { 
	max-width: 100%; 
}
.brdLstWr .brdConBox tbody td.noData .txt { 
	font-size: 16px;
	color: #797979;
}
@media all and (max-width:999px){
	.brdLstWr .brdLstTop { 
		gap:8px;
		margin:0 0 10px;
		padding:0 0 11px;
	}
	.brdLstWr .brdLstTop .schBox { 
		width: 400px;
		gap:8px;
	}
	.brdLstWr .brdLstTop .schBox .ipt { 
		padding:8px 10px;
		border-radius: 8px;
		font-size: 13px; 
	}
	.brdLstWr .brdLstTop .schBox select.ipt { 
		background-size:15px auto;
		background-position:right 8px center;
	}
	.brdLstWr .brdLstTop .formLnk:before { 
		width: 15px;
		height: 15px;
	}
	.brdLstWr .brdLstTop .formLnk .lnkTxt { 
		font-size: 13px; 
	}
	.brdLstWr .brdConBox thead { 
		display:none;
	}
	.brdLstWr .brdConBox tbody tr { 
		display:flex;
		flex-wrap:wrap;
		gap:5px;
		margin:0 0 10px;
		padding:14px 16px;
		border:1px solid #F0F0F0;
		border-radius: 10px;
	}
	.brdLstWr .brdConBox tbody tr:last-child { 
		margin:0;
	}
	.brdLstWr .brdConBox tbody td { 
		order:3;
		position:relative;
		padding:0 9px 0 0;
		font-size: 12px;
		color: #797979;
	}
	.brdLstWr .brdConBox tbody td:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 1px;
		height: 8px;
		top: 50%;
		right: 0;
		margin:-3px 0 0;
		background: #DBDBDB;
	}
	.brdLstWr .brdConBox tbody td .hidTit { 
		display:inline-block;
		margin:0 4px 0 0;
	}
	.brdLstWr .brdConBox tbody td .brdLnk01 { 
		font-weight: 500; 
		font-size: 15px;
		color: #000;
	}
	.brdLstWr .brdConBox tbody td.brdView,
	.brdLstWr .brdConBox tbody td.brdDate { 
		order:1;
		padding:0;
	}
	.brdLstWr .brdConBox tbody td.brdView:after,
	.brdLstWr .brdConBox tbody td.brdDate:after { 
		display:none;
	}
	.brdLstWr .brdConBox tbody td.brdView { 
		width: calc(100% - 62px); 
		font-weight: 500;
		font-size: 13px;
		text-align: left;
		color: #31A5FF;
	}
	.brdLstWr .brdConBox tbody td.brdDate { 
		flex-shrink:0;
	}
	.brdLstWr .brdConBox tbody td.brdTit { 
		order:2;
		width: 100%;
		padding:0 0 6px;
		border-bottom:1px solid #D2DDEC;
		text-align: left;
	}
	.brdLstWr .brdConBox tbody td.brdTit:after { 
		display:none;
	}
	.brdLstWr .brdConBox tbody td.noData { 
		width: 100%;
		padding:36px 13px;
	}	
	.brdLstWr .brdConBox tbody td.noData .imgBox { 
		width: 90px;
		margin:0 auto 7px;
	}
	.brdLstWr .brdConBox tbody td.noData .txt { 
		font-size: 14px; 
	}
	.brdLstWr .brdConBox tbody td:last-child:after { 
		display:none;
	}
}
@media all and (max-width:599px){
	.brdLstWr .brdLstTop { 
		flex-wrap:wrap;
	}
	.brdLstWr .brdLstTop .schBox,
	.brdLstWr .brdLstTop .formLnk { 
		width: 100%; 
	}
}
/* 일반 게시판 리스트 끝
------------------------------------------------------ */
/* 일반 게시판 쓰기 시작
------------------------------------------------------ */
.brdFormWr { 
	padding:16px 0 0;
	border-top:1px solid #31A5FF;
}
.brdFormWr .ipt { 
	padding:22px;
	border:1px solid #DBDBDB;
	border-radius: 10px;
	font-weight: 500;
	font-size:18px;
	color: #212121;
}
.brdFormWr .ipt::placeholder { 
	color: #CDCDCD; 
}
.brdFormWr .ipt.fullWid { 
	width: 100%; 
}
.brdFormWr .ipt + .ipt { 
	margin-top:16px;
}
.brdFormWr .btmBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
	gap:24px;
	margin:105px 0 0;
}
.brdFormWr .btmBox .btn { 
	display:block;
	min-width: 360px;
	padding:14px 10px;
	border-width:1px;
	border-style:solid;
	border-radius: 10px;
	font-family: Pretendard;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	transition:all .3s ease;
}
.brdFormWr .btmBox .btn.st01 { 
	background: #EDEDED;
	border-color:#EDEDED;
	color: #797979;
}
.brdFormWr .btmBox .btn.st02 { 
	background: #31A5FF;
	border-color: #31A5FF;
	color: #FFF;
}
.brdFormWr .btmBox .btn.st01:focus,
.brdFormWr .btmBox .btn.st01:hover,
.brdFormWr .btmBox .btn.st02:focus,
.brdFormWr .btmBox .btn.st02:hover { 
	background: #FFF;
	border-color: #31A5FF;
	color: #31A5FF;
}
.cTit01 + .brdFormWr { 
	margin-top:82px;
}
@media all and (max-width:999px){
	.brdFormWr { 
		padding:10px 0 0;
	}
	.brdFormWr .ipt { 
		padding:16px;
		border-radius: 8px;
		font-size:15px;
	}
	.brdFormWr .ipt + .ipt { 
		margin-top:10px;
	}
	.brdFormWr .btmBox { 
		gap:16px;
		margin:30px 0 0;
	}
	.brdFormWr .btmBox .btn { 
		min-width: 200px;
		padding:8px;
		font-size: 16px;
	}
	.cTit01 + .brdFormWr { 
		margin-top:50px;
	}
}
@media all and (max-width:599px){
	.brdFormWr .btmBox { 
		gap:10px; 
	}
	.brdFormWr .btmBox .btn { 
		width: calc((100% - 10px)/2);
		min-width: 0;
	}
}
/* 일반 게시판 쓰기 끝
------------------------------------------------------ */
/* 일반 게시판 보기 시작
------------------------------------------------------ */
.brdViewWr { 
	padding:15px 0 0;
	border-top:1px solid #31A5FF;
}
.brdViewWr .brdTit { 
	margin:0 0 16px;
	padding:0 12px;
	font-weight: 700; 
	font-size: 18px;
	line-height: 1.4;
	color: #424242;
	word-break:break-all;
}
.brdViewWr .brdInfoLst { 
	display:flex;
	flex-wrap:wrap; 
	gap:14px;
	padding:13px 12px;
	background: #F4FAFF;
}
.brdViewWr .brdInfoLst li { 
	position:relative;
	padding:0 15px 0 0;
	font-size: 14px;
	color: #424242;
}
.brdViewWr .brdInfoLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top: 50%;
	right: 0;
	margin:-5px 0 0;
	background: #424242;
}
.brdViewWr .brdInfoLst li:last-child { 
	padding:0;
}
.brdViewWr .brdInfoLst li:last-child:after { 
	display:none;
}
.brdViewWr .brdConBox {
	padding:41px 16px 39px;
	border-bottom:1px solid #EDEDED;
}
.brdViewWr .brdConBox .txt { 
	font-size: 15px;
	line-height: 1.4;
	color: #424242;
	word-break:break-all;
}
.brdViewWr .brdBtmBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
	gap:24px;
	margin:82px 0 0;
}
.brdViewWr .brdBtmBox .btn { 
	display:block;
	min-width: 360px;
	padding:14px 10px;
	border-width:1px;
	border-style:solid;
	border-radius: 10px;
	font-family: Pretendard;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	transition:all .3s ease;
}
.brdViewWr .brdBtmBox .btn.st01 { 
	background: #EDEDED; 
	border-color:#EDEDED;
	color: #797979;
}
.brdViewWr .brdBtmBox .btn.st02 { 
	background: #FFF;
	border-color: #31A5FF;
	color: #31A5FF;
}
.brdViewWr .brdBtmBox .btn.st01:focus,
.brdViewWr .brdBtmBox .btn.st01:hover,
.brdViewWr .brdBtmBox .btn.st02:focus,
.brdViewWr .brdBtmBox .btn.st02:hover { 
	background: #31A5FF;
	border-color: #31A5FF;
	color: #FFF;
}
@media all and (max-width:999px){
	.brdViewWr { 
		padding:10px 0 0;
	}
	.brdViewWr .brdTit { 
		margin:0 0 10px;
		padding:0 8px;
		font-size: 15px;
	}
	.brdViewWr .brdInfoLst { 
		padding:8px;
		gap:8px;
	}
	.brdViewWr .brdInfoLst li { 
		padding:0 9px 0 0;
		font-size: 13px;
	}
	.brdViewWr .brdConBox { 
		padding:16px 8px;
	}
	.brdViewWr .brdConBox .txt { 
		font-size: 13px; 
	}
	.brdViewWr .brdBtmBox { 
		gap:16px;
		margin:30px 0 0;
	}
	.brdViewWr .brdBtmBox .btn { 
		min-width: 200px;
		padding:8px;
		font-size: 16px;
	}
}
@media all and (max-width:599px){
	.brdViewWr .brdBtmBox { 
		gap:10px; 
	}
	.brdViewWr .brdBtmBox .btn { 
		width: calc((100% - 10px)/2);
		min-width: 0;
	}
}
/* 일반 게시판 보기 끝
------------------------------------------------------ */
/* 테이블 시작
------------------------------------------------------ */
.td_100 { 
	width: 100px; 
}
.td_150 { 
	width: 150px; 
}
/* 테이블 끝
------------------------------------------------------ */
/* 페이징 시작
------------------------------------------------------ */
.comPageBox { 
	display:flex;
	justify-content:center;
	margin:40px 0 0;
}
.comPageBox .btnPage { 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 40px;
	height: 40px;
	border-radius: 10px;
	font-size:14px;
	text-align: center;
	color: #424242;
}
.comPageBox .btnPage.stArrow { 
	border:1px solid #E0E0E0;
	font-size: 0;
}
.comPageBox .btnPage.stNum.on { 
	background: #448AFF;
	width: 500;
	color: #FFF;
}
.comPageBox .btnPage.stArrow + .btnPage.stArrow,
.comPageBox .btnPage.stArrow + .btnPage.stNum,
.comPageBox .btnPage.stNum + .btnPage.stArrow { 
	margin-left:12px;
}
@media all and (max-width:999px){
	.comPageBox {
		margin:20px 0 0;
	}
	.comPageBox .btnPage {
		width: 32px;
		height: 32px;
		border-radius: 8px;
		font-size:13px;
	}
	.comPageBox .btnPage.stArrow img { 
		width: 16px;
	}
	.comPageBox .btnPage.stArrow + .btnPage.stArrow,
	.comPageBox .btnPage.stArrow + .btnPage.stNum,
	.comPageBox .btnPage.stNum + .btnPage.stArrow { 
		margin-left:8px;
	}
}
/* 페이징 끝
------------------------------------------------------ */
/* 공통 하단 다운로드 시작
------------------------------------------------------ */
.comDown01Wr { 
	padding:45px 0 0;
	background: url(/Form/_guest/basic/images/comDown01Bg01.png) no-repeat; 
	background-size:100% 100%;
}
.comDown01Wr .inner { 
	display:flex;
	align-items:flex-end;
	justify-content:center;
	gap:12px;
}
.comDown01Wr .imgBox { 
	flex-shrink:0;
	font-size: 0; 
}
.comDown01Wr .imgBox img { 
	max-width: 100%; 
}
.comDown01Wr .conBox { 
	padding:0 0 62px;
}
.comDown01Wr .txt01 { 
	margin:0 0 24px;
	font-family: GmarketSansBold;
	font-size: 32px;
	letter-spacing: -.03em;
	color: #31A5FF;
}
.comDown01Wr .txt02 { 
	margin:0 0 65px;
	font-family: GmarketSansBold;
	line-height: 1.08;
	font-size: 46px;
	letter-spacing: -.05em;
	color: #323232;
}
.comDown01Wr .lnkBox { 
	display:flex;
	flex-wrap:wrap;
	gap:13px;
	padding:0 0 7px;
}
.comDown01Wr .lnkBox .lnk { 
	display:block; 
	font-size: 0;
}
.comDown01Wr .lnkBox .lnk img { 
	max-width: 100%; 
}
@media all and (max-width:999px){
	.comDown01Wr { 
		padding:30px 0 0;
	}
	.comDown01Wr .imgBox { 
		width: 302px; 
	}
	.comDown01Wr .conBox { 
		padding:0 0 30px;
	}
	.comDown01Wr .txt01 { 
		margin:0 0 16px;
		font-size: 20px;
	}
	.comDown01Wr .txt02 { 
		margin:0 0 24px;
		font-size: 22px;
	}
	.comDown01Wr .lnkBox {
		gap:8px;
		padding:0;
	}
	.comDown01Wr .lnkBox .lnk { 
		width: 180px;
		max-width: 100%;
	}
}
@media all and (max-width:599px){
	.comDown01Wr { 
		text-align: center; 
	}
	.comDown01Wr .imgBox { 
		display:none;
	}
	.comDown01Wr .txt01 { 
		margin:0 0 10px;
	}
	.comDown01Wr .txt02 { 
		margin:0 0 16px;
	}
	.comDown01Wr .lnkBox { 
		justify-content:center;
	}
}
/* 공통 하단 다운로드 끝
------------------------------------------------------ */
/* 서브 공통 배너 시작
------------------------------------------------------ */
.subComBnrWr {
	margin:0 0 100px;
}
.subComBnrWr .inner { 
	display:flex;
	align-items:center;
	width: 100%;
	height: 100%;
}
.subComBnrWr .ico { 
	display:block;
	margin:0 0 18px;
	font-size: 0;
}
.subComBnrWr .ico img { 
	max-width: 100%; 
}
.subComBnrWr .txt01 { 
	display:inline-block;
	margin:0 0 23px;
	padding:8px 16px 4px;
	border-radius: 10px;
	background: #31A5FF;
	font-family: GongGothicLight;
	font-size: 28px;
	letter-spacing: -1px;
	color: #FFF;
}
.subComBnrWr .txt02 { 
	font-family: GmarketSansBold;
	font-size: 48px;
	letter-spacing: -1px;
	color: #FFF;
}
.subComBnrWr .txt03 { 
	margin:9px 0 0;
	font-family: GmarketSansMedium;
	font-size: 24px;
	letter-spacing: -1px;
	color: #E8EAF8;
}
.subComBnrWr .imgBox { 
	font-size: 0; 
}
.subComBnrWr .imgBox img { 
	width: 100%; 
}
@media all and (max-width:999px){
	.subComBnrWr {
		margin:0 0 50px;
	}
	.subComBnrWr .ico { 
		width: 60px;
		margin:0 0 10px;
	}
	.subComBnrWr .txt01 { 
		margin:0 0 16px;
		padding:8px 12px 4px;
		font-size: 20px;
	}
	.subComBnrWr .txt02 { 
		font-size: 26px; 
	}
	.subComBnrWr .txt03 { 
		margin:6px 0 0;
		font-size: 19px;
	}
}
/* 서브 공통 배너 끝
------------------------------------------------------ */