@charset "utf-8";

/* Vue.js v-cloak: Vue 앱 로드 전 {{ }} 태그 숨김 */
[v-cloak] {
    display: none !important;
}
@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:0;
	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:0;
}
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; 
}
@keyframes blink01 { 
	0% { 
		opacity: 0; 
	}
	100% { 
		opacity: 100%; 
	}
}

.inner { 
	max-width: 1800px;
	margin:0 auto;
}
.verMb { 
	display:none;
}
.gap {
	height: 40px; 
}
.sgap { 
	height: 24px; 
}
.comPopBg { 
	position:fixed; 
	display:none; 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	z-index: 10;	 
}
.modal { 
	position:fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.6);
	z-index: 10;
}
.comPopBox01 {
	position:absolute; 
	width: 580px;
	max-width: 82%;
	top: 50%;
	left: 50%;
	padding:40px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 16px;
}
.comPopBox01 .topBox {
	display:flex;
	align-items:center; 
	justify-content:space-between;
	gap:8px;
	margin:0 0 12px;
	padding:0 0 18px;
	border-bottom:1px solid #E0E2E4;
}
.comPopBox01 .topBox .tit01 { 
	font-weight: 700; 
	font-size: 20px;
	letter-spacing: -.2px;
	color: #2E3337;
}
.comPopBox01 .topBox .popClose {
	flex-shrink:0;
	position:relative; 
	display:block; 
	width: 24px;
	height: 24px;
}
.comPopBox01 .topBox .popClose:before,
.comPopBox01 .topBox .popClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 26px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -13px;
	background: #8B8F93;
}
.comPopBox01 .topBox .popClose:before { 
	transform:rotate(45deg); 
}
.comPopBox01 .topBox .popClose:after { 
	transform:rotate(-45deg); 
}
.comPopBox01 .conBox .iptDl01 { 
	display:flex;
	align-items:center; 
	gap:10px;
}
.comPopBox01 .conBox .iptDl01 dt { 
	flex-shrink:0;
	width: 130px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.2px;
	color: #8B8F93;
}
.comPopBox01 .conBox .iptDl01 dd { 
	flex-grow:1;
}
.comPopBox01 .conBox .iptDl01 dd .ipt {
	display:block;
	padding:11px 9px;
	border:1px solid #E0E2E4;
	border-radius: 4px;
	font-size: 14px;
	letter-spacing: -.2px;
	color: #2E3337;
}
.comPopBox01 .conBox .iptDl01 dd .ipt::placeholder { 
	color: #8B8F93; 
}
.comPopBox01 .conBox .iptDl01 dd .ipt:read-only { 
	background: #F6F6F9; 
}
.comPopBox01 .conBox .iptDl01 dd .ipt.fullWid { 
	width: 100%; 
}
.comPopBox01 .conBox .iptDl01 dd .addrBox { 
	display:flex;
	gap:8px;
}
.comPopBox01 .conBox .iptDl01 dd .addrBox .ipt { 
	flex-grow:1;
}
.comPopBox01 .conBox .iptDl01 dd .addrBox .btn { 
	flex-shrink:0;
	display:block;
	padding:11px 9px;
	border:1px solid #5A69AF;
	border-radius: 4px;
	font-size: 14px;
	letter-spacing: -.2px;
	text-align: center;
	color: #5A69AF;
}
.comPopBox01 .conBox .iptDl01 + .iptDl01 { 
	margin-top:16px;
}
.comPopBox01 .conBox .chkBox01 { 
	position:relative;
}
.comPopBox01 .conBox .chkBox01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.comPopBox01 .conBox .chkBox01 .chkLbl { 
	position:relative; 
	display:inline-block;
	padding:0 0 0 22px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing:-.2px;
	color: #8B8F93;
}
.comPopBox01 .conBox .chkBox01 .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top: 2px;
	left: 0;
    border: 1px solid #E0E2E4;
    border-radius: 3px;
}
.comPopBox01 .conBox .chkBox01 .chkIpt:checked + .chkLbl:before { 
	background: #5A69AF url(/Form/_guest/basic/images/comChk01.svg) no-repeat center top 2px;
	border-color:#5A69AF;
}
.comPopBox01 .conBox .iptDl01 + .chkBox01 { 
	margin-top:16px;
}
.comPopBox01 .btmBox { 
	display:flex;
	justify-content:center;
	gap:10px;
	margin:16px 0 0;
}
.comPopBox01 .btmBox .btn { 
	display:block;
	min-width: 120px;
	padding:11px;
	border-radius: 4px;
	border-width:1px;
	border-style:solid;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.2px;
	text-align: center;
}
.comPopBox01 .btmBox .btn.st01 { 
	background:#5A69AF;
	border-color:#5A69AF;
	color: #FFF;
}
.comPopBox01 .btmBox .btn.st02 { 
	background:#E0E2E4;
	border-color:#E0E2E4;
	color: #2E3337;
}
.cTit01 { 
	margin:0 0 20px;
	font-weight: 700; 
	font-size: 26px;
	color: #2E3337;
}
.cTit01 .clr01 { 
	color: #5A69AF;
}
.subComWr { 
	padding:209px 0 96px;
}
.subTopBox01 {
	position:relative; 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	min-height: 37px;
	margin:0 0 16px;
	padding:0 0 12px;
	border-bottom:1px solid #2E3337;
}
.subTopBox01 .tit01 {
	font-weight: 700;
	font-size: 24px;
	letter-spacing: -.5px;
	color: #2E3337;
}
.subTopBox01 .btnTit { 
	display:none; 
}
.subTopBox01 .lnkWrite {
	display:flex;
	align-items:center; 
	justify-content:center;
	gap:9px;
	padding:9px 19px 8px;
	background: #5A69AF;
	border-radius: 8px;
}
.subTopBox01 .lnkWrite span { 
	display:block;
}
.subTopBox01 .lnkWrite .lnkIco { 
	font-size: 0; 
}
.subTopBox01 .lnkWrite .lnkIco img { 
	max-width: 100%; 
}
.subTopBox01 .lnkWrite .lnkTxt { 
	font-weight: 500; 
	font-size: 15px;
	color: #FFF;
}
.font_w5 { 
	font-weight: 500; 
}
.font_w7 { 
	font-weight: 700; 
}
.clrTxt01 {
	color: #5A69AF !important;
}
.mg5t { 
	margin-top:5px !important;
}
@media all and (max-width:1832px){
	.inner { 
		margin:0 16px;
	}
}
@media all and (min-width:1000px){
	.subTopBox01 .moveLnkLst {
		display:none !important;
	}
}
@media all and (max-width:999px){
	.wrapper {
		padding:0 0 54px;
	}
	.verPc { 
		display:none;
	}
	.verMb {
		display:block; 
	}
	.gap { 
		height:24px; 
	}
	.sgap { 
		height: 16px;
	}
	.comPopBox01 { 
		padding:20px;
	}
	.comPopBox01 .topBox { 
		margin:0 0 10px;
		padding:0 0 8px;
	}
	.comPopBox01 .topBox .tit01 { 
		font-size: 16px; 
	}
	.comPopBox01 .topBox .popClose {
		width: 18px; 
		height: 18px;
	}
	.comPopBox01 .topBox .popClose:before,
	.comPopBox01 .topBox .popClose:after { 
		width: 20px;
		margin:-1px 0 0 -10px;
	}
	.comPopBox01 .conBox .iptDl01 { 
		flex-wrap:wrap;
		gap:6px;
	}
	.comPopBox01 .conBox .iptDl01 dt,
	.comPopBox01 .conBox .iptDl01 dd { 
		width: 100%; 
	}
	.comPopBox01 .conBox .iptDl01 + .iptDl01 { 
		margin-top:14px;
	}
	.cTit01 { 
		margin:0 0 13px;
		font-size: 20px; 
	}
	.subComWr { 
		padding:144px 0 56px;
	}
	.subTopBox01 { 
		min-height: 34px; 
	}
	.subTopBox01 .tit01 {
		position:absolute; 
		width: 0;
		height: 0;
		font-size: 0;
		overflow: hidden;
	}
	.subTopBox01 .btnTit {
		position:relative; 
		display:inline-block;
		padding:0 20px 0 0;
		font-weight: 500;
		font-size: 18px;
		letter-spacing: -.5px;
		color: #2E3337;
	}
	.subTopBox01 .btnTit:after {
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 0;
		height: 0;
		top: 50%;
		right: 0;
		margin:-4px 0 0;
		border-top:8px solid #2E3337;
		border-right:5px solid transparent;
		border-left:5px solid transparent;
		transition:all .3s ease;
	}
	.subTopBox01 .btnTit.on:after {
		margin:-6px 0 0;
		transform:rotate(180deg); 
	}
	.subTopBox01 .moveLnkLst { 
		position:absolute;
		display:none;
		width: 104px;
		top: calc(100% - 10px);
		left: 0;	
		padding:16px;
		background: #FFF;
		border-radius: 8px;
		box-shadow:2px 4px 10px 0 rgba(0,0,0,.1);
		z-index: 2;
	}
	.subTopBox01 .moveLnkLst li { 
		margin:0 0 16px;
	}
	.subTopBox01 .moveLnkLst li:last-child { 
		margin:0;
	}
	.subTopBox01 .moveLnkLst .lnk { 
		display:block;
		font-weight: 500;
		font-size: 13px;
		color: #2E3337;
	}
	.subTopBox01 .lnkWrite {
		gap:11px;
		padding:8px 16px;
	}
	.subTopBox01 .lnkWrite .lnkIco { 
		width: 14px;
	}
	.subTopBox01 .lnkWrite .lnkTxt {
		font-size: 14px;
	}
}
@media all and (max-width:599px){
	.comPopBox01 .btmBox .btn { 
		width: 100%; 
	}
}

