@charset "utf-8";

#sideMenu .tab_business_1 {margin-bottom:8px; border-bottom:1px solid #eee; font-size:0;}
#sideMenu .tab_business_1 li {display:inline-block; *display:inline; *zoom:1; width:33.33%; padding:2px; text-align:center; vertical-align:top; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#sideMenu .tab_business_1 li button {width:100%; height:76px; border:2px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
#sideMenu .tab_business_1 li button strong {display:block; color:#999; font-size:14px;}
#sideMenu .tab_business_1 li button span {display:block; margin-top:4px; color:#999;}
#sideMenu .tab_business_1 li button:hover,
#sideMenu .tab_business_1 li button.active {border-color:#00a0f3;}
#sideMenu .tab_business_1 li button:hover strong,
#sideMenu .tab_business_1 li button:hover span,
#sideMenu .tab_business_1 li button.active strong,
#sideMenu .tab_business_1 li button.active span {color:#00a0f3;}
#sideMenu .tab_business_1 li button.complete {border-color:#00a0f3; background:#00a0f3;}
#sideMenu .tab_business_1 li button.complete strong,
#sideMenu .tab_business_1 li button.complete span {color:#fff;}

/* 나는 사장에서 쓰기위한 처음으로 */
#sideMenu .type_btn {min-height:14px; padding:0 20px;}
#sideMenu .toStart {position:absolute; top:0; right:20px; padding-right:21px; background:url('../images/i_back.svg') no-repeat right center/13px auto; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}

