@charset "utf-8";

@font-face {
	font-family: Pretendard;
	src: url(/Form/fonts/Pretendard-Regular.woff2) format(woff2);
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: Pretendard;
	src: url(/Form/fonts/Pretendard-Medium.woff2) format(woff2);
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: Pretendard;
	src: url(/Form/fonts/Pretendard-SemiBold.woff2) format(woff2);
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: Pretendard;
	src: url(/Form/fonts/Pretendard-Bold.woff2) format(woff2);
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: HakgyoansimAllimjangTTF-B;
    src: url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-5@1.0/HakgyoansimAllimjangTTF-B.woff2) format(woff2);
    font-weight: 700;
    font-style: normal;
}

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
}
html, body { 
	position:relative; 
	width: 100%;
	overflow-x:hidden;
}
body { 
	font-family: Pretendard, sans-serif;
	font-weight:400;
	line-height:1.3;
	letter-spacing:0;
	word-break:keep-all;
}
a { 
	text-decoration:none; 
}
li { 
	list-style:none; 
}
button, input, textarea, select { 
	background: transparent; 
	border:none;
	font-family: Pretendard, 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:80px 0 0;
}
.inner { 
	max-width: 1200px;
	margin:0 auto;
}
.comPopBg { 
	position:fixed; 
	display:none; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:rgba(0,0,0,.8);
	z-index: 10;
}
.comPopBg .comPopBox01 { 
	position:absolute; 
	width: 400px;
	max-width: 90%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:0;
}
.comPopBg .comPopBox01 .topBox { 
	overflow:hidden;
}
.comPopBg .comPopBox01 .topBox .popClose { 
	position:relative; 
	width: 30px;
	height: 30px;
	float:right; 
}
.comPopBg .comPopBox01 .topBox .popClose:before,
.comPopBg .comPopBox01 .topBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -10px;
	background: #FFF;
	border-radius: 3px;
}
.comPopBg .comPopBox01 .topBox .popClose:before { 
	transform:rotate(45deg); 
}
.comPopBg .comPopBox01 .topBox .popClose:after { 
	transform:rotate(-45deg); 
}
.comPopBg .comPopBox01 .conBox {
	padding: 30px;
	background: #FFF;
	border-radius: 20px;
}
.comPopBg .comPopBox01 .conBox .tit01 { 
    margin: 0 0 5px;
    font-weight: 500;
    font-size: 14px;
    color: #373737; 
}
.comPopBg .comPopBox01 .conBox * + .tit01 {
	margin-top:24px;
}
.comPopBg .comPopBox01 .conBox .ipt { 
	display:block;
	padding:8px 8px 7px;
	border:1px solid #E0E2E4;
	border-radius: 8px;
	font-weight: 600;
	font-size: 14px;
	color: #2E3337;
}
.comPopBg .comPopBox01 .conBox select.ipt {
	padding-right:30px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/comSel01.svg);
	background-repeat:no-repeat;
	background-position:right 10px center;
}
.comPopBg .comPopBox01 .conBox .ipt::placeholder { 
	color: #C4C6C8; 
}
.comPopBg .comPopBox01 .conBox .ipt.fullWid { 
	width: 100%; 
}
.comPopBg .comPopBox01 .btmBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center; 
	gap:8px;
	margin:8px 0 0;
}
.comPopBg .comPopBox01 .btmBox .btn { 
	display:block; 
	border:1px solid #43B1FF;
	border-radius: 5px;
	padding:8px 16px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
}
.comPopBg .comPopBox01 .btmBox .btn.st01 { 
	background: #43B1FF;
	color: #FFF;
}
.comPopBg .comPopBox01 .btmBox .btn.st02 {
	color: #43B1FF;
}
.subComWr { 
	padding:100px 0 160px;
}
.verMb {
	display:none; 
}
@media all and (max-width:1240px){
	.inner { 
		margin:0 20px;
	}
}
@media all and (max-width:999px){
	.wrapper { 
		padding:87px 0 0;
	}
	.subComWr { 
		padding:60px 0;
	}
	.verPc { 
		display:none; 
	}
	.verMb { 
		display:block;
	}
	.comPopBg .comPopBox01 .topBox .popClose {
		width: 24px;
		height: 24px;
	}
	.comPopBg .comPopBox01 .topBox .popClose:before,
	.comPopBg .comPopBox01 .topBox .popClose:after {
		width: 16px;
		margin:-1px 0 0 -8px;
	}
	.comPopBg .comPopBox01 .conBox {
		padding: 10px;
		border-radius: 10px;
	}
	.comPopBg .comPopBox01 .conBox .tit01 { 
		margin: 0 0 3px;
		font-size: 13px; 
	}
	.comPopBg .comPopBox01 .conBox * + .tit01 { 
		margin-top:16px;
	}
	.comPopBg .comPopBox01 .conBox .ipt { 
		font-size: 13px;
	}
	.comPopBg .comPopBox01 .conBox select.ipt {
		padding-right:30px;
		background-size:14px auto;
		background-position:right 8px center;
	}
	.comPopBg .comPopBox01 .btmBox .btn { 
		padding:8px 10px;
		font-size: 13px;
	}
}

