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

@font-face {
	font-family:"S-CoreDream-5Medium";
	src:url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff") format("woff");
}
@font-face {
	font-family:"S-CoreDream-3Light";
	src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
}

/* 기본세팅 시작
------------------------------------------------------ */
* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
	font-family:'Noto Sans KR', sans-serif;
}
html, body { 
	width:100%; 
	word-break:keep-all;
	line-height:1.2;
	letter-spacing:-.5px;
	overflow-x:hidden;
}
li { 
	list-style:none; 
}
a, button, label { 
	cursor:pointer; 
}
a { 
	text-decoration:none; 
}
button { 
	background:none; 
	border:none;
}
input { 
	background:none; 
	border:none;	 
}
table { 
	table-layout:fixed;
	width: 100%;
	border:0;
	border-collapse: collapse;
}
.wrapper { 
	padding:75px 0 0;
}
.inner { 
	position:relative; 
	width:100%;
	max-width:1280px;
	margin:0 auto;
}
.inputArea { 
	padding:12px;
	background: #fff;
	border:1px solid #E0E0E0;
	border-radius: 5px;
	font-size:14px;
	line-height:1.3;
	color:#8C8C8C;
}
.inputArea::placeholder { 
	color:#999;
}
.inputArea.fullWid { 
	width: 100%; 
}
.cTit01 { 
	position:relative;
	padding:16px 0 0;
	margin:0 0 12px;
	font-weight:500;
	font-size:24px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
	text-align: center;
}
.cTit01:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 40px;
	height:4px;
	top:0;
	left:50%;
	margin:0 0 0 -20px;
	background: #03C75A;	
}
.cTit01 span { 
	color:#03C75A; 
}
.cTit02 { 
	margin:0 0 40px;
	font-weight:400;
	font-size:16px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
	text-align: center;
}
.td_100 { 
	width: 100px; 
}
.td_150 { 
	width: 150px; 
}
.td_200 { 
	width: 200px; 
}
.td_left { 
	text-align: left !important;
}
@media all and (max-width:1279px){
	.wrapper { 
		padding:70px 0 0;
	}
}
@media all and (max-width:999px){
	.inputArea { 
		padding:8px;
		font-size:13px;
	}
	.cTit01 { 
		padding:12px 0 0;
		margin:0 0 10px;
		font-size:19px;
	}
	.cTit02 { 
		margin:0 0 30px;
		font-size:15px;
	}
}
@media all and (max-width:599px){
	.wrapper { 
		padding:51px 0 0;
	}
	.cTit01 { 
		margin:0 0 5px;
		font-size:17px;
	}
	.cTit02 { 
		margin:0 0 20px;
		font-size:14px;
	}
}
/* 기본세팅 끝
------------------------------------------------------ */
/* header 시작
------------------------------------------------------ */
header { 
	position:fixed; 
	width: 100%;
	height: 75px;
	top:0;
	left:0;
	background:#fff; 
	z-index:10;
}
header .inner { 
	display:flex; 
	justify-content:space-between; 
	align-items:center;
	height: 100%;
	padding:0 0 0 256px;
}
header .hLogo { 
	position:absolute; 
	top:50%;
	left:0;
	transform:translateY(-50%);
}
header .hLogo a { 
	display:block; 
	font-size:0; 
}
header .hLogo a img { 
	max-width:100%; 
}
header .hMenuBox ul,
header .hMemberBox ul { 
	display:flex; 
	align-items:center; 
	flex-wrap:wrap;
	gap:43px;
}
header .hMenuBox ul li a,
header .hMemberBox ul li a { 
	display:block; 
	padding:28px 0 27px;
	font-weight:500;
	font-size:16px;
	color:#333;
	transition:all .3s ease;
}
header .hMenuBox ul li a:hover,
header .hMenuBox ul li a:focus,
header .hMemberBox ul li a:hover,
header .hMemberBox ul li a:focus { 
	color:#03C75A;
}
header .mbMenuOn { 
	position:absolute; 
	display:none;
	width:20px;
	height:16px;
	top:50%;
	right:10px;
	margin:-8px 0 0;
	border-top:2px solid #333;
	border-bottom:2px solid #333;
}
header .mbMenuOn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width:100%;
	height:2px;
	top:50%;
	left:0;
	margin:-1px 0 0;
	background:#333;
}
header .mbMenuBlack { 
	position:fixed;
	display:none; 
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(66,66,66,.7);
	cursor:pointer;
	z-index:9;
}
header .mbMenuWr { 
	position:fixed; 
	width:240px;
	height:100%;
	top:0;
	right:-240px;
	background:#fff;
	transition:all .3s ease;
	z-index:10;
}
header .mbMenuWr .mbmTopBox { 
	position:relative; 
	padding:10px;
	font-size:0; 
}
header .mbMenuWr .mbmTopBox a { 
	display:inline-block; 
}
header .mbMenuWr .mbmTopBox .mbMenuClose { 
	position:absolute; 
	display:block; 
	width:14px;
	height:14px;
	top:50%;
	right:10px;
	margin:-7px 0 0;
	z-index:10;
	overflow:hidden;
}
header .mbMenuWr .mbmTopBox .mbMenuClose:before,
header .mbMenuWr .mbmTopBox .mbMenuClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width:20px;
	height:2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -10px;
	background:#999;
}
header .mbMenuWr .mbmTopBox .mbMenuClose:before { 
	transform:rotate(45deg); 
}
header .mbMenuWr .mbmTopBox .mbMenuClose:after { 
	transform:rotate(-45deg); 
}
header .mbMenuWr .mbmMidBox { 
	padding:20px 16px;
	background:linear-gradient(to right, #03C75A, #0066FF);
}
header .mbMenuWr .mbmMidBox .tit { 
	margin:0 0 20px;
	font-size:14px;
	line-height:1.3;
	letter-spacing:-.25px;
	color:#fff;
	text-align:center;
}
header .mbMenuWr .mbmMidBox .tit span { 
	display:block; 
	margin:3px 0 0;
	font-weight:700;
}
header .mbMenuWr .mbmMidBox .lst { 
	display:flex;
	justify-content:space-between; 
	flex-wrap:wrap;
}
header .mbMenuWr .mbmMidBox .lst li { 
	width:48%; 
}
header .mbMenuWr .mbmMidBox .lst li > * { 
	display:flex;
	justify-content:center;
	align-items:center; 
	width:100%;
	gap:3px;
	padding:8px 10px;
	border-radius:3px;
	font-weight:500;
	font-size:13px;
	line-height:1;
	letter-spacing:-.03em;
	color:#333;
}
header .mbMenuWr .mbmMidBox .lst li .phone { 
	background:#fff; 
	border:1px solid #E0E0E0;
}
header .mbMenuWr .mbmMidBox .lst li .kakao { 
	background:#FFE812;
}
header .mbMenuWr .mbmBtmBox { 
	padding:0 14px;
	border-bottom:6px solid #E0E0E0;
}
header .mbMenuWr .mbmBtmBox ul li a { 
	position:relative; 
	display:block;
	padding:17px 0;
	border-bottom:1px solid #E0E0E0;
	font-weight:500;
	font-size:14px;
	line-height:1;
	letter-spacing:-.38px;
	color:#333;
}
header .mbMenuWr .mbmBtmBox ul li a:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width:8px;
	height:8px;
	top:50%;
	right:0;
	margin:-4px 0 0;
	border-right:1px solid #9E9E9E;
	border-bottom:1px solid #9E9E9E;
	transform:rotate(-45deg);
}
header .mbMenuWr .mbmBtmBox ul li:last-child a { 
	border-bottom:none;
}
header .mbMenuWr.on { 
	right:0; 
}
@media all and (max-width:1279px){
	header { 
		height: 70px; 
	}
	header .inner { 
		padding:0 15px 0 200px;
	}
	header .hLogo { 
		left:15px; 
	}
	header .hMenuBox ul,
	header .hMemberBox ul { 
		gap:30px;
	}
	header .hMenuBox ul li a,
	header .hMemberBox ul li a { 
		display:block; 
		padding:25px 0;
	}
}
@media all and (max-width:999px){
	header .inner { 
		padding:0 15px 0 170px;
	}
	header .hMenuBox ul,
	header .hMemberBox ul { 
		gap:20px;
	}
	header .hMenuBox ul li a,
	header .hMemberBox ul li a { 
		font-size:15px;
	}
}
@media all and (max-width:599px){
	header { 
		height: 51px;
	}
	header .inner { 
		padding:10px;
	}
	header .hLogo { 
		position:relative; 
		top:auto;
		left:auto;
		margin:0 auto;
		transform:translateY(0);
	}
	header .hLogo a { 
		width:90px; 
	}
	header .hMenuBox,
	header .hMemberBox { 
		display:none; 
	}
	header .mbMenuOn { 
		display:block; 
	}
}
/* header 끝
------------------------------------------------------ */
/* footer 시작
------------------------------------------------------ */
.fContactBox { 
	position:relative; 
	background:#DDF9E9; 
}
.fContactBox .fcttOnOff { 
	position:absolute; 
	padding:9px 65px 10px 38px;
	bottom:100%;
	left:50%;
	transform:translateX(-50%);
	background:#DDF9E9;
	border-radius:5px 5px 0 0;
	font-weight:700;
	font-size:14px;
	line-height:1;
	color:#9E9E9E;
}
.fContactBox .fcttOnOff:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width:10px;
	height:10px;
	top:50%;
	right:26px;
	margin:-8px 0 0;
	transform:rotate(-45deg);
	border-left:2px solid #9E9E9E;
	border-bottom:2px solid #9E9E9E;
	transition:all .3s ease;
}
.fContactBox .fcttOnOff.on:after { 
	margin:-3px 0 0;
	transform:rotate(135deg);	
}
.fContactBox .inner { 
	padding:19px 0 19px 185px;
}
.fContactBox .fcttTit { 
	position:absolute; 
	top:50%;
	left:0;
	padding:18px 0 0;
	transform:translateY(-50%);
	font-weight:500;
	font-size:24px;
	line-height:1.2;
	letter-spacing:-.03em;
	color:#03C75A;
}
.fContactBox .fcttTit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width:40px;
	height:4px;
	top:0;
	left:50%;
	margin:0 0 0 -20px;
	background:#03C75A;
}
.fContactBox .fcttCon .fcttIptBox { 
	position:relative; 
	display:flex;
	flex-wrap:wrap; 
	justify-content:space-between; 
	padding:0 154px 0 0;
	margin:0 0 8px;
}
.fContactBox .fcttCon .fcttIptBox .inputArea { 
	width: 32.5%;
}
.fContactBox .fcttCon .fcttIptBox .fcttIptBtn { 
	position:absolute; 
	width:142px;
	height:100%;
	top:0;
	right:0;
	background:#03C75A;
	border-radius:5px;
	font-weight:700;
	font-size:16px;
	line-height:1;
	color:#fff;
}
.fContactBox .fcttCon .fcttChkBox { 
	position:relative; 
}
.fContactBox .fcttCon .fcttChkBox input { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size:0;
	overflow:hidden;
}
.fContactBox .fcttCon .fcttChkBox label { 
	position:relative; 
	padding:0 0 0 23px;
	font-weight:500;
	font-size:14px;
	line-height:1.3;
	color:#9E9E9E;
}
.fContactBox .fcttCon .fcttChkBox label:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 19px;
	height: 19px;
	top:0;
	left:0;
	background: url(/Form/_guest/images/fcttChkOff.png) no-repeat;
	background-size:cover;
}
.fContactBox .fcttCon .fcttChkBox input:checked + label:before { 
	background-image: url(/Form/_guest/images/fcttChkOn.png); 
}
footer { 
	padding:40px 0;
	background:#424242;
}
footer .fTopBox { 
	display:flex; 
	justify-content:space-between; 
	flex-wrap:wrap;
	align-items:center;
	gap:10px;
	margin:0 0 15px;
}
footer .fTopBox .fLogo { 
	font-size:0; 
}
footer .fTopBox .fLogo img { 
	max-width: 100%; 
}
footer .fTopBox .fCall { 
	padding:7px 12px;
	background: #03C75A;
	border-radius: 20px;
	font-weight:500;
	font-size:17px;
	line-height:1.2;
	letter-spacing:-.5px;
	color:#fff;
}
footer .fTopBox .fCall span { 
	margin:0 0 0 4px;
	font-weight:700; 
}
footer .fBtmBox .fInfoLst { 
	display:flex; 
	flex-wrap:wrap;
	max-width: 740px;
	margin:0 0 20px;
}
footer .fBtmBox .fInfoLst li { 
	position:relative; 
	margin:0 10px 0 0;
	padding:0 12px 0 0;
	font-size:12px;
	line-height:1.5;
	letter-spacing:-.5px;
	color:#F5F5F5;
}
footer .fBtmBox .fInfoLst li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 12px;
	top:50%;
	right:0;
	margin:-6px 0 0;
	background: #9E9E9E;
}
footer .fBtmBox .fCopy { 
	font-size:14px;
	line-height:1.2;
	letter-spacing:-.5px;
	color:#F5F5F5;
}
@media all and (max-width:1279px){
	.fContactBox .fcttOnOff { 
		padding:9px 50px 10px 30px;
	}
	.fContactBox .inner { 
		padding:20px 20px 20px 185px;
	}
	.fContactBox .fcttTit { 
		left:15px; 
		padding:15px 0 0;
	}
	.fContactBox .fcttCon .fcttIptBox { 
		padding:0 128px 0 0;
	}
	.fContactBox .fcttCon .fcttIptBox .fcttIptBtn { 
		width: 120px; 
	}
	footer { 
		padding:30px 20px;
	}
}
@media all and (max-width:999px){
	.fContactBox .fcttOnOff { 
		padding:9px 40px 10px 25px;
		font-size:13px;
	}
	.fContactBox .fcttOnOff:after { 
		width: 8px; 
		height: 8px;
		right:20px;
		margin:-6px 0 0;
	}
	.fContactBox .inner { 
		padding:20px 20px 20px 145px;
	}
	.fContactBox .fcttTit { 
		padding:10px 0 0;
		font-size:19px; 
	}
	.fContactBox .fcttTit:before { 
		width: 32px;
		margin:0 0 0 -16px;
	}
	.fContactBox .fcttCon .fcttIptBox { 
		padding:0 108px 0 0;
	}
	.fContactBox .fcttCon .fcttIptBox .fcttIptBtn { 
		width: 100px;
		font-size:15px;
	}
	.fContactBox .fcttCon .fcttChkBox label { 
		font-size:13px; 
	}
	footer { 
		padding:20px;
	}
	footer .fTopBox { 
		margin:0 0 10px;
	}
	footer .fTopBox .fCall { 
		padding:5px 10px;
		font-size:16px; 
	}
	footer .fBtmBox .fInfoLst { 
		max-width: 100%; 
		margin:0 0 10px;
	}
	footer .fBtmBox .fCopy { 
		font-size:13px; 
	}
}
@media all and (max-width:599px){
	.fContactBox .inner { 
		padding:20px;
	}
	.fContactBox .fcttTit { 
		position:relative; 
		top:auto;
		left:auto;
		margin:0 0 10px;
		transform:translateY(0);
		text-align: center;
	}
	.fContactBox .fcttCon .fcttIptBox { 
		gap:8px;
		padding:0;
	}
	.fContactBox .fcttCon .fcttIptBox .inputArea { 
		width: 100%; 
	}
	.fContactBox .fcttCon .fcttIptBox .fcttIptBtn { 
		position:relative; 
		width: 100%;
		height: auto;
		top:auto;
		right:auto;
		padding:8px;
		font-size:14px;
	}
	footer .fTopBox > * { 
		width: 100%; 
		text-align: center;
	}
	footer .fTopBox .fLogo img { 
		width: 90px; 
	}
	footer .fTopBox .fCall { 
		font-size:15px; 
	}
	footer .fBtmBox .fInfoLst { 
		justify-content:center; 
	}
	footer .fBtmBox .fCopy { 
		text-align: center; 
	}
}
/* footer 끝
------------------------------------------------------ */
/* 오른쪽 네비 시작
------------------------------------------------------ */
.sideNaviWr { 
	position:fixed; 
	top:50%;
	right:50%;
	margin:0 -840px 0 0;
	transform:translateY(-50%);
	z-index:2;
}
.sideNaviWr ul li { 
	margin:0 0 15px;
}
.sideNaviWr ul li a { 
	display:block; 
	width: 90px;
	height: 90px;
	margin:0 auto;
	padding:17px 0 0;
	border-radius: 50%;
	box-shadow:0 4px 4px 0 rgba(0,0,0,.15);
	text-align: center;
}
.sideNaviWr ul li a span { 
	display:block; 
}
.sideNaviWr ul li a .ico { 
	margin:0 auto 4px;
	font-size:0; 
}
.sideNaviWr ul li a .ico img { 
	max-width: 100%; 
}
.sideNaviWr ul li a .txt { 
	font-weight:500;
	font-size:14px;
	line-height:1.2;
	letter-spacing:-.03em;
	color:#333;
}
.sideNaviWr ul li a.kakao { 
	background: #FFE812;
}
.sideNaviWr ul li a.call { 
	background: #FFF;
	border:1px solid #E0E0E0;
}
.sideNaviWr ul li .phone { 
	display:inline-block; 
	padding:7px 8px 6px;
	background: #03C75A;
	border-radius: 20px;
	font-family: Pretendard; 
	font-weight:800;
	font-size:18px;
	line-height:1.2;
	letter-spacing:-.55px;
	color:#fff;
}
.sideNaviWr ul li:last-child { 
	margin:0;
}
@media all and (max-width:1699px){
	.sideNaviWr { 
		right:10px;
		margin:0;
	}
}
@media all and (max-width:1279px){
	.sideNaviWr ul li { 
		margin:0 0 10px;
	}
	.sideNaviWr ul li a { 
		width: 81px; 
		height: 81px;
	}
	.sideNaviWr ul li a .ico { 
		width: 30px; 
	}
	.sideNaviWr ul li .phone { 
		font-size:16px; 
	}
}
@media all and (max-width:999px){
	.sideNaviWr ul li a { 
		width: 72px; 
		height: 72px;
		padding:13px 0 0;
	}
	.sideNaviWr ul li a .ico { 
		width: 26px; 
	}
	.sideNaviWr ul li a .txt { 
		font-size:13px; 
	}
	.sideNaviWr ul li .phone { 
		font-size:15px; 
	}
}
@media all and (max-width:799px){
	.sideNaviWr ul li a { 
		display:flex; 
		justify-content:center; 
		align-items:center; 
		width: 63px; 
		height: 63px;
		padding:0;
	}
	.sideNaviWr ul li a .ico { 
		margin:0 auto;
	}
	.sideNaviWr ul li a .txt { 
		display:none; 
	}
	.sideNaviWr ul li .phone { 
		font-size:14px; 
	}
}
@media all and (max-width:599px){
	.sideNaviWr ul li a { 
		width: 54px; 
		height: 54px;
	}
	.sideNaviWr ul li .phone { 
		padding:5px 5px 4px;
		font-size:13px; 
	}
}
/* 오른쪽 네비 끝
------------------------------------------------------ */
/* 공통 게시판 링크 영역 시작
------------------------------------------------------ */
.comBoardBox { 
	padding:40px 0 70px;
	background: #F5F5F5; 
}
.comBoardBox .inner { 
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between; 
}
.comBoardBox .inner > * { 
	width: 49%; 
}
.comBoardBox .titBox { 
	position:relative;
	padding:0 80px 0 0;
	margin:0 0 15px;
}
.comBoardBox .titBox .tit { 
	font-weight:700;
	font-size:20px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.comBoardBox .titBox .lnk { 
	position:absolute;
	top:50%;
	right:10px;
	padding:0 13px 0 0;
	transform:translateY(-50%);
	font-weight:500;
	font-size:18px;
	line-height:1.2;
	letter-spacing:-.03em;
	color:#9E9E9E;
	transition:all .3s ease;
}
.comBoardBox .titBox .lnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top:50%;
	right:0;
	margin:-5px 0 0;
	transform:rotate(-45deg);
	border-right:1px solid #9E9E9E;
	border-bottom:1px solid #9E9E9E;
	transition:all .3s ease;
}
.comBoardBox .titBox .lnk:hover,
.comBoardBox .titBox .lnk:focus { 
	color:#03C75A; 
}
.comBoardBox .titBox .lnk:hover:after,
.comBoardBox .titBox .lnk:focus:after { 
	border-color:#03C75A; 
}
.comBoardBox .conBox ul { 
	border-radius: 10px;
	border:1px solid #E0E0E0;
	overflow:hidden;
}
.comBoardBox .conBox ul > li { 
	border-bottom:1px solid #E0E0E0;	 
}
.comBoardBox .conBox ul > li a { 
	position:relative; 
	display:block;
	padding:19px 100px 18px 24px;
	background: #fff;
}
.comBoardBox .conBox ul > li a .tit { 
	font-size:16px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
	transition:all .3s ease;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.comBoardBox .conBox ul > li a .date { 
	position:absolute; 
	top:50%;
	right:15px;
	transform:translateY(-50%);
	font-size:16px;
	line-height:1.2;
	letter-spacing:-.03em;
	color:#424242;
	transition:all .3s ease;
}
.comBoardBox .conBox ul > li a:hover .tit,
.comBoardBox .conBox ul > li a:focus .tit,
.comBoardBox .conBox ul > li a:hover .date,
.comBoardBox .conBox ul > li a:focus .date { 
	color:#03C75A; 
}
.comBoardBox .conBox ul > li:last-child { 
	border-bottom:none;
}
@media all and (max-width:1279px){
	.comBoardBox .inner { 
		padding:0 20px;
	}
}
@media all and (max-width:999px){
	.comBoardBox { 
		padding:30px 0 60px;
	}
	.comBoardBox .titBox { 
		padding:0 70px 0 0;
		margin:0 0 10px;
	}
	.comBoardBox .titBox .tit { 
		font-size:18px; 
	}
	.comBoardBox .titBox .lnk { 
		right:10px;
		padding:0 10px 0 0;
		font-size:16px;
	}
	.comBoardBox .titBox .lnk:after { 
		width: 8px; 
		height: 8px;
		margin:-4px 0 0;
	}
	.comBoardBox .conBox ul > li a { 
		padding:15px 100px 14px 15px;
	}
	.comBoardBox .conBox ul > li a .tit { 
		font-size:15px; 
	}
	.comBoardBox .conBox ul > li a .date { 
		font-size:15px; 
	}
}
@media all and (max-width:599px){
	.comBoardBox { 
		padding:20px 0 50px;
	}
	.comBoardBox .inner { 
		gap:15px;
	}
	.comBoardBox .inner > * { 
		width: 100%; 
	}
	.comBoardBox .titBox { 
		margin:0 0 8px;
	}
	.comBoardBox .titBox .tit { 
		font-size:16px; 
	}
	.comBoardBox .titBox .lnk { 
		font-size:14px; 
	}
	.comBoardBox .titBox .lnk:after { 
		width: 6px;
		height: 6px;
		margin:-3px 0 0;
	}
	.comBoardBox .conBox ul > li a { 
		padding:10px 85px 9px 10px;
	}
	.comBoardBox .conBox ul > li a .tit { 
		font-size:14px; 
	}
	.comBoardBox .conBox ul > li a .date { 
		right:10px;
		font-size:14px; 
	}
}
/* 공통 게시판 링크 영역 끝
------------------------------------------------------ */
/* 메인 페이지 시작
------------------------------------------------------ */
/* -------- mainBanner 시작 -------- */
.mainBanner { 
	position:relative; 
	padding:73px 0;
	background:linear-gradient(to right, #03C75A, #0066FF);
}
.mainBanner .inner { 
	padding:0 618px 0 0;
}
.mainBanner .lBox .sTitBox { 
	height: 36px; 
	margin:0 0 11px;
	overflow:hidden;
}
.mainBanner .lBox .sTitBox .sTit { 
	display:inline-block; 
	width:auto;
	padding:4px 16px 6px;
	background: rgba(66, 66, 66, .5);
	border-radius: 20px;
	font-size:22px;
	line-height:1.2;
	letter-spacing:-.03em;
	color:#fff;
}
.mainBanner .lBox .tit { 
	margin:0 0 30px;
	font-size:30px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#fff;
}
.mainBanner .lBox .tit span { 
	display:block; 
	margin:5px 0 0;
	font-weight:700;
	font-size:1.333em;
}
.mainBanner .lBox .txt { 
	margin:0 0 30px;
	font-size:18px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#fff;
}
.mainBanner .lBox .lst { 
	display:flex; 
	justify-content:space-between; 
	gap:12px;
}
.mainBanner .lBox .lst > li { 
	width: 49%; 
}
.mainBanner .lBox .lst > li a { 
	position:relative; 
	display:block; 
	height: 100%;
	padding:22px 100px 22px 22px;
	background: #fff;
	border-radius: 10px;
	border:1px solid #E0E0E0;
}
.mainBanner .lBox .lst > li a .lstTit { 
	display:block; 
	margin:0 0 13px;
	font-weight:500;
	font-size:16px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
}
.mainBanner .lBox .lst > li a .lstLnk { 
	position:relative; 
	display:inline-block;
	padding:0 13px 0 0;
	font-weight:500;
	font-size:14px; 
	line-height:1.23;
	letter-spacing:-.03em;
	color:#03C75A;
}
.mainBanner .lBox .lst > li a .lstLnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top:50%;
	right:0;
	margin:-5px 0 0;
	transform:rotate(-45deg);
	border-right:1px solid #03C75A;
	border-bottom:1px solid #03C75A;
	transition:all .3s ease;
}
.mainBanner .lBox .lst > li a:hover .lstLnk:after,
.mainBanner .lBox .lst > li a:focus .lstLnk:after { 
	right:-3px; 
}
.mainBanner .lBox .lst > li a .lstIco { 
	position:absolute;
	top:50%;
	right:20px;
	transform:translateY(-50%);
	font-size:0;
}
.mainBanner .lBox .lst > li a .lstIco img { 
	max-width:100%;
}
.mainBanner .rBox { 
	position:absolute; 
	width: 405px;
	height: 460px;
	top:50%;
	right:70px;
	transform:translateY(-50%);
}
.mainBanner .rBox img { 
	position:absolute; 
	display:block; 
}
.mainBanner .rBox img.imgLeft { 
	top:0;
	left:0;
}
.mainBanner .rBox img.imgRight { 
	bottom:0;
	right:0;
}
@media all and (max-width:2999px){	
	.mainBanner:before { 
		content:"";
		position:absolute;
		box-sizing:border-box;
		display:block;
		width: 1920px;
		height:491px;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		background:url(/Form/_guest/images/mainBannerBg.png) no-repeat;
		background-size:cover;
	}
}
@media all and (max-width:1919px){
	.mainBanner { 
		padding:60px 0;
	}
}
@media all and (max-width:1279px){
	.mainBanner { 
		padding:50px 0;
	}
	.mainBanner .inner { 
		padding: 0 420px 0 15px;
	}
	.mainBanner .lBox .sTitBox { 
		height: 34px; 
	}
	.mainBanner .lBox .sTitBox .sTit { 
		font-size:20px; 
	}
	.mainBanner .lBox .tit { 
		margin:0 0 27px;
		font-size:27px;
	}
	.mainBanner .lBox .tit span { 
		margin:0;
	}
	.mainBanner .lBox .txt { 
		margin:0 0 27px;
		font-size:16px;
	}
	.mainBanner .lBox .lst > li a { 
		padding:20px 80px 20px 20px;
	}
	.mainBanner .lBox .lst > li a .lstTit { 
		margin:0 0 10px;
		font-size:15px;
	}
	.mainBanner .lBox .lst > li a .lstLnk { 
		font-size:13px; 
	}
	.mainBanner .lBox .lst > li a .lstLnk:after { 
		width: 8px; 
		height: 8px;
		margin:-4px 0 0;
	}
	.mainBanner .lBox .lst > li a .lstIco { 
		width: 72px;
		right:10px;
	}
	.mainBanner .rBox { 
		width: 365px; 
		height: 414px;
		right:30px;
	}
	.mainBanner .rBox img.imgLeft { 
		width: 180px; 
	}
	.mainBanner .rBox img.imgRight { 
		width: 198px; 
	}
}
@media all and (max-width:999px){
	.mainBanner { 
		padding:20px 0;
	}
	.mainBanner .inner { 
		padding:0 20px;
	}
	.mainBanner .lBox .sTitBox { 
		text-align: center;
	}
	.mainBanner .lBox .sTitBox .sTit { 
		font-size:18px; 
	}
	.mainBanner .lBox .tit { 
		margin:0 0 24px;
		font-size:24px;
		text-align: center;
	}
	.mainBanner .lBox .txt { 
		margin:0 0 24px;
		font-size:15px;
		text-align: center;
	}
	.mainBanner .lBox .lst { 
		justify-content:center; 
	}
	.mainBanner .lBox .lst > li { 
		width: 30%; 
	}
	.mainBanner .lBox .lst > li a { 
		display:flex; 
		flex-direction:column;
		padding:15px 80px 15px 15px;
		text-align: center;
	}
	.mainBanner .lBox .lst > li a .lstTit { 
		flex-grow:1; 
		display:flex; 
		align-items:center; 
	}
	.mainBanner .lBox .lst > li a .lstTit br { 
		display:none; 
	}
	.mainBanner .lBox .lst > li a .lstLnk { 
		padding:0 10px 0 0;
	}
	.mainBanner .lBox .lst > li a .lstIco { 
		width: 64px; 
	}
	.mainBanner .rBox { 
		position:relative; 
		width: 324px;
		height: 368px;
		top:auto;
		right:auto;
		margin:0 auto 10px;
		transform:translateY(0);
	}	
	.mainBanner .rBox img.imgLeft { 
		width: 160px; 
	}
	.mainBanner .rBox img.imgRight { 
		width: 176px; 
	}
}
@media all and (max-width:799px){
	.mainBanner { 
		padding:30px 0;
	}
	.mainBanner .lBox .lst > li a { 
		padding:15px;
	}
	.mainBanner .lBox .lst > li a .lstIco { 
		position:relative; 
		top:auto;
		right:auto;
		margin:0 auto 10px;
		transform:translateY(0);
	}
}
@media all and (max-width:599px){
	.mainBanner { 
		padding:20px 0;
	}
	.mainBanner .lBox .sTitBox { 
		height: 30px; 
	}
	.mainBanner .lBox .sTitBox .sTit { 
		font-size:16px; 
	}
	.mainBanner .lBox .tit { 
		margin:0 0 21px;
		font-size:21px;
	}
	.mainBanner .lBox .txt { 
		margin:0 0 21px;
		font-size:14px;
	}
	.mainBanner .lBox .lst > li { 
		width: 40%; 
	}
	.mainBanner .lBox .lst > li a .lstTit { 
		font-size:14px; 
	}
	.mainBanner .lBox .lst > li a .lstLnk { 
		font-size:13px; 
	}
	.mainBanner .lBox .lst > li a .lstIco { 
		width: 56px; 
	}
	.mainBanner .rBox { 
		width: 243px;
		height: 276px;
	}	
	.mainBanner .rBox img.imgLeft { 
		width: 120px; 
	}
	.mainBanner .rBox img.imgRight { 
		width: 132px; 
	}
}
/* -------- mainBanner 끝 -------- */
/* -------- mainSalesBox 시작 -------- */
.mainSalesBox { 
	padding:50px 0;
}
.mainSalesBox .mainSalesLst { 
	display:flex;
	flex-wrap:wrap;
}
.mainSalesBox .mainSalesLst > li { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 25%;
	border-right:1px solid #E0E0E0;
}
.mainSalesBox .mainSalesLst > li .ico { 
	margin:0 5px 0 0;
	font-size:0; 
}
.mainSalesBox .mainSalesLst > li .ico img { 
	max-width: 100%; 
}
.mainSalesBox .mainSalesLst > li .conBox .num { 
	display:flex; 
	flex-wrap:wrap;
	align-items:center; 
	color:#03C75A;
	font-size:30px;
	line-height:1.2;
	letter-spacing:-.03em;
}
.mainSalesBox .mainSalesLst > li .conBox .num span { 
	font-weight:700;
	font-family:Pretendard;
}
.mainSalesBox .mainSalesLst > li .conBox .num em { 
	margin:0 0 0 6px;
	font-style:normal;
	font-weight:700;
	color:#424242;
}
.mainSalesBox .mainSalesLst > li .conBox .txt { 
	font-size:14px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
}
.mainSalesBox .mainSalesLst > li:last-child { 
	border-right:none;
}
@media all and (max-width:999px){
	.mainSalesBox { 
		padding:40px 0;
	}
	.mainSalesBox .mainSalesLst > li .ico { 
		width: 72px; 
	}
	.mainSalesBox .mainSalesLst > li .conBox .num { 
		font-size:27px; 
	}
}
@media all and (max-width:799px){
	.mainSalesBox { 
		padding:30px 0;
	}
	.mainSalesBox .mainSalesLst > li { 
		width: 50%;
		padding:10px;
		margin:10px 0 0;
	}
	.mainSalesBox .mainSalesLst > li .ico { 
		width: 64px; 
	}
	.mainSalesBox .mainSalesLst > li .conBox .num { 
		font-size:24px; 
	}
	.mainSalesBox .mainSalesLst > li:nth-child(2n) { 
		border-right:none;
	}
	.mainSalesBox .mainSalesLst > li:nth-child(-n+2) { 
		margin-top:0;
	}
}
@media all and (max-width:599px){
	.mainSalesBox { 
		padding:20px 0;
	}
	.mainSalesBox .mainSalesLst > li .ico { 
		width: 56px; 
	}
	.mainSalesBox .mainSalesLst > li .conBox .num { 
		font-size:21px; 
	}
}
/* -------- mainSalesBox 끝 -------- */
/* -------- mainSkillBox 시작 -------- */
.mainSkillBox { 
	padding:50px 0;
	background: #F5F5F5;
}
.mainSkillBox .mainSkillLst { 
	display:flex; 
	flex-wrap:wrap;
}
.mainSkillBox .mainSkillLst > li { 
	width: 32%;
	margin:2% 2% 0 0;
	padding:15px;
	background: #fff;
	border:1px solid #E0E0E0;
	border-radius: 10px;
	box-shadow:0 4px 8px 0 rgba(0,0,0,.15);
}
.mainSkillBox .mainSkillLst > li .imgBox {	
	display:flex; 
	justify-content:center; 
	align-items:center; 
	height: 180px;
	margin:0 0 16px;
	background: #F5F5F5;
	border-radius: 10px;
	font-size:0; 
}
.mainSkillBox .mainSkillLst > li .imgBox img { 
	max-width: 100%;
}
.mainSkillBox .mainSkillLst > li .tit { 
	margin:0 0 16px;
	font-weight:500;
	font-size:16px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#373737;
}
.mainSkillBox .mainSkillLst > li .txt { 
	font-size:14px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
}
.mainSkillBox .mainSkillLst > li:nth-child(3n) { 
	margin-right:0;
}
.mainSkillBox .mainSkillLst > li:nth-child(-n+3) { 
	margin-top:0;
}
@media all and (max-width:1279px){
	.mainSkillBox .inner { 
		padding: 0 20px;
	}
	.mainSkillBox .mainSkillLst > li .txt br { 
		display:none; 
	}
}
@media all and (max-width:999px){
	.mainSkillBox { 
		padding:40px 0;
	}
	.mainSkillBox .mainSkillLst > li { 
		padding:10px;
	}
	.mainSkillBox .mainSkillLst > li .imgBox { 
		height: auto;
		margin:0 0 10px;
	}
	.mainSkillBox .mainSkillLst > li .tit { 
		margin:0 0 10px;
		font-size:15px;
	}
	.mainSkillBox .mainSkillLst > li .txt { 
		font-size:13px; 
	}
}
@media all and (max-width:799px){
	.mainSkillBox { 
		padding:30px 0;
	}
	.mainSkillBox .mainSkillLst > li { 
		width:49%;
	}
	.mainSkillBox .mainSkillLst > li:nth-child(3n) { 
		margin-right:2%;
	}
	.mainSkillBox .mainSkillLst > li:nth-child(-n+3) { 
		margin-top:2%;
	}
	.mainSkillBox .mainSkillLst > li:nth-child(2n) { 
		margin-right:0;
	}
	.mainSkillBox .mainSkillLst > li:nth-child(-n+2) { 
		margin-top:0;
	}
}
@media all and (max-width:599px){
	.mainSkillBox { 
		padding:20px 0;
	}
	.mainSkillBox .mainSkillLst > li { 
		width:100%;
		margin:0 0 15px;
	}
	.mainSkillBox .mainSkillLst > li .tit,
	.mainSkillBox .mainSkillLst > li .txt { 
		text-align: center; 
	}
	.mainSkillBox .mainSkillLst > li:nth-child(3n) { 
		margin-right:0;
	}
	.mainSkillBox .mainSkillLst > li:nth-child(-n+3) { 
		margin-top:0;
	}
	.mainSkillBox .mainSkillLst > li:last-child { 
		margin:0;
	}
}
/* -------- mainSkillBox 끝 -------- */
/* -------- mainServiceBox 시작 -------- */
.mainServiceBox { 
	padding:50px 0;
	background: url(/Form/_guest/images/mainServiceBg.png) center center;
}
.mainServiceBox .slotNum em { 
	font-style:normal;
}
.mainServiceBox .mainServiceIcoLst { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	flex-wrap:wrap;
	gap:24px;
	margin:0 0 40px;
}
.mainServiceBox .mainServiceIcoLst > li { 
	display:flex; 
	flex-wrap:wrap;
	align-items:center;
	font-size:0;
}
.mainServiceBox .mainServiceIcoLst > li .txt { 
	margin:0 0 0 12px;
	font-weight:500;
	font-size:24px;
	line-height:1;
	letter-spacing:-.75px;
	color:#373737;
}
.mainServiceBox .mainServiceIcoLst > li .mainServiceBtn { 
	position:relative; 
	width: 54px;
	height: 32px;
	margin:0 0 0 25px;
	padding:2px;
	border:1px solid #9E9E9E;
	border-radius: 20px;
	transition:all .3s ease;
}
.mainServiceBox .mainServiceIcoLst > li .mainServiceBtn .circle { 
	position:absolute; 
	display:block; 
	width: 26px;
	height: 26px;
	top:50%;
	left:2px;
	margin:-13px 0 0;
	background: #9E9E9E;
	border-radius: 50%;
	transition:all .3s ease;
}
.mainServiceBox .mainServiceIcoLst > li .mainServiceBtn.on { 
	background: #0066FF;
	border-color:#0066FF;
}
.mainServiceBox .mainServiceIcoLst > li .mainServiceBtn.on .circle { 
	left:calc(100% - 28px);
	background: #FFF;
}
.mainServiceBox .mainServiceLst { 
	display:flex; 
	justify-content:space-between; 
	flex-wrap:wrap;
}
.mainServiceBox .mainServiceLst > li { 
	position:relative; 
	display:flex; 
	flex-direction:column;
	width: 32%; 
	padding:24px 24px 39px;
	background: #FFF;
	border:1px solid #E0E0E0;
	border-radius: 10px;
	box-shadow:0 4px 12px 0 rgba(0,0,0,.15);
}
.mainServiceBox .mainServiceLst > li .month { 
	margin:0 0 18px;
	font-weight:700;
	font-size:22px;
	line-height:1.3;
	letter-spacing:-1px;
	color:#373737;
	text-align: center;
}
.mainServiceBox .mainServiceLst > li .totalPrice { 
	margin:0 0 6px;
	font-weight:700;
	font-size:22px;
	line-height:1.3;
	letter-spacing:-1px;
	color:#373737;
	text-align: center;
}
.mainServiceBox .mainServiceLst > li .totalPrice .priceNum { 
	/* font-family:Pretendard; */
	font-size:1.818em;
	color:#03C75A;
	letter-spacing:-1px;
}
.mainServiceBox .mainServiceLst > li .totalPrice .priceNum * { 
	/* font-family:Pretendard; */ 
}
.mainServiceBox .mainServiceLst > li .totalPrice > em { 
	font-style:normal;
	font-size:16px;
	color:#FF0000;
	letter-spacing:-1px;
}
.mainServiceBox .mainServiceLst > li .price { 
	margin:0 0 42px;
	font-weight:500;
	font-size:22px;
	line-height:1.3;
	letter-spacing:-1px;
	color:#373737;
	text-align: center;
}
.mainServiceBox .mainServiceLst > li .lst { 
	flex-grow:1; 
	margin:0 0 17px;
}
.mainServiceBox .mainServiceLst > li .lst > li { 
	position:relative; 
	padding:0 0 14px 30px;
	margin:0 0 17px;
	border-bottom:1px solid #E0E0E0;
	font-size:18px;
	line-height:1.3;
	letter-spacing:-1px;
	color:#757575;
}
.mainServiceBox .mainServiceLst > li .lst > li:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top:2px;
	left:2px;
	background:url(/Form/_guest/images/mainServiceLstChk_off.png) no-repeat;
	background-size:cover;
}
.mainServiceBox .mainServiceLst > li .lst > li:last-child { 
	margin:0;
}
.mainServiceBox .mainServiceLst > li .lst.on > li { 
	color: #212121;
}
.mainServiceBox .mainServiceLst > li .lst.on > li:before { 
	background-image:url(/Form/_guest/images/mainServiceLstChk_on.png);
}
.mainServiceBox .mainServiceLst > li .lnk { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:center; 
	align-items:center; 
	gap:8px;
	font-weight:500;
	font-size:18px;
	line-height:1.3;
	letter-spacing:-1px;
	color:#03C75A;
}
.mainServiceBox .mainServiceLst > li .lnk:after { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 10px;
	background:url(/Form/_guest/images/mainServiceArrow.png) no-repeat;
	background-size:cover;
}
.mainServiceBox .mainServiceLst > li .best { 
	position:absolute; 
	top:9px;
	right:9px;
	font-size:0; 
	animation:imgEffect .5s ease-in infinite alternate;
}
.mainServiceBox .mainServiceLst > li .best img { 
	max-width: 100%; 
}
.mainServiceBox .mainServiceLst.ver02 { 
	display:none; 
}
@keyframes imgEffect { 
	from { 
		opacity:1; 
	}
	to { 
		opacity:0; 
	}
}
@media all and (max-width:1279px){
	.mainServiceBox .inner { 
		padding: 0 20px;
	}
	.mainServiceBox .mainServiceIcoLst { 
		gap:15px;
		margin:0 0 30px;
	}
	.mainServiceBox .mainServiceIcoLst > li .txt { 
		margin:0 0 0 10px;
		font-size:22px;
	}
	.mainServiceBox .mainServiceIcoLst > li .mainServiceBtn { 
		width: 49px;
		height: 29px;
		margin:0 0 0 20px;
	}
	.mainServiceBox .mainServiceIcoLst > li .mainServiceBtn .circle { 
		width: 24px;
		height: 24px;
		margin:-12px 0 0;
	}
	.mainServiceBox .mainServiceLst > li { 
		padding:20px;
	}
	.mainServiceBox .mainServiceLst > li .month { 
		margin:0 0 15px;
		font-size:20px;
	}
	.mainServiceBox .mainServiceLst > li .totalPrice { 
		font-size:20px;
	}
	.mainServiceBox .mainServiceLst > li .price { 
		margin:0 0 30px;
		font-size:20px;
	}
	.mainServiceBox .mainServiceLst > li .lst > li { 
		padding:0 0 15px 25px;
		margin:0 0 15px;
		font-size:16px;
	}
	.mainServiceBox .mainServiceLst > li .lst > li:before { 
		width: 18px; 
		height: 18px;
	}
	.mainServiceBox .mainServiceLst > li .lnk { 
		font-size:16px; 
	}
	.mainServiceBox .mainServiceLst > li .lnk:after { 
		width: 18px; 
		height: 9px;
	}
	.mainServiceBox .mainServiceLst > li .best { 
		width: 72px;
		top:7px;
		right:7px;
	}
}
@media all and (max-width:999px){
	.mainServiceBox { 
		padding:40px 0;
	}
	.mainServiceBox .mainServiceIcoLst { 
		gap:10px;
		margin:0 0 20px;
	}
	.mainServiceBox .mainServiceIcoLst .ico img { 
		height: 32px; 
	}
	.mainServiceBox .mainServiceIcoLst > li .txt { 
		font-size:19px; 
	}
	.mainServiceBox .mainServiceIcoLst > li .mainServiceBtn { 
		width: 43px;
		height: 26px;
		margin:0 0 0 15px;
	}
	.mainServiceBox .mainServiceIcoLst > li .mainServiceBtn .circle { 
		width: 20px; 
		height: 20px;
		margin:-10px 0 0;
	}
	.mainServiceBox .mainServiceLst > li .month { 
		margin:0 0 10px;
		font-size:18px;
	}
	.mainServiceBox .mainServiceLst > li .totalPrice { 
		font-size:18px;
	}
	.mainServiceBox .mainServiceLst > li .totalPrice > em { 
		font-size:15px; 
	}
	.mainServiceBox .mainServiceLst > li .price { 
		margin:0 0 20px;
		font-size:18px;
	}
	.mainServiceBox .mainServiceLst > li .lst > li { 
		padding:0 0 10px 25px;
		margin:0 0 10px;
		font-size:15px; 
	}
	.mainServiceBox .mainServiceLst > li .lst > li:before { 
		width: 16px;
		height: 16px;
	}
	.mainServiceBox .mainServiceLst > li .lnk { 
		font-size:15px; 
	}
	.mainServiceBox .mainServiceLst > li .lnk:after { 
		width: 16px; 
		height: 8px;
	}
	.mainServiceBox .mainServiceLst > li .best { 
		width: 64px; 
		top:3px;
		right:3px;
	}
}
@media all and (max-width:799px){
	.mainServiceBox { 
		padding:30px 0;
	}
	.mainServiceBox .mainServiceLst > li { 
		width: 100%; 
		padding:23px;
		margin:0 0 15px;
	}
	.mainServiceBox .mainServiceLst > li .month { 
		font-size:15px; 
	}
	.mainServiceBox .mainServiceLst > li .totalPrice { 
		margin:0;
		font-size:15px; 
	}	
	.mainServiceBox .mainServiceLst > li .price { 
		margin:0 0 15px;
		font-size:15px; 
	}
	.mainServiceBox .mainServiceLst > li .lst { 
		margin:0 0 10px;
	}
	.mainServiceBox .mainServiceLst > li .lst > li { 
		padding:0 0 10px 20px;
		font-size:14px;
	}
	.mainServiceBox .mainServiceLst > li .lst > li:before { 
		width: 14px; 
		height: 14px;
		top:3px;
	}
	.mainServiceBox .mainServiceLst > li .lnk { 
		font-size:14px; 
	}
	.mainServiceBox .mainServiceLst > li .lnk:after { 
		width: 14px; 
		height: 7px;
	}
	.mainServiceBox .mainServiceLst > li .best { 
		width: 56px; 
	}
	.mainServiceBox .mainServiceLst > li:last-child { 
		margin:0;
	}
}
@media all and (max-width:599px){
	.mainServiceBox { 
		padding:20px 0;
	}
	.mainServiceBox .mainServiceIcoLst { 
		margin:0 0 15px;
	}
	.mainServiceBox .mainServiceIcoLst .ico img { 
		height: 28px; 
	}
	.mainServiceBox .mainServiceIcoLst > li .txt { 
		font-size:17px; 
	}
	.mainServiceBox .mainServiceIcoLst > li .mainServiceBtn { 
		margin:0 0 0 10px;
	}
}
/* -------- mainServiceBox 끝 -------- */
/* -------- mainReviewBox 시작 -------- */
.mainReviewBox { 
	padding:50px 0;
}
.mainReviewBox .mainReviewSlide { 
	position:relative; 
	height:322px;
}
.mainReviewBox .mainReviewSlide .reviewArea { 
	position:absolute; 
	width: 420px;
	top:0;
}
.mainReviewBox .mainReviewSlide .reviewArea .msgBox { 
	position:relative; 
	padding:22px;
	margin:0 0 12px;
	background: #fff;
	border:1px solid #E0E0E0;
	border-radius: 10px;
	box-shadow:0 4px 15px 0 rgba(161,161,161,.25);
}
.mainReviewBox .mainReviewSlide .reviewArea .msgBox .topBox { 
	display:flex; 
	justify-content:space-between; 
	align-items:center; 
	padding:0 0 22px;
	margin:0 0 15px;
	border-bottom:1px solid #E0E0E0;
}
.mainReviewBox .mainReviewSlide .reviewArea .msgBox .topBox .name { 
	font-size:20px;
	line-height:1;
	letter-spacing:-.05px;
	color:#373737;
}
.mainReviewBox .mainReviewSlide .reviewArea .msgBox .topBox .star { 
	display:flex; 
	flex-wrap:wrap;
	font-size:0;
}
.mainReviewBox .mainReviewSlide .reviewArea .msgBox .txt { 
	height: 81px;
	margin:0 0 12px;
	font-size:18px;
	line-height:1.5;
	letter-spacing:-.5px;
	color:#373737;
}
.mainReviewBox .mainReviewSlide .reviewArea .msgBox .lst { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:flex-end;
	gap:5px;
}
.mainReviewBox .mainReviewSlide .reviewArea .msgBox .lst > li { 
	display:flex; 
	flex-wrap:wrap;
	align-items:center;
	justify-content:center; 
	gap:3px;
	padding:3px 5px;
	background: #F9F9F9; 
	border:1px solid #EFEFEF;
	border-radius: 5px;
	font-size:14px;
	line-height:1;
	letter-spacing:-.5px;
	color:#717171;
}
.mainReviewBox .mainReviewSlide .reviewArea .msgBox .lst > li:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	background-repeat:no-repeat;
	background-size:cover;
}
.mainReviewBox .mainReviewSlide .reviewArea .msgBox .lst > li.aos:before { 
	background-image:url(/Form/_guest/images/mainReviewIco01.png);
}
.mainReviewBox .mainReviewSlide .reviewArea .msgBox .lst > li.ios:before { 
	background-image:url(/Form/_guest/images/mainReviewIco02.png);
}
.mainReviewBox .mainReviewSlide .reviewArea .msgBox .txt span { 
	font-weight:700; 
}
.mainReviewBox .mainReviewSlide .reviewArea .face { 
	display:flex;
	justify-content:center; 
	align-items:center; 
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 50%;
	border:1px solid #E0E0E0;
	box-shadow:0 4px 15px 0 rgba(0,0,0,.15);
	font-size:0; 
}
.mainReviewBox .mainReviewSlide .reviewArea .face img { 
	max-width: 100%; 
}
@media all and (max-width:999px){
	.mainReviewBox { 
		padding:40px 0;
	}
	.mainReviewBox .mainReviewSlide { 
		height:277px; 
	}
	.mainReviewBox .mainReviewSlide .reviewArea .msgBox { 
		padding:15px;
		margin:0 0 10px;
	}
	.mainReviewBox .mainReviewSlide .reviewArea .msgBox .topBox { 
		padding:0 0 15px;
	}
	.mainReviewBox .mainReviewSlide .reviewArea .msgBox .topBox .name { 
		font-size:18px; 
	}
	.mainReviewBox .mainReviewSlide .reviewArea .msgBox .topBox .star img { 
		width: 23px; 
	}
	.mainReviewBox .mainReviewSlide .reviewArea .msgBox .txt { 
		height: 73px;
		margin:0 0 10px;
		font-size:16px; 
	}
	.mainReviewBox .mainReviewSlide .reviewArea .face { 
		width: 72px; 
		height: 72px;
	}
	.mainReviewBox .mainReviewSlide .reviewArea .face img { 
		width: 63px; 
	}
}
@media all and (max-width:799px){
	.mainReviewBox { 
		padding:30px 0;
	}
	.mainReviewBox .mainReviewSlide { 
		height: 248px; 
	}
	.mainReviewBox .mainReviewSlide .reviewArea .msgBox .topBox { 
		padding:0 0 10px;
		margin:0 0 10px;
	}
	.mainReviewBox .mainReviewSlide .reviewArea .msgBox .topBox .name { 
		font-size:16px 
	}
	.mainReviewBox .mainReviewSlide .reviewArea .msgBox .topBox .star img { 
		width: 20px; 
	}
	.mainReviewBox .mainReviewSlide .reviewArea .msgBox .txt { 
		height: 65px;
		font-size:15px; 
	}
	.mainReviewBox .mainReviewSlide .reviewArea .face { 
		width: 64px; 
		height: 64px;
	}
	.mainReviewBox .mainReviewSlide .reviewArea .face img { 
		width: 56px; 
	}
}
@media all and (max-width:599px){
	.mainReviewBox { 
		padding:20px 0;
	}
}
/* -------- mainReviewBox 끝 -------- */
/* -------- mainProcessBox 시작 -------- */
.mainProcessBox { 
	padding:50px 0;
	background:url(/Form/_guest/images/mainProcessBoxBg.png) no-repeat;
	background-size:100% 100%;
}
.mainProcessBox .inner { 
	max-width: 1096px; 
}
.mainProcessBox .cTit01,
.mainProcessBox .cTit02 { 
	color:#fff; 
}
.mainProcessBox .mainProcessLst { 
	display:flex; 
	flex-wrap:wrap; 
}
.mainProcessBox .mainProcessLst > li { 
	position:relative; 
	display:flex;
	flex-direction:column;
	width: 46%;
	padding:0 0 0 70px;
	margin:50px 8% 0 0;
}
.mainProcessBox .mainProcessLst > li .num { 
	position:absolute; 
	display:block; 
	top:0;
	left:0;
}
.mainProcessBox .mainProcessLst > li .num img { 
	max-width: 100%; 
}
.mainProcessBox .mainProcessLst > li .num img.mobile { 
	display:none; 
}
.mainProcessBox .mainProcessLst > li .tit { 
	display:flex;
	align-items:center; 
	min-height: 56px;
	margin:0 0 15px;
	padding:10px;
	background: #03C75A;
	border-radius: 0 10px 10px 0;
	font-weight:500;
	font-size:22px;
	line-height:1.5;
	letter-spacing:-.03em;
	color:#fff;
}
.mainProcessBox .mainProcessLst > li .txt { 
	position:relative; 
	flex-grow:1;
	padding:15px 18px;
	border:1px solid #03C75A;
	border-right:none;
	border-radius: 10px 0 0 10px;
	font-size:18px;
	line-height:1.5;
	letter-spacing:-.03em;
	color:#fff;
}
.mainProcessBox .mainProcessLst > li .txt span { 
	font-weight:700; 
}
.mainProcessBox .mainProcessLst > li .txt:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	right:3px;
	bottom:-10px;
	transform:rotate(-45deg);
	border-right:1px solid #03C75A;
	border-bottom:1px solid #03C75A;
}
.mainProcessBox .mainProcessLst > li:nth-child(2n) { 
	margin-right:0;
}
.mainProcessBox .mainProcessLst > li:nth-child(-n+2) { 
	margin-top:0;
}
@media all and (max-width:1279px){
	.mainProcessBox .inner { 
		max-width: 1280px;
		padding: 0 20px;
	}
	.mainProcessBox .mainProcessLst > li { 
		width: 48%; 
		margin:4% 4% 0 0;
	}
}
@media all and (max-width:999px){
	.mainProcessBox { 
		padding:40px 0;
	}
	.mainProcessBox .mainProcessLst > li { 
		width: 100%;
		margin:0 0 30px;
		padding:0 0 0 56px;
	}
	.mainProcessBox .mainProcessLst > li .num { 
		width: 56px; 
	}
	.mainProcessBox .mainProcessLst > li .num img.pc { 
		display:none; 
	}
	.mainProcessBox .mainProcessLst > li .num img.mobile { 
		display:block;
	}
	.mainProcessBox .mainProcessLst > li .tit { 
		min-height: 50px;
		margin:0 0 10px;
		padding:8px;
		border-radius: 10px;
		font-size:18px; 
	}
	.mainProcessBox .mainProcessLst > li .txt { 
		padding:15px;
		font-size:16px;
	}
	.mainProcessBox .mainProcessLst > li .txt:after { 
		width: 18px; 
		height: 18px;
		bottom:-9px;
	}
	.mainProcessBox .mainProcessLst > li:last-child { 
		margin:0;
	}
}
@media all and (max-width:799px){
	.mainProcessBox { 
		padding:30px 0;
	}
}
@media all and (max-width:599px){
	.mainProcessBox { 
		padding:20px 0;
	}
	.mainProcessBox .mainProcessLst > li { 
		padding:0 0 0 48px;
	}
	.mainProcessBox .mainProcessLst > li .num { 
		width: 48px; 
	}
	.mainProcessBox .mainProcessLst > li .tit { 
		min-height: 39px; 
		font-size:16px;
	}
	.mainProcessBox .mainProcessLst > li .txt { 
		padding:13px;
		font-size:15px;
	}
	.mainProcessBox .mainProcessLst > li .txt:after { 
		width: 16px; 
		height: 16px;
		bottom:-8px;
	}
}
/* -------- mainProcessBox 끝 -------- */
/* -------- mainScrollBox 시작 -------- */
.mainScrollBox { 
	padding:50px 0;
}
.mainScrollBox .inner { 
	padding:0 650px 0 0;
}
.mainScrollBox .mainScrollPC .lBox { 
	min-height: 353px; 
}
.mainScrollBox .mainScrollPC .lBox .step { 
	display:inline-block; 
	margin:0 0 25px;
	padding:7px 16px 5px;
	background: #03C75A;
	border-radius: 20px;
	font-weight:700;
	font-size:20px;
	line-height:1.2;
	letter-spacing:-.03em;
	color:#fff;
}
.mainScrollBox .mainScrollPC .lBox .tit { 
	margin:0 0 23px;
	font-weight:700;
	font-size:30px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
}
.mainScrollBox .mainScrollPC .lBox .txt { 
	font-size:22px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
}
.mainScrollBox .mainScrollPC .rBox { 
	position:absolute; 
	top:0;
	right:0;
	padding:0 0 0 78px;
}
.mainScrollBox .mainScrollPC .rBox .btnLst { 
	position:absolute; 
	display:flex; 
	flex-direction:column;
	gap:30px;
	top:5px;
	left:0;
}
.mainScrollBox .mainScrollPC .rBox .btnLst > li { 
	position:relative; 
}
.mainScrollBox .mainScrollPC .rBox .btnLst > li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2px;
	height: 100%;
	top:100%;
	left:50%;
	margin:0 0 0 -1px;
	background: url(/Form/_guest/images/mainScrollLine.png) repeat-y;
}
.mainScrollBox .mainScrollPC .rBox .btnLst > li .stepBtn { 
	position:relative; 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 42px;
	height: 42px;
	background: #fff;
	border:1px solid #03C75A;
	border-radius: 50%;
	font-size:22px;
	line-height:1.2;
	letter-spacing:-.02em;
	color:#03C75A;
	transition:all .3s ease;
}
.mainScrollBox .mainScrollPC .rBox .btnLst > li .stepBtn.on { 
	background: #03C75A; 
	font-weight:700;
	color:#fff;
}
.mainScrollBox .mainScrollPC .rBox .btnLst > li:last-child:after { 
	display:none; 
}
.mainScrollBox .mainScrollPC .rBox .imgBox { 
	font-size:0; 
}
.mainScrollBox .mainScrollPC .rBox.fixed { 
	position:fixed; 
	top:50%;
	left:50%;
	margin:0 -640px 0 0;
	transform:translateY(-50%);
}
.mainScrollBox .mainScrollPC .rBox.onBtm { 
	top:auto;
	bottom:0;
}
.mainScrollBox .mainScrollMoblie { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	border-radius: 10px;
	overflow:hidden;
}
.mainScrollBox .mainScrollMoblie .swiper-slide { 
	background: #fff;
}
.mainScrollBox .mainScrollMoblie .imgBox { 
	background: #F5F5F5;
	border-radius: 10px 10px 0 0;
	border:1px solid #E0E0E0;
	font-size:0; 
	text-align: center;
}
.mainScrollBox .mainScrollMoblie .imgBox img { 
	max-width: 100%; 
}
.mainScrollBox .mainScrollMoblie .txtBox { 
	padding:15px;
	border:1px solid #E0E0E0;
	border-top:none;
}
.mainScrollBox .mainScrollMoblie .txtBox .step { 
	display:inline-block; 
	margin:0 0 10px;
	padding:7px 16px 5px;
	background: #03C75A;
	border-radius: 20px;
	font-weight:700;
	font-size:15px; 	 
	line-height:1.2;
	letter-spacing:-.03em;
	color:#fff;
}
.mainScrollBox .mainScrollMoblie .txtBox .tit { 
	margin:0 0 5px;
	font-weight:700;
	font-size:18px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
}
.mainScrollBox .mainScrollMoblie .txtBox .txt { 
	font-size:15px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
}
.mainScrollBox .mainScrollMoblie .mainScrollPaging { 
	text-align: center; 
}
.mainScrollBox .mainScrollMoblie .mainScrollPaging .swiper-pagination-bullet-active { 
	background: #03C75A; 
}
@media all and (max-width:1279px){
	.mainScrollBox .cTit01,
	.mainScrollBox .cTit02 { 
		padding-left:15px;
		padding-right:15px;
	}
	.mainScrollBox .inner { 
		padding: 0 610px 0 20px;
	}
	.mainScrollBox .mainScrollPC .lBox { 
		min-height: 318px; 
	}
	.mainScrollBox .mainScrollPC .lBox .step { 
		margin:0 0 20px;
		font-size:18px; 
	}
	.mainScrollBox .mainScrollPC .lBox .tit { 
		margin:0 0 15px;
		font-size:27px; 
	}
	.mainScrollBox .mainScrollPC .lBox .txt { 
		font-size:20px;
	}
	.mainScrollBox .mainScrollPC .rBox { 
		right:15px; 
		padding:0 0 0 60px;
	}
	.mainScrollBox .mainScrollPC .rBox.fixed { 
		left:auto;
		right:15px;
		margin:0;
	}
	.mainScrollBox .mainScrollPC .rBox .btnLst { 
		gap:27px; 
	}
	.mainScrollBox .mainScrollPC .rBox .btnLst > li .stepBtn { 
		width: 38px; 
		height: 38px;
		font-size:20px;
	}
	.mainScrollBox .mainScrollPC .rBox .imgBox img { 
		width: 507px; 
	}
}
@media all and (max-width:1099px){
	.mainScrollBox .inner { 
		padding:0 530px 0 20px;
	}
	.mainScrollBox .mainScrollPC .lBox { 
		min-height: 282px; 
	}
	.mainScrollBox .mainScrollPC .lBox .step { 
		margin:0 0 15px;
		font-size:16px; 
	}
	.mainScrollBox .mainScrollPC .lBox .tit { 
		margin:0 0 10px;
		font-size:24px; 
	}
	.mainScrollBox .mainScrollPC .lBox .txt { 
		font-size:18px; 
	}
	.mainScrollBox .mainScrollPC .rBox { 
		padding:0 0 0 50px;
	}
	.mainScrollBox .mainScrollPC .rBox .btnLst { 
		gap:24px; 
	}
	.mainScrollBox .mainScrollPC .rBox .btnLst > li .stepBtn { 
		width: 34px; 
		height: 34px;
		font-size:18px;
	}
	.mainScrollBox .mainScrollPC .rBox .imgBox img { 
		width: 450px; 
	}
}
@media all and (max-width:999px){
	.mainScrollBox { 
		padding:40px 0;
	}
	.mainScrollBox .inner { 
		padding:0 460px 0 20px;
	}
	.mainScrollBox .mainScrollPC .lBox { 
		min-height: 247px; 
	}
	.mainScrollBox .mainScrollPC .lBox .step { 
		margin:0 0 10px;
		font-size:16px; 
	}
	.mainScrollBox .mainScrollPC .lBox .tit { 
		font-size:21px;
	}
	.mainScrollBox .mainScrollPC .lBox .txt { 
		font-size:16px;
	}
	.mainScrollBox .mainScrollPC .lBox .txt br { 
		display:none; 
	}
	.mainScrollBox .mainScrollPC .rBox { 
		padding:0 0 0 40px;
	}
	.mainScrollBox .mainScrollPC .rBox .btnLst { 
		gap:21px; 
	}
	.mainScrollBox .mainScrollPC .rBox .btnLst > li .stepBtn { 
		width: 29px; 
		height: 29px;
		font-size:15px;
	}
	.mainScrollBox .mainScrollPC .rBox .imgBox img { 
		width: 394px; 
	}	
}
@media all and (max-width:799px){
	.mainScrollBox { 
		padding:30px 0;
	}
	.mainScrollBox .inner { 
		padding:0 20px;
	}
	.mainScrollBox .mainScrollPC { 
		display:none; 
	}
	.mainScrollBox .mainScrollMoblie { 
		position:relative; 
		width: 100%;
		height: auto;
		top:auto;
		left:auto;
	}
}
@media all and (max-width:599px){
	.mainScrollBox { 
		padding:20px 0;
	}
	.mainScrollBox .cTit01,
	.mainScrollBox .cTit02 { 
		padding-left:10px;
		padding-right:10px;
	}
	.mainScrollBox .mainScrollMoblie .txtBox { 
		padding:10px;
	}
	.mainScrollBox .mainScrollMoblie .txtBox .step { 
		font-size:14px;
	}
	.mainScrollBox .mainScrollMoblie .txtBox .tit { 
		font-size:16px;
	}
	.mainScrollBox .mainScrollMoblie .txtBox .txt { 
		min-height: 36px;
		font-size:14px;
	}
}
/* -------- mainScrollBox 끝 -------- */
/* 메인 페이지 끝
------------------------------------------------------ */
/* 서브 공통 시작
------------------------------------------------------ */
.subComTop { 
	padding:157px 10px 153px;
	margin:0 0 50px;
	background-repeat:no-repeat;
	background-size:cover; 
}
.subComTop .subComTit { 
	position:relative; 
	padding:22px 0 0;
	font-weight:500; 
	font-size:40px;
	line-height:1.2;
	letter-spacing:-.03em;
	color:#fff;
	text-align: center;
}
.subComTop .subComTit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 64px;
	height: 6px;
	top:0;
	left:50%;
	margin:0 0 0 -32px;
	background: #fff;
}
@media all and (max-width:1199px){
	.subComTop { 
		padding:120px 10px;
		margin:0 0 40px;
	}
	.subComTop .subComTit { 
		padding:20px 0 0;
		font-size:36px;
	}
}
@media all and (max-width:999px){
	.subComTop { 
		padding:100px 10px;
		margin:0 0 30px;
	}
	.subComTop .subComTit { 
		padding:18px 0 0;
		font-size:32px;
	}
	.subComTop .subComTit:before { 
		width: 40px;
		height: 4px;
		margin:0 0 0 -20px;
	}
}
@media all and (max-width:799px){
	.subComTop { 
		padding:80px 10px;
		margin:0 0 20px;
	}
	.subComTop .subComTit { 
		padding:16px 0 0;
		font-size:28px;
	}
	.subComTop .subComTit:before { 
		width: 30px;
		margin:0 0 0 -15px;
	}
}
@media all and (max-width:599px){
	.subComTop { 
		padding:50px 10px;
		margin:0 0 15px;
	}
	.subComTop .subComTit { 
		padding:10px 0 0;
		font-size:24px;
	}
	.subComTop .subComTit:before { 
		width:20px;
		height: 2px;
		margin:0 0 0 -10px;
	}
}
/* 서브 공통 끝
------------------------------------------------------ */
/* 제작과정 시작
------------------------------------------------------ */
.processWr .subComTop { 
	background-image:url(/Form/_guest/images/subProcessBg.png);
}
.processWr .processLst { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
	margin:0 0 50px;
}
.processWr .processLst > li { 
	display:flex; 
	flex-direction:column;
	width: 23%;
	padding:15px;
	background: #fff;
	border:1px solid #DDD;
	border-radius: 10px;
	box-shadow:0 4px 8px rgba(0,0,0,.15);
	text-align: center;
}
.processWr .processLst > li .imgBox { 
	position:relative; 
	padding:40px 10px;
	margin:0 0 14px;
	background: #F5F5F5;
	border-radius: 10px;
	font-size:0; 
	overflow:hidden;
}
.processWr .processLst > li .imgBox img { 
	max-width: 100%; 
}
.processWr .processLst > li .imgBox .num { 
	position:absolute; 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	width: 40px;
	height: 40px;
	top:0;
	left:0;
	background: #03C75A;
	border-radius: 10px 0 10px 0;
}
.processWr .processLst > li .tit { 
	flex-grow:1;
	display:flex; 
	align-items:center; 
	justify-content:center; 
	margin:0 0 12px;
	font-weight:500;
	font-size:18px;
	line-height:1.5;
	letter-spacing:-.03em;
	color:#373737;
}
.processWr .processLst > li .txt { 
	font-size:16px;
	line-height:1.5;
	letter-spacing:-.03em;
	color:#424242;
}
@media all and (max-width:1279px){
	.processWr .inner { 
		padding:0 20px;
	}
	.processWr .processLst { 
		margin:0 0 40px;
	}
	.processWr .processLst > li { 
		width: 24%; 
	}
	.processWr .processLst > li .imgBox { 
		padding:30px 10px;
		margin:0 0 10px;
	}
	.processWr .processLst > li .imgBox .num { 
		width: 36px; 
		height: 36px;
	}
	.processWr .processLst > li .imgBox > img { 
		width: 108px; 
	}
	.processWr .processLst > li .tit { 
		margin:0 0 10px;
		font-size:17px; 
	}
	.processWr .processLst > li .txt { 
		font-size:15px; 
	}
}
@media all and (max-width:999px){
	.processWr .processLst { 
		justify-content:flex-start;
		margin:0 0 30px;
	}
	.processWr .processLst > li { 
		width: 49%; 
		margin:2% 2% 0 0;
	}
	.processWr .processLst > li .imgBox { 
		padding:20px 10px;
	}
	.processWr .processLst > li .imgBox .num { 
		width: 32px; 
		height: 32px;
	}
	.processWr .processLst > li .imgBox > img { 
		width: 96px; 
	}
	.processWr .processLst > li .tit br,
	.processWr .processLst > li .txt br { 
		display:none; 
	}
	.processWr .processLst > li:nth-child(2n) { 
		margin-right:0;
	}
	.processWr .processLst > li:nth-child(-n+2) { 
		margin-top:0;
	}
}
@media all and (max-width:599px){
	.processWr .processLst { 
		margin:0 0 20px;
	}
	.processWr .processLst > li { 
		width: 100%; 
		margin:0 0 15px;
	}
	.processWr .processLst > li .imgBox { 
		padding:10px;
	}
	.processWr .processLst > li .imgBox .num { 
		width: 28px; 
		height: 28px;
	}
	.processWr .processLst > li .imgBox > img { 
		width: 84px; 
	}
	.processWr .processLst > li .tit { 
		margin:0 0 5px;
		font-size:16px;
	}
	.processWr .processLst > li .txt { 
		font-size:14px; 
	}
	.processWr .processLst > li:last-child { 
		margin:0;
	}
}
/* 제작과정 끝
------------------------------------------------------ */
/* 활용방법 시작
------------------------------------------------------ */
.practicalWr .subComTop { 
	margin:0;
	background-image:url(/Form/_guest/images/subPracticalBg.png);
}
.practicalWr .practicalBox { 
	background: url(/Form/_guest/images/mainServiceBg.png) no-repeat center top;
}
.practicalWr .useBox,
.practicalWr .saleBox { 
	position:relative; 
	margin:0 0 50px;
	padding:50px 0 0;
}
.practicalWr .useBox .useLst { 
	display:flex; 
	flex-wrap:wrap;
}
.practicalWr .useBox .useLst > li { 
	position:relative; 
	width: 48%; 
	margin:4% 4% 0 0;
	padding:15px 15px 15px 157px;
	background: #fff;
	border-radius: 10px;
	border:1px solid #E0E0E0;
	box-shadow:0 4px 8px 0 rgba(0,0,0,.15);
	font-size:0;
}
.practicalWr .useBox .useLst > li:before { 
	content:"";
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle; 
	min-height: 125px;
}
.practicalWr .useBox .useLst > li .imgBox { 
	position:absolute; 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 125px;
	height: 125px;
	top:15px;
	left:15px;
	padding:10px;
	background: #F5F5F5;
	border-radius: 10px;
}
.practicalWr .useBox .useLst > li .imgBox img { 
	max-width: 100%; 
}
.practicalWr .useBox .useLst > li .conBox { 
	display:inline-block; 
	vertical-align:middle; 
}
.practicalWr .useBox .useLst > li .conBox .tit { 
	margin:0 0 14px;
	font-weight:500;
	font-size:18px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#373737;
}
.practicalWr .useBox .useLst > li .conBox .txt { 
	font-size:16px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
}
.practicalWr .useBox .useLst > li:nth-child(2n) { 
	margin-right:0;
}
.practicalWr .useBox .useLst > li:nth-child(-n+2) { 
	margin-top:0;
}
.practicalWr .saleBox .salsLst { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
}
.practicalWr .saleBox .salsLst > li { 
	width: 19%;
	text-align: center;
}
.practicalWr .saleBox .salsLst > li .imgBox { 
	margin:0 0 15px;
	border-radius: 10px;
	background: #F5F5F5;
	box-shadow: 0 3px 9px 0 rgba(0, 0, 0, .15);
	font-size:0;
}
.practicalWr .saleBox .salsLst > li .imgBox img { 
	max-width: 100%; 
}
.practicalWr .saleBox .salsLst > li .num { 
	display:inline-block; 
	padding:4px 12px;
	margin:0 0 10px;
	background: #03C75A;
	border-radius: 20px;
	font-weight:700;
	font-size:14px;
	line-height:1.2;
	letter-spacing:-.03em;
	color:#fff;
}
.practicalWr .saleBox .salsLst > li .txt { 
	font-weight:500;
	font-size:18px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
}
@media all and (max-width:1279px){
	.practicalWr .inner { 
		padding:0 20px;
	}
	.practicalWr .useBox,
	.practicalWr .saleBox { 
		margin:0 0 40px;
	}
}
@media all and (max-width:1199px){
	.practicalWr .useBox .useLst > li { 
		width: 49%; 
		margin:2% 2% 0 0;
		padding:15px 15px 15px 145px;
	}
	.practicalWr .useBox .useLst > li:before { 
		min-height: 113px;
	}
	.practicalWr .useBox .useLst > li .imgBox { 
		width: 113px; 
		height: 113px;
	}
	.practicalWr .useBox .useLst > li .conBox .tit { 
		margin:0 0 10px;
	}
	.practicalWr .saleBox .salsLst { 
		justify-content:center;
	}
	.practicalWr .saleBox .salsLst > li { 
		width: 32%;
		margin:2% 2% 0 0;
	}
	.practicalWr .saleBox .salsLst > li:nth-child(3n) { 
		margin-right:0;
	}
	.practicalWr .saleBox .salsLst > li:nth-child(-n+3) { 
		margin-top:0;
	}
}
@media all and (max-width:999px){	
	.practicalWr .useBox,
	.practicalWr .saleBox { 
		margin:0 0 30px;
		padding:30px 0 0;
	}
	.practicalWr .useBox .useLst > li { 
		padding:10px 10px 10px 125px;
	}
	.practicalWr .useBox .useLst > li:before { 
		min-height: 100px;
	}
	.practicalWr .useBox .useLst > li .imgBox { 
		width: 100px; 
		height: 100px;
		top:10px;
		left:10px;
	}
	.practicalWr .useBox .useLst > li .conBox .tit { 
		font-size:17px; 
	}
	.practicalWr .useBox .useLst > li .conBox .txt { 
		font-size:15px; 
	}
	.practicalWr .saleBox .salsLst > li { 
		width: 48%;
		margin:4% 4% 0 0;
	}
	.practicalWr .saleBox .salsLst > li .imgBox { 
		margin:0 0 15px;
	}
	.practicalWr .saleBox .salsLst > li .num { 
		margin:0 0 5px;
		font-size:13px;
	}
	.practicalWr .saleBox .salsLst > li .txt { 
		font-size:16px; 
	}
	.practicalWr .saleBox .salsLst > li:nth-child(3n) { 
		margin-right:4%;
	}
	.practicalWr .saleBox .salsLst > li:nth-child(-n+3) { 
		margin-top:4%;
	}
	.practicalWr .saleBox .salsLst > li:nth-child(2n) { 
		margin-right:0;
	}
	.practicalWr .saleBox .salsLst > li:nth-child(-n+2) { 
		margin-top:0;
	}
}
@media all and (max-width:799px){	
	.practicalWr .useBox .useLst > li { 
		padding:10px 10px 10px 110px;
	}
	.practicalWr .useBox .useLst > li:before { 
		min-height: 88px; 
	}
	.practicalWr .useBox .useLst > li .imgBox { 
		width: 88px; 
		height: 88px;
	}
	.practicalWr .useBox .useLst > li .conBox .tit { 
		margin:0 0 8px;
		font-size:16px;
	}
	.practicalWr .useBox .useLst > li .conBox .txt { 
		font-size:14px; 
	}
}
@media all and (max-width:599px){	
	.practicalWr .useBox,
	.practicalWr .saleBox { 
		padding:20px 0 0;
		margin:0 0 20px;
	}
	.practicalWr .useBox .useLst > li { 
		width: 100%; 
		padding:10px 10px 10px 95px;
		margin:0 0 15px;
	}
	.practicalWr .useBox .useLst > li:before { 
		min-height: 75px; 
	}
	.practicalWr .useBox .useLst > li .imgBox { 
		width: 75px; 
		height: 75px;
	}
	.practicalWr .useBox .useLst > li .conBox .tit { 
		margin:0 0 5px;
		font-size:15px;
	}
	.practicalWr .useBox .useLst > li .conBox .txt { 
		font-size:13px; 
	}
	.practicalWr .useBox .useLst > li:last-child { 
		margin:0;
	}
	.practicalWr .saleBox .salsLst > li { 
		width: 100%; 
		margin:0 0 30px;
	}
	.practicalWr .saleBox .salsLst > li .num { 
		font-size:12px; 
	}
	.practicalWr .saleBox .salsLst > li .txt { 
		font-size:14px; 
	}
	.practicalWr .saleBox .salsLst > li:nth-child(3n) { 
		margin-right:0;
	}
	.practicalWr .saleBox .salsLst > li:nth-child(-n+3) { 
		margin-top:0;
	}
	.practicalWr .saleBox .salsLst > li:last-child { 
		margin:0;
	}
}
/* 활용방법 끝
------------------------------------------------------ */
/* 게시판 공통 시작
------------------------------------------------------ */
.boardWr { 
	padding:50px 0 0;
}
.boardWr .boardLinkLst { 
	display:flex;
	flex-wrap:wrap;
	margin:0 0 40px;
}
.boardWr .boardLinkLst > li { 
	width: 33.333%; 
}
.boardWr .boardLinkLst > li a { 
	position:relative; 
	display:block; 
	height:100%;
	padding:13px 10px;
	font-size:18px;
	line-height:1.2;
	letter-spacing:-.03em;
	color:#9E9E9E;
	text-align: center;
}
.boardWr .boardLinkLst > li a:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 1px;
	left:0;
	bottom:0;
	background: #E0E0E0;
	transition:all .3s ease;
}
.boardWr .boardLinkLst > li a:hover,
.boardWr .boardLinkLst > li a:focus,
.boardWr .boardLinkLst > li a.on { 
	font-weight:500;
	color:#424242;
}
.boardWr .boardLinkLst > li a:focus:after,
.boardWr .boardLinkLst > li a:hover:after,
.boardWr .boardLinkLst > li a.on:after { 
	height: 2px;
	background: #03c75a;
}
.boardWr .boardLinkBox { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:flex-end; 
	gap:12px;
	margin:0 0 40px;
}
.boardWr .boardLinkBox > * { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	min-width: 140px;
	height: 40px;
	border-radius: 5px;
	font-weight:700;
	font-size:16px;
	line-height:1.2;
}
.boardWr .boardLinkBox > *:nth-child(odd) { 
	background: #03C75A; 
	color:#fff;
}
.boardWr .boardLinkBox > *:nth-child(even) { 
	border:1px solid #03C75A; 
	color:#03C75A;
}
.boardWr .boardBtmBox { 
	position:relative; 
	padding:0 0 0 480px;
	margin:0 0 60px;
}
.boardWr .boardBtmBox .lBox { 
	position:absolute; 
	display:flex; 
	align-items:center; 
	width: 480px; 
	height: 100%;
	top:0;
	left:0;
	padding:0 47px;
	background:url(/Form/_guest/images/boardBtmLBg.png) no-repeat;
	background-size:cover;
}
.boardWr .boardBtmBox .lBox .tit { 
	position:relative; 
	padding:20px 0 0;
	margin:0 0 7px;
	font-weight:500;
	font-size:20px;
	line-height:1.2;
	letter-spacing:-.03em;
	color:#03C75A;
}
.boardWr .boardBtmBox .lBox .tit:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 40px;
	height: 4px;
	top:0;
	left:0;
	background: #03C75A;
}
.boardWr .boardBtmBox .lBox .txt { 
	font-size: 14px;
	line-height:1.5;
	letter-spacing:-.03em;
	color:#fff;
}
.boardWr .boardBtmBox .rBox { 
	padding:37px 107px;
	background: url(/Form/_guest/images/boardBtmRBg.png) no-repeat; 
	background-size:cover;
}
.boardWr .boardBtmBox .rBox ul { 
	display:flex; 
	flex-wrap:wrap;
}
.boardWr .boardBtmBox .rBox ul > li { 
	width: 50%; 
}
.boardWr .boardBtmBox .rBox ul > li a { 
	position:relative; 
	display:block;
	height: 100%;
	padding:20px 80px 20px 25px;
}
.boardWr .boardBtmBox .rBox ul > li a span { 
	display:block; 
}
.boardWr .boardBtmBox .rBox ul > li a .sTit { 
	margin:0 0 12px;
	font-weight:500;
	font-size:14px;
	line-height:1.2;
	letter-spacing:-.03em;
	color:#424242;
}
.boardWr .boardBtmBox .rBox ul > li a .tit { 
	font-family:Pretendard;
	font-weight:700;
	font-size:20px;
	line-height:1.3;
	letter-spacing:-.05px;
	color:#424242;
}
.boardWr .boardBtmBox .rBox ul > li a .txt { 
	font-size:12px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#616161;
}
.boardWr .boardBtmBox .rBox ul > li a .ico { 
	position:absolute; 
	top:50%;
	right:26px;
	transform:translateY(-50%);
}
.boardWr .boardBtmBox .rBox ul > li a .ico img { 
	max-width: 100%; 
}
.boardWr .boardBtmBox .rBox ul > li a.call { 
	background: #fff;
	border-radius: 10px 0 0 10px;
	border:1px solid #E0E0E0;
}
.boardWr .boardBtmBox .rBox ul > li a.call .sTit { 
	color: #03C75A;
}
.boardWr .boardBtmBox .rBox ul > li a.kakao { 
	background: #FFE812; 
	border-radius: 0 10px 10px 0;
}
@media all and (max-width:1279px){
	.boardWr .inner { 
		padding:0 20px;
	}
}
@media all and (max-width:1199px){
	.boardWr { 
		padding:40px 0 0;
	}
	.boardWr .boardLinkLst { 
		margin:0 0 30px;
	}
	.boardWr .boardLinkBox { 
		margin:0 0 30px;
	}
	.boardWr .boardLinkBox > * { 
		min-width: 120px;
		height: 36px;
	}
	.boardWr .boardBtmBox .lBox { 
		padding:0 30px;
	}
	.boardWr .boardBtmBox .lBox .tit { 
		padding:15px 0 0;
		font-size:18px;
	}
	.boardWr .boardBtmBox .rBox { 
		padding:30px;
	}
	.boardWr .boardBtmBox .rBox ul > li a .tit { 
		font-size:18px; 
	}
	.boardWr .boardBtmBox .rBox ul > li a .ico { 
		width: 43px;
		right:20px;
	}
}
@media all and (max-width:999px){
	.boardWr { 
		padding:30px 0 0;
	}
	.boardWr .boardLinkLst { 
		margin:0 0 20px;
	}
	.boardWr .boardLinkLst > li a { 
		font-size:17px; 
	}
	.boardWr .boardLinkBox { 
		gap:8px;
		margin:0 0 15px;
	}
	.boardWr .boardLinkBox > * { 
		min-width: 100px;
		height: 32px;
		font-size:15px;
	}
	.boardWr .boardBtmBox { 
		padding:0;
	}
	.boardWr .boardBtmBox .lBox { 
		position:relative; 
		width: 100%; 
		height: auto;
		top:auto;
		left:auto;
		padding:20px;
	}
	.boardWr .boardBtmBox .lBox .tit { 
		padding:10px 0 0;
		font-size:16px;
	}
	.boardWr .boardBtmBox .lBox .tit:before { 
		width: 30px; 
		height: 3px;
	}
	.boardWr .boardBtmBox .rBox { 
		padding:20px;
	}
	.boardWr .boardBtmBox .rBox ul > li a { 
		padding:15px 70px 15px 15px;
	}
	.boardWr .boardBtmBox .rBox ul > li a .sTit { 
		margin:0 0 10px;
		font-size:13px; 
	}
	.boardWr .boardBtmBox .rBox ul > li a .tit { 
		font-size:16px; 
	}
	.boardWr .boardBtmBox .rBox ul > li a .ico { 
		width: 38px; 
	}
}
@media all and (max-width:599px){
	.boardWr { 
		padding:20px 0 0;
	}
	.boardWr .boardLinkLst { 
		margin:0 0 10px;
	}
	.boardWr .boardLinkLst > li a { 
		font-size:16px; 
	}
	.boardWr .boardLinkBox { 
		margin:0 0 15px;
	}
	.boardWr .boardLinkBox > * { 
		min-width: 80px;
		height: 28px;
		font-size:14px;
	}
	.boardWr .boardBtmBox .rBox ul > li { 
		width: 100%; 
	}
	.boardWr .boardBtmBox .rBox ul > li a { 
		padding:15px 55px 15px 15px;
	}
	.boardWr .boardBtmBox .rBox ul > li a .ico { 
		width: 33px; 
		right:15px;
	}
	.boardWr .boardBtmBox .rBox ul > li a.call { 
		border-radius: 10px 10px 0 0;
	}
	.boardWr .boardBtmBox .rBox ul > li a.kakao { 
		border-radius: 0 0 10px 10px;
	}
}
/* 게시판 공통 끝
------------------------------------------------------ */
/* 게시판 리스트 스킨 시작
------------------------------------------------------ */
.boardWr .boardListBox { 
	margin:0 0 60px;
}
.boardWr .boardListBox table { 
	border-top:2px solid #424242;
	border-bottom:1px solid #E0E0E0;
}
.boardWr .boardListBox table thead tr th { 
	position:relative;
	padding:17px 10px 20px;
	background: #F5F5F5;
	font-weight:500;
	font-size:16px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
	text-align: center;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.boardWr .boardListBox table thead tr th:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 20px;
	top:50%;
	right:0;
	margin:-10px 0 0;
	background: #E0E0E0;
}
.boardWr .boardListBox table thead tr th:last-child:after { 
	display:none; 
}
.boardWr .boardListBox table tbody tr { 
	position:relative; 
	border-top:1px solid #E0E0E0;
}
.boardWr .boardListBox table tbody tr td { 
	padding:21px 10px 19px;
	font-size:14px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
	text-align: center;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.boardWr .boardListBox table tbody tr td a { 
	display:block; 
	color:#424242;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	transition:all .3s ease;
}
.boardWr .boardListBox table tbody tr td a:hover,
.boardWr .boardListBox table tbody tr td a:focus { 
	color: #03C75A;
}
.boardWr .boardListBox table tbody tr td .brdHidTit { 
	display:none; 
	font-weight:500; 
}
.boardWr .boardListBox.hasLink { 
	margin:0 0 24px;
}
@media all and (max-width:999px){
	.boardWr .boardListBox table thead { 
		display:none; 
	}
	.boardWr .boardListBox table tbody tr { 
		display:flex; 
		flex-wrap:wrap;
		padding:0 0 0 80px;
	}
	.boardWr .boardListBox table tbody tr td { 
		padding:5px;
	}
	.boardWr .boardListBox table tbody tr td .brdHidTit { 
		display:inline-block; 
	}
	.boardWr .boardListBox table tbody tr td.brdNum { 
		position:absolute; 
		width: 80px; 
		top:0;
		left:0;
	}
	.boardWr .boardListBox table tbody tr td.brdTit { 
		width: 100%; 
	}
	.boardWr .boardListBox.hasLink { 
		margin:0 0 10px;
	}
}
/* 게시판 리스트 스킨 끝
------------------------------------------------------ */
/* 게시판 뷰 스킨 시작
------------------------------------------------------ */
.boardViewBox { 
	border-top:1px solid #000; 
}
.boardViewBox .brdTopBox { 
	display:flex;
}
.boardViewBox .brdTopBox > * { 
	min-width: 140px;
	padding:21px 25px;
	font-size:16px;
	line-height:1.2;
	letter-spacing:-.03em;
	color:#424242;
	text-align: center;
}
.boardViewBox .brdTopBox .tit { 
	flex-grow:1;
	text-align: left;
	font-weight:500;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.boardViewBox .brdMidBox { 
	padding:21px 24px;
	margin:0 0 24px;
	border-bottom:1px solid #E0E0E0;
	font-size:14px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
}
.boardViewBox .brdMidBox img { 
	max-width: 100%; 
}
.boardViewBox .brdMidBox .brdReplyBox { 
	position:relative; 
	margin:22px 0 0;
	padding:16px 16px 16px 55px;
	background: #F5F5F5;
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	font-size:14px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
}
.boardViewBox .brdMidBox .brdReplyBox:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 16px;
	height: 14px;
	top:17px;
	left:14px;
	background:url(/Form/_guest/images/brdReplyIco.png) no-repeat;
	background-size:cover;
}
.boardViewBox .brdMidBox .brdReplyBox .brdReplyTop { 
	display:flex; 
	flex-wrap:wrap;
	gap:38px;
	margin:0 0 14px;
}
.boardViewBox .brdBtmBox { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:flex-end; 
	margin:0 0 40px;
}
.boardViewBox .brdBtmBox > * { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	min-width: 140px;
	height: 40px;
	border-radius: 5px;
	font-weight:700;
	font-size:16px;
	line-height:1.2;
}
.boardViewBox .brdBtmBox > *:nth-child(odd) { 
	background: #03C75A; 
	color:#fff;
}
.boardViewBox .brdBtmBox > *:nth-child(even) { 
	border:1px solid #03C75A; 
	color:#03C75A;
}
@media all and (max-width:1199px){
	.boardViewBox .brdTopBox > * { 
		min-width: 100px;
		padding:20px;
	}
	.boardViewBox .brdMidBox { 
		padding:20px;
		margin:0 0 20px;
	}
	.boardViewBox .brdMidBox .brdReplyBox { 
		margin:20px 0 0;
		padding:15px 15px 15px 35px;
	}
	.boardViewBox .brdMidBox .brdReplyBox:before { 
		top:16px;
		left:10px;
	}
	.boardViewBox .brdMidBox .brdReplyBox .brdReplyTop { 
		gap:15px;
		margin:0 0 10px;
	}
	.boardViewBox .brdBtmBox { 
		margin:0 0 30px;
	}
	.boardViewBox .brdBtmBox > * { 
		min-width: 120px;
		height: 36px;
	}
}
@media all and (max-width:999px){
	.boardViewBox .brdTopBox > * { 
		min-width: 80px;
		padding:15px;
		font-size:15px;
	}
	.boardViewBox .brdMidBox { 
		padding:15px;
		margin:0 0 15px;
		font-size:13px;
	}
	.boardViewBox .brdBtmBox { 
		margin:0 0 15px;
	}
	.boardViewBox .brdBtmBox > * { 
		min-width: 100px;
		height: 32px;
		font-size:15px;
	}
}
@media all and (max-width:599px){
	.boardViewBox .brdTopBox { 
		flex-wrap:wrap; 
	}
	.boardViewBox .brdTopBox > * { 
		padding:10px;
	}
	.boardViewBox .brdTopBox .tit { 
		width: 100%; 
	}
	.boardViewBox .brdMidBox { 
		padding:10px;
	}
	.boardViewBox .brdMidBox .brdReplyBox { 
		margin:15px 0 0;
		padding:10px 10px 10px 30px;
		font-size:13px;
	}
	.boardViewBox .brdMidBox .brdReplyBox:before { 
		width: 13px; 
		height: 11px;
		top:11px;
	}
	.boardViewBox .brdMidBox .brdReplyBox .brdReplyTop { 
		gap:8px;
		margin:0 0 5px;
	}
	.boardViewBox .brdBtmBox > * { 
		min-width: 80px;
		height: 28px;
	}
}
/* 게시판 뷰 스킨 끝
------------------------------------------------------ */
/* faq 게시판 리스트 스킨 시작
------------------------------------------------------ */
.faqBoardBox { 
	margin:0 0 60px;
	border-top:2px solid #424242;
}
.faqBoardBox .cate { 
	position:absolute; 
	display:block; 
	top:16px;
	left:17px;
	font-weight:700;
	font-size:22px;
	line-height:1;
	letter-spacing:-.03em;
	color:#424242;
}
.faqBoardBox .faqQBox { 
	border-bottom:1px solid #E0E0E0;
}
.faqBoardBox .faqQBox button { 
	position:relative; 
	display:block; 
	width: 100%;
	padding:19px 40px 19px 65px;
}
.faqBoardBox .faqQBox button:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top:50%;
	right:20px;
	margin:-6px 0 0;
	transform:rotate(45deg);
	border-bottom:3px solid #9E9E9E;
	border-right:3px solid #9E9E9E;
	transition:all .3s ease;
}
.faqBoardBox .faqQBox button.on:after { 
	margin:-2px 0 0;
	transform:rotate(225deg); 
}
.faqBoardBox .faqQBox button .cate { 
	color: #03C75A;
}
.faqBoardBox .faqQBox button .tit { 
	display:block;
	font-weight:500;
	font-size:16px;
	line-height:1.2;
	letter-spacing:-.03em;
	color:#424242;
	text-align: left;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.faqBoardBox .faqABox { 
	position:relative; 
	display:none; 
	padding:19px 65px;
	background: #F5F5F5;
	border-bottom:1px solid #E0E0E0;
	font-size:14px;
	line-height:1.3;
	letter-spacing:-.03em;
	color:#424242;
}
@media all and (max-width:1199px){
	.faqBoardBox .cate { 
		top:14px;
		left:14px;
		font-size:20px; 
	}
	.faqBoardBox .faqQBox button { 
		padding:15px 40px;
	}
	.faqBoardBox .faqABox { 
		padding:15px 40px;
	}
}
@media all and (max-width:999px){
	.faqBoardBox .cate { 
		top:13px;
		left:13px;
		font-size:18px; 
	}
	.faqBoardBox .faqQBox button .tit { 
		font-size:15px; 
	}
	.faqBoardBox .faqABox { 
		font-size:13px; 
	}
}
/* faq 게시판 리스트 스킨 끝
------------------------------------------------------ */
/* Qna 글쓰기 스킨 시작
------------------------------------------------------ */
.qnaBoardWriteBox { 
	padding:21px 24px;
	margin:0 0 24px;
	background: #F5F5F5;
	border-top:2px solid #424242;	
}
.qnaBoardWriteBox > * { 
	margin:0 0 11px;
}
.qnaBoardWriteBox > *:last-child { 
	margin:0;
}
.qnaBoardWriteBox .secretChkBox { 
	position:relative;
}
.qnaBoardWriteBox .secretChkBox input { 
	position:absolute; 
	width: 0;
	height: 0;
	font-size:0;
	overflow:hidden;
}
.qnaBoardWriteBox .secretChkBox label { 
	position:relative;
	padding:0 0 0 24px;
	font-weight:500;
	font-size:14px;
	line-height:1.2;
	color:#9E9E9E;
}
.qnaBoardWriteBox .secretChkBox label:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 18px;
	height: 18px;
	top:1px;
	left:0;
	background:url(/Form/_guest/images/qnaSecretChk_off.png) no-repeat;
	background-size:cover;
}
.qnaBoardWriteBox .secretChkBox input:checked + label:before { 
	background-image: url(/Form/_guest/images/qnaSecretChk_on.png);
}
.qnaBoardWriteBox .qnaWriteArea label { 
	display:block;
	margin:0 0 8px;
	font-weight:500;
	font-size:16px;
	line-height:1.2;
	letter-spacing:-.03em;
	color:#424242;
}
.qnaBoardWriteBox .qnaWriteArea .inputArea { 
	padding:10px;
}
@media all and (max-width:1199px){
	.qnaBoardWriteBox { 
		padding:20px;
		margin:0 0 20px;
	}
}
@media all and (max-width:999px){
	.qnaBoardWriteBox { 
		padding:15px;
		margin:0 0 15px;
	}
	.qnaBoardWriteBox .secretChkBox label { 
		padding:0 0 0 19px;
		font-size:13px; 
	}
	.qnaBoardWriteBox .secretChkBox label:before { 
		width: 14px; 
		height: 14px;
		top:3px;
	}
	.qnaBoardWriteBox .qnaWriteArea label { 
		margin:0 0 5px;
		font-size:15px; 
	}
	.qnaBoardWriteBox .qnaWriteArea .inputArea { 
		padding:8px;
	}
}
/* Qna 글쓰기 스킨 끝
------------------------------------------------------ */