@charset "utf-8";

/* ------------------------------------------------------------------------- */
/* CSS Table of Contents
/* ------------------------------------------------------------------------- */
/*

1. Global
1-1. input & select
1-2. button
1-3. table
1-4. tabmenu
1-5. list
1-6. box
1-7. layer

2. Layout
2-1. wrap
2-2. header
2-3. footer
2-4. nav

3. Page
3-1. 메인
3-2. 지도
3-3. 뜨는 상권
3-4. 나는 사장
3-5. 나도 곧 사장
3-6. 지역/상권별 현황
3-7. 지역&상권별 현황 > 지역별 현황, 상권별 현황, 재생상권별 현황
3-8. 상권정보 주제도
3-9. 상권영향력평가
3-10. 이용안내
3-11. 데이터 출처
3-12. 소상공인 상권분석 보고서
3-13. 사이트맵
3-14. 에러

4. Etc
4-1. library - mCustomScrollbar

/* ------------------------------------------------------------------------- */
/* 1. Global
/* ------------------------------------------------------------------------- */

.forMo {display:none;}
.forMo.box_btn.block {display:none;}
#ft .menu li a.forMo {display:none;}

.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

.p_color {color:#0676dd !important;}
.p_color2 {color:#e02171 !important;}

.relative {position:relative;}
.clear:after {display:block; clear:both; content:'';}

.scroll_y {overflow-y:auto;}
.scroll_x {overflow-x:auto;}

.w100p {width:100% !important;}

/* 서브 타이틀 */
h3.subtitle {margin:50px 0 30px; color:#000; font-size:32px; font-weight:500;}

/* 토글 */
div.toggle_view {display:none;}
div.toggle_view.active {display:block;}
dl.toggle_view > dd {display:none;}
dl.toggle_view > dd.active {display:block; z-index:999}
nav.toggle_view {display:none;}
nav.toggle_view.active {display:block;}

/* 페이징 */
.paging {margin:10px 0; font-size:0;}
.paging > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.paging > button {width:14px; height:14px; padding:0 15px; background-repeat:no-repeat; background-position:center; background-size:auto 14px; color:transparent; font-size:0;}
.paging > button.first {background-image:url('../images/paging_first.svg');}
.paging > button.prev {background-image:url('../images/paging_prev.svg');}
.paging > button.next {background-image:url('../images/paging_next.svg');}
.paging > button.last {background-image:url('../images/paging_last.svg');}
.paging > ol {padding:0 10px; font-size:0;}
.paging > ol li {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.paging > ol li a {display:block; padding:0 15px; color:#999; font-size:16px;}
.paging > ol li strong {display:block; padding:0 15px; font-size:16px;}

/* 툴팁 */
.hasTooltip {position:relative;}
p.tooltip {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; box-sizing:border-box;}
p.tooltip2 {border:1px solid #222; background:rgba(255,255,255,0.8); color:#222;}
p.tooltip:before {display:block; position:absolute; width:5px; height:9px; background:url('../images/bg_balloon.svg') no-repeat center/100% auto; content:'';}
p.tooltip2:before {width:9px; height:5px; background-image:url('../images/bg_balloon4.svg');}
p.tooltip.top {margin-top:5px;}
p.tooltip.top:before {top:-6px; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg);}
p.tooltip2.top:before {top:-5px; -webkit-transform:scale(-1); -moz-transform:scale(-1); transform:scale(-1);}
p.tooltip.bottom {margin-bottom:5px;}
p.tooltip.bottom:before {bottom:-6px;}
p.tooltip.middle {top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
p.tooltip.middle:before {top:50%; margin-top:-4.5px;}
p.tooltip.left:before {left:10px;}
p.tooltip.right:before {right:10px;}
p.tooltip.middle.right {margin-right:5px;}
p.tooltip.middle.right:before {right:-5px;}
.hasTooltip p.tooltip {white-space:normal; opacity:1;}
.hasTooltip:hover p.tooltip {display:block;}

/* 차트 */
.chartArea {position:relative; min-height:278px; padding:50px 20px 20px; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.chartArea p.title {position:absolute; top:20px; left:20px; font-size:14px; font-weight:500;}
.chartArea span.unit {position:absolute; top:20px; right:20px; color:var(--color-gray);}
.chartArea .chart,
.chartArea .area {width:100%; height:100%;}
.chartArea .popup_bg {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}


/** 20240806 사이트점검 **/
/* input 설명문구*/
.aria_hidden{overflow: hidden; display:block; position:absolute; top:-1000000px; left:-1000000px; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}


/* 로딩바 */
.popup_bg {display:none; position:absolute; top:0; left:0; z-index:100; width:100%; height:100%; background:rgba(255,255,255,0.7);}
.lds-spinner {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.floatingCirclesG {position:relative; width:99px; height:99px; margin:auto; -webkit-transform:scale(0.3); -moz-transform:scale(0.3); -o-transform:scale(0.3); -ms-transform:scale(0.3); transform:scale(0.3);}
.popup_bg.full .floatingCirclesG {-webkit-transform:scale(0.6); -moz-transform:scale(0.6); -o-transform:scale(0.6); -ms-transform:scale(0.6); transform:scale(0.6);}
.f_circleG {position:absolute; background-color:rgb(255,255,255); height:16px; width:16px; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; -webkit-animation-name:f_fadeG; -moz-animation-name:f_fadeG; -o-animation-name:f_fadeG; -ms-animation-name:f_fadeG; animation-name:f_fadeG; -webkit-animation-duration:0.782s; -moz-animation-duration:0.782s; -o-animation-duration:0.782s; -ms-animation-duration:0.782s; animation-duration:0.782s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; animation-iteration-count:infinite; -webkit-animation-direction:normal; -moz-animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; animation-direction:normal;}
.frotateG_01 {left:0; top:40px; -webkit-animation-delay:0.2895s; -moz-animation-delay:0.2895s; -o-animation-delay:0.2895s; -ms-animation-delay:0.2895s; animation-delay:0.2895s;}
.frotateG_02 {left:12px; top:12px; -webkit-animation-delay:0.386s; -moz-animation-delay:0.386s; -o-animation-delay:0.386s; -ms-animation-delay:0.386s; animation-delay:0.386s;}
.frotateG_03 {left:40px; top:0; -webkit-animation-delay:0.4825s; -moz-animation-delay:0.4825s; -o-animation-delay:0.4825s; -ms-animation-delay:0.4825s; animation-delay:0.4825s;}
.frotateG_04 {right:12px; top:12px; -webkit-animation-delay:0.589s; -moz-animation-delay:0.589s; -o-animation-delay:0.589s; -ms-animation-delay:0.589s; animation-delay:0.589s;}
.frotateG_05 {right:0; top:40px; -webkit-animation-delay:0.6855s; -moz-animation-delay:0.6855s; -o-animation-delay:0.6855s; -ms-animation-delay:0.6855s; animation-delay:0.6855s;}
.frotateG_06 {right:12px; bottom:12px; -webkit-animation-delay:0.782s; -moz-animation-delay:0.782s; -o-animation-delay:0.782s; -ms-animation-delay:0.782s; animation-delay:0.782s;}
.frotateG_07 {left:40px; bottom:0; -webkit-animation-delay:0.8785s; -moz-animation-delay:0.8785s; -o-animation-delay:0.8785s; -ms-animation-delay:0.8785s; animation-delay:0.8785s;}
.frotateG_08 {left:12px; bottom:12px; -webkit-animation-delay:0.975s; -moz-animation-delay:0.975s; -o-animation-delay:0.975s; -ms-animation-delay:0.975s; animation-delay:0.975s;}

@-webkit-keyframes f_fadeG {
	0% {
		background-color:rgba(0,162,243,0.97);
	}

	100% {
		background-color:rgb(255,255,255);
	}
}
@-moz-keyframes f_fadeG {
	0% {
		background-color:rgba(0,162,243,0.97);
	}

	100% {
		background-color:rgb(255,255,255);
	}
}
@-o-keyframes f_fadeG {
	0% {
		background-color:rgba(0,162,243,0.97);
	}

	100% {
		background-color:rgb(255,255,255);
	}
}
@-ms-keyframes f_fadeG {
	0% {
		background-color:rgba(0,162,243,0.97);
	}

	100% {
		background-color:rgb(255,255,255);
	}
}
@keyframes f_fadeG {
	0% {
		background-color:rgba(0,162,243,0.97);
	}

	100% {
		background-color:rgb(255,255,255);
	}
}


/* ------------------------------------------------------------------------- */
/* 1-1. input & select
/* ------------------------------------------------------------------------- */

input {font-family:'Roboto', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', Sans-serif; font-size:14px;}
/* input:focus:not(:focus-visible) {outline:0;} */
/* input - text, password, textarea */
input[type="text"] {height:40px; padding:0 10px; border:1px solid #ddd; color:var(--color-gray); -webkit-box-sizing:border-box; box-sizing:border-box;}
input[type="text"].radius {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
input[type="text"]::-webkit-input-placeholder {color:var(--color-gray);}
input[type="text"][readonly],
input[type="text"]:read-only {cursor:default; pointer-events:none;}

/* input - checkbox */
input[type="checkbox"] {margin:0;}

input[type="checkbox"].hidden {position:absolute; left:0; top:0; z-index:-5; width:0; height:0;}
input[type="checkbox"].hidden + label {display:inline-block; position:relative; min-height:16px; padding-left:20px; color:var(--color-gray); font-size:14px;}
input[type="checkbox"].hidden + label:before {display:block; position:absolute; top:0; left:0; width:16px; height:16px; background:url('../images/checkbox.svg') no-repeat left center/16px auto; content:'';}
input[type="checkbox"].hidden:checked + label:before {background-image:url('../images/checkbox_checked.svg');}
input[type="checkbox"].hidden.notxt + label {width:16px; height:16px; padding-left:0;}
input[type="checkbox"].hidden.type2 + label:before {background-image:url('../images/checkbox2.svg');}
input[type="checkbox"].hidden.type2:checked + label:before {background-image:url('../images/checkbox_checked.svg');}

/* input - radio */
input[type="radio"] {margin:0;}

/* input - button */
input[type="button"] {cursor:pointer; -webkit-box-sizing:content-box; box-sizing:content-box;}

/* input - range */
input[type="range"] {appearance:none; width:100%; height:8px; border-radius:4px; background:var(--bg-gray);}
input[type="range"]::-webkit-slider-thumb {appearance:none; width:24px; height:24px; border:1px solid var(--bd-gray2); border-radius:50%; background:var(--color-white); cursor:pointer; -webkit-box-shadow:0 2px 4px 0 rgba(16,16,16,0.1); box-shadow:0 2px 4px 0 rgba(16,16,16,0.1);}
input[type="range"]::-moz-range-thumb {appearance:none; width:24px; height:24px; border:1px solid var(--bd-gray2); border-radius:50%; background:var(--color-white); cursor:pointer; -webkit-box-shadow:0 2px 4px 0 rgba(16,16,16,0.1); box-shadow:0 2px 4px 0 rgba(16,16,16,0.1);}

/* select */
select {-webkit-appearance:none; appearance:none; height:36px; padding:0 40px 0 20px; border:1px solid #999; background:url('../images/arrow_bottom.svg') no-repeat right 20px center/10px auto #fff; color:#222; font-family:'Roboto', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', Sans-serif; font-size:14px; line-height:34px; -webkit-box-sizing:border-box; box-sizing:border-box;}
/* select:focus:not(:focus-visible) {outline:0;} */
select.radius {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
select.blue {background-image:url('../images/arrow_bottom_blue.svg'); color:#0676dd;}
select:disabled {border-color:#ddd; background-color:#f1f1f1; color:#999;}
select::-ms-expand {display:none;}

.likeSelect {height:36px; padding:0 40px 0 20px; border:1px solid #999; background:url('../images/arrow_bottom.svg') no-repeat right 20px center/10px auto #fff; font-family:'Roboto', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', Sans-serif; font-size:14px; line-height:34px; -webkit-box-sizing:border-box; box-sizing:border-box;}
/* .likeSelect:focus:not(:focus-visible) {outline:0;} */
.likeSelect.radius {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* ------------------------------------------------------------------------- */
/* 1-2. button
/* ------------------------------------------------------------------------- */

button {margin:0; padding:0; border:0; background:transparent; color:#222; font-family:'Roboto', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic'; font-size:12px; line-height:1.2; cursor:pointer;}
/* button:focus:not(:focus-visible) {outline:0;} */
button:disabled {cursor:default;}

.box_btn {display:inline-block; *display:inline; *zoom:1; text-align:center; vertical-align:top;}
.box_btn > * {display:inline-block; display:inline; *zoom:1; padding:0 10px; border:1px solid #0676dd; background:#0676dd; color:#fff; font-family:'Roboto', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic'; font-size:12px; font-weight:400; line-height:1.2; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; -webkit-box-sizing:border-box; box-sizing:border-box;}
/** 20240805 사이트점검 **/
.box_btn > *:disabled {border-color: var(--color-gray);background-color: var(--color-gray);color:#fff;}

/* 가로 길이 */
.box_btn.block {display:block; width:100%;}
.box_btn.block > * {display:block; width:100%; padding-left:0; padding-right:0;}

.box_btn.w100 > * {width:100px; padding-left:0; padding-right:0;}
.box_btn.w140 > * {width:140px; padding-left:0; padding-right:0;}
.box_btn.w150 > * {width:150px; padding-left:0; padding-right:0;}
.box_btn.w215 > * {width:215px; padding-left:0; padding-right:0;}
/** 20250527 추가 **/
.box_btn.w290 > * {width:290px; padding-left:0; padding-right:0;}

/* 세로 길이 */
.box_btn.h30 > * {height:30px; line-height:28px;}
.box_btn.h40 > * {height:40px; line-height:38px;}
.box_btn.h50 > * {height:50px; line-height:48px;}

/* 색상 */
/** 20240805 사이트점검 **/
.box_btn.lightgray > * {border-color: var(--color-gray);background: var(--color-gray);color:#fff;}

.box_btn.lightgray2 > * {border-color:#ddd; background:#f1f1f1; color:#999;}

.box_btn.white > * {border-color:#ddd; background:#fff; color:#222;}
.box_btn.white.hover > *.active {border-color:#222; background:#222; color:#fff;}
.box_btn.white2 > * {border-color:#0676dd; background:#fff; color:#0676dd;}
.box_btn.white2.hover > *.active {border-color:#0676dd; background:#0676dd; color:#fff;}
.box_btn.white2 > *:disabled {border-color:#999; color:#999;}
.box_btn.white3 > * {border-color:#999; background:#fff; color:#222;}
.box_btn.white3.hover > *.active {border-color:#222; background:#222; color:#fff;}
.box_btn.white4 > * {border-color:#ddd; background:#fff; color:#999;}
.box_btn.white4.hover > *.active {border-color:#222; background:#fff; color:#222;}
.box_btn.white5 > * {border-color:#222; background:#fff; color:#222;}

@media (hover: hover) {
	.box_btn.white.hover > *:hover {border-color:#222; background:#222; color:#fff;}
	.box_btn.white2.hover > *:hover {border-color:#0676dd; background:#0676dd; color:#fff;}
	.box_btn.white3.hover > *:hover {border-color:#222; background:#222; color:#fff;}
	.box_btn.white4.hover > *:hover {border-color:#222; background:#fff; color:#222;}
}

.box_btn.gray > * {border-color:#999; background:#999; color:#fff;}

.box_btn.charcoal > * {border-color:#222; background:#222; color:#fff;}

.box_btn.transparent > * {border-color:#c4c4c4; background-color:transparent; color:#fff;}

/* 폰트 크기 */
.box_btn.fs14 > * {font-size:14px;}
.box_btn.fs16 > * {font-size:16px;}
.box_btn.fs18 > * {font-size:18px;}

/* 폰트 굵기 */
.box_btn.medium > * {font-weight:500;}
.box_btn.bold > * {font-weight:700;}

/* 모양 */
.box_btn.radius > * {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

/* 효과 */
.box_btn.shadow > * {-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);}

/* 이미지 */
.box_btn.img > * {position:relative;}
.box_btn.img > *:before {display:block; position:absolute; background-repeat:no-repeat; background-size:100% auto; background-position:center; content:'';}
.box_btn.analysis > * {padding-left:8px;}
.box_btn.analysis > *:before {left:50%; top:50%; width:18px; height:20px; margin:-10px 0 0 -53px; background-image:url('../images/ico_analysis.svg');}
.box_btn.polygon > * {padding-left:8px;}
.box_btn.polygon > *:before {left:50%; top:50%; width:18px; height:17px; margin:-9.5px 0 0 -77px; background-image:url('../images/i_polygon.svg');}
.box_btn.polygon.hover > *.active:before {background-image:url('../images/i_polygon_w.svg');}
.box_btn.pdf > * {padding-left:29px;}

/*20240813 엑셀파일다운버튼추가*/
.box_btn.pdf > *:before {top:50%; left:20px; margin-top:-10.5px; width:21px; height:21px; background-image:url('../images/i_pdf_bl.svg');}
.box_btn .btn_pdf:before {width:21px; height:21px; background-image:url('../images/i_pdf_bl.svg');}
.box_btn .btn_excel{margin-left:10px;}
.box_btn .btn_excel:before {width:19px; height:22px; background-image:url('../images/i_excel2_bl.svg');}

.box_btn.terms > * {padding-left:24px;}
.box_btn.terms > *:before {top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -39px; background-image:url('../images/i_detAnalysis_bl.svg');}
.box_btn.excel > * {padding-left:35px;}
.box_btn.excel > *:before {top:50%; left:12px; width:19px; height:22px; margin-top:-11px; background-image:url('../images/i_excel2_bl.svg');}
.box_btn.excel > *:disabled:before {background-image:url('../images/i_excel2_gr.svg');}

@media (hover: hover) {
	.box_btn.polygon.hover > *:hover:before {background-image:url('../images/i_polygon_w.svg');}
}

/* 정렬 - 2개 */
.btn_col.col2:after {display:block; clear:both; content:'';}
.btn_col.col2 .box_btn {float:right; width:49%;}
.btn_col.col2 .box_btn:first-child {float:left;}



/* ------------------------------------------------------------------------- */
/* 1-3. table
/* ------------------------------------------------------------------------- */

table {table-layout:fixed; border-collapse:collapse; width:100%}
/* table caption {display:none;} */
table caption {
	position: absolute;
	left: -9999px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

table.toggle_view {display:none;}
table.toggle_view.active {display:table;}

/* 테이블 - 가로 */
.tbl_col > thead > tr > th {padding:14px 0; border:1px solid #e5e5e5; background:#fff; 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 > th {border:1px solid #e5e5e5; background:#fff; font-size:14px; text-align:center;}
.tbl_col > tbody > tr > th:first-child {border-left:0;}
.tbl_col > tbody > tr > th.tal {padding-left:10px;}
.tbl_col > tbody > tr > td {padding:14px 10px; border:1px solid #e5e5e5; background:#fff; color:var(--color-gray); font-size:16px; text-align:center; vertical-align:middle;}
.tbl_col > tbody > tr > td:first-child {border-left:0;}
.tbl_col > tbody > tr > td:last-child {border-right: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 > button {position:absolute; top:50%; left:36px; width:26px; height:26px; margin-top:-13px; border:1px solid #0676dd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#0676dd;}
.tbl_col > tbody > tr > td.addr > button:before {display:block; position:absolute; top:50%; left:50%; width:13px; height:13px; margin:-6.5px 0 0 -6.5px; background:url('../images/i_plus_wh.svg') no-repeat center/100% auto; content:'';}
.tbl_col > tbody > tr > td.addr.active > button {background:#fff;}
.tbl_col > tbody > tr > td.addr.active > button:before {background-image:url('../images/i_minus_bl.svg');}
.tbl_col > tbody > tr > td.type {padding:0; color:#000; text-align:center !important;}
.tbl_col > tbody > tr.total > td.addr {padding-left:37px; font-size:16px;}
.tbl_col > tbody > tr.total > td.addr > button {left:2px;}
.tbl_col > tbody > tr.dong > td.addr {background:none; font-weight:400; cursor:auto;}
.tbl_col > tbody > tr.now2 > th,
.tbl_col > tbody > tr.now2 > td {background:#fffaf2;}
.tbl_col > tbody > tr > td .maparea img {max-width:100%; height:auto;}

/* 테이블 - 세로 */
.tbl_row {}

/* 테이블 영역 */
.tableArea h4 {margin:40px 0 20px; font-size:18px;}
.tableArea h4.relative .subs {position:absolute; top:0; right:0; color:var(--color-gray); 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:right;}
.tableArea .tbl_col > tbody > tr > td:first-child {border-left:0;}

/*240903 추가*/
.tableArea .explanation,.tableArea2 .explanation{margin-top:8px; margin-bottom:5px;}
table.treetable tr.leaf span.indenter {display: block;}
#tableSpace2 .leaf .uPart{text-align:left;}


/* ------------------------------------------------------------------------- */
/* 1-4. tabmenu
/* ------------------------------------------------------------------------- */

/* 탭메뉴 - background */
ul.tab_common {display:flex; margin-left:-2px;}
ul.tab_common > li {flex:1; height:36px; margin-left:2px;}
ul.tab_common > li > button {display:block; width:100%; height:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#f9f9f9; color:var(--color-gray); font-size:14px; text-align:center; line-height:32px;}
ul.tab_common > li > button.active {background-color:#0676dd !important; color:#fff !important; font-weight:700;}
ul.tab_common.radius {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
ul.tab_common.shadow {-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);}
ul.tab_common.white > li > button {background-color:#fff; color:#222;}
@media (hover: hover) {
	ul.tab_common > li > button:hover {background-color:#0676dd !important; color:#fff !important; font-weight:700;}
}
/* 탭메뉴 - 뜨는 상권 */
ul.tab_district {margin-top:16px;}
/* 탭메뉴 - 뜨는 동네 (점포수, 매출, 유동인구, 주거인구) */
ul.tab_topmenu {margin-left:0; padding:1px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px;}
ul.tab_topmenu > li {height:84px; margin-left:0; padding:1px; -webkit-box-sizing:border-box; box-sizing:border-box;}
ul.tab_topmenu > li button {position:relative; width:100%; height:100%; padding:46px 0 14px; line-height:1.2; -webkit-box-sizing:border-box; box-sizing:border-box;}
ul.tab_topmenu > li button:before {display:block; position:absolute; top:14px; left:50%; width:22px; height:22px; margin-left:-11px; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
ul.tab_topmenu > li.store button:before {background-image:url('../images/i_store_gr.svg');}
ul.tab_topmenu > li.sales button:before {background-image:url('../images/i_sales_gr.svg');}
ul.tab_topmenu > li.floating button:before {background-image:url('../images/i_floating_gr.svg');}
ul.tab_topmenu > li.living button:before {background-image:url('../images/i_living_gr.svg');}
ul.tab_topmenu > li.store button.active:before {background-image:url('../images/i_store_w.svg');}
ul.tab_topmenu > li.sales button.active:before {background-image:url('../images/i_sales_w.svg');}
ul.tab_topmenu > li.floating button.active:before {background-image:url('../images/i_floating_w.svg');}
ul.tab_topmenu > li.living button.active:before {background-image:url('../images/i_living_w.svg');}
@media (hover: hover) {
	ul.tab_topmenu > li.store button:hover:before {background-image:url('../images/i_store_w.svg');}
	ul.tab_topmenu > li.sales button:hover:before {background-image:url('../images/i_sales_w.svg');}
	ul.tab_topmenu > li.floating button:hover:before {background-image:url('../images/i_floating_w.svg');}
	ul.tab_topmenu > li.living button:hover:before {background-image:url('../images/i_living_w.svg');}
}
/* 탭메뉴 - 업종 선택 참고, 지역 선택 참고 */
ul.tab_refer {padding:16px 20px 10px;}
ul.tab_refer > li {height:71px;}
ul.tab_refer > li button {position:relative; padding:42px 0 9px; line-height:1.2;}
ul.tab_refer > li button:before {display:block; position:absolute; left:50%; top:10px; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
ul.tab_refer > li.store button:before {width:22px; height:22px; margin-left:-11px; background-image:url('../images/i_store_gr.svg');}
ul.tab_refer > li.sales button:before {width:22px; height:22px; margin-left:-11px; background-image:url('../images/i_sales_gr.svg');}
ul.tab_refer > li.survive button:before {width:20px; height:22px; margin-left:-10px; background-image:url('../images/i_survive_gr.svg');}
ul.tab_refer > li.closed button:before {width:22px; height:22px; margin-left:-11px; background-image:url('../images/i_closed_gr.svg');}
ul.tab_refer > li.floating button:before {width:22px; height:22px; margin-left:-11px; background-image:url('../images/i_floating_gr.svg');}
ul.tab_refer > li.living button:before {width:22px; height:22px; margin-left:-11px; background-image:url('../images/i_living_gr.svg');}
ul.tab_refer > li.store button.active:before {background-image:url('../images/i_store_w.svg');}
ul.tab_refer > li.sales button.active:before {background-image:url('../images/i_sales_w.svg');}
ul.tab_refer > li.survive button.active:before {background-image:url('../images/i_survive_w.svg');}
ul.tab_refer > li.closed button.active:before {background-image:url('../images/i_closed_w.svg');}
ul.tab_refer > li.floating button.active:before {background-image:url('../images/i_floating_w.svg');}
ul.tab_refer > li.living button.active:before {background-image:url('../images/i_living_w.svg');}
@media (hover: hover) {
	ul.tab_refer > li.store button:hover:before {background-image:url('../images/i_store_w.svg');}
	ul.tab_refer > li.sales button:hover:before {background-image:url('../images/i_sales_w.svg');}
	ul.tab_refer > li.survive button:hover:before {background-image:url('../images/i_survive_w.svg');}
	ul.tab_refer > li.closed button:hover:before {background-image:url('../images/i_closed_w.svg');}
	ul.tab_refer > li.floating button:hover:before {background-image:url('../images/i_floating_w.svg');}
	ul.tab_refer > li.living button:hover:before {background-image:url('../images/i_living_w.svg');}
}

/* 탭메뉴 - underline */
ul.tab_common2 {display:flex; padding:0 20px;}
ul.tab_common2 > li {flex:1;}
ul.tab_common2 > li > button {display:block; width:100%; padding:10px 0; border-bottom:2px solid #f9f9f9; color:var(--color-gray); font-size:14px; text-align:center;}
ul.tab_common2 > li > button.active {color:#0676dd; border-color:#0676dd; font-weight:700;}
@media (hover: hover) {
	ul.tab_common2 > li > button:hover {color:#0676dd; border-color:#0676dd; font-weight:700;}
}
/* 탭메뉴 - 나는 사장 - 주소 검색 결과 */
ul.tab_address {margin:8px 0;}
.tabcnt_address .scroll_y {max-height:175px;}
/* 탭메뉴 - 상권정보 주제도 */
#districtThematic .tabcnt_thematic ul.tab_common2 {margin:6px 0 16px; padding:0;}

/* 탭메뉴 - border */
ul.tab_common3 {display:flex;}
ul.tab_common3 > li {flex:1; margin-left:-1px;}
ul.tab_common3 > li > button {display:block; width:100%; height:50px; border:1px solid #999; color:var(--color-gray); font-size:16px; line-height:48px; -webkit-box-sizing:border-box; box-sizing:border-box;}
ul.tab_common3 > li > button.active {position:relative; z-index:1; border-color:#0676dd; background:#0676dd; color:#fff; font-weight:700;}
@media (hover: hover) {
	ul.tab_common3 > li > button:hover {position:relative;z-index:1;/* border-color:#0676dd; *//* background:#0676dd; *//* color:#fff; */font-weight:700;}
}
/* 이용안내 */
ul.tab_useinfo {margin-bottom:50px;}

/* 스와이퍼 탭메뉴 */
.swiper-tabmenu {margin-bottom:19px !important;}
/** 20250527 추가 **/
.swiper-tabmenu .swiper-wrapper.swiper-flex {flex-wrap: wrap; gap: 5px;}
.swiper-tabmenu .swiper-wrapper .swiper-slide {flex:1;}
.swiper-tabmenu .swiper-wrapper .swiper-slide button {display:block; position:relative; width:100%; height:86px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#f9f9f9; align-items:baseline;}
.swiper-tabmenu .swiper-wrapper .swiper-slide button:before {display:block; position:absolute; left:50%; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
.swiper-tabmenu .swiper-wrapper .swiper-slide button.active {background-color:#0676dd; color:#fff; font-weight:700;}
.swiper-tabmenu .swiper-button {display:none;}
.swiper-tabmenu.swiper-container-horizontal {margin:0 -20px; padding-right:20px; padding-left:20px;}
/*
.swiper-tabmenu.swiper-container-horizontal:before {display:block; position:absolute; top:0; right:0; z-index:5; width:20px; height:86px; background:linear-gradient(to left,#f9f9f9 0,rgba(0,0,0,0) 100%); content:'';}
.swiper-tabmenu.swiper-container-horizontal:after {display:block; position:absolute; top:50%; right:7px; z-index:5; width:14px; height:7px; margin-top:-3.5px; background:url('../images/arrow_bottom_blue.svg') no-repeat center/100% auto; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg); content:'';}
*/
.swiper-tabmenu.swiper-container-horizontal .swiper-slide {flex:none;}
.swiper-tabmenu.swiper-container-horizontal .swiper-pagination {top:auto !important; bottom:0; left:50% !important; width:calc(100% - 40px) !important; height:1px !important; margin:1px 0; background:#eee !important; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
.swiper-tabmenu.swiper-container-horizontal .swiper-pagination-progressbar-fill {top:-1px !important; height:3px !important; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#999 !important;}
.swiper-tabmenu.swiper-container-horizontal .swiper-button {display:block; width:30px; height:30px; margin-top:-15px; border-radius:50%; background:#fff; -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.25); -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,0.25); box-shadow:0 2px 4px 0 rgba(0,0,0,0.25);}
.swiper-tabmenu.swiper-container-horizontal .swiper-button-prev {left:4px;}
.swiper-tabmenu.swiper-container-horizontal .swiper-button-next {right:4px;}
.swiper-tabmenu.swiper-container-horizontal .swiper-button:before {display:block; position:absolute; top:50%; left:50%; width:14px; height:7px; margin:-3.5px 0 0 -7px; background:url('../images/arrow_bottom_blue.svg') no-repeat center/100% auto; content:'';}
.swiper-tabmenu.swiper-container-horizontal .swiper-button-prev:before {-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);}
.swiper-tabmenu.swiper-container-horizontal .swiper-button-next:before {-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg);}
.swiper-tabmenu.swiper-container-horizontal .swiper-button.swiper-button-disabled {display:none;}
/* 스와이퍼 탭메뉴 - 창업신호등 */
.tab_trend .swiper-wrapper .swiper-slide button {padding:42px 5px 0;}
.tab_trend .swiper-wrapper .swiper-slide button:before {top:10px;}
.tab_trend .swiper-wrapper .swiper-slide.light button:before {width:22px; height:22px; margin-left:-11px; background-image:url('../images/i_light.svg');}
.tab_trend .swiper-wrapper .swiper-slide.vitalDistrict button:before {width:22px; height:22px; margin-left:-11px; background-image:url('../images/i_vitalDistrict.svg');}
.tab_trend .swiper-wrapper .swiper-slide.vitalTrip button:before {width:22px; height:22px; margin-left:-11px; background-image:url('../images/i_vitalTrip.svg');}
.tab_trend .swiper-wrapper .swiper-slide.gentri button:before {width:24px; height:22px; margin-left:-12px; background-image:url('../images/i_gentri.svg');}
.tab_trend .swiper-wrapper .swiper-slide.credit button:before {width:22px; height:22px; margin-left:-11px; background-image:url('../images/i_credit.svg');}
.tab_trend .swiper-wrapper .swiper-slide.light button.active:before {background-image:url('../images/i_light_w.svg');}
.tab_trend .swiper-wrapper .swiper-slide.vitalDistrict button.active:before {background-image:url('../images/i_vitalDistrict_w.svg');}
.tab_trend .swiper-wrapper .swiper-slide.vitalTrip button.active:before {background-image:url('../images/i_vitalTrip_w.svg');}
.tab_trend .swiper-wrapper .swiper-slide.gentri button.active:before {background-image:url('../images/i_gentri_w.svg');}
.tab_trend .swiper-wrapper .swiper-slide.credit button.active:before {background-image:url('../images/i_credit_w.svg');}
/* 스와이퍼 탭메뉴 - 상권정보 주제도 */
.tab_thematic .swiper-wrapper .swiper-slide button {padding:49px 0 17px;}
.tab_thematic .swiper-wrapper .swiper-slide button:before {top:17px;}
.tab_thematic .swiper-wrapper .swiper-slide.change button:before {width:22px; height:22px; margin-left:-11px; background-image:url('../images/i_change.svg');}
.tab_thematic .swiper-wrapper .swiper-slide.type button:before {width:24px; height:22px; margin-left:-12px; background-image:url('../images/i_type.svg');}
.tab_thematic .swiper-wrapper .swiper-slide.sales button:before {width:22px; height:22px; margin-left:-11px; background-image:url('../images/i_sales2.svg');}
.tab_thematic .swiper-wrapper .swiper-slide.population button:before {width:27px; height:22px; margin-left:-13.5px; background-image:url('../images/i_population.svg');}
.tab_thematic .swiper-wrapper .swiper-slide.area button:before {width:22px; height:22px; margin-left:-11px; background-image:url('../images/i_area2.svg');}
.tab_thematic .swiper-wrapper .swiper-slide.change button.active:before {background-image:url('../images/i_change_w.svg');}
.tab_thematic .swiper-wrapper .swiper-slide.type button.active:before {background-image:url('../images/i_type_w.svg');}
.tab_thematic .swiper-wrapper .swiper-slide.sales button.active:before {background-image:url('../images/i_sales2_w.svg');}
.tab_thematic .swiper-wrapper .swiper-slide.population button.active:before {background-image:url('../images/i_population_w.svg');}
.tab_thematic .swiper-wrapper .swiper-slide.area button.active:before {background-image:url('../images/i_area2_w.svg');}

/* 탭컨텐츠 - 공통 */
.tabcnt_common {display:none;}
.tabcnt_common.active {display:block;}
/* 탭컨텐츠 - 뜨는 상권 */
.tabcnt_district {margin-top:10px;}
/* 탭컨텐츠 - 점포위치 */
.tabcnt_address > .scroll_y > .mCustomScrollBox > .mCSB_scrollTools {right:16px;}
/* 탭컨텐츠 - 나는 사장 - 업종 선택 */
.tabcnt_type > .scroll_y {max-height:168px;}


/* ------------------------------------------------------------------------- */
/* 1-5. list
/* ------------------------------------------------------------------------- */

/* 데이터리스트 - 상세조회 */
dl.datalist_analysis dt {padding:16px 0 8px; font-size:14px; font-weight:500;}
dl.datalist_analysis dt.relative > * {position:absolute; right:0; top:8px; color:var(--color-gray); font-weight:400;}
dl.datalist_analysis dd select + select {margin-top:8px;}
/* 스크롤 영역 */
.mCSB_container > dl.datalist_analysis {padding:0 20px;}
/* 뜨는 상권 */
#districtBest dl.datalist_analysis dt {padding-top:8px;}
/* 나는 사장 */
#districtBusiness dl.datalist_analysis {padding:0 20px;}
/* 나도 곧 사장 */
#districtStart dl.datalist_analysis {padding:0 20px;}

/* 데이터리스트 - 셀렉트 모양 */
dl.select_type {position:relative;}
dl.select_type > dt {position:relative; height:36px; padding:0 40px 0 20px; background:#fff; font-size:14px; line-height:36px; cursor:pointer; -webkit-box-sizing:border-box; box-sizing:border-box;}
dl.select_type > dt:before {display:block; position:absolute; right:20px; top:50%; width:10px; height:5px; margin-top:-2.5px; background:url('../images/arrow_bottom.svg') no-repeat center/100% auto; content:'';}
dl.select_type > dt.active:before {-webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); transform:rotateX(180deg);}
dl.select_type > dd {position:absolute; left:0; top:46px; width:100%; background:#fff;}
dl.select_type > dd a {display:block; height:30px; padding:6px 10px; font-size:14px; line-height:28px;}
dl.select_type > dd a:first-child {margin-top:8px;}
dl.select_type > dd a:last-child {margin-bottom:8px;}
dl.select_type > dd a.active {background:#f1f1f1;}
@media (hover: hover) {
	dl.select_type > dd a:hover {background:#f1f1f1;}
}
/* 데이터리스트 - 셀렉트 모양 - 모양 */
dl.select_type.radius {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
dl.select_type.radius > dt {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
dl.select_type.radius > dd {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
/* 데이터리스트 - 셀렉트 모양 - 그림자 */
dl.select_type.shadow {-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);}
/* 데이터리스트 - 셀렉트 모양 - 색상 */
dl.select_type.blue > dt {color:#0676dd;}
dl.select_type.blue > dt:before {background-image:url('../images/arrow_bottom_blue.svg');}
dl.select_type.transparent > dt {border-bottom:1px solid rgba(255,255,255,0.5); background:transparent; color:#fff;}
dl.select_type.transparent > dt:before {background-image:url('../images/arrow_bottom_w.svg');}

/* 데이터리스트 - 타이틀 + 내용 */
dl.select_type2 {position:relative; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
dl.select_type2 > dt {position:relative; height:36px; padding:0 40px 0 42px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; font-size:14px; font-weight:500; line-height:36px; cursor:pointer; -webkit-box-sizing:border-box; box-sizing:border-box;}
dl.select_type2 > dt:before {display:block; position:absolute; right:20px; top:50%; width:10px; height:5px; margin-top:-2.5px; background:url('../images/arrow_bottom.svg') no-repeat center/100% auto; content:'';}
dl.select_type2 > dt:after {display:block; position:absolute; left:20px; top:50%; width:14px; height:14px; margin-top:-7px; background-repeat:no-repeat; background-size:100% auto; content:'';}
dl.select_type2 > dt.active {-webkit-border-bottom-left-radius:0; -moz-border-bottom-left-radius:0; border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-bottom-right-radius:0; border-bottom-right-radius:0;}
dl.select_type2 > dt.active:before {-webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); transform:rotateX(180deg);}
dl.select_type2 > dd {position:relative; padding:8px 0; background:#fff;}
dl.select_type2 > dd:before {display:block; position:absolute; left:50%; top:0; width:calc(100% - 40px); height:1px; background:#ddd; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%); content:'';}
dl.select_type2 > dd.active {-webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}
dl.select_type2.shadow {-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);}
/* 뜨는 상권 - 상세조회 */
dl.select_type2.detAnalysis {-webkit-border-top-left-radius:0; -moz-border-top-left-radius:0; border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-top-right-radius:0; border-top-right-radius:0;}
dl.select_type2.detAnalysis > dt {-webkit-border-top-left-radius:0; -moz-border-top-left-radius:0; border-top-left-radius:0; -webkit-border-top-right-radius:0; -moz-border-top-right-radius:0; border-top-right-radius:0;}
dl.select_type2.detAnalysis > dt:after {background-image:url('../images/i_detAnalysis.svg');}
dl.select_type2.detAnalysis > dd .scroll_y {max-height:200px;}
dl.select_type2.detAnalysis > dd .scroll_y > .mCustomScrollBox > .mCSB_scrollTools {right:5px;}
dl.select_type2.detAnalysis > dd .btn_col {margin:24px 20px 22px;}
/* 순위 Top 10 */
dl.select_type2.ranking {margin-top:10px; -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);}
dl.select_type2.ranking.store > dt:after {background-image:url('../images/i_store.svg');}
dl.select_type2.ranking.sales > dt:after {background-image:url('../images/i_sales.svg');}
dl.select_type2.ranking.floating > dt:after {background-image:url('../images/i_floating.svg');}
dl.select_type2.ranking.living > dt:after {background-image:url('../images/i_living.svg');}
dl.select_type2.ranking.floating .list_ranking > li .subject,
dl.select_type2.ranking.living .list_ranking > li .subject {width:45%;}
dl.select_type2.ranking.floating .list_ranking > li .value,
dl.select_type2.ranking.living .list_ranking > li .value {width:21%;}
dl.select_type2.ranking.floating .list_ranking > li .inde,
dl.select_type2.ranking.living .list_ranking > li .inde {width:24%;}

/* 데이터리스트 - 순위 Top10 */
dl.datalist_ranking > dt {margin:16px 0;}
dl.datalist_ranking > dt > p {color:#e02171; font-size:14px; font-weight:500;}
dl.datalist_ranking > dt > p span {color:inherit; font-size:inherit; font-weight:inherit;}
dl.datalist_ranking > dt > p span + span {position:relative; padding-left:8px;}
dl.datalist_ranking > dt > p span + span:before {display:block; position:absolute; left:3px; top:8px; width:3px; height:3px; border-radius:50%; background:#e02171; content:'';}

/** 20240805 사이트점검 **/
dl.datalist_ranking > dt.relative > .standard {display:block;margin-top:5px;color: var(--color-gray);font-size:12px;font-weight:400;text-align:right;}

dl.datalist_ranking > dd {padding-bottom:12px;}
dl.datalist_ranking > dd > .scroll_y {max-height:350px;}
dl.datalist_ranking > dd > .scroll_y > .mCustomScrollBox > .mCSB_scrollTools {right:5px;}
/* 뜨는 상권 */
#districtBest dl.datalist_ranking > dt {margin-right:20px; margin-left:20px;}

/* 데이터리스트 - 주소 검색 */
dl.datalist_search dt {padding:8px 20px; color:#0676dd; font-size:14px;}

/* 데이터리스트 - 분석영역 - 보행시간, 보행거리 */
dl.datalist_distance {padding:0 20px;}
dl.datalist_distance dt {padding:16px 0; font-size:14px; font-weight:500;}
dl.datalist_distance dd p.unit {padding:16px 0 24px; font-size:20px; font-weight:500; text-align:center;}
dl.datalist_distance dd p.unit output {display:block; font-size:60px; font-weight:500; line-height:1; letter-spacing:-2px;}
dl.datalist_distance dd p.unit .output {display:block; font-size:60px; font-weight:500; line-height:1; letter-spacing:-2px;}
dl.datalist_distance dd .motion {position:relative; border-radius:50%; -webkit-box-sizing:border-box; box-sizing:border-box;}
dl.datalist_distance dd .motion > p {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:50%;}
dl.datalist_distance dd .motion > p:before {display:block; position:absolute; top:50%; left:50%; width:38px; height:80px; margin:-40px 0 0 -19px; background:url('../images/i_walk0.svg') no-repeat center/100% auto; content:'';}
dl.datalist_distance dd .motion > p.second:before {width:54px; margin-left:-27px; background-image:url('../images/i_walk1.svg');}
dl.datalist_distance dd .motion > p.third:before {width:54px; margin-left:-27px; background-image:url('../images/i_walk2.svg');}
dl.datalist_distance dd .num {width:100%; text-align:center;}

/** 20240805 사이트점검 **/
dl.datalist_distance dd .num span {color:var(--color-gray);font-weight:500;}
dl.datalist_distance dd .direct_input {margin-top:10px;}
dl.datalist_distance dd > .motion {width:160px; height:160px; margin:0 auto 40px; border:1px dashed #ddd;}
dl.datalist_distance dd > .num {position:relative;margin-top: 16px;}
dl.datalist_distance dd > .num span {font-size:10px; padding-top:10px;}
dl.datalist_distance dd > .num .min {position:absolute; top:0; left:0;}
dl.datalist_distance dd > .num .max {position:absolute; top:0; right:0;}
dl.datalist_distance dd > .num .avg {display:inline-block; position:relative; /*padding-top:18px;*/}
dl.datalist_distance dd > .num span:before {display:block; position:absolute; top:0; left:50%;width:1px;height:6px;margin-left:-0.5px; background:var(--color-gray); content:'';}


dl.datalist_distance dd .roundRange {position:relative; margin:118px 0 64px; padding:0 35px;}
dl.datalist_distance dd .roundRange .num span {position:absolute;}
dl.datalist_distance dd .roundRange .num span:before {display:block; position:absolute; background:#ddd; content:'';}
dl.datalist_distance dd .roundRange .num .min {top:50%; right:-3px; padding-left:14px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
dl.datalist_distance dd .roundRange .num .min:before {top:50%; left:0; width:10px; height:1px; margin-top:-0.5px;}
dl.datalist_distance dd .roundRange .num .avg {bottom:-40px; left:50%; padding-top:14px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
dl.datalist_distance dd .roundRange .num .avg:before {top:0; left:50%; width:1px; height:10px; margin-left:-0.5px;}
dl.datalist_distance dd .roundRange .num .max {top:50%; left:-9px; padding-right:14px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
dl.datalist_distance dd .roundRange .num .max:before {top:50%; right:0; width:10px; height:1px; margin-top:-0.5px;}
dl.datalist_distance dd .roundRange .num span.active {color:#0676dd;}
dl.datalist_distance dd .roundRange .motion {position:absolute; top:50%; left:50%; z-index:10; width:190px; height:190px; margin:-95px 0 0 -95px;}

/* 리스트 - number */
ol.list_num {counter-reset:txtnum 0;}
ol.list_num > li {position:relative; padding:5px 0 5px 15px; color:#000;}
ol.list_num > li:before {display:block; position:absolute; top:5px; left:0; color:#000; font-size:12px; content:counter(txtnum) '.'; counter-increment:txtnum 1;}

ol.list_num2 {counter-reset:txtnum 0;}
ol.list_num2 > li > dl > dt {position:relative;}
ol.list_num2 > li > dl > dt:before {display:block; position:absolute; top:0; left:0; content:counter(txtnum); counter-increment:txtnum 1;}

ol.list_num3 {counter-reset:txtnum 0;}
ol.list_num3 > li {position:relative; padding-left:16px;}
ol.list_num3 > li:before {display:block; position:absolute; top:0; left:0; content:counter(txtnum) ')'; counter-increment:txtnum 1;}

/* 리스트 - bullet */
ul.list_bullet > li {position:relative; padding-left:14px; line-height:2;}
ul.list_bullet > li:before {display:block; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background:#222; content:'';}

ul.list_bullet2 > li {position:relative; padding-left:10px;}
ul.list_bullet2 > li:before {display:block; position:absolute; top:7px; left:0; width:5px; height:1px; background:#999; content:'';}

p.p_bullet {position:relative; padding-left:14px; line-height:2;}
p.p_bullet:before {display:block; position:absolute; top:10px; left:0; width:4px; height:4px; border-radius:50%; background:#222; content:'';}
p.p_bullet.bl {color:#0676dd;}
p.p_bullet.bl:before {background:#0676dd;}

/* 리스트 - box */
ul.list_box > li {border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff;}

/* 리스트 - 가로 정렬 */
ul.list_col {font-size:0;}
ul.list_col > li {display:inline-block; *display:inline; *zoom:1; vertical-align:top;}

/* 리스트 - 사각형 버튼 */
ul.list_rect {font-size:0;}
ul.list_rect > li {display:inline-block; *display:inline; *zoom:1; height:40px; margin-left:-1px; text-align:center; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box;}
ul.list_rect > li:first-child {margin-left:0;}
ul.list_rect > li > button {display:block; width:100%; height:100%; padding:12px 0; border:1px solid #ddd; background-color:#fff; color:var(--color-gray); -webkit-box-sizing:border-box; box-sizing:border-box;}
ul.list_rect > li > button.active {position:relative; z-index:5; border-color:#0676dd; color:#0676dd;}
@media (hover: hover) {
	ul.list_rect > li > button:hover {position:relative; z-index:5; border-color:#0676dd; color:#0676dd;}
}
/* 리스트 - 사각형 버튼 - 가로 개수 */
ul.list_rect.col2 > li {width:calc(50% + 1px);}
ul.list_rect.col2 > li:first-child {width:50%;}
ul.list_rect.col3 > li {width:calc(33.33% + 1px);}
ul.list_rect.col3 > li:first-child {width:33.33%;}
ul.list_rect.col4 > li {width:calc(25% + 1px);}
ul.list_rect.col4 > li:first-child {width:25%;}
ul.list_rect.col5 > li {width:calc(20% + 1px);}
ul.list_rect.col5 > li:first-child {width:20%;}
/* 리스트 - 사각형 버튼 - 텍스트 줄 */
ul.list_rect.row2 > li {height:52px;}
ul.list_rect.row2 > li > button {padding:11px 0;}
/* 리스트 - 사각형 버튼 - 모양 */
ul.list_rect.radius {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
ul.list_rect.radius > li:first-child > button {-webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px;}
ul.list_rect.radius > li:last-child > button {-webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}
/* 리스트 - 사각형 버튼 - 아이콘 */
ul.list_rect.icon > li {height:64px;}
ul.list_rect.icon > li > button {position:relative; padding:39px 0 8px;}
ul.list_rect.icon > li > button:before {display:block; position:absolute; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
/* 리스트 - 사각형 버튼 - 업종 */
ul.tab_type {margin-bottom:16px;}
ul.tab_type > li.all > button:before {top:10px; left:50%; width:20px; height:20px; margin-left:-10px; background-image:url('../images/i_type_all.svg');}
ul.tab_type > li.all > button.active:before {background-image:url('../images/i_type_all_b.svg');}
ul.tab_type > li.restaurant > button:before {top:10px; left:50%; width:20px; height:20px; margin-left:-10px; background-image:url('../images/i_type_restaurant.svg');}
ul.tab_type > li.restaurant > button.active:before {background-image:url('../images/i_type_restaurant_b.svg');}
ul.tab_type > li.service > button:before {top:10px; left:50%; width:20px; height:20px; margin-left:-10px; background-image:url('../images/i_type_service.svg');}
ul.tab_type > li.service > button.active:before {background-image:url('../images/i_type_service_b.svg');}
ul.tab_type > li.retail > button:before {top:10px; left:50%; width:21px; height:20px; margin-left:-10.5px; background-image:url('../images/i_type_retail.svg');}
ul.tab_type > li.retail > button.active:before {background-image:url('../images/i_type_retail_b.svg');}
@media (hover: hover) {
	ul.tab_type > li.all > button:hover:before {background-image:url('../images/i_type_all_b.svg');}
	ul.tab_type > li.restaurant > button:hover:before {background-image:url('../images/i_type_restaurant_b.svg');}
	ul.tab_type > li.service > button:hover:before {background-image:url('../images/i_type_service_b.svg');}
	ul.tab_type > li.retail > button:hover:before {background-image:url('../images/i_type_retail_b.svg');}
}

/* 리스트 - 순위 Top 10 */
ul.list_ranking > li + li {border-top:1px solid #ddd;}
ul.list_ranking > li a {display:block; padding:8px 0; font-size:0;}
ul.list_ranking > li span {display:inline-block; *display:inline; *zoom:1; font-size:14px; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box;}
ul.list_ranking > li .num {width:8%;}
ul.list_ranking > li .subject {overflow:hidden; width:39%; padding-right:16px; text-overflow:ellipsis; white-space:nowrap;}
ul.list_ranking > li .subject .icon {display:inline-block; position:relative; width:34px; height:18px; margin-right:8px; line-height:18px; -webkit-box-sizing:border-box; box-sizing:border-box;}
ul.list_ranking > li .subject .icon:before {display:block; position:absolute; width:100%; height:100%; color:#fff; font-family:'Roboto', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', Sans-serif; font-size:12px; line-height:18px; text-align:center;}
ul.list_ranking > li .subject .icon.develop:before {background:#e02171; content:'발달';}
ul.list_ranking > li .subject .icon.byway:before {background:#3446f0; content:'골목';}

/** 20240805 사이트점검 **/
ul.list_ranking > li .subject .icon.tradition:before {background: #30AB08;content:'전통';}

ul.list_ranking > li .value {width:30%; padding-right:20px; font-weight:500; text-align:right;}
ul.list_ranking > li .inde {position:relative; width:23%; padding:0 18px 0 0 !important; color:#e02171; text-align:right;}
ul.list_ranking > li .inde:before {display:block; position:absolute; right:0; left:auto !important; top:50%; width:8px; height:8px; margin-top:-4px; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
ul.list_ranking > li .inde.in:before {background-image:url('../images/i_increase.svg');}
ul.list_ranking > li a.active .num,
ul.list_ranking > li a.active .subject {color:#0676dd; font-weight:500;}
ul.list_ranking > li a.active .subject .icon:before {font-weight:400;}
@media (hover: hover) {
	ul.list_ranking > li a:hover .num,
	ul.list_ranking > li a:hover .subject {color:#0676dd; font-weight:500;}
	ul.list_ranking > li a:hover .subject .icon:before {font-weight:400;}
}
/* 뜨는 상권 */
#districtBest ul.list_ranking {padding:0 20px;}
/* 나도 곧 사장 */
#districtStart ul.list_ranking {padding:0 20px;}
#districtStart ul.list_ranking > li .subject {width:30%;}
#districtStart ul.list_ranking > li .value {width:29%;}
#districtStart ul.list_ranking > li .inde {width:33%;}

/* 리스트 - 업종 */
ul.list_type {margin:-4px 0 0 -2px; font-size:0;}
ul.list_type > li {display:inline-block; *display:inline; *zoom:1; width:calc(33.33% - 2px); margin:4px 0 0 2px; text-align:center; vertical-align:top;}
ul.list_type > li > button {width:100%; height:38px; margin:0 auto; padding:0 4px; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff; color:var(--color-gray); font-weight:500;text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;}
ul.list_type > li > button.active {border-color:#0676dd; background-color:#0676dd; color:#fff;}
@media (hover: hover) {
	ul.list_type > li > button:hover {border-color:#0676dd; background-color:#0676dd; color:#fff;}
}

/* 리스트 - 검색 결과 */
ul.list_search > li > a {display:block; position:relative; padding:10px 40px; font-size:14px;}
ul.list_search > li > a:focus-visible {background:#f1f1f1; outline:0;}
ul.list_search > li > a:before {display:block; position:absolute; left:20px; top:50%; width:12px; height:15px; margin-top:-7.5px; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
ul.list_search > li > a.addr:before {background-image:url('../images/i_address2.svg');}
ul.list_search > li > a.place:before {background-image:url('../images/i_place.svg');}
ul.list_search > li > a.active {background:#f1f1f1;}
@media (hover: hover) {
	ul.list_search > li > a:hover {background:#f1f1f1;}
}

/* 리스트 - 비교담기 */
ul.list_compare > li {position:relative; padding:16px 26% 16px 0; border-bottom:1px solid #eee; font-size:0;}
ul.list_compare > li > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
ul.list_compare > li button {position:absolute; top:50%; right:0; width:16px; height:16px; margin-top:-24px; padding:16px 12px; background-repeat:no-repeat; background-size:16px auto; background-position:center; -webkit-box-sizing:content-box; box-sizing:content-box;}
ul.list_compare > li .view {right:28px; background-image:url('../images/i_reportView.svg');}
ul.list_compare > li .delete {right:-12px; background-image:url('../images/i_trash.svg');}

/* 리스트 - 리포트 항목 */
ul.list_reportItem > li {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
ul.list_reportItem > li.summary {margin-bottom:16px; font-size:22px; font-weight:700;}
ul.list_reportItem > li.summary strong {color:#0676dd; font-size:inherit;}
ul.list_reportItem > li.contrast {margin-bottom:8px; padding:12px 0 10px; border:1px solid #ddd; font-size:0; text-align:center;}
ul.list_reportItem > li.contrast > p {display:inline-block; *display:inline; *zoom:1; font-size:0; vertical-align:middle;}
ul.list_reportItem > li.contrast > p + p {margin-left:24px;}
ul.list_reportItem > li.contrast > p > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
ul.list_reportItem > li.contrast > p span {margin-right:8px; color:var(--color-gray); font-size:14px;}
ul.list_reportItem > li.contrast > p strong {padding-left:14px; background-repeat:no-repeat; background-position:left center; background-size:10px auto; font-size:16px; font-weight:500;}
ul.list_reportItem > li.contrast > p strong.increase {background-image:url('../images/i_increase.svg'); color:#e02171;}
ul.list_reportItem > li.contrast > p strong.decrease {background-image:url('../images/i_decrease.svg'); color:#0676dd;}
ul.list_reportItem > li.detail {margin-bottom:24px; padding:20px; border:1px solid #ddd; font-size:14px; line-height:1.4;}
ul.list_reportItem > li.detail strong {color:#0676dd; font-size:inherit; font-weight:500;}
ul.list_reportItem > li.graph {position:relative; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
ul.list_reportItem > li.graph .area + .area {margin-top:10px;}
ul.list_reportItem > li.graph .area.col {border:0; font-size:0;}
ul.list_reportItem > li.graph .area.col > div {display:inline-block; *display:block; *zoom:1; vertical-align:top;}
ul.list_reportItem > li.graph .area.col .chartArea p.title {left:0; width:100%; text-align:center;}
ul.list_reportItem > li.graph .area.col2 {margin-left:-10px;}
ul.list_reportItem > li.graph .area.col2 > div {width:calc(50% - 10px); margin-left:10px;}
ul.list_reportItem > li.graph .selectDistrict {min-height:200px;}
ul.list_reportItem > li.graph .selectDistrict .legend {margin-left:-10px; padding-bottom:20px; font-size:0; text-align:center;}
ul.list_reportItem > li.graph .selectDistrict .legend li {display:inline-block; *display:inline; *zoom:1; position:relative; margin-left:10px; padding-left:14px; font-size:10px; vertical-align:middle;}
ul.list_reportItem > li.graph .selectDistrict .legend li span {position:absolute;top:50%;left:0;width:10px;height:10px;margin-top:-5px;border-radius:50%;/* background-size: cover; */background-position: center;}

.siBtnColor{
	background-image: url('../images/chart_si.svg');
}
.guBtnColor{
	background-image:url('../images/chart_gu.svg');
}
.dongBtnColor {
	background-image:url('../images/chart_dong.svg');
}

.siBtnColor2 {
	background-image:url('../images/chart_line_si.svg'); border: 1px solid #666; 
}
.guBtnColor2 {
	background-image:url('../images/chart_line_gu.svg'); border: 1px solid #666; 
}
.dongBtnColor2 {
	background-image:url('../images/chart_line_dong.svg'); border: 1px solid #666; 
}

ul.list_reportItem > li.graph .selectDistrict .chart {position:relative; height:198px;}
ul.list_reportItem > li.graph .selectDistrict .chart > div {position:absolute;top:50%;left:50%;background-repeat:no-repeat;background-position:center;background-size:100% auto;color: #fff;font-weight:500;text-align:center;line-height:2;}
ul.list_reportItem > li.graph .selectDistrict .chart > div.si {width:210px; height:198px; margin:-99px 0 0 -105px; background-image:url('../images/chart_si.svg');}
ul.list_reportItem > li.graph .selectDistrict .chart > div.gu {width:159px; height:148px; margin:-74px 0 0 -79.5px; background-image:url('../images/chart_gu.svg');}
ul.list_reportItem > li.graph .selectDistrict .chart > div.dong {width:110px; height:100px; margin:-50px 0 0 -55px; background-image:url('../images/chart_dong.svg'); line-height:2.5;}
ul.list_reportItem > li.graph .selectDistrict .chart > div.select {width:50px; height:44px; margin:-22px 0 0 -25px; background-image:url('../images/chart_select.svg'); line-height:44px;}

ul.list_reportItem > li.graph .selectDistrict .chart > div.si2 {width:210px;height:198px;margin:-99px 0 0 -105px;background-image:url('../images/chart_line_si.svg'); }
ul.list_reportItem > li.graph .selectDistrict .chart > div.gu2 {width:159px; height:148px; margin:-74px 0 0 -79.5px; background-image:url('../images/chart_line_gu.svg'); }
ul.list_reportItem > li.graph .selectDistrict .chart > div.dong2 {width:110px; height:100px; margin:-50px 0 0 -55px; background-image:url('../images/chart_line_dong.svg'); line-height:2.5;}

/* <2025.12.05> 분석리포트 점포수 현황 그래프 패턴 레이블 배경 진하게 수정*/
ul.list_reportItem > li.graph .selectDistrict .chart > div.si2,ul.list_reportItem > li.graph .selectDistrict .chart > div.gu2,ul.list_reportItem > li.graph .selectDistrict .chart > div.dong2 {
 font-weight:bold; color:#000;
 text-shadow:
 	-2px 0 4px #fff, 0 2px 4px #fff, 2px 0 4px #fff, 0 -2px 4px #fff,
 	-3px 0 4px #fff, 0 3px 4px #fff, 3px 0 4px #fff, 0 -3px 4px #fff,
 	-4px 0 4px #fff, 0 4px 4px #fff, 4px 0 4px #fff, 0 -4px 4px #fff;
}

ul.list_reportItem > li.graph + li.graph {margin-top:14px;}
ul.list_reportItem > li.table table {width:100%;}
ul.list_reportItem > li.table table caption {display:block; padding:24px 0 8px; font-size:16px; font-weight:500; text-align:left;}
ul.list_reportItem > li.table table tbody tr th,
ul.list_reportItem > li.table table tbody tr td {padding:10px; border:1px solid #ddd; font-size:14px; vertical-align:middle;}
ul.list_reportItem > li.table table tbody tr th {background:#f9f9f9; font-weight:500; text-align:left;}
ul.list_reportItem > li.table table tbody tr td {text-align:right;}
ul.list_reportItem > li.table2 table tbody tr td {padding-right:0;}

.btn_compare{display:none;}

/* ------------------------------------------------------------------------- */
/* 1-6. box
/* ------------------------------------------------------------------------- */

/* input text */
.box_input {position:relative; height:36px; border:1px solid #ddd; -webkit-box-sizing:border-box; box-sizing:border-box;}
.box_input input[type="text"] {width:100%; height:100%; border:0; color:#0676dd; font-size:12px; font-weight:500; text-align:center; line-height:34px;}
.box_input span.unit {position:absolute; right:0; top:0; padding:0 10px; color:#0676dd; font-weight:500; line-height:34px;}
.box_input.radius {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.box_input.radius input[type="text"] {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
/* input - 검색 */
.box_search {position:relative; height:36px; padding-right:36px; border:1px solid #ddd;}
.box_search input[type="text"] {width:100%; height:100%; border:0;}
.box_search input[type="button"] {position:absolute; right:0; top:0; width:17px; height:16px; padding:10px; border:0; background:url('../images/search.svg') no-repeat center/17px auto; color:transparent; font-size:0;}
/* .box_search input[type="button"]:focus:not(:focus-visible) {outline:0;} */
.box_search button.delete {display:none; position:absolute; top:0; right:0; width:16px; height:16px; padding:10px; background:url('../images/close.svg') no-repeat center/16px auto; -webkit-box-sizing:content-box; box-sizing:content-box;}
.box_search.radius {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.box_search.radius input[type="text"] {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
/* 나는 사장 */
#districtBusiness .box_search {margin:0 20px;}
#districtBusiness .box_search + p {margin:8px 20px 0;}
/* input - checkbox */
.box_checkbox {margin-top:10px;}
dl.datalist_analysis + .box_checkbox {padding:0 20px;}

/* select - 2개 정렬 */
.box_select.col2 {margin-left:-10px; font-size:0;}
.box_select.col2 > select {display:inline-block; *display:inline; *zoom:1; width:calc(50% - 10px); margin:0 0 0 10px; vertical-align:middle;}
/* select - dash */
.box_select + .dash {height:25px; font-size:16px; line-height:25px;}

/* ------------------------------------------------------------------------- */
/* 1-7. layer
/* ------------------------------------------------------------------------- */

.layer_common {display:none; position:absolute; z-index:45; background:#fff;}
.layer_common .titleArea {position:relative; margin:0 20px 8px; padding:16px 34px 16px 0; border-bottom:1px solid #eee;}
.layer_common .titleArea p {color:#0676dd; font-size:18px; font-weight:700;}
.layer_common .titleArea .close {position:absolute; right:-20px; top:0; width:14px; height:14px; padding:20px; background:url('../images/close.svg') no-repeat center/14px auto; color:transparent; font-size:0; -webkit-box-sizing:content-box; box-sizing:content-box;}
.layer_common .inner {padding:0 20px;}
.layer_common .btn {padding:0 20px 30px;}
.layer_common.active {display:block;}

/* 레이어 - 회원가입 안내 */
.layer_login {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_login strong {display:block; padding:20px 0 10px; color:#000; font-size:14px;}
.layer_login .box_btn {margin-bottom:10px;}

/* 레이어 - 메인 공지사항 */
.layer_mainNoti {position:fixed; top:50%; left:50%; width:500px; margin-left:-250px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.layer_mainNoti .scroll_y {max-height:300px;}
.layer_mainNoti strong {display:block; padding:20px 0 10px; color:#000; font-size:14px;}
.layer_mainNoti .btn {position:relative; padding:20px; border-top:1px solid var(--bd-gray); background:var(--bg-gray);}
.layer_mainNoti .btn .box_checkbox {margin-top:0;}
.layer_mainNoti .btn .box_checkbox input + label {height:20px; padding-left:30px; color:var(--color-gray2); font-size:16px; line-height:20px; letter-spacing:-0.02rem;}
.layer_mainNoti .btn .box_checkbox input + label:before {width:20px; height:20px; background-size:20px auto;}
.layer_mainNoti .btn button.close {position:absolute; top:50%; right:20px; padding:0 12px 0 38px; font-size:18px; letter-spacing:-0.02rem; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
.layer_mainNoti .btn button.close:before {display:block; position:absolute; top:50%; left:12px; width:14px; height:14px; margin-top:-7px; background:url('./../images/close.svg') no-repeat center/100% auto; content:'';}

/* 레이어 - 도움말 */
.layer_help {position:fixed; top:50%; left:50%; width:1000px; height:820px; margin:-410px 0 0 -500px;}
.layer_help .titleArea {margin-bottom:24px;}
.layer_help .tab_help {margin:1px 0 0 1px; padding:0 20px; font-size:0;}
.layer_help .tab_help li {display:inline-block; width:calc(33.33% + 1px); margin:-1px 0 0 -1px; vertical-align:top;}
.layer_help .tab_help li button {width:100%; height:50px; border:1px solid #ddd; color:var(--color-gray); font-size:16px; letter-spacing:-0.015rem;}
.layer_help .tab_help li button.active {position:relative; z-index:1; border-color:#0676dd; background:#0676dd; color:#fff; font-weight:700;}
.layer_help .tabcnt_common .btn {position:relative; padding:17px 20px;}
.layer_help .tabcnt_common .btn .box_btn {position:absolute; top:17px; right:20px;}
.layer_help .tabcnt_common .btn .box_btn > * {padding:7px 14px; border-color:#222; background:#fff; color:#222; font-weight:700;}
.layer_help .tab_howto {margin-left:-8px; font-size:0;}
.layer_help .tab_howto li {display:inline-block; vertical-align:middle;}
.layer_help .tab_howto li + li {position:relative;}
.layer_help .tab_howto li + li:before {display:block; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background:#ddd; content:'';}
.layer_help .tab_howto li a {display:block; padding:8px; color:var(--color-gray); font-size:14px; letter-spacing:-0.015rem;}
.layer_help .tab_howto li a.active {color:#0676dd; font-weight:700;}
.layer_help .scroll_y {padding:0 20px;}
.layer_help .scroll_y.mCustomScrollbar {padding:0;}
.layer_help .scroll_y.mCustomScrollbar .mCSB_container {padding:0 20px;}
.layer_help .imgArea {background:#f1f1f1;}
.layer_help .imgArea .subs {padding:16px 10px 6px; font-size:16px; font-weight:700;}
.layer_help .imgArea .addTxt {padding:0 10px; color:var(--color-point-blue); font-size:14px; line-height:2rem;}
.layer_help .imgArea .img {margin:0 auto; padding:10px; text-align:center;}
.layer_help .imgArea .img img {max-width:100%; height:auto; border:1px solid #ddd;}
.layer_help .detailArea {padding:20px 0;}
.layer_help .detailArea ol.list_num2 > li + li {margin-top:24px;}
.layer_help .detailArea ol.list_num2 > li > dl > dt {margin-bottom:5px; padding-left:26px; font-size:16px; font-weight:700; letter-spacing:-0.015rem;}
.layer_help .detailArea ol.list_num2 > li > dl > dt:before {width:16px; height:16px; border-radius:50%; background:#e02171; color:#fff; font-size:12px; font-weight:700; text-align:center; line-height:16px;}
.layer_help .detailArea ol.list_num2 > li > dl > dd {padding-left:26px;}
.layer_help .detailArea ol.list_num2 > li > dl > dd p {color:var(--color-gray); font-size:14px; letter-spacing:-0.015rem;}
.layer_help .detailArea ol.list_num2 > li > dl > dd p strong {position:relative; padding-right:10px; font-size:inherit; font-weight:400;}
.layer_help .detailArea ol.list_num2 > li > dl > dd p strong:before {display:block; position:absolute; top:50%; right:0; width:4px; height:1px; background:var(--color-gray); content:'';}
.layer_help .detailArea ol.list_num2 > li > dl > dd p span {font-size:inherit;}
.layer_help ol.list_num3 > li {font-size:14px; line-height:1.4;}
.layer_help ol.list_num3 > li:before {font-size:14px;}
.layer_help ul.list_bullet > li ol.list_num3 {margin-top:5px;}
.layer_help ol li p.title {margin-bottom:30px; font-size:16px; font-weight:700; letter-spacing:-0.015rem;}
.layer_help ol li dl.section {padding:0 10px;}
.layer_help dl.section:last-of-type {padding-bottom:30px;}
.layer_help dl.section > dt {position:relative; margin:30px 0 15px; padding-left:17px; font-size:16px; font-weight:700;}
.layer_help dl.section:first-of-type > dt {margin-top:0;}
.layer_help dl.section > dt:before {display:block; position:absolute; top:5px; left:0; width:6px; height:6px; border-radius:50%; background:#e02171; content:'';}
.layer_help dl.section > dt p {margin-top:10px; color:#0676dd; font-size:14px; font-weight:400;}
.layer_help dl.section > dd {padding-left:17px;}
.layer_help dl.section > dd + dd {margin-top:10px;}
.layer_help dl.section > dd p.subs {margin:15px 0 10px; font-size:14px; font-weight:500; letter-spacing:-0.015rem;}
.layer_help dl.section > dd img {display:block; max-width:100%; height:auto; margin:0 auto; text-align:center;}
.layer_help dl.section > dd ul.list_bullet > li,
.layer_help dl.section > dd p.bullet {position:relative; padding-left:10px; font-size:14px;}
.layer_help dl.section > dd ul.list_bullet > li:before,
.layer_help dl.section > dd p.bullet:before {display:block; position:absolute; top:5px; left:0; width:3px; height:3px; border-radius:50%; background:#222; content:'';}
.layer_help dl.section > dd ul.list_bullet > li {font-size:14px; line-height:1.6;}
.layer_help dl.section > dd ul.list_bullet > li:before {top:7px;}
.layer_help dl.section > dd ol.list_num > li {font-size:14px;}
.layer_help dl.section > dd ol.list_num > li:before {font-size:14px;}
.layer_help dl.section > dd p.graphTit {margin:15px 10px 10px; color:#1e75ba; font-size:14px; font-weight:700;}
.layer_help dl.section > dd ul.step {padding:0 10px;}
.layer_help dl.section > dd ul.step > li {position:relative; height:38px; padding-left:154px; background:#f9f9f9; font-size:14px; line-height:38px;}
.layer_help dl.section > dd ul.step > li + li {margin-top:10px;}
.layer_help dl.section > dd ul.step > li span {position:absolute; top:0; left:0; width:118px; height:38px; margin-right:17px; padding-left:30px; color:#fff; font-size:14px; font-weight:700; line-height:38px; letter-spacing:-0.015rem; -webkit-box-sizing:border-box; box-sizing:border-box;}
.layer_help dl.section > dd ul.step > li span:before {display:block; position:absolute; top:0; right:-17px; border-style:solid; border-width:21px 0 17px 17px; border-top-color:transparent; border-bottom-color:transparent; border-left-color:inherit; content:'';}
.layer_help dl.section > dd p.graphTit + .area {margin:0 10px; padding-top:10px;}
.layer_help dl.section > dd dl.formula {padding:22px 0; background:#f9f9f9; text-align:center;}
.layer_help dl.section > dd dl.formula + dl.formula {margin-top:10px;}
.layer_help dl.section > dd dl.formula > dt {display:inline-block; position:relative; margin-bottom:15px; padding:0 10px; font-size:14px; font-weight:700;}
.layer_help dl.section > dd dl.formula > dt:before,
.layer_help dl.section > dd dl.formula > dt:after {display:block; position:absolute; top:0; color:inherit; font-size:inherit; font-weight:inherit;}
.layer_help dl.section > dd dl.formula > dt:before {left:0; content:'<';}
.layer_help dl.section > dd dl.formula > dt:after {right:0; content:'>';}
.layer_help dl.section > dd dl.formula > dd {font-size:14px;}
.layer_help dl.section > dd .area {padding:0 24px 30px; background:#f9f9f9;}
.layer_help dl.section > dd .area p.subs {margin:0; padding:20px 0; font-weight:700; text-align:center;}
.layer_help dl.section > dd .area p.subs span {display:block; margin-top:10px; color:#0676dd; font-size:inherit; font-weight:400;}
.layer_help dl.section > dd .area img {padding-top:30px;}
.layer_help dl.section > dd .area * + img {padding-top:0;}
.layer_help dl.section > dd .area .wraplr {margin-left:-80px; font-size:0;}
.layer_help dl.section > dd .area .leftArea {display:inline-block; *display:inline; *zoom:1; width:calc(50% - 80px); margin-left:80px; vertical-align:top;}
.layer_help dl.section > dd .area .rightArea {display:inline-block; *display:inline; *zoom:1; position:relative; width:calc(50% - 80px); margin-left:80px; vertical-align:top;}
.layer_help dl.section > dd .area .rightArea:before {display:block; position:absolute; top:50%; left:-71px; width:62px; height:110px; margin-top:-55px; padding:38px 7px 38px 0; background:url('../images/howto_arrow.svg') no-repeat center/100% auto; color:#1e75ba; font-weight:700; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; content:'상권유형분류';}
.layer_help dl.section > dd .area .leftArea dl,
.layer_help dl.section > dd .area .rightArea dl {padding-top:50px;}
.layer_help dl.section > dd .area .leftArea dl + dl {margin-top:10px;}
.layer_help dl.section > dd .area .rightArea dl dt.relative {padding-top:17px; padding-bottom:17px;}
.layer_help dl.section > dd .area .rightArea img {padding:15px 0 13px;}
.layer_help dl.section > dd .area .rightArea p.imgTit {font-size:13px; font-weight:500;}
.layer_help dl.section > dd .area .rightArea ul {padding-top:10px;}
.layer_help dl.section > dd .area .rightArea ul li {position:relative; margin:10px 0; padding-left:55px;}
.layer_help dl.section > dd .area .rightArea ul li p {position:absolute; top:0; left:0; padding:0 10px 0 25px;}
.layer_help dl.section > dd .area .rightArea ul li p:before {display:block; position:absolute; top:0; right:5px; color:#222; font-size:12px; content:':';}
.layer_help dl.section > dd .area .rightArea ul li span {display:block; position:absolute; top:-3px; left:0; width:20px; height:20px; border-radius:50%;}
.layer_help dl.section > dd .area .wraplr2 {margin-left:-40px;}
.layer_help dl.section > dd .area .wraplr2 .formula {font-size:0; text-align:center;}
.layer_help dl.section > dd .area .wraplr2 .formula li {display:inline-block; *display:inline; *zoom:1; font-size:14px; vertical-align:middle;}
.layer_help dl.section > dd .area .wraplr2 .formula li > * {display:inline-block; *display:inline; *zoom:1; font-size:inherit; vertical-align:middle;}
.layer_help dl.section > dd .area .wraplr2 .formula li span {display:block; padding:5px 0 2px; font-size:inherit;}
.layer_help dl.section > dd .area .wraplr2 .formula li span + span {border-top:1px solid #222;}
.layer_help dl.section > dd .area .wraplr2 .formula .pl {position:relative; padding:0 10px;}
.layer_help dl.section > dd .area .wraplr2 .formula .pl:before,
.layer_help dl.section > dd .area .wraplr2 .formula .pl:after {display:block; position:absolute; top:50%; font-size:inherit; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.layer_help dl.section > dd .area .wraplr2 .formula .pl:before {left:0; content:'[';}
.layer_help dl.section > dd .area .wraplr2 .formula .pl:after {right:0; content:']';}
.layer_help dl.section > dd .area .wraplr2 .formula .pl2 {position:relative; padding:0 10px;}
.layer_help dl.section > dd .area .wraplr2 .formula .pl2:before,
.layer_help dl.section > dd .area .wraplr2 .formula .pl2:after {display:block; position:absolute; top:50%; font-size:inherit; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.layer_help dl.section > dd .area .wraplr2 .formula .pl2:before {left:0; content:'(';}
.layer_help dl.section > dd .area .wraplr2 .formula .pl2:after {right:0; content:')';}
.layer_help dl.section > dd .area .wraplr2 .formula .minus {position:relative; padding-left:10px;}
.layer_help dl.section > dd .area .wraplr2 .formula .minus:before {display:block; position:absolute; top:50%; left:0; color:inherit; font-size:inherit; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); content:'-';}
.layer_help dl.section > dd .area .wraplr2 .formula .multiple {position:relative; padding-left:15px;}
.layer_help dl.section > dd .area .wraplr2 .formula .multiple:before {display:block; position:absolute; top:50%; left:5px; color:inherit; font-size:inherit; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); content:'*';}
.layer_help dl.section > dd .area .wraplr2 .formula .equal {position:relative; padding-left:15px; font-size:16px;}
.layer_help dl.section > dd .area .wraplr2 .formula .equal:before {display:block; position:absolute; top:50%; left:5px; color:inherit; font-size:inherit; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); content:'=';}
.layer_help dl.section > dd .area .leftArea2,
.layer_help dl.section > dd .area .rightArea2 {width:calc(50% - 40px); margin-left:40px;}
.layer_help dl.section > dd .area .leftArea2 dl {margin-top:40px;}
.layer_help dl.section > dd .area .rightArea2 {padding:20px 35px; border:1px solid #999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box;}
.layer_help dl.section > dd .area .rightArea2:before {display:none;}
.layer_help dl.section > dd .area .rightArea2 ul {padding-top:0;}
.layer_help dl.section > dd .area .rightArea2 ul li {margin:0; padding-left:0;}
.layer_help dl.section > dd .area .rightArea2 ul li p {position:relative; top:auto; left:Auto; padding:0;}
.layer_help dl.section > dd .area .rightArea2 ul li p:before {display:none; right:auto;}
.layer_help dl.section > dd .area .rightArea2 ul li span {position:relative; top:auto; left:auto; width:auto; height:auto; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.layer_help dl.section > dd .area .rightArea2 .tbl_col {margin-top:5px;}
.layer_help dl.section > dd .area .rightArea2 .tbl_col > tbody > tr > th.bg,
.layer_help dl.section > dd .area .rightArea2 .tbl_col > tbody > tr > td.bg {background-color:#b4002b; color:#fff;}
.layer_help dl.section > dd .area .rightArea2 .tbl_col > tbody > tr > th {padding:5px 0;}
.layer_help dl.section > dd .area .rightArea2 .tbl_col > tbody > tr > th:first-child {border-left:1px solid #e5e5e5;}
.layer_help dl.section > dd .area .rightArea2 .tbl_col > tbody > tr > td:last-child {border-right:1px solid #e5e5e5;}
.layer_help dl.section > dd .area .rightArea2 .tbl_col + p.bullet {margin-top:5px;}
.layer_help dl.section > dd .area ul.list_col {margin-left:-10px;}
.layer_help dl.section > dd .area ul.list_col > li {margin-left:10px;}
.layer_help dl.section > dd .area ul.list_col > li p.img {margin-top:13px;}
.layer_help dl.section > dd .area dl {position:relative; padding:32px 0 20px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#fff; -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.25); -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,0.25); box-shadow:0 2px 4px 0 rgba(0,0,0,0.25);}
.layer_help dl.section > dd .area dl dt {position:absolute; top:0; left:0; width:100%; height:32px; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; background:#0676dd; color:#fff; font-size:14px; font-weight:700; text-align:center; line-height:32px;}
.layer_help dl.section > dd .area dl dt.relative {height:50px; padding:10px 50px 10px 102px; font-size:12px; font-weight:400; text-align:left; line-height:1.2; -webkit-box-sizing:border-box; box-sizing:border-box;}
.layer_help dl.section > dd .area dl dt.relative p {position:absolute; left:16px; top:50%; color:#fff; font-size:14px; font-weight:700; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.layer_help dl.section > dd .area dl dd {padding:0 20px;}
.layer_help dl.section > dd .area dl dd strong {display:block; margin-top:13px; font-size:14px; font-weight:400;}
.layer_help dl.section > dd .area dl dd strong + * {margin-top:10px;}
.layer_help dl.section > dd .area dl dd strong.bullet {position:relative; padding-left:14px;}
.layer_help dl.section > dd .area dl dd strong.bullet:before {display:block; position:absolute; top:5px; left:0; width:3px; height:3px; background:#222; content:'';}
.layer_help dl.section > dd .area dl dd p.imgTit {margin:11px 0; color:#1e75ba; letter-spacing:-0.015rem;}
.layer_help dl.section > dd .area dl dd p.bullet {color:var(--color-gray);}
.layer_help dl.section > dd .area dl dd p.bullet:before {background:var(--color-gray);}
.layer_help dl.section > dd .area dl dd ul.list_bullet li {color:var(--color-gray); line-height:1.6;}
.layer_help dl.section > dd .area dl dd ul.list_bullet li:before {background:var(--color-gray);}
.layer_help dl.section > dd .area .color {margin:34px 0 0 0; text-align:center;}
.layer_help dl.section > dd .area .color span {display:inline-block; *display:inline; *zoom:1; width:136px; height:46px; color:#fff; font-size:14px; font-weight:700; text-align:center; line-height:46px; vertical-align:middle;}
.layer_help dl.section > dd .area .color span + span {margin-left:10px;}
.layer_help dl.section > dd .area.col {display:-webkit-box; display:-ms-flexbox; display:flex; margin-left:-10px; padding:0; background:none;}
.layer_help dl.section > dd .area.col > div {-webkit-box-flex:1; flex:1; margin-left:10px; padding:0 30px 30px; background:#f9f9f9;}
.layer_help dl.section > dd ul.list_process > li {display:block; padding-top:15px;}
.layer_help dl.section > dd ul.list_process > li + li:before {display:none;}
.layer_help dl.section > dd ul.list_process.tobottom > li {padding-top:0;}
.layer_help dl.section > dd ul.list_process.tobottom > li + li {margin-top:46px;}
.layer_help dl.section > dd ul.list_process.tobottom > li + li:before {top:-33px; left:50%; width:15px; height:26px; margin:0 0 0 -7.5px; background-image:url('../images/arrow_bottom_blue.svg');}
.layer_help dl.section > dd ul.list_process.toright {display:-webkit-box; display:flex; margin-left:-30px;}
.layer_help dl.section > dd ul.list_process.toright > li {-webkit-box-flex:1; margin-left:30px; flex:1; padding-top:0;}
.layer_help dl.section > dd ul.list_process.toright > li + li:before {left:-26px; width:26px; height:15px; margin-top:-13px; background-image:url('../images/arrow_bottom_blue.svg'); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg);}
.layer_help dl.section > dd .tbl_col > thead > tr > th,
.layer_help dl.section > dd .tbl_col > tbody > tr > th,
.layer_help dl.section > dd .tbl_col > tbody > tr > td {font-size:14px;}
.layer_help dl.section > dd .tableArea h4 {margin-top:20px; font-size:14px;}

/* 레이어 - 제공 정보 */
/** 20250527 추가 **/
.layer_info {position:relative; top:0; left:0; width:100%; height:100%; margin:0;}
.layer_info .titleArea {margin-bottom:24px;}
.layer_info .tab_help {margin:1px 0 0 1px; padding:0 20px; font-size:0;}
.layer_info .tab_help li {display:inline-block; width:calc(33.33% + 1px); margin:-1px 0 0 -1px; vertical-align:top;}
.layer_info .tab_help li button {width:100%; height:50px; border:1px solid #ddd; color:var(--color-gray); font-size:16px; letter-spacing:-0.015rem;}
.layer_info .tab_help li button.active {position:relative; z-index:1; border-color:#0676dd; background:#0676dd; color:#fff; font-weight:700;}
.layer_info .tabcnt_common .btn {position:relative; padding:17px 20px;}
.layer_info .tabcnt_common .btn .box_btn {position:absolute; top:17px; right:20px;}
.layer_info .tabcnt_common .btn .box_btn > * {padding:7px 14px; border-color:#222; background:#fff; color:#222; font-weight:700;}
.layer_info .tab_howto {margin-left:-8px; font-size:0;}
.layer_info .tab_howto li {display:inline-block; vertical-align:middle;}
.layer_info .tab_howto li + li {position:relative;}
.layer_info .tab_howto li + li:before {display:block; position:absolute; top:50%; left:0; width:1px; height:10px; margin-top:-5px; background:#ddd; content:'';}
.layer_info .tab_howto li a {display:block; padding:8px; color:var(--color-gray); font-size:14px; letter-spacing:-0.015rem;}
.layer_info .tab_howto li a.active {color:#0676dd; font-weight:700;}
.layer_info .scroll_y {padding:0 20px;}
.layer_info .scroll_y.mCustomScrollbar {padding:0;}
.layer_info .scroll_y.mCustomScrollbar .mCSB_container {padding:0 20px;}
.layer_info .imgArea {background:#f1f1f1;}
.layer_info .imgArea .subs {padding:16px 10px 6px; font-size:16px; font-weight:700;}
.layer_info .imgArea .addTxt {padding:0 10px; color:var(--color-point-blue); font-size:14px; line-height:2rem;}
.layer_info .imgArea .img {margin:0 auto; padding:10px; text-align:center;}
.layer_info .imgArea .img img {max-width:100%; height:auto; border:1px solid #ddd;}
.layer_info .detailArea {padding:20px 0;}
.layer_info .detailArea ol.list_num2 > li + li {margin-top:24px;}
.layer_info .detailArea ol.list_num2 > li > dl > dt {margin-bottom:5px; padding-left:26px; font-size:16px; font-weight:700; letter-spacing:-0.015rem;}
.layer_info .detailArea ol.list_num2 > li > dl > dt:before {width:16px; height:16px; border-radius:50%; background:#e02171; color:#fff; font-size:12px; font-weight:700; text-align:center; line-height:16px;}
.layer_info .detailArea ol.list_num2 > li > dl > dd {padding-left:26px;}
.layer_info .detailArea ol.list_num2 > li > dl > dd p {color:var(--color-gray); font-size:14px; letter-spacing:-0.015rem;}
.layer_info .detailArea ol.list_num2 > li > dl > dd p strong {position:relative; padding-right:10px; font-size:inherit; font-weight:400;}
.layer_info .detailArea ol.list_num2 > li > dl > dd p strong:before {display:block; position:absolute; top:50%; right:0; width:4px; height:1px; background:var(--color-gray); content:'';}
.layer_info .detailArea ol.list_num2 > li > dl > dd p span {font-size:inherit;}
.layer_info ol.list_num3 > li {font-size:14px; line-height:1.4;}
.layer_info ol.list_num3 > li:before {font-size:14px;}
.layer_info ul.list_bullet > li ol.list_num3 {margin-top:5px;}
.layer_info ol li p.title {margin-bottom:30px; font-size:16px; font-weight:700; letter-spacing:-0.015rem;}
.layer_info ol li dl.section {padding:0 10px;}
.layer_info dl.section:last-of-type {padding-bottom:30px;}
.layer_info dl.section > dt {position:relative; margin:30px 0 15px; padding-left:17px; font-size:16px; font-weight:700;}
.layer_info dl.section:first-of-type > dt {margin-top:0;}
.layer_info dl.section > dt:before {display:block; position:absolute; top:5px; left:0; width:6px; height:6px; border-radius:50%; background:#e02171; content:'';}
.layer_info dl.section > dt p {margin-top:10px; color:#0676dd; font-size:14px; font-weight:400;}
.layer_info dl.section > dd {padding-left:17px;}
.layer_info dl.section > dd + dd {margin-top:10px;}
.layer_info dl.section > dd p.subs {margin:15px 0 10px; font-size:14px; font-weight:500; letter-spacing:-0.015rem;}
.layer_info dl.section > dd img {display:block; max-width:100%; height:auto; margin:0 auto; text-align:center;}
.layer_info dl.section > dd ul.list_bullet > li,
.layer_info dl.section > dd p.bullet {position:relative; padding-left:10px; font-size:14px;}
.layer_info dl.section > dd ul.list_bullet > li:before,
.layer_info dl.section > dd p.bullet:before {display:block; position:absolute; top:5px; left:0; width:3px; height:3px; border-radius:50%; background:#222; content:'';}
.layer_info dl.section > dd ul.list_bullet > li {font-size:14px; line-height:1.6;}
.layer_info dl.section > dd ul.list_bullet > li:before {top:7px;}
.layer_info dl.section > dd ol.list_num > li {font-size:14px;}
.layer_info dl.section > dd ol.list_num > li:before {font-size:14px;}
.layer_info dl.section > dd p.graphTit {margin:15px 10px 10px; color:#1e75ba; font-size:14px; font-weight:700;}
.layer_info dl.section > dd ul.step {padding:0 10px;}
.layer_info dl.section > dd ul.step > li {position:relative; height:38px; padding-left:154px; background:#f9f9f9; font-size:14px; line-height:38px;}
.layer_info dl.section > dd ul.step > li + li {margin-top:10px;}
.layer_info dl.section > dd ul.step > li span {position:absolute; top:0; left:0; width:118px; height:38px; margin-right:17px; padding-left:30px; color:#fff; font-size:14px; font-weight:700; line-height:38px; letter-spacing:-0.015rem; -webkit-box-sizing:border-box; box-sizing:border-box;}
.layer_info dl.section > dd ul.step > li span:before {display:block; position:absolute; top:0; right:-17px; border-style:solid; border-width:21px 0 17px 17px; border-top-color:transparent; border-bottom-color:transparent; border-left-color:inherit; content:'';}
.layer_info dl.section > dd p.graphTit + .area {margin:0 10px; padding-top:10px;}
.layer_info dl.section > dd dl.formula {padding:22px 0; background:#f9f9f9; text-align:center;}
.layer_info dl.section > dd dl.formula + dl.formula {margin-top:10px;}
.layer_info dl.section > dd dl.formula > dt {display:inline-block; position:relative; margin-bottom:15px; padding:0 10px; font-size:14px; font-weight:700;}
.layer_info dl.section > dd dl.formula > dt:before,
.layer_info dl.section > dd dl.formula > dt:after {display:block; position:absolute; top:0; color:inherit; font-size:inherit; font-weight:inherit;}
.layer_info dl.section > dd dl.formula > dt:before {left:0; content:'<';}
.layer_info dl.section > dd dl.formula > dt:after {right:0; content:'>';}
.layer_info dl.section > dd dl.formula > dd {font-size:14px;}
.layer_info dl.section > dd .area {padding:0 24px 30px; background:#f9f9f9;}
.layer_info dl.section > dd .area p.subs {margin:0; padding:20px 0; font-weight:700; text-align:center;}
.layer_info dl.section > dd .area p.subs span {display:block; margin-top:10px; color:#0676dd; font-size:inherit; font-weight:400;}
.layer_info dl.section > dd .area img {padding-top:30px;}
.layer_info dl.section > dd .area * + img {padding-top:0;}
.layer_info dl.section > dd .area .wraplr {margin-left:-80px; font-size:0;}
.layer_info dl.section > dd .area .leftArea {display:inline-block; *display:inline; *zoom:1; width:calc(50% - 80px); margin-left:80px; vertical-align:top;}
.layer_info dl.section > dd .area .rightArea {display:inline-block; *display:inline; *zoom:1; position:relative; width:calc(50% - 80px); margin-left:80px; vertical-align:top;}
.layer_info dl.section > dd .area .rightArea:before {display:block; position:absolute; top:50%; left:-71px; width:62px; height:110px; margin-top:-55px; padding:38px 7px 38px 0; background:url('../images/howto_arrow.svg') no-repeat center/100% auto; color:#1e75ba; font-weight:700; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; content:'상권유형분류';}
.layer_info dl.section > dd .area .leftArea dl,
.layer_info dl.section > dd .area .rightArea dl {padding-top:50px;}
.layer_info dl.section > dd .area .leftArea dl + dl {margin-top:10px;}
.layer_info dl.section > dd .area .rightArea dl dt.relative {padding-top:17px; padding-bottom:17px;}
.layer_info dl.section > dd .area .rightArea img {padding:15px 0 13px;}
.layer_info dl.section > dd .area .rightArea p.imgTit {font-size:13px; font-weight:500;}
.layer_info dl.section > dd .area .rightArea ul {padding-top:10px;}
.layer_info dl.section > dd .area .rightArea ul li {position:relative; margin:10px 0; padding-left:55px;}
.layer_info dl.section > dd .area .rightArea ul li p {position:absolute; top:0; left:0; padding:0 10px 0 25px;}
.layer_info dl.section > dd .area .rightArea ul li p:before {display:block; position:absolute; top:0; right:5px; color:#222; font-size:12px; content:':';}
.layer_info dl.section > dd .area .rightArea ul li span {display:block; position:absolute; top:-3px; left:0; width:20px; height:20px; border-radius:50%;}
.layer_info dl.section > dd .area .wraplr2 {margin-left:-40px;}
.layer_info dl.section > dd .area .wraplr2 .formula {font-size:0; text-align:center;}
.layer_info dl.section > dd .area .wraplr2 .formula li {display:inline-block; *display:inline; *zoom:1; font-size:14px; vertical-align:middle;}
.layer_info dl.section > dd .area .wraplr2 .formula li > * {display:inline-block; *display:inline; *zoom:1; font-size:inherit; vertical-align:middle;}
.layer_info dl.section > dd .area .wraplr2 .formula li span {display:block; padding:5px 0 2px; font-size:inherit;}
.layer_info dl.section > dd .area .wraplr2 .formula li span + span {border-top:1px solid #222;}
.layer_info dl.section > dd .area .wraplr2 .formula .pl {position:relative; padding:0 10px;}
.layer_info dl.section > dd .area .wraplr2 .formula .pl:before,
.layer_info dl.section > dd .area .wraplr2 .formula .pl:after {display:block; position:absolute; top:50%; font-size:inherit; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.layer_info dl.section > dd .area .wraplr2 .formula .pl:before {left:0; content:'[';}
.layer_info dl.section > dd .area .wraplr2 .formula .pl:after {right:0; content:']';}
.layer_info dl.section > dd .area .wraplr2 .formula .pl2 {position:relative; padding:0 10px;}
.layer_info dl.section > dd .area .wraplr2 .formula .pl2:before,
.layer_info dl.section > dd .area .wraplr2 .formula .pl2:after {display:block; position:absolute; top:50%; font-size:inherit; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.layer_info dl.section > dd .area .wraplr2 .formula .pl2:before {left:0; content:'(';}
.layer_info dl.section > dd .area .wraplr2 .formula .pl2:after {right:0; content:')';}
.layer_info dl.section > dd .area .wraplr2 .formula .minus {position:relative; padding-left:10px;}
.layer_info dl.section > dd .area .wraplr2 .formula .minus:before {display:block; position:absolute; top:50%; left:0; color:inherit; font-size:inherit; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); content:'-';}
.layer_info dl.section > dd .area .wraplr2 .formula .multiple {position:relative; padding-left:15px;}
.layer_info dl.section > dd .area .wraplr2 .formula .multiple:before {display:block; position:absolute; top:50%; left:5px; color:inherit; font-size:inherit; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); content:'*';}
.layer_info dl.section > dd .area .wraplr2 .formula .equal {position:relative; padding-left:15px; font-size:16px;}
.layer_info dl.section > dd .area .wraplr2 .formula .equal:before {display:block; position:absolute; top:50%; left:5px; color:inherit; font-size:inherit; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); content:'=';}
.layer_info dl.section > dd .area .leftArea2,
.layer_info dl.section > dd .area .rightArea2 {width:calc(50% - 40px); margin-left:40px;}
.layer_info dl.section > dd .area .leftArea2 dl {margin-top:40px;}
.layer_info dl.section > dd .area .rightArea2 {padding:20px 35px; border:1px solid #999; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box;}
.layer_info dl.section > dd .area .rightArea2:before {display:none;}
.layer_info dl.section > dd .area .rightArea2 ul {padding-top:0;}
.layer_info dl.section > dd .area .rightArea2 ul li {margin:0; padding-left:0;}
.layer_info dl.section > dd .area .rightArea2 ul li p {position:relative; top:auto; left:Auto; padding:0;}
.layer_info dl.section > dd .area .rightArea2 ul li p:before {display:none; right:auto;}
.layer_info dl.section > dd .area .rightArea2 ul li span {position:relative; top:auto; left:auto; width:auto; height:auto; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.layer_info dl.section > dd .area .rightArea2 .tbl_col {margin-top:5px;}
.layer_info dl.section > dd .area .rightArea2 .tbl_col > tbody > tr > th.bg,
.layer_info dl.section > dd .area .rightArea2 .tbl_col > tbody > tr > td.bg {background-color:#b4002b; color:#fff;}
.layer_info dl.section > dd .area .rightArea2 .tbl_col > tbody > tr > th {padding:5px 0;}
.layer_info dl.section > dd .area .rightArea2 .tbl_col > tbody > tr > th:first-child {border-left:1px solid #e5e5e5;}
.layer_info dl.section > dd .area .rightArea2 .tbl_col > tbody > tr > td:last-child {border-right:1px solid #e5e5e5;}
.layer_info dl.section > dd .area .rightArea2 .tbl_col + p.bullet {margin-top:5px;}
.layer_info dl.section > dd .area ul.list_col {margin-left:-10px;}
.layer_info dl.section > dd .area ul.list_col > li {margin-left:10px;}
.layer_info dl.section > dd .area ul.list_col > li p.img {margin-top:13px;}
.layer_info dl.section > dd .area dl {position:relative; padding:32px 0 20px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; background:#fff; -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.25); -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,0.25); box-shadow:0 2px 4px 0 rgba(0,0,0,0.25);}
.layer_info dl.section > dd .area dl dt {position:absolute; top:0; left:0; width:100%; height:32px; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; background:#0676dd; color:#fff; font-size:14px; font-weight:700; text-align:center; line-height:32px;}
.layer_info dl.section > dd .area dl dt.relative {height:50px; padding:10px 50px 10px 102px; font-size:12px; font-weight:400; text-align:left; line-height:1.2; -webkit-box-sizing:border-box; box-sizing:border-box;}
.layer_info dl.section > dd .area dl dt.relative p {position:absolute; left:16px; top:50%; color:#fff; font-size:14px; font-weight:700; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.layer_info dl.section > dd .area dl dd {padding:0 20px;}
.layer_info dl.section > dd .area dl dd strong {display:block; margin-top:13px; font-size:14px; font-weight:400;}
.layer_info dl.section > dd .area dl dd strong + * {margin-top:10px;}
.layer_info dl.section > dd .area dl dd strong.bullet {position:relative; padding-left:14px;}
.layer_info dl.section > dd .area dl dd strong.bullet:before {display:block; position:absolute; top:5px; left:0; width:3px; height:3px; background:#222; content:'';}
.layer_info dl.section > dd .area dl dd p.imgTit {margin:11px 0; color:#1e75ba; letter-spacing:-0.015rem;}
.layer_info dl.section > dd .area dl dd p.bullet {color:var(--color-gray);}
.layer_info dl.section > dd .area dl dd p.bullet:before {background:var(--color-gray);}
.layer_info dl.section > dd .area dl dd ul.list_bullet li {color:var(--color-gray); line-height:1.6;}
.layer_info dl.section > dd .area dl dd ul.list_bullet li:before {background:var(--color-gray);}
.layer_info dl.section > dd .area .color {margin:34px 0 0 0; text-align:center;}
.layer_info dl.section > dd .area .color span {display:inline-block; *display:inline; *zoom:1; width:136px; height:46px; color:#fff; font-size:14px; font-weight:700; text-align:center; line-height:46px; vertical-align:middle;}
.layer_info dl.section > dd .area .color span + span {margin-left:10px;}
.layer_info dl.section > dd .area.col {display:-webkit-box; display:-ms-flexbox; display:flex; margin-left:-10px; padding:0; background:none;}
.layer_info dl.section > dd .area.col > div {-webkit-box-flex:1; flex:1; margin-left:10px; padding:0 30px 30px; background:#f9f9f9;}
.layer_info dl.section > dd ul.list_process > li {display:block; padding-top:15px;}
.layer_info dl.section > dd ul.list_process > li + li:before {display:none;}
.layer_info dl.section > dd ul.list_process.tobottom > li {padding-top:0;}
.layer_info dl.section > dd ul.list_process.tobottom > li + li {margin-top:46px;}
.layer_info dl.section > dd ul.list_process.tobottom > li + li:before {top:-33px; left:50%; width:15px; height:26px; margin:0 0 0 -7.5px; background-image:url('../images/arrow_bottom_blue.svg');}
.layer_help dl.section > dd ul.list_process.toright {display:-webkit-box; display:flex; margin-left:-30px;}
.layer_info dl.section > dd ul.list_process.toright > li {-webkit-box-flex:1; margin-left:30px; flex:1; padding-top:0;}
.layer_info dl.section > dd ul.list_process.toright > li + li:before {left:-26px; width:26px; height:15px; margin-top:-13px; background-image:url('../images/arrow_bottom_blue.svg'); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg);}
.layer_info dl.section > dd .tbl_col > thead > tr > th,
.layer_info dl.section > dd .tbl_col > tbody > tr > th,
.layer_info dl.section > dd .tbl_col > tbody > tr > td {font-size:14px;}
.layer_info dl.section > dd .tableArea h4 {margin-top:20px; font-size:14px;}


/* 레이어 - 분석리포트 비교담기 */
.compare_save {top:50%; left:50%; z-index:45; width:366px; height:370px; margin:-185px 0 0 -183px;}
.compare_save dl dt {padding:16px 0 8px; font-size:16px; font-weight:500;}
.compare_save ul {font-size:0;}
.compare_save ul li {display:inline-block; *display:inline; *zoom:1; width:33.33%; padding:2px; text-align:center; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box;}
.compare_save ul li div {width:100%; height:76px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; border:1px solid #ddd; background:#f1f1f1;}
.compare_save ul li div strong {display:block; margin:10px 0 5px; color:#999; font-size:14px;}
.compare_save ul li div span {display:block; color:#999; font-weight:700;}
.compare_save .btn_col {margin-top:24px;}

/* 레이어 - 표준산업분류업종 직접 검색 */
.layer_industry {top:50%; left:50%; width:800px; height:590px; margin:-295px 0 0 -400px;}
.layer_industry .inner {padding:0;}
.layer_industry .search {position:relative; margin:24px 20px 16px; padding-right:150px;}
.layer_industry .search .box_btn {position:absolute; top:0; right:0;}
.layer_industry .scroll_y {padding:0 20px;}
.layer_industry .scroll_y.mCustomScrollbar {height:436px; padding:0;}
.layer_industry .scroll_y.mCustomScrollbar .mCSB_container {padding:0 20px;}
.layer_industry .tbl_col tbody tr {cursor:pointer;}
@media (hover: hover) {
	.layer_industry .tbl_col tbody tr:hover td {color:#0676dd;}
}

/* 레이어 - 데이터 툴팁 */
.layer_data {z-index:10; width:250px; height:194px; margin:-215px 0 15px -114px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1) !important; -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.1) !important; box-shadow:0 2px 4px 0 rgba(0,0,0,.1) !important;}
.layer_data.pop-finfo {padding:0;}
.layer_data:before {display:block; position:absolute; bottom:-15px; left:50%; width:31px; height:15px; margin-left:-15.5px; background:url('../images/bg_balloon2.svg') no-repeat center/100% auto; content:'';}
.layer_data button.close {position:absolute; top:0; right:0; width:14px; height:14px; padding:10px; background:url('../images/close.svg') no-repeat center/14px auto; color:transparent; font-size:0; -webkit-box-sizing:content-box; box-sizing:content-box;}
.layer_data > dl {padding:0 20px;}
.layer_data > dl > dt {overflow:hidden; margin:20px 0 16px; color:#0676dd; font-size:16px; font-weight:500; text-overflow:ellipsis; white-space:nowrap;}
.layer_data > dl > dd {padding:12px 0; border-top:1px solid #ddd;}
.layer_data > dl > dd dl {padding:8px 0; font-size:0;}
.layer_data > dl > dd dl > * {display:inline-block; *display:inline; *zoom:1; font-size:14px; vertical-align:middle;}
.layer_data > dl > dd dl dt {width:30%; padding:0; font-weight:700;}

/** 20240805 사이트점검 **/
.layer_data > dl > dd dl dd {width:70%;color: var(--color-gray);}

.layer_data > dl > dd .box_btn.block {margin-top:8px;}

/* 레이어 - 데이터 툴팁 2 */
.layer_data2 {min-width:92px; height:73px; margin-bottom:15px; background:#fff; -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); cursor:pointer;}
.layer_data2:before {display:block; position:absolute; bottom:-15px; left:50%; width:20px; height:15px; margin-left:-10px; background:url('../images/bg_balloon3.svg') no-repeat center/100% auto; content:'';}
.layer_data2 > dl {padding:0 10px;}
.layer_data2 > dl > dt {padding:12px 0 10px; border-bottom:1px solid #ddd; color:#0676dd; font-size:14px; font-weight:500; text-align:center;}
.layer_data2 > dl > dd {padding:8px 0 10px; font-size:14px; text-align:center;}

/* 레이어 - 데이터 툴팁 3 - 점포이력, 제로페이 */
.layer_data3 {width:345px; height:375px; margin:-375px 0 0 -140px; -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_data3 > dl {padding:0;}
.layer_data3 > 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_data3 > dl > dt strong {color:inherit; font-size:inherit;}
.layer_data3 > dl > dt button.close {padding:11px; top: 5px; background-image:url('../images/close_w.svg');}
.layer_data3 > dl > dd {padding:0;}
.layer_data3 > dl > dd .scroll_y {max-height:310px; padding:0 22px 0 14px;}
.layer_data3 > dl > dd .scroll_y.mCustomScrollbar {padding:0;}
.layer_data3 > dl > dd .scroll_y.mCustomScrollbar .mCSB_container {padding:0 22px 0 14px;}
.layer_data3 > dl > dd .scroll_y.mCustomScrollbar .mCSB_scrollTools {right:8px;}
.layer_data3 > dl > dd ul li {padding:16px 0;}
.layer_data3 > dl > dd ul li + li {border-top:1px solid #ddd;}
.layer_data3 > dl > dd ul li p.name {position:relative; padding:3px 0 8px 22px; font-size:14px;}
.layer_data3 > 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_data3 > dl > dd ul li dl {padding:3px 0;}
.layer_data3 > dl > dd ul li dl dt {width:15%; color:#0676dd; font-size:12px; font-weight:400;}
.layer_data3 > dl > dd ul li dl dd {width:85%; color:var(--color-gray2); font-size:12px;}

/* 레이어 - 상권영향력 분석 */
.layer_report {position:fixed; top:50%; left:50%; width:1000px; height:820px; margin:-410px 0 0 -500px;}
.layer_report .titleArea {margin-bottom:24px;}
.layer_report .tab_report {margin:1px 0 0 1px; padding:0 20px; font-size:0;}
.layer_report .tab_report li {display:inline-block; *display:inline; *zoom:1; width:calc(33.33% + 1px); margin:-1px 0 0 -1px; vertical-align:top;}
.layer_report .tab_report li button {width:100%; height:50px; border:1px solid #ddd; color:var(--color-gray); font-size:16px; letter-spacing:-0.015rem;}
.layer_report .tab_report li button.active {position:relative; z-index:1; border-color:#0676dd; background:#0676dd; color:#fff; font-weight:700;}
.layer_report .address {padding-top:6px; -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_report .address div {margin:-10px 0 0 -24px; padding:16px 20px; font-size:0;}
.layer_report .address dl {display:inline-block; *display:inline; *zoom:1; margin:10px 0 0 24px; font-size:0; vertical-align:middle;}
.layer_report .address dl > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.layer_report .address dl dt {margin-right:8px; font-size:14px; font-weight:700;}
.layer_report .address dl dd {color:#999; font-size:14px;}
.layer_report .scroll_y {max-height:580px; padding:0 20px;}
.layer_report .scroll_y.mCustomScrollbar {padding:0;}
.layer_report .explain {padding:20px 20px 0; font-size:14px;}
.layer_report .explain strong {font-size:inherit;}
.layer_report .explain .warning {margin-top:8px; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#f9f9f9; font-size:14px;}
.layer_report .tabcnt_report_market dl {padding:0 20px 30px; border-bottom:16px solid #f1f1f1;}
.layer_report .tabcnt_report_market dl > dt {padding:30px 0 16px; font-size:18px; font-weight:700;}
.layer_report .tabcnt_report_market dl > dt.relative .subs {position:absolute; right:0; top:30px; color:#999; font-size:14px; font-weight:400;}
.layer_report .list_chart {margin:20px 0 0 -10px; padding:0 20px 30px; font-size:0;}
.layer_report .list_chart > li {display:inline-block; *display:inline; *zoom:1; width:calc(50% - 10px); margin:10px 0 0 10px; vertical-align:top;}

/* ------------------------------------------------------------------------- */
/* 2. Layout
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* 2-1. wrap
/* ------------------------------------------------------------------------- */

#wrap {overflow:hidden; min-width:1440px; margin:0 auto;}
.wrap_inner {width:1440px; margin:0 auto;}

/* ------------------------------------------------------------------------- */
/* 2-2. header
/* ------------------------------------------------------------------------- */

#hd {position:relative; height:129px;}
#hd .tophd {height:48px; background:#0c82e9;}
#hd .tophd .logo {float:left;}
#hd .tophd .notice {float:left;}
#hd .tophd .notice a {display:block; position:relative; color:#fff; font-size:14px;}
#hd .tophd .btn {float:right; margin-right:-10px; font-size:0;}
#hd .tophd .btn li {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
#hd .tophd .btn li a {display:block; height:48px; padding:0 10px; color:#fff; font-size:14px; font-weight:700; line-height:48px;}
#hd > .inner {width:100%; height:81px; border-bottom:1px solid #eee; background:#fff; -webkit-box-sizing:border-box; box-sizing:border-box;}
#hd .gnb {position:relative; height:100%; padding:0 350px 0 230px; -webkit-box-sizing:border-box; box-sizing:border-box;}
#hd .gnb .logo {position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%);}
#hd .gnb .logo a {display:block; position:relative; padding-left:41px; color:#000; font-size:16px; font-weight:500;}
#hd .gnb .logo a:before {display:block; position:absolute; top:50%; left:0; width:33px; height:30px; margin-top:-15px; background:url('../images/logo_bi.svg') no-repeat center/100% auto; content:'';}
#hd .gnb .logo a span {color:#0676dd; font-size:inherit; font-weight:inherit;}
#hd .gnb .menu:after {display:block; clear:both; content:'';}
#hd .gnb .menu ul {font-size:0;}
#hd .gnb .menu ul li {display:inline-block; *display:inline; *zoom:1; position:relative; padding:0 14px; vertical-align:middle;}
#hd .gnb .menu ul li > a {display:block; position:relative; height:80px; font-size:18px; line-height:80px;}
#hd .gnb .menu ul li > a:before {display:none; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#0676dd; content:'';}
#hd .gnb .menu ul li > a strong {font-size:inherit; font-weight:700;}
#hd .gnb .menu ul li > a span.beta {position:absolute; right:0; bottom:5px; padding:2px 5px; border:1px solid #0676dd; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; color:#0676dd; font-weight:700;}
#hd .gnb .menu ul li.active > a {color:#0676dd;}
#hd .gnb .menu ul li.active > a:before {display:block;}
#hd .gnb .menu ul li.active > a strong {color:#0676dd;}

#hd .gnb .menu ul li.active2 > a {color:#0676dd;}
#hd .gnb .menu ul li.active2 > a:before {display:block;}
#hd .gnb .menu ul li.active2 > a strong {color:#0676dd;}

@media (hover: hover) {
	#hd .gnb .menu ul li:hover > a,
	#hd .gnb .menu ul li.active:hover > a {color:#0676dd;}
	#hd .gnb .menu ul li:hover > a:before,
	#hd .gnb .menu ul li.active:hover > a:before {display:block;}
	#hd .gnb .menu ul li:hover > a strong,
	#hd .gnb .menu ul li.active:hover > a strong {color:#0676dd;}
}
#hd .gnb .btn {position:absolute; top:0; right:0; font-size:0;}
#hd .gnb .btn > * {display:inline-block; *display:inline; *zoom:1; height:80px; border-right:1px solid #eee; vertical-align:middle;}
#hd .gnb .btn span a {display:inline-block; position:relative; padding-right:17px; color:var(--color-gray); line-height:80px;}
#hd .gnb .btn span a:before {display:block; position:absolute; top:50%; right:0; width:14px; height:14px; margin-top:-7px; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
#hd .gnb .btn .system {padding-right:23px; border-right:0;}
#hd .gnb .btn .system a:before {background-image:url('../images/i_setting_bl.svg');}
#hd .gnb .btn .info {padding-right:33px;}
#hd .gnb .btn .info a:before {background-image:url('../images/i_info.svg');}
#hd .gnb .btn > a {width:80px; padding:53px 0 12px; background-repeat:no-repeat; background-size:auto 26px; background-position:top 17px center; font-size:11px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;}
#hd .gnb .btn > .login {position:relative;}
#hd .gnb .btn > .login a {display:block; width:80px; padding:53px 0 12px; background:url('../images/login.svg') no-repeat top 17px center/auto 26px; font-size:11px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;}
#hd .gnb .btn > .login span {position:absolute; right:6px; bottom:12px; z-index:5; width:14px; height:14px; background:url('../images/i_info.svg') no-repeat center/100% auto; cursor:pointer;}
#hd .gnb .btn > .mypage {position:relative; background-image:url('../images/mypage_bl.svg'); cursor:pointer;}
#hd .gnb .btn > .mypage strong {color:#0676dd;}
#hd .gnb .btn > .mypage .submypage {display:none; position:absolute; top:80px; left:50%; z-index:15; margin-left:-65px; padding-top:10px;}
#hd .gnb .btn > .mypage .submypage > div {width:130px; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; -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);}
#hd .gnb .btn > .mypage .submypage > div .box_btn + .box_btn {margin-top:4px;}
#hd .gnb .btn > .mypage:hover .submypage {display:block;}
#hd .gnb .btn > .guide {background-image:url('../images/guide.svg');}
#hd .gnb .btn > .chatbot {background-image:url('../images/chatbot.svg'); background-size:34px auto; background-position-y:11px; color:#0676dd; font-weight:500;}
#hd .navigator {display:none; height:41px; border-bottom:1px solid #ddd; -webkit-box-sizing:border-box; box-sizing:border-box;}
#hd .navigator .wrap_inner {font-size:0;}
#hd .navigator .wrap_inner > * {display:inline-block; *display:inline; *zoom:1; vertical-align:bottom;}
#hd .navigator .home {width:44px; height:40px; border:1px solid #ddd; border-width:0 1px; background:url('../images/i_home.svg') no-repeat center/16px auto;}
#hd .navigator select {width:216px; height:39px; border:0; border-right:1px solid #ddd; line-height:39px;}
#hd .submenu {display:none; position:absolute; left:0; top:128px; z-index:15; width:100%; border-top:1px solid #eee; background:#f9f9f9; -webkit-box-shadow:0 2px 4px 0 rgb(0,0,0,.1); -moz-box-shadow:0 2px 4px 0 rgb(0,0,0,.1); box-shadow:0 2px 4px 0 rgb(0,0,0,.1);}
#hd .submenu .wrap_inner > ul {font-size:0; text-align:center;}
#hd .submenu .wrap_inner > ul > li {display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
#hd .submenu .wrap_inner > ul > li > a {display:inline-block; padding:30px 20px; font-size:16px;}
@media (hover: hover) {
	#hd .submenu .wrap_inner > ul > li > a:hover {color:#0676dd; text-decoration:underline;}
}
#hd .submenu.submenu_policy {padding-bottom:30px;}
#hd .submenu.submenu_policy .wrap_inner > ul > li {padding:0 30px; text-align:left;}
#hd .submenu.submenu_policy .wrap_inner > ul > li > a {padding:30px 0 10px;}
#hd .submenu ul.depth3 {text-align:left;}
#hd .submenu ul.depth3 li a {display:block; padding:5px 0; color:var(--color-gray2); font-size:14px;}
@media (hover: hover) {
	#hd .submenu ul.depth3 li a:hover {color:#0676dd; text-decoration:underline;}
}
#hd .submenu.active {display:block;}
#hd.fixed .fixArea {position:fixed; top:0; left:0; z-index:10; width:100%; border-bottom:1px solid #eee; background:#fff;}
#hd.fixed .fixArea .navigator {display:none;}
/* #hd.fixed .fixArea .submenu {top:80px;} */

#hd.main {height:129px;}
#hd.main .navigator {display:none;}

#hd.map {height:61px;}
#hd.map .tophd {display:none;}
#hd.map > .inner {height:61px;}
#hd.map .gnb .menu ul li a {height:60px; font-size:16px; line-height:60px;}
#hd.map .gnb .btn > * {height:60px; border-right:0;}
#hd.map .gnb .btn > span {padding-right:20px;}
#hd.map .gnb .btn > span > a {line-height:60px;}
#hd.map .gnb .btn > a {width:auto; padding:0 0 0 22px; background-size:auto 17px; background-position:center left; line-height:60px;}
#hd.map .gnb .btn > .login {padding-right:20px;}
#hd.map .gnb .btn > .login a {width:auto; padding:0 0 0 22px; background-size:auto 17px; background-position:center left; line-height:60px;}
#hd.map .gnb .btn > .login span {top:50%; right:0; bottom:auto; margin-top:-7px;}
#hd.map .gnb .btn > .mypage strong {font-size:inherit;}
#hd.map .gnb .btn > .mypage .submypage {top:60px;}
#hd.map .gnb .btn > .chatbot {width:60px; margin-left:26px; padding:0; background-size:34px auto; background-position:top 11px center; color:transparent; font-size:0;}
#hd.map .navigator {display:none;}
#hd.map .submenu {top:60px;}

/* ------------------------------------------------------------------------- */
/* 2-3. footer
/* ------------------------------------------------------------------------- */

#ft {position:relative; padding:40px 0 0 593px; background:#44494f;}
#ft:before {display:none; position:absolute; top:-174px; left:0; width:593px; height:174px; background:url('../images/bg_footer.svg') no-repeat center/100% auto; content:'';}
#ft .leftArea {position:absolute; left:0; top:0; width:593px; height:100%; padding:0 30px; background:#44494f; text-align:right; -webkit-box-sizing:border-box; box-sizing:border-box;}
#ft .leftArea .logo {margin:40px 0; font-size:0;}
#ft .leftArea .logo a {display:inline-block; position:relative; padding-left:41px; color:#fff; font-size:14px; font-weight:500;}
#ft .leftArea .logo a:before {display:block; position:absolute; top:50%; left:0; width:33px; height:30px; margin-top:-15px; background:url('../images/logo_bi_w.svg') no-repeat center/100% auto; content:'';}
#ft .leftArea .copy {color:#fff; font-size:14px; line-height:20px;}
#ft .btn_site {position:absolute; top:30px; right:50%; margin-right:-720px;}
#ft .btn_site .box_btn + .box_btn {margin-left:10px;}
#ft .btn_site .select_type {width:200px;}
#ft .menu {margin-left:-20px; padding:0 30px 20px; font-size:0;}
#ft .menu li {display:inline-block; *display:inline; *zoom:1; position:relative; vertical-align:middle;}
#ft .menu li.forMo {display:none;}
#ft .menu li + li:before {display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#ddd; content:'';}
#ft .menu li a {display:block; padding:0 20px; color:#fff; font-size:14px;}
#ft .menu li a span {color:#f6ea76; font-size:inherit;}
#ft address {padding:0 30px 20px; font-style:normal;}
#ft address dl {font-size:0;}
#ft address dl + dl {margin-top:10px;}
#ft address dl > * {display:inline-block; *display:inline; *zoom:1; color:#fff; font-size:14px; vertical-align:middle;}
#ft address dl dt {min-width:91px; font-weight:700;}
#ft .uselaw {padding:0 30px 40px; color:#fff; line-height:22px;}
#ft .uselaw span {display:block;}
#ft .seoulBnr {position:absolute; top:86px; right:50%; margin-right:-720px;}

/** 20240614 셀렉트 옵션박스 위치변경 **/
#ft dl.select_type > dd {top:initial; bottom: 46px; box-shadow: 2px 5px 5px rgb(0,0,0,0.2);}

#dimmed {display:none; position:fixed; top:0; right:0; bottom:0; left:0; z-index:40; width:100%; height:100%; background-color:rgba(0,0,0,0.7);}

/* ------------------------------------------------------------------------- */
/* 2-4. nav
/* ------------------------------------------------------------------------- */

#sideMenu {position:absolute; left:20px; top:20px; z-index:30; width:330px;}

/* 토글 버튼 */
#sideMenu .bigToggle {position:absolute; top:0; right:-60px; z-index:10; width:50px; height:50px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; -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);}
#sideMenu .bigToggle:before {display:block; position:absolute; top:50%; left:50%; width:14px; height:7px; margin:-3.5px 0 0 -7px; background:url('../images/arrow_bottom_blue.svg') no-repeat center/100% auto; content:'';}
#sideMenu .bigToggle.active:before {-webkit-transform:rotateX(180deg); -moz-transform:rotateX(180deg); transform:rotateX(180deg);}
@media (hover: hover) {
	#sideMenu .bigToggle:hover {background:#0676dd;}
	#sideMenu .bigToggle:hover:before {background-image:url('../images/arrow_bottom_w.svg');}
}

/* 토글 영역 */
#sideMenu .bigArea {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#sideMenu .bigArea > dt,
#sideMenu .bigArea h3 {color:#0676dd; font-size:20px; font-weight:700;}
#sideMenu .bigArea > dt {padding:16px 20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; -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);}
#sideMenu .bigToggle.active + .bigArea > dt {display:none;}
#sideMenu .bigArea h3 {padding:16px 0;}
/* 토글 영역 - 영역별 bg, shadow */
#sideMenu .bigArea > dd .wrap_box {padding:0 20px 24px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; -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);}
#sideMenu .bigArea > dd .wrap_box2 {padding:0 0 30px;}
#sideMenu .bigArea > dd .wrap_box3 {padding:0;}
#sideMenu .bigArea > dd .wrap_box4 {padding:8px 0 30px;}

#sideMenu .select_type dd .scroll_y {height:200px;}

/* 나는 사장 - 탭메뉴 */
#sideMenu .tab_business {margin-bottom:8px; border-bottom:1px solid #eee; font-size:0;}
#sideMenu .tab_business li {display:inline-block; *display:inline; *zoom:1; width:33.33%; padding:2px; text-align:center; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box;}
#sideMenu .tab_business 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; box-sizing:border-box;}
#sideMenu .tab_business li button strong {display:block; color:var(--color-gray); font-size:14px;}
#sideMenu .tab_business li button span {display:block; margin-top:4px; color:var(--color-gray);}
#sideMenu .tab_business li button.active {border-color:#0676dd;}
#sideMenu .tab_business li button.active strong,
#sideMenu .tab_business li button.active span {color:#0676dd;}
#sideMenu .tab_business li button.complete {border-color:#0676dd; background:#0676dd;}
#sideMenu .tab_business li button.complete strong,
#sideMenu .tab_business li button.complete span {color:#fff;}
@media (hover: hover) {
	#sideMenu .tab_business li button:hover {border-color:#0676dd;}
	#sideMenu .tab_business li button:hover strong,
	#sideMenu .tab_business li button:hover span {color:#0676dd;}
}

/* 비교담기 */
#sideMenu .compare {margin-top:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; -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);}
#sideMenu .compare > dl {padding:0 20px;}
#sideMenu .compare > dl > dt {padding-top:20px; font-size:14px; font-weight:500;}
#sideMenu .compare > dl > dd .btn {margin-top:0 !important;}
#sideMenu .compare > dl > dd .box_btn {padding:24px 0 30px;}


/* ------------------------------------------------------------------------- */
/* 2-5. aside - 우측 리포트
/* ------------------------------------------------------------------------- */

.rightReport {display:none; position:fixed; top:0; right:0; z-index:40; width:750px; height:100%; background:#fff;}
.rightReport .reduce {position:absolute; left:-40px; top:50%; z-index:10; width:40px; height:80px; margin-top:-40px; background:#fff;}
.rightReport .reduce:before {display:block; position:absolute; top:50%; left:50%; width:20px; height:14px; margin:-7px 0 0 -10px; background:url('../images/i_reduce.svg') no-repeat center/100% auto; content:'';}
.rightReport .reduce.active:before {-webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:rotateY(180deg);}
.rightReport > dl > dt {position:relative; height:50px; padding:0 20px; background:#0676dd; font-size:0;}
.rightReport > dl > dt strong,
.rightReport > dl > dt .subs {display:inline-block; *display:inline; *zoom:1; color:#fff; line-height:50px; vertical-align:middle;}
.rightReport > dl > dt strong {font-size:16px;}
.rightReport > dl > dt .subs {padding-left:15px; font-size:11px;}
.rightReport > dl > dt .pattern {position:absolute; top:50%; right:230px; font-size:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.rightReport > dl > dt .pattern > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.rightReport > dl > dt .pattern dt {padding-right:5px; color:#fff;}
.rightReport > dl > dt .pattern dd button {position:relative; width:42px; height:20px; padding:0; border:2px solid #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; opacity:.7;-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s;}
.rightReport > dl > dt .pattern dd button:before,
.rightReport > dl > dt .pattern dd button:after {display:block; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.rightReport > dl > dt .pattern dd button:before {left:3px; width:12px; height:12px; border-radius:50%; background:#fff; content:'';}
.rightReport > dl > dt .pattern dd button:after {right:3px; color:#fff; font-family:'Noto Sans KR'; font-size:10px; font-weight:500; content:'OFF'}
.rightReport > dl > dt .pattern dd button.active {opacity:1;}
.rightReport > dl > dt .pattern dd button.active:before {right:3px; left:auto;}
.rightReport > dl > dt .pattern dd button.active:after {right:auto; left:3px; content:'ON';}
.rightReport > dl > dt .qna {position:absolute; top:0;}
.rightReport > dl > dt .qna.txt {right:102px; color:#fff; line-height:50px;}
.rightReport > dl > dt .qna.img {display:none; width:18px; height:18px; background:url('../images/i_call_w.svg') no-repeat center/18px auto; color:transparent; font-size:0;}
.rightReport > dl > dt > button {position:absolute; top:0; width:18px; height:18px; padding:16px 12px; background-repeat:no-repeat; background-position:center; background-size:18px auto; color:transparent; font-size:0; -webkit-box-sizing:content-box; box-sizing:content-box;}
.rightReport > dl > dt > .btn {position:absolute; top:0;}
.rightReport > dl > dt > .btn button {width:18px; height:18px; padding:16px 12px; background-repeat:no-repeat; background-position:center; background-size:18px auto; color:transparent; font-size:0; -webkit-box-sizing:content-box; box-sizing:content-box;}
.rightReport > dl > dt .close {right:3px;}
.rightReport > dl > dt .close button {width:16px; height:16px; padding:17px; background-image:url('../images/close_w.svg'); background-size:16px auto;}
.rightReport > dl > dt .compare {right:92px;}
.rightReport > dl > dt .compare button {background-image:url('../images/i_compare.svg');}
.rightReport > dl > dt .print {right:50px;}
.rightReport > dl > dt .print button {background-image:url('../images/i_print.svg');}
.rightReport > dl > dt .excel {right:50px;}
.rightReport > dl > dt .excel button {background-image:url('../images/i_excel_w.svg');}
.rightReport > dl > dt .tooltip {top:40px; right:7px; width:67px;}
.rightReport > dl > dt .close .tooltip {width:45px;}
.rightReport .wrapTab {padding-top:6px; -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);}
.rightReport .wrapTab > div {margin:-10px 0 0 -24px; padding:16px 20px; font-size:0;}
.rightReport .wrapTab > div dl {display:inline-block; *display:inline; *zoom:1; margin:10px 0 0 24px; font-size:0; vertical-align:middle;}
.rightReport .wrapTab > div dl > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.rightReport .wrapTab > div dl dt {margin-right:8px; font-size:14px; font-weight:700;}
.rightReport .wrapTab > div dl dd {font-size:14px;}
.rightReport .tabcnt_common2 > .explain {padding:10px 20px 0; font-size:14px;}
.rightReport .tabcnt_common2 > .explain strong {font-size:inherit;}
.rightReport .tabcnt_common2 > .explain .warning {margin-top:8px; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#f9f9f9; font-size:14px;}
/* <2025.08.26> 요청에 의한 추가 - 분석리포트  상단 신용보증재단 정보 추가 */
.rightReport .tabcnt_common2 > .explain .scgf_info {margin-bottom:5px; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#ffffcc; font-size:17px;}
/* <2025.09.09> 분석리포트 재단 지도 이동 버튼 추가 */
.rightReport .tabcnt_common2 > .explain .move_scgf {display:flex; justify-content:right; width:100%;}
.rightReport .tabcnt_common2 > .explain button {width:100%; color:#FFFFFF; background-color:#0676dd; padding:8px 12px; font:inherit; border-radius: 8px; font-size:14px;}
.rightReport .tabcnt_common2 > .explain2 {padding-bottom:30px; border-bottom:16px solid #f1f1f1; font-size:14px; text-align:center;}
.rightReport .tabcnt_common2 > .explain2 > strong {font-size:14px;}
.rightReport .tabcnt_common2 > .explain2 .title {padding:30px 0; font-size:18px;}
.rightReport .tabcnt_common2 > .explain2 .title strong {color:#0676dd; font-size:18px;}
.rightReport .tabcnt_common2 > .explain2 .dataValue {padding-bottom:10px;}
.rightReport .tabcnt_common2 > .explain2 .dataValue p {background-repeat:no-repeat; background-position:top center; font-size:24px; font-weight:700;}
.rightReport .tabcnt_common2 > .explain2 ul.wrap_dataValue {padding-bottom:20px; font-size:0; text-align:center;}
.rightReport .tabcnt_common2 > .explain2 ul.wrap_dataValue > li {display:inline-block; *display:inline; *zoom:1; padding:0 30px; vertical-align:top;}
.rightReport .tabcnt_common2 > .explain2 ul.wrap_dataValue > li .dataValue {padding-bottom:0;}
.rightReport .tabcnt_common2 > .explain2 ul.wrap_dataValue > li .dataValue span {display:block; margin-bottom:15px; font-size:14px;}
.rightReport .tabcnt_common2 > .explain2 ul.wrap_dataValue > li .dataValue p {min-width:64px; padding-top:72px; background-size:64px auto; font-size:14px;}
.rightReport .tabcnt_common2 > .explain2 ul.wrap_dataValue > li.si.singular .dataValue span,
.rightReport .tabcnt_common2 > .explain2 ul.wrap_dataValue > li.si + li.dong .dataValue span,
.rightReport .tabcnt_common2 > .explain2 ul.wrap_dataValue > li.si + li.gu .dataValue span {font-weight:700;}
.rightReport .tabcnt_common2 > .explain2 ul.wrap_dataValue > li.si.singular .dataValue p,
.rightReport .tabcnt_common2 > .explain2 ul.wrap_dataValue > li.si + li.dong .dataValue p,
.rightReport .tabcnt_common2 > .explain2 ul.wrap_dataValue > li.si + li.gu .dataValue p {min-width:84px; padding-top:92px; background-size:84px auto; font-size:24px;}
.rightReport .tabcnt_common2 > .tableArea {padding-top:20px;}
.rightReport .tabcnt_common2 > dl {padding:0 20px 30px; border-bottom:16px solid #f1f1f1;}
.rightReport .tabcnt_common2 > dl > dt {padding:40px 0 10px; font-size:15px;}
.rightReport .tabcnt_common2 > dl > dt.relative .subs {position:absolute; right:0; top:30px; color:#999; font-size:14px; font-weight:400;}
.rightReport .tabcnt_common2 > dl.toggle_view > dt {position:relative; padding-bottom:8px; border-bottom:1px solid #999; font-size:16px;}
.rightReport .tabcnt_common2 > dl.toggle_view > dt:before {display:block; position:absolute; right:0; top:37px; width:10px; height:5px; background:url('../images/arrow_bottom_bk.svg') no-repeat center/100% auto; content:'';}
.rightReport .tabcnt_common2 > dl.toggle_view > dd {padding:20px; background:#f1f1f1; font-size:14px;}
.rightReport .tabcnt_common2 > dl.toggle_view > dt.active {padding-bottom:16px; border-color:#f1f1f1;}
.rightReport .swiper_report {padding:24px 20px 30px; border-bottom:16px solid #f1f1f1;}
.rightReport .list_report {margin-left:-10px; font-size:0; text-align:center;}
.rightReport .list_report > li {display:inline-block; *display:inline; *zoom:1; width:calc(33.33% - 10px); margin-left:10px; padding:4px 10px 12px; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:left; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box;}
.rightReport .list_report > li p {position:relative; padding:16px 0 16px 22px; font-size:14px; font-weight:700;}
.rightReport .list_report > li p:before {display:block; position:absolute; top:50%; left:0; width:14px; height:14px; margin-top:-7px; border-radius:50%; content:'';}
.rightReport .list_report > li dl {padding:4px 0; font-size:0;}
.rightReport .list_report > li dl > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
.rightReport .list_report > li dl dt {width:62px; font-weight:700;}
.rightReport .list_report > li.first p {color:#e02171;}
.rightReport .list_report > li.first p:before {background:#e02171;}
.rightReport .list_report > li.second p {color:#32caaf;}
.rightReport .list_report > li.second p:before {background:#32caaf;}
.rightReport .list_report > li.third p {color:#3b99ce;}
.rightReport .list_report > li.third p:before {background:#3b99ce;}
.rightReport .list_chart {margin:20px 0 0 -10px; padding:0 20px 30px; font-size:0;}
.rightReport .list_chart > li {display:inline-block; *display:inline; *zoom:1; width:calc(50% - 10px); margin:10px 0 0 10px; vertical-align:top;}
.rightReport.active {display:block;}

.rightReport .list_chart > li .area {padding:20px 0px;}

/* ------------------------------------------------------------------------- */
/* 3. Page
/* ------------------------------------------------------------------------- */

#cnt {min-height:500px; padding-bottom:100px;}
#cnt > article {position:relative;}

/* ------------------------------------------------------------------------- */
/* 3-1. 메인
/* ------------------------------------------------------------------------- */

#main .visual {position:relative; margin-bottom:200px;}
#main .visual:before {display:block; position:absolute; bottom:-147px; left:0; z-index:-5; width:100%; height:200px; background:linear-gradient(#eef5f9, #fff); content:'';}
#main .visual .wrap_inner {position:relative;}
#main .visual .title {padding:80px 0 90px; font-size:70px; font-weight:300;}
#main .visual .title span {display:block; color:#0676dd; font-size:inherit; font-weight:400;}
#main .visual .title .small {padding-bottom:25px; font-size:24px; font-weight:400;}
#main .visual .illu {position:absolute; z-index:-1; background-repeat:no-repeat; background-position:center; background-size:100% auto;}
#main .visual .illu.namsan {top:36px; right:0; width:541px; height:428px; background-image:url('../images/il_namsan.svg');}
#main .visual .illu.service {bottom:-158px; left:0; width:550px; height:464px; background-image:url('../images/il_service.svg');}
#main .visual .menu {font-size:0;}
#main .visual .menu li {display:inline-block; *display:inline; *zoom:1; vertical-align:bottom;}
#main .visual .menu li + li {margin-left:20px;}
#main .visual .menu li dl {width:260px; height:380px; padding:0 20px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:rgba(247,247,247,0.9); text-align:left; -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s; -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); -webkit-box-sizing:border-box; box-sizing:border-box;}
#main .visual .menu li dl dt {padding:251px 0 10px; background-repeat:no-repeat; background-position-x:center; font-size:30px; font-weight:700;}
#main .visual .menu li.best dl dt {background-image:url('../images/il_best.svg'); background-position-y:40px; background-size:210px auto;}
#main .visual .menu li.business dl dt {background-image:url('../images/il_business.svg'); background-position-y:43px; background-size:100px auto;}
#main .visual .menu li.start dl dt {background-image:url('../images/il_start.svg'); background-position-y:34px; background-size:154px auto;}
#main .visual .menu li dl dd {color:var(--color-gray2); font-size:16px;}
@media (hover: hover) {
	#main .visual .menu li a:hover dl {background:#ffc400; -webkit-box-shadow:10px 10px 1px 0 rgba(0,0,0,.1); -moz-box-shadow:10px 10px 1px 0 rgba(0,0,0,.1); box-shadow:10px 10px 1px 0 rgba(0,0,0,.1); -webkit-transform:translateY(-20px); -moz-transform:translateY(-20px); transform:translateY(-20px);}
	#main .visual .menu li a:hover dl dd {color:#222;}
}
#main h3 {padding:20px 0 30px; font-size:34px; font-weight:500; text-align:center;}
#main .box_select {margin-bottom:50px; font-size:0; text-align:center;}
#main .box_select select {display:inline-block; *display:inline; *zoom:1; width:240px; height:40px; border:0; border-bottom:2px solid #222; font-size:16px; line-height:38px; vertical-align:top;}
#main .box_select select + select {margin-left:30px;}
#main ul.list_col {margin-left:-30px;}
#main ul.list_col li {width:calc(33.33% - 30px); margin-left:30px;}
#main ul.list_col > li > dl {width:100%; height:326px; padding:0 30px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#f9f9f9; -webkit-box-shadow:4px 4px 4px 0 rgba(0,0,0,.1); -moz-box-shadow:4px 4px 4px 0 rgba(0,0,0,.1); box-shadow:4px 4px 4px 0 rgba(0,0,0,.1); -webkit-box-sizing:border-box; box-sizing:border-box;}
#main ul.list_col > li > dl > dt {padding:30px 0; font-size:18px; font-weight:500;}
#main ul.list_col > li > dl > dt.relative .subs {position:absolute; top:30px; right:0; color:var(--color-gray);}
#main ul.list_col > li > dl > dd .chartArea {min-height:0; padding:0; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
#main ul.list_col > li > dl > dd .chartArea ul {font-size:0;}
#main ul.list_col > li > dl > dd .chartArea ul li {display:inline-block; *display:inline; *zoom:1; width:calc(50% - 20px); margin:0 10px; vertical-align:top;}
#main ul.list_col > li > dl > dd .chartArea ul li.contrast {width:25%; margin:0;}
#main ul.list_col > li > dl > dd .chartArea ul li dl {display:flex; flex-direction:column; justify-content:space-between; height:120px; padding:0 10px 20px; border:1px solid #ddd; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;}
#main ul.list_col > li > dl > dd .chartArea ul li dl dt {padding:20px 0; font-weight:500; letter-spacing:-0.04rem;}
#main ul.list_col > li > dl > dd .chartArea ul li dl dd p {color:var(--color-gray); font-size:25px; font-weight:500;}
#main ul.list_col > li > dl > dd .chartArea ul li dl dd p span {padding-right:5px; font-size:35px; font-weight:inherit;}
#main ul.list_col > li > dl > dd .chartArea ul li.contrast.up dl {border-color:#f0047f; background:#f0047f;}
#main ul.list_col > li > dl > dd .chartArea ul li.contrast.down dl {border-color:#0676dd; background:#0676dd;}
#main ul.list_col > li > dl > dd .chartArea ul li.contrast dl dt {padding-bottom:5px; color:#fff;}
#main ul.list_col > li > dl > dd .chartArea ul li.contrast dl dd p {position:relative; padding-left:12px; color:#fff; font-size:14px; font-weight:500;}
#main ul.list_col > li > dl > dd .chartArea ul li.contrast dl dd p:before {display:block; position:absolute; top:50%; left:0; width:8px; height:8px; margin-top:-4px; background-repeat:no-repeat; background-position:center;  background-size:100% auto; content:'';}
#main ul.list_col > li > dl > dd .chartArea ul li.contrast dl dd p span {padding-right:3px; color:#fff; font-size:20px; font-weight:inherit;}
#main ul.list_col > li > dl > dd .chartArea ul li.contrast.up dl dd p:before {background-image:url('../images/i_plus_wh.svg');}
#main ul.list_col > li > dl > dd .chartArea ul li.contrast.down dl dd p:before {background-image:url('../images/i_minus_wh.svg');}
#main ul.list_col > li > dl > dd .chartArea.relative {padding-left:50% !important;}
#main ul.list_col > li > dl > dd .chartArea.relative .graph {position:absolute; top:0; left:0; width:40%; height:100%;}
#main ul.list_col > li > dl > dd .labelArea {padding:15px 0;}
#main ul.list_col > li > dl > dd .labelArea dl {padding:5px 0; font-size:0;}
#main ul.list_col > li > dl > dd .labelArea dl > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
#main ul.list_col > li > dl > dd .labelArea dl dt {width: 55%;font-size:14px;letter-spacing:-0.04rem;}
#main ul.list_col > li > dl > dd .labelArea dl dt span {display:inline-block; width:18px; height:18px; margin-right:5px; border-radius:50%; vertical-align:middle;}
#main ul.list_col > li > dl > dd .labelArea dl dd {width: 45%;font-size:14px;font-weight:700;text-align:right;}
#main ul.list_col > li > dl > dd .labelArea dl dd span {padding-right:5px; font-size:inherit; font-weight:inherit;}
#main ul.list_col > li > dl > dd .labelArea + .labelArea {border-top:1px solid #ddd;}
#main ul.list_col > li > dl > dd .chartArea + .labelArea {width:50%; margin-left:50%;}
#main ul.list_col > li > dl > dd .chartArea.relative + .labelArea {width:auto;}


/* ------------------------------------------------------------------------- */
/* 3-2. 지도
/* ------------------------------------------------------------------------- */

/* 상단 현재 주소 */
.recentAddr {position:absolute; left:50%; top:20px; z-index:10; width:284px; 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,.1); -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.1); box-shadow:0 2px 4px 0 rgba(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; width:38%; vertical-align:middle;}
.recentAddr > *:last-child > dt {-webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;}
.recentAddr .si {width:24%; 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;}
.recentAddr .select_type dd input[type="radio"].rdSigun {visibility:hidden; position:absolute; top:0; left:0; z-index:-1; width:1px; height:1px; font-size:0; line-height:0;}
.recentAddr .select_type dd ul li:first-child {margin-top:8px;}
.recentAddr .select_type dd ul li:last-child {margin-bottom:8px;}

/* 우측 메뉴 */
.rightMenu {position:absolute; right:20px; top:20px; z-index:30;}
.rightMenu > ul {width:69px; padding:2px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; -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); -webkit-box-sizing:border-box; box-sizing:border-box;}
.rightMenu > ul + ul {margin-top:10px;}
.rightMenu > ul > li {position:relative;}
.rightMenu > ul > li + li {margin-top:2px;}
.rightMenu > ul > li > a {display:block; position:relative; height:63px; padding:30px 0 10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;}
/* <2025.08.26> 요청에 의한 추가 - 종합지원센터위치 추가 */
.rightMenu > ul > li > a .support_center {font-size: 11px;}
.rightMenu > ul > li .tooltip {right:80px; width:200px;}
.rightMenu > ul + ul > li > a {height:30px; padding:0; line-height:30px;}
.rightMenu > ul > li > a:before {display:block; position:absolute; left:50%; top:10px; width:16px; height:16px; margin-left:-8px; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
.rightMenu > ul > li .submenu {display:none; position:absolute; right:65px; top:0; z-index:15; padding-right:10px;}
.rightMenu > ul > li .submenu > ul {width:69px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; -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);}
.rightMenu > ul > li .submenu > ul > li {padding:2px;}
.rightMenu > ul > li .submenu > ul > li:first-child {-webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px;}
.rightMenu > ul > li .submenu > ul > li:last-child {-webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px;}
.rightMenu > ul > li .submenu > ul > li > a {display:block; padding:8px 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:var(--color-gray); font-weight:500; text-align:center;}
.rightMenu > ul > li .submenu > ul > li > a.active {background:#0676dd; color:#fff;}
@media (hover: hover) {
	.rightMenu > ul > li .submenu > ul > li > a:hover {background:#0676dd; color:#fff;}
}
.rightMenu > ul > li .submenu.active {display:block;}
/* 우측 메뉴 - 상권영역, 점포이력, 주변정보, 유동인구, 인구밀도, 제로페이 */
.rightMenu > ul > li.district > a:before {background-image:url('../images/i_district.svg');}
.rightMenu > ul > li.history > a:before {background-image:url('../images/i_history.svg') !important;}
.rightMenu > ul > li.aroundInfo > a:before {background-image:url('../images/i_aroundInfo.svg');}
.rightMenu > ul > li.floating > a:before {background-image:url('../images/i_floating.svg');}
.rightMenu > ul > li.density > a:before {background-image:url('../images/i_density.svg');}
.rightMenu > ul > li.zeropay > a:before {background-image:url('../images/i_zeropay.svg');}
.rightMenu > ul > li.foundation > a:before {background-image:url('../images/poi_foundation.svg');}
/* 20230926 */
.rightMenu > ul > li.building > a:before {background-image:url('../images/i_building.png');}
.rightMenu > ul > li.road > a:before {background-image:url('../images/i_road.png');}

.rightMenu > ul > li > a.active {background-color:#0676dd; color:#fff; font-weight:500;}
.rightMenu > ul > li.foundation > a.active p{background-color:#0676dd; color:#fff; font-weight:500;}
.rightMenu > ul > li.district > a.active:before {background-image:url('../images/i_district_w.svg');}
.rightMenu > ul > li.history > a.active:before {background-image:url('../images/i_history_w.svg') !important;}
.rightMenu > ul > li.aroundInfo > a.active:before {background-image:url('../images/i_aroundInfo_w.svg');}
/* 20230926 */
.rightMenu > ul > li.building > a.active:before {background-image:url('../images/i_building_w.png');}
.rightMenu > ul > li.road > a.active:before {background-image:url('../images/i_road_w.png');}

/* .rightMenu > ul > li.floating > a.active:before {background-image:url('../images/i_floating_w.svg');} */
.rightMenu > ul > li.density > a.active:before {background-image:url('../images/i_density_w.svg');}
.rightMenu > ul > li.zeropay > a.active:before {background-image:url('../images/i_zeropay_w.svg');}
.rightMenu > ul > li.foundation > a.active:before {background-image:url('../images/poi_foundation.svg');}
@media (hover: hover) {
	.rightMenu > ul > li > a:hover {background-color:#0676dd; color:#fff; font-weight:500;}
	.rightMenu > ul > li.foundation > a:hover p{color:#fff; font-weight:500;}
	.rightMenu > ul > li.district > a:hover:before {background-image:url('../images/i_district_w.svg');}
	.rightMenu > ul > li.history > a:hover:before {background-image:url('../images/i_history_w.svg') !important;}
	.rightMenu > ul > li.aroundInfo > a:hover:before {background-image:url('../images/i_aroundInfo_w.svg');}
	/* 20230926 */
	.rightMenu > ul > li.building > a:hover:before {background-image:url('../images/i_building_w.png') !important;}
	.rightMenu > ul > li.road > a:hover:before {background-image:url('../images/i_road_w.png') !important;}
	
/* 	.rightMenu > ul > li.floating > a:hover:before {background-image:url('../images/i_floating_w.svg');} */
	.rightMenu > ul > li.density > a:hover:before {background-image:url('../images/i_density_w.svg');}
	.rightMenu > ul > li.zeropay > a:hover:before {background-image:url('../images/i_zeropay_w.svg');}
	.rightMenu > ul > li.foundation > a:hover:before {background-image:url('../images/poi_foundation.svg');}
}


/* 우측 메뉴 - 유동인구 하위메뉴 */
.rightMenu > ul > li.floating .submenu {z-index:10; text-align:right;}
.rightMenu > ul > li.floating .submenu > ul {display:none; width:248px; background:transparent; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.rightMenu > ul > li.floating .submenu > ul > li {-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,.1); -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.1); box-shadow:0 2px 4px 0 rgba(0,0,0,.1);}
.rightMenu > ul > li.floating .submenu > ul > li + li {margin-top:5px;}
.rightMenu > ul > li.floating .submenu > ul > li select {display:inline-block; *display:inline; *zoom:1; width:80px; height:30px; padding:0 30px 0 10px; border-color:#ddd; background-position:center right 10px; font-size:12px; font-weight:500; line-height:28px; vertical-align:middle;}
.rightMenu > ul > li.floating .submenu > ul > li select + select {margin-left:2px;}
.rightMenu > ul > li.floating .submenu > ul > li .box_legend {padding:8px;}
.rightMenu > ul > li.floating .submenu > ul > li .box_legend .unit {margin-bottom:4px; font-size:0;}

/** 20240805 사이트점검 **/
.rightMenu > ul > li.floating .submenu > ul > li .box_legend .unit span {display:inline-block; *display:inline; *zoom:1;width:50%;color: #0676dd;font-weight:700;text-align:left;vertical-align:middle;}

.rightMenu > ul > li.floating .submenu > ul > li .box_legend .unit span + span {color:#e02171; text-align:right;}
.rightMenu > ul > li.floating .submenu > ul > li .box_legend .bar ul {font-size:0;}
.rightMenu > ul > li.floating .submenu > ul > li .box_legend .bar ul li {display:inline-block; *display:inline; *zoom:1; width:20%; height:8px; vertical-align:middle;}
.rightMenu > ul > li.floating .submenu > ul > li .box_legend .bar ul li:first-child {-webkit-border-top-left-radius:4px; -moz-border-top-left-radius:4px; border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-bottom-left-radius:4px; border-bottom-left-radius:4px;}
.rightMenu > ul > li.floating .submenu > ul > li .box_legend .bar ul li:last-child {-webkit-border-top-right-radius:4px; -moz-border-top-right-radius:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-bottom-right-radius:4px; border-bottom-right-radius:4px;}
.rightMenu > ul > li.floating .submenu > ul > li .box_legend .standard {margin-top:5px; font-weight:500; text-align:center;}
.rightMenu > ul > li.floating .submenu > ul.active {display:block;}

/** 20240806 사이트점검 **/
.rightMenu > ul > li.floating .submenu > ul.active .lable_ara{display:inline-block; margin-left:2px;}
.rightMenu > ul > li.floating .submenu > ul.active .lable_ara:first-child{margin-left:0px;}
.rightMenu > ul > li.floating .submenu > ul.active .lable_ara label{overflow: hidden; display:block; position:absolute; top:-100000px; left:-1000000px; border: 0; width: 0px; height: 0px; clip: rect(1px, 1px, 1px, 1px);}

.rightMenu > ul > li.floating .submenu .floatingBtn {position:relative; width:66px; height:18px; right: 226px; top: -47px; transform: rotate(90deg); margin-top:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgba(255,255,255,0.8); -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);}
.rightMenu > ul > li.floating .submenu .floatingBtn.active {position:relative; top: 37px; right: -16px; width:40px;}
/* 레이아웃에 따른 커스텀  */
.rightMenu > ul > #liHistPop.floating .submenu .floatingBtn.active {position:relative; top: 90px; right: -10px; width:30px;}
.rightMenu > ul > #liPop.floating .submenu .floatingBtn.active {position:relative; top: 75px; right: -10px; width:30px;}
.rightMenu > ul > #liPopBuild.floating .submenu .floatingBtn.active {position:relative; top: 30px; right: -10px; width:30px;}
.rightMenu > ul > #liHeat.floating .submenu .floatingBtn.active {position:relative; top: -15px; right: -10px; width:30px;}
/* 레이아웃에 따른 커스텀  */
.rightMenu > ul > li.floating .submenu .floatingBtn:before {display:block; position:absolute; top:50%; left:50%; width:7px; height:4px; margin:-2px 0 0 -3.5px; background:url('../images/arrow_bottom2_bk.svg') no-repeat center/100% auto; content:'';}
.rightMenu > ul > li.floating .submenu .floatingBtn.active:before {-webkit-transform:scale(-1); -moz-transform:scale(-1); transform:scale(-1);}
/* 우측 메뉴 - 상권영향력 평가 */
.rightMenu > ul > li.ssmup > a,
.rightMenu > ul > li.ssmdown > a {letter-spacing:-0.04rem;}
.rightMenu > ul > li.market > a:before {width:18px; margin-left:-9px; background-image:url('../images/i_market.svg');}
.rightMenu > ul > li.shopping > a:before {width:18px; margin-left:-9px; background-image:url('../images/i_shopping.svg');}
.rightMenu > ul > li.complex > a:before {background-image:url('../images/i_complex.svg');}
.rightMenu > ul > li.department > a:before {width:17px; margin-left:-8.5px; background-image:url('../images/i_department.svg');}
.rightMenu > ul > li.speciality > a:before {width:17px; margin-left:-8.5px; background-image:url('../images/i_speciality.svg');}
.rightMenu > ul > li.etc > a:before {background-image:url('../images/i_etc.svg');}
.rightMenu > ul > li.ssmup > a:before {background-image:url('../images/i_ssmup.svg');}
.rightMenu > ul > li.ssmdown > a:before {background-image:url('../images/i_ssmdown.svg');}
.rightMenu > ul > li.market > a.active:before {background-image:url('../images/i_market_w.svg');}
.rightMenu > ul > li.shopping > a.active:before {background-image:url('../images/i_shopping_w.svg');}
.rightMenu > ul > li.complex > a.active:before {background-image:url('../images/i_complex_w.svg');}
.rightMenu > ul > li.department > a.active:before {background-image:url('../images/i_department_w.svg');}
.rightMenu > ul > li.speciality > a.active:before {background-image:url('../images/i_speciality_w.svg');}
.rightMenu > ul > li.etc > a.active:before {background-image:url('../images/i_etc_w.svg');}
.rightMenu > ul > li.ssmup > a.active:before {background-image:url('../images/i_ssmup_w.svg');}
.rightMenu > ul > li.ssmdown > a.active:before {background-image:url('../images/i_ssmdown_w.svg');}
@media (hover: hover) {
	.rightMenu > ul > li.market > a:hover:before {background-image:url('../images/i_market_w.svg');}
	.rightMenu > ul > li.shopping > a:hover:before {background-image:url('../images/i_shopping_w.svg');}
	.rightMenu > ul > li.complex > a:hover:before {background-image:url('../images/i_complex_w.svg');}
	.rightMenu > ul > li.department > a:hover:before {background-image:url('../images/i_department_w.svg');}
	.rightMenu > ul > li.speciality > a:hover:before {background-image:url('../images/i_speciality_w.svg');}
	.rightMenu > ul > li.etc > a:hover:before {background-image:url('../images/i_etc_w.svg');}
	.rightMenu > ul > li.ssmup > a:hover:before {background-image:url('../images/i_ssmup_w.svg');}
	.rightMenu > ul > li.ssmdown > a:hover:before {background-image:url('../images/i_ssmdown_w.svg');}
}
.rightMenu > ul.extend {width:138px; padding:2px 2px 0 0; font-size:0;}
.rightMenu > ul.extend > li {display:inline-block; *display:inline; *zoom:1; width:50%; padding:0 0 2px 2px; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box;}
.rightMenu > ul.extend > li + li {margin-top:0;}
l {margin-left:auto;}

/* 지도 기능 버튼 */
/* .mapBtn {position:absolute; border-radius: 5px; background-color: ghostwhite; right:38.5%; bottom:20px; z-index:30;} */
.mapBtn {position:absolute; border-radius: 5px; background-color: ghostwhite; right:38.5%; bottom:7%; z-index:30;}
.mapBtn > * + * {float: left; margin: 10px 10px;}
.mapBtn button {display:block; position:relative; width:32px; height:32px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0;}
/* 지도 기능 버튼 - 툴팁 */
.mapBtn .relative button span {display:none; position:absolute; left:-13px; top:-30px; width:65px; padding:0 10px; height:36px; margin:-18px 5px 0 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgba(34,34,34,0.8); color:#fff; font-weight:500; line-height:36px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.mapBtn .relative button span:before {display:block; position:absolute; right:50%; width:5px; height:97px; margin-top:-4.5px; background:url('../images/bg_balloon.svg') no-repeat center/100% auto; content:''; top:-6px; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg);}
.mapBtn .relative button:hover span {display:block;}
.mapBtn .relative button:disabled:hover span {display:none;}

.mapBtn > span,
.mapBtn > ul > li {float: left; padding:2px; background:#fff; -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.4); -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,0.4); box-shadow:0 2px 4px 0 rgba(0,0,0,0.4);}
.mapBtn > span {display:block; margin:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,0.4); -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,0.4); box-shadow:0 2px 4px 0 rgba(0,0,0,0.4);}
/*.mapBtn > ul > li + li {border-top:1px solid #ddd;}*/	
.mapBtn > ul > li:first-child {-webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px;}
.mapBtn > ul > li:last-child {-webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px;}
.mapBtn > ul > li button {position:relative; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#fff;}
.mapBtn > ul > li button:before {display:block; position:absolute; top:50%; left:50%; width:16px; height:16px; margin:-8px 0 0 -8px; background-repeat:no-repeat; background-position:center; background-size:auto 100%; background-color:transparent; content:'';}
/* 지도 기능 버튼 - 지형도, 위성지도 */
.mapBtn .maptype li button.active {background-color:#0676dd;}
.mapBtn .maptype li.contour button:before {background-image:url('../images/i_contour.svg');}
.mapBtn .maptype li.contour button.active:before {background-image:url('../images/i_contour_w.svg');}
.mapBtn .maptype li.satellite button:before {background-image:url('../images/i_satellite.svg');}
.mapBtn .maptype li.satellite button.active:before {background-image:url('../images/i_satellite_w.svg');}
.mapBtn .maptype li.road button:before {background-image:url('../images/i_road.svg');}
.mapBtn .maptype li.road button.active:before {background-image:url('../images/i_road_w.svg');}
@media (hover: hover) {
	.mapBtn .maptype li.contour button:hover:before {background-image:url('../images/i_contour_b.svg');}
	.mapBtn .maptype li.satellite button:hover:before {background-image:url('../images/i_satellite_b.svg');}
	.mapBtn .maptype li.road button:hover:before {background-image:url('../images/i_road_b.svg');}
	.mapBtn .maptype li.contour button.active:hover:before {background-image:url('../images/i_contour_w.svg');}
	.mapBtn .maptype li.satellite button.active:hover:before {background-image:url('../images/i_satellite_w.svg');}
	.mapBtn .maptype li.road button.active:hover:before {background-image:url('../images/i_road_w.svg');}
}
/* 지도 기능 버튼 - 현위치 */
.mapBtn .current button:before {display:block; position:absolute; left:50%; top:50%; width:16px; height:16px; margin:-8px 0 0 -8px; background:url('../images/i_currentSpot.svg') no-repeat center/100% auto; content:'';}
/* 지도 기능 버튼 - 거리재기, 면적재기, 지우기 */
.mapBtn .calc li button.active {background-color:#0676dd;}
.mapBtn .calc li.distance button:before {background-image:url('../images/i_distance.svg');}
.mapBtn .calc li.distance button.active:before {background-image:url('../images/i_distance_w.svg');}
.mapBtn .calc li.area button:before {background-image:url('../images/i_area.svg');}
.mapBtn .calc li.area button.active:before {background-image:url('../images/i_area_w.svg');}
.mapBtn .calc li.erase button:before {width:18px; height:13px; margin:-6.5px 0 0 -9px; background-image:url('../images/i_erase.svg');}
.mapBtn .calc li.erase button:disabled:before {background-image:url('../images/i_erase_disable.svg');}
@media (hover: hover) {
	.mapBtn .calc li.distance button:hover:before {background-image:url('../images/i_distance_b.svg');}
	.mapBtn .calc li.area button:hover:before {background-image:url('../images/i_area_b.svg');}
	.mapBtn .calc li.distance button.active:hover:before {background-image:url('../images/i_distance_w.svg');}
	.mapBtn .calc li.area button.active:hover:before {background-image:url('../images/i_area_w.svg');}
}
/* 지도 기능 버튼 - 줌인, 줌아웃 */
.mapBtn .zoom li.zoomin button:before {background-image:url('../images/i_zoomin.svg');}
.mapBtn .zoom li.zoomin button:disabled:before {background-image:url('../images/i_zoomin_disable.svg');}
.mapBtn .zoom li.zoomout button:before {background-image:url('../images/i_zoomout.svg');}
.mapBtn .zoom li.zoomout button:disabled:before {background-image:url('../images/i_zoomout_disable.svg');}
/* 지도 기능 버튼 - 비교 담기 리스트 */
.mapBtn .compareList {display:none;}

/* 로드뷰 */
#roadmap {z-index:35 !important;}
.roadx {top:10px !important; left:10px !important; z-index:40 !important;}
.roadx a {display:block; position:relative; width:30px; height:30px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; -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);}
.roadx a:before {display:block; position:absolute; top:50%; left:50%; width:14px; height:14px; margin:-7px 0 0 -7px; background:url('../images/close.svg') no-repeat center/100% auto; content:'';}

/* 상권영역 */
.common_district {display:none;}
.common_district .poi {position:absolute; z-index:10;}
/*
.common_district .poi .data > div {position:relative; min-width:90px; height:62px; padding:15px 5px 10px; border-style:solid; border-width:1px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.common_district .poi .data p {color:#fff; font-size:11px; text-align:center;}
.common_district .poi .data p + p {margin-top:6px; font-size:12px; font-weight:700;}
.common_district .poi .data:hover > div {background:#fff;}
.common_district.active {display:block;}
*/
.common_district .poi .data {display:table; position:relative; width:100px; height:100px; margin:20px; border-radius:50%; text-align:center;}
.common_district .poi .data > div {display:table-cell; width:inherit; height:inherit; vertical-align:middle;}
.common_district .poi .data p {overflow:hidden; width:74px; height:24px; margin:0 auto; padding:0 3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; text-align:center; line-height:24px; white-space:nowrap; text-overflow:ellipsis; -webkit-transition:all .7s; -moz-transition:all .7s; transition:all .7s; -webkit-box-sizing:border-box; box-sizing:border-box;}
.common_district .poi .data p + p {margin-top:2px; background:#fff; font-weight:700;}
.common_district .poi .data:after {display:none; position:absolute; left:50%; top:50%; width:calc(100% - 2px); height:calc(100% - 2px); border-style:solid; background:transparent; border-radius:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%); content:'';}
@media (hover: hover) {
	.common_district .poi .data:hover:after {display:block; -webkit-animation:poiMove .7s infinite linear; -moz-animation:poiMove .7s infinite linear; -o-animation:poiMove .7s infinite linear; animation:poiMove .7s infinite linear;}
	.common_district .poi .data:hover p {background:#fff;}
	.common_district .poi .data:hover p + p {color:#fff;}
}
.common_district.active {display:block;}
@keyframes poiMove {
	from {border-width:0;}
	to {border-width:20px;}
}

.common_district2 .poi .data {width:100px !important; height:100px !important; white-space:nowrap; text-overflow:ellipsis;}
.common_district2 .poi .data p {width:74px !important; height:24px !important; padding:0 3px !important; font-size:12px !important; font-weight:400 !important; line-height:24px !important; white-space:nowrap; text-overflow:ellipsis; -webkit-transition:all .7s; -moz-transition:all .7s; transition:all .7s; -webkit-box-sizing:border-box; box-sizing:border-box;}

/* 상권영역 - 골목상권 */
/*
.byway_district .poi .data > div {border-color:#3446f0; background-color:#3446f0;}
.byway_district .poi .data:hover p {color:#3446f0;}
*/
.byway_district .poi .data {background-color:rgba(52,70,240,0.4);}
.byway_district .poi .data:after {border-color:rgba(52,70,240,0.2);}
.byway_district .poi .data p {background:#3446f0;}
.byway_district .poi .data p + p {color:#3446f0;}
@media (hover: hover) {
	.byway_district .poi .data:hover p {color:#3446f0;}
	.byway_district .poi .data:hover p + p {background:#3446f0;}
}
/* 상권영역 - 발달상권 */
/*
.develop_district .poi .data > div {border-color:#e02171; background-color:#e02171;}
.develop_district .poi .data:hover p {color:#e02171;}
*/
.develop_district .poi .data {background-color:rgba(224,33,113,0.4);}
.develop_district .poi .data:after {border-color:rgba(224,33,113,0.2);}
.develop_district .poi .data p {background:#e02171;}
.develop_district .poi .data p + p {color:#e02171;}
@media (hover: hover) {
	.develop_district .poi .data:hover p {color:#e02171;}
	.develop_district .poi .data:hover p + p {background:#e02171;}
}
/* 상권영역 - 전통시장 */
/*
.tradition_district .poi .data > div {border-color:#ffab24; background-color:#ffab24;}
.tradition_district .poi .data:hover p {color:#ffab24;}
*/
.tradition_district .poi .data {background-color:rgba(255,171,36,0.5);}
.tradition_district .poi .data:after {border-color:rgba(255,171,36,0.3);}
.tradition_district .poi .data p {background:#ffab24;}
.tradition_district .poi .data p + p {color:#ffab24;}
@media (hover: hover) {
	.tradition_district .poi .data:hover p {color:#ffab24;}
	.tradition_district .poi .data:hover p + p {background:#ffab24;}
}
/* 상권영역 - 관광특구 */
/*
.trip_district .poi .data > div {border-color:#34bca4; background-color:#34bca4;}
.trip_district .poi .data:hover p {color:#34bca4;}
*/
.trip_district .poi .data {background-color:rgba(52,188,164,0.4);}
.trip_district .poi .data:after {border-color:rgba(52,188,164,0.2);}
.trip_district .poi .data p {background:#34bca4;}
.trip_district .poi .data p + p {color:#34bca4;}
@media (hover: hover) {
	.trip_district .poi .data:hover p {color:#34bca4;}
	.trip_district .poi .data:hover p + p {background:#34bca4;}
}
/* 상권영역 - 상권정보주제도 */
.thematic_district .poi .data {width:90px; height:90px; background-color:rgba(255,224,87,1.0);}
.thematic_district .poi .data:after {border-color:rgba(255,224,87,0.3);}
.thematic_district .poi .data p {width:auto; height:auto; background:transparent; color:#222; font-weight:500; line-height:1.2;}
.thematic_district .poi .data p + p {background:transparent; color:#222;}
@media (hover: hover) {
	.thematic_district .poi .data:hover p {background:transparent; color:#222;}
	.thematic_district .poi .data:hover p + p {background:transparent; color:#222;}
}

/* 상권영역 - 순위 TOP 10 */
/*
.ranking_district .poi .data > div {margin-top:21px; border-color:#5b26db; background-color:#5b26db;}
.ranking_district .poi .data:hover p {color:#5b26db;}
*/
.ranking_district .poi span {position:absolute; top:10px; left:50%; z-index:5; width:31px; height:35px; margin-left:-15.5px; background:url('../images/flag.svg') no-repeat center/100% auto; color:#5b26db; font-size:16px; font-weight:700; text-align:center; line-height:29px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.ranking_district .poi.first span,
.ranking_district .poi.second span,
.ranking_district .poi.third span {background-image:url('../images/flag_top3.svg');}
.ranking_district .poi .data {background-color:rgba(91,38,219,0.4);}
.ranking_district .poi .data:after {border-color:rgba(91,38,219,0.2);}
.ranking_district .poi .data p {background:#5b26db;}
.ranking_district .poi .data p + p {color:#5b26db;}
@media (hover: hover) {
	.ranking_district .poi .data:hover p {color:#5b26db;}
	.ranking_district .poi .data:hover p + p {background:#5b26db;}
}

/* POI */
.common_poi {display:none;}
.common_poi .poi {position:absolute; z-index:10; cursor:pointer;}
.common_poi .poi svg.active {display:none;}
.common_poi .poi.active svg {display:none;}
.common_poi .poi.active svg.active {display:block;}
.common_poi.active {display:block;}

/* POI - 기본 */
.default_poi .poi:before {display:block; position:absolute; top:50%; left:50%; z-index:-1; border-radius:50%; -webkit-animation:currentPoi 1s linear; -moz-animation:currentPoi 1s linear; -o-animation:currentPoi 1s linear; animation:currentPoi 1s linear; content:'';}
@keyframes currentPoi {
	from {width:17px; height:17px; margin:-8.5px 0 0 -8.5px; background:rgba(224,33,113,0.8);}
	to {width:120px; height:120px; margin:-60px 0 0 -60px; background:rgba(224,33,113,0.3);}
}

/* POI - 주변정보 */
.around_poi .poi {width:20px; height:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:3px 3px 1px 0 rgba(0,0,0,0.2); -moz-box-shadow:3px 3px 1px 0 rgba(0,0,0,0.2); box-shadow:3px 3px 1px 0 rgba(0,0,0,0.2);}
.around_poi .poi svg {width:20px !important; height:20px !important;}
/*
.around_poi .poi:before {display:block; position:absolute; top:50%; left:50%; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
.around_poi.public_poi .poi:before {width:22px; height:22px; margin:-11px 0 0 -11px; background-image:url('../images/i_public.svg');}
.around_poi.finance_poi .poi:before {width:22px; height:14px; margin:-7px 0 0 -11px; background-image:url('../images/i_finance.svg');}
.around_poi.hospital_poi .poi:before {width:22px; height:22px; margin:-11px 0 0 -11px; background-image:url('../images/i_hospital.svg');}
.around_poi.school_poi .poi:before {width:22px; height:22px; margin:-11px 0 0 -11px; background-image:url('../images/i_school.svg');}
.around_poi.retail_poi .poi:before {width:22px; height:20px; margin:-10px 0 0 -11px; background-image:url('../images/i_retail.svg');}
.around_poi.culture_poi .poi:before {width:22px; height:22px; margin:-11px 0 0 -11px; background-image:url('../images/i_culture.svg');}
.around_poi.hotel_poi .poi:before {width:22px; height:22px; margin:-11px 0 0 -11px; background-image:url('../images/i_hotel.svg');}
.around_poi.subway_poi .poi:before {width:15px; height:22px; margin:-11px 0 0 -7.5px; background-image:url('../images/i_subway.svg');}
.around_poi.bus_poi .poi:before {width:22px; height:22px; margin:-11px 0 0 -11px; background-image:url('../images/i_bus.svg');}
*/

/* POI - 점포이력 */
.history_poi .poi {width:20px; height:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:3px 3px 1px 0 rgba(0,0,0,0.3); -moz-box-shadow:3px 3px 1px 0 rgba(0,0,0,0.3); box-shadow:3px 3px 1px 0 rgba(0,0,0,0.3);}
.history_poi .poi svg {width:20px !important; height:20px !important;}
/*
.history_poi .poi:before {display:block; position:absolute; top:50%; left:50%; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
.history_poi.choose_poi .poi {background:#45008c;}
.history_poi.choose_poi .poi:before {width:22px; height:22px; margin:-11px 0 0 -11px; background-image:url('../images/i_choose.svg');}
.history_poi.restaurant_poi .poi {background:#f01e9c;}
.history_poi.restaurant_poi .poi:before {width:22px; height:22px; margin:-11px 0 0 -11px; background-image:url('../images/i_restaurant.svg');}
.history_poi.service_poi .poi {background:#0676dd;}
.history_poi.service_poi .poi:before {width:14px; height:22px; margin:-11px 0 0 -7px; background-image:url('../images/i_service.svg');}
.history_poi.trade_poi .poi {background:#ff7426;}
.history_poi.trade_poi .poi:before {width:23px; height:20px; margin:-10px 0 0 -11.5px; background-image:url('../images/i_trade.svg');}
*/

/* POI - 제로페이 */
.zeropay_poi .poi {width:20px; height:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:3px 3px 1px 0 rgba(0,0,0,0.3); -moz-box-shadow:3px 3px 1px 0 rgba(0,0,0,0.3); box-shadow:3px 3px 1px 0 rgba(0,0,0,0.3);}
.zeropay_poi .poi svg {width:20px !important; height:20px !important;}
/*
.zeropay_poi .poi:before {display:block; position:absolute; top:50%; left:50%; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
.zeropay_poi.zrestaurant_poi .poi {background:#f01e9c;}
.zeropay_poi.zrestaurant_poi .poi:before {width:22px; height:22px; margin:-11px 0 0 -11px; background-image:url('../images/i_restaurant.svg');}
.zeropay_poi.zservice_poi .poi {background:#0676dd;}
.zeropay_poi.zservice_poi .poi:before {width:14px; height:22px; margin:-11px 0 0 -7px; background-image:url('../images/i_service.svg');}
.zeropay_poi.ztrade_poi .poi {background:#ff7426;}
.zeropay_poi.ztrade_poi .poi:before {width:23px; height:20px; margin:-10px 0 0 -11.5px; background-image:url('../images/i_trade.svg');}
.zeropay_poi.zetc_poi .poi {background:#222;}
.zeropay_poi.zetc_poi .poi:before {width:22px; height:22px; margin:-11px 0 0 -11px; background-image:url('../images/i_store_w.svg');}
*/

/* POI - 위치안내 */
.foundation_poi {position:unset;}
.foundation_poi .poi {width:20px; height:20px; border-radius:5px; -webkit-box-shadow:3px 3px 1px 0 rgba(0,0,0,0.3); -moz-box-shadow:3px 3px 1px 0 rgba(0,0,0,0.3); box-shadow:3px 3px 1px 0 rgba(0,0,0,0.3);}
.foundation_poi .poi svg {width:20px !important; height:20px !important;}
.foundation_poi .tooltip {width:65px; height:36px; margin:-43px 0 5px -20px; padding:0 10px;}
.foundation_poi .tooltip:before {bottom:-5px; left:50%; width:9px; height:5px; margin-left:-4.5px; background:url('./../images/bg_tooltip_bottom.svg') no-repeat center/100% auto;}
.foundation_poi .tooltip span {overflow:hidden; display:block; width:100%; height:100%; color:var(--color-white); font-size:12px; line-height:36px; white-space:nowrap; text-overflow:ellipsis;}
@media (hover: hover) {
	.foundation_poi .poi:hover + .tooltip {display:block;}
}

/* POI - 상권영향력평가 */
.influence_poi .poi {width:20px; height:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:3px 3px 1px 0 rgba(0,0,0,0.3); -moz-box-shadow:3px 3px 1px 0 rgba(0,0,0,0.3); box-shadow:3px 3px 1px 0 rgba(0,0,0,0.3); cursor:pointer;}
.influence_poi .poi svg {width:20px !important; height:20px !important;}
/*
.influence_poi .poi:before {display:block; position:absolute; top:50%; left:50%; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
.influence_poi.market_poi .poi:before {width:24px; height:22px; margin:-11px 0 0 -12px; background-image:url('../images/i_market_w.svg');}
.influence_poi.shopping_poi .poi:before {width:24px; height:22px; margin:-11px 0 0 -12px; background-image:url('../images/i_shopping_w.svg');}
.influence_poi.complex_poi .poi:before {width:22px; height:22px; margin:-11px 0 0 -11px; background-image:url('../images/i_complex_w.svg');}
.influence_poi.department_poi .poi:before {width:21px; height:22px; margin:-11px 0 0 -10.5px; background-image:url('../images/i_department_w.svg');}
.influence_poi.speciality_poi .poi:before {width:18px; height:19px; margin:-9.5px 0 0 -9px; background-image:url('../images/i_speciality_w.svg');}
.influence_poi.etc_poi .poi:before {width:20px; height:20px; margin:-10px 0 0 -10px; background-image:url('../images/i_etc_w.svg');}
.influence_poi.ssmup_poi .poi:before {width:18px; height:18px; margin:-9px 0 0 -9px; background-image:url('../images/i_ssmup_w.svg');}
.influence_poi.ssmdown_poi .poi:before {width:18px; height:18px; margin:-9px 0 0 -9px; background-image:url('../images/i_ssmdown_w.svg');}
*/

/* 범례 */
.legend_common {display:none; position:absolute; bottom:128px; left:51%; z-index:10; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:rgba(255,255,255,0.9); -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); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
.legend_common ul {font-size:0;}
.legend_common ul li {display:inline-block; *display:inline; *zoom:1; position:relative; min-height:16px; padding-left:24px; font-weight:700; vertical-align:middle;}
.legend_common ul li + li {margin-left:20px;}
.legend_common ul li span {position:absolute; top:50%; left:0; width:16px; height:16px; margin-top:-9px; border-radius:50%;}
.legend_common.active {display:block;}
/* 범례 - 상권정보주제도 */
.legend_thematic {bottom: 128px; width:274px; padding-left:20px; padding-right:20px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.legend_thematic dl dt {font-weight:700;}
/* 23.07.10 */
/* 보증지도- 상단바 추가 */
.grnty_top {display:none; position:absolute; top:100px; left:51.5%; z-index:10; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:rgba(255,255,255,0.8); -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); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);}
.grnty_top ul {font-size:0;}
.grnty_top ul li {display:inline-block; *display:inline; *zoom:1; position:relative; padding:5px; font-weight:700; vertical-align:middle;}
.grnty_top ul li + li {margin-left:0px;}
.grnty_top ul li span {position:relative; top:50%; left:0; font-size: 15px; height:16px; margin-top:-9px; border-radius:50%;}
.grnty_top.active {display:block;}


/* 알림메세지 */
.infoMsg {display:none; position:absolute; top:80px; 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%);}
.infoMsg.active {display:block;}

/* 진행메세지 */
.progressMsg {display:none; position:absolute; top:80px; left:50%; z-index:10; width:323px; height:62px; margin-left:-161.5px; padding:10px 20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgba(0,0,0,0.7); line-height:60px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.progressMsg dl dt {min-height:30px; margin-bottom:10px; font-size:16px; font-weight:700; line-height:30px;}
.progressMsg dl dt.relative {padding-right:90px;}
.progressMsg dl dt.relative button {position:absolute; top:50%; right:0; width:80px; height:30px; margin-top:-15px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-weight:700; text-align:center; line-height:32px;}
.progressMsg dl dt.relative button:before {display:block; position:absolute; top:50%; left:17px; width:10px; height:12px; margin-top:-6px; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
.progressMsg dl dd {position:relative; width:100%; height:2px; background:#999;}
.progressMsg dl dd .fill {position:absolute; top:0; left:0; height:2px; background:#f6ea76;}
.progressMsg.play dl dt {color:#f6ea76;}
.progressMsg.play dl dt.relative button {padding-left:16px; background-color:#f9f9f9; color:#999;}
.progressMsg.play dl dt.relative button:before {background-image:url('../images/i_pause_gr.svg');}
.progressMsg.pause dl dt {color:#999;}
.progressMsg.pause dl dt.relative button {padding-left:17px; background-color:#0676dd; color:#fff;}
.progressMsg.pause dl dt.relative button:before {background-image:url('../images/i_play_w.svg');}
.progressMsg.active {display:block;}

.tutorial_intro {display:none; position:fixed; top:0; left:0; z-index:50; width:100%; height:100%; background:rgba(0,0,0,0.8);}
.tutorial_intro dl {position:absolute; top:50%; left:50%; z-index:40; width:680px; margin-left:-340px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; text-align:center; -webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.1); -moz-box-shadow:0 4px 6px 0 rgba(0,0,0,.1); box-shadow:0 4px 6px 0 rgba(0,0,0,.1); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.tutorial_intro dl dt {padding:40px 0 25px; color:#0676dd; font-family:'Nanum Brush Script'; font-size:46px;}
.tutorial_intro dl dd p {font-size:16px; line-height:1.5;}
.tutorial_intro dl dd .btn {padding:40px 0; font-size:0;}
.tutorial_intro dl dd .btn .box_btn + .box_btn {margin-left:10px;}
.tutorial_intro dl dd .box_checkbox {padding-bottom:40px;}
.tutorial_intro dl dd .box_checkbox label {padding-left:30px; font-size:16px;}
.tutorial_intro dl dd .box_checkbox label:before {width:20px; height:20px; background-size:20px auto;}
.tutorial_intro.active {display:block;}

#tutorial {display:none; position:fixed; top:0; left:0; z-index:50; width:100%; height:100%;}
#tutorial .navi {position:absolute; top:0; left:50%; z-index:40; width:318px; height:60px; margin-left:-159px; padding:0 110px 0 20px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; background:rgba(0,0,0,0.75); -webkit-box-sizing:border-box; box-sizing:border-box;}
#tutorial .navi dl {font-size:0;}
#tutorial .navi dl > * {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
#tutorial .navi dl dt {margin-right:15px; color:#fff; font-size:14px; font-weight:500; line-height:60px;}
#tutorial .navi dl dd,
#tutorial .navi dl dd * {color:#fff; font-size:14px; line-height:60px;}
#tutorial .navi dl dd strong {color:#ffe057;}
#tutorial .navi .box_btn {position:absolute; top:50%; right:20px; margin-top:-15px;}
#tutorial .navi .box_btn > * {position:relative; height:30px; padding:0 10px 0 30px; border-color:#f9f9f9; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background-color:#f9f9f9; color:#999; line-height:28px;}
#tutorial .navi .box_btn > *:before {display:block; position:absolute; top:50%; left:10px; width:11px; height:11px; margin-top:-5.5px; background:url('../images/close_gr.svg') no-repeat center/100% auto; content:'';}
#tutorial .step {display:none;}
#tutorial .step > .area {position:absolute; z-index:40;}
#tutorial .step .selectedArea {cursor:pointer;}
#tutorial .step .selectedArea:before {display:block; position:absolute; top:-4px; left:-4px; z-index:-1; width:calc(100% + 4px); height:calc(100% + 4px); border:2px dashed #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:transparent; content:'';}
#tutorial .step .selectedArea.circle,
#tutorial .step .selectedArea.circle:before {border-radius:50%;}
#tutorial .step .txtArea * {font-family:'Nanum Brush Script';}
#tutorial .step .txtArea .title {padding-bottom:5px; color:#ffe057; font-size:32px;}
#tutorial .step .txtArea .cont,
#tutorial .step .txtArea .cont * {color:#fff; font-size:28px;}
#tutorial .step .txtArea .nextBtn {text-align:right;}
#tutorial .step .txtArea .nextBtn a {color:#fff; font-size:28px;}
#tutorial .step ul.tab_type {margin-bottom:0;}
#tutorial .step ul.tab_type > li.restaurant > button.active:before {background-image:url('../images/i_type_restaurant_b.svg');}
#tutorial .step ul.tab_refer {padding:0;}
@media (hover: hover) {
	#tutorial .step ul.tab_common > li > button:hover {background-color:#f9f9f9 !important; color:var(--color-gray) !important; font-weight:400;}
	#tutorial .step ul.tab_common > li > button.active:hover {background-color:#0676dd !important; color:#fff !important; font-weight:700;}

	#tutorial .step ul.tab_common2 > li > button:hover {border-color:#f9f9f9; color:var(--color-gray); font-weight:400;}
	#tutorial .step ul.tab_common2 > li > button.active:hover {border-color:#0676dd; color:#0676dd; font-weight:700;}

	#tutorial .step ul.tab_topmenu > li.store button:hover:before {background-image:url('../images/i_store_gr.svg');}
	#tutorial .step ul.tab_topmenu > li.sales button:hover:before {background-image:url('../images/i_sales_gr.svg');}
	#tutorial .step ul.tab_topmenu > li.floating button:hover:before {background-image:url('../images/i_floating_gr.svg');}
	#tutorial .step ul.tab_topmenu > li.living button:hover:before {background-image:url('../images/i_living_gr.svg');}
	#tutorial .step ul.tab_topmenu > li.store button.active:hover:before {background-image:url('../images/i_store_w.svg');}

	#tutorial .step ul.tab_type > li.all > button:hover:before {background-image:url('../images/i_type_all.svg');}
	#tutorial .step ul.tab_type > li.restaurant > button:hover:before {background-image:url('../images/i_type_restaurant.svg');}
	#tutorial .step ul.tab_type > li.service > button:hover:before {background-image:url('../images/i_type_service.svg');}
	#tutorial .step ul.tab_type > li.retail > button:hover:before {background-image:url('../images/i_type_retail.svg');}

	#tutorial .step ul.tab_refer > li > button:hover {color:#222 !important;}
	#tutorial .step ul.tab_refer > li.store button:hover:before {background-image:url('../images/i_store.svg');}
	#tutorial .step ul.tab_refer > li.sales button:hover:before {background-image:url('../images/i_sales.svg');}
	#tutorial .step ul.tab_refer > li.survive button:hover:before {background-image:url('../images/i_survive.svg');}
	#tutorial .step ul.tab_refer > li.closed button:hover:before {background-image:url('../images/i_closed.svg');}
	#tutorial .step ul.tab_refer > li.floating button:hover:before {background-image:url('../images/i_floating.svg');}
	#tutorial .step ul.tab_refer > li.living button:hover:before {background-image:url('../images/i_living.svg');}
	#tutorial .step ul.tab_refer > li.store button.active:hover:before {background-image:url('../images/i_store_w.svg');}

	#tutorial .step ul.list_rect > li > button:hover {z-index:auto; border-color:#ddd; color:var(--color-gray);}
	#tutorial .step ul.list_rect > li > button.active:hover {z-index:5; border-color:#0676dd; color:#0676dd;}
	#tutorial .step ul.list_type > li > button:hover {border-color:#ddd; background-color:#fff; color:var(--color-gray);}
	#tutorial .step ul.list_type > li > button.active:hover {border-color:#0676dd; background-color:#0676dd; color:#fff;}
	#tutorial .step ul.list_ranking > li a:hover .num,
	#tutorial .step ul.list_ranking > li a:hover .subject {color:#222; font-weight:400;}
	#tutorial .step ul.list_ranking > li a.active:hover .num,
	#tutorial .step ul.list_ranking > li a.active:hover .subject {color:#0676dd; font-weight:500;}
}
#tutorial .step ul.tab_common2,
#tutorial .step dl.datalist_analysis,
#tutorial .step dl.datalist_search,
#tutorial .step dl.datalist_distance {background:#fff;}
#tutorial .step dl.select_type2.ranking {margin-top:0;}
#tutorial .step .box_search input[type="text"] {cursor:pointer;}
#tutorial .step input[type="checkbox"].hidden + label {cursor:pointer;}
@media (hover: hover) {
	#tutorial .step .box_btn.white > *:hover {border-color:#ddd; background:#fff; color:#222;}
	#tutorial .step .box_btn.polygon > *:hover:before {background-image:url('../images/i_polygon.svg');}
}
#tutorial .step .rightReport {position:absolute;}
#tutorial .step .illust {position:relative; width:280px; height:360px; padding:304px 0 30px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; font-size:18px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;}
#tutorial .step .illust:before {display:block; position:absolute; top:30px; left:50%; height:248px; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
#tutorial .step .illust.no:before {width:169px; margin-left:-84.5px; background-image:url('../images/il_startNo.svg');}
#tutorial .step .illust.yes:before {width:165px; margin-left:-82.5px; background-image:url('../images/il_startYes.svg');}
#tutorial .step .bnr_analysis {margin-top:0;}
@media (hover: hover) {
	#tutorial .step .bnr_analysis:hover {background:#fff;}
	#tutorial .step .bnr_analysis:hover dl dt {color:#222;}
	#tutorial .step .bnr_analysis:hover dl dd {color:#999;}
	#tutorial .step .bnr_analysis:hover dl dd p span {color:#222;}
	#tutorial .step .bnr_analysis:hover dl dd p span:before {background-image:url('../images/i_go.svg');}
}
#tutorial .step.active {display:block;}
#tutorial .dimmedArea {position:fixed; top:0; left:0; z-index:35; width:100%; height:100%; background:rgba(0,0,0,0.8);}

/* ------------------------------------------------------------------------- */
/* 3-3. 뜨는 상권
/* ------------------------------------------------------------------------- */

#districtBest #sideMenu .tab_common li .tooltip {top:41px; left:0;}

/* ------------------------------------------------------------------------- */
/* 3-4. 나는 사장
/* ------------------------------------------------------------------------- */

#districtBusiness #sideMenu .bigArea h3 {padding:16px 20px;}
#districtBusiness #sideMenu .box_btn.analysis {margin-top:10px;}
#districtBusiness #sideMenu .btn {margin-top:24px;}
#districtBusiness .rightReport > dl > dt .qna.txt {right:146px;}
#districtBusiness .rightReport > dl > dt .pattern {right:276px;}


/* ------------------------------------------------------------------------- */
/* 3-5. 나도 곧 사장
/* ------------------------------------------------------------------------- */

/* 인트로 */
#districtStart .intro {position:fixed;top:0;right:0;bottom:0;left:0;z-index: 40;width:100%;height:100%;background-color:rgba(255,255,255,0.9);}
#districtStart .intro .inner {display:inline-block; position:relative; top:50%; left:50%; text-align:center; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
#districtStart .intro h3 {margin-bottom:60px; font-family:'Nanum Brush Script'; font-size:60px; font-weight:400;}
#districtStart .intro ul {font-size:0;}
#districtStart .intro ul li {display:inline-block; *display:inline; *zoom:1; width:280px; height:360px; vertical-align:middle; -webkit-box-shadow:0 4px 6px 0 rgba(0,0,0,.1); -moz-box-shadow:0 4px 6px 0 rgba(0,0,0,.1); box-shadow:0 4px 6px 0 rgba(0,0,0,.1);}
#districtStart .intro ul li + li {margin-left:30px;}
#districtStart .intro ul li button {position:relative; width:100%; height:100%; padding:304px 0 30px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; font-size:18px;}
#districtStart .intro ul li button:before {display:block; position:absolute; top:30px; left:50%; height:248px; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
#districtStart .intro ul li.no button:before {width:169px; margin-left:-84.5px; background-image:url('../images/il_startNo.svg');}
#districtStart .intro ul li.yes button:before {width:165px; margin-left:-82.5px; background-image:url('../images/il_startYes.svg');}
@media (hover: hover) {
	#districtStart .intro ul li button:hover {background:#0676dd; color:#fff;}
}

/* 좌측메뉴 */
#districtStart #sideMenu .bigArea h3 {padding-left:20px; padding-right:20px;}
#districtStart #sideMenu .bigArea > dd .wrap_box + .wrap_box.wrap_box_type {margin-top:10px;}
#districtStart #sideMenu .selectedType {font-size:0; cursor:pointer;}
#districtStart #sideMenu .selectedType span {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
#districtStart #sideMenu .selectedType span + span {position:relative; margin-left:5px; padding-left:12px;}
#districtStart #sideMenu .selectedType span + span:before {display:block; position:absolute; top:50%; left:0; width:7px; height:10px; margin-top:-5px; background:url('../images/arrow_2px_bk.svg') no-repeat center/100% auto; content:'';}
#districtStart #sideMenu .type_btn {min-height:14px; padding:0 20px;}
#districtStart #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; box-sizing:content-box;}
#districtStart #sideMenu .msg {padding:16px 20px 8px;color: var(--color-gray);font-size:14px;}
#districtStart #sideMenu .datalist_search dd .box_search {margin:0 20px;}
#districtStart #sideMenu .datalist_search dd .box_search + p {margin:8px 20px 0;}

#districtStart .datalist_ranking dt {margin-left:20px; margin-right:20px;}

#districtStart .btn {margin-top:30px;}
#districtStart .btn2 {padding:0 20px;}

/* 배너 - 창업 예정지 상세분석 */
#districtStart .bnr_analysis {position:relative; width:100%; height:140px; margin-top:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; -webkit-box-shadow:0 4px 4px 0 rgba(0,0,0,0.25); -moz-box-shadow:0 4px 4px 0 rgba(0,0,0,0.25); box-shadow:0 4px 4px 0 rgba(0,0,0,0.25); cursor:pointer;}
#districtStart .bnr_analysis:before {display:block; position:absolute; top:50%; right:15px; width:77px; height:86px; margin-top:-43px; background:url('../images/i_analysis.svg') no-repeat center/100% auto; content:'';}
#districtStart .bnr_analysis dl {position:absolute; left:0; top:0; padding:0 17px;}
#districtStart .bnr_analysis dl dt {padding:20px 0 8px; font-size:18px; font-weight:700;}
#districtStart .bnr_analysis dl dd {color:#999; font-size:14px;}
#districtStart .bnr_analysis dl dd p span {display:inline-block; position:relative; padding:13px 40px 15px 0; font-size:16px; font-weight:700;}
#districtStart .bnr_analysis dl dd p span:before {display:block; position:absolute; top:50%; right:0; width:31px; height:6px; margin-top:-3px; background:url('../images/i_go.svg') no-repeat center/100% auto; content:'';}
@media (hover: hover) {
	#districtStart .bnr_analysis:hover {background:#0676dd;}
	#districtStart .bnr_analysis:hover dl dt {color:#fff;}
	#districtStart .bnr_analysis:hover dl dd {color:#fff;}
	#districtStart .bnr_analysis:hover dl dd p span {color:#fff;}
	#districtStart .bnr_analysis:hover dl dd p span:before {background-image:url('../images/i_go_w.svg');}
}

/*  */
#districtStart #sideMenu .wrap_box_analysis .type_btn {margin-bottom:8px;}

/* ------------------------------------------------------------------------- */
/* 3-6. 상권동향
/* ------------------------------------------------------------------------- */

#districtTrend #sideMenu dl.datalist_analysis + .btn {margin-top:24px;}

/* ------------------------------------------------------------------------- */
/* 3-7. 지역&상권별 현황 > 지역별 현황, 상권별 현황, 재생상권별 현황
/* ------------------------------------------------------------------------- */

.searchArea .box_terms {margin-top:20px;}
.searchArea > .btn {margin-top:40px;}

ul.list_infotype {font-size:0;}
ul.list_infotype > li {display:inline-block; *display:inline; *zoom:1; width:calc(25% + 1px); margin-left:-1px; vertical-align:middle;}
ul.list_infotype > li:nth-child(n+5) {margin-top:-1px;}
ul.list_infotype > li button {display:block;width:100%;height:50px;border:1px solid #ddd;color: var(--color-gray);font-size:16px;text-align:center;line-height:48px;}
ul.list_infotype > li button.active {position:relative; z-index:1; border-color:#0676dd; color:#0676dd; font-weight:700;}
@media (hover: hover) {
	ul.list_infotype > li button:hover {position:relative; z-index:1; border-color:#0676dd; color:#0676dd; font-weight:700;}
}

.box_terms {margin-left:-10px; font-size:0;}
.box_terms > dl {display:inline-block; *display:inline; *zoom:1; margin-left:10px; vertical-align:top;}
.box_terms > dl > dt {margin:20px 0 10px; font-size:18px; font-weight:500;}
.box_terms > dl > dd select {height:50px; border-color:#ddd; font-size:16px; line-height:48px;}
.box_terms > dl > dd select:disabled {background-color:#f9f9f9; color:#999;}
.box_terms > dl > dd select.s {width:150px;}
.box_terms > dl > dd select.m {width:200px;}
.box_terms > dl > dd select.l {width:220px;}

/* <2025.11.25> 공지사항 필수 값 별 추가 */
.box_terms > dl .required::after {content:' *'; color:#ed6755;}


dl.datalist_industry {display:block;}
dl.datalist_industry > dd {position:relative; margin-left:-10px; padding-right:160px; font-size:0;}
dl.datalist_industry > dd select {display:inline-block; *display:inline; *zoom:1; width:calc(20% - 10px); margin-left:10px; vertical-align:top;}
dl.datalist_industry > dd .box_btn {position:absolute; top:0; right:0;}

.dataEmpty {padding:190px 0 50px;background:url('../images/i_warning.svg') no-repeat top 100px center/70px auto;color: var(--color-gray);font-size:16px;text-align:center;}


/* ------------------------------------------------------------------------- */
/* 3-8. 상권정보 주제도
/* ------------------------------------------------------------------------- */

#districtThematic #sideMenu .district_analysis {margin-bottom:24px;}
#districtThematic #sideMenu .district_analysis p {margin-top:10px;}
#districtThematic #sideMenu .district_analysis ul {display:none; margin-top:17px;}
#districtThematic #sideMenu .district_analysis ul.active {display:block;}
#districtThematic #sideMenu .btn {margin-top:8px;}
#districtThematic .graph-box {min-height:20em; margin-bottom:2em; border-top:2px solid #4c6989; background:#fff;}
#districtThematic .graph-box .indicator {padding:0 30px; cursor:pointer;}
#districtThematic .graph-box .indicator > p {padding:14px 0 3px;}
#districtThematic .graph-box .indicator .btn {display:inline-block; position:relative; height:17px; padding:0 18px 0 11px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background:#e1e1e1; color:#686869; font-size:11px; text-align:center; line-height:17px; vertical-align:middle; letter-spacing:-0.025rem; cursor:pointer;}
#districtThematic .graph-box .indicator .btn:after {display:block; position:absolute; right:7px; top:0; color:#686869; font-size:11px; content:'>';}
#districtThematic .graph-box .indicator > div {position:relative; padding:0 0 29px 38px;}
#districtThematic .graph-box .indicator > div > div {position:absolute;}
#districtThematic .graph-box .indicator > div > div.survival {left:0; top:0; width:38px; height:calc(100% - 29px);}
#districtThematic .graph-box .indicator > div > div.down {left:38px; bottom:0; width:calc(100% - 38px); text-align:center;}
#districtThematic .graph-box .indicator > div > div span {position:absolute; font-size:11px;}
#districtThematic .graph-box .indicator > div > div.survival span {left:0;}
#districtThematic .graph-box .indicator > div > div.down span {bottom:0;}
#districtThematic .graph-box .indicator > div > div.survival p.txt {position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
#districtThematic .graph-box .indicator > div ul {margin:-2px 0 0 -2px;}
#districtThematic .graph-box .indicator > div ul:after {display:block; clear:both; content:'';}
#districtThematic .graph-box .indicator > div ul li {float:left; width:calc(50% - 2px); height:70px; margin:2px 0 0 2px; padding:13px 0 0 10px; background-repeat:no-repeat; background-position:right 15px center; color:#fff; font-size:1.538em; letter-spacing:-0.05rem; -webkit-box-sizing:border-box; box-sizing:border-box;}
#districtThematic .graph-box .indicator_cont {padding:30px; margin:0; border:0; background:#fff; cursor:pointer;}
#districtThematic .graph-box .indicator_cont .tbl-basic > tbody > tr > td > span {padding:2px 30px; color:#fff; font-size:1.077em; font-weight:700;}

/* ------------------------------------------------------------------------- */
/* 3-9. 상권영향력평가
/* ------------------------------------------------------------------------- */

#districtInfluence ul.tab_common2 {padding:0;}
#districtInfluence .box_input {margin-top:8px;}
#districtInfluence dl.datalist_distance {padding:0;}
#districtInfluence #sideMenu .btn {margin-top:24px;}

#analysisHistory .tableArea .tbl_col > tbody > tr > td {text-align:center;}
#analysisHistory .tableArea .tbl_col > tbody > tr > td a {display:inline-block; padding-left:24px; background:url('../images/i_reportView.svg') no-repeat left center/16px auto; color:#0676dd; font-size:14px; font-weight:500;}
@media (hover: hover) {
	#analysisHistory .tableArea .tbl_col > tbody > tr:hover > td {color:#222;}
}
#analysisHistory .box_btn {margin-top:20px;}

/* ------------------------------------------------------------------------- */
/* 3-10. 이용안내
/* ------------------------------------------------------------------------- */

ul.list_process {font-size:0;}
ul.list_process > li {display:inline-block; *display:inline; *zoom:1; vertical-align:middle;}
ul.list_process > li + li {position:relative;}
ul.list_process > li + li:before {display:block; position:absolute; top:50%; left:0; width:20px; height:16px; margin-top:-8px; background:url('../images/arrow_double_bk.svg') no-repeat center/100% auto; content:'';}
ul.list_process.bl > li + li:before {width:32px; height:26px; margin-top:-13px; background-image:url('../images/arrow_double_bl.svg');}

dl.datalist_titlecont {position:relative; margin-top:24px; padding-top:26px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:rgba(249,249,249,0.7); -webkit-box-shadow:4px 4px 4px 0 rgba(0,0,0,.1); -moz-box-shadow:4px 4px 4px 0 rgba(0,0,0,.1); box-shadow:4px 4px 4px 0 rgba(0,0,0,.1);}
dl.datalist_titlecont > dt {position:absolute; top:-24px; left:0; min-width:200px; height:50px; -webkit-border-radius:25px; -moz-border-radius:25px; border-radius:25px; background:#222; color:#fff; font-size:16px; font-weight:700; text-align:center; line-height:50px;}
dl.datalist_titlecont > dt.bl {background:#0676dd;}

#useInfo .tabcnt_useinfo > dl > dt {margin:50px 0 20px; color:#0676dd; font-size:24px; font-weight:700;}

/** 20240805 사이트점검 **/
#useInfo .tabcnt_useinfo > dl > dd {color: var(--color-gray);font-size:16px;}

#useInfo .tabcnt_useinfo > dl > dd > strong {display:block; margin:20px 0 8px; font-size:18px; font-weight:500;}
#useInfo .tabcnt_useinfo > dl > dd.relative > .box_btn {position:absolute; top:0; right:0;}
/* 서비스 소개 */
#useInfo .tabcnt_useinfo0 .topArea {margin:90px 0 100px; padding-top:230px; background:url('../images/il_useinfo_service.svg') no-repeat top center/auto 190px; text-align:center;}
#useInfo .tabcnt_useinfo0 .topArea p {color:#000; font-size:40px;}
#useInfo .tabcnt_useinfo0 .topArea p strong {color:#0676dd; font-size:inherit;}
#useInfo .tabcnt_useinfo0 .topArea p + p {margin-top:40px; font-size:18px; line-height:38px;}
#useInfo .tabcnt_useinfo0 ul.list_process > li + li {margin-left:60px;}
#useInfo .tabcnt_useinfo0 ul.list_process > li + li:before {left:-40px;}
#useInfo .tabcnt_useinfo0 ul.list_process > li:last-child {margin-left:120px;}
#useInfo .tabcnt_useinfo0 ul.list_process > li:last-child:before {left:-78px; width:32px; height:26px; margin-top:-13px; background-image:url('../images/arrow_double_bl.svg');}
#useInfo .tabcnt_useinfo0 dl.datalist_titlecont {width:300px; height:413px;}
#useInfo .tabcnt_useinfo0 dl.datalist_titlecont > dt {left:50%; width:200px; margin-left:-100px;}
#useInfo .tabcnt_useinfo0 dl.datalist_titlecont > dd {padding:0 30px;}
#useInfo .tabcnt_useinfo0 dl.datalist_titlecont > dd .il {height:168px; margin:40px auto 50px; background-repeat:no-repeat; background-position:center; background-size:auto 100%;}
#useInfo .tabcnt_useinfo0 dl.datalist_titlecont > dd .il.bigdata {width:206px; background-image:url('../images/il_useinfo_bigdata.svg');}
#useInfo .tabcnt_useinfo0 dl.datalist_titlecont > dd .il.prd {width:232px; background-image:url('../images/il_useinfo_prd.svg');}
#useInfo .tabcnt_useinfo0 dl.datalist_titlecont > dd .il.info {width:206px; background-image:url('../images/il_useinfo_info.svg');}
#useInfo .tabcnt_useinfo0 dl.datalist_titlecont > dd > strong {display:block; margin-bottom:16px; font-size:16px; font-weight:700;}
#useInfo .tabcnt_useinfo0 dl.datalist_titlecont > dd > strong span {color:#0676dd; font-size:inherit;}
#useInfo .tabcnt_useinfo0 dl.datalist_titlecont > dd > p {font-size:0;}
#useInfo .tabcnt_useinfo0 dl.datalist_titlecont > dd > p > span {display:inline-block; *display:inline; *zoom:1; position:relative; width:50%; padding:5px 0 5px 9px; font-size:14px; font-weight:500; letter-spacing:-0.02rem; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box;}
#useInfo .tabcnt_useinfo0 dl.datalist_titlecont > dd > p > span:before {display:block; position:absolute; top:10px; left:0; width:4px; height:2px; background:#222; content:'';}
#useInfo .tabcnt_useinfo0 ul.list_process > li.user dl.datalist_titlecont > dd > ul {position:absolute; top:50%; left:0; width:100%; font-size:0; text-align:center; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
#useInfo .tabcnt_useinfo0 ul.list_process > li.user dl.datalist_titlecont > dd > ul > li {display:inline-block; *display:inline; *zoom:1; width:50%; background-repeat:no-repeat; background-position:top center; color:#0676dd; font-size:16px; font-weight:700; vertical-align:bottom;}
#useInfo .tabcnt_useinfo0 ul.list_process > li.user dl.datalist_titlecont > dd > ul > li.user0 {padding-top:189px; background-image:url('../images/il_useinfo_user0.svg'); background-size:68px auto;}
#useInfo .tabcnt_useinfo0 ul.list_process > li.user dl.datalist_titlecont > dd > ul > li.user1 {padding-top:207px; background-image:url('../images/il_useinfo_user1.svg'); background-size:90px auto;}
#useInfo .tabcnt_useinfo0 h4 {margin:100px 0 50px; font-size:40px; font-weight:500; text-align:center;}
#useInfo .tabcnt_useinfo0 ul.list_col.service {margin-left:-30px;}
#useInfo .tabcnt_useinfo0 ul.list_col.service > li {margin-left:30px;}
#useInfo .tabcnt_useinfo0 ul.list_col.service > li > dl {width:337px; height:508px; padding:0 30px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:rgba(249,249,249,0.7); -webkit-box-shadow:10px 10px 1px 0 rgba(0,0,0,0.05); -moz-box-shadow:10px 10px 1px 0 rgba(0,0,0,0.05); box-shadow:10px 10px 1px 0 rgba(0,0,0,0.05); -webkit-box-sizing:border-box; box-sizing:border-box;}
#useInfo .tabcnt_useinfo0 ul.list_col.service > li > dl > dt {padding:220px 0 20px; background-repeat:no-repeat; background-position-x:center; color:#0676dd; font-size:24px; font-weight:500;}
#useInfo .tabcnt_useinfo0 ul.list_col.service > li.best > dl > dt {background-image:url('../images/il_useinfo_best.svg');}
#useInfo .tabcnt_useinfo0 ul.list_col.service > li.business > dl > dt {background-image:url('../images/il_useinfo_business.svg');}
#useInfo .tabcnt_useinfo0 ul.list_col.service > li.start > dl > dt {background-image:url('../images/il_useinfo_start.svg');}
#useInfo .tabcnt_useinfo0 ul.list_col.service > li.state > dl > dt {background-image:url('../images/il_useinfo_state.svg');}
#useInfo .tabcnt_useinfo0 ul.list_col.service > li > dl > dd p {font-size:14px; line-height:22px; letter-spacing:-0.02rem;}
#useInfo .tabcnt_useinfo0 ul.list_col.service > li > dl > dd .btn {margin-top:32px;}
#useInfo .tabcnt_useinfo0 dl.system > dt {margin:0; padding-bottom:30px; color:#0676dd; font-size:28px; font-weight:700; text-align:center;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.relative {padding:0 295px;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.relative .summary {position:absolute; top:50%; font-size:16px; font-weight:500; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
#useInfo .tabcnt_useinfo0 dl.system > dd div.relative .summary p {position:relative; padding-left:15px; color:inherit; font-size:inherit; font-weight:inherit;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.relative .summary p:before {display:block; position:absolute; top:7px; left:0; width:4px; height:4px; border-radius:50%; content:'';}

/** 20240805 사이트점검 **/
#useInfo .tabcnt_useinfo0 dl.system > dd div.relative .summary.left {left:50%; margin-left:-638px; color:#55A704;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.relative .summary.left p:before {background:#55A704;}

#useInfo .tabcnt_useinfo0 dl.system > dd div.relative .summary.right {right:50%; margin-right:-610px; color:#14a0c0;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.relative .summary.right p:before {background:#14a0c0;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg {position:relative; margin-bottom:50px; font-size:0; text-align:center;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div {display:inline-block; *display:inline; *zoom:1; position:relative; width:293px; height:340px; vertical-align:middle;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div:before {display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:auto 100%; content:'';}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div dl {position:absolute; top:0; left:0; width:100%; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div dl dt {position:relative; padding:160px 0 10px; font-size:24px; font-weight:700;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div dl dt:before {display:block; position:absolute; top:103px; left:50%; width:48px; height:48px; margin-left:-24px; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg dl dd {font-size:16px; font-weight:500; line-height:1.4;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div.support:before {background-image:url('../images/bg_useinfo_system0.svg');}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div.support dl {padding-left:34px;}

/** 20240805 사이트점검 **/
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div.support dl dt {color:#55A704;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div.support dl dt:before {background-image:url('../images/i_support.svg');}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div.support dl dd {color:#55A704;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div.citizen {width:256px;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div.citizen:before {background-image:url('../images/bg_useinfo_system1.svg');}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div.citizen dl dt {color: #00A79C;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div.citizen dl dt:before {background-image:url('../images/i_citizen.svg');}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div.citizen dl dd {color:#00A79C;}

/** 20240806 사이트점검 **/
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div.expert:before {background-image:url('../images/bg_useinfo_system2.svg');-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform: rotateY(0deg);}

#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div.expert dl {padding-right:34px;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div.expert dl dt {color:#14a0c0;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div.expert dl dt:before {background-image:url('../images/i_expert.svg');}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg > div.expert dl dd {color:#14a0c0;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg .arrow span {position:absolute; bottom:-50px; width:252px; height:57px;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg .arrow span:before {display:block; width:100%; height:100%; background:url('../images/bg_arrow.svg') no-repeat center/100% auto; content:'';}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg .arrow span.left {left:36px;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg .arrow span.right {right:36px;}
#useInfo .tabcnt_useinfo0 dl.system > dd div.bg .arrow span.right:before {-webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); transform:rotateY(180deg);}
#useInfo .tabcnt_useinfo0 dl.system > dd ul {width:1012px; margin:110px auto 0; padding:30px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#f9f9f9; -webkit-box-shadow:10px 10px 1px 0 rgba(0,0,0,.1); -moz-box-shadow:10px 10px 1px 0 rgba(0,0,0,.1); box-shadow:10px 10px 1px 0 rgba(0,0,0,.1); -webkit-box-sizing:border-box; box-sizing:border-box;}
#useInfo .tabcnt_useinfo0 dl.system > dd ul li {position:relative; padding-left:14px; color:var(--color-gray2); font-size:14px; font-weight:500; line-height:1.4;}
#useInfo .tabcnt_useinfo0 dl.system > dd ul li:before {display:block; position:absolute; top:7px; left:0; width:4px; height:4px; border-radius:50%; background:#999; content:'';}
/* 100대 생활밀접업종 정의 */
#useInfo .tabcnt_useinfo1 dl.datalist_titlecont > dt {width:265px;}
#useInfo .tabcnt_useinfo1 dl.datalist_titlecont > dt span {color:inherit; font-size:inherit; font-weight:400;}

/** 20240805 사이트점검 **/
#useInfo .tabcnt_useinfo1 dl.datalist_titlecont > dd > ul > li {position:relative;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;color: var(--color-gray);font-size:14px;}

#useInfo .tabcnt_useinfo1 ul.list_process > li + li {margin-left:80px;}
#useInfo .tabcnt_useinfo1 ul.list_process > li + li:before {left:-52px;}
#useInfo .tabcnt_useinfo1 ul.list_process > li dl.datalist_titlecont {width:680px; height:210px;}
#useInfo .tabcnt_useinfo1 ul.list_process > li dl.datalist_titlecont > dt {left:50%; margin-left:-132.5px;}
#useInfo .tabcnt_useinfo1 ul.list_process > li dl.datalist_titlecont > dd ul {margin-left:-30px; padding-top:35px; text-align:center;}
#useInfo .tabcnt_useinfo1 ul.list_process > li dl.datalist_titlecont > dd ul li {width:110px; height:110px; margin-left:30px;}
#useInfo .tabcnt_useinfo1 ul.list_process > li dl.datalist_titlecont > dd ul li:before {display:block; position:absolute; top:50%; left:50%; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
#useInfo .tabcnt_useinfo1 ul.list_process > li dl.datalist_titlecont > dd ul li.kostat:before {width:53px; height:80px; margin:-40px 0 0 -26.5px; background-image:url('../images/bi_kostat.svg');}
#useInfo .tabcnt_useinfo1 ul.list_process > li dl.datalist_titlecont > dd ul li.seoul:before {width:72px; height:74px; margin:-37px 0 0 -36px; background-image:url('../images/bi_seoul.svg');}
#useInfo .tabcnt_useinfo1 ul.list_process > li + li dl.datalist_titlecont > dd ul {margin-left:-24px;}
#useInfo .tabcnt_useinfo1 ul.list_process > li + li dl.datalist_titlecont > dd ul li {width:191px; margin-left:24px; padding:25px 20px; text-align:center; line-height:1.6; letter-spacing:-0.05rem; -webkit-box-sizing:border-box; box-sizing:border-box;}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont {margin-top:81px;}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dt {left:98px;}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd {padding:35px 98px 40px;}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul {margin:-20px 0 0 -20px;}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li {position:relative; width:138px; height:138px; margin:20px 0 0 20px; padding:78px 0 40px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box;}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li:before {display:block; position:absolute; top:20px; left:50%; width:48px; height:48px; margin-left:-24px; background-repeat:no-repeat; background-position:top center; background-size:100% auto; content:'';}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.korean:before {background-image:url('../images/i_korean.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.chiness:before {background-image:url('../images/i_chiness.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.japaness:before {background-image:url('../images/i_japaness.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.western:before {background-image:url('../images/i_western.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.bakery:before {background-image:url('../images/i_bakery.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.fastfood:before {background-image:url('../images/i_fastfood.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.chicken:before {background-image:url('../images/i_chicken.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.flour:before {background-image:url('../images/i_flour.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.hof:before {background-image:url('../images/i_hof.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.coffee:before {background-image:url('../images/i_coffee.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.lesson:before {background-image:url('../images/i_lesson.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.foreign:before {background-image:url('../images/i_foreign.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.art:before {background-image:url('../images/i_art.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.computer:before {background-image:url('../images/i_computer.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.sports:before {background-image:url('../images/i_sports.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.clinic:before {background-image:url('../images/i_clinic.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.dentist:before {background-image:url('../images/i_dentist.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.oriental:before {background-image:url('../images/i_oriental.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.animal:before {background-image:url('../images/i_animal.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.lawyer:before {background-image:url('../images/i_lawyer.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.patent:before {background-image:url('../images/i_patent.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.legal:before {background-image:url('../images/i_legal.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.etc_legal:before {background-image:url('../images/i_etc_legal.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.accountant:before {background-image:url('../images/i_accountant.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.tax:before {background-image:url('../images/i_tax.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.billiard:before {background-image:url('../images/i_billiard.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.golf:before {background-image:url('../images/i_golf.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.bowling:before {background-image:url('../images/i_bowling.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.pc:before {background-image:url('../images/i_pc.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.game:before {background-image:url('../images/i_game.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.etc_game:before {background-image:url('../images/i_etc_game.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.lottery:before {background-image:url('../images/i_lottery.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.device_repair:before {background-image:url('../images/i_device_repair.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.club:before {background-image:url('../images/i_club.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.car_repair:before {background-image:url('../images/i_car_repair.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.car:before {background-image:url('../images/i_car.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.cycle_repair:before {background-image:url('../images/i_cycle_repair.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.salon:before {background-image:url('../images/i_salon.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.nail:before {background-image:url('../images/i_nail.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.skin:before {background-image:url('../images/i_skin.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.laundry:before {background-image:url('../images/i_laundry.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.elec_repair:before {background-image:url('../images/i_elec_repair.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.estate:before {background-image:url('../images/i_estate.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.inn:before {background-image:url('../images/i_inn.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.guesthouse:before {background-image:url('../images/i_guesthouse.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.study:before {background-image:url('../images/i_study.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.singing:before {background-image:url('../images/i_singing.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.studyroom:before {background-image:url('../images/i_studyroom.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.dvd:before {background-image:url('../images/i_dvd.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.record:before {background-image:url('../images/i_record.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.picture:before {background-image:url('../images/i_picture.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.trans:before {background-image:url('../images/i_trans.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.cleaning:before {background-image:url('../images/i_cleaning.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.travel:before {background-image:url('../images/i_travel.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.video:before {background-image:url('../images/i_video.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.rental_clothes:before {background-image:url('../images/i_rental_clothes.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.housewares:before {background-image:url('../images/i_housewares.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.super:before {background-image:url('../images/i_super.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.convini:before {background-image:url('../images/i_convini.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.pc_sell:before {background-image:url('../images/i_pc_sell.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.phone:before {background-image:url('../images/i_phone.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.alchol:before {background-image:url('../images/i_alchol.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.cereal:before {background-image:url('../images/i_cereal.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.meat:before {background-image:url('../images/i_meat.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.marine:before {background-image:url('../images/i_marine.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.fruit:before {background-image:url('../images/i_fruit.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.sidedish:before {background-image:url('../images/i_sidedish.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.clothes:before {background-image:url('../images/i_clothes.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.hanbok:before {background-image:url('../images/i_hanbok.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.kids:before {background-image:url('../images/i_kids.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.shoes:before {background-image:url('../images/i_shoes.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.bag:before {background-image:url('../images/i_bag.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.glass:before {background-image:url('../images/i_glass.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.watch:before {background-image:url('../images/i_watch.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.medicine:before {background-image:url('../images/i_medicine.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.medical:before {background-image:url('../images/i_medical.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.book:before {background-image:url('../images/i_book.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.stationery:before {background-image:url('../images/i_stationery.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.cosmetic:before {background-image:url('../images/i_cosmetic.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.beauty:before {background-image:url('../images/i_beauty.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.exercise:before {background-image:url('../images/i_exercise.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.bicycle:before {background-image:url('../images/i_bicycle.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.toys:before {background-image:url('../images/i_toys.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.textile:before {background-image:url('../images/i_textile.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.flower:before {background-image:url('../images/i_flower.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.pet:before {background-image:url('../images/i_pet.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.used_furniture:before {background-image:url('../images/i_used_furniture.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.furniture:before {background-image:url('../images/i_furniture.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.electronics:before {background-image:url('../images/i_electronics.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.hardware:before {background-image:url('../images/i_hardware.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.instrument:before {background-image:url('../images/i_instrument.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.interior:before {background-image:url('../images/i_interior.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.lighting:before {background-image:url('../images/i_lighting.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.used_car_sell:before {background-image:url('../images/i_used_car_sell.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.car_part:before {background-image:url('../images/i_car_part.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.cycle_part:before {background-image:url('../images/i_cycle_part.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.recycle_sell:before {background-image:url('../images/i_recycle_sell.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.art_work:before {background-image:url('../images/i_art_work.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.gas:before {background-image:url('../images/i_gas.svg');}
#useInfo .tabcnt_useinfo1 > dl > dd > dl.datalist_titlecont > dd ul li.ecommerce:before {background-image:url('../images/i_ecommerce.svg');}
/* 서울 상권 정의 */
#useInfo .tabcnt_useinfo2 ul.list_bullet > li,
#useInfo .tabcnt_useinfo2 ol.list_num > li {font-size:14px;}
#useInfo .tabcnt_useinfo2 dl.datalist_titlecont > dt {left:50%; width:265px; margin-left:-132.5px;}
#useInfo .tabcnt_useinfo2 dl.datalist_titlecont > dd {padding:30px 20px 0;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul {margin-top:40px;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col {margin-bottom:60px; margin-left:-24px;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li {margin-left:24px;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont {width:464px; height:441px;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_box > li + li {margin-top:20px;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_box > li.plus,
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_box > li.equal {position:relative; margin-top:40px;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_box > li.plus:before,
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_box > li.equal:before {display:block; position:absolute; left:50%; background-repeat:no-repeat; background-position:center; background-size:100% auto; content:'';}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_box > li.plus:before {top:-27px; width:14px; height:14px; margin-left:-7px; background-image:url('../images/i_plus_bl.svg');}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_box > li.equal {border:2px solid #0676dd;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_box > li.equal:before {top:-26px; width:10px; height:12px; margin-left:-5px; background-image:url('../images/i_equal_bl.svg');}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_box > li > dl {padding:20px 30px 10px;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_box > li > dl > dt {padding-bottom:8px; font-size:16px; font-weight:700;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_box > li > dl > dd * {font-size:14px;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_box > li.equal > dl > dt {color:#0676dd;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_box > li.equal > dl > dd * {color:#0676dd;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_col {margin-left:-6px;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_col > li {width:135px; margin-left:6px; padding:29px 0; color:#0676dd; font-size:18px; font-weight:700; text-align:center;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_col > li + li {margin-top:0;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_col + ul.list_bullet {position:relative; margin-top:84px; padding:0 27px;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_col > li > dl.datalist_titlecont > dd > ul.list_col + ul.list_bullet:before {display:block; position:absolute; top:-52px; left:50%; width:16px; height:20px; background:url('../images/arrow_double_bk.svg') no-repeat center/100% auto; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg); content:'';}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_process {margin-left:-60px;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_process > li {margin-left:60px;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_process > li + li:before {left:-40px;}
#useInfo .tabcnt_useinfo2 > dl > dd > ul.list_process > li > dl.datalist_titlecont {width:440px; height:204px;}
#useInfo .tabcnt_useinfo2 > dl > dd .tableArea {margin-top:40px;}
/* #useInfo .tabcnt_useinfo2 > dl > dd .tableArea .tbl_col > tbody > tr > td.tal {padding-left:10px;}
#useInfo .tabcnt_useinfo2 > dl > dd .tableArea .tbl_col > tbody > tr > td.tac {padding-left:10px;} */

/* 제공정보 */
/** 20250527 추가 **/
#useInfo .tabcnt_useinfo3 .topArea p {text-align: center; font-size: 30px; font-weight: 600; margin-bottom: 30px;}

/* ------------------------------------------------------------------------- */
/* 3-11. 데이터 출처
/* ------------------------------------------------------------------------- */

#dataSource > dl > dt {color:#0676dd; font-size:24px; font-weight:700;}
#dataSource .tableArea .tbl_col > tbody > tr > td {text-align:center;}

/* ------------------------------------------------------------------------- */
/* 3-12. 소상공인 상권분석 보고서
/* ------------------------------------------------------------------------- */

#districtReport span.contrast {position:relative; padding-left:15px; font-size:inherit;}
#districtReport span.contrast.up {color:#e02171 !important;}
#districtReport span.contrast.down {color:#0676dd !important;}
#districtReport span.contrast:before {display:block; position:absolute; top:0; left:0; color:inherit; font-size:inherit;}
#districtReport span.contrast.up:before {content:'↑';}
#districtReport span.contrast.down:before {content:'↓';}
#districtReport select {height:50px; border:1px solid #ddd; color:var(--color-gray); font-size:16px;}
#districtReport select + select {margin:0 7px;}
#districtReport .titleArea {margin-top:15px; padding:25px 0;}
#districtReport .titleArea h4 {font-size:24px;}
#districtReport .titleArea h4 span {color:#0676dd; font-size:inherit;}
#districtReport .titleArea.relative .subs {position:absolute; top:50%; right:0; color:var(--color-gray); font-size:14px; line-height:30px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
#districtReport .titleArea.relative .subs .box_btn {margin-left:10px;}
#districtReport .tableArea h4 span {color:inherit; font-size:inherit;}
#districtReport .tableArea h4.relative .subs {color:var(--color-gray); font-size:14px;}
#districtReport .tabcnt_common > dl {padding-bottom:20px; background:#f9f9f9;}
#districtReport .tabcnt_common > dl > dt {padding:30px 28px 10px; background:#fff; color:#0676dd; font-size:18px; font-weight:700;}
#districtReport .tabcnt_common > dl > dt span {color:inherit; font-size:inherit;}
#districtReport .tabcnt_common > dl > dd {padding:0 28px; color:var(--color-gray); font-size:16px;}
#districtReport .tabcnt_common > dl > dd > a {font-size:inherit; text-decoration:underline;}
#districtReport .tabcnt_common > dl > dd > strong {display:block; margin:20px 0 10px; font-size:18px; font-weight:500;}
#districtReport .tabcnt_common > dl > dd > strong span {font-size:inherit; font-weight:inherit;}
#districtReport .tabcnt_common > dl > dd > strong span.noti {position:relative; padding-right:10px;}
#districtReport .tabcnt_common > dl > dd > strong span.noti:before {display:block; position:absolute; top:0; right:0; color:#222; font-size:18px; font-weight:500; content:'*';}
#districtReport .tabcnt_common > dl > dd > strong span.noti.p_color2:before {color:#e02171;}
#districtReport .tabcnt_common > dl > dd ul.list_bullet2 {margin:10px 0 30px;}
#districtReport .tabcnt_common > dl > dd ul.list_bullet2 li {color:var(--color-gray); font-size:16px; line-height:1.4;}
#districtReport .tabcnt_common > dl > dd ul.list_bullet2 li * {color:inherit; font-size:inherit;}
#districtReport .tabcnt_common > dl > dd .chartArea {margin-top:30px;}
#districtReport .tabcnt_common > dl > dd .formula {display:inline-block; margin-bottom:10px; padding:42px 50px; border:1px solid #ddd; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#fff;}
#districtReport .tabcnt_common > dl > dd .formula ul {font-size:0;}
#districtReport .tabcnt_common > dl > dd .formula ul li {display:inline-block; *display:inline; *zoom:1; font-size:16px; vertical-align:middle;}
#districtReport .tabcnt_common > dl > dd .formula ul li + li {margin-left:30px;}
#districtReport .tabcnt_common > dl > dd .formula ul li div.pl {display:inline-block; position:relative; padding:0 10px; color:#000; font-size:16px; vertical-align:middle;}
#districtReport .tabcnt_common > dl > dd .formula ul li div.pl:before,
#districtReport .tabcnt_common > dl > dd .formula ul li div.pl:after {display:block; position:absolute; top:50%; font-size:inherit; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
#districtReport .tabcnt_common > dl > dd .formula ul li div.pl:before {left:0; content:'[';}
#districtReport .tabcnt_common > dl > dd .formula ul li div.pl:after {right:0; content:']';}
#districtReport .tabcnt_common > dl > dd .formula ul li div.pl2 {display:inline-block; *display:inline; *zoom:1; position:relative; padding:0 10px; color:#000; font-size:16px; vertical-align:middle;}
#districtReport .tabcnt_common > dl > dd .formula ul li div.pl2:before,
#districtReport .tabcnt_common > dl > dd .formula ul li div.pl2:after {display:block; position:absolute; top:50%; font-size:inherit; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
#districtReport .tabcnt_common > dl > dd .formula ul li div.pl2:before {left:0; content:'(';}
#districtReport .tabcnt_common > dl > dd .formula ul li div.pl2:after {right:0; content:')';}
#districtReport .tabcnt_common > dl > dd .formula ul li div.minus {display:inline-block; *display:inline; *zoom:1; position:relative; padding-right:5px; color:#000; font-size:16px; vertical-align:middle;}
#districtReport .tabcnt_common > dl > dd .formula ul li div.minus:before {display:block; position:absolute; top:0; right:0; color:inherit; font-size:inherit; content:'-';}
#districtReport .tabcnt_common > dl > dd .formula ul li p {padding:10px 0; font-size:inherit; text-align:center;}
#districtReport .tabcnt_common > dl > dd .formula ul li p + p {border-top:1px solid #222;}
#districtReport .tabcnt_common > dl > dd .formula ul li.equal {position:relative; padding-right:12px; color:#000;}
#districtReport .tabcnt_common > dl > dd .formula ul li.equal:before {display:block; position:absolute; top:0; right:0; color:#000; font-size:16px; content:'=';}
#districtReport .tabcnt_common > dl > dd .formula ul li.multiple {position:relative; padding-left:15px;}
#districtReport .tabcnt_common > dl > dd .formula ul li.multiple:before {display:block; position:absolute; top:0; left:0; font-size:16px; content:'X';}
#districtReport .tabcnt_common > dl > dd .p_bg {margin-top:30px; padding:16px 20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#0676dd; color:#fff; font-size:18px; font-weight:700;}
#districtReport .tabcnt_common > dl > dd .p_bg * {color:inherit; font-size:inherit; font-weight:inherit;}
#districtReport .tabcnt_common > dl > dd .area {margin-top:30px;}
#districtReport .tabcnt_common > dl > dd .area .tar .box_btn {margin-top:20px;}
#districtReport .tabcnt_common > dl > dd .area.col {font-size:0;}
#districtReport .tabcnt_common > dl > dd .area.col > div {display:inline-block; *display:inline; *zoom:1; vertical-align:top;}
#districtReport .tabcnt_common > dl > dd .area.col2 {margin-left:-20px;}
#districtReport .tabcnt_common > dl > dd .area.col2 > div {width:calc(50% - 20px); margin:0 0 0 20px;}
#districtReport .tabcnt_common > dl > dd .tbl_col > tbody > tr > td.tal {padding-left:10px;}
#districtReport .tabcnt_common > dl > dd .tableArea .tbl_col > tbody > tr > td {text-align:center;}

/* ------------------------------------------------------------------------- */
/* 3-13. 사이트맵
/* ------------------------------------------------------------------------- */

#sitemap p.title {padding:50px 0 15px; font-size:18px; font-weight:700;}
#sitemap ul.list_category {font-size:0;}
#sitemap ul.list_category > li {display:inline-block; *display:inline; *zoom:1; width:calc(20% + 1px); min-height:195px; margin:-1px 0 0 -1px; padding:23px 40px; border:1px solid #ddd; vertical-align:top; -webkit-box-sizing:border-box; box-sizing:border-box;}
#sitemap ul.list_category > li p a {display:block; padding:5px 0; font-size:16px; font-weight:700;}
#sitemap ul.list_category > li ul li a {display:block; padding:5px 0; color:#999; font-size:16px;}

/* ------------------------------------------------------------------------- */
/* 3-14. 에러
/* ------------------------------------------------------------------------- */

#errorPage {position:relative;}
#errorPage .inner {position:absolute; top:50%; left:50%; width:100%; padding:0 30px; text-align:center; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
#errorPage h3 {position:relative; margin-bottom:20px; padding-top:200px; color:#2e85e4; font-size:24px; font-weight:400; line-height:36px; word-break:keep-all;}
#errorPage h3:before {display:block; position:absolute; top:0; left:50%; width:223px; height:149px; margin-left:-111.5px; background:url('./../images/i_laptop.svg') no-repeat center/100% auto; content:'';}
#errorPage p {color:var(--color-gray2); font-size:14px; line-height:22px; word-break:keep-all;}
#errorPage button {margin-top:50px; padding:6px 50px; border-radius:6px; background:var(--color-point-blue); color:var(--color-white); font-size:15px; font-weight:700; line-height:36px;}

/* ------------------------------------------------------------------------- */
/* 4. Etc
/* ------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------- */
/* 4-1. library - mCustomScrollBar
/* ------------------------------------------------------------------------- */

.mCSB_inside > .mCSB_container {margin-right:0;}
.mCSB_horizontal.mCSB_inside > .mCSB_container {margin-bottom:0;}
.mCSB_scrollTools {right:-4px; z-index:10;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {width:6px; background:rgba(153,153,153,0.7) !important;}
.mCSB_scrollTools .mCSB_draggerRail {width:6px; background:rgba(241,241,241,0.7);}

/* ------------------------------------------------------------------------- */
/* 4-2. library - roundSlider
/* ------------------------------------------------------------------------- */

.rs-block {border-width:15px !important;}
.rs-control {margin:0 auto;}
.rs-border {border-color:#f1f1f1 !important;}
.rs-handle {border:0 !important; background:#fff !important; box-shadow:0 0 10px 0 rgba(0,0,0,0.25); cursor:pointer !important;}
.rs-handle.rs-focus {-webkit-box-shadow:0 0 8px rgba(255, 0, 255, .9) !important; -moz-box-shadow:0 0 8px rgba(255,0,255,.9) !important; box-shadow:0 0 8px rgba(255,0,255,.9) !important;}
.rs-seperator {border:0 !important;}
.rs-svg-mode .rs-path {stroke:#f1f1f1 !important;}
.rs-svg-mode .rs-border {stroke:#f1f1f1 !important;}
.rs-svg-mode .rs-range {stroke:#0676dd !important;}
.rs-tooltip {top:-69px !important; font-family:'Roboto', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', Sans-serif !important; font-size:60px !important; font-weight:500; line-height:1; letter-spacing:-2px;}
.rs-tooltip:after {display:block; font-size:20px; font-weight:500; content:'분';}

/* ------------------------------------------------------------------------- */
/* 4-3. library - rangeSlider
/* ------------------------------------------------------------------------- */

.rangeslider--horizontal {height:8px !important;}
.rangeslider,
.rangeslider__fill {-webkit-box-shadow:none !important; -moz-box-shadow:none !important; box-shadow:none !important;}
.rangeslider {background:#f1f1f1 !important;}
.rangeslider__fill {background:#0676dd !important;}
.rangeslider__handle {top:50% !important; width:24px !important; height:24px !important; margin-top:-12px; border:1px solid #ddd; background:#fff !important; -webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1) !important; -moz-box-shadow:0 2px 4px 0 rgba(0,0,0,.1) !important; box-shadow:0 2px 4px 0 rgba(0,0,0,.1) !important;}
input[type="range"]:focus + .rangeslider .rangeslider__handle {-webkit-box-shadow:0 0 8px rgba(255, 0, 255, .9) !important; -moz-box-shadow:0 0 8px rgba(255,0,255,.9) !important; box-shadow:0 0 8px rgba(255,0,255,.9) !important;}
.rangeslider__handle:after {display:none !important;}

/* #skip {position:relative;} */
/* #skip a {position: absolute; top: -200px; left:0; border: 1px solid #fff; color: #fff; background: #333; line-height: 30px; width: 160px; text-align: center; text-decoration: none;} */
/* #skip a:active, #skip a:focus {top: 0;} */

.skip-navi {font-size:0; line-height:0; overflow: hidden;}
.skip-navi a {display:block; width:100%; padding: 10px 0; color: #fff; position: absolute; left: 0; top: -100px; text-align:center; z-index:200; background:#413022; border:0 none;}
.skip-navi a:focus,
.skip-navi a:hover,
.skip-navi a:active {top:0; font-weight:bold; font-size:16px; line-height:1.5; border-bottom:1px solid #fff}

.chatbot-layer {
	width: 320px;
	height: 500px;
	position: absolute;
	right: 0.8em;
	top: 60px;
	z-index: 10;
	border: 1px solid #01a6d6;
	box-shadow: 5px 5px 8px rgba(0, 0, 0, .05);
	display: none;
}
	
.chatbot-layer.min-on {
	height: 45px;
	overflow: hidden;
}

.chatbot-layer .chat-header {-webkit-box-sizing:border-box; box-sizing:border-box;}

/** 20240806 사이트점검 **/
.chatbot-layer .chat-header button.min {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	float: right;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .6;
	margin-top: -2px;
	margin-right: 5px;
	
    height: 26px;
    width: 26px;
}

.chatbot-layer .chat-header button.min span:before {
	content: '-';
	font-size: 34px;
	font-weight: bold;
	line-height: .7;
		
    height: 26px;
    width: 26px;
}

.chatbot-layer.min-on .chat-header button.min span:before
	{
	content: '□';
	font-size: 14px;
	vertical-align: top;
	line-height: 2;
	font-weight: 700;
	text-shadow: 1px 1px #fff;
		
    height: 26px;
    width: 26px;
}


.chatbot-layer .chat-wrap {-webkit-box-sizing:border-box; box-sizing:border-box;}
.chatbot-layer .chat-wrap .message li .bubble {-webkit-box-sizing:border-box; box-sizing:border-box;}



/*
div, label {
	box-sizing: border-box;
}
	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup, menu, nav,
output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: inherit;
	vertical-align: baseline;
	outline: 0;
}
		
* {
	font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은 고딕', sans-serif;
	margin: 0;
	padding: 0;
	letter-spacing: -0.3px;
}

label, img {
	vertical-align: middle;
}
*/
	
.chat-guide-link {
	color: #a6b8cd;
	font-size: .8em;
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
	margin-top: .6em;
	margin-right: .8em;
	float: right;
}

/*
a {
	color: #000;
	text-decoration: none;
}
*/


/** 20240805 사이트점검 **/
.chat-guide-link {
	color: #718AA5;
	font-size: .8em;
	font-weight: 500;
	display: inline-block;
	vertical-align: middle;
	margin-top: .6em;
	margin-right: .8em;
	float: right;
}

.chat-guide-link i {
	font-size: 1.15em;
	display: inline-block;
	width: 1.4em;
	height: 1.4em;
	line-height: 1.5em;
	text-align: center;
	background: #718AA5;
	color: #fff;
	border-radius: 1em;
	vertical-align: middle;
	margin-right: .2em;
	font-style: normal;
	margin-top: -.15em;
	font-weight: 300;
}



.chat-guide {
	background: #f2f5f9;
	padding: 20px 15px 10px 12px;
	overflow-x: hidden;
	overflow-y: auto;
	height: calc(100% - 3.55em) !important;
	box-sizing: border-box;
	text-align: left;
	position: absolute;
	width: 100%;
	z-index: 11;
	display: none;
}

.message-guide li {
	-webkit-transition: all .5s;
	transition: all .5s;
	position: relative;
	display: block;
}

.message-guide li:after, .message-guide li:before {
	content: "";
	clear: both;
	display: block;
}

.message-guide li.bot .avata {
	width: 47px;
	height: 47px;
	background: url(/images/citizen/chat/admin.png) no-repeat;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
}

.message-guide li.bot .name {
	font-size: 12px;
	font-weight: bold;
	margin-left: 56px;
	padding-top: 3px;
}

.message-guide li .bubble {
	clear: both;
	border-radius: 10px;
	font-size: 14px;
	padding: 12px;
	position: relative;
	max-width: 300px;
	line-height: 1.4;
}

.message-guide li.bot .bubble {
	margin: 11px 0 20px 56px;
	border: 1px solid #d8d6d6;
	background: #fff;
	float: left;
	position: relative;
}

.message-guide li.bot .bubble .b-tail {
	background: url(/images/citizen/chat/bubbletail_white.png) no-repeat;
	width: 18px;
	height: 20px;
	position: absolute;
	top: -8px;
	left: -5px;
	z-index: 10;
}

.user .bubble p {
	color: #fff !important;
}

.chat-guide .txt-blue {
	color: #01a6d6;
}

.chat-guide ol.chat-guide-txt {
	margin: 1em 0 0;
}

.chat-guide ol.chat-guide-txt li {
	padding-bottom: .5em;
}

.chat-guide .chat-guide-close {
	border: 0;
	background: transparent;
	position: absolute;
	bottom: -20px;
	right: 0;
	cursor: pointer;
}

.chat-guide .message-guide li .bubble {
	border-bottom-right-radius: 0;
}

/*
ol, ul {
	list-style: none;
}

body {
	color: #000;
	background: #fff;
	font-size: 13px;
	line-height: 1;
}
*/

.ellips {
	border: 0;
	text-align: left;
	letter-spacing: -0.07em;
	cursor: pointer;
	display: inline-block;
	background: #48a6a4;
	border-radius: 3px;
	vertical-align: middle;
	padding: 0.5em;
	color: #fff;
	margin: 1px;
}

.ellipsis {
	border: 0;
	text-align: center;
	letter-spacing: -0.07em;
	cursor: pointer;
	display: inline-block;
	background: #42A2A1;
	border-radius: 3px;
	vertical-align: middle;
	height: 30px;
	padding: 0 .5em;
	line-height: 30px;
	color: #fff;
}

.ellipsis.active {
	border: 0;
	text-align: center;
	letter-spacing: -0.07em;
	cursor: pointer;
	display: inline-block;
	background: #2466b4;
	border-radius: 3px;
	vertical-align: middle;
	height: 30px;
	padding: 0 .5em;
	line-height: 30px;
	color: #fff;
}
	
/*  	#hd .gnb .btn {position: inherit;top:0;right:0;font-size: 1;} */

#tableSpace2 td {
	text-align: center;
}
#tableSpace2 .left {
	text-align: left !important;
}
#tableSpace2 .uPart {
	text-align: center;
}