@charset "utf-8";
/* 공통 시작
------------------------------------------------------ */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@font-face {
    font-family: Pretendard-Bold;
    src: url(https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff) format('woff');
    font-weight: 700;
    font-style: normal;
}

*{ 
	box-sizing:border-box;
	margin:0;
	padding:0;
}
html, body { 
	width: 100%; 
	overflow-x:hidden;
}
body { 
	padding:80px 0 0;
	color:#373737;
	font-weight:400;
	font-family: Noto Sans KR, sans-serif;
	letter-spacing:-.03em;
	word-break:keep-all;
}
a { 
	text-decoration:none; 
}
button { 
	background: transparent; 
	border:none;
	cursor:pointer;
}
li { 
	list-style:none; 
}
header { 
	position:fixed;
	width: 100%;
	top:0;
	left:0;
	background: #fff;
	z-index:10;
}
header .inner { 
	position:relative; 
	display:flex; 
	flex-wrap:wrap; 
	align-items:center; 
	justify-content:space-between; 
	height: 80px;
}
header .hLogo a { 
	display:block; 
	font-size:0; 
}
header .hLogo a img { 
	max-width: 100%; 
}
header .hLst { 
	display:flex; 
	flex-wrap:wrap; 
	gap:48px;
}
header .hLst li a { 
	display:block; 
	font-weight:500;
	color:#373737;
	font-size:22px;
	line-height:1;
	transition:all .3s ease;
}
header .hLst li a:hover,
header .hLst li a:focus { 
	color:#26A69A;
}
header .hMobOn { 	
	display:none; 
	position:absolute; 
	width: 20px;
	height: 16px;
	top:50%;
	right:15px;
	margin:-8px 0 0;
	border-top:2px solid #373737;
	border-bottom:2px solid #373737;
}
header .hMobOn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 2px;
	top:50%;
	left:0;
	margin:-1px 0 0;
	background: #373737;
}
header .hMobMenuBox { 
	position:fixed; 
	width: 320px;
	height: 100%;
	background: #fff;
	top:0;
	right:-320px;
	transition:all .3s ease;
	z-index:10;
}
header .hMobMenuBox .topBox { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
	align-items:center; 
	padding:20px 15px;
	background: #26A69A;
}
header .hMobMenuBox .topBox .hMobLogo { 
	width: 111px;
	font-size:0; 
}
header .hMobMenuBox .topBox .hMobLogo img { 
	max-width: 100%; 
}
header .hMobMenuBox .topBox .hMobOff { 
	position:relative; 
	display:block; 
	width: 20px;
    height: 20px;
	overflow:hidden;
}
header .hMobMenuBox .topBox .hMobOff:before,
header .hMobMenuBox .topBox .hMobOff:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 30px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -15px;
	background: #fff;
}
header .hMobMenuBox .topBox .hMobOff:before { 
	transform:rotate(45deg); 
}
header .hMobMenuBox .topBox .hMobOff:after { 
	transform:rotate(-45deg); 
}
header .hMobMenuBox .conBox { 
	border-bottom:5px solid #E0E0E0;
}
header .hMobMenuBox .conBox ul { 
	padding:0 15px;
	border-bottom:1px solid #E0E0E0;
}
header .hMobMenuBox .conBox ul li { 
	border-bottom:1px solid #E0E0E0;
}
header .hMobMenuBox .conBox ul li a { 
	position:relative; 
	display:block; 
	padding:15px 0;
	font-weight:500;
	font-size:14px;
	color:#333;
	transition:all .3s ease;
}
header .hMobMenuBox .conBox ul li a:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top:50%;
	right:5px;
	margin:-6px 0 0;
	border-right:2px solid #9E9E9E;
	border-bottom:2px solid #9E9E9E;
	transform:rotate(-45deg);
	transition:all .3s ease;
}
header .hMobMenuBox .conBox ul li a:hover,
header .hMobMenuBox .conBox ul li a:focus { 
	color:#26A69A;
}
header .hMobMenuBox .conBox ul li a:hover:after,
header .hMobMenuBox .conBox ul li a:focus:after { 
	border-color:#26A69A;
}
header .hMobMenuBox .conBox ul li:last-child { 
	border-bottom:none;
}
header .hMobMenuBox.on { 
	right:0; 
}
header .hMobMenuBlack { 
	display:none; 
	position:fixed; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: rgba(0,0,0,.8);
	z-index:9;
}
header .hMobMenuBlack.on { 
	display:block; 
}
footer { 
	padding:0 0 60px;
}
footer .section { 
	padding:0 10px;
}
.footer_logo { 
	width:100%;
	padding:37px 0;
	text-align:center;
}
.footer_info { 
	text-align:center;
}
.f_info { 
	margin:0 0 5px;
}
.f_info span { 
	font-size:16px;
	color:#777;
	letter-spacing:-1px;
	word-break:keep-all; 
}
.f_info span:after { 
	content:'';
	display:inline-block;
	width:1px;
	height:12px;
	margin:0 10px; 
	background:#ccc;
}
.f_info span:last-child:after { 
	display:none; 
}
.f_info:last-child { 
	margin:20px 0 0;
}
.company_name { 
	font-weight:900; 
}
.inner { 
	max-width: 1025px; 
	margin:0 auto;
}
.cTit01 { 
	margin:0 0 15px;
	font-weight:700;
	font-size:44px;
	line-height:1.3;
	text-align:center;
}
.cTit02 { 
	margin:0 0 36px;
	font-weight:500;
	font-size:22px; 
	line-height:1.3;
	text-align: center;
}
.cTit02 span { 
	color:#26A69A;
}
.infoEx01 { 
	font-weight:500;
	font-size:18px;
	line-height:1.3;
	text-align: center;
	color: #D93A2B;
}
@media screen and (max-width:1024px) {
	body { 
		padding:72px 0 0;
	}
	header .inner { 
		height: 72px;
	}
	header .hLst { 
		gap:30px;
	}
	header .hLst li a { 
		font-size:20px;
	}
	footer { 
		padding:0 0 40px;
	}
	.footer_logo { 
		padding:20px 0;
	}
	.inner { 
		padding:0 15px;
	}
	.cTit01 { 
		font-size:40px;
	}
	.cTit02 { 
		margin:0 0 30px;
		font-size:20px;
	}
}
@media all and (max-width:999px){
	body { 
		padding:64px 0 0;
	}
	header .inner { 
		height: 64px;
	}
	header .hLogo { 
		width: 126px; 
	}
	header .hLst { 
		gap:20px;
	}
	header .hLst li a { 
		font-size:18px;
	}
	.cTit01 { 
		font-size:35px;
	}
	.cTit02 { 
		margin:0 0 25px;
		font-size:18px;
	}
	.infoEx01 { 
		font-size:16px; 
	}
}
@media screen and (max-width:599px) {
	body { 
		padding:56px 0 0;
	}
	header .inner { 
		height: 56px;
	}
	header .hLogo { 
		width: 111px; 
		margin:0 auto;
	}
	header .hLst { 
		display:none; 
	}
	header .hMobOn { 
		display:block; 
	}
	footer { 
		padding:0 0 20px;
	}
	.footer_logo { 
		padding:15px 0;
	}
	.f_info { 
		margin:0;
	}
	.f_info span { 
		display:block; 
		margin:0 0 5px;
	}
	.f_info span:after { 
		display:none; 
	}
	.cTit01 { 
		margin:0 0 10px;
		font-size:26px;
	}
	.cTit02 { 
		margin:0 0 15px;
		font-size:16px;
	}
	.infoEx01 { 
		font-size:15px; 
	}
}
/* -------- 랜딩페이지 끝 -------- */	
/* 공통 끝
------------------------------------------------------ */
/* 메인 페이지 시작
------------------------------------------------------ */
.mainWr { 
	width: 100%;
	font-size:0;
	overflow:hidden;
}
.mainWr img { 
	max-width: 100%; 
}
.mainWr .sectionWr { 
	position:relative; 
	width: 100%; 
	max-width: 1920px;
	margin:0 auto;
}
.mainWr .section { 
	position:relative; 
	max-width: 1025px;
	margin:0 auto;
}
.mainWr .sectionWr .section01 { 
	position:relative; 
	padding:8.5% 0 12%;
	margin:0 0 82px;
	background:url(/Form/_guest/basic/images/section1_bg.png) top center no-repeat; 
	background-size:contain;	
}
.mainWr .sectionWr .section01 .conBox { 
	width: 100%;
	max-width: 1025px; 
	margin:0 auto;
}
.mainWr .sectionWr .section01 .conBox .leftBox { 
	position:relative; 
	z-index:1;
}
.mainWr .sectionWr .section01 .conBox .leftBox .txtImg {  
	margin:0 0 55px;
}
.mainWr .sectionWr .section01 .conBox .leftBox .btnLst { 
	width: 100%;
	overflow:hidden; 
}
.mainWr .sectionWr .section01 .conBox .leftBox .btnLst > li { 
	width: 49%;
	margin:0 2% 0 0;
	float:left; 
}
.mainWr .sectionWr .section01 .conBox .leftBox .btnLst > li a { 
	display:inline-block; 
}
.mainWr .sectionWr .section01 .conBox .leftBox .btnLst > li:last-child { 
	margin:0;
}
.mainWr .sectionWr .section01 .conBox .rightBox { 
	position:absolute; 
	max-width: 50%;	
	right:0;
	top:0;
}
.mainWr .section.section02 { 
	padding:0 0 77px;
}
.mainWr .section.section02 .titBox { 
	margin:0 0 63px;
	padding:0 10px;
	text-align:center; 
}
.mainWr .section.section02 .conBox { 
	position:relative;  
	padding:0 0 0 90px;
}
.mainWr .section.section02 .conBox .rBox { 
	position:absolute;
	top:141px;
	right:161px;
}
.mainWr .section.section02 .conBox .lBox { 
	position:relative; 
	z-index:1;
}
.mainWr .section.section02 .conBox .eBox { 
	position:absolute; 
	bottom:-100px;
	right:-190px;
}
.mainWr .section.section03 { 
	display:flex;
	padding:10px 0 100px 70px;
	margin-bottom:4px;
	z-index:1;
}
.mainWr .section.section03:before { 
	content:'';
	position:absolute;
	width:1920px;
	height:100%;
	top:-16px;
	left:50%;
	transform:skew(0deg, 6deg);
	margin:0 0 0 -960px;
	background:#fafafa;
	z-index:-1;
}
.mainWr .section.section03 .lBox { 
	padding:116px 0 0;
}
.mainWr .section.section03 .rBox { 
	padding:13px 0 0;
}
.mainWr .section.section04 { 
	display:flex;
	flex-direction:row-reverse;
	justify-content:center;
	padding:0 0 0 12px;
	margin-bottom:119px;
}
.mainWr .section.section04 .lBox { 
	padding:112px 0 0;
	margin:0 0 0 -45px;
}
.section.section05 { 
	position:relative; 
	max-width: 1025px;
	margin:0 auto;
	padding:55px 0 59px 2px;
	font-size:0;
}
.section.section05:before { 
	content:"";
	position:absolute; 
	display:block; 
	width: 1920px;
	height: 100%;
	top:0;
	left:50%;
	margin:0 0 0 -960px;
	background: url(/Form/_guest/basic/images/section5_bg.png) no-repeat; 
	background-size:cover;
}
.section.section05 img { 
	max-width: 100%; 
}
.section.section05 .lBox { 
	position:relative; 	
	z-index:1;
}
.section.section05 .lBox .txtBox { 
	margin:0 0 47px;
}
.section.section05 .lBox .btnLst { 
	overflow:hidden;
}
.section.section05 .lBox .btnLst > li { 
	width: 49%; 
	margin:0 2% 0 0;
	float:left;
}
.section.section05 .lBox .btnLst > li:last-child { 
	margin:0;
}
.section.section05 .rBox { 
	position:absolute; 
	right:-132px;
	bottom:0;
}
.mainWr .section.section06 { 
	padding:60px 0;
}
.mainWr .section.section06:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 2000px;
	height: 100%;
	top:0;
	left:50%;
	margin:0 0 0 -1000px;
	background: #fafafa;
	z-index:-1;
}
.mainWr .section.section06 .titBox { 
	margin:0 0 60px;
	text-align:center; 
}
.mainWr .section.section06 .lstImg { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
}
.mainWr .section.section06 .lstImg > li { 
	width: 30%;
	text-align:center;
}
@media screen and (max-width:1919px) { 
	.mainWr .sectionWr .section01 .conBox .leftBox { 
		max-width: 40%; 
	}
	.mainWr .sectionWr .section01 .conBox .leftBox .txtImg { 
		margin:0 0 30px;
	}
	.mainWr .section.section02 { 
		padding:0 0 60px;
	}
	.mainWr .section.section03 { 
		padding:20px 10px;
		margin-bottom:80px;
	}
	.mainWr .section.section04 { 
		padding:0 10px;
		margin-bottom:80px;
	}
	.mainWr .section.section06 { 
		padding:50px 10px;
	}
	.mainWr .section.section06 .titBox { 
		margin:0 0 50px;
	}
	.mainWr .section.section06 .lstImg > li { 
		width: 32%; 
	}
}
@media screen and (max-width:1024px) { 
	.mainWr .sectionWr .section01 { 
		padding:6% 10px 12%;
		margin:0 0 60px;
	}
	.mainWr .sectionWr .section01 .conBox .leftBox { 
		max-width: 50%; 
	}
	.mainWr .section.section02 .titBox { 
		margin:0 0 40px; 
	}
	.mainWr .section.section02 .titBox img { 
		max-width:80%; 
	}
	.mainWr .section.section02 .conBox { 
		padding:0 10px; 
	}
	.mainWr .section.section02 .conBox > div { 
		max-width:50%; 
		margin:0 auto 20px;
	}
	.mainWr .section.section02 .conBox .rBox { 
		position:relative; 
		top:auto;
		right:auto;
	}
	.mainWr .section.section02 .conBox .lBox { 
		margin-bottom:0;
	}
	.mainWr .section.section02 .conBox .eBox { 
		display:none; 
	}
	.mainWr .section.section03 { 
		flex-wrap:wrap;
		margin-bottom:60px;
	}
	.mainWr .section.section03 .lBox,
	.mainWr .section.section03 .rBox { 
		width: 100%;
		padding:0;
		margin:0;
		text-align:center;
	}
	.mainWr .section.section03 .lBox img,
	.mainWr .section.section03 .rBox img { 
		max-width: 50%; 
	}
	.mainWr .section.section03 .lBox { 
		margin-bottom:20px;
	}
	.mainWr .section.section04 { 
		flex-wrap:wrap; 
		flex-direction:row;
		margin-bottom:60px;
	}
	.mainWr .section.section04 .lBox,
	.mainWr .section.section04 .rBox { 
		width: 100%; 
		text-align:center;
	}
	.mainWr .section.section04 .lBox img,
	.mainWr .section.section04 .rBox img { 
		max-width: 50%; 
	}
	.mainWr .section.section04 .lBox { 
		margin:0 0 20px;
		padding:0;
	}
	.section.section05 { 
		padding:40px 15px;
	}
	.section.section05 .lBox { 
		max-width:53%;
		margin:0 auto;
	}
	.section.section05 .lBox .txtBox { 
		margin:0 0 30px;
	}
	.section.section05 .rBox { 
		display:none;
	}
	.mainWr .section.section06 { 
		padding:40px 10px;
	}
	.mainWr .section.section06 .titBox { 
		margin:0 0 40px;
	}
}
@media screen and (max-width:999px) { 
	.mainWr .sectionWr .section01 { 
		margin:0 0 20px;
	}
	.mainWr .section.section02 { 
		padding:0 0 40px;
	}
	.mainWr .section.section02 .titBox { 
		margin:0 0 20px; 
	}
	.mainWr .section.section03 { 
		margin-bottom:40px;
	}
	.mainWr .section.section03:before { 
		top:3px; 
	}
	.mainWr .section.section04 { 
		margin-bottom:40px;
	}
	.section.section05 { 
		padding:30px 15px;
	}
	.section.section05 .lBox .txtBox { 
		margin:0 0 20px;
	}
	.mainWr .section.section06 { 
		padding:30px 10px;
	}
	.mainWr .section.section06 .titBox { 
		margin:0 0 30px;
	}
}
@media screen and (max-width:599px) {
	.mainWr .sectionWr .section01 { 
		padding:6% 10px;
		background-size:cover;
	}
	.mainWr .sectionWr .section01 .conBox .leftBox { 
		max-width:70%;
		margin:0 auto;
	}
	.mainWr .sectionWr .section01 .conBox .leftBox .txtImg { 
		margin:0 0 15px;
	}
	.mainWr .sectionWr .section01 .conBox .rightBox { 
		display:none; 
	}
	.mainWr .section.section02 { 
		padding:0 0 20px;
	}
	.mainWr .section.section03 { 
		margin-bottom:20px;
	}
	.mainWr .section.section04 { 
		margin-bottom:40px;
	}
	.mainWr .section.section02 .conBox > div,
	.mainWr .section.section03 .lBox img,
	.mainWr .section.section03 .rBox img,
	.mainWr .section.section04 .lBox img,
	.mainWr .section.section04 .rBox img,
	.section.section05 .lBox { 
		max-width: 80%; 
	}
	.section.section05 { 
		padding:20px 15px;
	}
	.mainWr .section.section06 { 
		padding:20px 10px;
	}
	.mainWr .section.section06 .titBox { 
		margin:0 0 20px;
	}
	.mainWr .section.section06 .lstImg > li { 
		width: 100%; 
		margin:0 0 15px;
	}
	.mainWr .section.section06 .lstImg > li:last-child { 
		margin:0;
	}
}
/* 메인페이지 끝
------------------------------------------------------ */
/* 서브페이지 공통 시작
------------------------------------------------------ */
.subComBox { 
	margin:0 0 45px;
}
@media all and (max-width:1024px){
	.subComBox { 
		margin:0 0 35px;
	}
}
@media all and (max-width:999px){
	.subComBox { 
		margin:0 0 25px;
	}
}
@media all and (max-width:599px){
	.subComBox { 
		margin:0 0 15px;
	}
}
/* 서브페이지 공통 끝
------------------------------------------------------ */
/* 활용사례 시작
------------------------------------------------------ */
.useExampleWr .useExaTapBox { 
	margin:0 0 60px;
}
.useExampleWr .useExaTapBox ul { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:center; 
	gap:16px;
}
.useExampleWr .useExaTapBox ul li .useExaTap { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 155px;
	height: 50px;
	border-radius:50px;
	border:1px solid #E5E5E5;
	font-weight:700;
	font-size:18px;
	color:#323232;
}
.useExampleWr .useExaTapBox ul li .useExaTap.on { 
	border-color: #00897B; 
	background: #00897B;
	color:#fff;
}
.useExampleWr .useExaCon { 
	display:none; 
	font-size:0;
}
.useExampleWr .useExaCon ul { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
}
.useExampleWr .useExaCon ul li { 
	margin:45px 0 0;
}
.useExampleWr .useExaCon ul li img { 
	max-width: 100%; 
}
.useExampleWr .useExaCon ul li:nth-child(-n+3) { 
	margin-top:0;
}
.useExampleWr .useExaCon.on { 
	display:block; 
}
@media all and (max-width:1024px){
	.useExampleWr .useExaTapBox { 
		margin:0 0 50px;
	}
	.useExampleWr .useExaTapBox ul { 
		gap:10px;
	}
	.useExampleWr .useExaTapBox ul li .useExaTap { 
		width: 140px;
		height: 45px;
		font-size:17px;
	}
	.useExampleWr .useExaCon ul li { 
		margin:30px 0 0;
	}
}
@media all and (max-width:999px){ 
	.useExampleWr .useExaTapBox { 
		margin:0 0 40px;
	}
	.useExampleWr .useExaTapBox ul li .useExaTap { 
		width: 130px;
		height: 40px;
		font-size:16px;
	}
	.useExampleWr .useExaCon ul li { 
		width: 49%;
		margin:20px 0 0;
	}
	.useExampleWr .useExaCon ul li:nth-child(-n+3) { 
		margin-top:20px;
	}
	.useExampleWr .useExaCon ul li:nth-child(-n+2) { 
		margin-top:0;
	}
}
@media all and (max-width:599px){
	.useExampleWr .useExaTapBox { 
		margin:0 0 20px;
	}
	.useExampleWr .useExaTapBox ul li { 
		width: 100%; 
	}
	.useExampleWr .useExaTapBox ul li .useExaTap { 
		width: 100%;
		height: 30px;
		font-size:15px;
	}
	.useExampleWr .useExaTapBox ul li:last-child { 
		margin:0;
	}
	.useExampleWr .useExaCon ul li { 
		margin:10px 0 0;
	}
	.useExampleWr .useExaCon ul li:nth-child(-n+3) { 
		margin-top:10px;
	}
}
/* 활용사례 끝
------------------------------------------------------ */
/* 사용방법 시작
------------------------------------------------------ */
.useHowWr .useHowClr01 { 
	color: #26A69A;
}
.useHowWr .useHowClr02 { 
	color: #FF9900;
}
.useHowWr .useHowTit { 
	font-weight:500;
	font-size: 36px;
	line-height:1.3;
	text-align: center;
}
.useHowWr .useHowTit + .useHowLst { 
	margin:36px 0 0;
}
.useHowWr .useHowLst > ul { 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:center; 
	gap:5%;
}
.useHowWr .useHowLst > ul > li { 
	width: 30%;
}
.useHowWr .useHowLst > ul > li .imgBox { 
	margin:0 0 20px;
	font-size:0; 
	text-align: center;
}
.useHowWr .useHowLst > ul > li .imgBox img { 
	max-width: 100%; 
}
.useHowWr .useHowLst > ul > li .txt { 
	padding:0 20px;
	font-weight:500;
	font-size:22px;
	line-height:1.3;
}
.useHowWr .useHowLst > ul > li .sLst { 
	padding:0 20px;
}
.useHowWr .useHowLst > ul > li .sLst > li { 
	position:relative; 
	padding:0 0 0 34px;
	margin:0 0 7px;
	font-weight:500;
	font-size:22px;
	line-height:1.3;
}
.useHowWr .useHowLst > ul > li .sLst > li .num { 
	position:absolute; 
	top:3px;
	left:0;
	font-size:0; 
}
.useHowWr .useHowLst > ul > li .sLst > li .num img { 
	max-width: 100%; 
}
.useHowWr .useHowLst > ul > li .sLst > li:last-child { 
	margin:0;
}
.useHowWr .useHowLst > ul > li .ssTit { 
	margin:13px 0 7px;
	padding:0 20px;
	font-weight:500;
	font-size:18px;
	line-height:1.3;
}
.useHowWr .useHowLst > ul > li .ssLst { 
	padding:0 20px;
}
.useHowWr .useHowLst > ul > li .ssLst li { 
	position:relative;
	margin:0 0 3px;
	padding:0 0 0 73px;
	font-weight:500;
	font-size:18px;
	line-height:1.3;
	color:#424242;
}
.useHowWr .useHowLst > ul > li .ssLst li .tit { 
	position:absolute; 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 60px;
	height: 32px;
	top:8px;
	left:0;
	border-radius: 30px;
	line-height:1;
	color:#fff;
}
.useHowWr .useHowLst > ul > li .ssLst li .tit.tit01 { 
	background: #62CB66;
}
.useHowWr .useHowLst > ul > li .ssLst li .tit.tit02 { 
	background: #26A69A;
}
.useHowWr .useHowLst > ul > li .ssLst li .tit.tit03 { 
	background: #FF4B4B;
}
.useHowWr .useHowLst > ul > li .ssLst li:last-child { 
	margin:0;
}
.useHowWr .useHowLst + .useHowTit { 
	margin:60px 0 0;
}
@media all and (max-width:1024px){
	.useHowWr .useHowTit {
		font-size: 32px;
	}
	.useHowWr .useHowTit + .useHowLst { 
		margin:30px 0 0;
	}
	.useHowWr .useHowLst > ul > li .imgBox { 
		margin:0 0 15px;
	}
	.useHowWr .useHowLst > ul > li .txt { 
		padding:0 15px;
		font-size:20px;
	}
	.useHowWr .useHowLst > ul > li .sLst { 
		padding:0 15px;
	}
	.useHowWr .useHowLst > ul > li .sLst > li { 
		padding:0 0 0 30px;
		margin:0 0 5px;
		font-size:20px;
	}
	.useHowWr .useHowLst > ul > li .sLst > li .num { 
		width: 23px;
	}
	.useHowWr .useHowLst > ul > li .ssTit { 
		margin:10px 0 5px;
		padding:0 15px;
		font-size:17px;
	}
	.useHowWr .useHowLst > ul > li .ssLst { 
		padding:0 15px;
	}
	.useHowWr .useHowLst > ul > li .ssLst li { 
		padding:0 0 0 60px;
		font-size:17px;
	}
	.useHowWr .useHowLst > ul > li .ssLst li .tit { 
		width: 55px;
		height: 25px;
	}
	.useHowWr .useHowLst + .useHowTit { 
		margin:50px 0 0;
	}
}
@media all and (max-width:999px){
	.useHowWr .useHowTit { 
		font-size: 29px;
	}
	.useHowWr .useHowTit + .useHowLst { 
		margin:25px 0 0;
	}
	.useHowWr .useHowLst > ul { 
		gap:2%; 
	}
	.useHowWr .useHowLst > ul > li { 
		width: 49%; 
	}
	.useHowWr .useHowLst > ul > li .txt { 
		font-size:18px;
	}
	.useHowWr .useHowLst > ul > li .sLst > li { 
		padding:0 0 0 25px;
		font-size:18px;
	}
	.useHowWr .useHowLst > ul > li .sLst > li .num { 
		width: 20px;
	}
	.useHowWr .useHowLst > ul > li .ssTit,
	.useHowWr .useHowLst > ul > li .ssLst li { 
		font-size:16px;
	}
	.useHowWr .useHowLst + .useHowTit { 
		margin:40px 0 0;
	}
}
@media all and (max-width:599px){
	.useHowWr .useHowTit { 
		font-size: 22px;
	}
	.useHowWr .useHowTit + .useHowLst { 
		margin:15px 0 0;
	}
	.useHowWr .useHowLst > ul { 
		gap:15px;
	}
	.useHowWr .useHowLst > ul > li { 
		width: 100%;
	}
	.useHowWr .useHowLst > ul > li .imgBox { 
		margin:0 0 5px;
	}
	.useHowWr .useHowLst > ul > li .txt { 
		padding:0 10px;
		font-size:15px;
		text-align: center;
	}
	.useHowWr .useHowLst > ul > li .txt br { 
		display:none; 
	}
	.useHowWr .useHowLst > ul > li .sLst { 
		padding:0 10px;
	}
	.useHowWr .useHowLst > ul > li .sLst > li { 
		padding:0 0 0 20px;
		font-size:15px;
	}
	.useHowWr .useHowLst > ul > li .sLst > li .num { 
		width: 15px;
	}
	.useHowWr .useHowLst > ul > li .ssTit { 
		padding:0 10px;
		font-size:15px;
		text-align: center;
	}
	.useHowWr .useHowLst > ul > li .ssLst { 
		padding:0 10px;
	}
	.useHowWr .useHowLst > ul > li .ssLst li { 
		padding:0;
		margin:0 0 8px;
		font-size:15px;
		text-align: center;
	}
	.useHowWr .useHowLst > ul > li .ssLst li .tit { 
		position:relative; 
		width: 100%;
		top:auto;
		left:auto;
		margin:0 0 3px;
	}
	.useHowWr .useHowLst + .useHowTit { 
		margin:20px 0 0;
	}
}
/* 사용방법 끝
------------------------------------------------------ */
/* 요금안내 시작
------------------------------------------------------ */
.feeInfoWr .cTit02 { 
	margin:0 0 8px;
}
.feeInfoWr .infoEx01 { 
	margin:0 0 40px;
}
.feeInfoWr .feeTopBox { 
	display:flex; 
	justify-content:space-between; 
	gap:10px;
	margin:0 0 60px;
}
.feeInfoWr .feeTopBox .lBox { 
	width: 520px;
	font-size:0;
	text-align: center;
}
.feeInfoWr .feeTopBox .lBox img { 
	max-width: 100%; 
}
.feeInfoWr .feeTopBox .rBox { 
	flex-shrink:0;
	width: 440px; 
	overflow:hidden;
}
.feeInfoWr .feeTopBox .rBox .prcLst { 
	margin:0 0 18px;
}
.feeInfoWr .feeTopBox .rBox .prcLst > li { 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:space-between; 
	align-items:center;
	gap:10px;
	padding:22px 24px;
	margin:0 0 24px;
	border:1px solid #26A69A;
	border-radius: 5px;
	letter-spacing:-.08px;
}
.feeInfoWr .feeTopBox .rBox .prcLst > li .txt { 
	position:relative; 
	padding:0 0 0 32px;
	font-weight:500;
	font-size:24px;
	line-height:1.3;
}
.feeInfoWr .feeTopBox .rBox .prcLst > li .txt:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 27px;
	height: 26px;
	top:3px;
	left:0;
	background: url(/Form/_guest/basic/images/feeInfoChk.png) no-repeat;
	background-size: cover;
}
.feeInfoWr .feeTopBox .rBox .prcLst > li .num { 
	font-size:28.8px;
	line-height:1;
	color: #26A69A;
}
.feeInfoWr .feeTopBox .rBox .prcLst > li .num span { 
	font-weight:700;
	font-family: Pretendard-Bold;
}
.feeInfoWr .feeTopBox .rBox .prcLst > li:last-child { 
	margin:0;
}
.feeInfoWr .feeTopBox .rBox .prcTxt { 
	margin:0 0 15px;
	font-weight:500;
	font-size:20px;
	line-height:1;
	letter-spacing:-.8px;
	color:#757575;
	text-align: right; 
}
.feeInfoWr .feeTopBox .rBox .prcLnk { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	height: 80px; 
	background: #26A69A;
	border-radius: 5px;
	font-weight:500;
	font-size:32px;
	line-height:1;
	letter-spacing:-.8px;
	color:#fff;
}
.feeInfoWr .feeTopBox .rBox .prcExtraLnk { 
	position:relative; 
	display:inline-block; 
	margin:10px 0 0;
	padding:0 12px 0 0;
	font-weight: 500;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -.8px;
    color: #757575;
	float:right;
	transition:all .3s ease;
}
.feeInfoWr .feeTopBox .rBox .prcExtraLnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 8px;
	height: 8px;
	top:50%;
	right:2px;
	margin:-4px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #757575;
	border-right:2px solid #757575;
	transition:all .3s ease;
}
.feeInfoWr .feeTopBox .rBox .prcExtraLnk:focus,
.feeInfoWr .feeTopBox .rBox .prcExtraLnk:hover { 
	color: #26A69A; 
}
.feeInfoWr .feeTopBox .rBox .prcExtraLnk:focus:after,
.feeInfoWr .feeTopBox .rBox .prcExtraLnk:hover:after { 
	border-color: #26A69A; 
}
.feeInfoWr .feeBtmBox .tit { 
	margin:0 0 12px;
	font-weight:500;
	font-size:22px;
	line-height:1.3;
}
.feeInfoWr .feeBtmBox .tit span { 
	color:#26A69A; 
}
.feeInfoWr .feeBtmBox .conBox { 
	padding:15px;
	background: #F5F5F5;
	font-weight:500;
	font-size:22px;
	line-height:1.3;
}
.feeInfoWr .feeBtmBox .conBox .sTit { 
	margin:0 0 8px;
	color:#26A69A; 
}
.feeInfoWr .feeBtmBox .conBox .sTxt { 
	margin:0 0 12px
}
.feeInfoWr .feeBtmBox .conBox .sTxt:last-child { 
	margin:0;
}
@media all and (max-width:1024px){
	.feeInfoWr .infoEx01 { 
		margin:0 0 30px;
	}
	.feeInfoWr .feeTopBox { 
		margin:0 0 50px;
	}
	.feeInfoWr .feeTopBox .lBox { 
		width: 468px; 
	}
	.feeInfoWr .feeTopBox .rBox { 
		width: 490px; 
	}
	.feeInfoWr .feeTopBox .rBox .prcLst > li { 
		padding:20px;
		margin:0 0 20px;
	}
	.feeInfoWr .feeTopBox .rBox .prcLst > li .txt { 
		font-size:22px;
	}
	.feeInfoWr .feeTopBox .rBox .prcLst > li .num { 
		font-size:26px; 
	}
	.feeInfoWr .feeTopBox .rBox .prcTxt { 
		font-size:18px; 
	}
	.feeInfoWr .feeTopBox .rBox .prcLnk { 
		height: 72px; 
		font-size:29px;
	}
	.feeInfoWr .feeBtmBox .tit { 
		margin:0 0 10px;
		font-size:20px; 
	}
	.feeInfoWr .feeBtmBox .conBox { 
		font-size:20px; 
	}
	.feeInfoWr .feeBtmBox .conBox .sTit { 
		margin:0 0 5px;
	}
	.feeInfoWr .feeBtmBox .conBox .sTxt { 
		margin:0 0 10px;
	}
}
@media all and (max-width:999px){
	.feeInfoWr .infoEx01 { 
		margin:0 0 20px;
	}
	.feeInfoWr .feeTopBox { 
		margin:0 0 40px;
	}
	.feeInfoWr .feeTopBox .lBox { 
		width: 416px; 
	}
	.feeInfoWr .feeTopBox .rBox .prcLst > li { 
		padding:15px;
		margin:0 0 15px;
	}
	.feeInfoWr .feeTopBox .rBox .prcLst > li .txt { 
		font-size:20px; 
	}
	.feeInfoWr .feeTopBox .rBox .prcLst > li .txt:before { 
		width: 24px; 
		height: 23px;
		top:2px;
	}
	.feeInfoWr .feeTopBox .rBox .prcLst > li .num { 
		font-size:23px; 
	}
	.feeInfoWr .feeTopBox .rBox .prcTxt { 
		font-size:17px; 
	}
	.feeInfoWr .feeTopBox .rBox .prcLnk { 
		height: 64px;
		font-size:26px;
	}
	.feeInfoWr .feeTopBox .rBox .prcExtraLnk { 
		margin:5px 0 0;
		padding:0 10px 0 0;
		font-size: 14px;
	}
	.feeInfoWr .feeTopBox .rBox .prcExtraLnk:after { 
		width: 6px;
		height: 6px;
		margin:-3px 0 0;
	}
}
@media all and (max-width:799px){
	.feeInfoWr .feeTopBox { 
		flex-wrap:wrap;
		gap:0;
		margin:0 0 30px;
	}
	.feeInfoWr .feeTopBox .lBox,
	.feeInfoWr .feeTopBox .rBox { 
		width: 100%; 
	}
	.feeInfoWr .feeTopBox .lBox { 
		margin:0 0 15px;
	}
	.feeInfoWr .feeTopBox .rBox .prcLst { 
		margin:0 0 10px;
	}
	.feeInfoWr .feeTopBox .rBox .prcLst > li { 
		padding:10px;
		margin:0 0 10px;
	}
	.feeInfoWr .feeTopBox .rBox .prcLst > li .txt { 
		padding:0 0 0 23px;
		font-size:18px; 
	}
	.feeInfoWr .feeTopBox .rBox .prcLst > li .txt:before { 
		width: 19px; 
		height: 18px;
		top:3px;
	}
	.feeInfoWr .feeTopBox .rBox .prcLst > li .num { 
		font-size:20px; 
	}
	.feeInfoWr .feeTopBox .rBox .prcTxt { 
		margin:0 0 10px;
		font-size:16px; 
	}
	.feeInfoWr .feeTopBox .rBox .prcLnk { 
		height: 50px; 
		font-size:19px;
	}
	.feeInfoWr .feeBtmBox .tit { 
		font-size:18px; 
	}
	.feeInfoWr .feeBtmBox .conBox { 
		padding:10px;
		font-size:18px;
	}
}
@media all and (max-width:599px){
	.feeInfoWr .infoEx01,
	.feeInfoWr .feeTopBox { 
		margin:0 0 15px;
	}
	.feeInfoWr .feeTopBox .rBox .prcLst > li .txt { 
		padding:0 0 0 20px;
		font-size:16px; 
	}
	.feeInfoWr .feeTopBox .rBox .prcLst > li .txt:before { 
		width: 16px; 
		height: 16px;
	}
	.feeInfoWr .feeTopBox .rBox .prcLst > li .num { 
		font-size:18px; 
	}
	.feeInfoWr .feeTopBox .rBox .prcTxt { 
		font-size:15px; 
	}
	.feeInfoWr .feeTopBox .rBox .prcLnk { 
		height: 40px; 
		font-size:18px;
	}
	.feeInfoWr .feeBtmBox .tit,
	.feeInfoWr .feeBtmBox .conBox {
		font-size:15px; 
	}
}
/* 요금안내 끝
------------------------------------------------------ */