@charset "utf-8";
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
}
html, body { 
	position:relative; 
	width: 100%;
	overflow-x:hidden;
}
body { 
	background: #000;
	font-family: Pretendard, sans-serif;
	font-weight:400;
	line-height:1.3;
	letter-spacing:0;
	word-break:keep-all;
}
a { 
	text-decoration:none; 
}
li { 
	list-style:none; 
}
button, input, textarea, select { 
	background: transparent; 
	border:none;
	font-family: Pretendard, sans-serif;
	font-weight:400;
	line-height:1.3;
	letter-spacing:0;
}
label, button, a {
	cursor:pointer; 
}
input, textarea { 
	display:block; 
	min-width: 0; 
	outline:none; 
}
button { 
	text-align: left; 
}
textarea { 
	resize:none;
}
table { 
	width:100%;
	table-layout:fixed;
	border-spacing:0;
	border-collapse:collapse;
}
.wrapper { 
	padding:80px 0 0;
}
.inner { 
	max-width: 1180px;
	margin:0 auto;
}
.verMb { 
	display:none;
}
.comPopBg { 
	position:fixed; 
	display:none; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: rgba(0,0,0,.6);
	z-index:10;
}
@media all and (max-width:1220px){
	.inner { 
		margin:0 20px;
	}
}
@media all and (max-width:999px){
	.wrapper { 
		padding:88px 0 0;
	}
	.verPc { 
		display:none;
	}
	.verMb { 
		display:block; 
	}
}

