@charset "utf-8";

@font-face {
    font-family: 'Pretendard-Medium';
    src: url('/css/font/Pretendard-Medium.woff2') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('/css/font/Pretendard-Bold.woff2') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'no300';
    src: url('/css/font/notokr-regular.eot');
    src: url('/css/font/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('/css/font/notokr-regular.woff2') format('woff2'),
         url('/css/font/notokr-regular.woff') format('woff'),
         url('/css/font/notokr-regular.ttf') format('truetype'),
         url('/css/font/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'no400';
    src: url('/css/font/notokr-medium.eot');
    src: url('/css/font/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('/css/font/notokr-medium.woff2') format('woff2'),
         url('/css/font/notokr-medium.woff') format('woff'),
         url('/css/font/notokr-medium.ttf') format('truetype'),
         url('/css/font/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'no500';
    src: url('/css/font/notokr-bold.eot');
    src: url('/css/font/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('/css/font/notokr-bold.woff2') format('woff2'),
         url('/css/font/notokr-bold.woff') format('woff'),
         url('/css/font/notokr-bold.ttf') format('truetype'),
         url('/css/font/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'no600';
    src: url('/css/font/notokr-black.eot');
    src: url('/css/font/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('/css/font/notokr-black.woff2') format('woff2'),
         url('/css/font/notokr-black.woff') format('woff'),
         url('/css/font/notokr-black.ttf') format('truetype'),
         url('/css/font/notokr-black.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/css/font/GmarketSansMedium.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('/css/font/GmarketSansBold.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}

* { 
	box-sizing:border-box;
	margin:0;
	padding:0;
}
html, body { 
	overflow-x:hidden;
}
body { 
	font-family: 'no400', '나눔고딕',NanumGothic, '돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important;
	font-weight:400;
	line-height:1.2;
	letter-spacing:-.03em;
	word-break:keep-all;	 
}
li { 
	list-style:none; 
}
button, input { 
	background:transparent;
	border:none;
	font-family: 'no400', '나눔고딕',NanumGothic, '돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif !important;
	font-weight:400;
	line-height:1.2;
	letter-spacing:-.03em;
	word-break:keep-all;
}
input[readonly] {
	cursor: default;
	background-color: rgba(239, 239, 239, 0.3);
	color: rgb(170, 170, 170);
}
a {
	text-decoration:none;
}
label, button { 
	cursor:pointer; 
}
table { 
	table-layout:fixed;
	width: 100%;
	border-spacing:0;
	border-collapse:collapse;
}
.inner { 
	width: 100%;
	max-width:1200px;
	margin:0 auto;
}
.inputArea { 
	height: 56px;
	padding: 0 20px;
	background: #FFF;
	border:1px solid #E0E0E0;
	border-radius: 5px;
	font-family: 'no400', sans-serif;
	font-size:16px;
	color: #424242;
}
.inputArea::placeholder { 
	color:#9E9E9E;	 
}
.inputArea.fullWid { 
	width: 100%; 
}
select.inputArea { 
    appearance: none;
    background: url(/Form/_guest/basic/images/comIcoSelect.png) no-repeat right 10px center; 	 
}
textarea.inputArea { 
	height: auto; 
	padding:20px;
}
.popBlackBg { 
	position:fixed; 
	display:none;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background:rgba(0,0,0,.5);
	cursor:pointer;
	z-index:3;
}
.grayBox { 
	border:1px solid #E0E0E0;
	border-radius: 10px;
}
.gap { 
	height: 30px; 
	font-size:0;
}
.sgap { 
	height: 15px; 
	font-size:0;
}
.clrTxt01 { 
	color: #1F8EFA !important; 
}
.clrTxt02 { 
	color:#9E9E9E !important; 
}
.fontw_500 { 
	font-weight:500 !important;
}
.mg5t { 
	margin-top:5px !important;
}
.cTit01 { 
	margin:0 0 44px;
	font-weight:500;
	font-size:38px;
	text-align: center;
	color:#212121;
}
.cTit01 .extTit { 
	display:block; 
	margin:15px 0 0;
	font-weight:400;
	font-size:17px;
}
.cTit02 { 
	margin:0 0 8px;
	font-weight:500;
	font-size:32px;
	color: #212121;
}
.cTit02 .extTit { 
	display:block; 
	margin:8px 0 0;
	font-weight:400;
	font-size:18px;
}
.cTit02 .extTit em { 
	font-style:normal;
	color: #1F8EFA;
}
.cTit03 { 
	margin:0 0 11px;
	font-weight:500;
	font-size:20px;
	color:#424242;	 
}
.cTit04 { 
	margin:0 0 19px;
	font-weight:500;
	font-size:24px;
	letter-spacing:-.01em;
	color:#212121;
	text-align: left;
}
.comBtn { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 100%;
	max-width: 300px; 
	height: 65px;
	margin:0 auto;	 
	border-radius: 5px;
	font-size:24px;
}
.comBtn.st01 { 
	background: #1F8EFA;
	color:#FFF;
}
.comBtn.st02 { 
	border:2px solid #9E9E9E;
	color:#9E9E9E;
}
.comBtn.st03 { 
	background:#9E9E9E;
	color:#FFF;
}
.comBtnBox { 
	display:flex; 
	flex-wrap:wrap; 
	justify-content:center; 
}
.comBtnBox > * { 
	display:flex; 
	align-items:center; 
	justify-content:center; 
	width: 49%;
	height: 65px;
	margin:2% 2% 0 0;
	border-radius: 5px;
	font-size:24px;	
}
.comBtnBox > *:nth-child(odd) { 
	background: #1F8EFA;
	color:#FFF;
}
.comBtnBox > *:nth-child(even) { 
	border:1px solid #1F8EFA;
	color:#1F8EFA;
}
.comBtnBox > *:nth-child(2n) { 
	margin-right:0;
}
.comBtnBox > *:nth-child(-n+2) { 
	margin-top:0;
}
.td_100 { 
	width: 100px; 
}
.td_150 { 
	width: 150px; 
}
.td_200 { 
	width: 200px; 
}
.comNoData { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 100%;
	height: 100px;
	border-top:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	font-weight:500;
	color: #9E9E9E;
	font-size:20px;
}
.infoEx01 { 
	font-size:16px;
	color:#9E9E9E;
}
@media all and (max-width:1199px){
	.cTit01 { 
		margin:0 0 35px;
		font-size:34px; 
	}
	.cTit02 { 
		font-size:29px; 
	}
	.cTit02 .extTit { 
		font-size:17px; 
	}
	.cTit03 { 
		font-size:18px; 
	}
	.cTit04 { 
		margin:0 0 15px;
		font-size:22px; 
	}
	.comBtn,
	.comBtnBox > * { 
		height: 55px;
		font-size:22px; 
	}
	.comNoData { 
		height: 80px;
		font-size:18px; 
	}
}
@media all and (max-width:999px){
	.inputArea { 
		height: 50px; 
		padding:0 10px;
		font-size:15px;
	}
	textarea.inputArea { 
		padding:10px;
	}
	.cTit01 { 
		margin:0 0 30px;
		font-size:30px; 
	}
	.cTit01 .extTit { 
		margin:10px 0 0;
		font-size:16px;
	}
	.cTit02 { 
		font-size:26px; 
	}
	.cTit02 .extTit { 
		font-size:16px; 
	}
	.cTit03 { 
		margin:0 0 8px;
		font-size:17px;
	}
	.cTit04 { 
		font-size:19px; 
	}
	.comBtn,
	.comBtnBox > * { 
		height: 45px;
		font-size:19px; 
	}
	.comNoData { 
		height: 60px;
		font-size:16px; 
	}
	.infoEx01 { 
		font-size:15px; 
	}
}
@media all and (max-width:599px){
	.inputArea { 
		height: 40px; 
		font-size:14px;
	}
	.gap { 
		height: 20px; 
	}
	.sgap { 
		height: 10px; 
	}
	.cTit01 { 
		margin:0 0 20px;
		font-size:23px;
	}
	.cTit01 .extTit { 
		font-size:15px; 
	}
	.cTit02 { 
		font-size:19px; 
	}
	.cTit02 .extTit { 
		font-size:15px; 
	}
	.cTit03 { 
		font-size:15px;
	}
	.cTit04 { 
		margin:0 0 12px;
		font-size:17px; 
	}
	.comBtn,
	.comBtnBox > * { 
		font-size:17px; 
	}
	.comNoData { 
		font-size:15px; 
	}
	.infoEx01 { 
		font-size:14px; 
	}
}
/* 헤더 시작
------------------------------------------------------ */
header { 
	position: fixed;
	width: 100%;
	top:0;
	left:0;
	border-bottom:1px solid #3C435C;
	transition:all .3s ease;
	z-index:4;
}
header .inner { 
	position:relative; 
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
	gap:10px;
	padding:0 236px 0 220px;
}
header .headerLogo { 
	position:absolute; 
	top:50%;
	left:0;
	transform:translateY(-50%);
	font-size:0;
}
header .headerLogo a { 
	display:block; 
}
header .headerLogo a img { 
	max-width: 100%; 
}
header .headerLogo a .hLogoOn { 
	display:none; 
}
header .headerMenu ul { 
	display:flex; 
	flex-wrap:wrap;
	gap:30px;
}
header .headerMenu ul > li > a { 
	position:relative; 
	display:block; 
	font-size:0;
}
header .headerMenu ul > li > a:before { 
	content:"";
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle; 
	width: 0;
	height: 100px;
}
header .headerMenu ul > li > a:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 2px;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	background:#1F8EFA;
	transition:all .3s ease;
}
header .headerMenu ul > li > a img { 
	display:inline-block;
	vertical-align:middle; 
	margin:0 3px 0 0;
}
header .headerMenu ul > li > a span { 
	display:inline-block; 
	vertical-align:middle; 
	font-size:18px;
	color:#FFF;
	transition:all .3s ease;
}
header .headerMenu ul > li > a.on:after,
header .headerMenu ul > li > a:focus:after,
header .headerMenu ul > li > a:hover:after { 
	width: 100%; 
}
header .headerMenu ul > li > a.on span,
header .headerMenu ul > li > a:focus span,
header .headerMenu ul > li > a:hover span { 
	color: #1F8EFA;
}
header .headerInfoLst ul { 
	display:flex; 
	flex-wrap:wrap;
	gap:25px;
}
header .headerInfoLst ul > li > .hInfoBtn { 
	position:relative; 
	display:flex;
	justify-content:center; 
	align-items:center; 
	height: 100px;
	font-size:15px;
	color:#A3A8BF;
	transition:all .3s ease;
}
header .headerInfoLst ul > li > .hInfoBtn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 2px;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	background: #1F8EFA;
	transition:all .3s ease;
}
header .headerInfoLst ul > li > .hInfoBtn:focus,
header .headerInfoLst ul > li > .hInfoBtn:hover { 
	color:#1F8EFA; 
}
header .headerInfoLst ul > li > .hInfoBtn:focus:after,
header .headerInfoLst ul > li > .hInfoBtn:hover:after { 
	width: 100%; 
}
header .headerNationLst { 
	position:absolute; 
	top:50%;
	right:0;
	transform:translateY(-50%);
}
header .headerNationLst ul { 
	display:flex; 
	flex-wrap:wrap;
	gap:10px;
	font-size:0; 
}
header .headerNationLst ul > li .hNationBtn { 
	position:relative; 
	display:block; 
	width: 26px;
	height: 26px;
	border-radius:50%;
	overflow:hidden;
}
header .headerNationLst ul > li .hNationBtn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background:rgba(0,0,0,.5);
	opacity:1;
	transition:all .3s ease;
}
header .headerNationLst ul > li .hNationBtn img { 
	max-width: 100%; 
}
header .headerNationLst ul > li .hNationBtn.on { 
	border:1px solid #E0E0E0; 
}
header .headerNationLst ul > li .hNationBtn.on:before,
header .headerNationLst ul > li .hNationBtn:hover:before,
header .headerNationLst ul > li .hNationBtn:focus:before { 
	opacity:0;
}
header .mbMenuOn { 
	position:absolute; 
	display:none;
	width: 30px;
	height: 22px;
	top:50%;
	left:20px;
	margin:-11px 0 0;
	border-top:2px solid #999;
	border-bottom:2px solid #999;
}
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: #999;
}
header .mbBlack { 
	position:fixed; 
	display:none; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background:rgba(0,0,0,.8);
}
header .mbMenuBox { 
	position:fixed; 
	width: 100%;
	max-width: 280px;
	height: 100%;
	top:0;
	left:-280px;
	background: #F7F7F7;
	transition:all .3s ease;
	z-index:4;
}
header .mbMenuBox .topBox { 
	position:relative; 
	display:flex; 
	align-items:center; 
	height: 70px; 
	padding:0 60px 0 20px;
	background: #2A3050;
	border-bottom: 1px solid #3C435C;
}
header .mbMenuBox .topBox .txt { 
	font-size:18px;
	line-height:1.217;
	letter-spacing:-.5px;
	color:#FFF;
}
header .mbMenuBox .topBox .txt .stress { 
	font-size:1em;
	font-weight:500;
	color:#FFF;
	text-decoration:underline; 
}
header .mbMenuBox .topBox .mbMenuOff { 
	position:absolute; 
	display:block;
	width: 30px;
	height: 22px;
	top:50%;
	right:20px;
	margin:-11px 0 0;
	overflow:hidden;
}
header .mbMenuBox .topBox .mbMenuOff:before,
header .mbMenuBox .topBox .mbMenuOff:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 40px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -20px;
	background: #999;
}
header .mbMenuBox .topBox .mbMenuOff:before { 
	transform:rotate(45deg); 
}
header .mbMenuBox .topBox .mbMenuOff:after { 
	transform:rotate(-45deg); 
}
header .mbMenuBox .midBox { 
	background: #2A3050;
}
header .mbMenuBox .midBox ul li { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 100%;
	height: 40px;
	border-bottom:1px solid #3C435C;
	color:#FFF;
}
header .mbMenuBox .midBox ul li .hInfoBtn {
	color:#FFF;
}
header .mbMenuBox .midBox ul li .logout {
	color:#FFF;
	font-size: 16px;
}
header .mbMenuBox .midBox ul li .mbInfoBtn { 
	display:block; 
	font-size:16px;
	line-height:1.24;
	color:#A3A8BF;
}
header .mbMenuBox .btmBox { 
	background: #FFF; 
}
header .mbMenuBox .btmBox ul li .mbMenuLnk { 
	position:relative; 
	display:flex; 
	align-items:center; 
	gap:8px;
	width: 100%; 
	height: 55px;
	padding:0 20px;
	border-bottom:1px solid #E0E0E0;
	font-size:18px;
	line-height:1.24;
	color:#212121;
}
header .mbMenuBox .btmBox ul li .mbMenuLnk:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 14px;
	height: 14px;
	top:50%;
	right:20px;
	margin:-7px 0 0;
	transform:rotate(45deg);
	border-top:2px solid #9E9E9E;
	border-right:2px solid #9E9E9E;
	transition:all .3s ease;
}
header .mbMenuBox .btmBox ul li .mbMenuLnk.on:after { 
	transform:rotate(135deg); 
}
header .mbMenuBox .btmBox ul li .mbSubMenu { 
	display:none; 
	background: #F7F7F7; 
	border-bottom:1px solid #E0E0E0;
}
header .mbMenuBox .btmBox ul li .mbSubMenu .mbLang { 
	display:flex; 
	align-items:center; 
	width: 100%;
	height: 40px;
	gap:7px;
	padding:0 20px;
    font-size: 16px;
    line-height: 1.24;
    color: #212121;
}
header .mbMenuBox.on { 
	left:0; 
}
header.bgWhite { 
	background:#FFF; 
	border-bottom-color:#E0E0E0;
}
header.bgWhite .headerMenu ul > li > a span { 
	color: #000; 
}
header.bgWhite .headerLogo a .hLogo { 
	display:none; 
}
header.bgWhite .headerLogo a .hLogoOn { 
	display:block; 
}
@media all and (max-width:1199px){
	header .inner { 
		padding:0 170px 0 220px;
	}
	header .headerLogo { 
		left:20px; 
	}
	header .headerMenu ul { 
		gap:20px; 
	}
	header .headerMenu ul > li > a { 
		font-size:17px; 
	}
	header .headerMenu ul > li > a:before { 
		height: 80px; 
	}
	header .headerInfoLst ul { 
		gap:15px; 
	}
	header .headerInfoLst ul > li > .hInfoBtn { 
		height: 80px;
		font-size:14px;
	}
	header .headerNationLst { 
		right:20px; 
	}
}
@media all and (max-width:999px){
	header { 
		height: 70px; 
	}
	header .inner { 
		align-items:center; 
		height: 100%;
		padding:0 20px;
	}
	header .headerLogo { 
		position:relative; 
		width: 137px;
		top:auto;
		left:auto;
		margin:0 auto;
		transform:translateY(0);
	}
	header .headerMenu,
	header .headerInfoLst,
	header .headerNationLst { 
		display:none; 
	}
	header .mbMenuOn { 
		display:block; 
	}
}
/* 헤더 끝
------------------------------------------------------ */
/* 푸터 시작
------------------------------------------------------ */
footer { 
	position:relative; 
	padding:34px 0;
	background: #2F3239; 
}
footer .topBox { 
	margin:0 0 22px;
}
footer .topBox ul { 
	display:flex; 
	flex-wrap:wrap;
}
footer .topBox ul li { 
	position:relative; 
	margin:0 26px 0 0;
	padding:0 26px 0 0;
}
footer .topBox ul li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 14px;
	top:50%;
	right:0;
	margin:-7px 0 0;
	background: #FFF;
}
footer .topBox ul li .fTopLnk { 
	display:block; 
	font-family:"Pretendard-Medium";
	font-weight:500;
	font-size:14px;
	line-height:1.2;
	color:#FFF;
}
footer .topBox ul li:last-child { 
	margin:0;
	padding:0;
}
footer .topBox ul li:last-child:after { 
	display:none; 
}
footer .btmBox { 
	position:relative; 
	padding:0 0 0 314px;
}
footer .btmBox .fLogo { 
	position:absolute; 
	top:50%;
	left:0;
	transform:translateY(-50%);
	font-size:0;
}
footer .btmBox .fLogo img { 
	max-width: 100%; 
}
footer .btmBox .fLst { 
	margin:0 0 18px;
}
footer .btmBox .fLst ul { 
	display:flex; 
	flex-wrap:wrap;
	gap:10px;
}
footer .btmBox .fLst ul li { 
	position:relative; 
	padding:0 11px 0 0;
	font-size:14px;
	color:#939393;
}
footer .btmBox .fLst ul li:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 1px;
	height: 8px;
	top:50%;
	right:0;
	margin:-4px 0 0;
	background: #696969;
}
footer .btmBox .fCopy { 
	font-family:"Pretendard-Medium";
	font-weight:500;
	font-size:13px;
	color:#727272;
}
@media all and (max-width:1199px){
	footer { 
		padding:30px 20px;
	}
	footer .topBox { 
		margin:0 0 20px;
	}
	footer .topBox ul li { 
		margin:0 20px 0 0;
		padding:0 20px 0 0;
	}
	footer .btmBox { 
		padding:0 0 0 251px;
	}
	footer .btmBox .fLst { 
		margin:0 0 15px;
	}
}
@media all and (max-width:999px){
	footer { 
		padding:20px;
	}
	footer .topBox { 
		margin:0 0 15px;
	}
	footer .topBox ul { 
		justify-content:center; 
	}
	footer .topBox ul li .fTopLnk { 
		font-size:13px; 
	}
	footer .btmBox { 
		padding:0;
	}
	footer .btmBox .fLogo { 
		position:relative; 
		width: 154px;
		top:auto;
		left:auto;
		margin:0 auto 15px;
		transform:translateY(0);
		text-align: center;
	}
	footer .btmBox .fLst ul { 
		justify-content:center; 
		gap:8px;
	}
	footer .btmBox .fLst ul li { 
		padding:0 9px 0 0;
		font-size:13px; 
	}
	footer .btmBox .fCopy { 
		text-align: center; 
	}
}
/* 푸터 끝
------------------------------------------------------ */
/* 서비스이용약관, 개인정보처리방침 시작
------------------------------------------------------ */
.termWr { 
	position:fixed; 
	display:none; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	z-index:999;	
}
.termWr .termBlack { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background:rgba(0,0,0,.5); 
	cursor:pointer;
}
.termWr .termBox { 
	position:absolute; 
	top:-100%;
	left:50%;
	padding:30px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 20px;
	transition:all .5s ease;
}
.termWr .termBox .topBox { 
	position:relative; 
	margin:0 0 15px;
}
.termWr .termBox .topBox .tit { 
	font-size: 30px;
	font-family:"Pretendard-Medium";
	font-weight:500;
	color: #222; 
	text-align: center;
}
.termWr .termBox .topBox .termClose { 
	position:absolute; 
	display:block; 
	width: 20px;
	height: 20px;
	top:50%;
	right:0;
	margin:-10px 0 0;
	font-size:0;
	overflow:hidden;
}
.termWr .termBox .topBox .termClose:before,
.termWr .termBox .topBox .termClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 40px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -20px;
	background: #000;
}
.termWr .termBox .topBox .termClose:before { 
	transform:rotate(45deg); 
}
.termWr .termBox .topBox .termClose:after { 
	transform:rotate(-45deg); 
}
.termWr .termBox .termCon { 
	width: 560px;
	height: 300px;
	padding:5px;
	border:1px solid #DDD;
	font-size:15px;
	overflow-y:auto;
}
.termWr .termBox.on { 
	top:50%;
}
@media all and (max-width:999px){
	.termWr .termBox { 
		width: 80%; 
		padding:20px;
	}
	.termWr .termBox .topBox { 
		margin:0 0 10px;
	}
	.termWr .termBox .topBox .tit { 
		font-size:24px; 
	}
	.termWr .termBox .topBox .termClose { 
		width: 16px; 
		height: 16px;
		margin:-8px 0 0;
	}
	.termWr .termBox .termCon { 
		width: 100%; 
	}
}
@media all and (max-width:599px){
	.termWr .termBox { 
		width: 90%; 
	}
	.termWr .termBox .topBox .tit { 
		font-size:18px; 
	}
	.termWr .termBox .topBox .termClose { 
		width: 14px; 
		height: 14px;
		margin:-7px 0 0;
	}
	.termWr .termBox .termCon { 
		font-size:14px; 
	}
}
/* 서비스이용약관, 개인정보처리방침 끝
------------------------------------------------------ */
/* 우측 네비 시작
------------------------------------------------------ */
.navWr { 
	position:fixed; 
	top:50%;
	right:50%;
	margin:0 -835px 0 0;
	transform:translateY(-50%);
	transition:all .3s ease;
	z-index:2;
}
.navWr .navLnkBox { 
	margin:0 0 20px;
	padding:26px 11px;
	background: #FFF; 
	border-radius: 20px;
	box-shadow:2px 5px 20px 0 rgba(33,45,59,.2);
	text-align: center;
}
.navWr .navLnkBox .navTit { 
	margin:0 0 12px;
}
.navWr .navLnkBox .navTit > span {
	display:block; 
	margin:0 auto;
}
.navWr .navLnkBox .navTit .ico { 
	font-size:0; 
}
.navWr .navLnkBox .navTit .ico img { 
	max-width: 100%; 
}
.navWr .navLnkBox .navTit .txt { 
	font-weight:500;
	font-size:15px;
	letter-spacing:-.05em;
	color:#373737;
}
.navWr .navLnkBox .navLnkLst > li { 
	margin:0 0 10px;
}
.navWr .navLnkBox .navLnkLst > li .navLnk { 
	display:block; 
	margin:0 auto;
	font-size:0; 
}
.navWr .navLnkBox .navLnkLst > li .navLnk img { 
	max-width: 100%; 
}
.navWr .navLnkBox .navLnkLst > li .navLnk .tit { 
	display:block; 
	margin:8px 0 0;
	font-weight:700;
	font-size:12px;
	color:#212121;
}
.navWr .navLnkBox .navLnkLst > li .navLnk .txt { 
	display:block; 
	margin:2px 0 0;
	font-family:"Pretendard-Bold";
	font-weight:700;
	font-size:13px;
	color:#212121;
}
.navWr .navLnkBox .navLnkLst > li:last-child { 
	margin:0;
}
.navWr .goTop { 
	position:relative; 
	display:block;
	width: 70px;
	height: 70px;
	margin:0 auto;
	background: #1F8EFA;
	border-radius: 50%;
}
.navWr .goTop:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 20px;
	height: 20px;
	top:50%;
	left:50%;
	margin:-6px 0 0 -10px;
	border-top:2px solid #FFF;
	border-left:2px solid #FFF;
	transform:rotate(45deg);
}
.weChatPopWr { 
	position:absolute; 
	display:none; 
	max-width: 80%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	padding:20px;
	background: #FFF;
	border-radius: 20px;
	z-index:4;
}
.weChatPopWr .weChatPopOff { 
	position:absolute; 
	display:block; 
	width: 20px;
	height: 20px;
	top:24px;
	right:20px;
	overflow:hidden;
}
.weChatPopWr .weChatPopOff:before,
.weChatPopWr .weChatPopOff:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 30px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -15px;
	background:#E0E0E0;
}
.weChatPopWr .weChatPopOff:before { 
	transform:rotate(45deg); 
}
.weChatPopWr .weChatPopOff:after { 
	transform:rotate(-45deg); 
}
.weChatPopWr img { 
	max-width: 100%; 
}
@media all and (max-width:1699px){
	.navWr { 
		right:15px;
		margin:0;
	}
}
@media all and (max-width:1399px){
	.navWr .navLnkBox { 
		margin:0 0 10px;
		padding:15px;
	}
	.navWr .navLnkBox .navTit .ico { 
		width: 40px; 
	}
	.navWr .navLnkBox .navLnkLst > li .navLnk { 
		width: 56px; 
	}
	.navWr .navLnkBox .navTit { 
		margin:0 0 10px;
	}
	.navWr .navLnkBox .navTit .txt,
	.navWr .navLnkBox .navLnkLst > li .navLnk .txt { 
		display:none; 
	}
	.navWr .goTop { 
		width: 56px; 
		height: 56px;
	}
	.navWr .goTop:before { 
		width: 16px; 
		height: 16px;
		margin:-5px 0 0 -8px;
	}
}
@media all and (max-width:1199px){
	.navWr .navLnkBox .navLnkLst > li .navLnk { 
		width: 49px; 
	}
	.navWr .goTop { 
		width: 49px; 
		height: 49px;
	}
	.navWr .goTop:before { 
		width: 14px; 
		height: 14px;
		margin:-3px 0 0 -7px;
	}
}
@media all and (max-width:999px){
	.navWr { 
		top:auto;
		bottom:15px;
		transform:translateY(0);
	}
	.navWr .navLnkBox { 
		padding:10px;
	}
	.navWr .navLnkBox .navLnkLst > li .navLnk { 
		width: 42px; 
	}
	.navWr .goTop { 
		width: 42px; 
		height: 42px;
	}
	.navWr .goTop:before { 
		width: 12px; 
		height: 12px;
		margin:-2px 0 0 -6px;
	}
}
/* 우측 네비 끝
------------------------------------------------------ */
/* 공통 지도 배경 시작
------------------------------------------------------ */
.comMapWr { 
	position:relative; 
	max-width: 1920px; 
	height: 400px;
	margin:0 auto;
	overflow:hidden;
}
.comMapWr .pg-canvas { 
	position:absolute; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.1;
}
.comMapWr .comMapPntBox { 
	position:absolute; 
	width: 1920px;
	height: 400px;
	top:50%;
	left:50%;
	margin:-200px 0 0 -960px;
	background:url(/Form/_guest/basic/images/comMapBg.png) no-repeat;
	background-size:cover;
}
.comMapWr .comMapPntBox .comMapPnt { 
	position:absolute; 
	display:block; 
	width: 10px;
	height: 10px;
	background: #1F8EFA;
	border-radius: 50%;
}
.comMapWr .comMapPntBox .comMapPnt:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 100%;
	height: 100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background:rgba(31,142,250,.3);
	border-radius: 50%;
	animation: comMapPntAni 1s infinite alternate ease;
}
.comMapWr .comMapPntBox .comMapPnt.comMapPnt01 { 
	top:73.25%;
	left:47.66%;
}
.comMapWr .comMapPntBox .comMapPnt.comMapPnt02 { 
	top:45%;
	left:49.74%;
}
.comMapWr .comMapPntBox .comMapPnt.comMapPnt03 { 
	top:41.5%;
	left:60.42%;
}
.comMapWr .comMapPntBox .comMapPanda { 
	position:absolute; 
	display:block; 
	top:40%;
	left:54.17%;
	font-size:0;
}
.comMapWr .comMapPntBox .comMapPanda img { 
	max-width: 100%; 
}
.comMapWr .inner { 
	position:relative; 
	height: 100%;
	padding:0 230px 0 0;
	z-index:1;
}
.comMapWr .comMapDlBtn { 
	position:absolute; 
	display:block; 
	bottom:70px;
	right:0;
	font-size:0;
}
.comMapWr .comMapDlBtn img { 
	max-width:100%;	 
}
.comMapWr.st_sub .inner { 
	padding:244px 230px 0;
}
.comMapWr.st_sub .subPageTit { 
	margin:0 0 16px;
	font-size:42px;
	letter-spacing:-.01em;
	color:#FFF;
	text-align: center;
}
.comMapWr.st_sub .subPagesTit { 
	font-size:20px;
	color: #A3A8BF;
	text-align: center;
}
@keyframes comMapPntAni {
	0% {
		width:100%;
		height:100%;
	}
	100% {
		width: 200%;
		height: 200%;
	}
}
@media all and (max-width:1199px){
	.comMapWr { 
		height: 360px;
	}
	.comMapWr .inner { 
		padding:0 210px 0 20px;
	}
	.comMapWr .comMapDlBtn { 
		width: 177px; 
		right:20px;
	}
	.comMapWr.st_sub .inner { 
		padding:170px 210px 0;
	}
	.comMapWr.st_sub .subPageTit { 
		font-size:38px;
		margin:0 0 10px;
	}
	.comMapWr.st_sub .subPagesTit { 
		font-size:18px; 
	}
}
@media all and (max-width:999px){
	.comMapWr { 
		height: 320px;	 
	}
	.comMapWr .comMapDlBtn { 
		width: 155px; 
	}
	.comMapWr.st_sub .inner { 
		padding:140px 210px 0;
	}
	.comMapWr.st_sub .subPageTit { 
		font-size:34px; 
	}
	.comMapWr.st_sub .subPagesTit { 
		font-size:16px; 
	}
}
@media all and (max-width:599px){
	.comMapWr { 
		height: auto;
		padding:0 0 20px;
	}
	.comMapWr .inner { 
		padding:0 20px;
	}
	.comMapWr .comMapPntBox .comMapPanda { 
		display:none; 
	}
	.comMapWr .comMapDlBtn { 
		position:relative; 
		display:none; 
		width: 133px;
		bottom:auto;
		right:auto;
		margin:0 auto;
	}
	.comMapWr.st_sub .inner { 
		padding:100px 20px 0;
	}
	.comMapWr.st_sub .subPageTit { 
		margin:0 0 5px;
		font-size:29px; 
	}
	.comMapWr.st_sub .subPagesTit { 
		margin:0 0 15px;
		font-size:14px; 
	}
}
/* 공통 지도 배경 끝
------------------------------------------------------ */
/* 공통 "무엇을 도와드릴까요?" 영역 시작
------------------------------------------------------ */
.comQueBox { 
	padding:30px 0;
	background: #48e58a;
    background: linear-gradient(270deg, #48e58a, #3c9eff, #48e58a, #3c9eff);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c9eff', endColorstr='#48e58a',GradientType=1 );
    background-size: 600% 600%;
    animation: comQueBoxBg 5s ease infinite;
}
@keyframes comQueBoxBg {
	0% {
		background-position: 0% 50%;
	}
	50% { 
		background-position: 100% 50%;		 
	}
	100% {
		background-position: 0% 50%;
	}
}
.comQueBox .inner { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
	padding:30px 55px;
	background: #FFF;
	border-radius: 18px;
}
.comQueBox .lBox,
.comQueBox .rBox { 
	width: 49%; 
}
.comQueBox .lBox .tit { 
	position:relative; 
	margin:0 0 8px;
	padding:0 0 0 30px;
	font-size:0;
}
.comQueBox .lBox .tit:before { 
	content:"";
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle; 
	width: 0;
	height: 100%;
	min-height:25px;
}
.comQueBox .lBox .tit:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 25px;
	height: 25px;
	top:0;
	left:0;
	background:url(/Form/_guest/basic/images/mainQueIco_que.png) no-repeat;
	background-size:cover;
}
.comQueBox .lBox .tit span { 
	display:inline-block; 
	vertical-align:middle; 
	font-weight:500;
	font-size:22px;
	color:#212121;
}
.comQueBox .lBox .txt { 
	font-size:15px;
	color:#9E9E9E;
}
.comQueBox .rBox ul { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
	height: 100%;
}
.comQueBox .rBox ul li { 
	width: 28%; 
	height: 100%;
}
.comQueBox .rBox ul li .mainQueLnk { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	gap:9px;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	font-size:18px;
	color:#FFF;
}
.comQueBox .rBox ul li .mainQueLnk:before { 
	content:"";
	box-sizing:border-box;
	display:block;
	width: 28px;
	height: 28px;
	background-repeat:no-repeat;
	background-size:cover;
}
.comQueBox .rBox ul li .mainQueLnk.st_kakao { 
	background: #F4E22B; 
	color:#3E1A18;
}
.comQueBox .rBox ul li .mainQueLnk.st_kakao:before { 
	background-image: url(/Form/_guest/basic/images/mainQueIco_kakao.png);
}
.comQueBox .rBox ul li .mainQueLnk.st_weChat { 
	background: #40B648; 
}
.comQueBox .rBox ul li .mainQueLnk.st_weChat:before { 
	background-image: url(/Form/_guest/basic/images/mainQueIco_weChat.png);
}
.comQueBox .rBox ul li .mainQueLnk.st_liveChat { 
	background: #6941FD; 
}
.comQueBox .rBox ul li .mainQueLnk.st_liveChat:before { 
	background-image: url(/Form/_guest/basic/images/mainQueIco_liveChat.png);
}
@media all and (max-width:1199px){
	.comQueBox { 
		padding:30px 20px;
	}
	.comQueBox .inner { 
		padding:20px 30px;
	}
	.comQueBox .lBox .tit:before { 
		min-height: 23px; 
	}
	.comQueBox .lBox .tit:after { 
		width: 23px; 
		height: 23px;
	}
	.comQueBox .lBox .tit span { 
		font-size:20px; 
	}
	.comQueBox .rBox ul li { 
		width: 32%; 
	}
	.comQueBox .rBox ul li .mainQueLnk { 
		font-size:17px; 
	}
	.comQueBox .rBox ul li .mainQueLnk:before { 
		width: 25px; 
		height: 25px;
	}
}
@media all and (max-width:999px){
	.comQueBox,
	.comQueBox .inner { 
		padding:20px;
	}
	.comQueBox .lBox, 
	.comQueBox .rBox { 
		width: 100%; 
	}
	.comQueBox .lBox { 
		margin:0 0 15px;
	}
	.comQueBox .lBox .tit { 
		margin:0 0 5px;
		padding:0 0 0 25px;
	}
	.comQueBox .lBox .tit:before { 
		min-height:20px;
	}
	.comQueBox .lBox .tit:after { 
		width: 20px; 
		height: 20px;
	}
	.comQueBox .lBox .tit span { 
		font-size:18px; 
	}
	.comQueBox .lBox .txt { 
		font-size:14px; 
	}
	.comQueBox .rBox ul li .mainQueLnk { 
		gap:5px;
		padding:10px;
		font-size:16px; 
	}
	.comQueBox .rBox ul li .mainQueLnk:before { 
		width: 22px; 
		height: 22px;
	}
}
@media all and (max-width:599px){
	.comQueBox .lBox { 
		margin:0 0 10px;
	}
	.comQueBox .lBox .tit:before { 
		min-height: 18px; 
	}
	.comQueBox .lBox .tit:after { 
		width: 18px; 
		height: 18px;
	}
	.comQueBox .lBox .tit span { 
		font-size:16px; 
	}
	.comQueBox .rBox ul li { 
		width: 100%; 
		height: auto;
		margin:0 0 10px;
	}
	.comQueBox .rBox ul li .mainQueLnk { 
		height: auto;	
		font-size:15px; 
	}
	.comQueBox .rBox ul li .mainQueLnk:before { 
		width: 20px; 
		height: 20px;
	}
	.comQueBox .rBox ul li:last-child { 
		margin:0;
	}
}
/* 공통 "무엇을 도와드릴까요?" 영역 끝
------------------------------------------------------ */
/* 로그인 팝업 시작
------------------------------------------------------ */
.loginPopWr { 
	position:fixed; 
	display:none; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: rgba(0,0,0,.5);
	z-index:4;
}
.loginPopBox { 
	position:fixed; 
	display:flex; 
	flex-wrap:wrap;
	width: 900px;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	border-radius: 10px;
	overflow:hidden;
	z-index:4;
}
.loginPopBox > * { 
	width: 50%; 
}
.loginPopBox .lBox { 
	font-size:0; 
}
.loginPopBox .lBox img { 
	max-width: 100%; 
}
.loginPopBox .rBox { 
	position:relative; 
	padding:28px 40px;
	background: #FFF; 
}
.loginPopBox .rBox .tit { 
	margin:0 0 23px;
	font-weight:500;
	font-size:24px;
	color:#424242;
	text-align: center;
}
.loginPopBox .rBox .loginPopClose { 
	position:absolute; 
	display:block; 
	width: 18px;
	height: 18px;
	top:17px;
	right:15px;
	overflow:hidden;
}
.loginPopBox .rBox .loginPopClose:before,
.loginPopBox .rBox .loginPopClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 30px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -15px;
	background: #9E9E9E;
	transition:all .3s ease;
}
.loginPopBox .rBox .loginPopClose:before { 
	transform:rotate(45deg); 
}
.loginPopBox .rBox .loginPopClose:after { 
	transform:rotate(-45deg); 
}
.loginPopBox .rBox .loginPopClose:focus:before,
.loginPopBox .rBox .loginPopClose:hover:before,
.loginPopBox .rBox .loginPopClose:focus:after,
.loginPopBox .rBox .loginPopClose:hover:after { 
	background: #424242; 
}
.loginPopBox .rBox .inputArea + .inputArea { 
	margin:12px 0 0;
}
.loginPopBox .rBox .saveIdBox { 
	position:relative; 
	margin:12px 0 0;
}
.loginPopBox .rBox .saveIdBox input { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size:0;
	overflow:hidden;
}
.loginPopBox .rBox .saveIdBox label { 
	position:relative; 
	display:block; 
	padding:0 0 0 30px;
	font-size:0;
}
.loginPopBox .rBox .saveIdBox label:before { 
	content:"";
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle; 
	width: 0;
	height: 24px;
}
.loginPopBox .rBox .saveIdBox label:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:0;
	left:0;
	border-radius: 5px;
	border:1px solid #E0E0E0;
}
.loginPopBox .rBox .saveIdBox label span { 
	display:inline-block; 
	vertical-align:middle;
	font-weight:500;
	font-size:15px;
	letter-spacing:-.5px;
	color:#9E9E9E;	 
}
.loginPopBox .rBox .loginBtn { 
	display:flex; 
	justify-content:center; 
	align-items:center; 
	width: 100%;
	height: 56px; 
	margin:24px 0 19px;
	background: #1F8EFA;
	border-radius: 5px;
	font-weight:500;
	font-size:18px;
	color:#FFF;
}
.loginPopBox .rBox .joinFindBox { 
	display:flex; 
	flex-wrap:wrap;
	justify-content:space-between; 
	gap:10px;
	margin:0 0 23px;
}
.loginPopBox .rBox .joinFindBox > * { 
	display:flex; 
	flex-wrap:wrap; 
	align-items:center; 
	gap:8px;
}
.loginPopBox .rBox .joinFindBox .joinFindBtn { 
	display:block; 
	font-weight:500;
	font-size:14px;
	letter-spacing:-.5px;
	color:#9E9E9E;
	transition:all .3s ease;
}
.loginPopBox .rBox .joinFindBox .joinFindBtn:hover,
.loginPopBox .rBox .joinFindBox .joinFindBtn:focus { 
	color: #1F8EFA; 
}
.loginPopBox .rBox .imgBox { 
	font-size:0; 
}
.loginPopBox .rBox .imgBox img { 
	max-width: 100%; 
}
@media all and (max-width:1199px){
	.loginPopBox { 
		width: 810px; 
	}
	.loginPopBox .rBox { 
		padding:20px 30px;
	}
	.loginPopBox .rBox .tit { 
		margin:0 0 15px;
		font-size:22px; 
	}
	.loginPopBox .rBox .loginPopClose { 
		width: 15px;
		height: 15px;
		top:15px;
		right:15px;
	}
	.loginPopBox .rBox .inputArea { 
		height: 45px; 
	}
	.loginPopBox .rBox .loginBtn { 
		height: 45px;
		margin:15px 0;
		font-size:17px;
	}
	.loginPopBox .rBox .saveIdBox label span { 
		font-size:14px; 
	}
	.loginPopBox .rBox .joinFindBox { 
		margin:0 0 15px;
	}
}
@media all and (max-width:999px){
	.loginPopBox { 
		width: 80%; 
	}
	.loginPopBox .lBox { 
		display:none; 
	}
	.loginPopBox .rBox { 
		width: 100%;
		padding:20px;
	}
	.loginPopBox .rBox .tit { 
		font-size:19px; 
	}
	.loginPopBox .rBox .inputArea { 
		height: 40px; 
		font-size:15px;
	}
	.loginPopBox .rBox .loginBtn { 
		height: 40px;
		font-size:16px;
	}
}
@media all and (max-width:599px){
	.loginPopBox .rBox .tit { 
		font-size: 18px;
	}
	.loginPopBox .rBox .loginPopClose { 
		width: 12px; 
		height: 12px;
		top:24px;
		right:12px;
	}
	.loginPopBox .rBox .saveIdBox label span { 
		font-size:13px; 
	}
	.loginPopBox .rBox .loginBtn { 
		font-size:15px;
	}
	.loginPopBox .rBox .joinFindBox .joinFindBtn { 
		font-size:13px; 
	}
}
/* 로그인 팝업 끝
------------------------------------------------------ */
/* 서브 공통 시작
------------------------------------------------------ */
.subDepthBox { 
	position:relative; 
}
.subDepthBox:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 3000px;
	height: 1px;
	bottom:0;
	left:50%;
	margin:0 0 0 -1500px;
	background: #E0E0E0;
}
.subDepthBox .mCSB_horizontal.mCSB_inside > .mCSB_container { 
	margin-bottom:0;
}
.subDepthBox .mCSB_scrollTools.mCSB_scrollTools_horizontal { 
	height: 2px; 
	bottom:2px;
}
.subDepthBox .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { 
	height: 100%;
	margin:0 auto;
	background: #E0E0E0; 
}
.subDepthBox .subDepthLst { 
	display:flex; 
}
.subDepthBox .subDepthLst > li .lnk { 	
	display:block; 
	min-width: 150px;
	height: 55px;
	margin:0 0 1px;
	border:1px solid #E0E0E0;
	border-left-width:0;
	border-bottom:none;
	text-align: center;
}
.subDepthBox .subDepthLst > li .lnk span { 
	position:relative; 
	display:inline-flex; 
	justify-content:center; 
	align-items:center;  
	height: 100%;
	font-size:18px;
	color:#9E9E9E;
	transition:all .3s ease;
}
.subDepthBox .subDepthLst > li .lnk span:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 0;
	height: 2px;
	bottom:-1px;
	left:50%;
	transform:translateX(-50%);
	transition:all .3s ease;
	background: #1F8EFA;
	z-index:2;
}
.subDepthBox .subDepthLst > li a.lnk:hover span,
.subDepthBox .subDepthLst > li a.lnk:focus span,
.subDepthBox .subDepthLst > li .lnk.on span { 
	color: #212121; 
}
.subDepthBox .subDepthLst > li a.lnk:hover span:after,
.subDepthBox .subDepthLst > li a.lnk:focus span:after,
.subDepthBox .subDepthLst > li .lnk.on span:after { 
	width: 100%; 
}
.subDepthBox .subDepthLst > li:first-child .lnk { 
	border-left-width: 1px; 
}
.subConBox { 
	padding:50px 0;
}
@media all and (max-width:1199px){
	.subDepthBox .inner { 
		padding:0 20px;
	}
	.subDepthBox .subDepthLst > li .lnk { 
		min-width: 140px; 
		height: 50px;
	}
	.subDepthBox .subDepthLst > li .lnk span { 
		font-size:17px; 
	}
	.subConBox { 
		padding:40px 0;
	}
	.subConBox .inner { 
		padding:0 20px;
	}
}
@media all and (max-width:999px){
	.subDepthBox .subDepthLst > li .lnk { 
		min-width: 130px; 
		height: 45px;
	}
	.subDepthBox .subDepthLst > li .lnk span { 
		font-size:16px; 
	}
	.subConBox { 
		padding:30px 0;
	}	
}
@media all and (max-width:599px){
	.subDepthBox .subDepthLst > li .lnk { 
		min-width: 120px; 
		height: 40px;
	}
	.subDepthBox .subDepthLst > li .lnk span { 
		font-size:15px; 
	}
	.subConBox { 
		padding:20px 0;
	}	
}
/* 서브 공통 끝
------------------------------------------------------ */
/* 게시판 공통 검색 영역 시작
------------------------------------------------------ */
.comSchBox { 
	position:relative; 
	max-width: 400px; 
	margin:0 auto 50px;
	padding:0 50px 0 0;
}
.comSchBox .inputArea { 
	height: 50px;
	border-radius: 5px 0 0 5px;
	border-right-width:0;
}
.comSchBox .schBtn { 
	position:absolute; 
	width: 50px;
	height: 100%;
	top:0;
	right:0;
	background: #9E9E9E;
	border-radius: 0 5px 5px 0;
}
.comSchBox .schBtn:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	background:url(/Form/_guest/basic/images/comIcoSch.png) no-repeat;
	background-size:cover;
}
@media all and (max-width:1199px){
	.comSchBox { 
		padding:0 40px 0 0;
		margin:0 auto 40px;
	}
	.comSchBox .inputArea { 
		height: 40px; 
	}
	.comSchBox .schBtn { 
		width: 40px; 
	}
	.comSchBox .schBtn:before { 
		width: 22px; 
		height: 22px;
	}
}
@media all and (max-width:999px){
	.comSchBox { 
		margin:0 auto 30px;
	}
}
@media all and (max-width:599px){
	.comSchBox { 
		margin:0 auto 20px;
	}
}
/* 게시판 공통 검색 영역 끝
------------------------------------------------------ */
/* 게시판 공통 페이징 시작
------------------------------------------------------ */
.comPageBox {
	display:flex; 
	flex-wrap:wrap; 
	justify-content:center; 
	gap:10px;
	margin:70px 0 0;
}
.comPageBox a {
	position:relative; 
	font-size:14px;
	letter-spacing:-.02em;
	color:#424242;
	line-height:1.45;
	transition:all .3s ease;
}
.comPageBox .first,
.comPageBox .last {
	width: 24px;
	height: 24px;
	font-size:0; 
	background-repeat:no-repeat;
	background-position:center center;
}
.comPageBox .first {
	background-image: url(/Form/_guest/basic/images/comIcoPageFirst.png);
}
.comPageBox .last {
	background-image: url(/Form/_guest/basic/images/comIcoPageLast.png);
}
.comPageBox .active {
	text-decoration:underline;
}
.comPageBox .page:focus,
.comPageBox .page:hover {
	color: #1F8EFA; 
}
@media all and (max-width:1199px){
	.comPageBox { 
		margin:50px 0 0;
	}
}
@media all and (max-width:999px){
	.comPageBox { 
		margin:30px 0 0;
	}
}
@media all and (max-width:599px){
	.comPageBox { 
		margin:20px 0 0;
	}
}
/* 게시판 공통 페이징 끝
------------------------------------------------------ */
/* 테이블 관련 시작
------------------------------------------------------ */
.tblBox { 
	overflow-x:auto; 
	overflow-y:hidden;
}
.tblBox table { 
	min-width: 870px; 
}
.tblBox table thead { 
	background: #FAFAFA;
	border-top:1px solid #E0E0E0; 
}
.tblBox table thead tr th { 
	padding:25px 10px;
	text-align: center; 
	font-weight:500;
	font-size:18px;
	letter-spacing:-.02em;
	color:#212121;
}
.tblBox table tbody { 
	border-top:1px solid #E0E0E0; 
}
.tblBox table tbody tr { 
	border-bottom:1px solid #E0E0E0; 	 
}
.tblBox table tbody tr > * { 
	padding:21px 10px;
	text-align: center; 
	font-size:18px;
	letter-spacing:-.02em;
	color:#424242;
}
@media all and (max-width:1199px){
	.tblBox table thead tr th { 
		padding:20px 10px;
		font-size:17px;
	}
	.tblBox table tbody tr > * { 
		padding:18px 10px;
		font-size:17px;
	}
}
@media all and (max-width:999px){
	.tblBox table thead tr th { 
		padding:18px 10px;
		font-size:16px;
	}
	.tblBox table tbody tr > * { 
		padding:15px 10px;
		font-size:16px;
	}
}
@media all and (max-width:599px){
	.tblBox table thead tr th { 
		padding:15px 10px;
		font-size:15px;
	}
	.tblBox table tbody tr > * { 
		padding:13px 10px;
		font-size:15px;
	}
}
/* 테이블 관련 끝
------------------------------------------------------ */
/* 공통 입력 폼 시작
------------------------------------------------------ */
.comFormArea { 
	max-width: 520px; 
	margin:0 auto;
}
.comFormArea .tit { 
	margin:0 0 11px;
	font-weight:500;
	font-size:20px;
	color:#424242;
}