/* map div TOP10 영역*/
/* .common_district2 {display:none;} */
.common_district2 .poi {z-index:10;}
.common_district2 .poi .data {display:table; position:relative; width:140px; height:140px; margin:20px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; text-align:center;}
.common_district2 .poi .data > div {display:table-cell; width:inherit; height:inherit; vertical-align:middle;}
.common_district2 .poi .data p {overflow:hidden; width:90px; height:30px; margin:0 auto; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; font-size:14px; font-weight:700; text-align:center; line-height:32px; transition:all .7s;}
.common_district2 .poi .data p + p {margin-top:2px; background:#fff;}
.common_district2 .poi .data:after {display:none; position:absolute; left:50%; top:50%; width:calc(100% - 2px); height:calc(100% - 2px); border-style:solid; background:transparent; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); content:'';}
@media (hover: hover) {
	.common_district2 .poi .data:hover:after {display:block; animation:poiMove .7s infinite linear;}
	.common_district2 .poi .data:hover p {background:#fff;}
	.common_district2 .poi .data:hover p + p {color:#fff;}
}
.common_district2.active {display:block;}
/* TOP10 데이터 영역 선 제거 */
div[id^='poiOverlay'] {outline: none;}

/* 레포트 div 3개 */
ul.list_reportItem > li.graph .area.col3 {margin-left:-10px;}
ul.list_reportItem > li.graph .area.col3 > div {width:calc(33.3333% - 10px); margin-left:10px;}

/* 상권정보분석 from ~ to  */
.timeViewTo .dash {height:25px;font-size:16px;line-height:25px;}

/* 알림메세지 */
.infoMsg2 {display:none; position:absolute; top:180px; left:50%; z-index:10; height:60px; padding:0 30px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgba(0,0,0,0.7); color:#fff; font-size:14px; font-weight:500; line-height:60px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}

/* ------------------------------------------------------------------------- */
/*상권정보 주제도
/* ------------------------------------------------------------------------- */
.district_analysis {margin-bottom:24px;}
.district_analysis p {margin-top:10px;}
.district_analysis ul {display:none; margin-top:17px;}
.district_analysis ul.active {display:block;}
.btn_da {margin-top:8px;}

/* 레이어 - 데이터 툴팁 2 */
.layer_data22 {min-width:92px; height:73px; margin-bottom:15px; background:#fff; -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); cursor:pointer;}
.layer_data22 > dl {padding:0 10px;}
.layer_data22 > dl > dt {padding:12px 0 10px; border-bottom:1px solid #ddd; color:#00a0f3; font-size:14px; font-weight:500; text-align:center;}
.layer_data22 > dl > dd {padding:8px 0 10px; font-size:14px; text-align:center;}

/* 테이블 - 가로 */
.tbl_col > thead > tr > th {padding:14px 0; border:1px solid #e5e5e5; font-size:16px; font-weight:700; text-align:center; vertical-align:middle;}
.tbl_col > thead > tr:first-child > th {border-top:2px solid #222;}
.tbl_col > thead > tr > th:first-child {border-left:0;}
.tbl_col > thead > tr > th:last-child {border-right:0;}
.tbl_col > tbody > tr > td {padding:14px 10px 14px 0; color:#222;}
.tbl_col > tbody > tr > td:first-child {border-left:0;}
.tbl_col > thead > tr > th.now,
.tbl_col > tbody > tr > td.now {background:#f9f9f9;}
.tbl_col > tbody > tr > td.now {color:#000;}
.tbl_col > tbody > tr > td.addr {position:relative; padding-left:70px; color:#000; font-size:14px; font-weight:500; text-align:left !important;}
.tbl_col > tbody > tr > td.addr {padding-left:5px; color:#000; font-size:14px; font-weight:500; text-align:left !important; cursor:pointer;}
.tbl_col > tbody > tr > td.addr.active {}
.tbl_col > tbody > tr > td.type {padding:0; color:#000; text-align:center !important;}
.tbl_col > tbody > tr.total > td.addr {padding-left:10px; font-size:16px;}
.tbl_col > tbody > tr.dong > td.addr {padding-left:50px; background:none; color:#999; font-weight:400; cursor:auto;}



/* 테이블 영역 */
.tableArea2 h4 {margin:40px 0 20px; font-size:18px;}
.tableArea2 h4.relative .subs {position:absolute;top:0;right:0;color: var(--color-gray);font-size:14px;font-weight:400;}
.tableArea2 .tbl_col > thead > tr > th {border-left:1px solid #e5e5e5;}
.tableArea2 .tbl_col > thead > tr > th:first-child {border-left:0;}
.tableArea2 .tbl_col > tbody > tr > td {border-left:1px solid #e5e5e5; text-align:center;}
.tableArea2 .tbl_col > tbody > tr > td:first-child {border-left:0;}

/* 테이블 영역 */
/* .tableArea h4 {margin:40px 0 20px; font-size:18px;} */
/* .tableArea h4.relative .subs {position:absolute; top:0; right:0; color:#808080; font-size:14px; font-weight:400;} */
/* .tableArea .tbl_col > thead > tr > th {border-left:1px solid #e5e5e5;} */
/* .tableArea .tbl_col > thead > tr > th:first-child {border-left:0;} */
/* .tableArea .tbl_col > tbody > tr > td {border-left:1px solid #e5e5e5; text-align:center;} */
/* .tableArea .tbl_col > tbody > tr > td:first-child {border-left:0;} */


table.treetable span.indenter {
	display: inline-block;
	margin: 0;
/* 	padding: 0; */
	padding-right: 5px;
	text-align: right;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 17px;
}

table.treetable span.indenter a {
/* 	background-position: left center; */
/* 	background-position: left; */
	background-repeat: no-repeat;
	display: inline-block;
	text-decoration: none;
	width: 17px;
	outline: none;
	vertical-align: middle;
	height: 17px;
}

table.treetable tr.expanded span.indenter a {
/* 	background-image: url(/images/tree_expanded.gif); */
/* 	background-image: url(/new/images/i_minus.svg); */
	background-image: url(/new/images/btn_minus.svg);
}

table.treetable tr.collapsed span.indenter a {
/* 	background-image: url(/images/tree_collapsed.gif); */
	background-image: url(/new/images/btn_plus.svg);
}

table.treetable tr.leaf span.indenter {
	padding-left: 15px !important;
}

#tableSpace p.uPart{/* padding-left:40px; */text-align:left;}
#tableSpace .left {
	text-align: left;
}

/* ------------------------------------------------------------------------- */
/* ###. radio hide
/* ------------------------------------------------------------------------- */
.rdSigun{
	opacity:0;
}

.recentAddr {position:absolute; left:50%; top:20px; width:320px; margin-left:-142px; padding-left:40px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; font-size:0; -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,0.1); box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);}
.recentAddr:before {display:block; position:absolute; left:20px; top:50%; width:12px; height:15px; margin-top:-7.5px; background:url('../images/i_address.svg') no-repeat center/100% auto; content:'';}
.recentAddr > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.recentAddr .si {font-size:14px; line-height:36px;}
.recentAddr .select_type dd {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.recentAddr .select_type dd .scroll_y {max-height:200px;}

/* 메인챠트 */
#main ul.list_col > li > dl > dd .chartArea.relative {position:relative; padding-left:220px;}

/* 순위 Top 10 */
dl.select_type2.ranking.living .list_ranking > li .value {width:24%;}
ul.list_ranking > li .value {width:30%; padding-right:10px; font-weight:500; text-align:right;}
/* 요청에 의한 화살표 위치 수정 - 22.03.18 */
ul.list_ranking > li .inde {position:relative; width:23%;padding-left:0px;  padding-right:10px; color:#e02171; text-align:right;}
ul.list_ranking > li .inde:before {display:block; position:absolute; left:calc(100% - 7px); top:50%; width:8px; height:8px; margin-top:-4px; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}


.layer_data:before {display:block; position:absolute; bottom:-15px; left:50%; width:31px; height:15px; margin-left:-15.5px;}


/* 툴팁 */
p.tooltipNew {display:none; position:absolute; z-index:20; width:100%; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgba(0,0,0,0.8); color:#fff; font-weight:500; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
p.tooltipNew:before {display:block; position:absolute; width:5px; height:9px; background:url('../images/bg_balloon.svg') no-repeat center/100% auto; content:'';}
p.tooltipNew.top {margin-top:5px;}
p.tooltipNew.top:before {top:-6px; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg);}
p.tooltipNew.left:before {left:10px;}
.hasTooltip p.tooptipNew {white-space:normal; opacity:1; }
.hasTooltip:hover p.tooltipNew {display:block;}

/* 레이어 - 회원가입 안내 */
.layer_mainNoti {position:fixed; top:50%; left:50%; width:500px; padding-bottom:25px; margin-left:-250px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.layer_mainNoti strong {display:block; padding:20px 0 10px; color:#000; font-size:14px;}
.layer_mainNoti .box_btn {margin-bottom:10px;}
.layer_mainNoti.layer_selfCheckPop1 { width: 800px; margin-left: -400px; }

/* 레이어 - 법적고지 */
.layer_law {position:fixed; top:50%; left:50%; width:500px; padding-bottom:25px; margin-left:-250px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.layer_law strong {display:block; padding:7px 10px; color:#000; font-size:14px;}
.layer_law .box_btn {margin-bottom:10px;}



/* 상권영향분석 리포트 */
.pop-report {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 100;
	display: none;
	background: rgba(0, 0, 0, .5);
}

.pop-report>div.pop-inner {
	display: inline-block;
	vertical-align: middle;
	min-width: 18em;
	width: 90%;
	max-width: 1010px;
	height: 90%;
	background: #fff;
	padding: 0;
	border-radius: .2em;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.07);
	margin: 0;
    margin-top: 40px;
	
}

.report-wrap {
	width: 100%;
	height: 100%;
}

.report-wrap h2 {
	background: #009fe3;
	color: #fff;
	text-align: left;
	font-size: 1.45em;
	height: 2.5em;
	line-height: 2.5em;
	font-weight: 400;
	padding: 0 .6em;
}

.report-wrap h2 img {
	vertical-align: middle;
	margin-right: .4em;
	height: 1.7em;
}

.report-wrap h2 img.mo {
	display: none;
}

.report-wrap h2 .btn-close {
	float: right;
	margin: 1.1em 0 0 0;
	width: 2em;
	height: 2em;
	background: url(/images/btn_close4.png) no-repeat transparent;
	background-size: 75% auto;
	border: 0;
	cursor: pointer;
	font-size: .7em;
}

.report-wrap .report-body {
	position: relative;
	padding: 5em 0 0 0;
	height: calc(100% - 3.7em);
	box-sizing: border-box;
}

.report-wrap .report-body .logo {
	text-align: right;
	margin-bottom: 1em;
}

.report-wrap .report-body .logo img {
	float: left;
}

.report-wrap .report-body .logo .txt {
	margin-right: .5em;
}

.report-wrap .report-body .logo .txt .ui-switcher:before {
	top: .42em;
}

.report-wrap .report-body .logo .txt .ui-switcher[aria-checked=true]:before
	{
	left: .3em;
}

.report-wrap .report-body .logo .txt .ui-switcher[aria-checked=false]:before
	{
	right: .35em;
}

.report-wrap .report-body img {
	height: 2.6em;
}

.report-wrap .report-body h3 {
	clear: both;
	color: #2466b4;
	font-size: 1.9em;
	font-weight: 600;
	margin-bottom: 1.3em;
	margin-top: 1em;
	text-align: left;
}

.report-wrap .report-body h4 {
	color: #2466b4;
	font-size: 1.3em;
	font-weight: 600;
	text-align: left;
	margin-bottom: -.3em;
	margin-top: 1em;
}

.report-wrap .report-body .tit2 {
	font-size: 1.28em;
	font-weight: 500;
	text-align: center;
	margin-bottom: 1em;
}

.report-wrap .report-body .summary {
	background: #f2f5f9;
	border: 1px solid #6683a6;
	padding: .5em 1em;
	margin-bottom: 1.5em;
}

.report-wrap .report-body .summary dl {
	display: inline-block;
	margin-right: 2em;
	position: relative;
	padding-left: 5em;
	box-sizing: border-box;
}

.report-wrap .report-body .summary dt {
	display: inline-block;
	background: #9fafc1;
	color: #fff;
	height: 1.7em;
	line-height: 1.7em;
	padding: 0 .5em;
	font-weight: 200;
	margin: .1em 0.5em .1em 0;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}

.report-wrap .report-body .summary dd {
	display: inline-block;
	color: #4c6989;
	height: 1.45em;
	padding: .4em 0 0 0;
	line-height: 1.2;
}

.report-wrap .report-body .summary dd:last-child {
	margin-right: 0;
}

.report-wrap .report-body ul.legend-report {
	text-align: right;
	margin-bottom: 1em;
}

.report-wrap .report-body ul.legend-report li {
	display: inline-block;
	color: #1f2324;
	margin-left: 1.2em;
	vertical-align: top;
	margin-bottom: .6em;
}

.report-wrap .report-body ul.legend-report li:last-child {
	margin-right: 0;
}

.report-wrap .report-body ul.legend-report li::before {
	display: inline-block;
	content: '';
	width: 7px;
	height: 7px;
	vertical-align: middle;
	margin-right: .25em;
	margin-top: .5px;
}

.report-wrap .report-body ul.legend-report li:nth-child(1)::before {
	background: #8ad85b;
	border: 2px solid #ee1c24;
}

.report-wrap .report-body ul.legend-report li:nth-child(2)::before {
	background: #ccffcc;
	border: 2px solid #389b6a;
}

.report-wrap .report-body ul.legend-report li:nth-child(3)::before {
	background: #ff9d42;
	border: 2px solid #ee1c24;
}

.report-wrap .report-body ul.legend-report li:nth-child(4)::before {
	background: #ccffcc;
	border: 2px solid #ff7112;
}

.report-wrap .report-body ul.legend-report li:nth-child(5)::before {
	background: #ff99cc;
	border: 2px solid #ff07ff;
}

.report-wrap .report-body .map {
	width: 100%;
	height: auto;
	background: #eaeaea;
	border: 1px solid #6683a6;
}
/*.report-wrap .report-body .txtbox {background: #f0f2f4; padding: 2em; text-align: left; line-height: 1.4; color: #515151; font-size: 13px; margin: 1.3em 0;}*/
.report-wrap .report-body .txtbox {
	background: #f0f2f4;
	padding: 1.2em;
	text-align: left;
	line-height: 1.4;
	color: black;
	font-size: 13px;
	margin: 1.3em 0;
}

.report-wrap .report-body .txtbox h4 {
	font-size: 1.3em;
	color: #1f2324;
	margin-bottom: .4em;
}

.report-wrap .report-body .txtbox li.w50p {
	text-indent: -.5em;
	padding: .3em .5em !important;
	box-sizing: border-box;
}

.tabs-report {
	display: block;
	/* height: 1.4em; */
	width: 100%;
	/* line-height: 1.4em; */
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	padding: 1.4em;
}

.tabs-report li {
	float: left;
	width: 16.666%;
}

.tabs-report li:hover {
	opacity: .95;
}

.tabs-report li.ui-tabs-active a {
	background: #2466b4;
}

.tabs-report li>a {
	display: inline-block;
	width: 100%;
	padding: .5em .12em;
	background: #b4c3d4;
	color: #fff;
	text-align: center;
	font-size: 0.8rem;
	border-right: 1px solid #fff;
	height: 3.4rem;
	margin-bottom: 1px;
	box-sizing: border-box;
}

.tabs-report li span {
	
}

.tabs-report li span img {
	vertical-align: middle;
	margin-right: 0.5em;
	width: 1.6em;
	margin-top: -.2em;
}

.tabs-report2 {
	display: block;
	height: 1.4em;
	width: 100%;
	line-height: 1.4em;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	padding: 1.4em;
}

.tabs-report2 li {
	float: left;
	width: 20%;
}

.tabs-report2 li:hover {
	opacity: .95;
}

.tabs-report2 li.ui-tabs-active a {
	background: #2466b4;
}

.tabs-report2 li>a {
	display: inline-block;
	width: 100%;
	padding: .5em .3em;
	background: #b4c3d4;
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	border-right: 1px solid #fff;
	height: 2.2em;
	margin-bottom: 1px;
	box-sizing: border-box;
}

.tabs-report2 li span {
	
}

.tabs-report2 li span img {
	vertical-align: middle;
	margin-right: 0.5em;
	width: 1.6em;
	margin-top: -.2em;
}

.tab-container-report {
	overflow-y: auto;
	padding: 0 1.5em 3em;
	height: 100%;
	box-sizing: border-box;
}

.tab-container-report .tab-content-report {
	display: none;
}

.tab-container-report .tab-content-report.active {
	display: block;
}

.tab-container-report .txt1 {
	line-height: 1.2;
}

.tab-container-report input[type=radio] {
	-webkit-border-radius: 0;
	-webkit-appearance: radio;
	vertical-align: middle;
}

.tab-container-report hr {
	border: 0;
	border-top: 1px solid #ccc;
}

.wsmall .tab-container-report {
	padding-bottom: 2em;
}

.seoullogo {
	width: 10em;
	height: auto !important;
}

.l-chart1>.f-left {
	width: 40% !important;
	padding-right: 1.3em !important;
}

.l-chart1>.f-right {
	width: 60% !important;
	text-align: center;
}

.l-chart1>.f-right .graph-box2 {
	height: auto;
	font-size: 0;
}

.l-chart1>.f-right .f-left {
	width: 50% !important;
	height: 18.8em !important;
	float: none;
	display: inline-block;
	font-size: 13px;
	padding: 1.3em;
}

.l-chart1>.f-right .f-left:nth-of-type(1) {
	margin: 0 20%;
}


/* 테이블 */
/* .tbl-basic:not(table) { */
.tbl-basic {
	border-collapse: collapse;
	border: 0;
	padding: 0;
	margin: 0 0 1em;
	border-top: 2px solid #4c6989;
	border-bottom: 1px solid #4c6989;
	width: 100%;
	table-layout: auto; /* 테이블 영역 추가 - 22.04.14 */
	background: #fff;
	font-size: 1em;
}

.tbl-basic th {
	background: #dfeaf8;
	color: #000;
	font-weight: 400;
	letter-spacing: -0.1em;
	border-right: 1px solid #c0cddb;
	vertical-align: middle;
	padding: .4em .2em;
	border-bottom: 1px solid #c0cddb;
}

.tbl-basic tbody th {
	background: #fff !important;
}

.tbl-basic .titbg {
	background: #dfeaf8 !important;
}

.tbl-basic tbody tr:nth-child(1) {
	border-top: 0;
}

.tbl-basic td {
	background: #fff;
	color: #333;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #cdcdcd;
	vertical-align: middle;
	text-align: center;
	padding: .4em .2em;
}

.tbl-basic td.whitebg {
	background: #fff !important;
}

.tbl-basic tr:nth-child(even) td {
	background: #fbfbfb;
}

.tbl-basic th:last-child, .tbl-basic td:last-child {
	border-right: 0;
}

.tbl-basic tr:hover td, .tbl-basic tr.active td {
	background: #fafafa;
}

.tbl-basic tbody tr:last-child td, .tbl-basic tbody tr:last-child th {
	border-bottom: 0;
}

.tbl-basic tr.highlight td {
	background: #ffffcc !important;
}

.tbl-basic.pdbig td, .tbl-basic.pdbig th {
	padding-top: 1.3em;
	padding-bottom: 1.3em;
}

.bo {
	border-bottom: #4c6989 !important;
}

.table-top-text {
	text-align: right;
	margin: 0 0 9px 0;
	font-weight: 200;
	font-size: .93em;
	color: #000000;
}

.table-top-text2 {
	text-align: right;
	margin: -10px 0 9px 0 !important;
}

.table-top-text .txt {
	display: inline-block;
	font-size: 1em;
	font-weight: 400;
	vertical-align: middle;
	margin: -1px 0 -4px 0;
}

.table-top-text .txt label {
	vertical-align: top;
}

h3+.table-top-text {
	margin-top: -20px;
}

h4+.table-top-text {
	margin-top: 6px;
}

.tbl-basic .left {
	text-align: left;
}

.tbl-typeB thead th {
	background: #dfeaf8;
	padding: .7em 0;
}

.tbl-typeB tbody td {
	padding: .5em 1.5em;
	text-align: left;
}

.tbl-typeB tbody th {
	background: #fafcfe;
}

.tbl-typeB tbody th.sp {
	color: #40ade7;
	font-weight: 500;
}

table.treetable span.indenter {
	display: inline-block;
	margin: 0;
	padding: 0;
	text-align: right;
	user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 19px;
}

table.treetable span.indenter a {
	background-position: left center;
	background-repeat: no-repeat;
	display: inline-block;
	text-decoration: none;
	width: 19px;
	outline: none;
	vertical-align: middle;
	height: 14px;
}

table.treetable tr.expanded span.indenter a {
	background-image: url(/images/tree_expanded.gif);
}

table.treetable tr.collapsed span.indenter a {
	background-image: url(/images/tree_collapsed.gif);
}

table.treetable tr.leaf span.indenter {
	padding-left: 24px !important;
}


/* 그래프 박스 */
.graph-box {
	border-top: 2px solid #4c6989;
	background: #fff;
	min-height: 20em;
	margin-bottom: 2em;
}

.graph-box2 {
	border: 1px solid #eaeaea;
	background: #fff;
	min-height: 15em;
	margin-bottom: 2em;
	box-sizing: border-box;
}

.sub-wrap {
	width: 100%;
	height: 100%;
	background: #fff;
	text-align: center;
}

.sub-wrap.h-auto, #wrap.scrollbar .sub-wrap {
	height: auto;
	min-height: 100%;
	margin-top: 137px;
}

.sub-wrap iframe {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	border: 0;
	overflow: hidden;
}


.rptModalLoading{
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background:url(/images/sgmc/mb/bg-layer-pop.png);
	overflow-y:auto;
	display: none;
}

/* 레포트 관련 추가 - 22.04.14 */
.tabs-report li.nonselect a{
	background: #EAEAEA;
	color: #D5D5D5;
}
.w50p {width: 49% !important;}
.f-clear:after {
	content: " ";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
* html .f-clear {
	height: 1%;
}
.f-clear {
	display: block;
	min-height: 1%;
	text-align: left;
}
.f-left {
	float: left;
}
.f-right {
	float: right;
}
/* 해상도에 따른 보이기&가리기 */
.case-mobile {
	display: none !important;
}

/* 상권활성화 지수 하단영역 제어 추가 - 22.04.17 */
@media screen and (min-width: 1200px) {
	.legend_vitalDistrict {
		white-space: nowrap;
	}
}

/* 상권정보 주제도 분포도 z-index 수정 - 22.04.17 */
.legend_thematic {
	z-index: 9 !important;
}

/* 유동인구 tab 생성 - 23.04.26 */
.tab_div {
	margin-bottom:3px;
}
.tab_pop {
	display: inline-block;
	border-radius: 5px;
	width: 121px;
	height: 25px;
	background-color: #fff;
	color:#0676dd;
	text-align: center;
	line-height: 25px;
	cursor : pointer;
}

.tab_pop.tab_active{
	background-color: #0676dd;
	color:#fff;
}


/* 레이어 - 데이터 툴팁 3 - 점포이력, 제로페이 */
.layer_data4 {width:330px; height:300px; margin:-325px 0 0 -145px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1); -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.1); box-shadow:0 2px 4px 0 rgba(0,0,0,.1);}
.layer_data4 > dl {padding:0;}
.layer_data4 > dl > dt {position:relative; margin:0; padding:11px 15px 8px; border-bottom:0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; background:#0676dd; color:#fff; font-size:14px;}
.layer_data4 > dl > dt strong {color:inherit; font-size:inherit;}
.layer_data4 > dl > dt button.close {padding:11px; background-image:url('../images/close_w.svg');}
.layer_data4 > dl > dd {padding:0;}
.layer_data4 > dl > dd .scroll_y {max-height:264px; padding:0 22px 0 14px;}
.layer_data4 > dl > dd .scroll_y.mCustomScrollbar {padding:0;}
.layer_data4 > dl > dd .scroll_y.mCustomScrollbar .mCSB_container {padding:0 22px 0 14px;}
.layer_data4 > dl > dd .scroll_y.mCustomScrollbar .mCSB_scrollTools {right:8px;}
.layer_data4 > dl > dd ul li {padding:16px 0;}
.layer_data4 > dl > dd ul li + li {border-top:1px solid #ddd;}
.layer_data4 > dl > dd ul li p.name {position:relative; padding:3px 0 8px 22px; font-size:14px;}
.layer_data4 > dl > dd ul li p.name:before {display:block; position:absolute; top:0; left:0; width:13px; height:19px; background:url('../images/i_pin_bl.svg') no-repeat center/100% auto; content:'';}
.layer_data4 > dl > dd ul li dl {padding:3px 0;}
.layer_data4 > dl > dd ul li dl dt {width:17%; color:#0676dd; font-size:12px; font-weight:400;}
.layer_data4 > dl > dd ul li dl dd {width:83%; color:var(--color-gray2); font-size:12px;}

.custom_layer_data4 {width:330px; height:300px; top:5px; margin:40px 0 0 -145px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1); -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.1); box-shadow:0 2px 4px 0 rgba(0,0,0,.1);}
.custom_layer_data4 > dl {padding:0;}
.custom_layer_data4 > dl > dt {position:relative; margin:0; padding:11px 15px 8px; border-bottom:0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; background:#0676dd; color:#fff; font-size:14px;}
.custom_layer_data4 > dl > dt strong {color:inherit; font-size:inherit;}
.custom_layer_data4 > dl > dt button.close {padding:11px; background-image:url('../images/close_w.svg');}
.custom_layer_data4 > dl > dd {padding:0;}
.custom_layer_data4 > dl > dd .scroll_y {max-height:264px; padding:0 22px 0 14px;}
.custom_layer_data4 > dl > dd .scroll_y.mCustomScrollbar {padding:0;}
.custom_layer_data4 > dl > dd .scroll_y.mCustomScrollbar .mCSB_container {padding:0 22px 0 14px;}
.custom_layer_data4 > dl > dd .scroll_y.mCustomScrollbar .mCSB_scrollTools {right:8px;}
.custom_layer_data4 > dl > dd ul li {padding:16px 0;}
.custom_layer_data4 > dl > dd ul li + li {border-top:1px solid #ddd;}
.custom_layer_data4 > dl > dd ul li p.name {position:relative; padding:3px 0 8px 22px; font-size:14px;}
.custom_layer_data4 > dl > dd ul li p.name:before {display:block; position:absolute; top:0; left:0; width:13px; height:19px; background:url('../images/i_pin_bl.svg') no-repeat center/100% auto; content:'';}
.custom_layer_data4 > dl > dd ul li dl {padding:3px 0;}
.custom_layer_data4 > dl > dd ul li dl dt {width:17%; color:#0676dd; font-size:12px; font-weight:400;}
.custom_layer_data4 > dl > dd ul li dl dd {width:83%; color:#777; font-size:12px;}

/* .custom_layer_data4:before {display:block;position:absolute;bottom:-15px;left:50%;width:0;height:15px;margin-left:-15.5px;top: -15px;transform: rotate(180deg); background: url(../images/i_popup_arrow_b.svg) no-repeat center/100% auto;} */
.custom_layer_data4:before {display:block; position:absolute; bottom:645px; left:50%; height:15px; margin-left:-15.5px; top: -13px; background: url(../images/i_popup_arrow_b.svg) no-repeat center/100% auto;}