/* 헤더 시작
------------------------------------------------------ */
header { 
	position:fixed;
	width: 100%;
	height: 80px; 
	top:0;
	left:0;
	padding:0 20px;
	background: #000;
	z-index:10;
}
.hConBox { 
	position:relative; 
	display:flex;
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:space-between; 
	max-width: 1600px;
	height: 100%;
	margin:0 auto;
	padding:0 163px 0 0;
}
.hLogo a { 
	display:block; 
	font-size: 0;
}
.hLogo a img { 
	max-width: 100%; 
}
.hMenuLst { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center;
	gap:80px;
}
.hMenuLst .hMenu { 
	display:block;
	font-weight: 500;
	font-size: 16px;
	color: #FFF;
}
.hMenuLst .hMenu:focus,
.hMenuLst .hMenu:hover,
.hMenuLst .hMenu.on { 
	font-weight: 700;
	background: linear-gradient(to left, #6382FF 0%, #E758F4 100%);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
}
.hLnkAsk { 
	position:absolute; 
	display:block; 
	top:50%;
	right:0;
	padding:6px 17px;
	transform:translateY(-50%);
	background: linear-gradient(to right, #6382FF, #E758F4);
	border-radius: 40px;
	font-weight: 500;
	font-size: 14px;
	text-align: center;
	color: #FFF;
}
@media all and (max-width:999px){
	header { 
		height: auto;
		padding:0;
	}
	.hConBox { 
		height: auto;
		padding:10px 0 0;
	}
	.hLogo { 
		order:1;
		width: 94px;
		margin:0 0 0 20px;
	}
	.hMenuLst { 
		order:3;
		justify-content:center; 
		gap:0;
		width: 100%;
		margin:10px 0 0;
		padding:0 20px;
		border-top:1px solid #444;
	}
	.hMenuLst li { 
		width: 33.333%; 
	}
	.hMenuLst .hMenu { 
		position:relative; 
		padding:11px 20px;
		font-size: 13px;
		text-align: center;
	}
	.hMenuLst .hMenu .hidTxt { 
		display:none; 
	}
	.hMenuLst .hMenu.on { 
		border-bottom:1px solid #E758F4;
	}
	.hLnkAsk { 
		order:2;
		position:relative; 
		top:auto;
		right:auto;
		margin:0 20px 0 0;
		transform:translateY(0);
		font-size: 12px;
	}
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
----------------------------------------------------- */
.fTopBox { 
	padding:117px 0 200px;
	background: url(/Form/_guest/basic/images/mBtmBg01.png) no-repeat;
	background-size:cover;
}
.fTopBox .tit01 { 
	margin:0 0 70px;
	font-weight: 700;
	font-size: 56px;
	letter-spacing: -.05em;
	color: #FFF;
}
.fTopBox .tit01 span { 
	display:block;
	margin:0 0 18px;
	font-weight: 400;
	font-size: .6429em;
}
.fTopBox .lnk { 
	display:inline-block;
	padding:12px 40px 11px;
	border:1px solid #FFF;
	border-radius: 30px;
	font-size: 24px;	
	letter-spacing: -.05em;
	color: #FFF;
	transition:all .3s ease;
}
.fTopBox .lnk:focus,
.fTopBox .lnk:hover { 
	background: #FFF;
	color: #000;
}
.fFloatLnk { 
	position:fixed;
	display:flex;
	align-items:center;
	gap:5px;
	bottom: 40px;
	right:40px;
	padding:10px 12px;
	background: #FFE812;
	border-radius: 40px;
	z-index:1;
}
.fFloatLnk span { 
	display:block; 
}
.fFloatLnk .ico { 
	font-size: 0; 
}
.fFloatLnk .ico img { 
	max-width: 100%; 
}
.fFloatLnk .txt { 
	font-weight: 500; 
	font-size: 20px;
	color: #3A1D1D;
}
footer { 
	padding:64px 0 62px;
	background: #000;
}
.fLogo { 
	margin:0 0 46px;
	font-size: 0;
}
.fLogo img { 
	max-width: 100%; 
}
.fConBox { 
	display:flex;
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:space-between;
	margin:0 0 92px;
}
.fConBox .fLst01 li { 
	margin:0 0 11px;
	font-size: 16px;
	color: #424242;
}
.fConBox .fLst01 li:last-child { 
	margin:0;
}
.fConBox .fLst01:nth-child(2n) li { 
	text-align: right;
}
.fCopy { 
	font-size: 14px;
	color: #424242;
}
@media all and (max-width:999px){
	.fTopBox { 
		padding:0 0 230px;
		background-image: url(/Form/_guest/basic/images/mBtmBg02.png);
		background-position:center bottom 0;
		text-align: center;
	}
	.fTopBox .tit01 { 
		margin:0 0 23px;
		font-size: 36px;
	}
	.fTopBox .tit01 span { 
		margin:0 0 13px;
		font-size: 16px;
	}
	.fTopBox .lnk { 
		padding:9px 32px;
		font-size: 14px;
	}
	.fFloatLnk { 
		bottom: 12px;
		right:16px;
	}
	footer { 
		padding:30px 0;
	}
	.fLogo { 
		width: 122px; 
	}
	.fConBox { 
		gap:5px;
		margin:0 0 36px;
	}
	.fConBox .fLst01 { 
		width: 100%; 
	}
	.fConBox .fLst01 li { 
		margin:0 0 5px;
		font-size: 12px; 
	}
	.fConBox .fLst01:nth-child(2n) li { 
		text-align: left; 
	}
	.fCopy { 
		font-size: 11px; 
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 서브 공통 시작
------------------------------------------------------ */
.sumComBnr { 
	margin:0 0 104px;
	padding:176px 0;
	text-align: center;
}
.sumComBnr .tit01 {
	position:relative; 
	display:inline-block;
	margin:0 0 44px;
	padding:0 31px;
	background: linear-gradient(to left, #6382FF 0%, #E758F4 100%);
	background-clip: text;
	-webkit-background-clip: text;
	font-weight: 700;
	font-size: 24px;
	color: transparent;
}
.sumComBnr .tit01:before,
.sumComBnr .tit01:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top:50%;
	margin:-10px 0 0;
	background-repeat:no-repeat;
	background-size:cover;
}
.sumComBnr .tit01:before { 
	background-image: url(/Form/_guest/basic/images/placeTop01.png);
	left:0;
}
.sumComBnr .tit01:after { 
	background-image: url(/Form/_guest/basic/images/placeTop02.png);
	right:0;
}
.sumComBnr .txt01 {
	margin:0 0 17px;
	font-weight: 700;
	font-size: 48px;
	color: #FFF;
}
.sumComBnr .txt02 { 
	font-weight: 500; 
	font-size: 22px;
	line-height: 1.8;
	color: #797979;
}
@media all and (max-width:999px){
	.sumComBnr { 
		margin:0 0 28px;
		padding:51px 0;
	}
	.sumComBnr .tit01 {
		margin:0 0 20px;
		padding:0 22px;
		font-size: 16px;
	}
	.sumComBnr .tit01:before,
	.sumComBnr .tit01:after { 
		width: 12px;
		height: 12px;
		margin:-6px 0 0;
	}
	.sumComBnr .txt01 {
		margin:0 0 16px;
		font-weight: 700;
		font-size: 24px;
	}
	.sumComBnr .txt02 { 
		font-size: 14px;
		line-height: 1.8;
	}
}
/* 서브 공통 끝
------------------------------------------------------ */