/* 헤더 시작
------------------------------------------------------ */
header {
	position:fixed; 
	width: 100%;
	height: 78px;
	top: 0;
	left: 0;
	background: #FFF;
	z-index: 10;
}
header .inner { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	height: 100%;	
}
header .lBox,
header .rBox { 
	display:flex;
	align-items:center;
}
header .lBox { 
	gap:65px; 
}
header .rBox { 
	gap:16px; 
}
header .hLogo { 
	flex-shrink:0; 
}
header .hLogo a { 
	display:block; 
	font-size: 0;
}
header .hLogo a img { 
	max-width: 100%; 
}
header .hMenuLst01 { 
	display:flex;
	align-items:center; 
	gap:38px;
}
header .hMenuLst01 li { 
	position:relative; 
	padding:0 39px 0 0;
}
header .hMenuLst01 li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 14px;
	top: 50%;
	right: 0;
	margin:-7px 0 0;
	background: #DDD;
}
header .hMenuLst01 li:last-child { 
	padding:0;
}
header .hMenuLst01 li:last-child:after { 
	display:none; 
}
header .hMenuLst01 .lnk { 
	display:block; 
	font-weight: 500;
	font-size: 18px;
	color: #2E3337;
}
header .hExtraLst01 {
	display:flex;
	align-items:center;
	gap:8px;
}
header .hExtraLst01 li { 
	position:relative;
}
header .hExtraLst01 .lnk { 
	position:relative;
	display:block;
	padding:9px 31px;
	border-width:1px;
	border-style:solid;
	border-radius: 1000px;
	font-weight: 700;
	font-size: 14px;
	text-align: center;
	transition:all .3s ease;
}
header .hExtraLst01 .lnk.st01 { 
	border-color:#2E3337;
	color:#2E3337;
}
header .hExtraLst01 .lnk.st02 { 
	background: #F2F4FF;
	border-color:#5A69AF;
	color:#5A69AF;
}
header .hExtraLst01 .lnk.st03,
header .hExtraLst01 .lnk.stMyPage {
	background: #5A69AF;
	border-color:#5A69AF;
	color:#FFF;
}
header .hExtraLst01 .lnk.st04 {
	border-color:#5A69AF;
	color:#5A69AF;	 
}
header .hExtraLst01 .lnk.stMyPage { 
	padding:9px 16px 9px 47px;
}
header .hExtraLst01 .lnk.stMyPage:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top: 50%;
	left: 15px;
	margin:-12px 0 0;
	background:url(/Form/_guest/basic/images/hMyPage01.svg) no-repeat;
	background-size:cover;
}
header .hExtraLst01 .lnk.st01:focus,
header .hExtraLst01 .lnk.st01:hover,
header .hExtraLst01 .lnk.st02:focus,
header .hExtraLst01 .lnk.st02:hover,
header .hExtraLst01 .lnk.st03:focus,
header .hExtraLst01 .lnk.st03:hover,
header .hExtraLst01 .lnk.stMyPage:focus,
header .hExtraLst01 .lnk.stMyPage:hover { 
	background:#2E3337;
	border-color:#2E3337;
	color: #FFF;
}
header .hExtraLst01 .dep2Box { 
	position:absolute;
	display:none;
	width: 120px;
	top: calc(100% + 8px);
	left: 50%;
	margin:0 0 0 -60px;
	padding:16px;
	background: #FFF;
	border-radius: 8px;
	box-shadow:2px 4px 16px 0 rgba(69,67,118,.1);
	z-index: 1;
}
header .hExtraLst01 .dep2Box .dep2Lst li { 
	margin:0 0 16px;
}
header .hExtraLst01 .dep2Box .dep2Lst li:last-child { 
	margin:0;
}
header .hExtraLst01 .dep2Box .dep2Lnk { 
	display:block;
	width: 100%;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.3px;	
	color: #373737;
	text-align: left;
}
header .hExtraLst01 .dep2Box .dep2Lnk.stLogout { 
	color: #EE6C5D;
}
header .hExtraLst02 { 
	display:flex;
	gap:16px;
}
header .hExtraLst02 .lnk { 
	position:relative;
	display:block; 
	font-size: 0;
}
header .hExtraLst02 .lnk img { 
	max-width: 100%; 
}
header .hExtraLst02 .lnk .on { 
	display:none;
}
header .hExtraLst02 .lnk.stNew:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top: 0;
	right: 2px;
	background: #EE6C5D url(/Form/_guest/basic/images/hLnkFaq01_new.svg) no-repeat center center;
	border-radius: 50%;
	z-index: 1;
	animation:blink01 .6s ease infinite alternate;
}
header .hExtraLst02 .lnk:focus .off,
header .hExtraLst02 .lnk:hover .off { 
	display:none; 
}
header .hExtraLst02 .lnk:focus .on,
header .hExtraLst02 .lnk:hover .on { 
	display:block;
}
.hOnlyMainBox {
	display:none;
}
.hCateSchBox {
	position:fixed; 
	width: 100%;
	height: 70px;
	top: 78px;
	left: 0;
	background: #F6F6F9;
	z-index: 9;
}
.hCateSchBox .inner { 
	display:flex;
	align-items:center; 
	justify-content:space-between; 
	gap:8px;
	height: 100%;
}
.hCateSchBox .hCateBox01 { 
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.hCateSchBox .hCateBox01 .hCateBtn { 
	display:block;
	min-width: 76px;
	padding:8px 16px 6px;
	background: #FFF;
	border:1px solid #E0E2E4;
	border-radius: 1000px;
	font-size: 16px;
	letter-spacing: 0;
	color: #2E3337;
}
.hCateSchBox .hCateBox01 .hCateBtn.on { 
	background: #5A69AF;
	border-color:#5A69AF;
	font-weight: 700;
	color: #FFF;
}
.hCateSchBox .hSchBox { 
	position:relative;
	width: 560px;
}
.hCateSchBox .hSchBox .ipt { 
	width: 100%; 
	padding:15px 40px 13px 19px;
	background: #FFF;
	border:1px solid #E0E2E4;
	border-radius: 1000px;
	font-size: 16px;
	color: #2E3337;
}
.hCateSchBox .hSchBox .ipt::placeholder { 
	color: #8B8F93; 
}
.hCateSchBox .hSchBox .btn { 
	position:absolute; 
	display:block; 
	top: 16px;
	right: 19px;
	font-size: 0;
}
.hCateSchBox .hSchBox .btn img { 
	max-width: 100%;				 
}
@media all and (max-width:1199px){
	header .lBox { 
		gap:24px; 
	}
	header .hMenuLst01 { 
		gap:16px; 
	}
	header .hMenuLst01 li {
		padding:0 21px 0 0;
	}
	header .hExtraLst01 .lnk { 
		padding:9px 24px;
	}
	header .hExtraLst01 .lnkFaq.stNew:before { 
		top: -2px; 
		right: 0;
	}
	.hCateSchBox .hSchBox { 
		width: 400px; 
	}
}
@media all and (max-width:999px){
	header { 
		height: 56px; 
	}
	header .hLogo a { 
		width: 115px; 
	}
	header .hMenuLst01,
	header .hExtraLst01 { 
		display:none;
	}
	header .hExtraLst02 .lnk { 
		width: 24px; 
	}
	header .hExtraLst02 .lnk.stNew:before {
		width: 10px;
		height: 10px;
		background-size:4px auto;
	}
	.hOnlyMainBox { 
		position:fixed; 
		display:block;
		width: 100%;
		height: 123px;
		top: 56px;
		padding:16px 16px 0;
		background: #FFF;
		z-index: 10;
	}
	.hOnlyMainBox .txt01 {
		font-size: 20px; 
		color: #2E3337;
	}
	.hOnlyMainBox .txt01 span { 
		display:block;
		font-weight: 700;
	}
	.hOnlyMainBox .lnkBox { 
		display:flex;
		flex-wrap:wrap;
		gap:8px; 
		margin:16px 0 0;
	}
	.hOnlyMainBox .lnkBox .lnk { 
		display:block; 
		padding:9px 31px;
		border-width:1px;
		border-style:solid;
		border-radius: 999px;
		font-weight: 700;
		font-size: 14px;
		text-align: center;
	}
	.hOnlyMainBox .lnkBox .lnk.st01 { 
		background: #FFF;
		border-color:#2E3337;
		color: #2E3337;
	}
	.hOnlyMainBox .lnkBox .lnk.st02 { 
		background: #5A69AF;
		border-color:#5A69AF;
		color: #FFF;
	}
	.hCateSchBox {
		height: 72px;
		top: 56px;
		background: #FFF;
	}
	.hCateSchBox .hCateBox01 { 
		display:none;
	}
	.hCateSchBox .hSchBox { 
		width: 100%; 
	}
	.hCateSchBox .hSchBox .ipt { 
		padding:13px 40px 13px 19px;
		font-size: 14px;
	}
	.hCateSchBox .hSchBox .btn { 
		top: 14px; 
		right: 20px;
	}
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
footer { 
	background: #FFF; 
}
footer .fConBox,
footer .fBtmBox { 
	border-top:1px solid #E0E2E4;
}
footer .fConBox { 
	padding:59px 0;
}
footer .fConBox .inner { 
	display:flex;
	justify-content:space-between;
}
footer .fConBox .rBox { 
	text-align: right;
}
footer .fConBox .rTopBox {
	display:flex;
	align-items:center; 
	gap:24px;
	margin:0 0 10px;
}
footer .fConBox .fLogo { 
	margin:0 0 23px;
	font-size: 0;
}
footer .fConBox .fLogo img { 
	max-width: 100%; 
}
footer .fConBox .fLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:13px;
}
footer .fConBox .fLst01 li { 
	position:relative;
	padding:0 14px 0 0;
	font-size: 12px;
	letter-spacing: -.3px;
	color: #8B8F93;
}
footer .fConBox .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: #8B8F93;
}
footer .fConBox .fLst01 li:last-child { 
	padding:0;
}
footer .fConBox .fLst01 li:last-child:after { 
	display:none;
}
footer .fConBox .fLst01 + .fLst01 { 
	margin-top:4px;
}
footer .fConBox .fCopy01 { 
	margin:20px 0 0;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.3px;
	color: #575E65;
}
footer .fConBox .fCallLnk01 { 
	display:inline-block;
	margin:0 0 5px;
	font-weight: 500;
	font-size: 32px;
	letter-spacing: -.3px;
	color: #2E3337;
}
footer .fConBox .fTxt01 {
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.3px;
	color: #575E65;
}
footer .fConBox .fLnkBox01 { 
	display:flex;
	flex-wrap:wrap; 
	justify-content:flex-end;
	gap:8px;
}
footer .fConBox .fLnkBox01 .lnk { 
	display:block;
	padding:9px 24px 8px;
	border:1px solid #E0E2E4;
	border-radius: 999px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.3px;
	text-align: center;
	color: #575E65;
}
footer .fConBox .fSnsBox01 { 
	display:flex;
	gap:8px;
}
footer .fConBox .fSnsBox01 .lnk { 
	display:block; 
	font-size: 0;
}
footer .fConBox .fSnsBox01 .lnk img { 
	max-width: 100%; 
}
footer .fBtmBox { 
	overflow: hidden; 
}
footer .fBtmBox .conBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	width: 100%;
	max-width: 1800px;
	margin:0 auto;
}
footer .fBtmBox .fTermLst01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:50px;
}
footer .fBtmBox .fTermLst01 .fTermBtn { 
	display:block;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: -.3px;
	color: #575E65;
}
footer .fBtmBox .fOuterLst01 { 
	display:flex;
}
footer .fBtmBox .fOuterLst01 .lnk { 
	position:relative; 
	display:block; 
	width: 320px;
	padding:23px 55px 20px 62px;
	font-weight: 700;
	font-size: 16px;
	letter-spacing: -.3px;
	color: #FFF;
}
footer .fBtmBox .fOuterLst01 .lnk:before,
footer .fBtmBox .fOuterLst01 .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
}
footer .fBtmBox .fOuterLst01 .lnk:before { 
	width: 24px;
	height: 24px;
	top: 20px;
	left: 32px;
	background-repeat: no-repeat;	
	background-size:cover;
}
footer .fBtmBox .fOuterLst01 .lnk:after { 
	width: 13px; 
	height: 12px;
	top: 27px;
	right: 33px;
	background:url(/Form/_guest/basic/images/fOuterArrow01.svg) no-repeat;
	background-size:cover;
}
footer .fBtmBox .fOuterLst01 .lnk.st01 { 
	background: linear-gradient(to right, #298BD0, #72C3FD);
}
footer .fBtmBox .fOuterLst01 .lnk.st01:before { 
	background-image: url(/Form/_guest/basic/images/fOuter01.svg); 
}
footer .fBtmBox .fOuterLst01 .lnk.st02 { 
	background: linear-gradient(to right, #41519A, #828FCD);
}
footer .fBtmBox .fOuterLst01 .lnk.st02:before { 
	background-image: url(/Form/_guest/basic/images/fOuter02.svg); 
}
.fTermPopBox01 {
	position:absolute; 
	width: 580px;
	max-width: 78%;
	top: 50%;
	left: 50%;
	padding:37px 40px 40px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border:1px solid #C4C6C8;
	border-radius: 16px;
}
.fTermPopBox01 .tit01 { 
	margin:0 0 21px;
	font-weight: 600;
	font-size: 20px;
	text-align: center;
	color: #2E3337;
}
.fTermPopBox01 .txtBox { 
	padding:20px 16px;
	border:1px solid rgba(224,226,228,.5);
	border-radius: 8px;
}
.fTermPopBox01 .txtBox .txt01 { 
	font-size: 13px;
	color: #2E3337;
	word-break:break-all;
}
.fTermPopBox01 .scrollBox { 
	height: 240px;
	overflow-y:auto;
}
.fTermPopBox01 .btmBox { 
	display:flex;
	justify-content:center;
	margin:24px 0 0;
}
.fTermPopBox01 .btmBox .btn { 
	display:block;
	padding:16px 29px 12px;
	background: #5A69AF;
	border-radius: 4px;
	font-weight: 600;
	font-size: 15px;
	text-align: center;
	color: #FFF;
}
@media all and (max-width:999px){
	footer .fConBox,
	footer .fBtmBox { 
		border-top:none;
	}
	footer .fConBox { 
		padding:57px 0;
		background: #F6F6F9;
	}
	footer .fConBox .inner { 
		flex-direction:column-reverse; 
		gap:24px;
	}
	footer .fConBox .rBox { 
		text-align: left; 
	}
	footer .fConBox .rTopBox { 
		gap:16px; 
	}
	footer .fConBox .fLogo { 
		width: 100px;
		margin:0 0 16px;
	}
	footer .fConBox .fLst01 { 
		gap:7px; 
	}
	footer .fConBox .fLst01 li { 
		padding:0;
		font-size: 10px;
	}
	footer .fConBox .fLst01 li:after { 
		display:none;
	}
	footer .fConBox .fLst01 li.fullWid { 
		width: 100%; 
	}
	footer .fConBox .fLst01 + .fLst01 { 
		margin-top:7px;
	}
	footer .fConBox .fCopy01 { 
		margin:13px 0 0;
		font-size: 12px; 
	}
	footer .fConBox .fCallLnk01 { 
		font-size: 32px; 
	}
	footer .fConBox .fLnkBox01 { 
		justify-content:flex-start;
	}
	footer .fConBox .fLnkBox01 .lnk { 
		padding:8px 19px 7px;
		font-size: 12px;
	}
	footer .fConBox .fSnsBox01 .lnk { 
		width: 32px;
	}
	footer .fBtmBox .conBox { 
		flex-direction:column-reverse;
		float:none; 
	}
	footer .fBtmBox .fTermLst01 li { 
		padding:14px 0 16px; 
	}
	footer .fBtmBox .fTermLst01 .fTermBtn { 		
		font-size: 14px; 
	}
	footer .fBtmBox .fOuterLst01 { 
		width: 100%; 
	}
	footer .fBtmBox .fOuterLst01 li { 
		width: 50%; 
	}
	footer .fBtmBox .fOuterLst01 .lnk { 
		width: 100%;
		padding:15px 42px;
		font-size: 14px;
	}
	footer .fBtmBox .fOuterLst01 .lnk:before { 
		width: 20px;
		height: 20px;
		top: 14px;
		left: 16px;
	}
	footer .fBtmBox .fOuterLst01 .lnk:after { 
		top: 19px; 
		right: 17px;
	}
	.fTermPopBox01 {
		padding:24px 20px;
	}
	.fTermPopBox01 .tit01 { 
		margin:0 0 13px;
		font-size: 16px;
	}
	.fTermPopBox01 .txtBox { 
		padding:20px 16px;
	}
	.fTermPopBox01 .txtBox .txt01 { 
		font-size: 11px;
	}
	.fTermPopBox01 .scrollBox { 
		height: 200px;
	}
	.fTermPopBox01 .btmBox {
		margin:16px 0 0;
	}
	.fTermPopBox01 .btmBox .btn {
		width: 100%;
		padding:16px 10px 12px;
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 모바일 전용 네비 시작
------------------------------------------------------ */
.mbNavWr { 
	display:none; 
}
@media all and (max-width:999px){
	.mbNavWr { 
		position:fixed; 
		display:block;
		width: 100%;
		height: 54px;
		bottom: 0;
		left: 0;
		background: #FFF;
		border-top:1px solid #E0E2E4;
		z-index: 2;
	}
	.mbNavWr .navLst01 { 
		display:flex;
		height: 100%;
	}
	.mbNavWr .navLst01 li { 
		width: 25%; 
	}
	.mbNavWr .navLst01 .lnk { 
		display:flex;
		align-items:center; 
		justify-content:center;
		width: 100%;
		height: 100%;		
		text-align: center;
	}
	.mbNavWr .navLst01 .lnk span { 
		display:block; 
	}
	.mbNavWr .navLst01 .lnk .lnkIco { 
		margin:0 0 3px;
		font-size: 0;
	}
	.mbNavWr .navLst01 .lnk .lnkIco img { 
		max-width: 100%;
	}
	.mbNavWr .navLst01 .lnk .lnkIco .on { 
		display:none; 
	}
	.mbNavWr .navLst01 .lnk .lnkTxt01 {
		font-size: 12px;
		color: #8B8F93;
	}
	.mbNavWr .navLst01 .lnk:focus .lnkIco .off,
	.mbNavWr .navLst01 .lnk:hover .lnkIco .off,
	.mbNavWr .navLst01 .lnk.on .lnkIco .off { 
		display:none;
	}
	.mbNavWr .navLst01 .lnk:focus .lnkIco .on,
	.mbNavWr .navLst01 .lnk:hover .lnkIco .on,
	.mbNavWr .navLst01 .lnk.on .lnkIco .on { 
		display:inline-block;
	}
	.mbNavWr .navLst01 .lnk:focus .lnkTxt01,
	.mbNavWr .navLst01 .lnk:hover .lnkTxt01,
	.mbNavWr .navLst01 .lnk.on .lnkTxt01 { 
		font-weight: 700;
		color: #5A69AF;
	}
	.mbNavCatePop .popBox { 
		position:absolute;
		width: 328px;
		max-width: 91%;
		top: 50%;
		left: 50%;
		padding:30px 24px;
		transform:translate(-50%, -50%);
		background: #FFF;
		border-radius: 10px;
	}
	.mbNavCatePop .popBox .topBox { 
		display:flex;
		align-items:center; 
		justify-content:space-between; 
		gap:8px;
		margin:0 0 31px;
		padding:0 0 13px;
		border-bottom:1px solid #E0E2E4;
	}	
	.mbNavCatePop .popBox .topBox .tit01 { 
		font-weight: 500; 
		font-size: 18px;
		color: #2E3337;
	}
	.mbNavCatePop .popBox .topBox .popClose { 
		position:relative; 
		display:block; 
		width: 22px;
		height: 22px;
		overflow: hidden;
	}
	.mbNavCatePop .popBox .topBox .popClose:before,
	.mbNavCatePop .popBox .topBox .popClose:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 24px;
		height: 2px;
		top: 50%;
		left: 50%;
		margin:-1px 0 0 -12px;
		background: #2E3337;
	}
	.mbNavCatePop .popBox .topBox .popClose:before { 
		transform:rotate(45deg); 
	}
	.mbNavCatePop .popBox .topBox .popClose:after { 
		transform:rotate(-45deg); 
	}
	.mbNavCatePop .popBox .scrollBox { 
		max-height: 300px;
		overflow-y:auto;
	}
	.mbNavCatePop .popBox dl + dl { 
		margin-top:30px;
	}
	.mbNavCatePop .popBox dt { 
		padding:0 0 3px;
		border-bottom:1px solid #8B8F93;
		font-weight: 500;
		font-size: 16px;
		color: #2E3337;
	}
	.mbNavCatePop .popBox dd { 
		display:flex;
		flex-wrap:wrap;
		border-left:1px solid #E0E2E4;
		border-right:1px solid #E0E2E4;
		overflow: hidden;
	}
	.mbNavCatePop .popBox dd .navCate {
		position:relative;
		display:block; 
		width: 50%;
		padding:8px 9px 7px;
		border-right:1px solid #E0E2E4;
		font-weight: 500;
		font-size: 14px;
		color: #2E3337;
		text-align: left;
	}
	.mbNavCatePop .popBox dd .navCate:after { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 200%;
		height: 1px;
		bottom: 0;
		left: 0;
		background: #E0E2E4;
	}
	.mbNavCatePop .popBox dd .navCate:nth-child(2n) { 
		border-right:none;
	}
	.mbNavCatePop.on { 
		display:block;
	}
}
/* 모바일 전용 네비 끝
------------------------------------------------------ */
/* 공통 캠페인 리스트 시작
------------------------------------------------------ */
.mCampSwipeBox { 
	position:relative;
}
.mCampSwipeBox .btnArrow { 
	position:absolute; 
	display:block;
	width: 40px;
	height: 40px;
	top: 90px;
	background: rgba(255,255,255,.6);
	border-radius: 50%;
	box-shadow:0 4px 15px 0 rgba(64,82,97,.1);
	z-index: 1;
}
.mCampSwipeBox .btnArrow:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	border-top:2px solid #8B8F93;
	border-right:2px solid #8B8F93;
}
.mCampSwipeBox .btnArrow.stPrev { 
	left: -20px; 
}
.mCampSwipeBox .btnArrow.stPrev:before { 
	margin:-5px 0 0 -2px;
	transform:rotate(-135deg); 
}
.mCampSwipeBox .btnArrow.stNext { 
	right: -20px; 
}
.mCampSwipeBox .btnArrow.stNext:before { 
	margin:-5px 0 0 -7px;
	transform:rotate(45deg); 
}
.comCampLst01 { 
	display:flex;
	flex-wrap:wrap;
	gap:20px;
}
.comCampLst01 .lnk { 
	display:block;
	width: 100%;
}
.comCampLst01 .lnk .lnkImgBox {
	position:relative;
	display:block;
	margin:0 0 13px;
	padding:100% 0 0;
	background: #F6F6F9;
	border-radius: 4px;
	font-size: 0;
	overflow: hidden;
}
.comCampLst01 .lnk .lnkImgBox img {
	position:absolute; 
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	object-fit: cover;
	object-position: center;
	transition:all .3s ease;
}
/*
.comCampLst01 .lnk .lnkImgBox.noImg {
	background-image:url(/Form/_guest/basic/images/comNoImg01.svg);
	background-repeat:no-repeat;
	background-position:center center;
}
*/
.comCampLst01 .lnk .lnkPdcCate {
	position:absolute; 
	display:block; 
	top: 12px;
	left: 12px;
	padding:7px 16px 5px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	color: #FFF;
	z-index: 1;
}
.comCampLst01 .lnk .lnkPdcCate.st01 { 
	background: rgba(65,81,154,.8); 
}
.comCampLst01 .lnk .lnkPdcCate.st02 { 
	background: rgba(172,100,186,.8);
}
.comCampLst01 .lnk .lnkPdcCate.st03 { 
	background: rgba(223,96,79,.8); 
}
.comCampLst01 .lnk .lnkPdcCate.st04 { 
	background: rgba(41,139,208,.8); 
}
.comCampLst01 .lnk .lnkPdcCate.st05 { 
	background: rgba(65,81,154,.8);
}
.comCampLst01 .lnk .lnkCount {
	position:absolute;
	display:block;
	top: 12px;	
	right: 12px;
	padding:7px 16px 5px;
	background: #EE6C5D;
	border-radius: 8px;
	font-weight: 700;
	font-size: 15px;
	text-align: center;
	color: #FFF;
	z-index: 1;
}
.comCampLst01 .lnk .lnkZzim {
	position:absolute;
	display:block;
	width: 36px;
	height: 36px;
	bottom: 16px;
	right: 16px;
	background:url(/Form/_guest/basic/images/comZzim01_off.png) no-repeat;
	background-size:cover;
	cursor:pointer;
	z-index: 1;
}
.comCampLst01 .lnk .lnkZzim.on { 
	background-image: url(/Form/_guest/basic/images/comZzim01_on.png);
}
.comCampLst01 .lnk .lnkLimitDay,
.comCampLst01 .lnk .lnkTit01,
.comCampLst01 .lnk .lnkTxt01,
.comCampLst01 .lnk .lnkTxt02 {
	display:block;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;	 
}
.comCampLst01 .lnk .lnkLimitDay {
	position:relative; 
	display:block;
	margin:0 0 10px;
	padding:0 0 0 24px;
	font-weight: 700;
	font-size: 16px;
	color: #2E3337;
}
.comCampLst01 .lnk .lnkLimitDay:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 16px;
	top: 1px;
	left: 2px;
	background:url(/Form/_guest/basic/images/comCampLstTime01.svg) no-repeat;
	background-size:cover;
}
.comCampLst01 .lnk .lnkTit01 { 
	min-height: 21px;
	margin:0 0 4px;
	font-weight: 500;
	font-size: 16px;
	color: #2E3337;
}
.comCampLst01 .lnk .lnkTxt01 { 
	margin:0 0 8px;
	font-size: 14px;
	color: #575E65;
}
.comCampLst01 .lnk .lnkTxt02 {
	font-size: 14px;
	color: #8B8F93;
}
.comCampLst01 .lnk .lnkCateBox { 
	display:flex;
	/* flex-wrap:wrap; */
	gap:6px; 
	width: 100%;
	margin:14px 0 0;
	overflow:hidden;
}
.comCampLst01 .lnk .lnkCateBox .lnkCate { 
	display:block;
	padding:3px 8px 1px;
	background: #F6F6F9;
	border-radius: 4px;
	font-weight: 500;
	font-size: 12px;
	color: #8B8F93;
}
.comCampLst01 .lnk .lnkBtmBox {
	display:flex;
	align-items:center; 
	/* justify-content:space-between; */
	justify-content:flex-end;
	gap:8px;
	margin:16px 0 0;
	padding:13px 0 0;
	border-top:1px solid #E0E2E4;
}
.comCampLst01 .lnk .lnkSnsIco { 
	display:block;
	font-size: 0; 
}
.comCampLst01 .lnk .lnkSnsIco img { 
	max-width: 100%; 
}
.comCampLst01 .lnk .lnkLimitTime { 
	display:block;
	font-weight: 500;
	font-size: 14px;
	color: #5A69AF;
}
.comCampLst01 .lnk:focus .lnkImgBox img,
.comCampLst01 .lnk:hover .lnkImgBox img { 
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(1.2);
}
.comCampLst01 .extraBtmBox {
	margin:16px 0 0;
	padding:16px 0 0;
	border-top:1px solid #E0E2E4;
}
.comCampLst01 .extraBtmBox .btn { 
	display:block;
	padding:6px;
	background: #F6F6F9;
	border-radius: 999px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
}
.comCampLst01 .extraBtmBox .btn.st01 { 
	background: #F6F6F9;
	color: #8B8F93;
}
.comCampLst01 .extraBtmBox .btn.st01.fullWid { 
	width: 100%; 
}
.comCampLst01.has3 .campLstLi {
	width: calc((100% - 40px)/3);
}
.comCampLst01.has5 .campLstLi {
	width: calc((100% - 80px)/5); 
}
.comCampLst01.has7 .campLstLi {
	width: calc((100% - 120px)/7); 
}
.comCampBtmBox { 
	margin:22px 0 0;
	text-align: center;
}
.comCampBtmBox .lnk {
	display:inline-flex;
	align-items:center; 
	justify-content:center;
	gap:8px;
	padding:18px 47px 16px;
	border:1px solid #575E65;
	border-radius: 1000px;
}
.comCampBtmBox .lnk span { 
	display:block;
}
.comCampBtmBox .lnk .lnkPlus { 
	position:relative; 
	width: 14px;
	height: 14px;
}
.comCampBtmBox .lnk .lnkPlus:before,
.comCampBtmBox .lnk .lnkPlus:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	background: #2E3337;
	border-radius: 4px;
}
.comCampBtmBox .lnk .lnkPlus:before { 
	width: 100%;
	height: 2px;
	top: 50%;
	left: 0;
	margin:-1px 0 0;
}
.comCampBtmBox .lnk .lnkPlus:after { 
	width: 2px;
	height: 100%;
	top: 0;
	left: 50%;
	margin:0 0 0 -1px;
}
.comCampBtmBox .lnk .lnkTxt { 
	padding:2px 0 0;
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	color: #2E3337;
}
@media all and (max-width:1799px){	
	.mCampSwipeBox .btnArrow {
		top: 50%;
		margin:-20px 0 0;
	}
	.mCampSwipeBox .btnArrow.stPrev { 
		left: -16px;
	}
	.mCampSwipeBox .btnArrow.stNext { 
		right: -16px; 
	}
}
@media all and (max-width:999px){
	.comCampLst01 { 
		gap:16px; 
	}	
	.comCampLst01 .lnk .lnkPdcCate,
	.comCampLst01 .lnk .lnkCount {
		padding:5px 11px 3px;
		font-size: 12px; 
	}
	.comCampLst01 .lnk .lnkZzim {
		width: 18px;
		height: 18px;
		bottom: 5px;
		right: 5px;
	}
	.comCampLst01 .lnk .lnkLimitDay {
		margin:0 0 9px;
		font-size: 15px;
	}
	.comCampLst01 .lnk .lnkTit01 { 
		min-height: 20px;
		margin:0 0 5px;
		font-size: 15px; 
	}
	.comCampLst01 .lnk .lnkTxt01 { 
		margin:0 0 4px;
		font-size: 13px;
	}
	.comCampLst01 .lnk .lnkTxt02 {		
		font-size: 13px; 
	}
	.comCampLst01 .lnk .lnkCateBox { 
		margin:9px 0 0;
	}
	.comCampLst01 .lnk .lnkCateBox .lnkCate { 
		padding:3px 8px 2px;
		font-size: 11px;
	}
	.comCampLst01 .lnk .lnkBtmBox {
		margin:12px 0 0;
		padding:10px 0 0;
	}
	.comCampLst01 .lnk .lnkLimitTime {
		font-size: 13px;
	}
	.comCampLst01 .extraBtmBox {
		margin:12px 0 0;
		padding:10px 0 0;
	}
	.comCampLst01 .extraBtmBox .btn {
		font-size: 13px;
	}
	.comCampLst01.has3 .campLstLi,
	.comCampLst01.has5 .campLstLi,
	.comCampLst01.has7 .campLstLi { 
		width: calc((100% - 32px)/3); 
	}
	.comCampBtmBox { 
		margin:26px 0 0;
	}
	.comCampBtmBox .lnk {
		padding:12px 32px;
	}
	.comCampBtmBox .lnk .lnkPlus { 
		width: 12px; 
		height: 12px;
	}
	.comCampBtmBox .lnk .lnkTxt { 
		padding:0;
		font-size: 14px;
	}
}
@media all and (max-width:599px){
	.comCampLst01.has3 .campLstLi,
	.comCampLst01.has5 .campLstLi,
	.comCampLst01.has7 .campLstLi { 
		width: calc((100% - 16px)/2); 
	}
}
/* 공통 캠페인 리스트 끝
------------------------------------------------------ */
/* 테이블 관련 시작
------------------------------------------------------ */
.td_50 { 
	width: 50px; 
}
.td_100 { 
	width: 100px; 
}
.td_120 { 
	width: 120px; 
}
.td_150 { 
	width: 150px; 
}
.td_200 { 
	width: 200px; 
}
.td_left { 
	text-align: left !important; 
}
.tblBox01 { 
	overflow-x:auto; 
}
.tblBox01 table {
	min-width: 820px;
	font-size: 12px;
	text-align: center;
}
.tblBox01 thead { 
	background: #FAFAFA; 
}
.tblBox01 thead th {	
	padding:9px 7px 7px;
	font-weight: 500;
	color: #8B8F93;
}
.tblBox01 tbody tr { 
	border-bottom:1px solid #E0E2E4;
}
.tblBox01 tbody td {
	padding:17px 8px 15px;
	color: #2E3337;
}
/* 테이블 관련 끝
------------------------------------------------------ */
/* 왼쪽 네비 있는 서브 공통 스타일 시작
------------------------------------------------------ */
.subHasNavWr { 
	padding:0 16px;
}
.subHasNavWr .subHasNavBox { 
	display:flex;
	gap:72px;
	max-width: 1110px;
	margin:0 auto;
}
.subHasNavWr .subHasNavCon { 
	flex-grow:1; 
	width: calc(100% - 288px);
}
.subNavWr { 
	flex-shrink:0;
	width: 216px;
}
.subNavWr .navTit01 { 
	margin:0 0 10px;
	font-weight: 800;
	font-size: 18px;
	color: #2E3337;
}
.subNavWr .navLst01 + .navTit01 { 
	margin-top:49px;
}
.subNavWr .navLst01 li { 
	border-bottom:1px solid #E0E2E4;
}
.subNavWr .navLst01 .navLnk { 
	display:block;
	padding:14px 0 10px;
	font-weight: 500;
	font-size: 16px;
	color: #2E3337;
	transition:all .3s ease;
}
.subNavWr .navLst01 .navLnk.on,
.subNavWr .navLst01 .navLnk:focus,
.subNavWr .navLst01 .navLnk:hover { 
	font-weight: 700; 
	color: #5A69AF;
}
.subNavWr .navDropOut { 
	position:relative;
	display:inline-block;
	margin:37px 0 0;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.2;
	color: #575E65;
}
.subNavWr .navDropOut:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background: #575E65;
}
@media all and (max-width:1199px){
	.subHasNavWr .subHasNavBox { 
		gap:24px; 
	}
}
@media all and (max-width:999px){
	.subNavWr { 
		display:none;
	}
	.subHasNavWr .subHasNavCon { 
		width: 100%; 
	}
}
/* 왼쪽 네비 있는 서브 공통 스타일 끝
------------------------------------------------------ */
/* 일반 게시판 목록 스킨 시작
------------------------------------------------------ */
.comBrdBox01 table {
	font-size: 16px;
	letter-spacing: -.5px;
	text-align: center; 
}
.comBrdBox01 thead { 
	background: #F6F6F9; 
}
.comBrdBox01 thead th { 
	padding:11px 8px 9px;
	font-weight: 500;
	color: #575E65;
}
.comBrdBox01 tbody tr { 
	border-bottom:1px solid #E0E2E4;
}
.comBrdBox01 tbody td { 
	padding:15px 8px 11px;
	color: #8B8F93;
}
.comBrdBox01 tbody td .brdViewLnk01 { 
	display:block; 
	font-weight: 500;
	font-size: 1em;
	letter-spacing: -.5px;
	color: #575E65;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
@media all and (max-width:999px){
	.comBrdBox01 table { 
		font-size: 14px; 
	}
	.comBrdBox01 thead th { 
		padding:10px 8px;
	}
	.comBrdBox01 tbody td { 
		padding:14px 8px 12px;
	}
}
/* 일반 게시판 목록 스킨 끝
------------------------------------------------------ */
/* FAQ 게시판 목록 스킨 시작
------------------------------------------------------ */
.comFaqBox01 { 
	border-top:1px solid #E0E2E4;
}
.comFaqBox01 .faqQueBtn {
	position:relative; 
	display:flex;
	gap:10px;
	width: 100%;
	padding:19px 40px 18px 16px;
	border-bottom:1px solid #E0E2E4;
	text-align: left;
}
.comFaqBox01 .faqQueBtn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	right: 19px;
	margin:-6px 0 0;
	border-bottom:1px solid #8B8F93;
	border-right:1px solid #8B8F93;
	transform:rotate(45deg);
	transition:all .3s ease;
}
.comFaqBox01 .faqQueBtn span { 
	flex-shrink:0;
	display:block;
	min-width: 60px;
	font-weight: 500;
	font-size: 16px;
}
.comFaqBox01 .faqQueBtn .cate {
	flex-shrink:0;
	width: 130px;
	color: #5A69AF;
}
.comFaqBox01 .faqQueBtn .tit01 { 
	flex-grow:1;
	color: #2E3337; 
	word-break:break-all;
}
.comFaqBox01 .faqAnsBox { 
	/*display:none;*/
	padding:24px 32px;
	background: #F6F6F9;
}
.comFaqBox01 .faqAnsBox .txt01 { 
	font-size: 14px;
	letter-spacing: -.3px;
	color: #2E3337;
	word-break:break-all;
}
@media all and (max-width:999px){
	.comFaqBox01 { 
		border-top:none;
	}
	.comFaqBox01 .faqQueBtn { 
		flex-wrap:wrap;
		gap:5px;
		padding:22px 40px 19px 16px;
	}
	.comFaqBox01 .faqQueBtn span { 
		width: 100%; 
	}
	.comFaqBox01 .faqQueBtn .cate { 
		width: 100%; 
		font-size: 14px;
	}
	.comFaqBox01 .faqAnsBox {
		padding:24px 20px;
	}
	.comFaqBox01 .faqAnsBox .txt01 { 
		line-height: 1.5; 
	}
}
/* FAQ 게시판 목록 스킨 끝
------------------------------------------------------ */
/* 갤러리 게시판 목록 스킨 시작
------------------------------------------------------ */
.comGalLst01 {
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
	width: 100%;
}
.comGalLst01 li { 
	width: calc((100% - 24px)/4); 
}
.comGalLst01 .lnk { 
	display:block; 
	width: 100%;
}
.comGalLst01 .lnk span { 
	display:block;
}
.comGalLst01 .lnk .lnkImgBox { 
	position:relative;
	margin:0 0 13px;
	padding:100% 0 0;
	font-size: 0;
	overflow: hidden;
}
.comGalLst01 .lnk .lnkImgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	transition:all .3s ease;
}
.comGalLst01 .lnk .lnkImgBox.stEnd:before,
.comGalLst01 .lnk .lnkImgBox.stEnd:after {
	position:absolute;
	box-sizing:border-box;
	display:block;
	z-index: 1;
}
.comGalLst01 .lnk .lnkImgBox.stEnd:before { 
	content:"";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background:rgba(0,0,0,.6);
}
.comGalLst01 .lnk .lnkImgBox.stEnd:after { 
	content:"마감";
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	font-weight: 800;
	font-size: 20px;
	letter-spacing: -.5px;
	color: #FFF;
}
.comGalLst01 .lnk .lnkTit01 { 
	margin:0 0 5px;
	font-weight: 500;
	font-size: 18px;
	letter-spacing: -.5px;
	color: #2E3337;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.comGalLst01 .lnk .lnkDate01 { 
	font-size: 14px; 
	letter-spacing: -.5px;
	color: #8B8F93;
}
.comGalLst01 .lnk:focus .lnkImgBox img,
.comGalLst01 .lnk:hover .lnkImgBox img { 
	width: 120%; 
}
@media all and (max-width:999px){
	.comGalLst01 .lnk .lnkImgBox { 
		margin:0 0 15px;
	}
	.comGalLst01 .lnk .lnkTit01 { 
		font-size: 16px; 
	}
	.comGalLst01 .lnk .lnkDate01 { 
		font-size: 13px; 
	}
}
@media all and (max-width:599px){
	.comGalLst01 li { 
		width: calc((100% - 8px)/2);
	}
}

