@charset "utf-8";

.popup {
	position: fixed;
	display: none;
	width: 700px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	box-shadow:5px 5px 10px rgba(0,0,0,.2);
	z-index: 9999;
}
.popup p {
	padding: 5px 10px;
	margin: 5px 0;
}
.popup.view {
	transform: translate(-50%, -50%);
	display:block
}
.popup.close {
	transform: translate(-50%, -100%);
}
.popup .content {
	background-color: white;
	z-index: 100;
	width: 100%;
	height: 100%;
}
.popup .content .title {
	font-size: 20px;
	text-align: center;
	background-color: #f9f9f9;
	width: 100%;
	color: black;
	padding:21px 0;
}
.popup .content .select {
	grid-gap: 10px;
	margin: 50px 30px 30px;
	display: grid;
	grid-template-columns: 1.9fr .1fr;
	line-height: 30px;
	z-index: 99999;
}
.popup .content .select > select,.popup .content .select > input[type="text"]{
	border:0.5px solid #ccc;
	background:none;
}
.popup .content .list {
	border: 1px solid #eee;
	width: 100%;
	margin:0 !important
}
.popuptable {
	padding: 0 30px 50px;
}
.popup .content .list th {
	background-color: #f7f7f7;
	border-top: 1px solid black;
	text-align: center;
}
.popup .content .list li ,
.popup .content .list tr  {
	height: 30px;
	text-align: center;
	color: black;
	font-size: 13px;
	width: 100%;
}
.popup .content .list li div {
	display: table-cell;
}
.popup .content .list li.tdnone_li {
	display: block;
	line-height: 30px;
}
.popup .content .list .number{
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	line-height: 30px;
	font-weight: bold;
	width: 50px;
}
.popup .content .list .id {
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	line-height: 30px;
	font-weight: bold;
}
.popup .content .list .nickname {
	border-bottom: 1px solid #eee;
	line-height: 30px;
	font-weight: bold;
	width: 200px;
	border-right: 1px solid #eee;
}
.popup .content .list .name {
	border-bottom: 1px solid #eee;
	line-height: 30px;
	font-weight: bold;
}
.popup .btn-group {
	position: absolute;
	transform: translate(-50%,-50%);
	left: 50%;
	bottom: 20px;
}
.popup .close01 {
	background-color: #1f8efa;
	font-size: 23px;
	font-weight: bold;
	width: 100%;
	line-height: 50px;
	padding: 10px 0;
	color: white;
	cursor: pointer;
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
}
.popup .close01 a {
	display: block;
	color: #fff;
}