.comFormArea #m_id{
	color: #1f8df8;
	font-weight: 500;
	font-size: 20px;
}
@media all and (max-width:1199px){
	.comFormArea .tit { 
		font-size:18px; 
	}
}
@media all and (max-width:999px){
	.comFormArea .tit { 
		margin:0 0 8px;
		font-size:17px;
	}
}
@media all and (max-width:599px){
	.comFormArea .tit { 
		font-size:15px; 
	}
	.comFormArea #m_id  {
		font-size:14px;
	}
}
/* 공통 입력 폼 끝
------------------------------------------------------ */
/* 공통 체크 리스트 시작
------------------------------------------------------ */
.comChkLst { 
	display:flex; 
	flex-wrap:wrap; 
	gap:50px;
}
.comChkLst li { 
	position:relative; 
}
.comChkLst li input { 
	position:absolute; 
	width: 0;
	height: 0;
	top:0;
	left:0;
	font-size:0;
	overflow:hidden;
}
.comChkLst li label { 
	position:relative; 
	min-height: 24px;
	padding:0 0 0 35px;
	font-size:18px;
	color:#9E9E9E;
}
.comChkLst li label:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 24px;
	height: 24px;
	top:2px;
	left:0;
	background:url(/Form/_guest/basic/images/comIcoChk_off.png) no-repeat;
	background-size:cover;
}
.comChkLst li input:checked + label { 
	color: #1F8EFA; 
}
.comChkLst li input:checked + label:before { 
	background-image:url(/Form/_guest/basic/images/comIcoChk_on.png);
}
@media all and (max-width:1199px){
	.comChkLst { 
		gap:30px; 
	}
	.comChkLst li label { 
		min-height: 22px;
		padding:0 0 0 30px;
		font-size:17px; 
	}
	.comChkLst li label:before { 
		width: 22px; 
		height: 22px;
	}
}
@media all and (max-width:999px){
	.comChkLst { 
		gap:20px; 
	}
	.comChkLst li label { 
		min-height: 20px;
		padding:0 0 0 25px;
		font-size:16px; 
	}
	.comChkLst li label:before { 
		width: 20px; 
		height: 20px;
	}
}
@media all and (max-width:599px){
	.comChkLst { 
		gap:10px; 
	}
	.comChkLst li label { 
		min-height: 18px;
		font-size:15px; 
	}
	.comChkLst li label:before { 
		width: 18px; 
		height: 18px;
	}
}
/* 공통 체크 리스트 끝
------------------------------------------------------ */
/* 위챗 팝업 창 시작
------------------------------------------------------ */
.weChatPopCon { 
	position:fixed; 
	display:none; 
	width: 100%;
	height: 100%;
	top:0;
	left:0;
	background: rgba(0,0,0,.7);
	z-index:10;
}
.weChatPopCon .weChatPopBox { 
	position:absolute; 
	max-width: 360px;
	min-width: 300px;
	top:50%;
	left:50%;
	padding:20px;
	transform:translate(-50%, -50%);
	background: #FFF;
	border-radius: 20px;
	text-align: center;
}
.weChatPopCon .weChatPopBox .topBox { 
	position:relative; 
}
.weChatPopCon .weChatPopBox .topBox .tit { 
	margin:0 0 20px;
	padding:0 20px;
	font-size: 24px;
    font-weight: 600; 
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.weChatPopCon .weChatPopBox .topBox .weChatPopClose { 
	position:absolute; 
	display:block; 
	width: 16px;
	height: 16px;
	top:50%;
	right:0;
	margin:-8px 0 0;
	overflow:hidden;
}
.weChatPopCon .weChatPopBox .topBox .weChatPopClose:before,
.weChatPopCon .weChatPopBox .topBox .weChatPopClose:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 30px;
	height: 2px;
	top:50%;
	left:50%;
	margin:-1px 0 0 -15px;
	background:#212121;
}
.weChatPopCon .weChatPopBox .topBox .weChatPopClose:before { 
	transform:rotate(45deg); 
}
.weChatPopCon .weChatPopBox .topBox .weChatPopClose:after { 
	transform:rotate(-45deg); 
}
.weChatPopCon .weChatPopBox .imgBox { 
	font-size:0; 
}
.weChatPopCon .weChatPopBox .imgBox img { 
	max-width: 100%; 
}
@media all and (max-width:999px){
	.weChatPopCon .weChatPopBox { 
		min-width: 280px;
		padding:15px;
	}
	.weChatPopCon .weChatPopBox .topBox { 
		padding:0 18px;
	}
	.weChatPopCon .weChatPopBox .topBox .tit { 
		margin:0 0 15px;
		padding:0 15px;
		font-size: 20px;
	}
	.weChatPopCon .weChatPopBox .topBox .weChatPopClose { 
		width: 14px;
		height: 14px;
		margin:-7px 0 0;
	}
}
/* 위챗 팝업 창 끝
------------------------------------------------------ */