@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: Pretendard;
	src: url(/Form/fonts/Pretendard-ExtraBold.woff2) format(woff2);
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: Pretendard;
	src: url(/Form/fonts/Pretendard-Black.woff2) format(woff2);
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
	line-height:1.3;
	word-break:keep-all;
}
html, body {
	width: 100%; 
	min-height: 100%;
	font-family: Pretendard, sans-serif;
	letter-spacing:-.3px;
	scrollbar-width:none;
}
html.onFixed { 
	width: 100%; 
	height: 100%;
	overflow: hidden;
}
a { 
	text-decoration:none; 	
}
li { 
	list-style:none; 
}
label, button, a, select, textarea, input { 
	font-family: Pretendard, sans-serif;
	letter-spacing:-.3px;
}
input, button, select, textarea { 
	background:transparent;
	border:none;
}
label, button, a { 
	cursor:pointer;
}
input { 
	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:92px 0 0;
}
.comPopBg { 
	position:fixed; 
	display:none; 
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	background:rgba(0,0,0,.6);
	z-index: 10;
}
.inner {
	max-width: 1200px;
	margin:0 auto;
}
.cTit01 {
	margin:0 0 32px;
	padding:0 0 19px;
	border-bottom:1px solid #2E3337;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: -.5px;
	color: #2E3337;
}
.cTit02 {
	margin:0 0 47px;
	padding:0 0 20px;
	border-bottom:1px solid #8B8F93;
	font-weight: 600;
	font-size: 22px;
	letter-spacing: -.2px;
	color: #2E3337;
}
.cTitBox01 {
	display:flex;
	align-items:center;
	justify-content:space-between; 
	gap:8px;
	margin:0 0 32px;
	padding:0 0 16px;
	border-bottom:1px solid #2E3337;
}
.cTitBox01 .tit01 { 
	font-weight: 700; 
	font-size: 24px;
	letter-spacing: -.5px;
	color: #2E3337;
}
.cTitBox01 .lnk01 {
	flex-shrink:0;
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:5px;
	padding:11px 24px 10px;
	background: #2E3337;
	border-radius: 10px;
}
.cTitBox01 .lnk01 span { 
	display:block; 
}
.cTitBox01 .lnk01 .lnkIco { 
	font-size: 0; 
}
.cTitBox01 .lnk01 .lnkIco img { 
	max-width: 100%; 
}
.cTitBox01 .lnk01 .lnkTxt { 
	font-weight: 700; 
	font-size: 16px;
	letter-spacing: -.5px;
	color: #FFF;
}
.verMb { 
	display:none;
}
.comNoData01 {
	padding:84px 16px;
	border-top:1px solid #E0E2E4;
	border-bottom:1px solid #E0E2E4;
	text-align: center;
}
.comNoData01 .imgBox { 
	margin:0 0 14px;
	font-size: 0;
}
.comNoData01 .imgBox img { 
	max-width: 100%;
}
.comNoData01 .txt01 { 
	font-weight: 500; 
	font-size: 17px;
	letter-spacing: 0;
	color: #8B8F93;
}
.comPopBox01 {
	position:absolute;
	width: 480px;
	max-width: 80%;
	top: 50%;
	left: 50%;
	padding:40px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border:1px solid #C4C6C8;
	border-radius: 16px;
	text-align: center;
}
.comPopBox01 .conBox { 
	max-width: 298px; 
	margin:0 auto;
}
.comPopBox01 .imgBox { 
	margin:0 0 13px;
	font-size: 0;
}
.comPopBox01 .imgBox img { 
	max-width: 100%;
}
.comPopBox01 .txt01 { 
	font-weight: 600; 
	font-size: 22px;
	letter-spacing: 0;
	color: #2E3337;
}
.comPopBox01 .btmBox { 
	display:flex;
	gap:12px;
	margin:21px 0 0;
}
.comPopBox01 .btmBox .btn { 
	display:block;
	width: calc((100% - 12px)/2);
	padding:15px 15px 12px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0;
	text-align: center;
}
.comPopBox01 .btmBox .btn.st01 { 
	background: #2E3337;
	color: #FFF;
}
.comPopBox01 .btmBox .btn.st02 { 
	background: #448AFF;
	color: #FFF;
}
.comPopBox02 { 
	position:absolute;
	width: 622px;
	max-width: 83.333%;
	top: 50%;
	left: 50%;
	padding:40px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border:1px solid #C4C6C8;
	border-radius: 16px;
}
.comPopBox02 .topBox {
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 16px;
	padding:0 0 10px;
	border-bottom:1px solid #2E3337
}
.comPopBox02 .topBox .tit01 { 
	font-weight: 600; 
	font-size: 22px;
	letter-spacing: 0;
	color: #2E3337;
}
.comPopBox02 .topBox .popClose { 
	position:relative;
	display:block;
	width: 24px;
	height: 24px;
	overflow: hidden;
}
.comPopBox02 .topBox .popClose:before,
.comPopBox02 .topBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 28px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -14px;
	background: #424242;
}
.comPopBox02 .topBox .popClose:before { 
	transform:rotate(45deg);
}
.comPopBox02 .topBox .popClose:after { 
	transform:rotate(-45deg);
}
.comPopBox02 .cateBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin:0 0 11px;
}
.comPopBox02 .cateBox01 .btnCate {
	display:block;
	padding:9px 18px 7px;
	background: #F6F6F9;
	border-radius: 1000px;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0;
	text-align: center;
	color: #8B8F93;
}
.comPopBox02 .cateBox01 .btnCate.on { 
	background: #2E3337;
	color: #FFF;
}
.comPopBox02 .iptTit01 { 
	display:block;
	margin:0 0 8px;
	font-weight: 500;
	font-size: 15px;
	color: #373737;
}
.comPopBox02 * + .iptTit01 { 
	margin-top:15px;
}
.comPopBox02 .ipt { 
	display:block;
	padding:15px 14px 12px;
	border:1px solid #E0E0E0;
	border-radius: 8px;
	font-size: 15px;
	color: #373737;	
}
.comPopBox02 .ipt::placeholder { 
	color: #8B8F93; 
}
.comPopBox02 .ipt.fullWid { 
	width: 100%; 
}
.comPopBox02 .fileBox01 { 
	position:relative;
	display:flex;
	gap:10px;
}
.comPopBox02 .fileBox01 .ipt { 
	flex-grow:1;
}
.comPopBox02 .fileBox01 .fileIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.comPopBox02 .fileBox01 .fileLbl { 
	flex-shrink:0;
	display:block;
	padding:15px 19px 12px;
	background: #EDF7FF;
	border:1px solid #448AFF;
	border-radius: 8px;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.2px;
	color: #448AFF;
}
.comPopBox02 .viewBox.stOff { 
	display:none;
}
.comPopBox02 .btmBox { 
	display:flex;
	justify-content:center;
	gap:8px;
	margin:24px 0 0;
}
.comPopBox02 .btmBox .btn { 
	display:block; 
	width:calc((100% - 8px)/2);
	padding:14px 10px 13px;
	border-radius: 8px;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: 0;
	text-align: center;
}
.comPopBox02 .btmBox .btn.st01 { 
	background: #448AFF; 
	color: #FFF;
}
@media all and (max-width:1232px){
	.inner { 
		margin:0 16px;
	}
}
@media all and (max-width:999px){
	.wrapper { 
		padding:56px 0 0;
	}
	.cTit01 {
		margin:0 0 16px;
		padding:0 0 9px;
		font-size: 18px;
	}
	.cTit02 {
		margin:0 0 22px;
		padding:0 0 12px;
		font-size: 16px;
	}
	.cTitBox01 {
		margin:0 0 24px;
		padding:0 0 12px;
	}
	.cTitBox01 .tit01 { 
		font-size: 18px; 
	}
	.cTitBox01 .lnk01 { 
		padding:12px 20px;
	}
	.cTitBox01 .lnk01 .lnkTxt { 
		font-size: 14px; 
	}
	.verPc { 
		display:none;
	}
	.verMb { 
		display:block;
	}
	.comNoData01 {
		padding:40px 16px;
	}
	.comNoData01 .imgBox { 
		width: 74px;
		margin:0 auto 10px;
	}
	.comNoData01 .txt01 {
		font-size: 14px;
	}
	.comPopBox01 { 
		padding:20px;
	}
	.comPopBox01 .imgBox { 
		margin:0 0 15px;
	}
	.comPopBox01 .txt01 { 
		font-size: 15px; 
	}
	.comPopBox01 .btmBox { 
		gap:8px;
		margin:18px 0 0;
	}
	.comPopBox01 .btmBox .btn { 
		width: calc((100% - 8px)/2); 
	}
	.comPopBox02 { 
		padding:30px 20px;
	}
	.comPopBox02 .topBox .tit01 { 
		font-size: 18px; 
	}
	.comPopBox02 .topBox .popClose {
		width: 18px;
		height: 18px;
	}
	.comPopBox02 .topBox .popClose:before,
	.comPopBox02 .topBox .popClose:after { 
		width: 20px;
		margin:-1px 0 0 -10px;
	}
	.comPopBox02 .cateBox01 .btnCate { 
		padding:6px 16px 5px;
		font-size: 13px;
	}
	.comPopBox02 .iptTit01 {
		font-size: 14px;
	}
	.comPopBox02 .ipt { 
		padding:15px 15px 14px;
		font-size: 14px;
	}
}
@media all and (max-width:599px){
	.comPopBox02 .btmBox .btn { 
		width: 100%; 
	}
}