/* 갤러리 게시판 목록 스킨 끝
------------------------------------------------------ */
/* 게시판 글쓰기 스킨 시작
------------------------------------------------------ */
.comWriteBox01 dl {
	display:flex;
	align-items:center;
	gap:10px;
}
.comWriteBox01 dl.stStart { 
	align-items:flex-start;
}
.comWriteBox01 dl + dl { 
	margin-top:16px;
}
.comWriteBox01 dt { 
	flex-shrink:0;
	width: 130px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.2px;
	color: #8B8F93;
}
.comWriteBox01 dt .pnt01 { 
	color: #FF0000;
}
.comWriteBox01 dd {
	flex-grow:1;
	width: calc(100% - 140px);
}
.comWriteBox01 dd .ipt { 
	display:block;
	padding:11px 13px 10px;
	border:1px solid #E0E2E4;
	border-radius: 4px;
	font-size: 14px;
	color: #2E3337;
}
.comWriteBox01 dd .ipt::placeholder { 
	color: #8B8F93; 
}
.comWriteBox01 dd select.ipt { 
	padding-right:35px;
	appearance: none;
	background: url(/Form/_adm/images/common/comIcoSel01.svg) no-repeat right 15px center; 
}
.comWriteBox01 dd .ipt.fullWid { 
	width: 100%; 
}
.comWriteBox01 dd .fileLst01 { 
	display:flex;
	flex-wrap:wrap; 
	gap:8px;
}
.comWriteBox01 dd .fileLst01 li { 
	position:relative; 
}
.comWriteBox01 dd .fileLst01 .fileIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.comWriteBox01 dd .fileLst01 .fileLbl { 
	position:relative; 
	display:block;
	width: 96px;
	height: 96px;
	background:url(/Form/_guest/basic/images/comWriteFile01.svg) no-repeat center center;
	border:1px solid #E0E0E0;
	border-radius: 6px;
	overflow: hidden;
}
.comWriteBox01 dd .fileLst01 .fileLbl img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.comWriteBox01 dd .fileLst01 .fileLbl.on { 
	background: #FFF; 
}
.comWriteBox01 dd .fileLst01 .fileLbl.on:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.4);
	z-index: 1;
}
.comWriteBox01 dd .fileLst01 .fileDel { 
	position:absolute; 
	display:none;
	width: 12px;
	height: 12px;
	top: 2px;
	right: 2px;
	padding: 14px;
	overflow: hidden;
}
.comWriteBox01 dd .fileLst01 .fileDel:before,
.comWriteBox01 dd .fileLst01 .fileDel:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 2px;
	top: 50%;
	left: 50%;
	margin:-1px 0 0 -8px;
	background: #FFF;
	border-radius: 4px;
}
.comWriteBox01 dd .fileLst01 .fileDel:before { 
	transform:rotate(45deg);
}
.comWriteBox01 dd .fileLst01 .fileDel:after { 
	transform:rotate(-45deg);
}
.comWriteBox01 dd .fileLst01 .fileLbl.on + .fileDel { 
	display:block;
	z-index: 1;
}
.comWriteBox01 dd .infoTxt01 { 
	font-size: 12px; 
	letter-spacing: -.03em;
}
.comWriteBox01 dd .infoTxt01.st01 { 
	color: #979797; 
}
.comWriteBox01 dd .infoTxt01.st02 { 
	color: #EE6C5D;
}
.comWriteBox01 dd .fileLst01 + .infoTxt01 { 
	margin-top:15px;
}
.comWriteBox01 dd .infoTxt01 + .infoTxt01 { 
	margin-top:2px;
}
.comWriteBox01 dd .campInquiryBox { 
	width: 100%;
	padding:36px 40px;
	border:1px solid #E0E2E4;
	border-radius: 30px;
}
.comWriteBox01 dd .campInquiryBox .lst01 li { 
	position:relative;
	margin:0 0 32px;
}
.comWriteBox01 dd .campInquiryBox .lst01 li:last-child { 
	margin:0;
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkIpt { 
	position:absolute; 
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	overflow: hidden;
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl { 
	position:relative;
	display:flex;
	align-items:center;
	width: 100%;
	gap:18px;
	padding:7px 0 7px 107px;
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 17px;
	height: 17px;
	top: 19px;
	left: 0;
	background:url(/Form/_guest/basic/images/comWriteChk01_off.svg) no-repeat;
	background-size:cover;
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl span { 
	display:block;
	max-width: 100%;
	font-weight: 500;
	font-size: 14px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow: hidden;
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .imgBox { 
	position:absolute; 
	width: 56px;
	height: 56px;
	top: 0;
	left: 35px;
	background: #F6F6F9;
	font-size: 0;
	overflow: hidden;
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .imgBox img { 
	position:absolute; 
	width: 100%;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .imgBox.noImg { 
	background-image:url(/Form/_guest/basic/images/comNoImg01.svg);
	background-size:38px auto;
	background-repeat:no-repeat;
	background-position:center center;
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .txt01 {
	color: #2E3337;
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .txt03 + .txt01 { 
	margin-top:6px;
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .txt02 {
	color: #8B8F93;
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .txt01 + .txt02 { 
	margin-top:4px;
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .txt03.st01 {
	color: #EE6C5D;
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .txt03.st02 {
	color: #548FCC;
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .txt03.st03 {
	color: #5AC479;
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .txtBox01 {
	width: calc(100% - 164px);
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .txtBox02 { 
	flex-shrink:0;
	width: 144px;
	text-align: center; 
}
.comWriteBox01 dd .campInquiryBox .lst01 .chkIpt:checked + .chkLbl:before { 
	background-image:url(/Form/_guest/basic/images/comWriteChk01_on.svg);
}
.comWriteBox01 .writeBtmBox {
	display:flex;
	justify-content:center;
	gap:13px;
	margin:46px 0 0;
}
.comWriteBox01 .writeBtmBox .btn { 
	display:block; 
	min-width: 120px;
	padding:12px;
	border-radius: 4px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.2px;
	text-align: center;
}
.comWriteBox01 .writeBtmBox .btn.st01 { 
	background: #2E3337;
	color: #FFF;
}
.comWriteBox01 .writeBtmBox .btn.st02 { 
	background: #E0E2E4; 
	color: #2E3337;
}
@media all and (max-width:999px){
	.comWriteBox01 dl { 
		flex-wrap:wrap; 
		gap:5px;
	}
	.comWriteBox01 dt,
	.comWriteBox01 dd { 
		width: 100%; 
	}
	.comWriteBox01 dd .campInquiryBox { 
		padding:26px 17px;
	}
	.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl { 
		display:block;
		padding:0 0 0 98px;
	}
	.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl:before { 
		top:0; 
	}
	.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .imgBox { 
		left: 30px; 
	}
	.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .txtBox01,
	.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .txtBox02 {
		width: 100%; 
	}
	.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .txt03 + .txt01 { 
		margin-top:0;
	}
	.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .txtBox02 {
		display:flex;
		flex-direction:column-reverse;
		gap:3px;
		margin:5px 0 0;
		text-align: left;
	}
	.comWriteBox01 dd .campInquiryBox .lst01 .chkLbl .txtBox02 .txt01 { 
		font-size: 13px;
		color: #5A69AF;
	}
	.comWriteBox01 .writeBtmBox { 
		margin:30px 0 0;
	}
}
/* 게시판 글쓰기 스킨 끝
------------------------------------------------------ */
/* 게시판 내용 스킨 시작
------------------------------------------------------ */
.comViewBox01 .viewTopBox {
	padding:23px 24px 20px;
	border-bottom:1px solid #E0E2E4;
}
.comViewBox01 .viewTopBox .date { 
	margin:0 0 9px;
	font-size: 15px;
	color: #8B8F93;
}
.comViewBox01 .viewTopBox .tit01 { 
	font-weight: 700; 
	font-size: 20px;
	color: #2E3337;
	word-break:break-all;
}
.comViewBox01 .viewConBox { 
	padding:49px 25px 44px;
}
.comViewBox01 .viewConBox .txt01 { 
	font-size: 15px; 
	color: #2E3337;
	word-break:break-all;
}
.comViewBox01 .viewReplyBox { 
	padding:0 25px;
}
.comViewBox01 .viewReplyBox .rpOnOff { 
	position:relative;
	display:inline-block;
	margin:0 0 22px;
	padding:0 19px 0 0;
	font-size: 14px;
	color: #2E3337;
}
.comViewBox01 .viewReplyBox .rpOnOff:before {
	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-right:1px solid #8B8F93;
	border-bottom:1px solid #8B8F93;
	transition:all .3s ease;
}
.comViewBox01 .viewReplyBox .rpOnOff.on:before { 
	margin:-3px 0 0;
	transform:rotate(225deg);
}
.comViewBox01 .viewReplyBox .rpConBox {
	padding:28px 30px 30px;
	background: #F6F6F9;
}
.comViewBox01 .viewReplyBox .rpConBox .topBox { 
	display:flex;
	align-items:center; 
	justify-content:space-between;
	margin:0 0 13px;
}
.comViewBox01 .viewReplyBox .rpConBox .name { 
	font-weight: 700; 
	font-size: 14px;
	color: #2E3337;
}
.comViewBox01 .viewReplyBox .rpConBox .date { 
	font-size: 14px;
	color: #8B8F93;
}
.comViewBox01 .viewReplyBox .rpConBox .txt01 { 
	font-weight: 500; 
	font-size: 14px;
	line-height: 1.5;
	color: #2E3337;
	word-break:break-all;
}
.comViewBox01 .viewBtmBox {
	display:flex;
	justify-content:center;
	gap:13px;
	margin:46px 0 0;
}
.comViewBox01 .viewBtmBox .btn { 
	display:block; 
	min-width: 144px;
	padding:11px;
	border-width:1px;
	border-style:solid;
	border-radius: 4px;
	font-weight: 500;
	font-size: 14px;
	letter-spacing: -.2px;
	text-align: center;
}
.comViewBox01 .viewBtmBox .btn.st01 { 
	background: #F0F0F6;
	border-color:#E0E2E4;
	color: #2E3337;
}
@media all and (max-width:999px){
	.comViewBox01 .viewTopBox { 
		padding:25px 0;
	}
	.comViewBox01 .viewTopBox .date { 
		margin:0 0 6px;
		font-size: 14px;
	}
	.comViewBox01 .viewTopBox .tit01 { 
		font-size: 18px; 
	}
	.comViewBox01 .viewConBox { 
		padding:35px 0 30px;
	}
	.comViewBox01 .viewReplyBox { 
		padding:0;
	}
	.comViewBox01 .viewReplyBox .rpConBox { 
		padding:22px 20px 24px;
	}
	.comViewBox01 .viewBtmBox { 
		margin:32px 0 0;
	}
}
/* 게시판 내용 스킨 시작
------------------------------------------------------ */
/* 데이터가 없는 경우 시작
------------------------------------------------------ */
.comNoData01 { 
	padding:88px 10px 84px;
	border-bottom:1px solid #E0E2E4;
	text-align: center;
}
.comNoData01 .imgBox { 
	margin:0 auto 13px;
	font-size: 0; 
}
.comNoData01 .imgBox img { 
	max-width: 100%; 
}
.comNoData01 .txt01 { 
	font-weight: 500; 
	font-size: 17px;
	color: #8B8F93;
}
.comNoData01 .btnBox {
	display:flex;
	justify-content:center;
	margin:13px 0 0;
}
.comNoData01 .btnBox .btn {
	display:block;
	padding:5px 10px 3px;
	border-width:1px;
	border-style:solid;
	border-radius: 5px;
	font-weight: 500;
	font-size: 16px;
	text-align: center;
}
.comNoData01 .btnBox .btn.st01 { 
	border-color:#5A69AF;
	color: #5A69AF;
}
@media all and (max-width:999px){
	.comNoData01 { 
		padding:56px 10px 68px;
	}
	.comNoData01 .imgBox { 
		width: 32px;
		margin:0 auto 10px;
	}
	.comNoData01 .txt01 {
		font-size: 14px;
	}
	.comNoData01 .btnBox {
		margin:10px 0 0;
	}
	.comNoData01 .btnBox .btn {
		font-size: 13px;
	}
}
/* 데이터가 없는 경우 끝
------------------------------------------------------ */
/* 페이징 시작
------------------------------------------------------ */
.comPageBox { 
	display:flex;
	justify-content:center;
	margin:50px 0 0;
}
.comPageBox .btnPage {
	flex-shrink:0;
	position:relative; 
	display:flex;
	align-items:center; 
	justify-content:center;
	width: 36px;
	height: 36px;
	padding:3px 0 0;
	font-weight: 500;
	font-size: 15px;
	letter-spacing: -.25px;
	text-align: center;
	color: #666;
}
.comPageBox .btnPage.on { 
	font-weight: 900; 
	color: #5A69AF;
}
.comPageBox .btnPage.stArrow:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top: 50%;
	left: 50%;
	border-top:2px solid #9E9E9E;
	border-left:2px solid #9E9E9E;
}
.comPageBox .btnPage.stArrow.stPrev:before { 
	margin:-4px 0 0 -2px;
	transform:rotate(-45deg); 
}
.comPageBox .btnPage.stArrow.stNext:before { 
	margin:-4px 0 0 -6px;
	transform:rotate(135deg); 
}
@media all and (max-width:999px){
	.comPageBox { 
		margin:32px 0 0;
	}
}
/* 페이징 끝
------------------------------------------------------ */
/* 버튼형 카테고리 시작
------------------------------------------------------ */
.comCateBox01 { 
	display:flex;
	gap:8px;
	width: 100%;
	margin:0 0 32px;
	overflow-y:auto;
	scrollbar-width:thin;
}
.comCateBox01 .btnCate { 
	flex-shrink:0;
	display:block;
	padding:10px 23px 7px;
	border:1px solid #5A69AF;
	border-radius: 1000px;
	font-weight: 500;	
	font-size: 16px;
	letter-spacing: -.5px;
	text-align: center;
	color: #5A69AF;
}
.comCateBox01 .btnCate.on { 
	background: #5A69AF;
	color: #FFF;
}
.comCateBox02 {
	display:flex;
	gap:16px;
	margin:0 0 32px;
	overflow-x:auto;
}
.comCateBox02 .btnCate { 
	flex-shrink:0;
	position:relative;
	display:block;
	padding:0 0 8px;
	font-weight: 700; 
	font-size: 16px;
	letter-spacing: 0;
	color: #8B8F93;
}
.comCateBox02 .btnCate:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 2px;
	bottom: 0;
	left: 0;
	background: #E0E2E4;
}
.comCateBox02 .btnCate.on { 
	color: #2E3337;
}
.comCateBox02 .btnCate.on:after { 
	background: #5A69AF; 
}
@media all and (max-width:999px){
	.comCateBox01 { 
		margin:0 0 16px;
	}
	.comCateBox01 .btnCate { 
		padding:6px 15px 4px;
		font-size: 13px;
	}
	.comCateBox02 {
		margin:0 0 24px;
	}
	.comCateBox02 .btnCate {
		font-size: 14px;
	}
}
/* 버튼형 카테고리 끝
------------------------------------------------------ */