@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: RiaSans-Regular;
	src: url(/Form/fonts/RiaSans-Regular.otf) format(opentype), url(/Form/fonts/RiaSans-Regular.ttf) format(truetype);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: RiaSans-Bold;
	src: url(/Form/fonts/RiaSans-Bold.otf) format(opentype), url(/Form/fonts/RiaSans-Bold.ttf) format(truetype);
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: RiaSans-ExtraBold;
	src: url(/Form/fonts/RiaSans-ExtraBold.otf) format(opentype), url(/Form/fonts/RiaSans-ExtraBold.ttf) format(truetype);
	font-weight: normal;
	font-style: normal;
}

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
}
html, body { 
	position:relative; 
	width: 100%;
	overflow-x:hidden;
}
html.onFixed { 
	height: 100%;
	overflow: hidden;
}
body { 
	font-family: Pretendard, 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: 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 120px;
}
.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,.7);
	z-index: 10;
}
.comPopBox01 {
	position:absolute;
	width: 488px;
	max-width: 90%;				
	top: 50%;
	left: 50%;
	padding:24px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 25px;
}
.comPopBox01 .popTit01 { 
	margin:0 0 10px;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	color: #212121;
}
.comPopBox01 .popTxt01 {
	font-weight: 500;
	font-size: 18px;
	text-align: center; 
	color: #666;
}
.comPopBox01 .popTxt01 .clr01 { 
	font-weight: 700;
	color: #2ECC71;
}
.comPopBox01 .popTxt01 .stBold { 
	font-weight: 700; 
}
.comPopBox01 .scrollBox { 
	height: 100%;
	overflow-y:auto;
}
.comPopBox01 .popBtmBox {
	display:flex;
	flex-wrap:wrap;
	gap:12px;
	margin:24px 0 0;
}
.comPopBox01 .popBtmBox .btn { 
	display:block; 
	width: calc((100% - 12px)/2);
	padding:15px 10px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}
