@charset "utf-8";

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
	word-break:keep-all;
}
html, body {
	position:relative;
	width: 100%;
	min-height: 100vh;
	font-family: Pretendard, sans-serif;
	font-weight: 400;
	line-height:1.3;
	letter-spacing:-.3px;
}
a { 
	text-decoration:none;
}
li { 
	list-style:none; 
}
input, button, select, textarea {
	background:transparent;
	border:none;
	font-family: Pretendard, sans-serif;
	line-height:1.3;
	letter-spacing:-.3px;
}
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; 
}

.inner { 
	max-width: 1600px;
	margin:0 auto;
}
.verMb { 
	display:none;
}
@media all and (max-width:1640px){
	.inner { 
		margin:0 20px;
	}
}
@media all and (max-width:999px){
	.verPc { 
		display:none;
	}
	.verMb { 
		display:block;
	}
}

/* 헤더 시작
------------------------------------------------------ */
header { 
	position:fixed;
	width: 100%;
	height: 94px;
	top: 0;
	left: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
	transition:all .3s ease;
	z-index: 5;
}
header .inner { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	height: 100%;
}
header .hLogo01 a { 
	display:block;
	font-size: 0;
}
header .hLogo01 img { 
	max-width: 100%;
}
header .mbMenuToggle { 
	display:none;
}
header .hMenuLst01 { 
	display:flex;
	gap:80px;
}
header .hMenuLst01 .lstLnk01 { 
	display:block;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: 0;
	color: #FFF;
	transition:all .3s ease;
}
header .hMenuLst01 .lstLnk01.on,
header .hMenuLst01 .lstLnk01:focus,
header .hMenuLst01 .lstLnk01:hover { 
	color: #E21B2E !important;
}
header.onFixed { 
	background: rgba(0,0,0,.6);
}
@media all and (max-width:999px){
	header { 
		height: 56px;
	}
	header .hLogo01 { 
		width: 116px;
	}
	header .mbMenuToggle {
		position:relative; 
		display:block;
		width: 24px;
		height: 24px;
		overflow: hidden;
	}
	header .mbMenuToggle:before,
	header .mbMenuToggle:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 18px;
		height: 2px;
		left: 50%;
		margin:0 0 0 -9px;
		background: #FFF;
		transition:all .3s ease;
	}
	header .mbMenuToggle:before { 
		top: 5px;
	}
	header .mbMenuToggle:after { 
		top: 17px;
	}
	header .mbMenuToggle span { 
		position:absolute;
		display:block;
		width: 18px;
		height: 2px;
		top: 50%;
		left: 50%;
		margin:-1px 0 0 -9px;
		background: #FFF;
		transition:all .3s ease;
	}
	header .hMenuBox01 { 
		position:fixed; 
		width: 100%;
		height: 0; 
		top: 56px;
		left: 0;
		padding:0 32px;
		background: #FFF;
		overflow: hidden;
		transition:all .3s ease;
	}
	header .hMenuLst01 { 
		display:block;
	}
	header .hMenuLst01 li {
		border-bottom:1px solid #F0F0F6;
	}
	header .hMenuLst01 li:last-child { 
		border-bottom:none;
	}
	header .hMenuLst01 .lstLnk01 { 
		padding:19px 0 16px;
		font-size: 15px;
		color: #2E3337;
		text-align: center;
	}
	header.on { 
		background: #FFF;
	}
	header.on .hMenuBox01 {
		height: calc(100vh - 56px);
	}
	header.on .mbMenuToggle:before,
	header.on .mbMenuToggle:after { 
		top: 11px;
		background: #2E3337;
	}
	header.on .mbMenuToggle:before {
		transform:rotate(45deg);
	}
	header.on .mbMenuToggle:after { 
		transform:rotate(-45deg);
	}
	header.on .mbMenuToggle span { 
		left: -100%;
	}
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
footer { 
	padding:119px 0;
	background: #111;
	border-top:1px solid #575E65;
}
footer .inner { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:30px;
}
footer .fRBox { 
	text-align: right;
}
footer .fLogo { 
	margin:0 0 24px;
	font-size: 0;
}
footer .fLogo img { 
	max-width: 100%;
}
footer .fLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
footer .fLst01 li { 
	position:relative;
	padding:0 9px 0 0;
	font-size: 12px;
	color: #C4C6C8;
}
footer .fLst01 li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top: 1px;
	right: 0;
	background: #C4C6C8;
}
footer .fLst01 li:last-child { 
	padding:0;
}
footer .fLst01 li:last-child:after { 
	display:none;
}
footer .fLst01 + .fLst01 { 
	margin-top:8px;
}
footer .fCopy01 { 
	margin:20px 0 0;
	font-weight: 500;
	font-size: 14px;
	color: #8B8F93;
}
footer .fCallTxt01 { 
	position:relative;
	margin:0 0 17px;
	padding:0 0 0 52px;
	font-weight: 500;
	font-size: 32px;
	color: #A73939;
}
footer .fCallTxt01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 36px;
	height: 36px;
	top: 4px;
	left: 0;
	background:url(/Form/_guest/basic/images/fCallTxt01.svg) no-repeat center / cover;
}
footer .fCallLnk01 { 
	position:relative;
	display:inline-block;
	padding:17px 52px 17px 24px;
	background: #E21B2E;
	border-radius: 999px;
	font-weight: 500;
	font-size: 14px;
	color: #FFF;
}
footer .fCallLnk01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 15px;
	height: 13px;
	top: 19px;
	right: 27px;
	background:url(/Form/_guest/basic/images/fCallLnk01.svg) no-repeat center / cover;
	transition:all .3s ease;
}
footer .fCallLnk01:focus:after,
footer .fCallLnk01:hover:after { 
	right: 22px;
}
footer .fCallLnk02 {
	position:relative;
	display:block;
	padding:12px 69px 12px 77px;
	background:rgba(255,255,255,.1);
	border-radius: 10px;
	font-weight: 500;
	font-size: 28px;
	color: #E9E0E0;
	transition:all .3s ease;
}
footer .fCallLnk02:before,
footer .fCallLnk02:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background-repeat:no-repeat;
	background-size:cover;
}
footer .fCallLnk02:before { 
	width: 28px;
	height: 28px;
	top: 16px;
	left: 33px;
	background-image: url(/Form/_guest/basic/images/fCallLnk02_before01.svg);
}
footer .fCallLnk02:after { 
	width: 15px;
	height: 13px;
	top: 23px;
	right: 36px;
	background-image: url(/Form/_guest/basic/images/fCallLnk02_after01.svg);
}
footer .fCallLnk02:focus,
footer .fCallLnk02:hover { 
	background: #E21B2E;
}
footer .fCallLnk02 + .fCallLnk02 { 
	margin-top:20px;
}
@media all and (max-width:999px){
	footer { 
		padding:63px 0;	
	}
	footer .inner { 
		flex-wrap:wrap;
		gap:16px;
	}
	footer .fLBox,
	footer .fRBox { 
		width: 100%;
	}
	footer .fRBox { 
		text-align: left;
	}
	footer .fLogo { 
		width: 150px;
	}
	footer .fLst01 { 
		gap:5px;
	}
	footer .fLst01 li { 
		width: 100%;
		padding:0
	}
	footer .fLst01 li:after { 
		display:none;
	}
	footer .fLst01 + .fLst01 { 
		margin-top:5px;
	}
	footer .fCopy01 {
		font-size: 12px;
		color: #424242;
	}
	footer .fCallTxt01 { 
		display:none;
	}
	footer .fCallLnk01 {
		background: #560C15;
	}
	footer .fCallLnk02 { 
		padding:8px 40px 8px 40px;
		border-radius: 5px;
		font-size: 14px;
	}
	footer .fCallLnk02:before { 
		width: 18px;
		height: 18px;
		top: 8px;
		left: 10px;
	}
	footer .fCallLnk02:after { 
		width: 12px;
		height: 10px;
		top: 12px;
		right: 12px;
	}
	footer .fCallLnk02 + .fCallLnk02 { 
		margin-top:8px;
	}
}
/* 푸터 끝 
------------------------------------------------------ */
/* 서브 공통 시작
------------------------------------------------------ */
.subBnrBox01 {
	position:relative;
	margin:94px 0 0;
	font-size: 0;
	text-align: center;
	overflow: hidden;
}
.subBnrBox01 > img { 
	width: 100%;
}
.subBnrBox01 .conBox {
	position:absolute; 
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.subBnrBox01 .tit01 { 
	font-weight: 700;
	font-size: 64px;
	color: #FFF;
}
.subBnrBox01 .txt01 { 
	font-weight: 500;
	font-size: 24px;
	line-height: 1.5;
	color: #FFF;
}
.subBnrBox01 .tit01 + .txt01 { 
	margin-top:31px;
}
.subComBox01 { 
	padding:80px 0 160px;
}
@media all and (max-width:999px){
	.subBnrBox01 {
		display:flex;
		align-items:center; 
		justify-content:center;
		height: 320px;
		margin:56px 0 0;
	}
	.subBnrBox01 > img { 
		position:absolute; 
		width: auto;
		height: 100%;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
	}
	.subBnrBox01 .conBox { 
		position:relative; 
		top: auto;
		left: auto;
		transform:translate(0, 0);
	}
	.subBnrBox01 .tit01 { 
		font-size: 24px;
	}
	.subBnrBox01 .txt01 { 
		font-size: 14px;
	}
	.subBnrBox01 .tit01 + .txt01 { 
		margin-top:13px;
	}
	.subComBox01 { 
		padding:65px 0 80px;
	}
}
/* 서브 공통 끝
------------------------------------------------------ */
/* 버튼형 카테고리 시작
------------------------------------------------------ */
.comCateBox01 { 
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:16px;
	margin:0 0 44px;
}
.comCateBox01 .btnCate { 
	display:flex;
	align-items:center; 
	justify-content:center;
	padding:20px 38px;
	background: #F6F6F9;
	border-radius: 1000px;
	font-size: 0;
}
.comCateBox01 .btnCate img { 
	max-width: 100%;
}
.comCateBox01 .btnCate .stOn { 
	display:none;
}
.comCateBox01 .btnCate.on { 
	background: #E21B2E;
}
.comCateBox01 .btnCate.on .stOff { 
	display:none;
}
.comCateBox01 .btnCate.on .stOn { 
	display:block;
}
@media all and (max-width:999px){
	.comCateBox01 { 
		gap:8px;
	}
	.comCateBox01 .btnCate { 
		width: calc((100% - 16px)/3);
		padding:11px;
	}
}
/* 버튼형 카테고리 끝
------------------------------------------------------ */
/* 게시판 공통 시작
------------------------------------------------------ */
.brdTopBox01 { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	max-width: 1200px;
	margin:0 auto 24px;
}
.brdTopBox01 .tit01 { 
	font-weight: 700;
	font-size: 18px;
	letter-spacing: 0;
	color: #2E3337;
}
.brdTopBox01 .tit01 span { 
	color: #E21B2E;
}
.brdTopBox01 .ipt01 {
	display:block;
	padding:11px 18px 8px;
	background: #FFF;
	border:1px solid #E0E2E4;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 0;
	color: #2E3337;
}
.brdTopBox01 select.ipt01 {
	padding-right:51px;
	appearance: none;
	background-image: url(/Form/_guest/basic/images/comSel01.svg);
	background-repeat: no-repeat;
	background-position: center right 20px;
}
@media all and (max-width:999px){
	.brdTopBox01 { 
		margin:0 0 16px;
	}
	.brdTopBox01 .tit01,
	.brdTopBox01 .ipt01 { 
		font-size: 14px;
	}
	.brdTopBox01 .ipt01 { 
		padding:10px 17px;
	}
	.brdTopBox01 select.ipt01 { 
		padding-right:49px;
		background-size:10px auto;
	}
}
/* 게시판 공통 끝
------------------------------------------------------ */
/* 갤러리 게시판 리스트 시작
------------------------------------------------------ */
.galBrdLstBox01 .lst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:42px;
	max-width: 1200px;
	margin:0 auto;
}
.galBrdLstBox01 .lst01 li { 
	width: calc((100% - 84px)/3);
}
.galBrdLstBox01 .lst01 .brdLnk01 { 
	display:block;
}
.galBrdLstBox01 .lst01 .brdLnk01 .lnkImgBox { 
	position:relative;
	display:block;
	margin:0 0 21px;
	padding:73.39% 0 0;
	background: #F6F6F9;
	font-size: 0;
	overflow: hidden;
}
.galBrdLstBox01 .lst01 .brdLnk01 .lnkImgBox img { 
	position:absolute; 
	/*width: 100%;*/
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.galBrdLstBox01 .lst01 .brdLnk01 .lnkImgBox.noImg { 
	background-image:url(/Form/_guest/basic/images/comNoData02.svg);
	background-repeat:no-repeat;
	background-position:center center;
}
.galBrdLstBox01 .lst01 .brdLnk01 .lnkTit01,
.galBrdLstBox01 .lst01 .brdLnk01 .lnkTxt01 { 
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break:break-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.galBrdLstBox01 .lst01 .brdLnk01 .lnkTit01 {
	height: 67px;
	margin:0 0 10px;
	font-weight: 500;
	font-size: 24px;
	line-height: 1.4;
	letter-spacing: -.03em;
	color: #2E3337;
	transition:all .3s ease;
}
.galBrdLstBox01 .lst01 .brdLnk01 .lnkTxt01 { 
	height: 44px;
	font-weight: 500;
	font-size: 17px;
	letter-spacing: -.03em;
	color: #8B8F93;
}
.galBrdLstBox01 .lst01 .brdLnk01:focus .lnkTit01,
.galBrdLstBox01 .lst01 .brdLnk01:hover .lnkTit01 { 
	color: #E21B2E;
}
@media all and (max-width:999px){
	.galBrdLstBox01 .lst01 { 
		gap:8px;
	}
	.galBrdLstBox01 .lst01 li { 
		width: calc((100% - 8px)/2);
	}
	.galBrdLstBox01 .lst01 .brdLnk01 .lnkImgBox.noImg { 
		background-size:120px auto;
	}
	.galBrdLstBox01 .lst01 .brdLnk01 .lnkTit01 { 
		height: 45px;
		font-size: 16px;
	}
	.galBrdLstBox01 .lst01 .brdLnk01 .lnkTxt01 { 
		-webkit-line-clamp:3;
		height: 51px;
		font-size: 13px;
	}
}
/* 갤러리 게시판 리스트 끝
------------------------------------------------------ */
/* 게시판 보기 시작
------------------------------------------------------ */
.brdViewBox01 { 
	max-width: 1200px;
	margin:0 auto;
}
.brdViewBox01 .brdTit01 {
	margin:0 0 23px;
	padding:0 0 32px;
	border-bottom:2px solid #E0E2E4;
	font-weight: 800;
	font-size: 32px;
	color: #424242;
	word-break:break-all;
}
.brdViewBox01 .brdInfoBox01 { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 40px;
}
.brdViewBox01 .brdInfoTxt01 { 
	font-size: 16px;
	color: #424242;
}
.brdViewBox01 .brdConBox { 
	padding:0 0 44px;
	border-bottom:2px solid #E0E2E4;
}
.brdViewBox01 .brdConBox > * { 
	margin:0 0 43px;
}
.brdViewBox01 .brdConBox > *:last-child { 
	margin:0;
}
.brdViewBox01 .brdConBox .txt01 { 
	font-size: 20px;
	line-height: 1.7;
	color: #424242;
	word-break:break-all;
}
.brdViewBox01 .brdConBox .imgBox { 
	font-size: 0;
}
.brdViewBox01 .brdConBox .imgBox img { 
	max-width: 100%;
}
.brdViewBox01 .brdLnkBox01 dl { 
	display:flex;
	align-items:center; 
	padding:20px 0;
	border-bottom:1px solid #E0E2E4;
}
.brdViewBox01 .brdLnkBox01 dt { 
	flex-shrink:0;
	width: 120px;
	padding:0 12px;
	font-weight: 700;
	font-size: 18px;
	color: #575E65;
}
.brdViewBox01 .brdLnkBox01 dd { 
	flex-grow:1;
	min-width: 0;
}
.brdViewBox01 .brdLnkBox01 dd .txt01,
.brdViewBox01 .brdLnkBox01 dd .lnk01 { 
	font-weight: 500;
	font-size: 18px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.brdViewBox01 .brdLnkBox01 dd .txt01 {
	color: #C4C6C8;
}
.brdViewBox01 .brdLnkBox01 dd .lnk01 { 
	display:block;
	color: #575E65;
	transition:all .3s ease;
}
.brdViewBox01 .brdLnkBox01 dd .lnk01:focus,
.brdViewBox01 .brdLnkBox01 dd .lnk01:hover { 
	color: #E21B2E;
}
.brdViewBox01 .brdBtmBox { 
	margin:44px 0 0;
}
.brdViewBox01 .brdBtmBox .lnkBack { 
	display:inline-block;
	padding:18px 84px 16px;
	background: #F6F6F9;
	font-weight: 500;
	font-size: 20px;
	color: #8B8F93;
	transition:all .3s ease;
}
.brdViewBox01 .brdBtmBox .lnkBack:focus,
.brdViewBox01 .brdBtmBox .lnkBack:hover { 
	background: #E21B2E;
	color: #FFF;
}
@media all and (max-width:999px){
	.brdViewBox01 .brdTit01 {
		margin:0 0 16px;
		padding:0 0 22px;
		font-size: 18px;
	}
	.brdViewBox01 .brdInfoTxt01 { 
		font-size: 12px;
		color: #8B8F93;
	}
	.brdViewBox01 .brdConBox .txt01 { 
		font-size: 15px;
	}
	.brdViewBox01 .brdLnkBox01 dl { 
		padding:12px 0;
	}
	.brdViewBox01 .brdLnkBox01 dt { 
		width: 80px;
		padding:0 10px;
		font-size: 14px;
	}
	.brdViewBox01 .brdLnkBox01 dd .txt01, 
	.brdViewBox01 .brdLnkBox01 dd .lnk01 { 
		font-size: 14px;
	}
	.brdViewBox01 .brdBtmBox { 
		margin:16px 0 0;
	}
	.brdViewBox01 .brdBtmBox .lnkBack { 
		padding:14px 44px;
		font-size: 14px;
	}
}
/* 게시판 보기 끝
------------------------------------------------------ */
/* 페이징 시작
------------------------------------------------------ */
.comPageBox {
	display:flex;
	justify-content:center;
	margin:65px 0 0;
}
.comPageBox .btnPage { 
	position:relative;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 36px;
	height: 36px;
	font-weight: 500;
	font-size: 15px;
	line-height: 1;
	letter-spacing: -.25px;
	color: #666;
}
.comPageBox .btnPage.on { 
	font-weight: 900;
	color: #FF4948;
}
.comPageBox .btnPage.stArrow { 
	font-size: 0;
}
.comPageBox .btnPage.stArrow: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 .btnPage.stArrow.stPrev:before { 
	margin:-4px 0 0 -2px;
	transform:rotate(-135deg);
}
.comPageBox .btnPage.stArrow.stNext:before { 
	margin:-4px 0 0 -6px;
	transform:rotate(45deg);
}
@media all and (max-width:999px){
	.comPageBox { 
		margin:32px 0 0;
	}
}
/* 페이징 끝
------------------------------------------------------ */
/* 데이터가 없는 경우 시작
------------------------------------------------------ */
.comNoData01 {
	padding:112px 0;
	text-align: center;
}
.comNoData01 .imgBox { 
	margin:0 0 19px;
	font-size: 0;
}
.comNoData01 .imgBox img { 
	max-width: 100%;
}
.comNoData01 .txt01 { 
	font-size: 20px;
	letter-spacing: 0;
	color: #575E65;
}
@media all and (max-width:999px){
	.comNoData01 {
		padding:36px 0;
	}
	.comNoData01 .imgBox { 
		width: 36px;
		margin:0 auto 10px;
	}
	.comNoData01 .txt01 { 
		font-size: 13px;
	}
}
/* 데이터가 없는 경우 끝
------------------------------------------------------ */