/* 방문 통계 시작
------------------------------------------------------ */
.statisticsWr .cateDateSel { 
	display:flex; 
	gap:8px;
}
.statisticsWr .cateDateSel a { 
	position:relative; 
	display:block; 
	width: 40px;
	background: #31A5FF;
	border-radius: 5px;
	font-weight:500;
	font-size:13px;
	color:#FFF;
}
.statisticsWr .cateDateSel a:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 10px;
	height: 10px;
	top:50%;
	left:50%;
	border-bottom:2px solid #FFF;
	border-left:2px solid #FFF;
}
.statisticsWr .cateDateSel a.prev:before { 
	margin:-5px 0 0 -3px;
	transform:rotate(45deg);
}
.statisticsWr .cateDateSel a.next:before { 
	margin:-5px 0 0 -7px;
	transform:rotate(225deg);
}
.statisticsWr .cateDateSel #curdate { 
	display:flex;
	justify-content:center; 
	align-items:center; 
	padding:10px 12px;
	border:1px solid #31A5FF;
	border-radius: 5px;
	font-weight:500;
	font-size:13px;
	color:#31A5FF;
}
/* 방문 통계 끝
------------------------------------------------------ */
/* 길안내서비스 팝업 시작
------------------------------------------------------ */
.page_loadGuide .contentWr { 
	height: 100vh; 
}
.page_loadGuide .contentWr .pageConBox { 
	display:flex; 
	flex-direction:column;
	height: 100%; 
}
.page_loadGuide .contentWr .pageConBox .admComWr { 
	flex-grow:1; 
}
.admComWr .loadGuideWr { 
	display:flex; 
	flex-direction:column;
	max-width: 360px; 
	height: 100%;
	margin-right:auto;
	margin-left:auto;
}
.loadGuideWr .bannerBox { 
	padding:59px 0 55px;
	background: url(/Form/_adm/images/loadGuideBanner01.png) no-repeat center center;
	background-size:cover;
	text-align: center; 
}
.loadGuideWr .bannerBox .logo { 
	display:block; 
	margin:0 auto 11px;
	font-size:0; 
}
.loadGuideWr .bannerBox .logo img { 
	max-width: 100%; 
}
.loadGuideWr .bannerBox .txt { 
	font-size:17px;
	letter-spacing:-.5px;
	color:#FFF;
}
.loadGuideWr .mapBox { 
	flex-grow:1; 
	padding:38px 20px 0;
	background: #FFF;
	text-align: center;
}
.loadGuideWr .mapBox .name { 
	margin:0 0 10px;
	font-weight:700;
	font-size:20px;
	letter-spacing:-.05px;
	color:#373737;
}
.loadGuideWr .mapBox .addr { 
	margin:0 0 52px;
	font-size:14px;
	color:#373737;
}
.loadGuideWr .mapBox .lnkLst { 
	max-width: 240px; 
	margin:0 auto 17px;
}
.loadGuideWr .mapBox .lnkLst > li { 
	margin:0 0 12px;
}
.loadGuideWr .mapBox .lnkLst > li:last-child { 
	margin:0;
}
.loadGuideWr .mapBox .lnkLst .lnk { 
	position:relative; 
	display:block; 
	padding:21px 10px 21px 65px;
	background: #F5F5F5;
	border:1px solid #E0E0E0;
	border-radius: 10px;
}
.loadGuideWr .mapBox .lnkLst .lnk span { 
	display:block; 
}
.loadGuideWr .mapBox .lnkLst .lnk .ico { 
	position:absolute; 
	top:50%;
	left:15px;
	transform:translateY(-50%);
	border-radius: 9px;
	box-shadow:.9px 1.8px 6.53px 0 #DBDBDB;
	font-size:0;
	overflow:hidden;
}
.loadGuideWr .mapBox .lnkLst .lnk .ico img { 
	max-width: 100%; 
}
.loadGuideWr .mapBox .lnkLst .lnk .txt { 
	width: 100%;
	font-weight:500;
	font-size:20px;
	color:#373737;
	text-align: center;
}
.loadGuideWr .mapBox .info { 
	font-size:14px;
	color:#999;
}
.loadGuideWr .btmBox ul { 
	display:flex; 
	flex-wrap:wrap; 
	background: #FFF;	
}
.loadGuideWr .btmBox ul > li { 
	width: 50%; 
}
.loadGuideWr .btmBox .lnk { 
	position:relative; 
	display:block; 
	width: 100%;
	height: 100%;
	padding:10px 10px 10px 60px;
}
.loadGuideWr .btmBox .lnk span { 
	display:block; 
}
.loadGuideWr .btmBox .lnk .logo01 { 
	position:absolute; 
	top:50%;
	left:14px;
	transform:translateY(-50%);
	font-size:0;
}
.loadGuideWr .btmBox .lnk .txt { 
	margin:0 0 2px;
	font-size:11px;
	color:#111;
}
.loadGuideWr .btmBox .lnk .logo02 { 
	font-size:0; 
}
.loadGuideWr .btmBox .lnk .logo01 img,
.loadGuideWr .btmBox .lnk .logo02 img { 
	max-width: 100%; 
}
.loadGuideWr .btmBox .lnk.st_kakao { 
	background: #FEE500; 
}
.loadGuideWr .btmBox .lnk.st_one { 
	border:1px solid #E0E0E0;
}
.loadGuideWr .btmBox .lnk.st_goo { 
	padding:0;
	font-size: 0;
}
.loadGuideWr .btmBox .lnk.st_goo img { 
	width: 100%; 
}
/* 길안내서비스 팝업 끝
------------------------------------------------------ */
/* 결제 내역 시작
------------------------------------------------------ */
.npmWr .numberIntro > * { 
	width: 19%; 
	margin:1.25% 1.25% 0 0;
}
.npmWr .numberIntro > *:nth-child(5n) { 
	margin-right:0;
}
.npmWr .numberIntro > *:nth-child(-n+5) { 
	margin-top:0;
}
@media all and (max-width:1499px){
	.npmWr .numberIntro > * { 
		width: 49%; 
		margin:2% 2% 0 0;
	}
	.npmWr .numberIntro > *:nth-child(5n) { 
		margin-right:2%;
	}
	.npmWr .numberIntro > *:nth-child(-n+5) { 
		margin-top:2%;
	}
	.npmWr .numberIntro > *:nth-child(2n) { 
		margin-right:0;
	}
	.npmWr .numberIntro > *:nth-child(-n+2) { 
		margin-top:0;
	}
}
@media all and (max-width:599px){
	.npmWr .numberIntro > * { 
		width: 100%; 
		margin:0 0 10px;
	}
	.npmWr .numberIntro > *:nth-child(5n) { 
		margin-right:0;
	}
	.npmWr .numberIntro > *:nth-child(-n+5) { 
		margin-top:0;
	}
	.npmWr .numberIntro > *:last-child { 
		margin:0;
	}
}
/* 결제 내역 끝
------------------------------------------------------ */
/* 회원현황 시작
------------------------------------------------------ */
.newmemberWr .tblBox table { 
	min-width: 1800px; 
}
/* 회원현황 끝
------------------------------------------------------ */
/* 활용사례 web 시작
------------------------------------------------------ */
.exampleWebWr .cateLst li.addArea { 
	font-size:0;
}
.exampleWebWr .cateLst li.addArea:before { 
	content:"";
	box-sizing:border-box;
	display:inline-block;
	vertical-align:middle; 
	width: 0;
	height: 100%;
}
.exampleWebWr .cateLst li.addArea .cateAddBtn { 
	position:relative; 
	display:inline-block; 
	vertical-align:middle; 
	width: 30px;
	height: 30px;
	background: #31A5FF;
	border:none;
	border-radius: 50%;
	font-size:0;
}
.exampleWebWr .cateLst li.addArea .cateAddBtn:before,
.exampleWebWr .cateLst li.addArea .cateAddBtn:after { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	top:50%;
	left:50%;
	background: #FFF;
	transition:all .3s ease;
}
.exampleWebWr .cateLst li.addArea .cateAddBtn:before { 
	width: 14px; 
	height: 2px;
	margin:-1px 0 0 -7px;
}
.exampleWebWr .cateLst li.addArea .cateAddBtn:after { 
	width: 2px; 
	height: 14px;
	margin:-7px 0 0 -1px;
}
.exampleWebWr .cateLst li.addArea .cateAddBtn:focus:before,
.exampleWebWr .cateLst li.addArea .cateAddBtn:hover:before,
.exampleWebWr .cateLst li.addArea .cateAddBtn:focus:after,
.exampleWebWr .cateLst li.addArea .cateAddBtn:hover:after { 
	transform:rotate(90deg); 
}
/* 활용사례 web 끝
------------------------------------------------------ */
/* 버튼클릭조회 시작
------------------------------------------------------ */
.buttonClickWr .monthSelBox { 
	display:flex; 
	align-items:center; 
	gap:8px;
}
.buttonClickWr .monthSelBox .monthSel { 
	position:relative; 
	display:block;
	width: 24px;
	height: 24px;
}
.buttonClickWr .monthSelBox .monthSel:before { 
	content:"";
	position:absolute;
	box-sizing:border-box;
	display:block;
	width: 12px;
	height: 12px;
	top:50%;
	left:50%;
	border-bottom:2px solid #373737;
	border-right:2px solid #373737;
}
.buttonClickWr .monthSelBox .monthSel.stPrev:before { 
	margin:-6px 0 0 -3px;
	transform:rotate(135deg); 
}
.buttonClickWr .monthSelBox .monthSel.stNext:before { 
	margin:-6px 0 0 -9px;
	transform:rotate(-45deg); 
}
.buttonClickWr .monthSelBox .curMonth { 
	display:block; 
	font-weight:500;
	font-size:16px;
	color: #373737;
}
/* 버튼클릭조회 끝
------------------------------------------------------ */