/* 헤더 시작
------------------------------------------------------ */
header { 
	position:fixed; 
	width: 100%;
	height: 80px;
	top: 0;
	left: 0;
	background: #111;
	z-index: 10;
}
header .inner {
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:80px;
	height: 100%;
}
header .hLogo { 
	flex-shrink:0; 
}
header .hLogo a { 
	display:block;
	font-size: 0;
}
header .hLogo a img { 
	max-width:100%; 
}
header .hMenuLst { 
	flex-grow:1;
	display:flex;
	justify-content:flex-end;
	gap:80px;
}
header .hMenuLst .hMenu { 
	display:block; 
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
header .hMenuLst .hMenu:focus,
header .hMenuLst .hMenu:hover { 
	color: #43B1FF; 
}
header .hMbrLst {
	flex-shrink:0; 
	display:flex;
	align-items:center;
	gap:8px;
}
header .hLogin,
header .hJoin {
	border-radius: 40px;
	font-weight: 600;
	font-size: 14px;
	text-align: center;
}
header .hLogin {
	display:block;
	padding:6px 17px;
	background:linear-gradient(to right, #43F2FF, #43B1FF);
	color: #111;
}
header .hLogin:focus,
header .hLogin:hover { 
    background:linear-gradient(to right, #FFF, #FFF);
}
header .hJoin {
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 80px;
	height: 30px;
	border:1px solid transparent;
    background-image: linear-gradient(#111, #111), linear-gradient(to right, #43F2FF 0%,  #43B1FF 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;
	color: #43B1FF;
	transition:all .3s ease;
}
header .hJoin img { 
	display:none; 
}
header .hJoin:focus,
header .hJoin:hover { 
	background-image:linear-gradient(to right, #FFF, #FFF);
	color: #111; 
}
@media all and (max-width:999px){
	header { 
		height: 87px; 
	}
	header .inner { 
		flex-wrap:wrap;
		gap:6px;
	}
	header .hLogo {
		order:1;
		width: 79px;
	}
	header .hMenuLst { 
		order:3;
		gap:0;
		width: 100%;
	}
	header .hMenuLst li {
		width: 25%;
	}
	header .hMenuLst .hMenu {
		font-size: 13px; 
	}
	header .hMbrLst { 
		order:2; 
	}
	header .hLogin { 
		display:flex;
		align-items:center; 
		justify-content:center;
		height: 30px;
		font-size: 12px;
		line-height: 1;
	}
	header .hJoin {
		font-size: 12px;
		line-height: 1;
	}
	/*
	header .hJoin { 
		width: auto;
		height: auto;
		background:transparent;
		border:none;
		font-size: 0; 
	}
	header .hJoin img { 
		display:block; 
	}
	*/
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
footer {
	padding:64px 0 61px;
	background: #2E3337;
}
footer .fNavBox { 
	position:fixed; 
	right: 40px;
	bottom: 40px;
	transition:all .3s ease;
	z-index: 1;
}
footer .fNavBox .fNavLst li { 
	margin:0 0 8px;
}
footer .fNavBox .fNavLst li:last-child { 
	margin:0;
}
footer .fNavBox .fNavLst .hidOnOff { 
	position:relative; 
	display:block;
	width: 52px;
	height: 52px;
	background: #FFF;
	border-radius: 50%;
	box-shadow:2px 4px 16px 0 rgba(69, 67, 118, .1);
}
footer .fNavBox .fNavLst .hidOnOff span { 
	position:absolute; 
	display:block; 
	width: 16px;
	height: 16px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	transition:all .3s ease;
}
footer .fNavBox .fNavLst .hidOnOff span:before,
footer .fNavBox .fNavLst .hidOnOff span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #2E3337;
	border-radius: 4px;
}
footer .fNavBox .fNavLst .hidOnOff span:before { 
	width: 100%; 
	height: 2px;
}
footer .fNavBox .fNavLst .hidOnOff span:after { 
	width: 2px;
	height: 100%;
}
footer .fNavBox .fNavLst .hidOnOff.on span { 
	transform:rotate(45deg); 
}
footer .fNavBox .fNavLst .lnk { 
	display:block;
	border-radius: 50%;
	box-shadow:2px 4px 16px 0 rgba(69, 67, 118, .1);
	font-size: 0;
}
footer .fNavBox .fNavLst .lnk img { 
	max-width: 100%; 
}
footer .fNavBox .fNavHidBox { 
	position:absolute;
	width: 280px;
	top: 60px;
	right: 0;
	border:1px solid #52595E;
	border-radius: 20px;
	overflow: hidden;
}
footer .fNavBox .fNavHidBox .topBox { 
	display:flex;
	align-items:center;
	justify-content:center; 
	gap:25px;
	padding:20px 0;
	background: #222;
}
footer .fNavBox .fNavHidBox .topBox .num { 
	font-family: HakgyoansimAllimjangTTF-B;
	font-weight: 600; 
	font-size: 30px;
	line-height: 1.2;
	animation:textBling01 1s infinite;
}
@keyframes textBling01 {
	0% { 
		background: linear-gradient(to right, #43F2FF 0%, #43B1FF 100%);
		background-clip: text;
		-webkit-background-clip: text;
		color: transparent;
	}
	50% { 
		background: #222;
		color: #FFF;
	}
	100% { 
		background: linear-gradient(to right, #43F2FF 0%, #43B1FF 100%);
		background-clip: text;
		-webkit-background-clip: text;
		color: transparent;
	}
}
footer .fNavBox .fNavHidBox .topBox .txt { 
	margin:0 0 14px;
	font-weight: 500;
	font-size: 15px;
	color: #FFF;
}
footer .fNavBox .fNavHidBox .topBox .txt span { 
	font-weight: 700; 
}
footer .fNavBox .fNavHidBox .topBox .lnkLst { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
footer .fNavBox .fNavHidBox .topBox .lnkLst .lnk { 
	display:block; 
	border-radius: 50%;
	box-shadow:2px 4px 16px 0 rgba(69, 67, 118, .1);
	font-size: 0;
}
footer .fNavBox .fNavHidBox .topBox .lnkLst .lnk img { 
	max-width: 100%; 
}
footer .fNavBox .fNavHidBox .btmBox { 
	display:flex;
	align-items:center;
	justify-content:center;
	gap:9px;
	padding:16px 0 15px;
	background: #2E3337;
}
footer .fNavBox .fNavHidBox .btmBox .ico {
	display:block;
	font-size: 0;
}
footer .fNavBox .fNavHidBox .btmBox .ico img { 
	max-width: 100%; 
}
footer .fNavBox .fNavHidBox .btmBox .txt { 
	font-weight: 500; 
	font-size: 14px;
	line-height: 1;
	color: #F6F6F9;
}
footer .fNavBox .fNavHidBox.stOff { 
	display:none;
}
footer .fNavBox.stHidOn { 
	bottom: 110px;
}
footer .fLogo { 
	margin:0 0 46px;
	font-size: 0;
}
footer .fLogo img { 
	max-width: 100%; 
}
footer .fInfoBox { 
	display:flex;
	justify-content:space-between;
	margin:0 0 70px;
} 
footer .fInfoLst li {
	margin:0 0 3px;
	font-size: 16px; 
	color: #8B8F93;
}
footer .fInfoLst li:last-child { 
	margin:0;
}
footer .fInfoLst:nth-child(2n) { 
	text-align: right; 
}
footer .fTermBox { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center;
	justify-content:space-between;
	gap:8px;
	padding:22px 0 0;
	border-top:1px solid #8B8F93;
}
footer .fTermBox .btn { 
	position:relative;
	display:block;
	padding:0 17px 0 0;
	font-weight: 600;
	font-size: 16px;
	color: #8B8F93;
}
footer .fTermBox .btn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 0;
	margin:-5px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #8B8F93;
	border-right:2px solid #8B8F93;
}
footer .fCopy {
	font-size: 14px;	 
	color: #8B8F93;
}
@media all and (max-width:999px){
	footer { 
		padding:64px 0 46px;
	}
	footer .fNavBox { 
		right: 20px;
		bottom: 20px;
	}
	footer .fNavBox .fNavLst li { 
		margin:0 0 5px;
	}
	footer .fNavBox .fNavLst .hidOnOff { 
		width: 40px;
		height: 40px;
	}
	footer .fNavBox .fNavLst .hidOnOff span { 
		width: 12px;
		height: 12px;
	}
	footer .fNavBox .fNavLst .lnk { 
		width: 40px;
	}
	footer .fNavBox .fNavHidBox { 
		width: 240px;
		top: 45px;
		border-radius: 10px;
	}
	footer .fNavBox .fNavHidBox .topBox { 
		gap:16px;
		padding:16px 0;
	}
	footer .fNavBox .fNavHidBox .topBox .num {
		font-size: 20px;
	}
	footer .fNavBox .fNavHidBox .topBox .txt { 
		margin:0 0 8px;
		font-size: 13px;
	}
	footer .fNavBox .fNavHidBox .topBox .lnkLst {
		gap:5px;
	}
	footer .fNavBox .fNavHidBox .topBox .lnkLst .lnk { 
		width: 40px;
		height: 40px;
	}
	footer .fNavBox .fNavHidBox .btmBox { 
		gap:5px;
		padding:10px 0 9px;
	}
	footer .fNavBox .fNavHidBox .btmBox .ico {
		width: 14px;
	}
	footer .fNavBox .fNavHidBox .btmBox .txt { 
		font-size: 13px;
	}
	footer .fNavBox.stHidOn { 
		bottom: 90px;
	}
	footer .fLogo { 
		width: 104px;
		margin:0 0 38px;
	}
	footer .fInfoBox { 
		display:block;
		margin:0 0 30px;
	}
	footer .fInfoLst li {
		font-size: 12px; 
	}
	footer .fInfoLst:nth-child(2n) { 
		text-align: left;
	}
	footer .fInfoLst + .fInfoLst { 
		margin-top:3px;
	}
	footer .fTermBox .btn,
	footer .fCopy { 
		font-size: 12px; 
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 게시판 list 스킨 시작
------------------------------------------------------ */
.brdTopBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	flex-wrap:wrap; 
	gap:8px;
	margin:0 0 24px;
	letter-spacing: -.3px;
}
.brdTopBox .tit01 { 
	font-weight: 700;
	font-size: 24px;
	color: #2E3337;
}
.brdTopBox .schForm { 
	display:flex;
	flex-wrap:wrap;
	gap:9px;
}
.brdTopBox .schForm .ipt { 
	padding:10px 15px;
	border:1px solid #E0E2E4;
	border-radius: 8px;
	font-weight: 600;
	font-size: 14px;
	color: #2E3337;
}
.brdTopBox .schForm select.ipt { 
	min-width: 120px;
	padding-right:30px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/comSel01.svg);
	background-repeat:no-repeat;
	background-position:right 15px center;
}
.brdTopBox .schForm .ipt::placeholder { 
	color: #C4C6C8; 
}
.brdTopBox .schForm .schBox { 
	position:relative; 
}
.brdTopBox .schForm .schBox .ipt { 
	padding-right:35px;
}
.brdTopBox .schForm .schBox .btn {
	position:absolute; 
	display:block; 
	top: 50%;
	right: 15px;
	transform:translateY(-50%);
	font-size: 0;
}
.brdTopBox .schForm .schBox .btn img { 
	max-width: 100%; 
}
.brdTopBox .tblTopBtn { 
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:8px;
	padding:13px 16px 11px;
	background: #2E3337;
	border-radius: 8px;
	transition:all .3s ease;
}
.brdTopBox .tblTopBtn:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	background:url(/Form/_guest/basic/images/comWrite01_off.svg) no-repeat;
	background-size:cover;
	transition:all .3s ease;
}
.brdTopBox .tblTopBtn .btnTxt { 
	display:block; 
	font-weight: 600; 
	font-size: 16px;
	line-height: 1;
	color: #FFF;
	transition:all .3s ease;
}
.brdTopBox .tblTopBtn:focus,
.brdTopBox .tblTopBtn:hover { 
	background: #E0E2E4; 
}
.brdTopBox .tblTopBtn:focus:before,
.brdTopBox .tblTopBtn:hover:before { 
	background-image:url(/Form/_guest/basic/images/comWrite01_on.svg);
}
.brdTopBox .tblTopBtn:focus .btnTxt,
.brdTopBox .tblTopBtn:hover .btnTxt { 
	color: #2E3337; 
}
.brdLstBox table { 
	border:1px solid #E0E2E4;
	letter-spacing: -.3px;
}
.brdLstBox thead {
	background: #F6F6FB;
}
.brdLstBox thead th { 
	padding:14px 10px 12px;
	font-weight: 600; 
	font-size: 15px;
	text-align: center;
	color: #2E3337;
}
.brdLstBox tbody tr {
	border-bottom:1px solid #E0E2E4;	 
}
.brdLstBox tbody tr:last-child { 
	border-bottom:none;
}
.brdLstBox tbody td { 
	padding:16px 10px;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
	color: #2E3337;
}
.brdLstBox tbody td .txt01,
.brdLstBox tbody td .txt02 { 
	width: 100%;
	font-weight: 600;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.brdLstBox tbody td .txt01 {
	display:block;
	color: #2E3337;
}
.brdLstBox tbody td .txt02 { 
	font-size: 13px;
	color: #8B8F93;
}
.brdLstBox tbody td .txt01 + .txt02 { 
	margin-top:7px;
}
.brdLstBox tbody td .hasImgBox { 
	display:flex;
	align-items:center;
	gap:12px;
}
.brdLstBox tbody td .hasImgBox .imgBox { 
	flex-shrink:0;
	position:relative;
	width: 95px;
	height: 75px;
	font-size: 0;
	overflow: hidden;
}
.brdLstBox tbody td .hasImgBox .imgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.brdLstBox tbody td .hasImgBox .imgBox.noImg { 
	background: #E0E0E0 url(/Form/_guest/basic/images/brdLogo01.svg) no-repeat;
	background-position:center center;
}
.brdLstBox tbody td .hasImgBox .conBox { 
	flex-grow:1;
	max-width: calc(100% - 107px);
}
.brdLstBox tbody td .brdBtn { 
	display:block; 
	font-size: 0;
}
.brdLstBox tbody td .brdBtn img { 
	max-width: 100%; 
}
.brdLstBox tbody td .brdLnk01 { 
	display:block;
	color: #43B1FF;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.brdLstBox tbody td .brdTxtBtn { 
	display:inline-block; 
	padding:5px 10px 3px;
	border:1px solid #1BA0FF;
	border-radius: 5px;
	font-weight: 500;
	font-size: 1em;
	transition:all .3s ease;
}
.brdLstBox tbody td .brdTxtBtn.st01 { 
	background: #1BA0FF;
	color: #FFF;
}
.brdLstBox tbody td .brdTxtBtn.st02 {
	color: #1BA0FF;
}
.brdLstBox tbody td .brdTxtBtn.st01:focus,
.brdLstBox tbody td .brdTxtBtn.st01:hover { 
	background:#2C71A2;
	border-color:#2C71A2;
	color: #FFF;	 
}
.brdLstBox tbody td .brdTxtBtn.st02:focus,
.brdLstBox tbody td .brdTxtBtn.st02:hover { 
	border-color:#2C71A2;
	color: #2C71A2;
}
.brdLstBox tbody td.brdTit { 
	text-align: left; 
}
.brdLstBox tbody td.noData { 
	color: #8B8F93; 
}
@media all and (max-width:999px){
	.brdTopBox { 
		margin:0 0 16px;
	}
	.brdTopBox .tit01 { 
		font-size: 18px; 
	}
	.brdTopBox .schForm .ipt { 
		padding:10px;
		font-size: 13px;
	}
	.brdTopBox .schForm select.ipt { 
		background-size:14px auto; 
		background-position:right 8px center;
	}
	.brdTopBox .schForm .schBox .ipt { 
		padding-right:30px;
	}
	.brdTopBox .schForm .schBox .btn { 
		width: 14px; 
		right: 10px;
	}
	.brdTopBox .tblTopBtn {
		gap:5px;
		padding:10px 10px 9px;
	}
	.brdTopBox .tblTopBtn .btnIco { 
		width: 14px;
	}
	.brdTopBox .tblTopBtn .btnTxt { 
		font-size: 14px;
	}
	.brdLstBox thead { 
		display:none;
	}
	.brdLstBox tbody tr { 
		display:flex;
		flex-wrap:wrap; 
	}
	.brdLstBox tbody td { 
		order:2;
		position:relative; 
		display:flex;
		flex-wrap:wrap;
		align-items:center; 
		justify-content:center;
		gap:5px;
		max-width: 50%;
		padding:10px;
		font-size: 13px;
	}	
	.brdLstBox tbody td:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 1px;
		height: 8px;
		top: 50%;
		right: 0;
		margin:-6px 0 0;
		background: #2E3337;
	}
	.brdLstBox tbody td .txt01 + .txt02 { 
		margin-top:3px;
	}
	.brdLstBox tbody td .hasImgBox { 
		gap:8px; 
	}
	.brdLstBox tbody td .hasImgBox .imgBox { 
		width: 50px; 
		height: 50px;
	}
	.brdLstBox tbody td .hasImgBox .conBox { 
		max-width: calc(100% - 58px); 
	}
	.brdLstBox tbody td.brdTit { 
		order:1;
		display:block; 
		width: 100%;
		max-width: 100%;
		border-bottom:1px solid #E0E2E4;
	}
	.brdLstBox tbody td.brdTit:after,
	.brdLstBox tbody td:last-child:after { 
		display:none; 
	}
	.brdLstBox tbody td.noData { 
		width: 100%;
		max-width: 100%;
	}
}
@media all and (max-width:599px){
	.brdTopBox { 
		flex-wrap:wrap;
	}
	.brdTopBox .schForm { 
		width: 100%;
		gap:5px;
	}
	.brdTopBox .schForm .ipt,
	.brdTopBox .schForm .schBox,
	.brdTopBox .tblTopBtn { 
		width: 100%; 
	}
}
/* 게시판 list 스킨 끝
------------------------------------------------------ */
/* 게시판 write 스킨 시작
------------------------------------------------------ */
.brdWriteBox { 
	letter-spacing: -.3px; 
}
.brdWriteBox .brdTit01 {
	margin:0 0 24px;
	padding:0 0 19px;
	border-bottom:1px solid #2E3337;
	font-weight: 700;
	font-size: 24px;
	color: #2E3337;
}
.brdWriteBox .writeBox { 
	padding:40px;
	background: #F6F6FB;
	border-radius: 8px;
}
.brdWriteBox .writeBox .iptTit { 
	margin:0 0 4px;
	font-weight: 500; 
	font-size: 15px;
	color: #2E3337;
}
.brdWriteBox .writeBox * + .iptTit { 
	margin-top:17px;
}
.brdWriteBox .writeBox .ipt { 
	padding:14px 12px 13px;
	background: #FFF;
	border:1px solid #C4C6C8;
	border-radius: 8px;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.3px;
	color: #2E3337;
}
.brdWriteBox .writeBox select.ipt {
	padding-right:40px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/comSel02.svg);
	background-repeat:no-repeat;
	background-position:right 15px center;
}
.brdWriteBox .writeBox .ipt::placeholder { 
	color: #C4C6C8; 
}
.brdWriteBox .writeBox .ipt.fullWid { 
	width: 100%; 
}
.brdWriteBox .writeBtmBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:flex-end;
	gap:8px;
	margin:24px 0 0;
}
.brdWriteBox .writeBtmBox .btn { 
	display:block;
	padding:9px 30px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: -.3px;	
	text-align: center;
	color: #FFF;
	transition:all .3s ease;
}
.brdWriteBox .writeBtmBox .btn.st01 {
	background: #C4C6C8;
	border:1px solid #C4C6C8;
}
.brdWriteBox .writeBtmBox .btn.st02 { 
	background: #2E3337;
	border:1px solid #2E3337;
}
.brdWriteBox .writeBtmBox .btn.st01:focus,
.brdWriteBox .writeBtmBox .btn.st01:hover,
.brdWriteBox .writeBtmBox .btn.st02:focus,
.brdWriteBox .writeBtmBox .btn.st02:hover { 
	background: #FFF;
	border-color:#2E3337;
	color:#2E3337;
}
@media all and (max-width:999px){
	.brdWriteBox .brdTit01 { 
		margin:0 0 16px;
		padding:0 0 5px;
		font-size: 18px;
	}
	.brdWriteBox .writeBox { 
		padding:16px;
	}
	.brdWriteBox .writeBox .iptTit { 
		font-size: 13px; 
	}
	.brdWriteBox .writeBox * + .iptTit { 
		margin-top:10px;
	}
	.brdWriteBox .writeBox .ipt { 
		padding:10px 10px 9px;
		font-size: 14px;
	}
	.brdWriteBox .writeBox select.ipt { 
		padding-right:30px;
		background-size:14px auto;
		background-position:right 10px center;
	}
	.brdWriteBox .writeBtmBox { 
		margin:16px 0 0;
	}
	.brdWriteBox .writeBtmBox .btn { 
		padding:10px 16px;
		font-size: 13px;
	}
}
/* 게시판 write 스킨 끝
------------------------------------------------------ */
/* 게시판 view 스킨 시작
------------------------------------------------------ */
.brdViewBox { 
	letter-spacing: -.3px;
}
.brdViewBox .bvTopBox { 
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 16px;
	padding:0 0 21px;
	border-bottom:2px solid #8B8F93;
}
.brdViewBox .bvTopBox .cate { 
	display:block;
	padding:5px 11px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 18px;
}
.brdViewBox .bvTopBox .cate.st01 { 
	background: #F6F6FB;
	color: #43B1FF;
}
.brdViewBox .bvTopBox .tit { 
	font-weight: 600; 
	font-size: 24px;
	color: #2E3337;
}
.brdViewBox .bvInfoBox { 
	display:flex;
	flex-wrap:wrap;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 40px;
}
.brdViewBox .bvInfoBox .date { 
	font-size: 16px;
	color: #2E3337;
}
.brdViewBox .bvInfoBox .cate { 
	padding:7px 10px 5px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 15px;
}
.brdViewBox .bvInfoBox .cate.st01 { 
	background: #FFE5E2; 
	color: #EE6C5D;
}
.brdViewBox .bvInfoBox .cate.st02 { 
	background: #F6F6FB;
	color: #8B8F93;
}
.brdViewBox .bvConBox { 
	margin:0 0 40px;
}
.brdViewBox .bvConBox > * { 
	margin:0 0 40px;
}
.brdViewBox .bvConBox > *:last-child { 
	margin:0;
}
.brdViewBox .bvConBox .txt { 
	font-size: 18px; 
	line-height: 1.7;
	color: #424242;
	word-break:break-all;
}
.brdViewBox .bvConBox .imgBox { 
	font-size: 0; 
}
.brdViewBox .bvConBox .imgBox img { 
	max-width:100%; 
}
.brdViewBox .bvReplyBox { 
	margin:0 0 40px;
	padding:40px;
	background: #F6F6FB; 
}
.brdViewBox .bvReplyBox .topBox { 
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 0 15px;
	padding:0 0 22px;
	border-bottom:2px solid #8B8F93;
}
.brdViewBox .bvReplyBox .topBox .cate { 
	flex-shrink:0;
	display:block;
	padding:5px 10px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 18px;
}
.brdViewBox .bvReplyBox .topBox .cate.st01 { 
	background: #2E3337;
	color: #FFF;
}
.brdViewBox .bvReplyBox .topBox .tit { 
	font-weight: 600; 
	font-size: 22px;
	color: #2E3337;
}
.brdViewBox .bvReplyBox .date { 
	margin:0 0 37px;
	font-size: 16px;
	color: #2E3337;
}
.brdViewBox .bvReplyBox .txt { 
	font-size: 18px; 
	line-height: 1.7;
	color: #424242;
	word-break:break-all;
}
.brdViewBox .bvReplyBox .imgBox { 
	font-size: 0; 
}
.brdViewBox .bvReplyBox .imgBox img { 
	max-width: 100%; 
}
.brdViewBox .bvReplyBox .txt + .imgBox { 
	margin-top:40px;
}
.brdViewBox .bvBtmBox { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	padding:24px 0 0;
	border-top:1px solid #8B8F93;
}
.brdViewBox .bvBtmBox .btn { 
	display:block;
	min-width: 84px;
	padding:10px 10px 7px;
	border-radius: 10px;
	font-weight: 700;
	font-size: 16px;
	text-align: center;
	color: #FFF;
}
.brdViewBox .bvBtmBox .btn.st01 { 
	background: #C4C6C8; 
}
.brdViewBox .bvBtmBox .btn.st02 { 
	background: #2E3337;
}
@media all and (max-width:999px){
	.brdViewBox .bvTopBox { 
		margin:0 0 10px;
		padding:0 0 10px;
	}
	.brdViewBox .bvTopBox .cate { 
		padding:5px 8px;
		font-size: 15px;
	}
	.brdViewBox .bvTopBox .tit { 
		font-size: 18px; 
	}
	.brdViewBox .bvInfoBox { 
		margin:0 0 24px;
	}
	.brdViewBox .bvInfoBox .date { 
		font-size: 14px; 
	}
	.brdViewBox .bvInfoBox .cate { 
		padding:7px 7px 5px;
		font-size: 13px;
	}
	.brdViewBox .bvConBox > * { 
		margin:0 0 24px;
	}
	.brdViewBox .bvConBox .txt { 
		font-size: 15px; 
		line-height: 1.5;
	}
	.brdViewBox .bvReplyBox { 
		margin:0 0 24px;
		padding:24px;
	}
	.brdViewBox .bvReplyBox .topBox { 
		margin:0 0 10px;
		padding:0 0 10px;
	}
	.brdViewBox .bvReplyBox .topBox .cate { 
		padding:5px;
		font-size: 15px;
	}
	.brdViewBox .bvReplyBox .topBox .tit { 
		font-size: 18px; 
	}
	.brdViewBox .bvReplyBox .date { 
		margin:0 0 20px;
		font-size: 14px;
	}
	.brdViewBox .bvReplyBox .txt { 
		font-size: 15px; 
		line-height: 1.5;
	}
	.brdViewBox .bvReplyBox .txt + .imgBox { 
		margin-top:24px;
	}
	.brdViewBox .bvBtmBox { 
		padding:16px 0 0;
	}
	.brdViewBox .bvBtmBox .btn { 
		min-width: 60px;
		padding:8px 8px 7px;
		font-size: 14px; 
	}
}
/* 게시판 view 스킨 끝
------------------------------------------------------ */
/* 테이블 관련 시작
------------------------------------------------------ */
.td_100 { 
	width: 100px; 
}
.td_150 { 
	width: 150px; 
}
.td_200 { 
	width: 200px; 
}
.td_300 { 
	width: 300px; 
}
.td_left { 
	text-align: left !important;
}
.td_stat { 
	padding:6px 6px 4px;
	border-radius: 8px;
	font-weight: 700;
}
.td_stat.st01 { 
	background: #FFE5E2;
	color: #EE6C5D; 
}
.td_stat.st02 { 
	background: #F6F6FB;
	color: #8B8F93;
}
/* 테이블 관련 끝
------------------------------------------------------ */
/* 페이징 시작
------------------------------------------------------ */
.comPageBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
	margin:90px 0 0;
}
.comPageBox .comPage { 
	position:relative; 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 36px;
	height: 36px;
	width: 500;
	font-size: 14px;
	letter-spacing: -.25px;
	color: #2E3337;
}
.comPageBox .comPage.on { 
	font-weight: 900;
	color: #43B1FF;
}
.comPageBox .comPage.stArrow { 
	font-size: 0; 
}
.comPageBox .comPage.stArrow:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	left: 50%;
	margin:-4px 0 0 -4px;
	border-top:2px solid #2E3337;
	border-right:2px solid #2E3337;
}
.comPageBox .comPage.stPrev:before { 
	transform:rotate(225deg);
}
.comPageBox .comPage.stNext:before {
	transform:rotate(45deg);
}
@media all and (max-width:999px){
	.comPageBox {
		margin:30px 0 0;
	}
	.comPageBox .comPage {
		width: 30px;
		height: 30px;
		font-size: 13px;
	}
}
/* 페이징 끝
------------------------------------------------------ */