/* 헤더 시작
------------------------------------------------------ */
header {
	position:fixed;
	width: 100%;
	height: 92px;
	top: 0;
	left: 0;
	padding:0 16px;
	background: #FFF;
	border-bottom:1px solid #E0E2E4;
	z-index: 10;
}
header .hBox { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:space-between;
	max-width: 1200px;
	height: 100%;
	margin:0 auto;
}
header .hLogo a {
	display:block; 
	font-size: 0;
}
header .hLogo a img { 
	max-width: 100%; 
}
header .hBtnBox01 {
	display:flex;
	gap:8px;
}
header .hBtnBox01 .btnLog {
	display:block; 
	font-size: 0;
}
header .hBtnBox01 .btnLog img { 
	max-width: 100%; 
}
header .hBtnBox01 .btnLog { 
	width: 24px; 
}
header .hBtnBox01 .toggleBtn { 
	position:relative;
	display:block; 
	width: 24px;
	height: 24px;
}
header .hBtnBox01 .toggleBtn:before,
header .hBtnBox01 .toggleBtn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 2px;
	left: 50%;
	margin:0 0 0 -9px;
	background: #2E3337;
	border-radius: 4px;
}
header .hBtnBox01 .toggleBtn:before { 
	top: 5px;
}
header .hBtnBox01 .toggleBtn:after { 
	top: 17px;
}
header .hBtnBox01 .toggleBtn span { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -9px;
	background: #2E3337;
	border-radius: 4px;
}
header .hBtnBox01 .toggleBtn.stMbMenu { 
	display:none;
}
.mbMenuWr { 
	display:none;
}
@media all and (min-width:1000px){
	header .hBtnBox01 .hPcMenuBox {
		position:absolute;
		display:none;
		width: 120px;
		padding:14px 17px;
		background: #FFF;
		border-radius: 8px;
		box-shadow:2px 4px 16px 0 rgba(69,67,118,.1);
		top: calc(100% + 8px);
		right: 0;
	}
	header .hBtnBox01 .hPcMenuBox .menuLst01 li { 
		margin:0 0 17px;
	}
	header .hBtnBox01 .hPcMenuBox .menuLst01 li:last-child { 
		margin:0;
	}
	header .hBtnBox01 .hPcMenuBox .lnk { 
		display:block;
		font-weight: 500;
		font-size: 14px;
		color: #373737;
		transition:all .3s ease;
	}
	header .hBtnBox01 .hPcMenuBox .lnk.on,
	header .hBtnBox01 .hPcMenuBox .lnk:focus,
	header .hBtnBox01 .hPcMenuBox .lnk:hover { 
		color: #448AFF;
	}
}
@media all and (max-width:999px){
	header { 
		height: 56px;
		border-bottom:none;
	}
	header .hLogo a { 
		width: 60px; 
	}
	header .hBtnBox01 .toggleBtn.stPcMenu { 
		display:none;
	}
	header .hBtnBox01 .toggleBtn.stMbMenu { 
		display:block;
	}
	header .hBtnBox01 .hPcMenuBox { 
		display:none;
	}
	.hMbMenuPop {
		cursor:pointer;
		overflow: hidden;
		z-index: 9;
	}
	.hMbMenuPop.on { 
		display:block;
	}
	.mbMenuWr {
		position:fixed;
		display:block;
		width: 360px;
		max-width: 100%;	
		height: 100%; 
		top: 56px;
		right: -360px;
		background: #FFF;
		transition:all .3s ease;
		z-index: 10;
	}
	.mbMenuWr .topBox { 
		padding:24px 16px;
		border-bottom:1px solid #E0E2E4;
	}
	.mbMenuWr .topConBox { 
		display:flex;
		align-items:center;
		gap:16px;
		padding:20px;
		background: #FFF;
		box-shadow:0 4px 16px 0 rgba(64,82,97,.1);
	}
	.mbMenuWr .topConBox .thumbBox { 
		flex-shrink:0;
		position:relative;
	}	
	.mbMenuWr .topConBox .thumbBox .fileIpt { 
		position:absolute; 
		width: 0;
		height: 0;
		top: 0;
		left: 0;
		overflow: hidden;
	}
	.mbMenuWr .topConBox .thumbBox .fileLbl { 
		position:relative;
		display:block;
		width: 56px;
		height: 56px;
		border:1px solid #D7E0FF;
		border-radius: 50%;
		font-size: 0;
		overflow: hidden;
	}
	.mbMenuWr .topConBox .thumbBox .fileLbl img { 
		position:absolute; 
		max-width: 100%;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}
	.mbMenuWr .topConBox .thumbBox .fileRegist { 
		position:absolute; 
		display:flex;
		align-items:center; 
		justify-content:center; 
		width: 20px;
		height:20px;
		bottom: 0;
		right: 0;
		background: #DFEEFF;
		border-radius: 50%;
		box-shadow:0 2px 8px 0 rgba(64,82,97,.1);
	}
	.mbMenuWr .topConBox .txtBox { 
		flex-grow:1; 
	}
	.mbMenuWr .topConBox .name { 
		margin:0 0 5px;
		font-weight: 700;
		font-size: 18px;
		color: #2E3337;
	}
	.mbMenuWr .topConBox .callNum,
	.mbMenuWr .topConBox .callLnk { 
		display:inline-block;
		padding:7px 13px 5px;
		background: #F6F6F9;
		border-radius: 8px;
		font-weight: 500;
		font-size: 13px;
		color: #2E3337;
	}
	.mbMenuWr .topConBox .callLnk { 
		text-decoration:underline; 
	}
	.mbMenuWr .conBox { 
		border-top:8px solid #F6F6FB;
	}
	.mbMenuWr .conBox .lnkLst01 { 
		padding:31px 20px;
	}
	.mbMenuWr .conBox .lnkLst01 li { 
		margin:0 0 23px;
	}
	.mbMenuWr .conBox .lnkLst01 li:last-child { 
		margin:0;
	}
	.mbMenuWr .conBox .lnkLst01 .lnk { 
		display:block;
		font-weight: 500;
		font-size: 16px;
		letter-spacing: 0;
		color: #2E3337;
		transition:all .3s ease;
	}
	.mbMenuWr .conBox .lnkLst01 .lnk.on
	.mbMenuWr .conBox .lnkLst01 .lnk:focus,
	.mbMenuWr .conBox .lnkLst01 .lnk:hover { 
		color: #448AFF;
	}
	.mbMenuWr.on { 
		right: 0; 
	}
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
footer { 
	padding:80px 16px;
	border-top:1px solid #E0E2E4;
}
footer .fConBox { 
	position:relative;
	max-width: 1200px;
	margin:0 auto;
	padding:0 310px 0 0;
}
footer .fLogo { 
	margin:0 0 22px;
	font-size: 0;
}
footer .fLogo img { 
	max-width: 100%; 
}
footer .fLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:13px;
	font-size: 12px;
	color: #8B8F93;
}
footer .fLst01 li { 
	position:relative;
	padding:0 14px 0 0;
}
footer .fLst01 li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top: 50%;
	right: 0;
	margin:-6px 0 0;
	background: #C4C6C8;
}
footer .fLst01 li:last-child { 
	padding:0;
}
footer .fLst01 li:last-child:after { 
	display:none;
}
footer .fLst01 + .fLst01 { 
	margin-top:4px;
}
footer .fCopy { 
	margin:20px 0 0;
	font-weight: 500;
	font-size: 14px;
	color: #8B8F93;
}
footer .rBox { 
	position:absolute; 
	top: 50%;
	right: 0;
	transform:translateY(-50%);
	text-align: right;
}
footer .fCallNum {
	display:flex;
	align-items:center;
	gap:16px;
	margin:0 0 18px;
}
footer .fCallNum span { 
	display:block;
}
footer .fCallNum .numIco { 
	font-size: 0; 
}
footer .fCallNum .numIco img { 
	max-width: 100%; 
}
footer .fCallNum .numTxt { 
	font-weight: 500; 
	font-size: 28px;
	color: #575E65;
}
footer .fCallLnk {
	display:inline-flex;
	align-items:center; 
	justify-content:center;
	gap:10px;
	padding:12px 24px;
	background: #448AFF;
	border-radius: 999px;
}
footer .fCallLnk span { 
	display:block;
}
footer .fCallLnk .lnkTxt { 
	font-weight: 500; 
	font-size: 14px;
	color: #FFF;
}
footer .fCallLnk .lnkIco { 
	font-size: 0; 
}
footer .fCallLnk .lnkIco img { 
	max-width: 100%; 
}
@media all and (max-width:999px){
	footer { 
		padding:79px 16px;
	}
	footer .fConBox { 
		padding:0;
	}
	footer .fLogo { 
		width: 67px;
		margin:0 0 33px;
	}
	footer .fLst01 {
		gap:5px;
		font-size: 10px;
	}
	footer .fLst01 li { 
		padding:0;
	}
	footer .fLst01 li:after { 
		display:none;
	}
	footer .fLst01 li.fullWid { 
		width: 100%; 
	}
	footer .rBox { 
		display:none;
	}
	footer .fCopy { 
		margin:37px 0 0;
		font-size: 10px;
		letter-spacing: 0;
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 서브 공통 시작
------------------------------------------------------ */
.subComWr {
	padding:70px 16px 76px;
}
.comTopBox01 {
	margin:0 0 76px;
	text-align: center;
}
.comTopBox01 .logo { 
	margin:0 0 12px;
	font-size: 0;
}
.comTopBox01 .logo img { 
	max-width: 100%; 
}
.comTopBox01 .txt01 { 
	font-weight: 500;
	font-size: 20px;
	color: #8B8F93;
}
@media all and (max-width:999px){
	.subComWr {
		padding:40px 16px;
	}
	.comTopBox01 { 
		margin:0 0 36px;
	}
	.comTopBox01 .logo { 
		width: 92px;
		margin:0 auto 7px;
	}
	.comTopBox01 .txt01 { 
		font-size: 14px; 
	}
}
/* 서브 공통 끝
------------------------------------------------------ */
/* 접이식 게시판 스킨 시작
------------------------------------------------------ */
.toggleBrdBox01 { 
	border-top:1px solid #E0E2E4;
}
.toggleBrdBox01 .brdTit01 { 
	position:relative; 
	display:block;
	width: 100%;
	padding:20px 40px 16px 64px;
	border-bottom:1px solid #E0E2E4;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0;
	text-align: left;
	word-break:break-all;
}
.toggleBrdBox01 .brdTit01:before,
.toggleBrdBox01 .brdTit01:after { 	
	position:absolute;
	box-sizing:border-box;
	display:block;
}
.toggleBrdBox01 .brdTit01:before { 
	content:"Q";
	top: 20px;
	left: 16px;
	font-weight: 700;
	color: #448AFF;
}
.toggleBrdBox01 .brdTit01:after {
	content:"";
	width: 8px;
	height: 8px;
	top: 50%;
	right: 21px;
	margin:-6px 0 0;
	transform:rotate(45deg);
	border-bottom:1px solid #8B8F93;
	border-right:1px solid #8B8F93;
	transition:all .3s ease;
}
.toggleBrdBox01 .brdTit01.on:after {
	margin:-1px 0 0;
	transform:rotate(225deg);	
}
.toggleBrdBox01 .brdBox { 
	display:none;
	padding:24px 32px;
	background: #F6F6F9;
}
.toggleBrdBox01 .brdBox .txt01 { 
	font-size: 14px;
	color: #2E3337;
}
.toggleBrdBox01 .btmBox { 
	margin:32px 0 0;
	text-align: center; 
}
.toggleBrdBox01 .btmBox .btnAdd { 
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:11px;
	padding:13px 20px;
	border:1px solid #E0E2E4;
}
.toggleBrdBox01 .btmBox .btnAdd span { 
	display:block;
}
.toggleBrdBox01 .btmBox .btnAdd .plus { 
	position:relative; 
	width: 14px;
	height: 14px;
}
.toggleBrdBox01 .btmBox .btnAdd .plus:before,
.toggleBrdBox01 .btmBox .btnAdd .plus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin:auto;
	background: #575E65;
	border-radius: 4px;
}
.toggleBrdBox01 .btmBox .btnAdd .plus:before { 
	width: 100%;
	height: 2px;
}
.toggleBrdBox01 .btmBox .btnAdd .plus:after { 
	width: 2px;
	height: 100%;
}
.toggleBrdBox01 .btmBox .btnAdd .btnTxt { 
	font-weight: 500; 
	font-size: 18px;
	color: #575E65;
}
@media all and (max-width:999px){
	.toggleBrdBox01 .brdTit01 { 
		padding:14px 40px 12px 16px;
	}
	.toggleBrdBox01 .brdTit01:before { 
		position:relative;
		top: auto;
		left: auto;
		margin:0 0 3px;
	}
	.toggleBrdBox01 .btmBox { 
		margin:24px 0 0;
	}
	.toggleBrdBox01 .btmBox .btnAdd { 
		padding:8px 20px;
	}
	.toggleBrdBox01 .btmBox .btnAdd .plus { 
		width: 12px; 
		height: 12px; 
	}
	.toggleBrdBox01 .btmBox .btnAdd .btnTxt { 
		padding:4px 0 0;
		font-size: 15px;
	}
}
/* 접이식 게시판 스킨 끝
------------------------------------------------------ */
/* 일반게시판 리스트 스킨 시작
------------------------------------------------------ */
.brdLstBox01 tbody tr { 
	border-bottom:1px solid #E0E0E0
}
.brdLstBox01 tbody td { 
	padding:24px 10px 23px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
	color: #979797;
}
.brdLstBox01 tbody td .brdStat01 { 
	display:inline-block;
	padding:3px 7px 1px;
	font-weight: 500;
	font-size: 1em;
}
.brdLstBox01 tbody td .brdStat01.st01 { 
	background: #448AFF; 
	color: #FFF;
}
.brdLstBox01 tbody td .brdLnk01 { 
	display:block;
	font-weight: 500; 
	font-size: 1em;
	color: #212121;
	transition:all .3s ease;
}
.brdLstBox01 tbody td .brdLnk01:focus,
.brdLstBox01 tbody td .brdLnk01:hover { 
	color: #448AFF; 
}
@media all and (max-width:999px){
	.brdLstBox01 colgroup { 
		display:none;
	}
	.brdLstBox01 tbody tr { 
		display:block; 
		padding:15px 0 13px;
	}
	.brdLstBox01 tbody td { 
		display:block;
		width: 100%;
		margin:0 0 3px;
		padding:0;
		font-size: 14px;
		text-align: left;
	}
	.brdLstBox01 tbody td .brdLnk01 { 
		font-size: 15px; 
	}
	.brdLstBox01 tbody td.brdNum { 
		display:none;
	}
	.brdLstBox01 tbody td:last-child { 
		margin:0;
	}
}
/* 일반게시판 리스트 스킨 끝
------------------------------------------------------ */
/* 게시판 보기 스킨 시작
------------------------------------------------------ */
.brdViewBox01 .topBox {
	margin:0 0 49px;
	padding:24px 24px 19px;
	border-bottom:1px solid #E0E2E4;
}
.brdViewBox01 .topBox .tit01 { 
	margin:0 0 12px;
	font-weight: 700;
	font-size: 20px;
	letter-spacing: 0;
	color: #2E3337;
	word-break:break-all;
}
.brdViewBox01 .topBox .date { 
	font-size: 15px; 
	letter-spacing: 0;
	color: #8B8F93;
}
.brdViewBox01 .conBox .txt01 { 
	padding:0 24px;
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 0;
	color: #2E3337;
	word-break:break-all;
}
.brdViewBox01 .conBox .imgBox { 
	font-size: 0; 
}
.brdViewBox01 .conBox .imgBox img { 
	max-width: 100%; 
}
.brdViewBox01 .conBox .txt01 + .imgBox { 
	margin-top:46px;
}
.brdViewBox01 .btmBox { 
	margin:32px 0 0;
	text-align: center;
}
.brdViewBox01 .btmBox .btn { 
	display:inline-block;
	padding:14px 32px 12px;
	border-width:1px;
	border-style:solid;
	border-radius: 8px;
	font-weight: 500;
	font-size: 16px;
}
.brdViewBox01 .btmBox .btn.st01 { 
	background: #F6F6F9;
	border-color:#E0E2E4;
	color: #575E65;
}
@media all and (max-width:999px){
	.brdViewBox01 .topBox { 
		margin:0 0 18px;
		padding:12px 0;
	}
	.brdViewBox01 .topBox .tit01 { 
		margin:0 0 8px;
		font-weight: 500;
		font-size: 18px;
		letter-spacing: -.3px;
	}
	.brdViewBox01 .topBox .date { 
		font-size: 14px;
		letter-spacing: -.3px;
	}
	.brdViewBox01 .conBox .txt01 { 
		padding:0;
		font-weight: 500;
	}
	.brdViewBox01 .conBox .txt01 + .imgBox { 
		margin-top:17px;
	}
}
/* 게시판 보기 스킨 끝
------------------------------------------------------ */
/* 테이블 관련 시작
------------------------------------------------------ */
.td_100 { 
	width: 100px; 
}
.td_120 { 
	width: 120px; 
}
.td_left { 
	text-align: left !important; 
}
.td_center { 
	text-align: center !important; 
}
/* 테이블 관련 끝
------------------------------------------------------ */
/* 페이징 시작
------------------------------------------------------ */
.comPageBox { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:center;
	margin:40px 0 0;
}
.comPageBox > * {
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 36px;
	height: 36px;
	text-align: center;
	line-height: 1;
}
.comPageBox .btnArrow:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;	
	left: 50%;
	border-top:1px solid #9E9E9E;
	border-right:1px solid #9E9E9E;
}
.comPageBox .btnArrow.stPrev:before { 
	margin:-4px 0 0 -2px;
	transform:rotate(-135deg);
}
.comPageBox .btnArrow.stNext:before { 
	margin:-4px 0 0 -6px;
	transform:rotate(45deg);
}
.comPageBox .btnNum { 
	padding:1px 0 0;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.25px;
	color: #666;
}
.comPageBox .btnNum.on { 
	font-weight: 900;
	color: #448AFF;
}
@media all and (max-width:999px){
	.comPageBox { 
		margin:16px 0 0;
	}
}
/* 페이징 끝
------------------------------------------------------ */