.comPopBox01 .popBtmBox .btn.st01 { 
	background: #EDEDED;
	color: #797979;
}
.comPopBox01 .popBtmBox .btn.st02 { 
	background: #F39C12;
	color: #FFF;
}
.comPopBox01 .popBtmBox .btn.fullWid { 
	width: 100%;
}
.cTit01 {
	font-family: RiaSans-Bold;
	font-weight: 500;
	font-size: 24px;
	text-align: center;
	color: #212121;
}
.cTit01 span { 
	color: #F39C12; 
}
.cTit01 + *:not(.cTit02) {
	margin-top:26px !important;
}
.cTit02 {
	margin:10px 0 0;
	font-family: RiaSans-Regular;
	font-weight: 300;
	font-size: 18px;
	text-align: center;
	color: #666;	 
}
.cTit02 .gTxt01 {
	font-weight: 400; 
	font-size: 14px;
	color: #999;
}
.verMb { 
	display:none; 
}
.subComWr { 
	padding:57px 0 0;
}
.subComBnr01 {
	margin:0 0 117px;
	font-size: 0;
}
.subComBnr01 img { 
	width: 100%; 
}
.subComBnr01 .bnrMb { 
	display:none; 
}
.subComBnr01.stOff { 
	display:none;
}
.comCallLnk01 {
	position:fixed;
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 90px;
	height: 90px;
	top: 50%;
	right: 50%;
	margin:-45px -702px 0 0;
	background:linear-gradient(to bottom, #F39C12, #FF9F4B);
	border-radius: 50%;
	box-shadow:0 2px 5px 0 rgba(112,106,93,.24);
	text-align: center;
	z-index: 1;
}
.comCallLnk01 span { 
	display:block; 
}
.comCallLnk01 .lnkIco { 
	margin:0 auto 4px;
	font-size: 0;
}
.comCallLnk01 .lnkIco img { 
	max-width: 100%; 
}
.comCallLnk01 .lnkTxt { 
	font-weight: 700;
	font-size: 15px;
	color: #FFF;
}
@media all and (max-width:1499px){
	.comCallLnk01 { 
		right: 16px; 
		margin:-45px 0 0;
	}
}
@media all and (max-width:1232px){
	.inner { 
		margin:0 16px;
	}
}
@media all and (max-width:999px){
	.wrapper { 
		padding:56px 0 40px;
	}
	.comPopBox01 { 
		width: 270px;
		padding:16px;
		border-radius: 10px;
	}
	.comPopBox01 .popTit01 {
		margin:0 0 6px;
		font-size: 16px;
	}
	.comPopBox01 .popTxt01 { 
		font-size: 14px; 
	}
	.comPopBox01 .popBtmBox .btn { 
		font-size: 16px; 
	}
	.cTit01 {
		font-size: 16px;
	}
	.cTit01 + *:not(.cTit02) { 
		margin-top:13px;
	}
	.cTit02 { 
		margin:5px 0 0;
		font-size: 13px; 
	}
	.cTit02 .gTxt01 { 
		font-size: 12px; 
	}
	.verPc { 
		display:none;
	}
	.verMb { 
		display:block;
	}
	.subComWr { 
		padding:28px 0 0;
	}
	.comPopBox01 .popBtmBox {
		gap:8px;
		margin:16px 0 0;
        flex-direction: column-reverse;
	}
	.comPopBox01 .popBtmBox .btn { 
		width: 100%; 
	}
	.subComBnr01 { 
		margin:0 0 21px;
	}
	.comCallLnk01 { 
		width: 40px;
		height: 40px;
		margin:-20px 0 0;
	}
	.comCallLnk01 .lnkIco { 
		width: 24px;
		margin:0 auto;
	}
	.comCallLnk01 .lnkTxt { 
		display:none;
	}
}
@media all and (max-width:599px){
	.subComBnr01 .bnrPc { 
		display:none; 
	}
	.subComBnr01 .bnrMb { 
		display:block; 
	}
}

/* 헤더 시작
------------------------------------------------------ */
header { 
	position:fixed; 
	width: 100%;
	height: 80px;
	top: 0;
	left: 0;
	background: #FFF;
	border-bottom:1px solid #EDEDED;
	z-index: 10;
}
header .inner { 
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	height: 100%;
}
header .hLogo a { 
	display:block; 
	font-size: 0;
}
header .hLogo a img { 
	max-width: 100%; 
}
header .mbMenuOn { 
	display:none;
}
header .mbMenuWr { 
	display:flex;
	align-items:center;
	gap:26px;
}
header .mbMenuTopBox { 
	display:none; 
}
header .hMenuLst { 
	display:flex;
	gap:26px;
}
header .hMenuLst li { 
	position:relative; 
	padding:0 27px 0 0;
}
header .hMenuLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top: 50%;
	right: 0;
	margin:-6px 0 0;
	background: #797979;	
}
header .hMenuLst .lnk { 
	display:block; 
	font-weight: 500;
	font-size: 15px;
	color: #212121;
}
header .hMenuLst .lnk.on { 
	color: #F39C12;
}
header .hLangSelBox { 
	display:flex;
	align-items:center;
	gap:5px;
}
header .hLangSelIco { 
	flex-shrink:0;
	display:block;
	font-size: 0;
}
header .hLangSelIco img { 
	max-width: 100%; 
}
header .hLangSelLst { 
	display:flex;
	align-items:center; 
	gap:5px;
}
header .hLangSelLst li { 
	position:relative;
	padding:0 9px 0 0;
}
header .hLangSelLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 2px;
	top: 50%;
	right: 0;
	margin:-1px 0 0;
	background: #212121;
	border-radius: 50%;	
}
header .hLangSelLst li:last-child { 
	padding:0;
}
header .hLangSelLst li:last-child:after { 
	display:none;
}
header .hLangSelLst .lnk { 
	font-weight: 500;
	font-size: 15px;
	color: #797979;
}
header .hLangSelLst .lnk.on { 
	font-weight: 700;
	color: #F39C12;
}
@media all and (max-width:999px){
	header { 
		height: 56px;
	}
	header .hLogo a { 
		width: 109px; 
	}
	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: 18px;
		height: 2px;
		left: 4px;
		background: #111827;
		border-radius: 4px;
	}
	header .mbMenuOn:before { 
		top: 5px; 
	}
	header .mbMenuOn:after { 
		top: 17px; 
	}
	header .mbMenuOn span { 
		position:absolute; 
		display:block; 
		width: 10px;
		height: 2px;
		top: 50%;
		left: 4px;
		margin:-1px 0 0;
		background: #111827;
		border-radius: 4px;
	}
	header .mbMenuBg.on { 
		display:block;
	}
	header .mbMenuWr { 
		position:fixed;
		align-items:stretch;
		flex-direction:column;
		gap:0;
		width: 304px;
		max-width: 100%;
		height: 100%;
		top: 0;
		right: -100%;
		background: #FFF;
		transition:all .3s ease;
		z-index: 10;
	}
	header .mbMenuWr.on { 
		right: 0; 
	}
	header .mbMenuTopBox { 
		display:block;
		padding:22px 16px 127px;
		background:url(/Form/_guest/basic/images/mbMenuBg01.png) no-repeat;
		background-size:cover;
	}
	header .mbMenuTopBox .topBox { 
		display:flex;
		justify-content:space-between;
	}
	header .mbMenuTopBox .logo { 
		width: 109px;
		font-size: 0;
	}
	header .mbMenuTopBox .logo img { 
		max-width: 100%; 
	}
	header .mbMenuTopBox .mbMenuOff { 
		position:relative; 
		display:block;
		width: 24px;
		height: 24px;
	}
	header .mbMenuTopBox .mbMenuOff:before,
	header .mbMenuTopBox .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: #212121;
		border-radius: 4px;
	}
	header .mbMenuTopBox .mbMenuOff:before { 
		transform:rotate(45deg); 
	}
	header .mbMenuTopBox .mbMenuOff:after { 
		transform:rotate(-45deg); 
	}
	header .hMenuLst { 
		flex-grow:1;
		display:block;
		padding:0 16px;
	}
	header .hMenuLst li { 
		padding:0;
		border-bottom:1px solid #EDEDED;
	}
	header .hMenuLst li:after { 
		display:none;
	}
	header .hMenuLst .lnk { 
		padding:15px 0 12px;
	}
	header .hLangSelBox { 
		padding:20px 16px; 
	}
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
footer { 
	padding:39px 0 35px;
	background: #EDEDED; 
}
footer .fTopBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 22px;
	padding:0 0 24px;
	border-bottom:1px solid #DFDFDF;
}
footer .fLogo { 
	font-size: 0; 
}
footer .fLogo img { 
	max-width: 100%; 
}
footer .fTopRBox { 
	display:flex;
	align-items:center;
	gap:25px;
}
footer .fTermLst { 
	display:flex;
	flex-wrap:wrap; 
	gap:12px;
}
footer .fTermLst li { 
	position:relative; 
	padding:0 13px 0 0;
}
footer .fTermLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 8px;
	top: 50%;
	right: 0;
	margin:-4px 0 0;
	background: #DEDEDE;
}
footer .fTermLst li:last-child { 
	padding:0;
}
footer .fTermLst li:last-child:after { 
	display:none; 
}
footer .fTermLst .fTermBtn { 
	display:block;
	font-weight: 700;
	font-size: 14px;
	color: #B8B8B8;
}
footer .fLnkYout { 
	display:block; 
	font-size: 0;
}
footer .fLnkYout img { 
	max-width: 100%; 
}
footer .fInfoBox.stOff { 
	display:none;
}
footer .fInfoLst { 
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:10px;
}
footer .fInfoLst li { 
	position:relative; 
	padding:0 11px 0 0;
	font-size: 14px;
	color: #575757;
}
footer .fInfoLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 8px;
	top: 50%;
	right: 0;
	margin:-4px 0 0;
	background: #DEDEDE;
}
footer .fInfoLst li span { 
	margin:0 5px 0 0;
	color: #B8B8B8;
}
footer .fInfoLst li:last-child { 
	padding:0;
}
footer .fInfoLst li:last-child:after { 
	display:none; 
}
footer .fInfoLst + .fInfoLst { 
	margin-top:5px;
}
footer .fCopy { 
	margin:36px 0 0;
	font-size: 13px; 
	text-align: center;
	color: #B8B8B8;
}
.fTermPopWr .termTxt01 { 
	height: 307px;
	padding:15px;
	background: #FFFCF6;
	border:1px solid #F2EADE;
	border-radius: 15px;
}
.fTermPopWr .termTxt01 p { 
	font-weight: 500; 
	font-size: 18px;
	color: #666;
}
@media all and (max-width:999px){
	footer { 
		padding:29px 0 28px;
	}
	footer .fTopBox { 
		display:block;
		padding:0 0 8px;
	}
	footer .fLogo { 
		width: 95px;
		margin: 0 0 6px;
	}
	footer .fTopRBox { 
		justify-content:space-between;
		width: 100%;
	}
	footer .fTermLst .fTermBtn { 
		font-size: 13px; 
	}
	footer .fLnkYout { 
		width: 32px; 
	}
	footer .fInfoLst { 
		justify-content:flex-start;
		gap:5px;
	}
	footer .fInfoLst li { 
		padding:0;
		font-size: 13px;
	}
	footer .fInfoLst li:after { 
		display:none;
	}
	footer .fCopy { 
		margin:21px 0 0;
		font-size: 12px; 
	}
	.fTermPopWr .termTxt01 { 
		height: 183px;
		padding:10px;
	}
	.fTermPopWr .termTxt01 p { 
		font-size: 13px;
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 페이징 시작
------------------------------------------------------ */
.comPageBox {
	display:flex;
	justify-content:center;
	margin:30px 0 0;
}
.comPageBox .btn { 
	display:flex;
	align-items:center; 
	justify-content:center; 
	width: 40px;
	height: 40px;
	border-radius: 10px;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	color: #424242;
}
.comPageBox .btn.stArrow { 
	background: #F7F7F7;
	border:1px solid #E0E0E0;
	font-size: 0;
}
.comPageBox .btn.stNum.on { 
	background: #F39C12;
	color: #FFF;
}
.comPageBox .btn.stArrow + *,
.comPageBox .btn.stNum + .btn.stArrow { 
	margin:0 0 0 12px;
}
@media all and (max-width:999px){
	.comPageBox {
		margin:16px 0 0;
	}
	.comPageBox .btn {
		width: 34px;
		height: 34px;
		font-size: 13px;
	}
	.comPageBox .btn.stArrow img { 
		width: 17px;
	}
	.comPageBox .btn.stArrow + *,
	.comPageBox .btn.stNum + .btn.stArrow { 
		margin:0 0 0 5px;
	}
}
/* 페이징 끝
------------------------------------------------------ */
/* 갤러리 게시판 리스트 시작
------------------------------------------------------ */
.brdGalLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:24px;
}
.brdGalLst01 li {
	width: calc((100% - 48px)/3);
	border-radius: 15px;
	box-shadow:0 2px 5px 0 rgba(128,128,128,.25);
	overflow: hidden;
}
.brdGalLst01 .brdLnk,
.brdGalLst01 .brdLnk span { 
	display:block;
}
.brdGalLst01 .lstTopBox { 
	padding:31px 32px;
	background: #FFFCF6;
}
.brdGalLst01 .tit01,
.brdGalLst01 .tit02 { 
	white-space:nowrap;
	text-overflow:ellipsis; 
	overflow: hidden;
}
.brdGalLst01 .tit01 {
	margin:0 0 2px;
	font-weight: 500;
	font-size: 15px;
	color: #F39C12;
}
.brdGalLst01 .tit02 { 
	margin:0 0 10px;
	font-weight: 700;
	font-size: 18px;
	color: #212121;
}
.brdGalLst01 .date { 
	position:relative;
	padding:0 0 0 19px;
	font-size: 14px;
	color: #C8A165;
}
.brdGalLst01 .date:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top: 2px;
	left: 0;
	background:url(/Form/_guest/basic/images/brdGalDate01.svg) no-repeat;
	background-size:cover;
}
.brdGalLst01 .lstImgBox { 
	position:relative;
	padding:70.3125% 0 0;
	font-size: 0;
	overflow: hidden;
}
.brdGalLst01 .lstImgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
@media all and (max-width:999px){
	.brdGalLst01 {
		gap:10px;
	}
	.brdGalLst01 li {
		width: calc((100% - 20px)/3);
	}
	.brdGalLst01 .lstTopBox { 
		padding:15px 16px 14px;
	}
	.brdGalLst01 .tit01 { 
		margin:0 0 1px;
		font-size: 13px;
	}
	.brdGalLst01 .tit02 { 
		margin:0 0 6px;
		font-size: 14px;
	}
	.brdGalLst01 .date { 
		padding:0 0 0 16px;
		font-size: 12px; 
	}
	.brdGalLst01 .date:before { 
		top: 0; 
	}
}
@media all and (max-width:599px){
	.brdGalLst01 li { 
		position:relative;
		width: 100%;
		padding:0 0 0 87px;
		border-radius: 10px;
	}
	.brdGalLst01 .lstImgBox { 
		position:absolute; 
		width: 87px;
		height: 100%;
		top: 0;
		left: 0;
		padding:0;
	}
}
/* 갤러리 게시판 리스트 끝
------------------------------------------------------ */
/* 데이터가 없을 때 시작
------------------------------------------------------ */
.comNoData01 { 
	padding:80px 0;
	text-align: center;
}
.comNoData01 .imgBox { 
	margin:0 auto 23px;
	font-size: 0;
}
.comNoData01 .imgBox img { 
	max-width: 100%; 
}
.comNoData01 .txt01 { 
	font-size: 15px; 
	color: #797979;
}
@media all and (max-width:999px){
	.comNoData01 { 
		padding:30px 0;
	}
	.comNoData01 .imgBox { 
		width: 137px;
	}
	.comNoData01 .txt01 { 
		font-size: 14px; 
	}
}
/* 데이터가 없을 때 끝
------------------------------------------------------ */
/* 공통 유의사항 시작
------------------------------------------------------ */
.comNoteBox01 {
	margin:80px 0 0;
	padding:24px 30px;
	background: #FAFAFA;
	border-radius: 15px;
	box-shadow:0 2px 5px 0 rgba(128,128,128,.25);
}
.comNoteBox01 .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	margin:0 0 7px;
}
.comNoteBox01 .tit01 { 
	font-weight: 500;
	font-size: 16px;
	color: #2C3E50;
}
.comNoteBox01 .comNoteTgl { 
	position:relative; 
	display:block;
	padding:0 15px 0 0;
	font-weight: 500;
	font-size: 14px;
	color: #424242;
}
.comNoteBox01 .comNoteTgl:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 0;
	margin:-6px 0 0;
	transform:rotate(45deg);
	border-bottom:1px solid #666;
	border-right:1px solid #666;
}
.comNoteBox01 .txt01 {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font-weight: 500; 
	font-size: 14px;
	color: #797979;
	word-break:break-all;
	text-overflow: ellipsis;
	overflow: hidden;
}
.comNoteBox01 .txt01.on { 
	display:block;
}
@media all and (max-width:999px){
	.comNoteBox01 {
		margin:40px 0 0;
		padding:16px;
	}
}
/* 공통 유의사항 끝
------------------------------------------------------ */