@charset "UTF-8";



/* 801 */
/* @mdia( 801 ) */

/* header.map{background:#002e73;} */
header.map .pcContainer {
	max-width: 100%;
}

/*== MAP CONTENT ==*/


.wrapMapCont {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.wrapMapCont .wrapMap {
	padding: 0 30px;
	width: 100%;
	height: auto;
}

/* ^ 왼쪽 영역 */
.wrapMapCont .mlist {
	width: 100%;
	max-width: 390px;
	height: 100%;
	flex: none;
	background: #fff;
	z-index: 10;
	align-items: flex-start;
	justify-content: flex-start;
	position: relative;
}

.wrapMapCont .mlist:after {
	content: '';
	width: 7px;
	height: 100%;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	top: 0;
	opacity: 1;
	right: -7px;
	z-index: 9;
}

/* 통합검색 */
.mSearch-Box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 20px 15px;
	background: #0083e4;
	position: relative;
	z-index: 4;
}

/* 초기화 & 닫기 버튼 */
.mSearch-Box .btnArea {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.mSearch-Box .btnArea button {

	width: 20px;
	height: 20px;
	display: block;
	padding: 3px;
}

.mSearch-Box .btnArea .reset {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 3px;
}

.mSearch-Box .btnArea .reset:before {
	content: '';
	display: block;
	width: 3px;
	height: 8px;
	background: url('../../images/2021/ico_searchReset-center.svg') top center / 100% auto no-repeat;
}

.mSearch-Box .btnArea .reset:after {
	content: '';
	position: absolute;
	top: 3px;
	right: 3px;
	display: block;
	width: 14px;
	height: 14px;
	background: url('../../images/2021/ico_searchReset-round.svg') top center / 100% auto no-repeat;
}

.mSearch-Box .btnArea .close>i:before,
.mSearch-Box .btnArea .close>i:after {
	background: #595959;
}

/* ^ 마우스오버 */
.mSearch-Box .btnArea .reset:hover:before {
	background-image: url('../../images/2021/ico_searchReset-center-over.svg');
}

.mSearch-Box .btnArea .reset:hover:after {
	transform: rotate(-360deg);
	transition: all 1s ease;
	background-image: url('../../images/2021/ico_searchReset-round-over.svg');
}

.mSearch-Box .btnArea .close:hover>i:before,
.mSearch-Box .btnArea .close:hover>i:after {
	background: #0382e0;
}

/* 검색 역역 */
.mSearch-Box>div {
	width: 100%;
	height: 100%;
	display: block;
	padding: 0 10px;
}

/* ^ 타이틀 */
.mSearch-Box div>.tit {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.mSearch-Box div>.tit .cBox i {
	border-radius: 100%;
	border-color: #afdfff;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	border-width: 2px;
}

.mSearch-Box div>.tit .cBox i:before {
	border-color: #afdfff;
	width: 0.42em;
	height: 1em;
	border-width: 0 0.23em 0.23em 0;
	opacity: 0;
}

/* ^ 마우스오버 */
.mSearch-Box div>.tit .cBox>label:hover {
	color: #ffce00;
}

.mSearch-Box div>.tit .cBox>label:hover>i {
	border-color: #ffce00;
}

.mSearch-Box div>.tit .cBox>label:hover>i:before {
	border-color: #ffce00;
}

.mSearch-Box div>.tit .cBox input[type="checkbox"]:checked+label {
	color: #fff;
}

.mSearch-Box div>.tit .cBox input[type="checkbox"]:checked+label>i {
	background: #fff;
	border-color: #fff;
}

.mSearch-Box div>.tit .cBox input[type="checkbox"]:checked+label>i:before {
	opacity: 1;
	border-color: #0083e4;
}

.mSearch-Box div>.tit .cBox label {
	color: #afdfff;
	font-size: 13px;
	line-height: 1.1;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.mSearch-Box div>.tit h1,
.mSearch-Box div>.tit a {
	color: #fff;
	font-size: 13px;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.mSearch-Box div>.tit a {
	margin-left: auto;
}

.mSearch-Box div>.tit h1:before {
	content: '';
	width: 16px;
	height: 16px;
	border: 5px solid #bee6f6;
	display: block;
	margin-right: 9px;
	border-radius: 100%;
}

.mSearch-Box div>.tit a:before {
	content: '';
	width: 13px;
	height: 13px;
	background: url('../../images/2021/ico_errorReport.svg') top center / auto no-repeat;
	margin-right: 5px;
}

.mSearch-Box div>.tit a:hover:before {
	background: url('../../images/2021/ico_errorReport-over.svg');
}

.mSearch-Box div>.tit a:hover {
	color: #ffce00;
}

.mSearch-Box .searchFrmWrap {
	width: 100%;
	height: auto;
	position: relative;
	background: #fff;
	border-radius: 5px;
	box-shadow: 0px 2px 3px rgba(49, 49, 49, .1);
	margin-top: 13px;
}

.mSearch-Box .searchFrmWrap.autolayerOpen {
	border-radius: 5px 5px 0 0;
}

.mSearch-Box .searchFrm {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.mSearch-Box .searchFrm label {
	display: none;
}

.mSearch-Box .searchFrm input[type="text"] {
	width: 100%;
	height: 40px;
	border: none;
	font-size: 15px;
	color: #333;
	font-weight: normal;
	padding: 0 10px 0 0;
	letter-spacing: -.05rem;
	background: transparent;
	padding-left: 10px;
}

.mSearch-Box .searchFrm input::-webkit-input-placeholder {
	color: #c5c5c5;
	font-weight: normal;
}

.mSearch-Box .searchFrm input:-ms-input-placeholder {
	color: #c5c5c5 !important;
	font-weight: normal;
}

.mSearch-Box .searchFrm form {
	flex: auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

/* ^ 검색하기 버튼 */
.mSearch-Box .searchBtn {
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding-left: 10px;
	height: 40px;
	width: 40px;
	margin-right: 5px;
}

/*.mSearch-Box .searchBtn:before{content:'';width:1px;height:100%;display: block;background:#999999;margin-right:25px;}*/
.mSearch-Box .searchBtn>i {
	width: 25px;
	height: 25px;
	font-size: 12px;
}

.mSearch-Box .searchBtn>i:before {
	border: 5px solid #0083e4;
}

.mSearch-Box .searchBtn>i:after {
	width: 5px;
}

/* ^ 마우스 오버 */
.mSearch-Box .searchBtn:hover>i:before {
	border-color: #ffce00;
}

.mSearch-Box .searchBtn:hover>i:after {
	background: #ffce00;
}

/* 검색닫기버튼 */
.mSearch-Box .searchBtn-close {

	margin-right: 5px;
	width: 0px;
	overflow: hidden;
	height: 40px;
	width: 0;
	transition: all .25s;
	display: none;
}

/* 닫기아이콘 */
.icon-search-close {
	width: 25px;
	height: 25px;

	display: block;
}

.icon-search-close {
	position: relative;
}

.icon-search-close::after,
.icon-search-close::before {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	left: calc(50% - 10px);
	height: 1px;
	width: 20px;
	background: #404040;
	transition: all .25s;
}

.icon-search-close::after {
	transform: rotate(-45deg);
}

.icon-search-close::before {
	transform: rotate(45deg);
}

.mSearch-Box .searchBtn-close:hover .icon-search-close::after,
.mSearch-Box .searchBtn-close:hover .icon-search-close::before {
	background: #111;
}

.searchFrm.active .searchBtn-close {
	width: 35px;
}

.searchFrmWrap.autolayerOpen {}

.searchFrmWrap.autolayerOpen .recentWord {
	display: block;
}

.searchFrmWrap .autoLayer {
	width: 100%;
	top: 40px;
	border-radius: 0 0 5px 5px;
}

.searchFrmWrap.recentWord {}

/* ^ 자동완성 */
.autoLayer {
	display: none;
	position: absolute;
	z-index: 1111;
	background: #fff;
	width: calc(100% + 2px);
	top: 5px;
	border-radius: 5px;
	border: 1px solid #ddd;
	box-shadow: 0px 2px 3px rgba(49, 49, 49, .1);
	border-top: 0;
}

.autoLayer:before {
	content: '';
	margin: 0px 10px;
	width: auto;
	height: 1px;
	border-top: 1px solid #ddd;
	display: block;
}

/* 최근검색어 */
.autoLayer .top {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.autoLayer .top {
	font-size: 12px;
	color: #737373;
	line-height: 1.1;
	margin-right: auto;
	padding: 10px 15px;
}

.autoLayer .deleteAll {
	margin-left: auto;
	font-size: 12px;
	color: #737373;
	line-height: 1.1;
}

.autoLayer .deleteAll:hover {
	color: #0083e4;
}

.autoLayer .list-none {
	display: none;
	width: 100%;
	text-align: center;
	font-size: 15px;
	padding: 50px 0;
	color: #888;
	font-size: 13px;
}

.autoLayer .list-item .delete {

	flex: none;
}

.autoLayer .list-item .delete i {
	width: 13px;
	height: 13px;
}

.autoLayer .list-item .delete i:before,
.autoLayer .list-item .delete i:after {
	background: #a0a0a0;
}

.autoLayer .list-item .delete:hover i:before,
.autoLayer .list-item .delete:hover i:after {
	background: #0083e4;
}

.autoLayer.autoWord .list {
	margin: 10px 0;
	/*max-height: 280px;*/
}

.autoLayer.recentWord .list {
	margin: 0 0 10px 0;
}

.autoLayer .list.mCustomScrollbar .list-item:last-child {
	margin-bottom: 15px;
}

.autoLayer .list.mCustomScrollbar .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.autoLayer .list.mCustomScrollbar .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
	right: 14px;
}

.autoLayer .list.mCustomScrollbar:after {
	content: '';
	width: 100%;
	height: 20px;
	display: block;
	background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, .67) 35%, #ffffff 90%);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
}

.autoLayer .list-item {
	padding: 0 15px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.autoLayer .list-item:hover {
	background: #eee;
}

.autoLayer .list-item>a {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 7.5px 0;
}

.autoLayer .list-item>a>span {
	flex: none;
	width: 17px;
	height: 17px;
	border-radius: 100%;
	background: #aaa;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-left: 1px;
	margin-right: 10px;
}

.autoLayer .list-item .ico-search {
	width: 9px;
	height: 9px;
	font-size: 4.7px;
	z-index: 0;
}

.autoLayer .list-item .ico-search:before {
	border-color: #fff;
	background: #aaa;
}

.autoLayer .list-item .ico-search:after {
	background: #fff;
}

.autoLayer .list-item span.txt {
	background: transparent;
	border-radius: 0;
	height: auto;
	flex: auto;
	padding-right: 20px;
	margin-right: auto;
	font-size: 13px;
	line-height: 1;
	word-break: break-all;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.autoLayer .list-item span.txt>b {
	color: #0083e4;
}

/* 자동완성 */
.autoLayer .list-item .ico-plus {
	width: 13px;
	height: 15px;
	transform: rotate(-135deg);
	flex: none;
}

.autoLayer .list-item .ico-plus:before {
	width: 13px;
	height: 1px;
	background: #bbb;
	top: 7px;
	transform: rotate(90deg);
}

.autoLayer .list-item .ico-plus:after {
	transform: rotate(135deg);
	width: 7px;
	height: 7px;
	border-top: 1px solid #bbb;
	border-right: 1px solid #bbb;
	top: 5px;
	right: 3px;
	left: inherit;
}

/* 도움말, 자동완성끄기 버튼 */
.autoLayer .bottom {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-radius: 0 0 5px 5px;
	background: #f8fafb;
	padding: 8px 15px;
}

.autoLayer .bottom>a,
.autoLayer .bottom>button {
	line-height: 1;
	font-size: 12px;
	color: #949696;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.autoLayer .bottom>a:hover,
.autoLayer .bottom>button:hover {
	color: #0083e4;
}

.autoLayer .bottom .autoLayerHide,
.autoLayer .bottom .rwClose {
	margin-left: auto;
}

/* 인기검색어 */
.popularWord {
	margin-top: 8px;
}

.popularWord>ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.popularWord>ul>li {
	padding: 4px 0;
	position: relative;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	flex: none;
	background: rgba(255, 255, 255, .2);
	width: calc(50% - 3px);
}

.popularWord>ul>li.tit {
	margin-right: 3px;
}

.popularWord>ul>li.tit>span {
	font-size: 14px;
}

.popularWord>ul>li.data {
	padding: 5.5px 10px;
	margin-left: 3px;
}

.popularWord h1 {
	margin-right: 5px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1;
	flex: none;
}

.popularWord .list {
	position: absolute;
	top: 29px;
	right: 0;
	width: 100%;
	z-index: 99;
	background: rgb(51, 156, 233);
	padding-bottom: 5px;
	border-radius: 0 0 3px 3px;
	display: none;
}

.popularWord .list>li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	padding: 5.5px 10px;
}

.popularWord .listFirst>a,
.popularWord .list>li a {
	flex: auto;
	transition: all 0.1s ease;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 1.1;
	word-break: break-all;
	display: block;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	width: auto;
}

.popularWord .listFirst:hover b,
.popularWord .list>li:hover b {
	background: #ffce00;
	color: #0083e4
}

.popularWord .listFirst:hover a,
.popularWord .list>li:hover a {
	color: #ffce00;
}

.popularWord .close {

	opacity: .6;
	margin-left: auto;
	display: none;
}

.popularWord .close>i {
	width: 15px;
	height: 15px;
}

.popularWord .close>i:before,
.popularWord .close>i:after {
	background: #fff;
}

.popularWord .close:hover {
	opacity: 1
}

.popularWord .close:hover>i:before,
.popularWord .close:hover>i:after {
	background: #ffce00;
}

.popularWord .close.open>i:after {
	transform: rotate(0deg);
}

.popularWord .listFirst {
	color: #fff;
	flex: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 15px;
	width: 100%;
}

.popularWord .list>li>b,
.popularWord .listFirst>b {
	width: 40px;
	text-align: center;
	margin-top: 1px;
	line-height: 18px;
	height: 18px;
	font-size: 10px;
	flex: none;
	background: #0083e4;
	padding: 3.5px 0;
	border-radius: 30px;
	margin-right: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-right: 5px;
	font-family: 'Noto Sans KR', sans-serif;
}

/* 상세검색 버튼 */
.detailSearchBtn {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color: #fff;
	font-size: 13px;
	line-height: 1.1;
	margin: 0 0 0 auto;
}

.detailSearchBtn>i {
	width: 14px;
	height: 12px;
	margin-right: 5px;
	font-size: 3px;
}

/* ^ 마우스오버 */
.detailSearchBtn:hover {
	color: #ffce00;
	box-sizing: border-box;
}

/* 225px, 232px */
.detailSearchBox {
	width: 400px;
	left: calc(50% - 10px);
	top: 220px;
	position: absolute;
	display: none;
	box-shadow: 0px 7px 8px rgba(92, 92, 92, .4);
	z-index: 11000;
	border-radius: 10px;
	/* overflow: hidden; */
}

.detailSearchBox .btnArea {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.detailSearchBox .btnArea button {

	width: 20px;
	height: 20px;
	display: block;
	padding: 3px;
}

.detailSearchBox .btnArea .reset {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 3px;
}

.detailSearchBox .btnArea .reset:before {
	content: '';
	display: block;
	width: 3px;
	height: 8px;
	background: url('../../images/2021/ico_searchReset-center.svg') top center / 100% auto no-repeat;
}

.detailSearchBox .btnArea .reset:after {
	content: '';
	position: absolute;
	top: 3px;
	right: 3px;
	display: block;
	width: 14px;
	height: 14px;
	background: url('../../images/2021/ico_searchReset-round.svg') top center / 100% auto no-repeat;
}

.detailSearchBox .btnArea .close>i:before,
.detailSearchBox .btnArea .close>i:after {
	background: #595959;
}

.detailSearchBox>div {
	padding: 15px 20px 25px 20px;
	background: #eaeff0;
	position: relative;
	border-radius: 10px 10px 0 0;
}

.detailSearchBox article {
	margin-top: 20px;
	display: block;
	height: auto;
}

.detailSearchBox article:first-child {
	margin-top: 0;
}

.detailSearchBox .tit {
	padding: 0 10px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-bottom: 0;
}

.detailSearchBox .tit h1 {
	font-size: 16px;
	color: #000;
	line-height: 1.1;
	font-weight: bold;
	margin-right: auto;
}

/* 실내공기질 */
.ds-option.GP {
	display: none;
}

/* 단위 변환 */
.detailSearchBox .tit .unitBox {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.detailSearchBox .tit .unitBox>li {
	line-height: 1;
	font-size: 12px;
	color: #3b3b3b;
	margin-right: 5px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.detailSearchBox .tit .unitBox>li:last-child {
	margin-right: 0;
}

.detailSearchBox .tit .unitBox>li button {
	line-height: 1;
	font-size: 12px;
	padding: 3px 8px;
	border: 1px solid #dfdfdf;
	color: #3b3b3b;
}

.detailSearchBox .tit .unitBox>li button.active {
	border-color: #bababa;
	background: #fff;
}

.detailSearchBox .tit .unitBox>li button:hover {
	border-color: #0083e4;
	background: #fff;
}

.detailSearchBox .tit .unitBox>li button:first-child {
	border-right: 0;
}

.detailSearchBox .tit .unitBox>li:last-child {
	position: relative;
}

.detailSearchBox .tit .unitBox>li:last-child:after {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 1px;
	height: 100%;
	display: block;
	background: #bababa;
}

.detailSearchBox .tit .unitBox>li:last-child:hover:after {
	background: #0083e4;
}

.detailSearchBox .tit .unitBox>li button:last-child {
	border-left: 0;
}

.detailSearchBox .selectBox {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 5px 10px 0 10px;
}

.detailSearchBox .selectBox label[for^=detail-select] {
	display: none;
}

.detailSearchBox .selectBox>li {
	width: 50%
}

.detailSearchBox .selectBox>li .nice-select {
	width: 100%;
}

.detailSearchBox .selectBox>li:first-child {
	padding-right: 10px;
}

.detailSearchBox .selectBox>li:last-child {
	padding-left: 10px;
}

.detailSearchBox .chkBox>li {
	display: none;
}

.detailSearchBox .chkBox>li[class^="unit-type"].active {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 100%;
}

.detailSearchBox .chkBox {
	padding: 0 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.detailSearchBox .chkBox input[id^=ds-option] {
	display: none;
}

.detailSearchBox .chkBox label[for^=ds-option] {
	font-size: 13px;
	color: #555;
	line-height: 1;
	padding: 6px 5px;
	background: #e1e7e8;
	border-radius: 30px;
	border: 1px solid #d2d2d2;
	flex: auto;
	text-align: center;
	margin: 5px;
}

.detailSearchBox .chkBox .uni-type02 label[for^=ds-option] {
	width: 33.33%;
}

.detailSearchBox .chkBox input[id^=ds-option]:checked+label {
	color: #3b3b3b;
	cursor: pointer;
	border-color: #ddd;
	background: #fff;
}

.detailSearchBox .chkBox input[id^=ds-option]:checked+label:hover,
.detailSearchBox .chkBox label[for^=ds-option]:hover {
	color: #3b3b3b;
	cursor: pointer;
	border-color: #0083e4;
	background: #fff;
}

.detailSearchBox .dBoxWrap {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 5px 10px 0 10px;
}

.detailSearchBox .dBoxWrap .dBox {
	flex: auto;
}

.detailSearchBox .dBox {
	position: relative;
}

.detailSearchBox .dBox input {
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 10px 15px;
	width: 100%;
	color: #3c3c3c;
	font-size: 13px;
}

.detailSearchBox .dBox input::-webkit-input-placeholder {
	color: #9e9e9e;
	font-weight: normal;
}

.detailSearchBox .dBox input:-ms-input-placeholder {
	color: #9e9e9e !important;
	font-weight: normal;
}

.detailSearchBox .dBox label {
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	background: url('../../images/2021/ico-calendar.png') center center / auto no-repeat;
}

.detailSearchBox .dBoxWrap2 .dBox label {
	background: none;
}

.detailSearchBox .dBoxWrap2 .dBox .nice-select {
	width: 100%
}

.detailSearchBox .dBoxWrap>span {
	flex: none;
	font-size: 13px;
	color: #888;
	display: block;
	width: 20px;
	text-align: center;
}

/* ^ 마우스오버 */
.detailSearchBox .dBox input:hover {
	border-color: #0083e4;
	cursor: pointer;
}

.detailSearchBox .dBox input:hover+label {
	background-image: url('../../images/2021/ico-calendar-over.png');
}

@media only screen and (max-width:1300px) {
	.detailSearchBox {
		left: auto;
		right: 266px;
	}
}

@media only screen and (max-width:1000px) {
	.detailSearchBox {
		right: 20px;
		top: 220px
	}
}

@media only screen and (max-width:450px) {
	.detailSearchBox {
		right: 20px;
		left: 20px;
		width: auto;
	}
}

/* 상세검색 summit 버튼 */
.dsSummit {
	width: 100%;
	line-height: 1.1;
	color: #fffefe;
	font-size: 15px;
	padding: 15px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #7d7d7d;
	border-radius: 0 0 10px 10px;
}

.dsSummit>i {
	font-size: 8px;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

.dsSummit>i:before {
	background: transparent;
	border-color: #fff;
	width: 1.5em;
	height: 1.5em;
}

.dsSummit>i:after {
	background: #fff;
}

/* ^ 마우스오버 */
.dsSummit:hover {
	background: #0083e4;
}


/* 통합검색 콘텐츠 영역 */
.mlist-content {
	width: 100%;
	height: calc(100% - 157px);
	margin: 0 auto;
	position: relative;
	background: #fff;
	z-index: 3;
	overflow-y: auto;
}

.mlist-content .scroll {
	height: 100%;
}

.mlist-content button[type=submit] {
	width: 100%;
	height: 50px;
	flex: none;
	position: absolute;
	bottom: 0;
	left: 0;
}


/* 세부 카테고리 영역 */
.detailCategory {
	padding: 14px 12.5px 10px 12.5px;
	border-bottom: 1px solid #f1f1f1;
	flex: none;
}

.detailCategory .tit {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	position: relative;
	padding: 0 10px 7px 10px;
}

.detailCategory .tit .all-category {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 16px;
	color: #000;
	font-weight: bold;
}

.detailCategory .tit .all-category i {
	width: 10px;
	height: 10px;
	margin: 0 10px;
}

.detailCategory .tit .all-category i:after {
	border-color: #888;
}

/* ^ 마우스오버 */
.detailCategory .tit .all-category:hover {
	text-decoration: underline;
	color: #0083e4;
}

.detailCategory .tit h2 {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 16px;
	color: #000;
	margin-right: auto;
	font-weight: bold;
	line-height: 1.1;
}

.detailCategory .tit h2[class*="dcTit-icon"]:before {
	content: '';
	width: 25px;
	height: 25px;
	display: none;
	margin-right: 3px;
	transition: all 0s;
}

.detailCategory .tit h2.dcTit-icon-0:before {
	background: url('../../images/2021/dcTit-icon-0.svg') center center / auto no-repeat;
}

.detailCategory .tit h2.dcTit-icon-1:before {
	background: url('../../images/2021/dcTit-icon-1.svg') center center / auto no-repeat;
}

.detailCategory .tit h2.dcTit-icon-2:before {
	background: url('../../images/2021/dcTit-icon-2.svg') center center / auto no-repeat;
}

.detailCategory .tit h2.dcTit-icon-3:before {
	background: url('../../images/2021/dcTit-icon-3.svg') center center / auto no-repeat;
}

.detailCategory .tit h2.dcTit-icon-4:before {
	background: url('../../images/2021/dcTit-icon-4.svg') center center / auto no-repeat;
}

.detailCategory .tit h2.dcTit-icon-5:before {
	background: url('../../images/2021/dcTit-icon-5.svg') center center / auto no-repeat;
}

.detailCategory .tit h2.dcTit-icon-6:before {
	background: url('../../images/2021/dcTit-icon-6.svg') center center / auto no-repeat;
}

.detailCategory .tit h2.dcTit-icon-7:before {
	background: url('../../images/2021/dcTit-icon-7.svg') center center / auto no-repeat;
}

.detailCategory .tit h2.dcTit-icon-8:before {
	background: url('../../images/2021/dcTit-icon-8.svg') center center / auto no-repeat;
}

.detailCategory .tit h2.dcTit-icon-9:before {
	background: url('../../images/2021/dcTit-icon-9.svg') center center / auto no-repeat;
}

.detailCategory .tit h2.dcTit-icon-10:before {
	background: url('../../images/2021/dcTit-icon-10.svg') center center / auto no-repeat;
}

.detailCategory .tit h2.dcTit-icon-11:before {
	background: url('../../images/2021/dcTit-icon-11.svg') center center / auto no-repeat;
}

.detailCategory .tit h2.dcTit-icon-12:before {
	background: url('../../images/2021/dcTit-icon-12.svg') center center / auto no-repeat;
}

.detailCategory .tit .dcMore {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 13px;
	color: #5a5a5a;
	flex: none;
	letter-spacing: -0.05em;
}

.detailCategory .tit .dcMore>i {
	width: 7px;
	height: 7px;
	margin-left: 3px;
}

.detailCategory .tit .dcMore>i:after {
	border-color: #5a5a5a;
}

/* ^ 마우스오버 */
.detailCategory .tit .dcMore:hover {
	color: #0083e4;
}

.detailCategory .tit .dcMore:hover>i:after {
	border-color: #0083e4;
}

/* 시설분류 더보기 리스트 */
.dc-more-popup {
	position: absolute;
	top: 156px;
	right: -145px;
	background: #fff;
	display: none;
	width: 140px;
	border: 1px solid #e5e5e5;
	z-index: 999999;
}

.dc-more-popup .dcM-tit {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: auto;
	padding: 10px;
	position: relative;
}

.dc-more-popup .dcM-tit:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 7px;
	right: 7px;
	background: #e5e5e5;
	display: block;
	width: auto;
	height: 1px;
}

.dc-more-popup .dcM-tit>span {
	font-size: 14px;
	line-height: 1.1;
	color: #5a5a5a;
	margin-right: auto;
	font-weight: bold;
}

.dc-more-popup .dcM-tit .dcM-close {}

.dc-more-popup .dcM-tit .dcM-close>i {
	width: 15px;
	height: 15px;
}

.dc-more-popup .dcM-tit .dcM-close>i:before,
.dc-more-popup .dcM-tit .dcM-close>i:after {
	background: #b2b2b2;
}

/* ^ 마우스 오버 */
.dc-more-popup .dcM-tit .dcM-close:hover>i:before,
.dc-more-popup .dcM-tit .dcM-close:hover>i:after {
	background: #0083e4;
}

.dc-more-popup .dcM-cont {
	margin: 5px 7px;
	height: auto;
}

.dc-more-popup .dcM-cont a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	border-radius: 3px;
}

/* ^ 마우스 오버 */
.dc-more-popup .dcM-cont a.active {
	background: #def0fd;
}

.dc-more-popup .dcM-cont a:not(.active):hover {
	background: #f5f5f5;
}

.dc-more-popup .dcM-cont a>.backImg {
	width: 27px;
	height: 27px;
	margin-right: 7px;
	background-size: contain !important;
	margin: 6px 0 6px 5px;
}

.dc-more-popup .dcM-cont a>b {
	flex: auto;
	text-align: center;
	margin: 0 auto;
	line-height: 1.1;
	font-size: 14px;
	line-height: 1.1;
	color: #5a5a5a;
}

/* 시설비교 결과보기 버튼 */
.goCompare-submit {
	visibility: hidden;
	margin-bottom: -50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #0077cf;
	color: #fff;
	width: 100%;
	flex: none;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 6;
	line-height: 1;
	transition: all 0.2s ease;
	overflow: hidden;
}

.goCompare-submit:before {
	content: '';
	width: 29px;
	height: 20px;
	display: block;
	background: url('../../images/2021/ico-compare-white.svg') center center / auto no-repeat;
	margin-right: 10px;
}

.goCompare-submit:hover {
	background: #002e73;
}

.goCompare-submit.open {
	visibility: visible;
	margin-bottom: 0;
}

.detailCategory .cont {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	padding: 0 7.5px;
}

.mlist-content:not(.start-page) .detailCategory .cont.start-page {
	display: none;
}

.detailCategory .cont>a {
	width: 25%;
	height: 77px;
	display: block;
	padding: 5px 2.5px;
	position: relative;
}

.detailCategory .cont>a>span {
	width: 100%;
	height: 100%;
	background: #f6f6f6;
	font-size: 14px;
	color: #333333;
	display: block;
	overflow: hidden;
}

.detailCategory .cont>a.active>span {
	background: #def0fd;
}

.detailCategory .cont>a>span b {
	margin: 8px;
	font-size: 13px;
	display: block;
	display: -webkit-box;
	word-break: break-word;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.31;
	width: calc(100% - 30px);
	height: calc(100% - 16px);
}

.detailCategory .cont>a>span i:before {
	content: '';
	width: 9px;
	height: 1px;
	background: #888;
	display: block;
	margin-right: -5px;
}

.detailCategory .cont>a>span i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 17px;
	height: 17px;
	position: absolute;
	bottom: 15px;
	right: 11px;
	background: #fff;
	border-radius: 100%;
}

.detailCategory .cont>a>span i:after {
	width: 5px;
	height: 5px;
	margin-right: 2px;
	border-color: #888;
}

/* ^ 마우스오버 */
.detailCategory .cont>a:hover>span {
	background: #def0fd;
}

/*
			.detailCategory .cont > a:hover > span > i{background:#0075cd;}
			.detailCategory .cont > a:hover > span > i:before{background:#fff;}
			.detailCategory .cont > a:hover > span > i:after{border-color:#fff;}
			.detailCategory .cont > a:hover > span b{color:#fff;}
			*/


/* 초기화면 */
.mlist-content.start-page .detailCategory .tit h2[class*="dcTit-icon"]:before {
	display: none;
}

.mlist-content.start-page .detailCategory .tit .dcMore {
	display: none;
}

.mlist-content.start-page .mCSB_container {
	display: flex;
	flex-direction: column;
}

.mlist-content.start-page .detailCategory .cont:not(.start-page) {
	display: none;
}

.mlist-content.start-page .detailCategory .cont.start-page>a>span {
	background: #f8f8f8;
	position: relative;
}

.mlist-content.start-page .detailCategory .cont.start-page>a>span:before {
	content: '';
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 25px;
	height: 25px;
	display: block;
}

.mlist-content.start-page .detailCategory .cont.start-page>a.active>span,
.mlist-content.start-page .detailCategory .cont.start-page>a:hover>span {
	background: #def0fd;
}

.mlist-content.start-page .detailCategory .cont.start-page>a.active>span b,
.mlist-content.start-page .detailCategory .cont.start-page>a:hover>span b {
	color: #444444;
}

.detailCategory .spCont-icon-0:before {
	background: url('../../images/2021/dcTit-icon-0.svg') center center / auto no-repeat;
}

.detailCategory .spCont-icon-1:before {
	background: url('../../images/2021/dcTit-icon-1.svg') center center / auto no-repeat;
}

.detailCategory .spCont-icon-2:before {
	background: url('../../images/2021/dcTit-icon-2.svg') center center / auto no-repeat;
}

.detailCategory .spCont-icon-3:before {
	background: url('../../images/2021/dcTit-icon-3.svg') center center / auto no-repeat;
}

.detailCategory .spCont-icon-4:before {
	background: url('../../images/2021/dcTit-icon-4.svg') center center / auto no-repeat;
}

.detailCategory .spCont-icon-5:before {
	background: url('../../images/2021/dcTit-icon-5.svg') center center / auto no-repeat;
}

.detailCategory .spCont-icon-6:before {
	background: url('../../images/2021/dcTit-icon-6.svg') center center / auto no-repeat;
}

.detailCategory .spCont-icon-7:before {
	background: url('../../images/2021/dcTit-icon-7.svg') center center / auto no-repeat;
}

.detailCategory .spCont-icon-8:before {
	background: url('../../images/2021/dcTit-icon-8.svg') center center / auto no-repeat;
}

.detailCategory .spCont-icon-9:before {
	background: url('../../images/2021/dcTit-icon-9.svg') center center / auto no-repeat;
}

.detailCategory .spCont-icon-10:before {
	background: url('../../images/2021/dcTit-icon-10.svg') center center / auto no-repeat;
}

.detailCategory .spCont-icon-11:before {
	background: url('../../images/2021/dcTit-icon-11.svg') center center / auto no-repeat;
}

.detailCategory .spCont-icon-12:before {
	background: url('../../images/2021/dcTit-icon-12.svg') center center / auto no-repeat;
}


.start-login-area {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: auto;
	padding: 30px 0;
	padding-top: 15px;
}

.sl-btn-area {
	margin: 20px 0 35px 0;
	padding: 0 10px;
}

.sl-btn-area a {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 30px;
	border: 1px solid #ccc;
	font-size: 16px;
	color: #454545;
	letter-spacing: -0.07em;
	line-height: 1.1;
	width: 280px;
	height: 60px;
	margin: 10px auto 0 auto;
	border-radius: 5px;
}

.sl-btn-area li:first-child a {
	margin-top: 0;
}

.sl-btn-area a:before {
	content: '';
	width: 25px;
	height: 25px;
	display: block;
	margin-right: 15px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	flex: none;
}

.sl-btn-area a.naver-login-btn:before {
	background-image: url('../../images/2021/ico-naver.svg');
}

.sl-btn-area a.kakao-login-btn:before {
	background-image: url('../../images/2021/ico-kakao.svg');
}

.sl-btn-area a.apple-login-btn {
	border-color: #000;
	background: #000;
	color: #fff;
}

.sl-btn-area a.apple-login-btn:before {
	width: 16px;
	height: 20px;
	background-image: url('../../images/2021/ico-apple-white.svg');
}

/* ^ 마우스오버 */
.sl-btn-area a.naver-login-btn:hover {
	background-color: #e8ffed;
}

.sl-btn-area a.kakao-login-btn:hover {
	background-color: #fffbde;
}

.sl-info {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.4;
	letter-spacing: -0.07em;
	color: #5a5a5a;
	font-size: 16px;
}

.start-guide-area {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	flex: auto;
	overflow: hidden;
	padding: 0 0 50px 0;
}

.start-guide {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	width: 150px;
	height: auto;
	position: relative;
}

.start-guide:after {
	content: '';
	z-index: 1;
	width: 0;
	height: 20px;
	display: block;
	border-radius: 100%;
	border: 1px solid #ddd;
	background: #f5f5f5;
	-webkit-animation: widthFull .8s cubic-bezier(.23, 1.000, .32, 1.000) 0.15s both;
	animation: widthFull .8s cubic-bezier(.23, 1.000, .32, 1.000) 0.15s both
}

.sg-img-area {
	width: 40px;
	height: 60px;
	margin-bottom: -12px;
	animation: jello-horizontal .9s 1.95s both;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
}

.start-guide *[class*="sg-img-0"] {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.start-guide .sg-img-01 {
	background: url('../../images/2021/ico-safetyGuide.svg') center center / contain no-repeat;
	-webkit-animation: slide-in-blurred-top 1.5s cubic-bezier(.23, 1.000, .32, 1.000) 0.7s both;
	animation: slide-in-blurred-top 1.5s cubic-bezier(.23, 1.000, .32, 1.000) 0.7s both
}

.start-guide .sg-img-02 {
	opacity: 0;
	background: url('../../images/2021/ico-safetyGuide_active.svg') center center / contain no-repeat;
	animation: flip-vertical-right 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) 1.75s both;
}

.sg-info {
	margin-top: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.4;
	letter-spacing: -0.07em;
	color: #5a5a5a;
	font-size: 16px;
}

@keyframes widthFull {
	0% {
		width: 0;
	}

	100% {
		width: 80px;
	}
}

@keyframes slide-in-blurred-top {
	0% {
		transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
		transform-origin: 50% 0%;
		filter: blur(40px);
		opacity: 0;
	}

	25% {
		transform: translateY(0) scaleY(1) scaleX(1);
		transform-origin: 50% 50%;
		filter: blur(0);
		opacity: 1;
	}

	75% {
		-webkit-transform: rotateY(0);
		transform: rotateY(0);
		opacity: 1;
	}

	99% {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

	100% {
		opacity: 0;
	}
}

@keyframes flip-vertical-right {
	0% {
		transform: rotateY(0);
		opacity: 0;
	}

	100% {
		transform: rotateY(180deg);
		opacity: 1;
	}
}

@keyframes jello-horizontal {
	0% {
		transform: scale3d(1, 1, 1);
	}

	30% {
		transform: scale3d(1.25, 0.75, 1);
	}

	40% {
		transform: scale3d(0.75, 1.25, 1);
	}

	50% {
		transform: scale3d(1.15, 0.85, 1);
	}

	65% {
		transform: scale3d(0.95, 1.05, 1);
	}

	75% {
		transform: scale3d(1.05, 0.95, 1);
	}

	100% {
		transform: scale3d(1, 1, 1);
	}
}



/* 검색 결과 영역 */
.map-result-list {
	width: 100%;
	display: block;
	flex: auto;
}

.map-result-list .tit {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 15px 20px;
	position: relative;
}

.map-result-list .tit>b {
	font-size: 12px;
	color: #5a5a5a;
	line-height: 1.1;
	opacity: 0;
	transition: all 0.2s ease;
	position: absolute;
	left: 20px;
	top: 17px;
	z-index: 1;
}

.map-result-list.compareOpen .tit>b {
	opacity: 1;
}

.map-result-list .tit>b>i {
	font-size: 12px;
	line-height: 1.1;
	display: block;
	margin-top: 3px;
}

.map-result-list .tit>b em {
	font-style: normal;
	color: #0083e4;
	line-height: 1.1;
}

.map-result-list .drop-nav {
	margin-left: 5px;
}

/* 결과 내 재검색 */
.map-result-list.compareOpen .rescanSearch {
	display: none;
}

.map-result-list.compareOpen .drop-nav {
	display: none;
}

.map-result-list .rescanSearch {
	border-bottom: 1px solid #ddd;
	position: relative;
	flex: auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	z-index: 2;
	margin-right: 5px;
}

.map-result-list .rescanSearch input {
	max-width: 185px;
	width: 100%;
	font-size: 13px;
	color: #555;
	border: 0;
	height: 30px;
	padding: 0 0 0 3px;
	flex: 1;
}

.map-result-list .rescanSearch input::-webkit-input-placeholder {
	color: #c5c5c5;
	font-weight: normal;
}

.map-result-list .rescanSearch input:-ms-input-placeholder {
	color: #c5c5c5 !important;
	font-weight: normal;
}

.map-result-list .rescanSearch button {

	width: 30px;
	height: 30px;
	flex: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.map-result-list .rescanSearch button i {
	font-size: 7px;
	width: 13px;
	height: 13px;
}

.map-result-list .rescanSearch button i:before {
	border-color: #767676;
}

.map-result-list .rescanSearch button i:after {
	background: #767676;
}

/* ^ 마우스오버 */
.map-result-list .rescanSearch button:hover i:before {
	border-color: #0083e4;
}

.map-result-list .rescanSearch button:hover i:after {
	background: #0083e4;
}

/* 시설비교 버튼  */



.btn-sort {
	flex: none;
	line-height: 1;
	font-size: 12px;
	color: #0083e4;
	box-shadow: 0 2px 3px rgba(49, 49, 49, .1);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	border: 1px solid #77bdf1;
	border-radius: 15px;
	padding: 5.5px 10px;
	margin-left: auto;
	white-space: nowrap;
}

.btn-sort i {
	visibility: visible;
	width: 13px;
	margin-left: 5px;
}

.btn-sort i.ico-close {
	font-size: 6px;
	width: 0;
	height: 13px;
	visibility: hidden;
	transition: all 0.2s;
}

.btn-sort i.ico-close::before,
.btn-sort i.ico-close::after {
	background: #0083e4;
}

.btn-sort.open .ico-close {
	width: 13px;
	visibility: visible;
}

.btn-sort i.ico-down {
	width: 13px;
	height: 13px;
}

.btn-sort i.ico-down::before {
	border-color: #0083e4;
}

/* 시설비교 */
.btn-sort.goCompare {}

.btn-sort.goCompare::before {
	content: '';
	width: 25px;
	height: 17px;
	display: block;
	background: url('../../images/2021/ico-compare-blue.svg') center center / auto no-repeat;
	margin-right: 3px;
}

/* 정렬 */
.btn-sort.et-btn::before {
	content: '';
	width: 25px;
	height: 17px;
	display: block;
	background: url('../../images/2021/ico-sort-blue.svg') center center / auto no-repeat;
	margin-right: 3px;
}








.map-result-list .cont {
	padding: 0 15px 0 15px;
	height: 295px;
}

.map-result-list .mr-list {
	border-bottom: 1px solid #eee;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 10px 0;
}

.map-result-list .mr-list:first-child {
	padding-top: 0;
}

.map-result-list .mr-list a:hover>h1>b {
	text-decoration: underline;
}

.map-result-list .mr-list>a {
	display: inline-flex;
	margin-right: auto;
	flex: 1;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
}

.map-result-list .mr-list>a[data-focus="mList-on"] h1 b:before {
	content: '';
	position: absolute;
	width: 5px;
	height: 5px;
	background: #0083e4;
	border-radius: 100%;
	margin-right: 3px;
	vertical-align: top;
}

.map-result-list .mr-list>a[data-focus="mList-on"] h1 b span {
	padding-left: 5px;
}

.map-result-list .mr-list h1 b {
	overflow: hidden;
}

.map-result-list .mr-list h1 b span {
	display: block;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.map-result-list .mr-list h1 {
	font-size: 17px;
	line-height: 1.1;
	color: #000;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	width: 100%;
	white-space: nowrap;
}

.map-result-list .mr-list h1 div {
	display: flex;
}

.map-result-list .mr-list h1 div>span {
	font-size: 13px;
	color: #0083e4;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 2px;
	flex: none;
}

.map-result-list .mr-list h1 div>span:before {
	content: '';
	width: 1px;
	height: 11px;
	background: #934040;
	display: block;
	margin: 0 10px;
}

.map-result-list .mr-list address {
	font-size: 14px;
	color: #5a5a5a;
	font-style: normal;
	line-height: 1.1;
	padding-top: 7px;
}

.map-result-list .mr-list .cBox {
	flex: none;
	transition: all 0.2s ease;
	margin-left: 20px;
	width: 0;
	visibility: hidden;
}

.map-result-list .mr-list .cBox {
	flex: none;
	transition: all 0.2s ease;
	width: 0;
	visibility: hidden;
}

.map-result-list.compareOpen .mr-list .cBox {
	visibility: visible;
	width: 20px;
	margin: 0 10px 0 20px;
}

.map-result-list .mr-list label {}

/* 검색결과 없음 */
.map-noResult-list {
	display: flex;
	align-items: center;
	justify-content: center;
}

.mnr-list-area {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.mnr-list-area .mnr-img {
	width: 55px;
	height: 55px;
	display: block;
}

.mnr-txt {
	font-size: 16px;
	color: #5a5a5a;
	margin-top: 25px;
}

.mnr-txt b {
	font-size: 18px;
	font-weight: bold;
	color: #0058b9;
}

.mnr-info {
	margin-top: 25px;
	font-size: 13px;
	color: #999999;
}

.mnr-info li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.mnr-info li:before {
	content: '';
	width: 3px;
	height: 3px;
	background: #bbb;
	display: block;
	border-radius: 100%;
	margin-right: 5px;
}

/* 하단 내비게이션 영역 */
.mlist .bottomSheet {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 50px;
	z-index: 5;
}

.mlist .bottomSheet>button {
	flex: 1;
	background: #535353;
	border-left: 1px solid #8c8c8c;
	height: 100%;
	font-size: 13px;
	line-height: 1.1;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.mlist .bottomSheet>button:first-child {
	border-left: 0;
}

/* ^ 마우스오버 */
.mlist .bottomSheet>button:hover {
	background: #0083e4;
}

/* 관심시설 */
.mlist .bottomSheet .bookmark-list:before {
	content: '';
	width: 13px;
	height: 13px;
	display: block;
	background: url('../../images/2021/ico-bookmark-white.svg') center center / auto no-repeat;
	margin-right: 5px;
}

/* ^열림 */
.mlist .bottomSheet .bookmark-list.open {
	background: #0083e4;
}

/* 시설별 안전점검 검색 */
.mlist .bottomSheet .search-by-facility i {
	width: 13px;
	height: 12px;
	font-size: 6px;
	margin-right: 5px;
}

.mlist .bottomSheet .search-by-facility i:before {
	border-color: #fff;
	background: transparent;
}

.mlist .bottomSheet .search-by-facility i:after {
	background: #fff;
}

/* 모바일 버튼 */
.mlist .bottomSheet .change-view-mode {
	display: none;
}

/* 하단 팝업 */
.popupList {
	display: block;
	position: absolute;
	z-index: -1;
	transition: all 0s;
}

.popupList.open {
	visibility: visible;
}

.bookmark-list-popup {
	width: 100%;
	top: 0;
	left: 0;
	height: calc(100% - 50px);
	visibility: hidden;
}

.bookmark-list-popup.open {
	z-index: 4;
}

.bookmark-list-popup>div>article {
	background: #f4f4f4;
}

.popupList>div {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	width: 100%;
	height: 100%;
	transition: all 0.2s ease;
	position: relative;
}

.bookmark-list-popup>div {
	height: 115%;
}

.bookmark-list-popup>div:before {
	content: '';
	flex: auto;
	width: 100%;
	height: auto;
	display: block;
	background: rgba(0, 0, 0, .6);
	opacity: 0;
}

.popupList>div>article {
	flex: none;
	width: 100%;
	position: relative;
	overflow: hidden;
	visibility: hidden;
	height: 0;
	transition: all 0.5s ease;
	padding: 10px;
}

.popupList article>.tit {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 15px 20px;
	width: 100%;
}

.popupList article>.tit>h1 {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	margin-right: auto;
	font-size: 16px;
	color: #3b3b3b;
	font-weight: bold;
	white-space: normal;
}

/* 관심시설 */
.bookmark-list-popup article>.tit>h1:before {
	content: '';
	display: block;
	margin-right: 7px;
	flex: none;
	width: 17px;
	height: 17px;
	background: url('../../images/2021/ico-bookmark-line.svg') center center / auto no-repeat;
}

.popupList article>.tit>.close {}

.popupList article>.tit>.close>i {
	width: 20px;
	height: 20px;
}

/* 열림 */
.bookmark-list-popup.open>div>article {
	animation: pl-open .2s .4s linear both;
}

.bookmark-list-popup.open>div:before {
	animation: pl-fadeIn .3s 0s linear both;
}

.popupList article>.cont {
	width: 100%;
	height: calc(100% - 60px);
	flex: auto;
	display: block;
	z-index: 1;
}

/* 서브팝업 */
.popupList-02 {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
}

.popupList-02>div {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.popupList-02>div>article {
	width: 100%;
	max-width: 700px;
	margin: 0 20px;
	height: auto;
	transition: all 0.5s ease;
	background: rgba(255, 255, 255, .95);
}

.popupList-02 article>.tit {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	padding: 20px;
	width: 100%;
}

.popupList-02 article>.tit>h1 {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	margin-right: auto;
	font-size: 18px;
	color: #3b3b3b;
	font-weight: bold;
	white-space: normal;
}

.popupList-02 article>.tit>.close {}

.popupList-02 article>.tit>.close>i {
	width: 20px;
	height: 20px;
}

.popupList-02 article>.cont {
	width: 100%;
	height: auto;
	display: block;
	font-size: 15px;
	padding: 0 20px 20px 20px;
}

.popupList-02 article>.cont ol {
	font-size: 0.95em;
	line-height: 1.3;
	padding-left: 7px;
	padding-top: 7px;
	color: #000;
}

.popupList-02 article>.cont ol>li {
	padding-top: 4px;
}

.popupList-02 article>.cont ol>li:first-child {
	padding-top: 0;
}

.popupList-02 article>.cont>ol {
	margin-top: 20px;
	padding-top: 0;
	padding-left: 0;
}

.popupList-02 article>.cont>ol:nth-of-type(1) {
	margin-top: 0;
}

.popupList-02 article>.cont ol b {
	font-weight: bold;
}

/* 주요 관심시설 */
.major-bookmark {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	width: 100%;
	padding: 10px 0 20px 0;
	border-bottom: 1px solid #ddd;
}

.major-bookmark>li {
	width: 20%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	position: relative;
}

.major-bookmark>li:last-child {
	margin-left: auto;
}

.major-bookmark>li>button {
	text-align: center;
	display: block;
	margin: 0 auto;

	overflow: visible;
}

.major-bookmark.edit>li>button:not(.bm-edit):not(.bm-delete) {
	pointer-events: none;
}

.major-bookmark.edit>li>.bm-delete {
	display: block;
}

.major-bookmark>li>.bm-delete {
	display: none;
	position: absolute;
	top: 0;
	right: 3px;

	background: #888;
	padding: 5px;
	border-radius: 100%;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}

.major-bookmark>li>.bm-delete>i {
	width: 7px;
	height: 7px;
}

.major-bookmark>li>.bm-delete>i:before,
.major-bookmark>li>.bm-delete>i:after {
	background: #fff;
}

/* ^ 마우스오버 */
.major-bookmark>li>button:not(.bm-home):not(.bm-edit):hover>span {
	background: #555;
	border-color: #555;
	color: #fff;
}

.major-bookmark>li>button:not(.bm-home):not(.bm-edit):hover+div {
	color: #555;
}

.major-bookmark>li>.bm-delete:hover {
	background: #555;
}

.major-bookmark>li>div {
	margin-top: 10px;
	font-size: 13px;
	color: #7b7b7b;
	line-height: 1.1;
	display: block;
	width: 100%;
	text-align: center;
}

.major-bookmark>li>button>span {
	background: #eeeeee;
	border: 1px dotted #c5c5c5;
	border-radius: 100%;
	width: 45px;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	color: #888;
	margin: 0 auto;
}

.major-bookmark>li>button>span>i {
	width: 17px;
	height: 17px;
	display: block;
}

/* 집 */
.major-bookmark .bm-home>span {
	background: #0083e4;
}

.major-bookmark .bm-home>span>i {
	background: url('../../images/2021/ico-home-white.svg') center center / cover no-repeat;
}

/* 목록 */
.major-bookmark .bm-list>span {
	background: #ddd;
}

/* 등록 */
.major-bookmark .bm-edit>span>i {
	background: url('../../images/2021/ico-setting-grey.svg') center center / auto no-repeat;
	width: 19px;
	height: 19px;
	display: block;
	opacity: .7;
	border: 0;
}

.major-bookmark .bm-edit>span>i:before,
.major-bookmark .bm-edit>span>i:after {
	display: none;
}

/* ^ 마우스오버 */
.major-bookmark.edit .bm-edit>span {
	background: #ffce00;
	border-color: #ffce00;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}

.major-bookmark.edit .bm-edit+div {
	color: #555;
}

.major-bookmark:not(.edit) .bm-edit:hover>span {
	background: #888;
	border-color: #888;
}

.major-bookmark:not(.edit) .bm-edit:hover+div {
	color: #888;
}

.major-bookmark:not(.edit) .bm-edit:hover>span>i {
	background-image: url('../../images/2021/ico-setting-white.svg');
	opacity: 1;
}

.major-bookmark.edit .bm-edit>span>i {
	background: transparent;
	border: none;
	opacity: 1;
	font-size: 14px;
	display: flex;
	transition: all 0s;
}

.major-bookmark.edit .bm-edit>span>i:before,
.major-bookmark.edit .bm-edit>span>i:after {
	display: block;
	border-color: #ffffff;
	border-width: 0 2px 2px 0;
	transition: all 0s;
}

.my-bookmark-list {
	width: 100%;
	display: block;
}

.my-bookmark-list>.mBM-tit {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 20px 10px;
}

.my-bookmark-list>.mBM-tit .total {
	margin-right: auto;
	font-size: 13px;
	color: #3c3c3c;
	letter-spacing: -0.02em;
	line-height: 1;
}

.my-bookmark-list>.mBM-tit .total>em {
	color: #0083e4;
	padding-left: 3px;
	font-style: normal;
}

.my-bookmark-list>.mBM-tit .filter {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
}

.my-bookmark-list>.mBM-tit .filter>.line {
	width: 1px;
	height: 10px;
	background: #bbb;
	display: inline-block;
	margin: 0 7px;
}

.my-bookmark-list>.mBM-tit .filter>button {
	line-height: 1;
	font-size: 12px;
	color: #b2b2b2;
	overflow: visible;
}

.my-bookmark-list>.mBM-tit .filter>button.active {
	color: #5a5a5a;
}

/* ^마우스오버 */
.my-bookmark-list>.mBM-tit .filter>button:not(.active):hover {
	color: #0083e4;
}

.my-bookmark-list .mBM-cont {
	display: block;
	padding: 0 5px;
	height: 250px;
}

.my-bookmark-list .mBM-cont span {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	line-height: 1.1;
}

.my-bookmark-list .mBM-cont span>a {
	margin: 10px 10px 10px 0;
	font-size: 16px;
	color: #5a5a5a;
	line-height: 1.1;
	margin-right: auto;
	margin-left: 7px;
}

.my-bookmark-list .mBM-cont span>a:before {
	content: '';
	margin-right: 7px;
	display: inline-block;
	vertical-align: bottom;
	width: 15px;
	height: 15px;
	background: url('../../images/2021/ico-bookmark-line.svg') center center / auto no-repeat;
}

/* ^ 마우스오버 */
.my-bookmark-list .mBM-cont span>a:hover {
	color: #0083e4;
}

.my-bookmark-list .mBM-cont span>button {

	flex: none;
	padding: 10px;
}

.my-bookmark-list .mBM-cont .mBM-best {
	width: 25px;
	height: 25px;
	display: block;
	background: url('../../images/2021/ico-mainBookmark-grey.svg') center center / 40% auto no-repeat;
	padding: 0;
}

.my-bookmark-list .mBM-cont .mBM-best:hover,
.my-bookmark-list .mBM-cont .mBM-best.active {
	background-image: url('../../images/2021/ico-mainBookmark-blue.svg');
}

/* 닫기 버튼 */
.my-bookmark-list .mBM-cont .mBM-delete {
	padding: 10px;
}

.my-bookmark-list .mBM-cont .mBM-delete>i {
	font-size: 6px;
	width: 15px;
	height: 15px;
}


/* 상세정보 내역 */
.detail-info-popup {
	width: 100%;
	top: 0;
	left: -100%;
	height: 100%;
	visibility: hidden;
}

.detail-info-popup.open {
	animation: di-open .3s 0s linear both;
}

.detail-info-popup.open {
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	visibility: visible;
}

.detail-info-popup>div {
	position: relative;
	background: #fff;
}

.detail-info-popup>div:before {
	display: none;
}

.detail-info-popup.open>div:after {
	content: '';
	right: -7px;
	animation: none !important;
	width: 7px;
	height: 100%;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0) 100%);
	position: absolute;
	top: 0;
	opacity: 1;
	z-index: 1;
}

.detail-info-popup .di-container {
	height: 100%;
}

.detail-info-popup.open .di-container {
	transition: all 0s;
	visibility: visible;
	animation: none;
	background: #fff;
	display: block;
	height: 100%;
}

.detail-info-popup .tit>a {
	margin-right: 10px;
}

.detail-info-popup .tit>a:nth-last-child(2) {
	margin-right: auto !important;
}

.detail-info-popup .cont {
	position: relative;
}

.mArea .detail-info-popup .cont {
	padding-bottom: 15px !important;
}

/* 기본정보 영역  */
.basic-info {
	display: block;
	text-align: right;
	width: 100%;
	padding: 0 20px;
}

/* 건물명 */
.basic-info>h2 {
	font-size: 24px;
	color: #000;
	line-height: 1.1;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
	word-break: normal;
}

.basic-info>h2.long {
	font-size: 18px;
	line-height: 1.15;
}

/* 주소 */
.basic-info>address {
	font-size: 15px;
	color: #5a5a5a;
	line-height: 1.1;
	padding-top: 10px;
	text-align: center;
}

/* 안전등급안내 새창열림 버튼 */
.safety-level-guide {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	padding: 20px 4px 0 0;
	font-size: 12px;
	color: #0471eb;
	line-height: 1;
	margin-left: auto;
}

/* 			.safety-level-guide:after{content:'';width:11px;height: 11px;display:block;background:url('../../images/2021/ico-newTab-blue.svg') center center / auto no-repeat;margin-left:5px;} */
.safety-level-guide:after {
	content: '?';
	text-indent: -1px;
	width: 14px;
	height: 14px;
	border: 1px solid #4581ec;
	border-radius: 100%;
	margin-left: 4px;
	font-size: 10px;
	color: #0471eb;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

/* ^ 마우스 오버 */
.safety-level-guide:hover {
	text-decoration: underline;
}

/* 안정등급 */
.safety-level {
	clear: both;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background: #f6f6f6;
	border-radius: 10px;
	padding: 15px;
	margin-top: 15px;
}

.safety-level>dl {
	flex: 1;
	text-align: center;
}

.safety-level>dl>dt {
	font-size: 13px;
	color: #111;
	padding-bottom: 7px;
	line-height: 1.1;
}

/* 안정등급 아이콘 */
.safety-level dd[class^='rating_'] {
	width: auto;
	height: auto;
	display: block;
	background-size: auto 30px;
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
}

.safety-level dd>span {
	padding-top: 37px;
	display: block;
	font-size: 12px;
}

/* 종류별 */
.safety-level .rating_a {
	background: url('../../images/map/rating_a.svg');
	color: #0e9b2c;
}

.safety-level .rating_b {
	background: url('../../images/map/rating_b.svg');
	color: #92b720;
}

.safety-level .rating_c {
	background: url('../../images/map/rating_c.svg');
	color: #f9bb1e;
}

.safety-level .rating_d {
	background: url('../../images/map/rating_d.svg');
	color: #ff5b00;
}

.safety-level .rating_e {
	background: url('../../images/map/rating_e.svg');
	color: #ca0018;
}

.safety-level .rating_good {
	background: url('../../images/map/rating_good.svg');
	color: #0e9b2c;
}

.safety-level .rating_nom {
	background: url('../../images/map/rating_normal.svg');
	color: #f8ba1e;
}

.safety-level .rating_bad {
	background: url('../../images/map/rating_faulty.svg');
	color: #0083e4;
}

.safety-level .rating_pass {
	background: url('../../images/map/rating_pass.svg');
	color: #5450d3;
}

.safety-level .rating_partpass {
	background: url('../../images/map/rating_partpass.svg');
	color: #56c400;
}

.safety-level .rating_partp {
	background: url('../../images/map/rating_partpass.svg');
	color: #56c400;
}

.safety-level .rating_fail {
	background: url('../../images/map/rating_failure.svg');
	color: #9497a0;
}

.safety-level .rating_suitable {
	background: url('../../images/map/rating_suitable.svg');
	color: #0e9b2c;
}

.safety-level .rating_unfit {
	background: url('../../images/map/rating_unfit.svg');
	color: #ca0018;
}

.safety-level .rating_nocheck {
	background: url('../../images/map/rating_nocheck.svg');
	color: #f9bb1e;
}

.safety-level .rating_caution {
	background: url('../../images/map/rating_caution.svg');
	color: #ff5b00;
}

.safety-level .rating_stopuse {
	background: url('../../images/map/rating_stopuse.svg');
	color: #ca0018;
}

.safety-level .rating_watchneed {
	background: url('../../images/map/rating_watchneed.svg');
	color: #ca0018;
}

.safety-level .rating_be {
	background: url('../../images/map/icon_be.svg');
	color: #0e9b2c;
}

.safety-level .rating_none {
	background: url('../../images/map/icon_none.svg');
	color: #9497a0;
}

.safety-level .rating_nodata {
	background: url('../../images/map/rating_nodata.svg');
	color: #9497a0;
}

.safety-level .rating_elvtr_a {
	background: url('../../images/map/rating_elvtr_a.svg');
	color: #0e9b2c;
}

.safety-level .rating_elvtr_b {
	background: url('../../images/map/rating_elvtr_b.svg');
	color: #92b720;
}

.safety-level .rating_elvtr_c {
	background: url('../../images/map/rating_elvtr_c.svg');
	color: #f9bb1e;
}

.safety-level .rating_elvtr_d {
	background: url('../../images/map/rating_elvtr_d.svg');
	color: #ff5b00;
}

.safety-level .rating_elvtr_e {
	background: url('../../images/map/rating_elvtr_e.svg');
	color: #ca0018;
}

.safety-level .rating_completed {
	background: url('../../images/map/rating_completed.svg');
	color: #ca0018;
}

.safety-level .rating_action {
	background: url('../../images/map/rating_action.svg');
	color: #f8bb15;
}

.safety-level .rating_txt {
	color: #0e9b2c;
	font-size: 22px;
	line-height: 1;
}

.safety-level .rating_completed {
	background: url('../../images/map/rating_completed.svg');
	color: #92b720;
}

.safety-level .rating_pass {
	background: url('../../images/map/rating_pass.svg');
	color: #0083e4;
}

.safety-level .rating_bad {
	background: url('../../images/map/rating_faulty.svg');
	color: #ff5b00;
}

.safety-level .rating_fail {
	background: url('../../images/map/rating_failure.svg');
	color: #ca0018;
}


/* 지도 영역 팝업 */
.mArea .detail-info-popup {
	width: 390px;
	top: 30px;
	left: 500px;
	height: auto;
	visibility: hidden;
	margin-left: -195px;
}

.mArea .detail-info-popup.open,
.mArea .detail-info-popup.open .di-container {
	visibility: visible;
	padding: 0;
}

.mArea .detail-info-popup .di-container {
	visibility: hidden;
	border-radius: 5px;
	background: #fff;
	overflow: visible;
	box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	display: table;
	height: 100%;
}

.mArea .detail-info-popup>div:after {
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	border: 10px solid;
	border-color: transparent #ffffff #ffffff transparent;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
	margin: -10px auto 0 auto;
	transform: rotate(45deg);
	z-index: 2;
}

.mArea .detail-info-popup>div {
	background: transparent;
}

.detail-info-more {
	line-height: 1;
	font-size: 12px;
	color: #888888;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 5px 10px;
	margin: 0 10px 0 auto !important;
}

/* ^ 마우스오버  */
.detail-info-more:hover {
	color: #fff;
	background: #0083e4;
	border-color: #0083e4;
	cursor: pointer;
}


/* 지도 영역 팝업 */
.simple-info-popup {
	width: 300px;
	height: auto;
	visibility: hidden;
	margin-left: -150px;
}

.simple-info-popup.open {
	visibility: visible;
	z-index: 2;
}

.simple-info-popup.open>div>article {
	visibility: visible;
	padding: 0 0 20px 0;
	height: auto;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .4);
	border-radius: 5px;
	overflow: visible;
}

.simple-info-popup.open>div>article>.tit {
	padding-bottom: 0;
}

.simple-info-popup.open>div>article>.tit>.close {
	margin-left: auto;
}

.simple-info-popup.open .basic-info>h2 {
	padding-top: 15px;
	font-size: 21px;
	text-align: left;
	padding-bottom: 15px;
	border-bottom: 1px solid #eee;
	margin-bottom: 15px;
}

.simple-info-popup.open>div:after {
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	border: 10px solid;
	border-color: transparent #ffffff #ffffff transparent;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .2);
	margin: -10px auto 0 auto;
	transform: rotate(45deg);
	z-index: 2;
}

.simple-info-popup.open>div>article .cont address {
	line-height: 1.1;
	color: #454545;
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	padding-top: 0;
}

.simple-info-popup.open>div>article .cont address .old-address {
	font-size: 13px;
	display: block;
	font-weight: normal;
	margin-top: 10px;
}

/* 오류신고 */
.error-report {
	color: #464646;
	font-size: 13px;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.error-report:before {
	content: '!';
	text-indent: -1px;
	width: 16px;
	height: 16px;
	border: 1px solid #b9b9b9;
	border-radius: 100%;
	background: #e6e6e6;
	margin-right: 5px;
	font-size: 10px;
	color: #a5a5a5;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.error-report:hover:before {
	border-color: #e23232;
	background: #e23232;
	color: #fff;
}

.error-report:hover {
	color: #e23232;
}

/* 관심시설 */
.add-bookmark {
	color: #464646;
	font-size: 13px;
	line-height: 1.4;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.add-bookmark:before {
	content: ' ';
	transition: all 0s;
	width: 15px;
	height: 15px;
	background: url('../../images/2021/ico-bookmark-greyLine.svg') center center / auto no-repeat;
	margin-right: 3px;
	font-size: 10px;
	color: #e6e6e6;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.add-bookmark.active:before {
	background-image: url('../../images/2021/ico-bookmark-yellow.svg');
}

.add-bookmark:hover:before {
	background-image: url('../../images/2021/ico-bookmark-blue.svg');
}

.add-bookmark:hover {
	color: #0083e4;
}

/* sns 공유 */
.detail-info-popup .tit>a[class^="sns-"] {

	width: 20px;
	height: 20px;
	border-radius: 5px;
	margin-right: 5px;
	transition: all 0.2s;
}

.detail-info-popup .tit>a[class^="sns-"]:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

/* 종류 */
.sns-kakaotalk {
	background: #f1db29;
}

.sns-kakaotalkCh {
	background: #f1db29;
}

.sns-twitter {
	background: #2aa8e0;
}

.sns-facebook {
	background: #435d98;
}

.sns-kakaotalk:before {
	background-image: url('../../images/2021/ico-snsKakao.svg');
}

.sns-kakaotalkCh:before {
	background-image: url('../../images/2021/ico-snsKakaoCh.svg');
}

.sns-twitter:before {
	background-image: url('../../images/2021/ico-snsTwitter.svg');
}

.sns-facebook:before {
	background-image: url('../../images/2021/ico-snsFacebook.svg');
}

/* ^ 마우스 오버 */
.detail-info-popup .tit>a[class^="sns-"]:hover {
	transform: scale(1.3)
}

/* 안전점검 결과 */
.safety-check-result {
	width: calc(100% - 20px);
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
	margin: 15px 10px 0 10px;
	padding: 0 10px;
}

.safety-check-result .table-type-01 {
	margin-top: 0;
}

/* 더보기 */
.scrTable .scrT-table {
	overflow: hidden;
	transition: all 0.3s;
}

.scrTable .scrT-btn {
	width: 100%;
	display: block;
	text-align: center;
	border-top: 1px solid #d2d2d2;
}

.scrTable .scrT-btn.open {
	border-top: 0;
}

.scrTable .scrT-btn>button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	line-height: 1.1;
	padding: 10px 0;
	border-radius: 3px;
	background: #eee;
	margin-top: 9px;
	font-size: 15px;
	color: #666;
}

/* ^ 마우스오버 */
.scrTable .scrT-btn>button:hover {
	background: #0083e4;
	color: #fff;
}

.safety-check-result .scR-tit {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-bottom: 2px solid #000;
	font-size: 17px;
	color: #000;
	line-height: 1;
	font-weight: bold;
	padding: 20px 5px 8px 8px;
}

.safety-check-result .scR-more {
	margin-left: auto;
	font-size: 12px;
	color: #454545;
	background: #eee;
	border-radius: 15px;
	display: inline-flex;
	height: auto;
	justify-content: center;
	align-items: center;
	padding: 5px 5px 5px 10px;
	line-height: 1em;
}

.safety-check-result .scR-more i {
	margin-left: 5px;
}

/* ^마우스오버 */
.safety-check-result .scR-more:hover {
	background: #0083e4;
	color: #fff;
}

.safety-check-result .scR-cont {
	display: block;
	width: 100%;
	flex: auto;
	height: auto;
}

.safety-check-result .scR-cont article {
	display: block;
	border-radius: 5px;
	margin-top: 15px;
}

.safety-check-result .scR-cont article:last-child {
	margin-bottom: 15px;
}

.safety-check-result .scR-cont article>h1 {
	font-size: 16px;
	font-weight: bold;
	color: #454545;
	text-align: left;
	line-height: 1;
	letter-spacing: -0.02em;
	position: relative;
	margin-bottom: 10px;
}

.safety-check-result .scR-cont article>h1>a {
	position: absolute;
	top: 6.5px;
	right: 10px;
}

.safety-check-result .scR-cont article table {
	letter-spacing: -0.02em;
	border: 1px solid #ddd;
}

.safety-check-result .rating-table {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.safety-check-result .rating-table>span {
	padding: 4px;
	line-height: 1;
	background: #eeeeee;
	font-size: 12px;
	border: 1px solid #e4e4e4;
	margin-left: -1px;
	z-index: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.safety-check-result .rating-table>span[class] {
	z-index: 2;
	color: #fff;
}

.safety-check-result .rating-table>span.pointA {
	background: #0e842c;
	border-color: #0e842c;
}

.safety-check-result .rating-table>span.pointB {
	background: #92b720;
	border-color: #92b720;
}

.safety-check-result .rating-table>span.pointC {
	background: #f9bb1e;
	border-color: #f9bb1e;
}

.safety-check-result .rating-table>span.pointD {
	background: #D64309;
	border-color: #D64309;
}

.safety-check-result .rating-table>span.pointE {
	background: #ca0018;
	border-color: #ca0018;
}

.safety-check-result .rating-table>span.good {
	background: #0e842c;
	border-color: #0e842c;
}

.safety-check-result .rating-table>span.normal {
	background-color: #f9bb1e;
	border-color: #f9bb1e;
}

.safety-check-result .rating-table>span.bad {
	background: #D64309;
	border-color: #D64309;
}

.safety-check-result .rating-table>span.pass {
	background: #0e842c;
	border-color: #0e842c
}

.safety-check-result .rating-table>span.partial {
	background-color: #f9bb1e;
	border-color: #f9bb1e;
}

.safety-check-result .rating-table>span.fail {
	background: #ca0018;
	border-color: #ca0018;
}

.safety-check-result .rating-table>span.etc {
	background: #9497a0;
	border-color: #9497a0;
}

/* 새창열림 버튼 */
.newTab-site {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	padding: 5px 10px;
	background: #f5f5f5;
	border-radius: 3px;
	font-weight: normal;
}

.newTab-site:after {
	content: '';
	width: 10px;
	height: 10px;
	margin-left: 5px;
	display: block;
	background: url('../../images/2021/ico-newTab-grey.svg') center center / contain no-repeat;
}

/* ^ 마우스오버 */
.newTab-site:hover {
	background: #777;
	color: #fff;
}

.newTab-site:hover:after {
	background-image: url('../../images/2021/ico-newTab-white.svg');
}



/* ^ 지도 영역 */
.wrapMapCont .mArea {
	flex: auto;
	height: 100%;
	width: auto;
	background: #000;
	display: block;
	position: relative;
}

.nsopMap {
	width: 100%;
	height: 100%;
}

.nsopMap * {
	transition: all 0s;
}

/* 지도 속보 영역 */
.lay-header__notice {
	display: none;
}

.map-traffic-info.Traffic {
	width: 100%;
	height: 5%;
}

.map-traffic-subject {
	width: 20%;
	background-color: #002e73;
	color: white;
	height: 100%;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
}

.map-traffic-more {
	width: 10%;
	height: 100%;
	float: left;
	background-color: #d3d3d3;
	display: flex;
	align-items: center;
	justify-content: center;
}

.morePopup {
	border: 1px black solid;
	border-radius: 10px;
	background-color: white;
	cursor: pointer;
}

.traffic-morelist {
	top: 75px;
	display: none;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 55px;
	width: 350px;
	height: 200px;
	background: #fff;
	border-radius: 3px;
	padding: 3px;
	box-shadow: 0 0 5px rgb(0 0 0 / 30%);
}

.tm-list {
	width: 100%;
	height: 100%;
}

.tm-list-close {
	height: 10%;
}

.tm-list-close .tmclose {
	font-size: 0px;
}

.tm-list-close .ico-close {
	display: block;
	position: relative;
	top: -5px;
	width: 20px;
	height: 20px;
	background-color: grey;
}

.tm-list-box {
	height: 90%;
	text-align: left;
	overflow-y: auto;
}

.tm-list-box div:hover {
	background-color: #d3d3d3;
	cursor: pointer;
}

.tm-list-box .tm-nm {
	color: black;
	font-size: 15px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-left: 10px;
}

.tm-list-box .tm-date {
	font-size: 11px;
	padding-left: 10px;
}

/*
	.traffic-morelist::-webkit-scrollbar { width: 10px; }
	.traffic-morelist::-webkit-scrollbar-track { background-color: #2f3542; border-radius:10px; }
	.traffic-morelist::-webkit-scrollbar-thumb { background-color: grey; border-radius:10px;  box-shadow: inset 0px 0px 5px white;  }
	*/

/*
	.rolling_box{width:70%; height:100%; text-align:left; background-color:#d3d3d3; float:left; padding-left:2%;}
	.rolling_list{width:100%; height:100%; overflow:hidden; position:relative; z-index:0;}
	.rolling_box ul li {width: 100%; height: 100%; transition: .5s; position:absolute; transition: top .75s; top: 100%; z-index: 1; background-color: #d3d3d3; display:flex; align-items: center;}
	.card_sliding{top: 0 !important; z-index: 100 !important;}
	.card_sliding_after{top: -100% !important; z-index: 10 !important;}
	.rolling_box ul li p {font-size: 15px; line-height: 20px; font-weight: bold; color:black; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
	.before_slide {transform: translateY(100%);}
	.after_slide {transform: translateY(0);}
	*/

/* 지도 위치 영역 */
.map-local-info {
	position: absolute;
	top: 20px;
	left: 20px;
	display: block;
	z-index: 5;
	gap: 15px;
	display: flex;
	align-items: flex-start;
}

.map-local-info>* {
	background: #fff;
	padding: 12px 15px;
	border-radius: 5px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
	height: 42px;
	box-sizing: border-box;
}

@media only screen and (max-width:800px) {
	.map-local-info>* {
		padding: 1.5vw 1.875vw;
		height: 6vw
	}
}

@media only screen and (max-width:450px) {
	.map-local-info>* {
		padding: 1.5vw 1.875vw;
		height: 8.889vw
	}
}

.map-local-info ol {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.map-local-info ol:before {
	content: '';
	background: url('../../images/2021/ico-placeholder-grey.svg') center center / auto no-repeat;
	display: block;
	width: 12px;
	height: 16px;
	margin-right: 15px;
}

.map-local-info ol>li {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	white-space: nowrap;
}

.map-local-info ol>li a {
	font-size: 15px;
	color: #333333;
	font-weight: bold;
	line-height: 1.1;
}

.map-local-info ol>li:after {
	content: '';
	width: 7px;
	height: 7px;
	border: 1px solid #333;
	border-left: 0;
	border-bottom: 0;
	transform: rotate(45deg);
	display: block;
	margin: 0 10px;
}

.map-local-info ol>li:nth-last-child(2):after {
	display: none
}

.map-local-info ol>li:nth-last-child(2) a {
	color: #0083e4;
}

.map-local-info ol>li:last-child a {
	color: #0083e4;
}

.map-local-info ol>li:last-child:after {
	display: none;
}

.map-local-info-wrap {
	display: flex;
}

.map-refresh {
	background: #5577ee;

	padding: 0;
	width: auto;
	display: none;
}

.map-refresh span {
	color: white;
	line-height: 40px;
	font-size: 16px;
	font-weight: 600;
	padding-right: 12px;
}



@media only screen and (max-width:800px) {
	.map-refresh {
		width: 6vw;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	/* .map-refresh .ico-refresh{width: 100%;height:100%;background-size:100% 100%;} */
	.map-refresh .ico-refresh {
		width: 100%;
		height: 100%;
		background-size: 76.2% 76.2%;
	}

	.map-refresh span {
		display: none;
	}

}

@media only screen and (max-width:450px) {
	.map-refresh {
		width: 9vw;
	}
}

/*재검색버튼 2022.10.05*/
a.map-refresh.show {
	display: inline-flex;
}

a.map-refresh.show:hover {
	background-color: #666;
}

/* 미세먼지 */
.map-dust {
	display: none;
	margin-left: 15px;
	position: relative;
	padding-left: 15px;
	gap: 10px;
}

.map-dust::after {
	content: '';
	width: 1px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #999999;
}

.map-dust strong {
	font-size: 15px;
	font-weight: bold;
	color: black;
}

.map-dust div {
	display: flex;
	flex: 0 1 auto;
	white-space: nowrap;
	align-items: center;
	gap: 3px;
}

/* 지도 미세먼지 영역
	사용안해서 주석처리함
	*/
/* .map-dnsty-info{position:absolute;top: 45px;left: 370px;display: block;z-index: 5;}
	.map-dnsty-info ol{display: flex; align-items: center; justify-content: flex-start; background: #fff; padding: 12px 15px; border-radius: 5px; box-shadow: 0 2px 2px rgb(0 0 0 / 30%); height: 40px;}
	.map-dnsty-info ol > li{display: inline-flex;align-items: center;justify-content: flex-start;font-size: 15px;color: #333333;font-weight: bold;line-height: 1.1;margin-right: 10px;}
	.map-dnsty-info ol > li span{color: rgb(255, 255, 255);margin-left: 10px;text-align: center;} */

.map-favorite-info {
	position: absolute;
	top: 80px;
	left: 20px;
	display: block;
	z-index: 5;
}

.map-favorite-info button {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	background: #fff;
	padding: 12px 15px;
	border-radius: 5px;
	box-shadow: 0 2px 2px rgb(0 0 0 / 30%);
	height: 40px;
}


/* ^ 마우스오버 */
.map-local-info ol>li a:hover {
	text-decoration: underline;
}

/* ^ 지도 주소 선택 */
.select_open.map {
	display: none;
	overflow: hidden;
	background: #fff;
	font-size: 14px;
	height: auto;
	border: 0;
	padding: 10px;
	top: 54px;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #dddddd;
	position: absolute;
	left: 20px;
	top: 64px;
	z-index: 5;
}

.select_open.map .loca_point {
	width: auto;
	border-right: solid 1px #eee;
}

.select_open.map .loca_point:last-child {
	border-right: 0;
}

.select_open.map .loca_point li {
	height: 26px;
	line-height: 26px;
	padding: 0 7px;
	margin: 0 3px;
	border-radius: 3px;
	font-size: 13px;
}

.select_open.map .loca_point li.on {
	background-color: #f5f5f5;
}

.select_open.map .loca_point li:hover {
	background-color: #f5f5f5;
}

.select_open.map .loca_point a {
	color: #474747;
}

.select_open .loca_point {
	width: 180px;
	height: 235px;
	float: left;
}

.loca_1,
.loca_2,
.loca_3 {
	height: 235px;
	overflow-y: scroll;
	margin: 0 3px 0 0;
}

/* ^ 스크롤바 */
.select_open.map ::-webkit-scrollbar {
	width: 5px;
}

.select_open.map ::-webkit-scrollbar-track {
	background: #fff;
}

.select_open.map ::-webkit-scrollbar-thumb {
	background: #e3e3e3;
	border-radius: 5px;
}

.select_open.map ::-webkit-scrollbar-thumb:hover {
	background: #888;
}

/* 퀵메뉴 */
.quick-menu {
	color: #f2f2f2;
	text-align: center;
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 5;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease-in-out;
}

.quick-menu.open {
	width: 230px;
	height: 230px;
}

.q-icon {
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #0083e4;
	border-radius: 50%;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	z-index: 3;
	box-shadow: 0 0 12px rgba(0, 0, 0, .6);
	transition: all 0.4s ease-in-out;
	display: flex;
	align-items: center;
	justify-content: center;
}

.q-icon.open {
	width: 80px;
	height: 80px;
}

.q-icon span {
	display: block;
	position: absolute;
	left: 25%;
}

.q-icon.dot span.dot {
	opacity: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 10px;
	right: 10px;
	left: 10px;
	bottom: 10px;
	background: #fff;
	border-radius: 100%;
	animation: 1s .5s dot_ani infinite ease-in-out alternate;

	transition: all 0.4s ease-in-out;
}

.q-icon:not(.dot) .q-icon span.dot {
	opacity: 0;
}

.q-icon.dot .ico-close {
	opacity: 0;
	width: 0;
	height: 0;
	visibility: hidden;
	transition: all 0.4s ease-in-out;
}

.quick-menu.open .q-icon .ico-close {
	opacity: 1;
	width: 30px;
	height: 30px;
	margin: 10px;
	visibility: visible;
	transition: all 0.2s ease-in-out;
}

.quick-menu.open .q-icon .ico-close:before,
.quick-menu.open .q-icon .ico-close:after {
	background: #fff;
}

.quick-menu.open .q-icon .ico-close:hover {
	transform: scale(1.5)
}

.q-menu {
	position: relative;
	left: -25px;
	top: 0;
	z-index: 2;
	transition: all 0.3s ease-in-out
}

.q-menu.menuOpened {
	left: -40px;
}

.q-menu-item {
	width: 80px;
	height: 80px;
	line-height: 1.1;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	display: none;
	margin-top: -40px;
	margin-left: -40px;
}

.q-menu-item a {
	transition: all 0.3s ease-in-out;
	border: 5px solid transparent;
	display: flex;
	text-decoration: none;
	color: #454545;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
}

.q-menu-item a>i {
	width: 37px;
	height: 37px;
	margin-bottom: 2px;
}

.q-menu-item a>i>img {
	object-fit: scale-down;
	height: 100%;
	width: 100%;
}

.q-menu-item a:hover {
	color: #0083e4;
}

.q-menu-item a:hover,
.q-menu-item.active a {
	background: #fff;
	border: 5px solid #0083e4;
	transform: scale(1.2)
}

.q-menu:hover,
.q-menu.active {
	z-index: 4
}

.q-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.q-bg>i {
	display: block;
	transform: scale(0);
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, rgba(229, 229, 229, .7) 0%, rgba(255, 255, 255, .7) 100%);
	border-radius: 100%;
	border: 1px solid #bbb;
	transition: all 0.3s ease;
	visibility: hidden;
	box-shadow: 0 9px 14px rgba(0, 0, 0, .1);
}

.q-bg>i.open {
	transform: scale(1);
	visibility: visible;
}


/* 사고속보 */
.breaking-news {
	visibility: visible;
	z-index: 5;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 1px 10px rgba(0, 0, 0, .4);
	max-width: 270px;
	width: 100%;
}

.breaking-news div>article {
	padding: 0;
}

.breaking-news .tit {
	border-bottom: 1px solid #ddd;
}

.breaking-news .cont {
	background: #f0f1f7;
	padding: 0 !important;
	border-radius: 0 0 10px 10px;
}

.breaking-news .cont ol {
	padding: 20px !important;
}

.breaking-news .cont li {
	position: relative;
	width: 100%;
	padding: 0 0 10px 30px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

.breaking-news .cont li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.breaking-news .cont li::before {
	content: '!';
	width: 21px;
	height: 21px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	background: #eb2628;
	line-height: 1;
	font-size: 15px;
	text-indent: -1px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 2px;
}

.breaking-news .cont ol li dl {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
	;
}

.breaking-news .cont ol li dl:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

.breaking-news .cont ol li dl {
	line-height: 1.4;
	font-size: 14px;
	color: #454545;
}

.breaking-news .cont ol li dl dt {
	margin-bottom: 5px;
}

.breaking-news .cont ol li dl dd {
	font-size: 13px;
}

.breaking-news .cont ol li dl dd span {
	color: #777;
	margin-right: 7px;
}

.breaking-news .cont ol li dt b {
	color: #eb2628;
	margin-right: 7px;
}

.breaking-news.open>div>article {
	animation: bn-open .3s 0s linear both;
}

/* 마커 */
.mArea .mapMarker {
	display: block;
	position: absolute;
	z-index: 3;
	width: auto;
	height: auto;
	min-width: 110px;
	margin-left: -30px;
	transition: all 0s;
	white-space: nowrap;
}

.mArea .mapMarker.active .mM-name {
	transform: scale(1.2);
}

.mArea .mapMarker.active .mM-count {
	left: 100%;
}

.mArea .mapMarker.active .mM-more-list {
	left: calc(110% + 25px);
}

.mArea .mapMarker:hover,
.mArea .mapMarker.open {
	z-index: 4;
}

.mArea .mapMarker>div {
	margin-top: -100%;
	position: absolute;
	display: block;
	bottom: 10px;
	/*width: 100%;*/
}

.mArea .mapMarker .mM-name {
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	border: 2px solid #0083e4;
	position: relative;
	background: #fff;
	padding: 3px 8px 3px 6px;
	border-radius: 20px;
	transition: all 0s;
	min-width: 70px;
}

.mArea .mapMarker .mM-name a {
	line-height: 1.1;
	font-weight: bold;
	font-size: 15px;
	color: #585858;
}

.mArea .mapMarker *[class^="rating_"],
.mArea .mapMarker *[class^="category-"] {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
}

.mArea .mapMarker .mM-count {
	font-family: 'quicksand';
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	position: absolute;
	top: -12px;
	background: #fff;
	line-height: 1;
	padding: 1px 6px 2px 4px;
	min-width: 36px;
	border-radius: 15px;
	border: 2px solid #0083e4;
	color: #0083e4;
	font-size: 15px;
	left: calc(100% - 15px);
	letter-spacing: 0;
	font-weight: bold;
}

.mArea .mapMarker .mM-more-list {
	border-radius: 5px;
	overflow: hidden;
	position: absolute;
	left: calc(100% + 25px);
	top: -10px;
	background: #Fff;
	z-index: 2;
	display: none;
	width: 220px;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}

.mArea .mapMarker .mM-more-list a {
	line-height: 1.1;
	background: #fff;
	padding: 7px 10px;
	font-size: 15px;
	display: flex;
}

/* ^마우스오버 */
.mArea .mapMarker .mM-name:hover a {
	color: #0083e4;
}

.mArea .mapMarker .mM-more-list a:hover {
	background: #eee;
	border-radius: 3px;
}

.mArea .mapMarker .mM-more-list .mM-address {
	line-height: 1;
	padding: 15px 20px;
	text-align: center;
	font-weight: bold;
	color: #595959;
	background: #eee;
	font-size: 16px;
	position: relative;
}

.mArea .mapMarker .mM-more-list:before {
	content: '';
	width: 10px;
	height: 10px;
	background: #eee;
	transform: rotate(-45deg);
	position: absolute;
	top: 0;
	left: -10px;
}

.mmM-list {
	padding: 7px;
	max-height: 220px;
	overflow-y: auto;
}

/* 스크롤 박스 */
.mmM-list ::-webkit-scrollbar {
	width: 5px !important;
}

.mmM-list ::-webkit-scrollbar-track {
	background: #fff;
}

.mmM-list ::-webkit-scrollbar-thumb {
	background: #e3e3e3;
	border-radius: 5px;
}

.mmM-list ::-webkit-scrollbar-thumb:hover {
	background: #888;
}

/* ^ 마우스오버 */
.mArea .mapMarker .mM-count:hover,
.mArea .mapMarker .mM-count.open {
	background: #0083e4;
	border-color: #fff;
	color: #fff;
}

.mArea .mapMarker .mM-name:after {
	transition: all 0s;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	content: '';
	width: 10px;
	height: 10px;
	border: solid #0083e4;
	border-width: 0 2px 2px 0;
	display: block;
	background: #fff;
	transform: rotate(45deg);
	margin: -5px auto 0 30px;
	position: absolute;
	left: 7px;
	bottom: -7px;
}

/* 종류별 */
.mArea .mapMarker .category-00:before {
	background: url('../../images/2021/icon-cate-01-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-01:before {
	background: url('../../images/2021/icon-cate-01-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-02:before {
	background: url('../../images/2021/icon-cate-02-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-03:before {
	background: url('../../images/2021/icon-cate-03-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-04:before {
	background: url('../../images/2021/icon-cate-04-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-05:before {
	background: url('../../images/2021/icon-cate-05-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-06:before {
	background: url('../../images/2021/icon-cate-06-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-07:before {
	background: url('../../images/2021/icon-cate-07-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-08:before {
	background: url('../../images/2021/icon-cate-08-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-09:before {
	background: url('../../images/2021/icon-cate-09-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-10:before {
	background: url('../../images/2021/icon-cate-10-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-11:before {
	background: url('../../images/2021/icon-cate-11-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-12:before {
	background: url('../../images/2021/icon-cate-12-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-13:before {
	background: url('../../images/2021/icon-cate-13-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-14:before {
	background: url('../../images/2021/icon-cate-14-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-15:before {
	background: url('../../images/2021/icon-cate-15-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-16:before {
	background: url('../../images/2021/icon-cate-16-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-17:before {
	background: url('../../images/2021/icon-cate-17-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-18:before {
	background: url('../../images/2021/icon-cate-18-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-19:before {
	background: url('../../images/2021/icon-cate-19-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-20:before {
	background: url('../../images/2021/icon-cate-20-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-21:before {
	background: url('../../images/2021/icon-cate-21-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-22:before {
	background: url('../../images/2021/icon-cate-22-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-23:before {
	background: url('../../images/2021/icon-cate-23-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-24:before {
	background: url('../../images/2021/icon-cate-24-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-25:before {
	background: url('../../images/2021/icon-cate-25-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-26:before {
	background: url('../../images/2021/icon-cate-26-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .category-27:before {
	background: url('../../images/2021/icon-cate-27-sm.svg') center center / auto no-repeat;
}

.mArea .mapMarker .rating_a:before {
	background: url('../../images/map/rating_a.svg');
}

.mArea .mapMarker .rating_b:before {
	background: url('../../images/map/rating_b.svg');
}

.mArea .mapMarker .rating_c:before {
	background: url('../../images/map/rating_c.svg');
}

.mArea .mapMarker .rating_d:before {
	background: url('../../images/map/rating_d.svg');
}

.mArea .mapMarker .rating_e:before {
	background: url('../../images/map/rating_e.svg');
}

.mArea .mapMarker .rating_good:before {
	background: url('../../images/map/rating_good.svg');
}

.mArea .mapMarker .rating_nom:before {
	background: url('../../images/map/rating_normal.svg');
}

.mArea .mapMarker .rating_bad:before {
	background: url('../../images/map/rating_faulty.svg');
}

.mArea .mapMarker .rating_pass:before {
	background: url('../../images/map/rating_pass.svg');
}

.mArea .mapMarker .rating_partpass:before {
	background: url('../../images/map/rating_partpass.svg');
}

.mArea .mapMarker .rating_partp:before {
	background: url('../../images/map/rating_partpass.svg');
}

.mArea .mapMarker .rating_fail:before {
	background: url('../../images/map/rating_failure.svg');
}

.mArea .mapMarker .rating_suitable:before {
	background: url('../../images/map/rating_suitable.svg');
}

.mArea .mapMarker .rating_unfit:before {
	background: url('../../images/map/rating_unfit.svg');
}

.mArea .mapMarker .rating_nocheck:before {
	background: url('../../images/map/rating_nocheck.svg');
}

.mArea .mapMarker .rating_caution:before {
	background: url('../../images/map/rating_caution.svg');
}

.mArea .mapMarker .rating_stopuse:before {
	background: url('../../images/map/rating_stopuse.svg');
}

.mArea .mapMarker .rating_watchneed:before {
	background: url('../../images/map/rating_watchneed.svg');
}

.mArea .mapMarker .rating_be:before {
	background: url('../../images/map/icon_be.svg');
}

.mArea .mapMarker .rating_none:before {
	background: url('../../images/map/icon_none.svg');
}

.mArea .mapMarker .rating_nodata:before {
	background: url('../../images/map/rating_nodata.svg');
}

.mArea .mapMarker .rating_elvtr_a:before {
	background: url('../../images/map/rating_elvtr_a.svg');
}

.mArea .mapMarker .rating_elvtr_b:before {
	background: url('../../images/map/rating_elvtr_b.svg');
}

.mArea .mapMarker .rating_elvtr_c:before {
	background: url('../../images/map/rating_elvtr_c.svg');
}

.mArea .mapMarker .rating_elvtr_d:before {
	background: url('../../images/map/rating_elvtr_d.svg');
}

.mArea .mapMarker .rating_elvtr_e:before {
	background: url('../../images/map/rating_elvtr_e.svg');
}

.mArea .mapMarker .rating_completed:before {
	background: url('../../images/map/rating_completed.svg');
}

.mArea .mapMarker .rating_action:before {
	background: url('../../images/map/rating_action.svg');
}

.mArea .mapMarker *[class^="rating_"]:before {
	content: '';
	flex: none;
	display: block;
	margin-right: 5px;
	width: 20px;
	height: 20px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.mArea .mapMarker *[class^="category-"]:before {
	content: '';
	flex: none;
	display: block;
	margin-right: 5px;
	width: 25px;
	height: 25px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}


/* 주변 반경점검 */
.radius-selection {
	width: 185px;
	height: auto;
	background: #fff;
	border-radius: 5px;
	padding: 0;
	overflow: hidden;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}

.radius-selection.open {
	z-index: 4;
}

.radius-selection>div {
	margin-bottom: 0;
}

.radius-selection>div>article {
	transition: all 0s;
}

.radius-selection.open>div>article {
	visibility: visible;
	height: auto;
	padding: 0;
}

.radius-selection.open>div>article .cont {
	padding: 0;
}

.radius-selection .cont ul {
	padding: 0 20px 20px 20px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: flex-start;
}

.radius-selection .cont ul>li {
	flex-wrap: wrap;
	margin: 7px 0;
	width: 100%;
}

.radius-selection .cont ul>li:first-child {
	margin-top: 0;
}

.radius-selection .cont ul>li:last-child {
	margin-bottom: 0;
}

.radius-selection .cont ul>li>span {
	display: inline-flex;
	padding: 5px 0 0 37px;
	width: 100%;
	align-items: center;
	justify-content: flex-start;
	font-size: 15px;
}

.radius-selection .cont input[type=text] {
	border: 1px solid #ddd;
	width: auto;
	padding: 2px 5px;
	line-height: 1;
	flex: auto;
	max-width: 80px;
	height: 25px;
	margin-right: 5px;
	font-size: 15px;
}

input[type="radio"]:checked+label+span {
	color: #0083e4;
}

input[type="radio"]:checked+label+span input[type="text"] {
	border-color: #0083e4;
}

.radius-selection .cont .rs-submit {
	width: 100%;
	color: #fff;
	height: auto;
	font-size: 14px;
	line-height: 1;
	padding: 15px 0;
	background: #535353;
}

/* ^ 마우스오버 */
.radius-selection .cont .rs-submit:hover {
	background: #0083e4;
}

/* 기본 리스트 팝업 */
.default-list {
	width: auto;
	height: auto;
	padding: 0;
	position: relative;
	z-index: 1
}

/*	.default-list.open{z-index: 3;margin-left: -200px;} */
.default-list>div>article {
	transition: all 0s;
}

.default-list.open>div>article {
	width: 400px;
	visibility: visible;
	height: auto;
	padding: 0;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	overflow: visible;
	padding-bottom: 15px;
}

.default-list.open>div:after {
	content: '';
	width: 20px;
	height: 20px;
	display: block;
	border-width: 10px;
	border-color: transparent #ffffff #ffffff transparent;
	border-style: solid;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
	margin: -10px auto 0 auto;
	transform: rotate(45deg);
	z-index: 0;
}

.default-list.open .tit h1 {
	color: #0083e4;
	margin-right: 30px;
}

.default-list.open .tit .close {
	margin-left: auto;
	flex: none;
	position: absolute;
	right: 20px;
}

.default-list.open .cont {
	padding: 0 20px;
}

.default-list.open .cont .dl-list {
	border: 1px solid #bfbfbf;
	border-left: 0;
	border-right: 0;
	padding: 10px 0;
}

.default-list.open .cont .dl-list dl {
	padding: 2px 0;
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
	font-size: 14px;
	color: #595959;
}

.default-list.open .cont .dl-list dl dt {
	min-width: 95px;
	font-weight: bold;
	flex: none;
}

.default-list.open .cont .dl-list dl dd {
	white-space: normal;
	line-height: 1.2;
}

.default-list.open .cont .dl-list2 {
	border: 0;
	border-left: 1px solid #cecece;
	border-top: 1px solid #cecece;
	border-top: 0;
	padding: 0;
	/* margin-left: 15px;margin-right: 15px; */
}

.default-list.open .cont .dl-list2 dl {
	align-items: stretch;
	padding: 0;
	display: flex;
}

.default-list.open .cont .dl-list2 dt,
.default-list.open .cont .dl-list2 dd {
	flex: 1;
	font-size: 12px;
	display: flex;
	align-items: center;
	border: 1px solid #cecece;
	padding: 3px 0 3px 15px;
	border-top: 0;
	border-left: 0;
}

.default-list.open .cont .dl-list2 dt {
	background: #f3f3f3;
	flex: 0 0 90px;
	font-weight: bold;
}

@media(max-width: 800px) {
	.default-list.open .cont .dl-list2 {
		max-height: 100px;
		overflow-y: auto;
		border-right: 1px solid #cecece;
		border-bottom: 1px solid #cecece;
	}

	.default-list.open .cont .dl-list2 dl {
		flex-wrap: wrap;
	}

	.default-list.open .cont .dl-list2 dl:last-child dt,
	.default-list.open .cont .dl-list2 dl:last-child dd {
		border-bottom: 0;
	}

	.default-list.open .cont .dl-list2 dt,
	.default-list.open .cont .dl-list2 dd {
		padding: .3vw 1vw;
		font-size: 1.5vw;
		border-right: 0;
	}

	.default-list.open .cont .dl-list2 dt {
		flex: 0 0 13.875vw;
	}

	.default-list.open .cont .dl-list2 dd {
		flex: 0 0 calc(100% - 13.875vw)
	}
}

@media(max-width: 400px) {

	.default-list.open .cont .dl-list2 dt,
	.default-list.open .cont .dl-list2 dd {
		font-size: 1.875vw;
	}

}


.dl-tip {
	font-size: 14px;
	color: #0083e4;
	padding-top: 5px;
	font-weight: bold;
}

/* .dl-tip-02 */
.dl-tip-02 {
	display: block;
	width: 100%;
	height: auto;
}

.dl-tip-02 dt {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	line-height: 1.1;
	margin-top: 10px;
}

.dl-tip-02 dt>span {
	margin-right: auto;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}

.dl-tip-02 dt>span:before {
	content: '※';
	margin-right: 5px;
}

.dl-tip-02 dt>button {
	line-height: 1;
	font-size: 12px;
	letter-spacing: -0.03em;
	color: #454545;
	flex: none;
	padding: 0 17px;
	border-radius: 15px;
	background: #eee;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 22px;
}

/* ^ 마우스오버 */
.dl-tip-02 dt>button:hover {
	background: #0083e4;
	color: #fff;
}

.dl-tip-02 dd {
	margin-top: 5px;
	padding-left: 16px;
	font-size: 13px;
	line-height: 1.2;
	color: #000;
	white-space: normal;
}

.dl-tip-02 dd sup:before {
	display: none;
}

.dl-tip-02 dd sup {
	line-height: 1;
	margin-left: 0;
}

.dl-tip-02 dd.subscript {
	font-size: 12px;
	color: #666;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.dl-tip-02 dd.subscript:before {
	content: '*';
	font-size: 13px;
	margin-right: 3px;
	color: #c2182e;
}

/* 주소팝업 : 좌클릭 */
.address-popup.open .tit {
	padding-bottom: 15px;
}

.address-popup.open .tit h1 {
	font-size: 16px;
	color: #454545;
	display: block;
}

.address-popup.open .tit h1 .small {
	font-size: 14px;
	display: block;
	line-height: 1.1;
	margin-top: 10px;
	font-weight: normal;
}

.address-popup.open .address-more {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 13px;
	color: #0083e4;
	flex: none;
	letter-spacing: -0.05em;
	line-height: 1.1;
	padding: 0 20px;
}

.address-popup.open .address-more>i {
	width: 7px;
	height: 7px;
	margin-left: 3px;
}

.address-popup.open .address-more>i:after {
	border-color: #0083e4;
}

/* ^ 마우스오버 */
.address-popup.open .address-more:hover {
	text-decoration: underline;
}

.btn-short-tips {
	align-items: center;
	justify-content: center;
	line-height: 1.1;
	background: #fff;
	width: 40px;
	flex: 0 0 40px;
	height: 40px;
	border-radius: 3px;
	position: relative;
}

.btn-short-tips .rv-tip {
	display: none;
	position: absolute;
	top: 45px;
	right: calc(50% - 43px);
	width: auto;
	height: auto;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
}

.btn-short-tips .rv-tip span {
	line-height: 1;
	font-size: 12px;
	color: #757575;
	padding: 6px 0 7px 0;
	display: block;
	width: 86px;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 3px;
	text-align: center;
}

.btn-short-tips .rv-tip::before {
	content: '';
	width: 9px;
	height: 9px;
	display: block;
	background: #fff;
	border: 1px solid;
	border-color: transparent #aaa #aaa transparent;
	transform: rotate(225deg);
	margin-bottom: -4.5px;
}

.btn-short-tips:hover,
.btn-short-tips:focus {
	background: #666;
}

.btn-short-tips:hover .rv-tip,
.btn-short-tips:focus .rv-tip {
	display: flex;
}

@media(max-width: 800px) {
	.btn-short-tips {
		height: 6vw;
		width: 6vw
	}
}

@media(max-width: 450px) {
	.btn-short-tips {
		width: 8.889vw;
		height: 8.889vw;
	}

}


.map-cate-select {
	padding: 0 !important;
	display: none;
}

/* .lay-subpage .map-cate-select {
	display: flex;
} */

@media(max-width: 1800px) {
	.map-cate-select {
		display: flex;
	}
}

.map-cate-select::before {
	content: '';
	width: 28px;
	height: 28px;
	display: block;
	background: url('../../images/2021/ico-cate-gray.svg') center center / 100% 100% no-repeat;
}

.map-cate-select:hover::before {
	background-image: url('../../images/2021/ico-cate-white.svg');
}

.map-cate-select .rv-tip {
	right: calc(50% - 30px);
}

.map-cate-select .rv-tip span {
	width: 60px;
}

@media(max-width: 800px) {
	.map-cate-select::before {
		background-size: 75% 75%
	}
}

/* 오른쪽 상단 : 기본 확장 툴 */
.extension-container {
	position: absolute;
	right: 20px;
	z-index: 5;
	display: flex;
	text-align: right;
	margin: 0;
	flex-direction: column;
	align-items: center;
}

/* 안전등급안내 버튼 */
.map-safety-level-guide {
	top: 20px;
	align-items: center;
	justify-content: center;
	line-height: 1.1;
	background: #fff;
	position: absolute;
	right: 205px;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	font-size: 13px;
	letter-spacing: -0.05em;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);

}

.map-safety-level-guide::before {
	content: '';
	width: 28px;
	height: 28px;
	display: block;
	background: url('../../images/2021/ico-safetyClass-gray.svg') center center / 100% 100% no-repeat;
	text-align: center;
	margin: 0 auto;
	transition: all 0s;
}

.map-safety-level-guide:hover,
.map-safety-level-guide:focus {
	background: #666;
}

.map-safety-level-guide:hover::before,
.map-safety-level-guide:focus::before {
	background-image: url('../../images/2021/ico-safetyClass-white.svg');
}

/* .map-safety-level-guide span{line-height: 1;font-size:12px;color:#757575;padding: 6px 0 7px 0;display: flex;width: 86px;background: #fff;border:1px solid #aaa;border-radius: 3px;text-align: center;position:absolute;}
		.map-safety-level-guide span::before{content:'';width: 9px;height: 9px;display:block;background:#fff;border: 1px solid;border-color: transparent #aaa  #aaa transparent;transform: rotate(225deg);margin-bottom: -4.5px;} */

/* .map-safety-level-guide:after{content:'?';text-indent:-1px;width: 14px;height: 14px;border: 1px solid #666;border-radius: 100%;margin-left: 4px;font-size:10px;color: #666;display:inline-flex;justify-content: center;align-items: center;line-height: 1;} */
/* ^ 마우스 오버 */
/* .map-safety-level-guide:hover{background:#666; color:#fff;}
			.map-safety-level-guide:hover:after{border-color:#fff; color:#fff;} */
/* 지도 뷰어 툴 */
.map-viewer {
	top: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: absolute;
	right: 55px;
	width: 135px;
	height: 40px;
	background: #fff;
	border-radius: 3px;
	padding: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.map-viewer .mv-btn {
	flex: 1 1 auto;
	font-size: 13px;
	line-height: 1;
	height: 100%;
	border-radius: 3px;
}

.map-viewer .mv-btn.select {
	background: #666;
	color: #fff;
}

.road-view {
	top: 20px;
	position: relative;
	margin-bottom: 50px;
	height: 40px;
	display: block;
	width: 40px;
}

.road-view .rv-btn {

	display: block;
	width: 40px;
	height: 40px;
	background: #fff;
	border-radius: 3px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .3);
	margin: 0 auto;
	position: relative;
}

.road-view .rv-btn:before {
	content: '';
	width: 20px;
	height: 26px;
	display: block;
	background: url('../../images/2021/ico-webCam-grey.svg') center center / auto no-repeat;
	text-align: center;
	margin: 0 auto;
	transition: all 0s;
}

.road-view .rv-tip {
	display: none;
	position: absolute;
	top: 45px;
	right: calc(50% - 30px);
	width: auto;
	height: auto;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
}

.road-view .rv-tip span {
	line-height: 1;
	font-size: 12px;
	color: #757575;
	padding: 6px 0 7px 0;
	display: block;
	width: 60px;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 3px;
	text-align: center;
}

.road-view .rv-tip:before {
	content: '';
	width: 9px;
	height: 9px;
	display: block;
	background: #fff;
	border: 1px solid;
	border-color: transparent #aaa #aaa transparent;
	transform: rotate(225deg);
	margin-bottom: -4.5px;
}

/* ^마우스오버 */
.road-view .rv-btn:hover,
.road-view .rv-btn:focus {
	background: #666;
}

.road-view .rv-btn.active {
	background: #0083e4;
}

.road-view .rv-btn:hover:before,
.road-view .rv-btn:focus:before,
.road-view .rv-btn.open:before {
	background: url('../../images/2021/ico-webCam-white.svg') center center / auto no-repeat;
}

.road-view .rv-btn:hover .rv-tip,
.road-view .rv-btn:focus .rv-tip {
	display: flex;
}


/* 기본 확장 툴 */
.eTool {
	margin-top: 5px;
	position: relative;
	width: 37px;
	display: block;
	text-align: right;
}

.eTool:first-child {
	margin-top: 0
}

.eTool .et-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 37px;
	height: 37px;
	background: #fff;
	border: 1px solid #7e8298;
	line-height: 1.1;
	font-size: 13px;
	color: #464646;
}

/* ^마우스오버 */
.eTool .et-btn:hover,
.eTool.list .et-btn:hover {
	background: #666;
	border-color: #666;
	color: #fff;
}

.eTool.list .et-btn.open,
.eTool.list .et-btn.active {
	background: #0083e4;
	border-color: #fff;
	color: #fff;
}

/* 리스트 */
.eTool-list {
	display: none;
	position: absolute;
	right: 42px;
	background: #fff;
	border: 1px solid #bfbfbf;
	top: 0;
	box-shadow: 0 0 3px rgba(0, 0, 0, .1);
	padding: 5px 0;
}

.eTool-list li {
	padding: 0 5px;
	display: block;
}

.eTool-list li button {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 12px;
	color: #454545;
	line-height: 1;
	padding: 5px 10px;
	border-radius: 5px;
	width: 100%;
}

.eTool-list li button:before {
	content: '';
	width: 25px;
	height: 20px;
	display: block;
	margin-right: 5px;
}

/* ^ 마우스오버 */
.eTool-list li button.active {
	background: #def0fd
}

.eTool-list li button:not(.active):hover {
	background: #f5f5f5;
}

/* 팁 */
.eTool-tip {
	display: none;
	position: absolute;
	top: 0;
	right: 42px;
	width: 65px;
	height: 100%;
	align-items: center;
	justify-content: flex-start;
}

.eTool-tip span {
	line-height: 1;
	font-size: 12px;
	color: #757575;
	padding: 6px 0 7px 0;
	display: block;
	width: 60px;
	background: #fff;
	border: 1px solid #aaa;
	border-radius: 3px;
	text-align: center;
}

.eTool-tip:after {
	content: '';
	width: 9px;
	height: 9px;
	display: block;
	background: #fff;
	border: 1px solid;
	border-color: transparent #aaa #aaa transparent;
	transform: rotate(-45deg);
	margin-left: -4.5px;
}

.eTool.tip .et-btn:before {
	content: '';
	width: 22px;
	height: 22px;
	display: block;
}

/* 새로고침 */
.eTool.tip .page-reload:before {
	background: url('../../images/2021/ico-reload-grey.svg') center center / auto no-repeat;
	transition: all 0s;
	width: 17px;
	height: 17px;
}

/* ^마우스오버 */
.eTool.tip .page-reload:hover:before {
	background: url('../../images/2021/ico-reload-white.svg') center center / auto no-repeat;
}

/* 현재위치  */
.eTool .current-location:before {
	background: url('../../images/2021/ico-currentLocation-grey.svg') center center / auto no-repeat;
	transition: all 0s;
}

/* ^마우스오버 */
.eTool .current-location:hover:before {
	background: url('../../images/2021/ico-currentLocation-white.svg') center center / auto no-repeat;
}

/* 주변 */
.eTool-list-around {
	min-width: 125px;
	background: #757575;
	border-color: #757575;
	font-size: 13px;
	color: #fff;
	line-height: 1.4;
	padding: 7px;
	position: absolute;
	right: 120px;
	top: 70px;
	box-shadow: 0 0 3px rgb(0 0 0 / 10%);
	min-width: 125px;
	background: #757575;
	border-color: #757575;
	font-size: 13px;
	color: #fff;
	line-height: 1.4;
	padding: 7px;
	display: none;
}

/* 테마 */
.eTool-list.tema {
	min-width: 155px;
}

.eTool-list li .tema-1:before {
	background: url('../../images/2021/tema-icon-1.png') center center / auto no-repeat;
}

.eTool-list li .tema-2:before {
	background: url('../../images/2021/tema-icon-2.png') center center / auto no-repeat;
}

.eTool-list li .tema-3:before {
	background: url('../../images/2021/tema-icon-3.png') center center / auto no-repeat;
}

.eTool-list li .tema-4:before {
	background: url('../../images/2021/tema-icon-4.png') center center / auto no-repeat;
}

.eTool-list li .tema-5:before {
	background: url('../../images/2021/tema-icon-5.png') center center / auto no-repeat;
}

.eTool-list li .tema-6:before {
	background: url('../../images/2021/tema-icon-6.png') center center / auto no-repeat;
}

.eTool-list li .tema-7:before {
	background: url('../../images/2021/tema-icon-7.png') center center / auto no-repeat;
}

.eTool-list li .tema-8:before {
	background: url('../../images/2021/tema-icon-8.png') center center / auto no-repeat;
}

.eTool-list li .tema-12:before {
	background: url('../../images/2021/tema-icon-12.png') center center / auto no-repeat;
}

/* 테마 */
.eTool-list.measure {
	min-width: 110px;
}

.eTool-list li .measure-1:before {
	background: url('../../images/2021/ico-distance-grey.svg') center center / auto no-repeat;
}

.eTool-list li .measure-2:before {
	background: url('../../images/2021/ico-circleMeasurement-grey.svg') center center / 80% no-repeat;
}

.eTool-list li .measure-3:before {
	background: url('../../images/2021/ico-polygon.svg') center center / 80% no-repeat;
}

/* .eTool-list li .measure-3:before{background:url('../../images/2021/ico-areaMeasurement-grey.svg') center center / 80% no-repeat; } */
.eTool-list li .measure-4:before {
	background: url('../../images/2021/ico-eraser-grey.svg') center center / 80% no-repeat;
}

.eTool-list li .measure-5:before {
	background: url('../../images/2021/ico-route.svg') center center / 80% no-repeat;
}

/* api */
.eTool-list.api {
	min-width: 155px;
}

.eTool-list li .api-1:before {
	background: url('../../images/2021/tema-icon-14.png') center center / auto no-repeat;
}

.eTool-list li .api-2:before {
	background: url('../../images/2021/tema-icon-15.png') center center / auto no-repeat;
}

.eTool-list li .api-3:before {
	background: url('../../images/2021/tema-icon-13.png') center center / auto no-repeat;
}

/* 확대 축소 */
.zoom-control {
	width: 37px;
	height: auto;
	display: block;
	margin-top: 50px;
}

.zoom-control>button {
	width: 100%;
	height: 37px;
	display: block;
	position: relative;

	background: #fff;
	border: 1px solid #7e8298;
}

.zoom-control .zoom-up:before,
.zoom-control .zoom-up:after {
	content: '';
	position: absolute;
	width: 1px;
	height: 15px;
	display: block;
	background: #454545;
	display: block;
	position: absolute;
	top: 10px;
	left: 17px;
}

.zoom-control .zoom-up:after {
	transform: rotate(90deg);
}

.zoom-control .zoom-down {
	margin-top: -1px;
}

.zoom-control .zoom-down:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 15px;
	display: block;
	background: #454545;
	display: block;
	position: absolute;
	top: 10px;
	left: 17px;
	transform: rotate(90deg);
}

/* ^ 마우스오버 */
.zoom-control>button:hover {
	z-index: 2;
	border-color: #666;
	background: #666;
}

.zoom-control>button:hover:before,
.zoom-control>button:hover:after {
	background: #fff;
}

/* 현재화면 인쇄하기 */
.print-page {
	width: 37px;
	height: 37px;
	background: #fff;
	border: 1px solid #7e8298;
	margin-top: 5px;
	display: flex;
	align-items: center;
	justify-content: center;

}

.print-page:before {
	content: '';
	width: 21px;
	height: 21px;
	display: block;
	background: url('../../images/2021/ico-print-grey.svg') center center / contain no-repeat;
}

/* ^ 마우스오버 */
.print-page:hover {
	border-color: #666;
	background: #666;
}

.print-page:hover:before {
	background-image: url('../../images/2021/ico-print-white.svg');
}

/* 핀 */
.pin {
	position: absolute;
	z-index: 2;
	display: block;
	width: auto;
	height: auto;
}

.pin>span {
	width: 45px;
	height: 60px;
	margin-left: -19px;
	transition: all 0s;
	background-image: url('../../images/2021/ico-pin-collection.png');
	background-size: 228px auto;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	bottom: 0;
}

.pin:hover,
.pin.active {
	z-index: 3
}

.pin:hover>span,
.pin.active>span {
	width: 47px;
	height: 64px;
	margin-left: -20px;
	margin-top: -13px;
}

/* 사고 */
.pin .brkNews-1 {
	background-position: -8px -10px;
}

.pin:hover .brkNews-1,
.pin.active .brkNews-1 {
	background-position: -115px -10px;
}

/* 출동 */
.pin .brkNews-2 {
	background-position: -8px -80px;
}

.pin:hover .brkNews-2,
.pin.active .brkNews-2 {
	background-position: -115px -93px;
}

/* 어린이 보호 구역 */
.pin .childArea {
	background-position: -8px -220px;
}

.pin:hover .childArea,
.pin.active .childArea {
	background-position: -115px -259px;
}

/* 안전대진단 */
.pin .safeDiagnosis {
	background-position: -8px -289px;
}

.pin:hover .safeDiagnosis,
.pin.active .safeDiagnosis {
	background-position: -115px -341px;
}

/* 해체공사장 */
.pin .construction {
	background-position: -8px -360px;
}

.pin:hover .construction,
.pin.active .construction {
	background-position: -115px -425px;
}

/* 정부 합동 공사장 */
.pin .government {
	background-position: -8px -430px;
}

.pin:hover .government,
.pin.active .government {
	background-position: -115px -508px;
}

/* 관심시설 */
.pin .bookmark {
	background-position: -8px -151px;
}

.pin:hover .bookmark,
.pin.active .bookmark {
	background-position: -115px -177px;
}

/* 건설안전 */
.pin .safeConstruct {
	background-position: -8px -501px;
}

.pin:hover .safeConstruct,
.pin.active .safeConstruct {
	background-position: -115px -592px;
}

/* 실시간속보 */
.pin .liveNews {
	background-position: -8px -644px;
}

.pin:hover .liveNews,
.pin.active .liveNews {
	background-position: -115px -762px;
}

/* 위험시설 */
.pin .danger {
	background-position: -8px -714px;
}

.pin:hover .danger,
.pin.active .danger {
	background-position: -115px -847px;
}

/* 수질 */
.pin .waterArea {
	background-position: -8px -785px;
}

.pin:hover .waterArea,
.pin.active .waterArea {
	background-position: -115px -932px;
}



/* 안전점검 - 불합격 */
.pin .safePoint-e {
	background-position: -62px -10px;
}

.pin:hover .safePoint-e,
.pin.active .safePoint-e {
	background-position: -174px -9px;
}

/* 안전점검 - 진행중 */
.pin .safePoint-d {
	background-position: -62px -80px;
}

.pin:hover .safePoint-d,
.pin.active .safePoint-d {
	background-position: -174px -92px;
}

/* 안전점검 - 보완 */
.pin .safePoint-c {
	background-position: -62px -150px;
}

.pin:hover .safePoint-c,
.pin.active .safePoint-c {
	background-position: -174px -175px;
}

/* 안전점검 - 조건부 합격 */
.pin .safePoint-b {
	background-position: -62px -220px;
}

.pin:hover .safePoint-b,
.pin.active .safePoint-b {
	background-position: -174px -259px;
}

/* 안전점검 - 합격 */
.pin .safePoint-a {
	background-position: -62px -290px;
}

.pin:hover .safePoint-a,
.pin.active .safePoint-a {
	background-position: -174px -342px;
}

/* 안전점검 - 기타 */
.pin .safePoint-etc {
	background-position: -62px -360px;
}

.pin:hover .safePoint-etc,
.pin.active .safePoint-etc {
	background-position: -174px -425px;
}




/* 시설검색 */
.facility-search {
	width: auto;
}

.facility-search.open {
	visibility: visible;
	z-index: 4;
	margin: 5px;
}

.facility-search.open>div>article {
	visibility: visible;
	height: auto;
	background: rgba(255, 255, 255, .8);
	border-radius: 5px;
	box-shadow: 0 0 2px rgba(0, 0, 0, .3);
	padding: 0;
	overflow: visible;
}

.facility-search.open>div>article:before {
	content: '';
	width: 36px;
	height: 36px;
	position: absolute;
	top: 0;
	left: 0;
	border: solid #0083e4;
	border-width: 5px 0 0 5px;
	border-radius: 5px 0 0 0;
	display: block;
}

.facility-search.open article>.tit {
	padding: 20px 20px 15px 20px;
}

.facility-search.open article>.tit>.close {
	margin-left: auto;
}

.facility-search.open .cont {
	padding: 0 20px 20px 20px;
}

.facility-search.open .cont>ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.facility-search.open .cont>ul li {
	position: relative;
}

.facility-search.open .cont>ul li .nice-select {
	border-radius: 5px 0 0 5px;
	min-width: 120px;
	box-shadow: none;
}

.facility-search.open .cont>ul li input[type="text"] {
	border: 1px solid #ddd;
	background: #fff;
	height: 37px;
	width: 300px;
	border-radius: 0 5px 5px 0;
	padding: 5px 47px 5px 10px;
	border-left: 0;
}

.facility-search.open .cont .nice-select .list {
	height: 200px;
}

.facility-search.open .fs-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 37px;
	height: 37px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.facility-search.open .fs-btn i {
	font-size: 9px;
	width: 50%;
	height: 50%;
}

.facility-search.open .fs-btn i:before {
	border-color: #555;
	border-width: 2px;
	;
}

.facility-search.open .fs-btn i:after {
	background: #555;
	width: 2px;
}

.facility-search.open .fs-btn:hover i:before {
	border-color: #0083e4;
}

.facility-search.open .fs-btn:hover i:after {
	background: #0083e4;
}

/* 현 위치에서 재 검색 */
/*
	.thisArea-reload{position:absolute;top:20px;left:calc(50% - 100px);display:inline-flex;background:#0083e4;border-radius:30px;color:#fff;border:1px solid #fff;width:200px;height: 41px;line-height: 1;justify-content: center;align-items: center;box-shadow: 0 0 5px rgba(0,0,0,.2);}
	.thisArea-reload.re_search{z-index:-1;}
	.thisArea-reload:before{content:'';width: 17px;height: 17px;background:url('../../images/2021/ico-reload-white.svg') center center / auto no-repeat;margin-right: 10px;}
	.thisArea-reload.show{z-index: 2;}
	.thisArea-reload.show{z-index: -1;}*/
/* ^ 마우스오버 */
/*.thisArea-reload:hover{background:#666;} */



/* 시설비교 팝업 */
.goCompare-popup {
	z-index: 100;
}

.goCompare-popup>div>div {
	background: #fff;
	padding: 5px 30px 30px 30px;
	border-radius: 10px;
}

.goCompare-popup .wp-tit {
	margin-bottom: 20px;
	width: 100%;
	border-bottom: 1px solid #eee;
}

.goCompare-popup .gc-cont {
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
}

.goCompare-popup .gc-cont>section {
	width: auto;
	height: 490px;
	overflow: hidden;
	flex: 1 1 auto;
	margin-left: 20px;
	border: 1px solid #dcdcdc;
}

.goCompare-popup .gc-cont>section:first-child {
	margin-left: 0;
}

.goCompare-popup .gc-cont .tit {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.goCompare-popup .gc-cont .basic-info {
	width: 330px;
	padding: 20px;
}

/* 안전등급 안내 */
.safety-level-guide-popup>div>div {
	max-width: 1200px;
	width: 100%;
	background: #fff;
	padding: 0 30px 30px 30px;
	border-radius: 10px;
	margin: 200px 30px 0 30px;
}

/* 원자력 발전시설 */
.nuclear-popup>div>div {
	max-width: 1300px;
	width: calc(100% - 60px);
	background: #fff;
	padding: 0 30px 30px 30px;
	border-radius: 10px;
	margin: 200px 30px 0 30px;
}

.nuclear-popup .tab-group .tab-list>section {
	max-height: 500px;
	overflow-x: hidden;
}

/* 원자력점검결과 */
*[class*="nuclearIco-"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #fff;
	line-height: 1.1;
	width: 60px;
	height: 22px;
	padding-bottom: 3px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('../../images/2021/nuclearIco-basic.png');
}

/* ^ 종류 */
.nuclearIco-G {
	background-image: url('../../images/2021/nuclearIco-G.png');
}

.nuclearIco-C {
	background-image: url('../../images/2021/nuclearIco-C.png');
}

.nuclearIco-Y {
	background-image: url('../../images/2021/nuclearIco-Y.png');
}

.nuclearIco-O {
	background-image: url('../../images/2021/nuclearIco-O.png');
}

/* 오류신고 팝업 */
.error-report-popup>div>div {
	max-width: 700px;
	width: 100%;
	background: #fff;
	padding: 0 30px 30px 30px;
	border-radius: 10px;
}

.error-report-popup .sup {
	margin-left: 10px;
}

.error-report-popup .er-cont {
	padding: 20px;
	background: #f9f9f9;
}

.error-report-popup h4 {
	font-size: 15px;
	line-height: 1.1;
	font-weight: bold;
	color: #3b3b3b;
	min-width: 80px;
}

.error-report-popup .boxWrap {
	margin-top: 20px;
}

.error-report-popup .table-type-01 {
	margin-top: 10px;
}

.error-report-popup .cBoxWrap .cBox {
	margin-right: 10px;
}

.error-report-popup .taBox {
	margin-top: 20px;
}

.error-report-popup .taBox textarea {
	margin-top: 10px;
}


/* 로드뷰 */
#rv_map {
	width: 470px;
	height: 340px;
	z-index: 1;
	position: absolute;
	bottom: 15px;
	left: 15px;
}

#roadview {
	width: 100%;
	height: 100%;
}

#rvWrapper {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 2000;
	top: -9999px;
	left: -9999px;
}

#rvWrapper.active {
	top: 0px;
	left: 0px;
}

#rvWrapper .btn_close {
	position: absolute;
	right: 15px;
	width: 38px;
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 19px;
	background-color: rgba(0, 0, 0, 0.7);
	top: 290px;
}

.lay-subpage #rvWrapper .btn_close {
	top: 75px;
}

@media(max-width: 1300px) {
	#rvWrapper .btn_close {
		top: 25vw;
	}
}

@media(max-width: 1000px) {
	#rvWrapper .btn_close {
		top: 225px;
	}

	.lay-subpage #rvWrapper .btn_close {
		top: 118px;
	}
}

/* ^ 마우스오버 */
#rvWrapper .btn_close:hover {
	background: #0083e4;
}

#rvWrapper .btn_close .ico_roadview2 {
	width: 14px;
	height: 14px;
	background-position: -60px -40px;
}

#rvWrapper .ico_roadview2 {
	display: inline-block;
	vertical-align: top;
	background: url(//t1.daumcdn.net/localimg/localimages/07/2018/pc/roadview/ico_roadview22x_190625.png) no-repeat;
	background-size: 200px auto;

	line-height: 0;
	text-indent: -9999px;
}

#addrWrapper {
	background-color: #fff;
	font-size: 10pt;
	position: absolute;
	z-index: 10;
	margin: 10px;
	padding: 6px;
}

#addrWrapperList {
	background-color: #fff;
	font-size: 10pt;
	position: absolute;
	z-index: 10;
	margin: 10px;
}

/* -- 측정 -- */
.dot-me {
	overflow: hidden;
	/* float:left; */
	width: 12px;
	height: 12px;
	border-radius: 100%;
	display: block;
	background: #fff;
	border: 3px solid #ef2b43;
	/* background: url(//t1.daumcdn.net/localimg/localimages/07/mapapidoc/mini_circle.png); */
}

.dotOverlay {
	position: relative;
	bottom: 15px;
	left: 0;
	border-radius: 5px;
	border: 1px solid #ccc;
	border-bottom: 2px solid #ddd;
	float: left;
	font-size: 12px;
	padding: 8px;
	background: #fff;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	line-height: 1.1;
}

.dotOverlay:nth-of-type(n) {
	border: 0;
	/* box-shadow:0px 1px 2px #888; */
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}

.dotOverlay .number {
	margin-left: 5px;
}

.number {
	/* font-weight:bold; */
	color: #ef2b43;
	letter-spacing: 0;
	font-size: 12px;
}

.number sup {
	font-weight: bold;
	color: #ee6152;
}

.dotOverlay:after {
	content: '';
	position: absolute;
	margin-left: -6px;
	left: 50%;
	bottom: -8px;
	width: 11px;
	height: 8px;
	background: url(//t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white_small.png)
}

/* 거리측정 */
.distanceInfo {
	position: relative;
	top: 5px;
	left: 5px;
	list-style: none;
	margin: 0;
	min-width: 145px;
	width: 100%;
	display: flex;
	flex-direction: column;
	font-size: 14px;
}

.distanceInfo.dotOverlay {
	padding: 15px 38px 15px 15px;
}

.distanceInfo li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 5px;
}

.distanceInfo li:first-child {
	margin-top: 0;
}

.distanceInfo li span {
	line-height: 1.1;
	font-size: 12px;
}

.distanceInfo .label {
	min-width: 45px;
	width: auto;
	flex: none;
}

.distanceInfo:after {
	content: none;
}

/* 거리측정 닫기 */
.detailToolClose {
	overflow: hidden;
	cursor: pointer;
	position: absolute;
	top: 0px;
	opacity: 0.5;
	right: 5px;
	width: 20px;
	height: 20px;

	line-height: 0;
	background: url(//t1.daumcdn.net/localimg/localimages/07/2018/pc/tool/btn_close_s.png) no-repeat;
	text-indent: -9999px;
}

.AreaToolDetail {
	position: relative;
	bottom: 10px;
	border-radius: 6px;
	border: 1px solid #ccc;
	border-bottom: 2px solid #ddd;
	float: left;
	font-size: 12px;
	padding: 5px;
	background: #fff;
}

.AreaToolDetail {
	position: relative;
	top: 5px;
	left: 5px;
	list-style: none;
	margin: 0;
	min-width: 134px;
}

.AreaToolDetail .label {
	display: inline-block;
	width: 50px;
}

.AreaToolDetail:after {
	content: none;
}

.AreaToolDetail:nth-of-type(n) {
	border: 0;
	box-shadow: 0px 1px 2px #888;
}

.AreaToolDetail sup {
	vertical-align: top;
}

.radiusToolDetail {
	position: relative;
	list-style: none;
	margin: 0;
	font-size: 14px;
	background: #fff;
}

.radiusToolDetail ul {
	margin-top: 10px;
	display: inline-block;
	width: 100%;
	padding: 10px 15px;
	background: #f5f5f5;
}

.radiusToolDetail li {
	margin-top: 5px;
	display: flex;
}

.radiusToolDetail li span {
	font-size: 12px;
}

.radiusToolDetail li:first-child {
	margin-top: 0;
}

.radiusToolDetail .label {
	display: inline-block;
	min-width: 50px;
	width: auto;
}

.radiusToolDetail:after {
	content: none;
}

.radius-selection {
	position: absolute;
	top: calc(50% - 297px);
	left: calc(50% - 92.5px);
}

.map_pop_radius {
	background-color: #ffffff;
	border-radius: 5px;
	padding: 15px;
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	position: absolute;
	top: 70px;
	left: 0;
}

.map_pop_radius li {
	line-height: 1.2;
}

.map_pop_radius>ul>li:nth-child(1) {
	margin-bottom: 8px;
}

.map_pop_radius li a {
	font-size: 14px;
	line-height: 1.1;
	color: #777;
}

.map_pop_radius li a:hover {
	color: #333;
}

.map_pop_radius li:nth-child(1) a {
	background: url(../../images/map/pop_point1.png) center left / auto 15px no-repeat;
	padding-left: 20px;
}

.map_pop_radius li:nth-child(2) a {
	background: url(../../images/map/pop_point2.png) center left / auto 15px no-repeat;
	padding-left: 20px;
}

/* 우수 메달 아이콘 */
.excellent-medal {
	display: inline-flex;
	align-items: flex-start;
	justify-content: flex-start;
	vertical-align: middle;
}

.excellent-medal:before {
	content: '';
	width: 23px;
	height: 25px;
	margin-right: 3px;
	flex: none;
	background: url('../../images/2021/ico-medal.png') center center / contain no-repeat;
}


@media only screen and (min-width:801px) {
	.mlist {
		transition: all .25s;
	}

	.mapContent.close .mlist {
		margin-left: -390px;
		/* border: 1px solid red; */
		display: none;
	}
}



/* 좋아요 클릭 이벤트 */
@keyframes pl-fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes pl-open {
	from {
		visibility: hidden;
		height: 0;
		margin-bottom: -50px;
	}

	to {
		visibility: visible;
		height: 500px;
		margin-bottom: 0;
	}
}

@keyframes bn-open {
	from {
		visibility: hidden;
		height: 0;
	}

	to {
		visibility: visible;
		height: 430px;
	}
}

@keyframes di-open {
	from {
		left: 0;
	}

	to {
		left: 100%;
	}
}

@keyframes dot_ani {
	from {
		transform: scale(1)
	}

	to {
		transform: scale(.8)
	}
}


@media only screen and (max-width:1300px) {

	/*===== mainContent =====*/
	.mapContent {
		padding-top: 6.833vw;
		/* padding-top: 82px; */
	}

	/* 안전등급안내 */
	.safety-level-guide-popup .tab-group .tab-btn {
		align-items: stretch;
	}

	.safety-level-guide-popup .tab-group .tab-btn button {
		width: 10%;
		border-top: 1px solid #666;
		border-right: 1px solid #666;
	}

	.safety-level-guide-popup .tab-group .tab-btn button:nth-child(-n+10) {
		border-top: 0;
	}

	.safety-level-guide-popup .tab-group .tab-btn button:not(:nth-child(-n+10)) {
		width: auto;
	}

	.map-local-info {
		/* flex-direction: column;
			gap:1.25vw; */
	}

	/*== header ==*/
	header.map {
		background: #0058b9;
	}

	header.map .pcContainer {
		padding: 2.500vw 3.750vw;
		/* padding: 20px 30px; */
	}

	header.map .wrapHeader {
		padding: 0 0 1.875vw 0;
		/* padding: 0 0 15px 0; */
	}

	header.map .moMenu {
		top: 1.250vw;
		/* top: 10px; */
	}

	header.map:before {
		width: 41vw;
		background: url('../../images/2021/bg_mapHeader_l.png') bottom right / cover no-repeat;
		/* width:328px; */
	}

	header.map:after {
		width: 34vw;
		background: url('../../images/2021/bg_mapHeader_r.png') bottom right / cover no-repeat;
		/* width:272px; */
	}

	/*== MAP CONTENT ==*/
	.mapContent {
		padding-top: 20.500vw;
		/* {padding-top: 164px;  padding-bottom: 50px; */
	}

	.wrapMapCont .wrapMap {
		padding: 0 3.75vw;
		/* padding:0 30px; */
	}

	/* ^ 왼쪽 영역 */
	.wrapMapCont {
		flex-direction: column-reverse;
	}

	.wrapMapCont .mlist {
		max-width: 100%;
		max-height: 55%;
	}

	.wrapMapCont .mlist.up {
		max-height: 100%;
	}

	.wrapMapCont .mlist:after {
		width: 0.875vw;
		right: -0.875vw;
		/* width: 7px;right: -7px; */
	}

	/* 통합검색 */
	.mSearch-Box {
		padding: 2.2vw;
		display: none;
		/* background: transparent; */
	}

	/* 초기화 & 닫기 버튼 */
	.mSearch-Box .btnArea {
		top: 1.25vw;
		right: 1.25vw;
		/* top: 10px;right: 10px; */
	}

	.mSearch-Box .btnArea button {
		width: 2.5vw;
		height: 2.5vw;
		padding: 0.375vw;
		/* width: 20px;height:20px;padding: 3px; */
	}

	.mSearch-Box .btnArea .reset {
		margin-right: 0.375vw;
		/* margin-right: 3px; */
	}

	.mSearch-Box .btnArea .reset:before {
		width: 0.375vw;
		height: 1vw;
		/* width:3px; height:8px; */
	}

	.mSearch-Box .btnArea .reset:after {
		top: 0.375vw;
		right: 0.375vw;
		width: 1.75vw;
		height: 1.75vw;
		/* top: 3px;right: 3px; width: 14px;height: 14px; */
	}

	/* 검색 역역 */
	.mSearch-Box>div {
		padding: 0;
	}

	/* ^ 타이틀 */
	.mSearch-Box div>.tit {
		display: none;
	}

	.mSearch-Box .searchFrmWrap {
		border-radius: 0.625vw;
		margin-top: 0;
		box-shadow: 0px 0.25vw 0.375vw rgba(49, 49, 49, .1);
		/* border-radius: 5px;margin-top: 0;box-shadow: 0px 2px 3px rgba(49,49,49,.1); */
	}

	.mSearch-Box .searchFrmWrap.autolayerOpen {
		border-radius: 0.625vw 0.625vw 0 0;
		/* border-radius:5px 5px 0 0; */
	}

	.mSearch-Box .searchFrm {
		padding: 1.875vw 1.500vw 1.875vw 1.875vw;
		/* padding: 15px 12px 15px 15px; */
	}

	.mSearch-Box .searchFrm input[type="text"] {
		height: 3.125vw;
		font-size: 2.500vw;
		padding: 0 1.250vw 0 0;
		/* height: 25px;font-size: 20px;padding: 0 10px 0 0; */
	}

	/* ^ 검색하기 버튼 */
	.mSearch-Box .searchBtn {
		padding-left: 1.250vw;
		/* padding-left: 10px; */
	}

	.mSearch-Box .searchBtn>i {
		width: 3.125vw;
		height: 3.125vw;
		font-size: 1.500vw;
		/* width: 25px;height: 25px;font-size: 12px; */
	}

	.mSearch-Box .searchBtn>i:before {
		border-width: 0.625vw;
		/* border-width: 5px; */
	}

	.mSearch-Box .searchBtn>i:after {
		width: 0.625vw;
		/* width: 5px; */
	}

	/* ^ 자동완성 */
	.mSearch-Box .autoLayer {
		width: calc(100% + 0.25vw);
		top: 100%;
		border-radius: 0 0 0.625vw 0.625vw;
		box-shadow: 0px 0.25vw 0.375vw rgba(49, 49, 49, .1);
		/* width: calc(100% + 2px); border-radius:0 0 5px 5px; box-shadow:  0px 2px 3px rgba(49,49,49,.1); */
	}

	.mSearch-Box .autoLayer:before {
		margin: 0px 1.25vw;
		/* margin: 0px 10px; */
	}

	/* 최근검색어 */
	.mSearch-Box .autoLayer .top {
		font-size: 1.875vw;
		padding: 1.25vw 1.875vw;
		/* font-size: 15px;padding: 10px 15px; */
	}

	.mSearch-Box .autoLayer .deleteAll {
		font-size: 1.875vw;
		/* font-size: 15px; */
	}

	.mSearch-Box .autoLayer .list-none {
		padding: 6.25vw 0;
		font-size: 2.125vw;
		/* font-size: 15px;padding: 50px 0;font-size: 17px; */
	}

	.mSearch-Box .autoLayer .list-item .delete i {
		width: 2.5vw;
		height: 2.5vw;
		/* width: 20px;height: 20px;} */
	}

	.mSearch-Box .autoLayer.autoWord .list {
		margin: 1.25vw 0;
		/* margin: 10px 0; */
	}

	.mSearch-Box .autoLayer.recentWord .list {
		margin: 0 0 1.25vw 0;
		/* margin: 0 0 10px 0; */
	}

	.mSearch-Box .autoLayer .list.mCustomScrollbar .list-item:last-child {
		margin-bottom: 1.875vw;
		/* margin-bottom: 15px; */
	}

	.mSearch-Box .autoLayer .list.mCustomScrollbar .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
	.mSearch-Box .autoLayer .list.mCustomScrollbar .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
		right: 1.75vw;
		/* right: 14px; */
	}

	.mSearch-Box .autoLayer .list.mCustomScrollbar:after {
		height: 2.5vw;
		/* height: 20px; */
	}

	.mSearch-Box .autoLayer .list-item {
		padding: 0 1.875vw;
		/* padding: 0 15px; */
	}

	.mSearch-Box .autoLayer .list-item>a {
		padding: 0.938vw 0;
		/* padding: 7.5px 0; */
	}

	.mSearch-Box .autoLayer .list-item>a>span {
		width: 3.125vw;
		height: 3.125vw;
		margin-right: 1.25vw;
		/* width: 25px;height: 25px;margin-right: 10px; */
	}

	.mSearch-Box .autoLayer .list-item .ico-search {
		width: 1.625vw;
		height: 1.625vw;
		font-size: 0.713vw;
		/* width: 13px;height: 13px;font-size: 5.7px; */
	}

	.mSearch-Box .autoLayer .list-item span.txt {
		padding-right: 2.5vw;
		font-size: 2.125vw;
		/* padding-right: 20px;font-size: 17px; */
	}

	/* 자동완성 */
	.mSearch-Box .autoLayer .list-item .ico-plus {
		width: 1.625vw;
		height: 1.875vw;
		/* width: 13px;height:15px; */
	}

	.mSearch-Box .autoLayer .list-item .ico-plus:before {
		width: 1.625vw;
		top: 0.875vw;
		/* width: 13px;top: 7px; */
	}

	.mSearch-Box .autoLayer .list-item .ico-plus:after {
		width: 0.875vw;
		height: 0.875vw;
		top: 0.625vw;
		right: 0.375vw;
		/* width: 7px;height: 7px;top: 5px;right: 3px; */
	}

	/* 도움말, 자동완성끄기 버튼 */
	.mSearch-Box .autoLayer .bottom {
		border-radius: 0 0 0.625vw 0.625vw;
		padding: 1.25vw 1.875vw;
		/* border-radius: 0 0 5px 5px;padding: 10px 15px; */
	}

	.mSearch-Box .autoLayer .bottom>a,
	.mSearch-Box .autoLayer .bottom>button {
		font-size: 1.875vw;
		/* font-size: 15px; */
	}

	/* 인기검색어 */
	.popularWord {
		display: none;
	}


	/* 통합검색 콘텐츠 영역 */
	.mlist-content {
		height: 100%;
	}

	.mlist-content .scroll {
		overflow: hidden !important;
	}

	.mlist-content button[type=submit] {
		height: 6.25vw;
		/* height:50px; */
	}

	/* 세부 카테고리 영역 */
	.detailCategory {
		padding: 1.25vw 1.5vw;
		width: 100%;
		/* padding: 10px 12px; */
	}

	.detailCategory .tit {
		padding: 0 1.25vw;
		/* padding: 0 10px; */
	}

	.detailCategory .tit .all-category {
		font-size: 2.375vw;
		/* font-size:19px; */
	}

	.detailCategory .tit .all-category i {
		width: 1.250vw;
		height: 1.250vw;
		margin: 0 1.250vw;
		/* width: 10px;height: 10px;margin: 0 10px; */
	}

	.detailCategory .tit h2 {
		font-size: 2.375vw;
		/* font-size: 19px; */
	}

	.detailCategory .tit h2[class*="dcTit-icon"]:before {
		width: 3.375vw;
		height: 3.375vw;
		margin-right: 0.875vw;
		/* width: 27px;height: 27px;margin-right:7px; */
	}

	.detailCategory .tit .dcMore {
		font-size: 2.125vw;
		width: 17.5vw;
		border: 1px solid #e0e5ec;
		padding: 1.25vw 1.25vw;
		line-height: 1;
		/* font-size: 17px;width: 140px; padding: 10px 10px; */
	}

	.detailCategory .tit .dcMore.open>i {
		transform: rotate(90deg);
	}

	.detailCategory .tit .dcMore>i {
		width: 0.875vw;
		height: 0.875vw;
		margin-left: auto;
		margin-right: 0.625vw;
		transition: all 0.3s;
		/*  width:7px; height:7px; margin-right: 5px; */
	}

	.detailCategory .tit .dcMore>i:after {
		border-color: #bbb;
	}

	/* 시설분류 더보기 리스트 */
	.dc-more-popup {
		z-index: 3;
		top: 6.25vw;
		right: 2.75vw;
		width: 17.5vw;
		border-top: 0;
		/*  top: 50px;right: 22px;width:140px; */
	}

	.dc-more-popup .dcM-tit {
		padding: 1.25vw;
		display: none;
		/* padding:10px; */
	}

	.dc-more-popup .dcM-tit:after {
		left: 0.875vw;
		right: 0.875vw;
		/* left:7px; right:7px; */
	}

	.dc-more-popup .dcM-tit>span {
		font-size: 1.75vw;
		/* font-size: 14px; */
	}

	.dc-more-popup .dcM-tit .dcM-close>i {
		width: 1.875vw;
		height: 1.875vw;
		/* width:15px; height:15px; */
	}

	.dc-more-popup .dcM-cont {
		margin: 0.625vw 0.875vw;
		max-height: 25vw;
		overflow-y: auto;
		/* margin: 5px 7px;max-height: 200px; */
	}

	.dc-more-popup .dcM-cont a {
		border-radius: 0.375vw;
		/*  border-radius: 3px; */
	}

	.dc-more-popup .dcM-cont a>.backImg {
		width: 3.375vw;
		height: 3.375vw;
		margin-right: 0.875vw;
		margin: 0.75vw 0 0.75vw 0.625vw;
		/* width:27px;height:27px;margin-right:7px;margin: 6px 0 6px 5px; */
	}

	.dc-more-popup .dcM-cont a>b {
		font-size: 2.125vw;
		/* font-size: 17px; */
	}

	/* 시설비교 결과보기 버튼 */
	.goCompare-submit {
		display: none;
	}

	.detailCategory .cont {
		padding: 0 1.25vw;
		margin-top: 0.875vw;
		align-items: stretch;
		justify-content: flex-start;
		/* padding: 0 10px;margin-top: 7px; */
	}

	.detailCategory .cont>a {
		height: auto;
		padding: 0.625vw 0.625vw 0 0;
		width: 33.33%;
		/* padding: 5px 5px 0 0; */
	}

	.detailCategory .cont>a:nth-child(3n) {
		padding-right: 0;
	}

	.detailCategory .cont>a:nth-child(3n+1) {
		padding-left: 0;
	}

	.detailCategory .cont>a:nth-child(-n+3) {
		padding-top: 0;
	}

	.detailCategory .cont>a>span {
		padding: 1vw;
		font-size: inherit;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		/* padding: 8px; */
	}

	.detailCategory .cont>a>span b {
		margin: 0;
		font-size: 2.25vw;
		width: auto;
		flex: auto;
		height: 100%;
		/* font-size: 18px; */
	}

	.detailCategory .cont>a>span i:before {
		width: 1.125vw;
		margin-right: -0.625vw;
		/* width: 9px;margin-right: -5px; */
	}

	.detailCategory .cont>a>span i {
		width: 2.125vw;
		height: 2.125vw;
		bottom: inherit;
		right: inherit;
		position: relative;
		margin-left: auto;
		flex: none;
		/* width: 17px;height: 17px; */
	}

	.detailCategory .cont>a>span i:after {
		width: 0.625vw;
		height: 0.625vw;
		margin-right: 0.25vw;
		/* width: 5px;height: 5px;margin-right: 2px; */
	}

	/* 초기화면 */
	.mlist-content.start-page .detailCategory .cont.start-page>a>span:before {
		bottom: 0.625vw;
		right: 0.625vw;
		width: 3.125vw;
		height: 3.125vw;
		/* bottom:5px; right:5px; width:25px; height:25px; */
	}

	.start-login-area {
		padding: 0;
		height: 100%;
		display: none !important;
	}

	.sl-btn-area {
		margin: 2.5vw 0;
		padding: 0 1.25vw;
		/* margin: 20px 0;padding: 0 10px; */
	}

	.sl-btn-area a {
		padding: 1.875vw 3.75vw;
		margin-top: 1.25vw;
		font-size: 2.25vw;
		/*  padding: 15px 30px;margin-top:10px;font-size: 18px; */
	}

	.sl-btn-area a:before {
		width: 3.125vw;
		height: 3.125vw;
		margin-right: 1.875vw;
		/* width: 25px;height: 25px;margin-right:15px; */
	}

	.sl-info {
		font-size: 2.25vw;
		/* font-size: 18px; */
	}

	.start-guide-area {
		display: none !important;
		padding: 6.25vw 0;
		/* padding:50px 0; */
	}

	.start-guide {
		width: 18.75vw;
		/*width:150px;*/
	}

	.start-guide:after {
		height: 2.5vw;
		/* height:20px; */
	}

	.sg-img-area {
		width: 5vw;
		height: 7.5vw;
		margin-bottom: -1.5vw;
		/* width:40px; height:60px; margin-bottom:-12px;  */
	}

	.sg-info {
		margin-top: 3.75vw;
		font-size: 2vw;
		/* margin-top:30px;font-size: 16px; */
	}


	/* 검색 결과 영역 */
	.map-result-list {
		min-height: inherit;
		/* height: calc(100% - 87px); */
		flex: inherit;
	}

	.map-result-list .tit {
		display: none;
	}

	.map-result-list .cont {
		padding: 0 1.25vw;
		margin: 2.5vw;
		height: calc(100% - 7.5vw);
		overflow-y: auto;
		overflow-x: hidden;
		display: block;
		position: relative;
		/* padding: 0 10px;margin: 20px;height: calc(100% - 60px); */
	}

	.map-result-list .cont .mCustomScrollBox {
		max-height: 100% !important;
		overflow-y: auto;
	}

	.map-result-list .cont .mCSB_container {
		position: relative;
	}

	.map-result-list .mr-list {
		padding: 1.25vw 0;
		/* padding: 10px 0; */
	}

	.map-result-list .mr-list h1 {
		font-size: 2.75vw;
		/* font-size: 22px; */
	}

	.map-result-list .mr-list h1 div>span {
		font-size: 2.125vw;
		margin-top: 0.25vw;
		/* font-size: 17px;margin-top: 2px; */
	}

	.map-result-list .mr-list h1 div>span:before {
		height: 1.375vw;
		margin: 0 1.25vw;
		/* height:11px; margin:0 10px; */
	}

	.map-result-list .mr-list address {
		font-size: 2.125vw;
		padding-top: 0.875vw;
		/* font-size: 17px;padding-top: 7px; */
	}

	.map-result-list .mr-list .cBox {
		margin-left: 2.5vw;
		/* margin-left:20px; */
	}

	.map-result-list.compareOpen .mr-list .cBox {
		width: 2.5vw;
		margin: 0 1.25vw 0 2.5vw;
		/* width:20px;margin: 0 10px 0 20px; */
	}

	.map-result-list .paging {
		display: none;
	}

	/* 검색결과 없음 */
	.mnr-list-area .mnr-img {
		width: 6.875vw;
		height: 6.875vw;
		/*  width:55px; height:55px; */
	}

	.mnr-txt {
		font-size: 2vw;
		margin-top: 2.222vw;
		/* font-size:16px; margin-top:10px; */
	}

	.mnr-txt b {
		font-size: 2.25vw;
		/* font-size:18px; */
	}

	.mnr-info {
		margin-top: 3.125vw;
		font-size: 1.625vw;
		/* margin-top:25px; font-size:13px; */
	}

	.mnr-info li:before {
		width: 0.375vw;
		height: 0.375vw;
		margin-right: 0.625vw;
		/* width:3px; height:3px; margin-right:5px; */
	}

	/* 하단 내비게이션 영역 */
	.mlist .bottomSheet {
		height: 6.25vw;
		position: fixed;
		/* height:50px; */
	}

	.mlist .bottomSheet>button {
		font-size: 2.25vw;
		/* font-size: 18px; */
	}

	.mlist .bottomSheet>button:hover {
		background: #535353;
	}

	/* 관심시설 */
	.mlist .bottomSheet .bookmark-list:before {
		width: 2.25vw;
		height: 2.25vw;
		margin-right: 0.875vw;
		/* width: 18px;height: 18px;margin-right: 7px; */
	}

	/* 시설별 안전점검 검색 */
	.mlist .bottomSheet .search-by-facility i {
		width: 1.625vw;
		height: 1.5vw;
		font-size: 0.75vw;
		margin-right: 0.625vw;
		/* width:13px; height:12px; font-size:6px; margin-right:5px; */
	}

	/* 뷰모드 변경 */
	.mlist .bottomSheet .change-view-mode {
		display: inline-flex;

	}

	.mlist .bottomSheet .change-view-mode:before {
		content: '';
		width: 2vw;
		height: 2.375vw;
		margin-right: 0.875vw;
		display: block;
		background: url('../../images/2021/ico-viewMap-white.svg') center center / contain no-repeat;
		/* width: 16px;height: 19px;margin-right: 7px; */
	}

	.mlist .bottomSheet .change-view-mode:after {
		content: '지도 보기';
		font-size: 2.25vw;
		line-height: 1;
		/* font-size:18px; */
	}

	.mlist .bottomSheet .change-view-mode.list:before {
		width: 2.25vw;
		height: 2.25vw;
		background: url('../../images/2021/ico-viewList-white.svg') center center / contain no-repeat;
		/* width: 18px;height: 18px;  */
	}

	.mlist .bottomSheet .change-view-mode.list:after {
		content: '목록 보기';
	}

	.mlist .bottomSheet .change-view-mode.listDown {
		background: #0083e4;
	}

	.mlist .bottomSheet .change-view-mode.listDown:before {
		width: 2.25vw;
		height: 1.625vw;
		background: url('../../images/2021/ico-viewListDown-white.svg') center center / contain no-repeat;
		/* width: 18px;height: 13px; */
	}

	.mlist .bottomSheet .change-view-mode.listDown:after {
		content: '목록 접기';
	}

	/* 하단 팝업 */
	.bookmark-list-popup {
		height: 100%;
	}

	.bookmark-list-popup>div {
		height: 100%;
	}

	.popupList>div>article {
		display: flex;
		padding: 1.25vw;
		/* padding:10px; */
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}


	.popupList article>.tit {
		padding: 2.5vw 1.25vw;
		/* padding: 20px 10px; */
	}

	.popupList article>.tit>h1 {
		font-size: 2.75vw;
		/* font-size: 22px; */
	}

	/* 관심시설 */
	.bookmark-list-popup article>.tit>h1:before {
		margin-right: 0.875vw;
		width: 3.125vw;
		height: 3.125vw;
		/* margin-right:7px;width: 25px;height: 25px; */
	}

	.popupList article>.tit>.close>i {
		width: 3.75vw;
		height: 3.75vw;
		/* width: 30px;height: 30px; */
	}

	/* 열림 */
	.bookmark-list-popup.open>div>article {
		animation: pl-open-800 .2s .4s linear both;
	}

	.mlist.up .bookmark-list-popup.open>div>article {
		animation: pl-open-800-2 .2s .4s linear both;
	}

	@keyframes pl-open-800 {
		from {
			visibility: hidden;
			height: 0;
			margin-bottom: -6.250vw;
		}

		to {
			visibility: visible;
			height: 100%;
			margin-bottom: 0;
			/* height: 347px; */
		}
	}

	@keyframes pl-open-800-2 {
		from {
			visibility: hidden;
			height: 0;
			margin-bottom: -6.250vw;
		}

		to {
			visibility: visible;
			height: 62.500vw;
			margin-bottom: 0;
			/* height: 500px; */
		}
	}

	.popupList article>.cont {
		height: calc(100% - 7.5vw);
		/* height: calc(100% - 60px); */
	}

	/* 주요 관심시설 */
	.major-bookmark {
		padding: 1.25vw 0 2.5vw 0;
		/* padding: 10px 0 20px 0; */
	}

	.major-bookmark>li>.bm-delete {
		right: 0.375vw;
		padding: 0.625vw;
		/* right:3px;padding:5px;  */
	}

	.major-bookmark>li>.bm-delete>i {
		width: 0.875vw;
		height: 0.875vw;
		/* width:7px;height:7px; */
	}

	.major-bookmark>li>div {
		margin-top: 1.25vw;
		font-size: 1.625vw;
		/* margin-top:10px;font-size: 13px; */
	}

	.major-bookmark>li>button>span {
		width: 5.625vw;
		height: 5.625vw;
		font-size: 2.25vw;
		/* width:45px;height:45px;font-size: 18px; */
	}

	.major-bookmark>li>button>span>i {
		width: 2.125vw;
		height: 2.125vw;
		/* width: 17px;height: 17px; */
	}

	/* 등록 */
	.major-bookmark .bm-edit>span>i {
		width: 2.375vw;
		height: 2.375vw;
		/*  width: 19px;height: 19px; */
	}

	/* ^ 마우스오버 */
	.major-bookmark.edit .bm-edit>span>i {
		font-size: 1.75vw;
		/* font-size: 14px; */
	}

	.major-bookmark.edit .bm-edit>span>i:before,
	.major-bookmark.edit .bm-edit>span>i:after {
		border-width: 0 0.25vw 0.25vw 0;
		/* border-width: 0 2px 2px 0; */
	}

	/* .my-bookmark-list > .mBM-tit{padding: 20px 10px;}
		.my-bookmark-list > .mBM-tit .total{font-size: 13px;}
		.my-bookmark-list > .mBM-tit .total > em{padding-left:3px;}
		.my-bookmark-list > .mBM-tit .filter > .line{height:10px; margin:0 7px;}
		.my-bookmark-list > .mBM-tit .filter > button{font-size:12px;} */
	.my-bookmark-list {
		height: calc(100% - 10px);
		/* height: calc(100% - 10px); */
	}

	.mlist.up .my-bookmark-list {
		height: calc(100% - 1.250vw);
		/* height: calc(100% - 80px); */
	}

	.my-bookmark-list .mBM-cont {
		padding: 0 0.625vw;
		height: 100%;
		/* padding: 0 5px; height:250px; */
	}

	.my-bookmark-list .mBM-cont span>a {
		margin: 1.25vw 1.25vw 1.25vw 0;
		font-size: 2.5vw;
		margin-left: 0.875vw;
		/* margin: 10px 10px 10px 0;font-size: 20px;margin-left: 7px; */
	}

	.my-bookmark-list .mBM-cont span>a:before {
		margin-right: 0.875vw;
		width: 2.75vw;
		height: 2.75vw;
		/* margin-right:7px;width: 22px;height: 22px; */
	}

	/* ^ 마우스오버 */
	.my-bookmark-list .mBM-cont span>button {
		padding: 1.25vw;
		/* padding: 10px; */
	}

	.my-bookmark-list .mBM-cont .mBM-best {
		width: 3.125vw;
		height: 3.125vw;
		/* width: 25px;height: 25px; */
	}

	/* 닫기 버튼 */
	.my-bookmark-list .mBM-cont .mBM-delete {
		padding: 1.25vw;
		/* padding:10px; */
	}

	.my-bookmark-list .mBM-cont .mBM-delete>i {
		font-size: 0.75vw;
		width: 2.625vw;
		height: 2.625vw;
		/* font-size:6px;width: 21px;height: 21px; */
	}


	/* 상세정보 내역 */
	.widePopupList,
	.detail-info-popup {
		animation: none !important;
		position: fixed;
		left: 0;
		top: 20.500vw;
		height: calc(100% - 20.500vw);
		visibility: visible;
		display: none;
		z-index: 9999999999 !important;
		/* top: 164px;height: calc(100% - 164px); */
	}

	.detail-info-popup.open {
		animation: none !important;
	}

	.detail-info-popup.open>div:after {
		right: -0.875vw;
		width: 0.875vw;
		/* right: -7px; width: 7px; */
	}

	.detail-info-popup .tit>a {
		margin-right: 1.25vw;
		/* margin-right:10px; */
	}

	.mArea .detail-info-popup .cont {
		padding-bottom: 1.875vw !important;
		/* padding-bottom: 15px !important; */
	}

	/* 기본정보 영역  */
	.basic-info {
		padding: 0 2.5vw;
		/* padding: 0 20px; */
	}

	/* 건물명 */
	.basic-info>h2 {
		font-size: 4vw;
		padding-top: 1.25vw;
		/* font-size: 32px;padding-top: 10px; */
	}

	.basic-info>h2.long {
		font-size: 3.125vw;
		/*  font-size: 25px; */
	}

	/* 주소 */
	.basic-info>address {
		font-size: 2.5vw;
		padding-top: 1.25vw;
		/* font-size: 20px;padding-top:10px; */
	}

	/* 안전등급안내 새창열림 버튼 */
	.safety-level-guide {
		padding: 2.5vw 0.5vw 0 0;
		font-size: 2.125vw;
		/* padding: 20px 4px 0 0;font-size: 17px; */
		line-height: 1.1;
	}

	/* 				.safety-level-guide:after{width: 2.125vw;height: 2.125vw;margin-left:0.625vw; width: 17px;height: 17px;margin-left:5px;} */
	.safety-level-guide:after {
		width: 2.75vw;
		height: 2.75vw;
		margin-left: 0.5vw;
		font-size: 1.75vw;
		/* width: 14px;height: 14px;margin-left: 4px;font-size:10px; */
	}

	/* 안정등급 */
	.safety-level {
		border-radius: 1.25vw;
		padding: 1.875vw;
		margin-top: 1.875vw;
		/* border-radius: 10px;padding: 15px;margin-top: 15px; */
	}

	.safety-level>dl>dt {
		font-size: 1.875vw;
		padding-bottom: 0.875vw;
		/* font-size: 15px;padding-bottom: 7px; */
	}

	/* 안정등급 아이콘 */
	.safety-level dd[class^='rating_'] {
		background-size: auto 5vw;
		/* background-size: auto 40px; */
	}

	.safety-level dd>span {
		padding-top: 5.875vw;
		font-size: 1.875vw;
		/* padding-top: 47px;font-size: 15px; */
	}



	/* 지도 영역 팝업 */
	.mArea .detail-info-popup {
		width: 48.75vw;
		top: 3.75vw;
		left: 62.5vw;
		margin-left: -24.375vw;
		/* width: 390px;top: 30px;left: 500px; margin-left: -195px; */
	}

	.mArea .detail-info-popup .di-container {
		border-radius: 0.625vw;
		box-shadow: 0 0 1.25vw rgba(0, 0, 0, .4);
		/* border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.4); */
	}

	.mArea .detail-info-popup>div:after {
		width: 2.5vw;
		height: 2.5vw;
		border: 1.25vw solid;
		box-shadow: 0.25vw 0.25vw 0.25vw rgba(0, 0, 0, .2);
		margin: -1.25vw auto 0 auto;
		/* width: 20px;height: 20px; border: 10px solid; box-shadow: 2px 2px 2px rgba(0,0,0,.2);margin: -10px auto 0 auto; */
	}

	.detail-info-more {
		font-size: 1.5vw;
		border-radius: 0.625vw;
		padding: 0.625vw 1.25vw;
		margin: 0 1.25vw 0 auto !important;
		/* font-size:12px;border-radius: 5px;padding: 5px 10px;margin:0 10px 0 auto !important; */
	}


	/* 지도 영역 팝업 */
	.simple-info-popup {
		width: 37.5vw;
		margin-left: -18.75vw;
		/* width: 300px;margin-left: -150px; */
	}

	.simple-info-popup.open>div>article {
		padding: 0 0 2.5vw 0;
		box-shadow: 0 0 1.25vw rgba(0, 0, 0, .4);
		border-radius: 0.625vw;
		/* padding: 0 0 20px 0;box-shadow: 0 0 10px rgba(0,0,0,.4);border-radius: 5px; */
	}

	.simple-info-popup.open .basic-info>h2 {
		padding-top: 1.875vw;
		font-size: 2.625vw;
		padding-bottom: 1.875vw;
		margin-bottom: 1.875vw;
		/* padding-top: 15px;font-size: 21px;padding-bottom: 15px; margin-bottom: 15px; */
	}

	.simple-info-popup.open>div:after {
		width: 2.5vw;
		height: 2.5vw;
		border: 1.25vw solid;
		box-shadow: 0.25vw 0.25vw 0.25vw rgba(0, 0, 0, .2);
		margin: -1.25vw auto 0 auto;
		/*  width: 20px;height: 20px; border: 10px solid; box-shadow: 2px 2px 2px rgba(0,0,0,.2);margin: -10px auto 0 auto; */
	}

	.simple-info-popup.open>div>article .cont address {
		font-size: 1.875vw;
		/* font-size: 15px; */
	}

	.simple-info-popup.open>div>article .cont address .old-address {
		font-size: 1.625vw;
		margin-top: 1.25vw;
		/*  font-size: 13px;margin-top: 10px; */
	}

	/* 오류신고 */
	.error-report {
		font-size: 2.125vw;
		/* font-size: 17px; */
	}

	.error-report:before {
		width: 2.5vw;
		height: 2.5vw;
		margin-right: 0.625vw;
		font-size: 1.75vw;
		/* width: 20px;height: 20px;margin-right:5px;font-size: 14px; */
	}

	/* 관심시설 */
	.add-bookmark {
		font-size: 2.125vw;
		/* font-size: 17px; */
	}

	.add-bookmark:before {
		width: 2.5vw;
		height: 2.5vw;
		margin-right: 0.625vw;
		font-size: 1.25vw;
		/* width: 20px;height: 20px;margin-right: 5px;font-size:10px; */
	}

	/* sns 공유 */
	.detail-info-popup .tit>a[class^="sns-"] {
		width: 3.125vw;
		height: 3.125vw;
		border-radius: 0.625vw;
		margin-right: 0.625vw;
		/* width:25px; height:25px; border-radius:5px; margin-right:5px; */
	}

	/* 안전점검 결과 */
	.safety-check-result {
		flex: auto;
		width: calc(100% - 2.5vw);
		margin: 1.875vw 1.25vw 0 1.25vw;
		padding: 0 1.25vw;
		overflow-y: auto;
		height: calc(100% - 35.625vw) !important;
		/* width: calc(100% - 20px);margin: 15px 10px 0 10px;padding: 0 10px;overflow-y: auto;height: calc(100% - 285px) !important; */
	}

	/* 더보기 */
	.scrTable .scrT-btn>button {
		border-radius: 0.375vw;
		margin-top: 1.125vw;
		font-size: 1.875vw;
		/* border-radius:3px;margin-top:9px;font-size: 15px;  */
	}

	.safety-check-result .scR-tit {
		border-bottom: 0.25vw solid #000;
		font-size: 2.5vw;
		padding: 2.5vw 0.625vw 1vw 0.625vw;
		/* border-bottom:2px solid #000;font-size: 20px;padding: 20px 5px 8px 5px; */
	}

	.safety-check-result .scR-more {
		font-size: 1.875vw;
		border-radius: 1.875vw;
		width: 12.5vw;
		padding: 0.625vw 0;
		/* font-size: 15px;border-radius: 15px;width: 100px;padding: 5px 0; */
		display: none;
	}

	.safety-check-result .scR-cont article {
		border-radius: 0.625vw;
		margin-top: 1.875vw;
		/* border-radius:5px; margin-top:15px; */
	}

	.safety-check-result .scR-cont article:last-child {
		margin-bottom: 1.875vw;
		/* margin-bottom:15px; */
	}

	.safety-check-result .scR-cont article>h1 {
		padding: 1.25vw;
		font-size: 2vw;
		/* padding: 10px;font-size: 16px; */
	}

	.safety-check-result .scR-cont article>h1>a {
		top: 0.813vw;
		right: 1.25vw;
		/* top: 6.5px;right:10px; */
	}

	.safety-check-result .scR-cont article>table {
		margin: 0 0.625vw;
		width: calc(100% - 1.25vw);
		/* margin:0 5px;width: calc(100% - 10px); */
	}

	.safety-check-result .rating-table>span {
		padding: 0.5vw;
		font-size: 1.5vw;
		/* padding: 4px;font-size: 12px; */
	}

	/* 안전등급안내 */
	.safety-level-guide-popup .tab-group .tab-btn button {
		width: auto;
		border-top: 0;
		border-right: 0;
	}

	.safety-level-guide-popup .tab-group .tab-btn button:nth-child(-n+10) {
		border-top: 0;
	}


	/* 새창열림 버튼 */
	.newTab-site {
		font-size: 1.5vw;
		padding: 0.625vw 1.25vw;
		border-radius: 0.375vw;
		/* font-size:12px; padding:5px 10px; border-radius:3px; */
	}

	.newTab-site:after {
		width: 1.25vw;
		height: 1.25vw;
		margin-left: 0.625vw;
		/* width:10px; height:10px; margin-left:5px; */
	}


	/* 지도 위치 영역 */
	.wrapMapCont .mArea {
		width: 100%;
		height: auto;
	}

	.map-local-info {
		display: block;
		top: 1.875vw;
		left: 1.875vw;
		/* top: 15px;left: 15px; */
	}

	.map-local-info>* {
		float: left;
		margin-left: 5px;
	}

	.map-local-info .btn-short-tips {
		margin-left: 0;
	}

	.map-local-info .map-local-info-wrap {
		margin-left: 5px;
	}

	.map-local-info .map-myInterest {
		clear: both;
		margin-left: 0;
		margin-top: 10px;
	}

	.map-local-info .map-refresh {
		clear: both;
		margin-left: 0;
		margin-top: 10px;
	}

	.map-dust {
		font-size: 2.5vw
	}

	.map-dust strong {
		font-size: 2.5vw
	}

	.map-local-info ol {
		/* padding: 1.5vw 1.875vw; */
	}

	.map-local-info ol:before {
		display: none;
	}

	.map-local-info ol>li a {
		font-size: 2.5vw;
		/* font-size: 20px; */
	}

	.map-local-info ol>li:after {
		width: 0.875vw;
		height: 0.875vw;
		margin: 0 1.25vw;
		/* width:7px; height:7px; margin:0 10px; */
	}

	/* ^ 지도 주소 선택 */
	.select_open.map {
		font-size: 1.75vw;
		padding: 1.25vw;
		top: 6.75vw;
		border-radius: 0.625vw;
		box-shadow: 0.25vw 0.25vw 0.25vw #dddddd;
		left: 1.875vw;
		top: 8.375vw;
		/* font-size: 14px;padding: 10px;top: 54px;border-radius: 5px;box-shadow: 2px 2px 2px #dddddd;left: 15px;top: 67px; */
	}

	.select_open.map .loca_point li {
		height: auto;
		line-height: 1.1;
		padding: 0.875vw;
		margin: 0 0.375vw;
		border-radius: 0.375vw;
		font-size: 2vw;
		/*  padding: 7px;margin: 0 3px;border-radius: 3px;font-size: 16px; */
	}

	.select_open .loca_point {
		width: 22.5vw;
		height: 29.375vw;
		/* width: 180px; height: 235px; */
	}

	.loca_1,
	.loca_2,
	.loca_3 {
		height: 29.375vw;
		margin: 0 0.375vw 0 0;
		/* height:235px;margin: 0 3px 0 0; */
	}

	/* ^ 스크롤바 */
	.select_open.map ::-webkit-scrollbar {
		width: 0.625vw;
		/* width: 5px; */
	}

	.select_open.map ::-webkit-scrollbar-thumb {
		border-radius: 0.625vw;
		/* border-radius:5px; */
	}





	/* 퀵메뉴 */
	.quick-menu {
		right: 2vw;
		bottom: 2.5vw;
		position: absolute;
		/* right: 16px;bottom: 20px;width: 50px;height: 50px; */
		transform: scale(0.8);
	}

	.quick-menu.open {
		right: -10px;
		bottom: -5px;
	}



	/* 사고속보 */
	.breaking-news {
		border-radius: 0.625vw;
		max-width: 33.75vw;
		/* border-radius: 5px;max-width: 270px; */
	}

	.breaking-news .cont {
		border-radius: 0 0 1.25vw 1.25vw;
		/* border-radius: 0 0 10px 10px; */
	}

	.breaking-news .cont ol {
		padding: 2.5vw !important;
		/* padding:20px !important; */
	}

	.breaking-news .cont li {
		padding: 0 0 1.25vw 3.75vw;
		margin-bottom: 1.25vw;
		/* padding:0 0 10px 30px; margin-bottom:10px; */
	}

	.breaking-news .cont li::before {
		width: 2.625vw;
		height: 2.625vw;
		font-size: 1.875vw;
		top: 0.25vw;
		/*  width:21px;height:21px;font-size: 15px;top:2px; */
	}

	.breaking-news .cont ol li dl {
		padding-bottom: 1.25vw;
		margin-bottom: 1.25vw;
		/* padding-bottom:10px; margin-bottom: 10px; */
	}

	.breaking-news .cont ol li dl {
		font-size: 1.75vw;
		/* font-size:14px; */
	}

	.breaking-news .cont ol li dl dt {
		margin-bottom: 0.625vw;
		/* margin-bottom:5px; */
	}

	.breaking-news .cont ol li dl dd {
		font-size: 1.625vw;
		/* font-size:13px; */
	}

	.breaking-news .cont ol li dl dd span {
		margin-right: 0.875vw;
		/* margin-right:7px; */
	}

	.breaking-news .cont ol li dt b {
		margin-right: 0.875vw;
		/* margin-right:7px; */
	}

	/* 마커 */
	.mArea .mapMarker {
		min-width: 13.75vw;
		margin-left: -3.75vw;
		/* min-width: 110px;margin-left: -30px; */
	}

	.mArea .mapMarker.active .mM-more-list {
		left: calc(110% + 3.125vw);
		/* left: calc(110% + 25px); */
	}

	.mArea .mapMarker>div {
		bottom: 1.25vw;
		/* bottom: 10px; */
	}

	.mArea .mapMarker .mM-name {
		box-shadow: 0 0 0.375vw rgba(0, 0, 0, .5);
		border-width: 0.25vw;
		padding: 0.375vw 1vw 0.375vw 0.75vw;
		border-radius: 2.5vw;
		min-width: 8.75vw;
		/* box-shadow:0 0 3px rgba(0,0,0,.5);border-width:2px;padding: 3px 8px 3px 6px;border-radius: 20px;min-width: 70px; */
	}

	.mArea .mapMarker .mM-name a {
		font-size: 2.25vw;
		/*  font-size: 18px; */
	}

	.mArea .mapMarker .mM-count {
		box-shadow: 0 0 0.375vw rgba(0, 0, 0, .5);
		top: -1.5vw;
		padding: 0.125vw 0.75vw 0.25vw 0.5vw;
		min-width: 4.5vw;
		border-radius: 1.875vw;
		font-size: 2.25vw;
		left: calc(100% - 1.875vw);
		/* box-shadow: 0 0 3px rgba(0,0,0,.5);top: -12px;padding: 1px 6px 2px 4px;min-width: 36px;border-radius: 15px;font-size: 18px;left: calc(100% - 15px); */
	}

	.mArea .mapMarker .mM-more-list {
		border-radius: 0.625vw;
		left: calc(100% + 3.750vw);
		top: -1.25vw;
		width: 27.5vw;
		/*  border-radius:5px;left: calc(100% + 25px);top: -10px;width: 220px; */
	}

	.mArea .mapMarker .mM-more-list a {
		padding: 0.875vw 1.25vw;
		font-size: 1.875vw;
		/*  padding: 7px 10px; font-size:15px; */
	}

	/* ^마우스오버 */
	.mArea .mapMarker .mM-more-list a:hover {
		border-radius: 0.375vw;
		/* border-radius: 3px; */
	}

	.mArea .mapMarker .mM-more-list .mM-address {
		padding: 1.875vw 2.5vw;
		font-size: 2vw;
		/* padding: 15px 20px;font-size:16px; */
	}

	.mArea .mapMarker .mM-more-list:before {
		width: 1.25vw;
		height: 1.25vw;
		left: -1.25vw;
		/* width:10px; height:10px;left:-10px; */
	}

	.mmM-list {
		padding: 0.875vw;
		max-height: 27.5vw;
		/* padding:7px;max-height: 220px; */
	}

	/* 스크롤 박스 */
	.mmM-list ::-webkit-scrollbar {
		width: 0.625vw !important;
		/* width: 5px !important; */
	}

	.mmM-list ::-webkit-scrollbar-thumb {
		border-radius: 0.625vw;
		/* border-radius:5px;  */
	}

	/* ^ 마우스오버 */
	.mArea .mapMarker .mM-name:after {
		box-shadow: 0.25vw 0.25vw 0.25vw rgba(0, 0, 0, .3);
		width: 1.25vw;
		height: 1.25vw;
		border-width: 0 0.25vw 0.25vw 0;
		margin: -0.625vw auto 0 3.75vw;
		left: 0.875vw;
		bottom: -0.875vw;
		/* box-shadow: 2px 2px 2px rgba(0,0,0,.3);width: 10px;height: 10px;border-width: 0 2px 2px 0;margin: -5px auto 0 30px;left: 7px;bottom: -7px; */
	}


	.mArea .mapMarker *[class^="rating_"]:before {
		margin-right: 0.625vw;
		width: 3.25vw;
		height: 3.125vw;
		/* margin-right: 5px;width: 26px;height: 25px; */
	}

	.mArea .mapMarker *[class^="category-"]:before {
		margin-right: 0.625vw;
		width: 3.125vw;
		height: 3.125vw;
		/* margin-right: 5px;width:25px;height: 25px; */
	}


	/* 주변 반경점검 */
	.radius-selection {
		width: 23.125vw;
		border-radius: 0.625vw;
		box-shadow: 0 0 0.375vw rgba(0, 0, 0, .5);
		/* width: 185px;border-radius: 5px;box-shadow:0 0 3px rgba(0,0,0,.5); */
	}

	.radius-selection .cont ul {
		padding: 0 2.5vw 2.5vw 2.5vw;
		/* padding: 0 20px 20px 20px; */
	}

	.radius-selection .cont ul>li {
		margin: 0.875vw 0;
		/* margin:7px 0; */
	}

	.radius-selection .cont ul>li>span {
		padding: 0.625vw 0 0 4.625vw;
		font-size: 1.875vw;
		/* padding: 5px 0 0 37px;font-size: 15px; */
	}

	.radius-selection .cont input[type=text] {
		padding: 0.25vw 0.625vw;
		max-width: 10vw;
		height: 3.125vw;
		margin-right: 0.625vw;
		font-size: 1.875vw;
		/*  padding:2px 5px;max-width: 80px;height: 25px;margin-right: 5px;font-size: 15px; */
	}

	.radius-selection .cont .rs-submit {
		font-size: 1.75vw;
		padding: 1.875vw 0;
		/* font-size:14px;padding: 15px 0; */
	}

	/* 기본 리스트 팝업 */
	.default-list.open>div>article {
		width: 50vw;
		border-radius: 0.625vw;
		box-shadow: 0 0 0.375vw rgba(0, 0, 0, .5);
		padding-bottom: 1.875vw;
		/* width: 400px;border-radius: 5px;box-shadow:0 0 3px rgba(0,0,0,.5);padding-bottom: 15px; */
	}

	.default-list.open>div:after {
		width: 2.5vw;
		height: 2.5vw;
		border-width: 1.25vw;
		/* box-shadow: 0.25vw 0.25vw 0.25vw rgba(0,0,0,.3); */
		margin: -1.25vw auto 0 auto;
		/*  width: 20px;height: 20px; border: 10px solid; box-shadow: 2px 2px 2px rgba(0,0,0,.3);margin: -10px auto 0 auto; */
	}

	.default-list.open .tit h1 {
		margin-right: 3.75vw;
		/* margin-right:30px; */
	}

	.default-list.open .cont {
		padding: 0 2.5vw;
		/* padding: 0 20px; */
	}

	.default-list.open .cont .dl-list {
		padding: 1.25vw 1.875vw;
		/* padding: 10px 15px; */
	}

	.default-list.open .cont .dl-list dl {
		padding: 0.5vw 0;
		font-size: 1.875vw;
		/* padding: 4px 0;font-size:15px; */
	}

	.default-list.open .cont .dl-list dl dt {
		min-width: 11.875vw;
		/* min-width:95px; */
	}

	.dl-tip {
		font-size: 1.75vw;
		padding-top: 0.625vw;
		/* font-size:14px;padding-top: 5px; */
	}

	/* 주소팝업 : 좌클릭 */
	.address-popup.open .tit {
		padding-bottom: 1.875vw;
		/* padding-bottom:15px; */
	}

	.address-popup.open .tit h1 {
		font-size: 2vw;
		/* font-size:16px; */
	}

	.address-popup.open .tit h1 .small {
		font-size: 1.75vw;
		margin-top: 1.25vw;
		/* font-size:14px;margin-top: 10px; */
	}

	.address-popup.open .address-more {
		font-size: 1.625vw;
		padding: 0 2.5vw;
		/* font-size: 13px;padding:0 20px; */
	}

	.address-popup.open .address-more>i {
		width: 0.875vw;
		height: 0.875vw;
		margin-left: 0.375vw;
		/* width:7px;height:7px;margin-left: 3px; */
	}

	/* 오른쪽 상단 : 기본 확장 툴 */
	.extension-container {
		top: 1.875vw;
		right: 1.875vw;
		/* top: 15px;right: 15px; */
	}

	/* 안전등급안내 */
	.map-safety-level-guide {
		display: none;
	}

	/* 지도 뷰어 툴 */
	.map-viewer {
		right: 0;
		top: 0;
		flex-direction: column;
		width: auto;
		height: auto;
		border-radius: 0.375vw;
		padding: 3px;
		box-shadow: 0 0 0.625vw rgba(0, 0, 0, .2);
		/* border-radius:3px;padding: 5px;box-shadow: 0 0 5px rgba(0,0,0,.2); */
	}

	.map-viewer .mv-btn {
		width: 34px;
		height: 34px;
		border-radius: 3px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.map-viewer .mv-btn:before {
		content: '';
		display: block;
	}
	.map-viewer .mv-btn:first-child {
		margin-bottom: 5px;
	}
	.map-viewer .mv-btn:first-child:before {
		width: 3vw;
		height: 3vw;
		background: url('../../images/2021/ico-mapView-grey.svg') center center / contain no-repeat;
		/* width: 24px;height: 24px; */
	}

	.map-viewer .mv-btn:last-child:before {
		width: 3.25vw;
		height: 3.25vw;
		background: url('../../images/2021/ico-skyView-grey.svg') center center / contain no-repeat;
		/* width: 26px;height: 26px; */
	}

	/* ^ 마우스오버 */
	.map-viewer .mv-btn.select:first-child:before {
		background-image: url('../../images/2021/ico-mapView-white.svg');
	}

	.map-viewer .mv-btn.select:last-child:before {
		background-image: url('../../images/2021/ico-skyView-white.svg');
	}

	.road-view {
		display: none;
	}

	/* 기본 확장 툴 */
	.eTool {
		position: absolute;
		top: 100px;
		right: 0;

		width: auto;
		/* margin-top: 105px; */
	}

	.eTool.list {
		display: none;
	}

	.eTool .et-btn {
		width: 40px;
		height: 40px;
		border-color: #dbdbdb;
		box-shadow: 0 0 0.625vw rgba(0, 0, 0, .2);
		border-radius: 3px;
		/* width: 50px;height: 50px;font-size: 13px;box-shadow: 0 0 5px rgba(0,0,0,.2); */
	}

	/* 리스트 */
	.eTool-list {
		right: 5.25vw;
		box-shadow: 0 0 0.375vw rgba(0, 0, 0, .1);
		padding: 0.625vw 0;
		/* right: 42px;box-shadow:0 0 3px rgba(0,0,0,.1);padding: 5px 0; */
	}

	.eTool-list li {
		padding: 0 0.625vw;
		/* padding: 0 5px; */
	}

	.eTool-list li button {
		font-size: 1.5vw;
		padding: 0.625vw 1.25vw;
		border-radius: 0.625vw;
		/* font-size:12px;padding:5px 10px;border-radius: 5px; */
	}

	.eTool-list li button:before {
		width: 3.125vw;
		height: 2.5vw;
		margin-right: 0.625vw;
		/* width: 25px;height: 20px;margin-right: 5px; */
	}

	/* 팁 */
	.eTool-tip {
		display: none !important;
	}

	/* 새로고침 */
	.eTool.tip .page-reload:before {
		width: 2.125vw;
		height: 2.125vw;
		/* width: 17px;height: 17px; */
	}

	/* 주변 */
	.eTool-list-around {
		min-width: 15.625vw;
		font-size: 1.625vw;
		padding: 0.875vw;
		/* min-width: 125px;font-size: 13px;padding: 7px; */
	}

	/* 테마 */
	.eTool-list.tema {
		min-width: 19.375vw;
		/* min-width: 155px; */
	}

	/* 테마 */
	.eTool-list.measure {
		min-width: 13.75vw;
		/* min-width: 110px; */
	}

	/* api */
	.eTool-list.api {
		min-width: 19.375vw;
		/* min-width: 155px; */
	}

	/* 확대 축소 */
	.zoom-control {
		width: auto;
		height: auto;
		display: block;
		margin-top: 1.875vw;
		box-shadow: 0 0 0.625vw rgba(0, 0, 0, .2);
		/* width: 50px;margin-top: 15px;box-shadow: 0 0 5px rgba(0,0,0,.2); */
		position: absolute;
		right: 0;
		top: 150px;
		border-radius: 3px;
	}

	.zoom-control>button {
		width: 40px;
		height: 40px;
		border-color: #dbdbdb;
		/* height: 50px; */
	}
	.zoom-control>button:first-of-type {
		border-radius: 3px 3px 0 0;
	}
	.zoom-control>button:last-of-type {
		border-radius: 0 0 3px 3px;
	}

	/* 현재화면 인쇄하기 */
	.print-page {
		display: none;
	}

	/* 핀 */
	.pin>span {
		width: 4.75vw;
		height: 6.375vw;
		margin-left: -2.375vw;
		background-size: 28.500vw auto;
		/* width: 38px;height: 51px;margin-left: -19px; background-size: 228px auto;
 */
	}

	.pin:hover>span,
	.pin.active>span {
		width: 5.875vw;
		height: 8vw;
		margin-left: -2.875vw;
		margin-top: -1.625vw;
		/* width: 47px;height: 64px;margin-left: -23px;margin-top: -13px; */
	}

	/* 사고 */
	.pin .brkNews-1 {
		background-position: -1vw -1.25vw;
		/* background-position: -8px -10px ; */
	}

	.pin:hover .brkNews-1,
	.pin.active .brkNews-1 {
		background-position: -14.375vw -1.25vw;
		/*  background-position: -115px -10px; */
	}

	/* 출동 */
	.pin .brkNews-2 {
		background-position: -1vw -10vw;
		/* background-position: -8px -80px ; */
	}

	.pin:hover .brkNews-2,
	.pin.active .brkNews-2 {
		background-position: -14.375vw -11.625vw;
		/* background-position: -115px -93px; */
	}

	/* 어린이 보호 구역 */
	.pin .childArea {
		background-position: -1vw -27.5vw;
		/* background-position: -8px -220px ; */
	}

	.pin:hover .childArea,
	.pin.active .childArea {
		background-position: -14.375vw -32.375vw;
		/* background-position: -115px -259px; */
	}

	/* 안전대진단 */
	.pin .safeDiagnosis {
		background-position: -1vw -36.125vw;
		/* background-position: -8px -289px ; */
	}

	.pin:hover .safeDiagnosis,
	.pin.active .safeDiagnosis {
		background-position: -14.375vw -42.625vw;
		/* background-position: -115px -341px; */
	}

	/* 해체공사장 */
	.pin .construction {
		background-position: -1vw -45vw;
		/* background-position: -8px -360px ; */
	}

	.pin:hover .construction,
	.pin.active .construction {
		background-position: -14.375vw -53.125vw;
		/* background-position: -115px -425px; */
	}

	/* 정부 합동 공사장 */
	.pin .government {
		background-position: -1vw -53.75vw;
		/* background-position: -8px -430px ; */
	}

	.pin:hover .government,
	.pin.active .government {
		background-position: -14.375vw -63.5vw;
		/* background-position: -115px -508px; */
	}

	/* 관심시설 */
	.pin .bookmark {
		background-position: -1vw -18.875vw;
		/* background-position: -8px -151px ; */
	}

	.pin:hover .bookmark,
	.pin.active .bookmark {
		background-position: -14.375vw -22.125vw;
		/* background-position: -115px -177px; */
	}

	/* 건설안전 */
	.pin .safeConstruct {
		background-position: -1vw -62.625vw;
		/* background-position: -8px -501px ; */
	}

	.pin:hover .safeConstruct,
	.pin.active .safeConstruct {
		background-position: -14.375vw -74vw;
		/* background-position: -115px -592px; */
	}


	/* 안전점검 - 불합격 */
	.pin .safePoint-e {
		background-position: -7.75vw -1.25vw;
		/* background-position: -62px -10px ; */
	}

	.pin:hover .safePoint-e,
	.pin.active .safePoint-e {
		background-position: -21.75vw -1.125vw;
		/* background-position: -174px -9px; */
	}

	/* 안전점검 - 진행중 */
	.pin .safePoint-d {
		background-position: -7.75vw -10vw;
		/* background-position: -62px -80px ; */
	}

	.pin:hover .safePoint-d,
	.pin.active .safePoint-d {
		background-position: -21.75vw -11.5vw;
		/* background-position: -174px -92px; */
	}

	/* 안전점검 - 보완 */
	.pin .safePoint-c {
		background-position: -7.75vw -18.75vw;
		/* background-position: -62px -150px ; */
	}

	.pin:hover .safePoint-c,
	.pin.active .safePoint-c {
		background-position: -21.75vw -21.875vw;
		/* background-position: -174px -175px; */
	}

	/* 안전점검 - 조건부 합격 */
	.pin .safePoint-b {
		background-position: -7.75vw -27.5vw;
		/* background-position: -62px -220px ; */
	}

	.pin:hover .safePoint-b,
	.pin.active .safePoint-b {
		background-position: -21.75vw -32.375vw;
		/* background-position: -174px -259px; */
	}

	/* 안전점검 - 합격 */
	.pin .safePoint-a {
		background-position: -7.75vw -36.25vw;
		/* background-position: -62px -290px ; */
	}

	.pin:hover .safePoint-a,
	.pin.active .safePoint-a {
		background-position: -21.75vw -42.75vw;
		/*  background-position: -174px -342px; */
	}

	/* 안전점검 - 기타 */
	.pin .safePoint-etc {
		background-position: -7.75vw -45vw;
		/* background-position: -62px -360px ; */
	}

	.pin:hover .safePoint-etc,
	.pin.active .safePoint-etc {
		background-position: -21.75vw -53.125vw;
		/* background-position: -174px -425px; */
	}


	/* 현 위치에서 재 검색 */
	.thisArea-reload {
		top: inherit;
		bottom: 2.5vw;
		left: calc(50% - 13.75vw);
		border-radius: 3.75vw;
		width: 27.5vw;
		height: 5.25vw;
		font-size: 2.125vw;
		box-shadow: 0 0 0.625vw rgba(0, 0, 0, .2);
		/* bottom: 20px;left: calc(50% - 110px);border-radius:30px;width: 220px;height: 42px;font-size: 17px;box-shadow: 0 0 5px rgba(0,0,0,.2); */
	}

	.thisArea-reload:before {
		width: 2.375vw;
		height: 2.375vw;
		margin-right: 1.25vw;
		/* width: 19px;height: 19px;margin-right: 10px; */
	}


	/* 안전등급 안내 */
	.safety-level-guide-popup>div>div {
		max-width: 125vw;
		padding: 0 3.75vw 3.75vw 3.75vw;
		border-radius: 1.25vw;
		margin: 12.500vw 3.75vw 0 3.75vw;
		/* max-width: 1000px; padding: 0 30px 30px 30px;border-radius: 10px;margin: 100px 30px 0 30px; */
	}

	/* 원자력 발전시설 */
	.nuclear-popup>div>div {
		max-width: 162.500vw;
		width: calc(100% - 7.500vw);
		padding: 0 3.75vw 3.75vw 3.75vw;
		border-radius: 1.25vw;
		margin: 12.500vw 3.75vw 0 3.75vw;
		/* max-width: 1300px; width: calc(100% - 60px); padding: 0 30px 30px 30px;border-radius: 10px;margin: 100px 30px 0 30px; */
	}

	/* 원자력점검결과 */
	*[class*="nuclearIco-"] {
		font-size: 1.75vw;
		width: 7.5vw;
		height: 2.75vw;
		padding-bottom: 0.375vw;
		/* font-size: 14px;width:60px;height: 22px;padding-bottom: 3px; */
	}

	/* 오류신고 팝업 */
	.error-report-popup>div>div {
		max-width: 90%;
		padding: 0 3.75vw 3.75vw 3.75vw;
		border-radius: 1.25vw;
		/* padding: 0 30px 30px 30px;border-radius: 10px; */
	}

	.error-report-popup .sup {
		margin-left: 1.25vw;
		/* margin-left: 10px; */
	}

	.error-report-popup .er-cont {
		padding: 2.5vw;
		/* padding:20px; */
	}

	.error-report-popup h4 {
		font-size: 1.875vw;
		min-width: 10vw;
		/* font-size: 15px; min-width: 80px; */
	}

	.error-report-popup .boxWrap {
		margin-top: 2.5vw;
		/* margin-top:20px; */
	}

	.error-report-popup .table-type-01 {
		margin-top: 1.25vw;
		/* margin-top:10px; */
	}

	.error-report-popup .cBoxWrap .cBox {
		margin-right: 1.25vw;
		/* margin-right:10px; */
	}

	.error-report-popup .taBox {
		margin-top: 2.5vw;
		/* margin-top:20px; */
	}

	.error-report-popup .taBox textarea {
		margin-top: 1.25vw;
		/* margin-top:10px; */
	}

	/* 탭그룹 */
	.tab-group .tab-btn {
		align-items: stretch;
	}

	.tab-group .tab-btn>button {
		flex: auto;
		width: 20%;
		font-size: 1.875vw;
		padding: 1.25vw;
		/* font-size: 15px;padding: 10px; */
	}

	.tab-group .tab-btn>button.widAuto {
		padding: 0 2.5vw;
		/* padding: 0 20px; */
	}

	.tab-group .tab-list>section {
		font-size: 1.75vw;
		padding: 3.75vw;
		/* font-size: 14px; padding:30px; */
	}

	.tab-group .tab-list section h1 {
		font-size: 2.25vw;
		/* font-size: 18px; */
	}

	.tab-group .tab-list section h1:before {
		width: 1.875vw;
		height: 1.875vw;
		border-width: 0.375vw;
		margin-right: 0.625vw;
		margin-top: 0.500vw;
		/* width:15px; height:15px; border-width:3px; margin-right:5px; margin-top:4px; */
	}

	.tab-group .tab-list .icon-box {
		width: 3.75vw;
		height: 3.75vw;
		/* width: 30px;height: 30px; */
	}

	/* 팝업 */
	.widePopupList .wp-tit {
		padding: 3.125vw 0 1.875vw 0;
		/* padding: 25px 0 15px 0; */
	}

	.widePopupList .wp-tit h2 {
		font-size: 2.5vw;
		/* font-size:20px; */
	}

	.widePopupList .wp-tit .wp-close {
		width: 2.5vw;
		height: 2.5vw;
		/* width:20px; height:20px; */
	}


	/* 테이블 type-01 */
	.table-type-01 {
		margin-top: 1.875vw;
		/* margin-top: 15px; */
	}

	.table-type-01 .thead {
		border-top-width: 0.25vw;
		/* border-top-width:2px; */
	}

	.table-type-01 th {
		padding: 0.875vw 0;
		font-size: 1.75vw;
		/* padding: 7px 0;font-size: 14px; */
	}

	.table-type-01 tbody td {
		padding: 0.625vw;
		font-size: 1.75vw;
		/* padding: 5px;font-size: 14px; */
	}

	.table-type-01 tbody td.editorArea>div {
		min-height: 56.25vw;
		/* min-height:450px; */
	}

	.table-type-01 th.left,
	.table-type-01 td.left {
		padding: 1vw 2.5vw;
		/* padding: 8px 20px; */
	}

	.table-type-01.td-left td {
		padding: 1vw 1.25vw;
		/*  padding: 8px 10px; */
	}

	.table-type-01 td>.download {
		padding: 0.875vw 1.875vw 1.063vw 1.875vw;
		border-radius: 1.875vw;
		font-size: 1.625vw;
		/* padding: 7px 15px 8.5px 15px;border-radius: 15px;font-size: 13px; */
	}

	.table-type-01 td>.download:before {
		width: 1.625vw;
		height: 1.625vw;
		margin-right: 0.625vw;
		/* width:13px;height:13px;margin-right: 5px; */
	}

	.table-type-01 .rBox>label,
	.table-type-01 .cBox>label {
		height: 2.625vw;
		/* height: 21px; */
	}

	/* 테이블 type-02 */
	.table-type-02 th {
		font-size: 1.75vw;
		padding: 1.25vw 0;
		/* font-size: 14px;padding:10px 0; */
	}

	.table-type-02 td {
		font-size: 1.75vw;
		padding: 1.25vw 0 1.25vw 1.25vw;
		/* font-size: 14px;padding:10px 0 10px 10px; */
	}


	/* refer-01 */
	.refer-01 {
		margin-top: 1.25vw;
		/* margin-top: 10px; */
	}

	.refer-01:before {
		margin: 0 0.625vw 0 0;
		font-size: 1.75vw;
		/* margin: 0 5px 0 0;font-size: 14px; */
	}

	.refer-01>span {
		font-size: 1.75vw;
		/* font-size: 14px; */
	}

	.refer-01+.procedure-list,
	.refer-01+.procedure-list-02 {
		margin-top: 1.25vw;
		/* margin-top:10px; */
	}


	/* bar-02 */
	.bar-02 {
		margin-top: 0.625vw;
		margin-left: 1.25vw;
		/* margin-top: 5px;margin-left: 10px; */
	}

	.bar-02:before {
		width: 0.625vw;
		margin: 0.875vw 0.625vw 0 0;
		/* width: 5px;margin: 7px 5px 0 0; */
	}

	.bar-02>span {
		font-size: 1.625vw;
		/* font-size: 13px; */
	}

	/* -- 라디오박스 영역 -- */
	.rBox {
		margin-right: 2.5vw;
		/* margin-right:20px; */
	}

	.rBox,
	.rBox>label {
		font-size: 1.75vw;
		/* font-size: 14px; */
	}

	.rBox>label>i {
		font-size: 1vw;
		width: 2.375vw;
		height: 2.375vw;
		margin-right: 0.625vw;
		/* font-size: 8px;width: 19px;height: 19px;margin-right: 5px; */
	}

	.rBox>label>span {
		margin-top: 0.25vw;
		/* margin-top: 2px; */
	}

	/* 우수 메달 아이콘 */
	.excellent-medal:before {
		width: 2.875vw;
		height: 3.125vw;
		margin-right: 0.375vw;
		/* width:23px; height:25px; margin-right:3px;  */
	}


}

/* ==== 770px 이하 일때 ==== */
@media only screen and (max-width:770px) {

	/* ------------------

	px to vw
	veiwport : 800px 기준

	---------------------*/

	/*== mainContent ==*/
	header.map .moMenu {
		top: 0.5vw
	}
}

/* ==== 600px 이하 일때 ==== */
@media only screen and (max-width:600px) {

	/* ------------------

	px to vw
	veiwport : 600px 기준

	---------------------*/

	/*== mainContent ==*/
	header.map .moMenu {
		top: -3.5vw
	}

	/*== MAP CONTENT ==*/
	.mapContent {
		padding-top: 21.690vw;
		padding-bottom: 6.25vw;
		/* {padding-top: 130.14px;  padding-bottom: 50px; */
	}
}




/* ==== 450px 이하 일때 ==== */
@media only screen and (max-width: 450px) {
	/* ------------------

	px to vw
	veiwport : 450px 기준

	---------------------*/
	/*== mainContent ==*/

	/*== header ==*/
	header.map .pcContainer {
		padding: 3.333vw;
		/* padding: 15px; */
	}

	header.map .wrapHeader {
		padding: 0 0 2.222vw 0;
		/* padding: 0 0 10px 0; */
	}

	header.map .moMenu {
		top: -4.167vw;
		/* top: -18.75px; */
	}

	.wrapHeader .logo {
		max-width: 46.667vw;
		height: 7.032vw;
		/* max-width: 210px; height:28.13px; */
	}

	header.map:before {
		width: 72.889vw;
		/* width:328px; */
	}

	header.map:after {
		width: 60.444vw;
		/* width:272px; */
	}

	/*== mainContent ==*/
	.mapContent {
		padding-top: 22.222vw;
		/* padding-top: 100px; */
	}

	/*== MAP CONTENT ==*/
	.mapContent {
		padding-top: 24.382vw;
		padding-bottom: 8.889vw;
	}

	.wrapMapCont .wrapMap {
		padding: 0 6.667vw;
		/* padding:0 30px; */
	}

	/* ^ 왼쪽 영역 */
	.wrapMapCont .mlist {
		max-height: 50%;
	}

	.wrapMapCont .mlist.up {
		max-height: 100%;
	}

	.wrapMapCont .mlist:after {
		width: 1.556vw;
		right: -1.556vw;
		/* width: 7px;right: -7px; */
	}

	/* 통합검색 */
	/* 초기화 & 닫기 버튼 */
	.mSearch-Box .btnArea {
		top: 2.222vw;
		right: 2.222vw;
		/* top: 10px;right: 10px; */
	}

	.mSearch-Box .btnArea button {
		width: 4.444vw;
		height: 4.444vw;
		padding: 0.667vw;
		/* width: 20px;height:20px;padding: 3px; */
	}

	.mSearch-Box .btnArea .reset {
		margin-right: 0.667vw;
		/* margin-right: 3px; */
	}

	.mSearch-Box .btnArea .reset:before {
		width: 0.667vw;
		height: 1.778vw;
		/* width:3px; height:8px; */
	}

	.mSearch-Box .btnArea .reset:after {
		top: 0.667vw;
		right: 0.667vw;
		width: 3.111vw;
		height: 3.111vw;
		/* top: 3px;right: 3px; width: 14px;height: 14px; */
	}

	/* 검색 역역 */
	.mSearch-Box .searchFrmWrap {
		border-radius: 1.111vw;
		box-shadow: 0vw 0.444vw 0.667vw rgba(49, 49, 49, .1);
		/* border-radius: 5px; box-shadow: 0px 2px 3px rgba(49,49,49,.1); */
	}

	.mSearch-Box .searchFrmWrap.autolayerOpen {
		border-radius: 1.111vw 1.111vw 0 0;
		/*  border-radius:5px 5px 0 0; */
	}

	.mSearch-Box .searchFrm {
		padding: 1.556vw;
		/* padding: 7px; */
	}

	.mSearch-Box .searchFrm input[type="text"] {
		font-size: 3.556vw;
		height: 100%;
		padding: 0 2.222vw 0 0;
		/* font-size: 16px;padding: 0 10px 0 0; */
	}

	/* ^ 검색하기 버튼 */
	.mSearch-Box .searchBtn {
		padding-left: 2.222vw;
		/* padding-left: 10px; */
	}

	.mSearch-Box .searchBtn>i {
		width: 5.111vw;
		height: 5.111vw;
		font-size: 2.444vw;
		/* width: 23px;height: 23px;font-size: 11px; */
	}

	.mSearch-Box .searchBtn>i:before {
		border-width: 1.111vw;
		/* border-width: 5px; */
	}

	.mSearch-Box .searchBtn>i:after {
		width: 1.111vw;
		/*  width: 5px; */
	}

	/* ^ 자동완성 */
	.autoLayer {
		width: calc(100% + 0.444vw);
		border-radius: 0 0 1.111vw 1.111vw;
		box-shadow: 0vw 0.444vw 0.667vw rgba(49, 49, 49, .1);
		/* width: calc(100% + 2px); border-radius:0 0 5px 5px;box-shadow:  0px 2px 3px rgba(49,49,49,.1); */
	}

	.autoLayer:before {
		margin: 0vw 2.222vw;
		/* margin: 0px 10px; */
	}

	/* 최근검색어 */
	.autoLayer .top {
		font-size: 2.889vw;
		padding: 2.222vw 3.333vw;
		/* font-size: 13px;padding: 10px 15px; */
	}

	.autoLayer .deleteAll {
		font-size: 2.889vw;
		/* font-size: 13px; */
	}

	.autoLayer .list-none {
		padding: 11.111vw 0;
		font-size: 3.333vw;
		/* padding: 50px 0;font-size: 15px; */
	}

	.autoLayer .list-item .delete i {
		width: 3.333vw;
		height: 3.333vw;
		/* width: 15px;height: 15px; */
	}

	.autoLayer.autoWord .list {
		margin: 2.222vw 0;
		/* margin: 10px 0; */
	}

	.autoLayer.recentWord .list {
		margin: 0 0 2.222vw 0;
		/* margin: 0 0 10px 0; */
	}

	.autoLayer .list.mCustomScrollbar .list-item:last-child {
		margin-bottom: 3.333vw;
		/* margin-bottom: 15px; */
	}

	.autoLayer .list.mCustomScrollbar .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
	.autoLayer .list.mCustomScrollbar .mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
		right: 3.111vw;
		/* right: 14px; */
	}

	.autoLayer .list.mCustomScrollbar:after {
		height: 4.444vw;
		/* height: 20px; */
	}

	.autoLayer .list-item {
		padding: 0 3.333vw;
		/* padding: 0 15px; */
	}

	.autoLayer .list-item>a {
		padding: 1.444vw 0;
		/* padding: 6.5px 0; */
	}

	.autoLayer .list-item>a>span {
		width: 4.444vw;
		height: 4.444vw;
		margin-right: 2.222vw;
		/* width: 20px;height: 20px;margin-right: 10px; */
	}

	.autoLayer .list-item .ico-search {
		width: 2.444vw;
		height: 2.444vw;
		font-size: 1.044vw;
		/* width: 11px;height: 11px;font-size: 4.7px; */
	}

	.autoLayer .list-item span.txt {
		padding-right: 4.444vw;
		font-size: 3.111vw;
		/* padding-right: 20px;font-size: 14px; */
	}

	/* 자동완성 */
	.autoLayer .list-item .ico-plus {
		width: 2.889vw;
		height: 3.333vw;
		/* width: 13px;height:15px; */
	}

	.autoLayer .list-item .ico-plus:before {
		width: 2.889vw;
		top: 1.556vw;
		/* width: 13px;top: 7px; */
	}

	.autoLayer .list-item .ico-plus:after {
		width: 1.556vw;
		height: 1.556vw;
		top: 1.111vw;
		right: 0.667vw;
		/* width: 7px;height: 7px;top: 5px;right: 3px; */
	}

	/* 도움말, 자동완성끄기 버튼 */
	.autoLayer .bottom {
		border-radius: 0 0 1.111vw 1.111vw;
		padding: 1.778vw 3.333vw;
		/* border-radius: 0 0 5px 5px;padding: 8px 15px; */
	}

	.autoLayer .bottom>a,
	.autoLayer .bottom>button {
		font-size: 2.889vw;
		/* font-size: 13px; */
	}


	/* 통합검색 콘텐츠 영역 */
	.mlist-content button[type=submit] {
		height: 11.111vw;
		/* height:50px; */
	}

	/* 세부 카테고리 영역 */
	.detailCategory {
		padding: 2.222vw 2.667vw;
		/* padding: 10px 12px; */
	}

	.detailCategory .tit .all-category {
		font-size: 3.556vw;
		/* font-size:16px; */
	}

	.detailCategory .tit .all-category i {
		width: 2.222vw;
		height: 2.222vw;
		margin: 0 2.222vw 0 1.778vw;
		/* width: 10px;height: 10px;margin: 0 10px 0 8px; */
	}

	.detailCategory .tit h2 {
		font-size: 3.556vw;
		/* font-size: 16px; */
	}

	.detailCategory .tit h2[class*="dcTit-icon"]:before {
		width: 4.444vw;
		height: 4.444vw;
		margin-right: 1.556vw;
		/* width: 20px;height: 20px;margin-right:7px; */
	}

	.detailCategory .tit .dcMore {
		font-size: 2.889vw;
		width: 24.444vw;
		padding: 0 2.222vw;
		height: 6.667vw;
		/* font-size: 13px;width: 110px;padding: 0 10px;height: 30px; */
	}

	.detailCategory .tit .dcMore>i {
		width: 1.556vw;
		height: 1.556vw;
		margin-right: 1.111vw;
		/* width: 7px;height: 7px;margin-right: 5px; */
	}

	/* 시설분류 더보기 리스트 */
	.dc-more-popup {
		top: 8.889vw;
		right: 2.667vw;
		width: 24.444vw;
		/* top: 40px;right: 12px;width: 110px; */
	}

	.dc-more-popup .dcM-tit {
		padding: 2.222vw;
		/* padding:10px; */
	}

	.dc-more-popup .dcM-tit:after {
		left: 1.556vw;
		right: 1.556vw;
		/* left:7px; right:7px; */
	}

	.dc-more-popup .dcM-tit>span {
		font-size: 3.111vw;
		/* font-size: 14px; */
	}

	.dc-more-popup .dcM-tit .dcM-close>i {
		width: 3.333vw;
		height: 3.333vw;
		/*  width:15px; height:15px; */
	}

	.dc-more-popup .dcM-cont {
		margin: 1.111vw 1.556vw;
		max-height: 33.333vw;
		/* margin: 5px 7px;max-height: 150px; */
	}

	.dc-more-popup .dcM-cont a {
		border-radius: 0.667vw;
		/* border-radius: 3px; */
	}

	.dc-more-popup .dcM-cont a>.backImg {
		width: 4.444vw;
		height: 4.444vw;
		margin-right: 1.556vw;
		margin: 1.333vw 0 1.333vw 1.111vw;
		/* width: 20px;height: 20px;margin-right:7px;margin: 6px 0 6px 5px; */
	}

	.dc-more-popup .dcM-cont a>b {
		font-size: 2.889vw;
		/* font-size: 13px; */
	}

	.detailCategory .tit {
		padding: 0;
	}

	.detailCategory .cont {
		padding: 0;
		margin-top: 1.556vw;
		/* margin-top: 7px; */
	}

	.detailCategory .cont.start-page a {
		width: 25%;
	}

	.detailCategory .cont.start-page a:nth-child(3n) {
		padding-right: 1.111vw;
	}

	.detailCategory .cont.start-page a:nth-child(4n) {
		padding-right: 0
	}

	.detailCategory .cont.start-page a:nth-child(-n+4) {
		padding-top: 0;
	}

	.detailCategory .cont>a {
		padding: 1.111vw 1.111vw 0 0;
		/* padding: 5px 5px 0 0; */
	}

	.detailCategory .cont>a>span {
		padding: 1.111vw 1.778vw;
		/* padding: 5px 8px; */
	}

	.detailCategory .cont>a>span b {
		font-size: 3.111vw;
		/* font-size: 14px; */
	}

	.detailCategory .cont>a>span i:before {
		width: 2vw;
		margin-right: -1.111vw;
		/* width: 9px;margin-right: -5px; */
	}

	.detailCategory .cont>a>span i {
		width: 3.778vw;
		height: 3.778vw;
		/* width: 17px;height: 17px; */
	}

	.detailCategory .cont>a>span i:after {
		width: 1.111vw;
		height: 1.111vw;
		margin-right: 0.444vw;
		/* width: 5px;height: 5px;margin-right: 2px; */
	}

	/* 초기화면 */
	.mlist-content.start-page .detailCategory .cont.start-page>a>span:before {
		bottom: 1.111vw;
		right: 1.111vw;
		width: 4vw;
		height: 4vw;
		/* bottom:5px;right:5px;width: 18px;height: 18px; */
	}

	.sl-btn-area {
		margin: 4.444vw 0;
		padding: 0 2.222vw;
		/* margin: 20px 0;padding: 0 10px; */
	}

	.sl-btn-area a {
		padding: 2.222vw 3.333vw;
		margin-top: 2.222vw;
		font-size: 3.111vw;
		/* padding: 10px 15px;margin-top:10px;font-size: 14px; */
	}

	.sl-btn-area a:before {
		width: 4.444vw;
		height: 4.444vw;
		margin-right: 2.222vw;
		/*  width: 20px;height: 20px;margin-right: 10px; */
	}

	.sl-info {
		font-size: 2.889vw;
		/* font-size: 13px; */
	}

	.start-guide-area {
		padding: 11.111vw 0;
		/* padding:50px 0; */
	}

	.start-guide {
		width: 33.333vw;
		/*  width: 150px; */
	}

	.start-guide:after {
		height: 4.444vw;
		/* height:20px; */
	}

	.sg-img-area {
		width: 8.889vw;
		height: 13.333vw;
		margin-bottom: -2.667vw;
		/* width:40px; height:60px; margin-bottom:-12px; */
	}

	.sg-info {
		margin-top: 4.444vw;
		font-size: 3.111vw;
		/* margin-top: 20px;font-size: 14px; */
	}


	/* 검색 결과 영역 */
	.map-result-list .cont {
		margin: 4.444vw 3.333vw;
		height: calc(100% - 13.333vw);
		/* margin: 20px 15px;height: calc(100% - 60px); */
	}

	.map-result-list .mr-list {
		padding: 2.222vw 0;
		/* padding: 10px 0; */
	}

	.map-result-list .mr-list h1 {
		font-size: 3.778vw;
		/* font-size: 17px; */
	}

	.map-result-list .mr-list h1 div>span {
		font-size: 3.111vw;
		margin-top: 0.444vw;
		/* font-size: 14px;margin-top: 2px; */
	}

	.map-result-list .mr-list h1 div>span:before {
		height: 2.444vw;
		margin: 0 2.222vw;
		/* height:11px; margin:0 10px; */
	}

	.map-result-list .mr-list address {
		font-size: 3.111vw;
		padding-top: 1.556vw;
		/* font-size: 14px;padding-top: 7px; */
	}

	.map-result-list .mr-list .cBox {
		margin-left: 4.444vw;
		/* margin-left:20px; */
	}

	.map-result-list.compareOpen .mr-list .cBox {
		width: 4.444vw;
		margin: 0 2.222vw 0 4.444vw;
		/*  width:20px;margin: 0 10px 0 20px; */
	}

	/* 검색결과 없음 */
	.mnr-list-area .mnr-img {
		width: 6.667vw;
		height: 6.667vw;
		/*  width:30px; height:30px; */
	}

	.mnr-txt {
		line-height: 1;
		font-size: 3.111vw;
		/* font-size: 14px; */
	}

	.mnr-txt:before {
		width: 4vw;
		height: 4vw;
		margin-right: 1.111vw;
		/* width: 18px;height: 18px;margin-right: 5px; */
	}

	.mnr-txt b {
		font-size: 4vw;
		/* font-size:18px; */
	}

	.mnr-info {
		margin-top: 2.222vw;
		font-size: 2.667vw;
		/* margin-top: 10px;font-size: 12px; */
		line-height: 1.4;
	}

	.mnr-info li:before {
		width: 0.667vw;
		height: 0.667vw;
		margin-right: 1.111vw;
		/* width:3px; height:3px; margin-right:5px; */
	}

	.mnr-info li:nth-child(n+3) {
		display: none;
	}

	/* 하단 내비게이션 영역 */
	.mlist .bottomSheet {
		height: 8.889vw;
		/* height: 40px; */
	}

	.mlist .bottomSheet>button {
		font-size: 3.111vw;
		/*  font-size: 14px; */
	}

	/* 관심시설 */
	.mlist .bottomSheet .bookmark-list:before {
		width: 3.111vw;
		height: 3.111vw;
		margin-right: 1.111vw;
		/* width: 14px;height: 14px;margin-right: 5px; */
	}

	/* 시설별 안전점검 검색 */
	.mlist .bottomSheet .search-by-facility i {
		width: 2.889vw;
		height: 2.667vw;
		font-size: 1.333vw;
		margin-right: 1.111vw;
		/* width:13px; height:12px; font-size:6px; margin-right:5px; */
	}

	/* 뷰모드 변경 */
	.mlist .bottomSheet .change-view-mode:before {
		width: 2.889vw;
		height: 3.111vw;
		margin-right: 1.111vw;
		/* width: 13px;height: 14px;margin-right: 5px; */
	}

	.mlist .bottomSheet .change-view-mode:after {
		font-size: 3.111vw;
		/* font-size: 14px; */
	}

	.mlist .bottomSheet .change-view-mode.list:before {
		width: 3.111vw;
		height: 3.111vw;
		/* width: 14px;height: 14px; */
	}

	.mlist .bottomSheet .change-view-mode.listDown:before {
		width: 3.111vw;
		height: 2.222vw;
		/* width: 14px;height: 10px; */
	}

	/* 하단 팝업 */
	.popupList>div>article {
		padding: 2.222vw;
		/* padding:10px; */
	}

	.popupList article>.tit {
		align-items: center;
		padding: 2.222vw;
		/* padding: 10px; */
	}

	.popupList article>.tit>h1 {
		font-size: 3.556vw;
		/* font-size: 16px; */
	}

	/* 관심시설 */
	.bookmark-list-popup article>.tit>h1:before {
		margin-right: 1.556vw;
		width: 3.556vw;
		height: 3.556vw;
		/* margin-right:7px;width: 16px;height: 16px; */
	}

	.popupList article>.tit>.close>i {
		width: 4.444vw;
		height: 4.444vw;
		/* width: 20px;height: 20px; */
	}

	/* 열림 */
	.bookmark-list-popup.open>div>article {
		animation: pl-open-450 .2s .4s linear both;
	}

	.mlist.up .bookmark-list-popup.open>div>article {
		animation: pl-open-450-2 .2s .4s linear both;
	}

	@keyframes pl-open-450 {
		from {
			visibility: hidden;
			height: 0;
			margin-bottom: -11.111vw;
			/* margin-bottom:-50px; */
		}

		to {
			visibility: visible;
			height: 100%;
			margin-bottom: 0;
			/* height: 265px; */
		}
	}

	@keyframes pl-open-450-2 {
		from {
			visibility: hidden;
			height: 0;
			margin-bottom: -11.111vw;
			/* margin-bottom:-50px; */
		}

		to {
			visibility: visible;
			height: 88.889vw;
			margin-bottom: 0;
			/* height: 400px; */
		}
	}

	.popupList article>.cont {
		height: calc(100% - 13.333vw);
		/* height: calc(100% - 60px); */
	}

	/* 주요 관심시설 */
	.major-bookmark {
		padding: 2.222vw 0 4.444vw 0;
		/* padding: 10px 0 20px 0; */
	}

	.major-bookmark>li>.bm-delete {
		right: 0.667vw;
		padding: 1.111vw;
		/* right:3px;padding:5px; */
	}

	.major-bookmark>li>.bm-delete>i {
		width: 1.556vw;
		height: 1.556vw;
		/* width:7px;height:7px; */
	}

	.major-bookmark>li>div {
		margin-top: 2.222vw;
		font-size: 2.889vw;
		/* margin-top:10px;font-size: 13px; */
	}

	.major-bookmark>li>button>span {
		width: 10vw;
		height: 10vw;
		font-size: 4vw;
		/* width:45px;height:45px;font-size: 18px; */
	}

	.major-bookmark>li>button>span>i {
		width: 3.778vw;
		height: 3.778vw;
		/*  width: 17px;height: 17px; */
	}

	/* 등록 */
	.major-bookmark .bm-edit>span>i {
		width: 4.222vw;
		height: 4.222vw;
		/* width: 19px;height: 19px; */
	}

	/* ^ 마우스오버 */
	.major-bookmark.edit .bm-edit>span>i {
		font-size: 3.111vw;
		/* font-size: 14px; */
	}

	.major-bookmark.edit .bm-edit>span>i:before,
	.major-bookmark.edit .bm-edit>span>i:after {
		border-width: 0 0.444vw 0.444vw 0;
		/* border-width: 0 2px 2px 0; */
	}

	.my-bookmark-list {
		height: 100%;
		/* height: calc(100% - 220px); */
	}

	.mlist.up .my-bookmark-list {
		height: 100%;
		/* height: calc(100% - 20px); */
	}

	.my-bookmark-list .mBM-cont {
		padding: 0 1.111vw;
		height: 100%;
		/* padding: 0 5px; */
	}

	.wrapMapCont .mlist.up .my-bookmark-list .mBM-cont {
		height: 100%;
	}

	.my-bookmark-list .mBM-cont span>a {
		margin: 2.222vw 2.222vw 2.222vw 0;
		font-size: 3.333vw;
		margin-left: 1.556vw;
		/* margin: 10px 10px 10px 0;font-size: 15px;margin-left: 7px; */
	}

	.my-bookmark-list .mBM-cont span>a:before {
		margin-right: 1.556vw;
		width: 3.333vw;
		height: 3.333vw;
		/* margin-right:7px;width: 15px;height: 15px; */
	}

	/* ^ 마우스오버 */
	.my-bookmark-list .mBM-cont span>button {
		padding: 2.222vw;
		/* padding: 10px; */
	}

	.my-bookmark-list .mBM-cont .mBM-best {
		width: 5.556vw;
		height: 5.556vw;
		/* width: 25px;height: 25px; */
	}

	/* 닫기 버튼 */
	.my-bookmark-list .mBM-cont .mBM-delete {
		padding: 2.222vw;
		/* padding:10px; */
	}

	.my-bookmark-list .mBM-cont .mBM-delete>i {
		font-size: 1.333vw;
		width: 3.556vw;
		height: 3.556vw;
		/* font-size:6px;width: 16px;height: 16px; */
	}


	/* 상세정보 내역 */
	.widePopupList,
	.detail-info-popup {
		top: 24.382vw;
		height: calc(100% - 24.382vw);
		/* top: 109.72px;height: calc(100% - 109.72px); */
	}

	.detail-info-popup.open>div:after {
		right: -1.556vw;
		width: 1.556vw;
		/* right: -7px; width: 7px; */
	}

	.detail-info-popup .tit>a {
		margin-right: 2.222vw;
		/* margin-right:10px; */
	}

	.mArea .detail-info-popup .cont {
		padding-bottom: 3.333vw !important;
		/*  padding-bottom: 15px !important; */
	}

	/* 기본정보 영역  */
	.basic-info {
		padding: 0 2.222vw;
		/* padding: 0 10px; */
	}

	/* 건물명 */
	.basic-info>h2 {
		font-size: 4.889vw;
		padding-top: 2.222vw;
		/* font-size: 22px;padding-top: 10px; */
	}

	.basic-info>h2.long {
		font-size: 4vw;
		/* font-size: 18px; */
	}

	/* 주소 */
	.basic-info>address {
		font-size: 3.333vw;
		padding-top: 2.222vw;
		/* font-size: 15px;padding-top:10px; */
	}

	/* 안전등급안내 새창열림 버튼 */
	.safety-level-guide {
		padding: 4.444vw 0.889vw 0 0;
		font-size: 2.889vw;
		/* padding: 20px 4px 0 0;font-size: 13px; */
	}

	/* 				 .safety-level-guide:after{width: 2.667vw;height: 2.667vw;margin-left:1.111vw;  width: 12px;height: 12px;margin-left:5px;} */
	.safety-level-guide:after {
		width: 3.556vw;
		height: 3.556vw;
		margin-left: 0.889vw;
		font-size: 2.222vw;
		/* width: 16px;height: 16px;margin-left: 4px;font-size: 10px; */
	}

	/* 안정등급 */
	.safety-level {
		border-radius: 2.222vw;
		padding: 3.333vw;
		margin-top: 2.222vw;
		/* border-radius: 10px;padding: 15px;margin-top: 10px; */
	}

	.safety-level>dl>dt {
		font-size: 2.667vw;
		padding-bottom: 1.556vw;
		/* font-size: 12px;padding-bottom: 7px; */
	}

	/* 안정등급 아이콘 */
	.safety-level dd[class^='rating_'] {
		background-size: auto 5.556vw;
		margin-top: 0.667vw;
		/* background-size: auto 25px;margin-top: 3px; */
	}

	.safety-level dd>span {
		padding-top: 6.222vw;
		font-size: 2.667vw;
		/* padding-top: 28px;font-size: 12px; */
	}



	/* 지도 영역 팝업 */
	.mArea .detail-info-popup {
		width: 86.667vw;
		top: 6.667vw;
		left: 111.111vw;
		margin-left: -43.333vw;
		/* width: 390px;top: 30px;left: 500px; margin-left: -195px; */
	}

	.mArea .detail-info-popup .di-container {
		border-radius: 1.111vw;
		box-shadow: 0 0 2.222vw rgba(0, 0, 0, .4);
		/* border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,.4); */
	}

	.mArea .detail-info-popup>div:after {
		width: 4.444vw;
		height: 4.444vw;
		border: 2.222vw solid;
		box-shadow: 0.444vw 0.444vw 0.444vw rgba(0, 0, 0, .2);
		margin: -2.222vw auto 0 auto;
		/* width: 20px;height: 20px; border: 10px solid; box-shadow: 2px 2px 2px rgba(0,0,0,.2);margin: -10px auto 0 auto; */
	}

	.detail-info-more {
		font-size: 2.667vw;
		border-radius: 1.111vw;
		padding: 1.111vw 2.222vw;
		margin: 0 2.222vw 0 auto !important;
		/* font-size:12px;border-radius: 5px;padding: 5px 10px;margin:0 10px 0 auto !important; */
	}


	/* 지도 영역 팝업 */
	.simple-info-popup {
		width: 66.667vw;
		margin-left: -33.333vw;
		/* width: 300px;margin-left: -150px; */
	}

	.simple-info-popup.open>div>article {
		padding: 0 0 4.444vw 0;
		box-shadow: 0 0 2.222vw rgba(0, 0, 0, .4);
		border-radius: 1.111vw;
		/* padding: 0 0 20px 0;box-shadow: 0 0 10px rgba(0,0,0,.4);border-radius: 5px; */
	}

	.simple-info-popup.open .basic-info>h2 {
		padding-top: 3.333vw;
		font-size: 4.667vw;
		padding-bottom: 3.333vw;
		margin-bottom: 3.333vw;
		/* padding-top: 15px;font-size: 21px;padding-bottom: 15px; margin-bottom: 15px; */
	}

	.simple-info-popup.open>div:after {
		width: 4.444vw;
		height: 4.444vw;
		border: 2.222vw solid;
		box-shadow: 0.444vw 0.444vw 0.444vw rgba(0, 0, 0, .2);
		margin: -2.222vw auto 0 auto;
		/* width: 20px;height: 20px; border: 10px solid; box-shadow: 2px 2px 2px rgba(0,0,0,.2);margin: -10px auto 0 auto; */
	}

	.simple-info-popup.open>div>article .cont address {
		font-size: 3.333vw;
		/* font-size: 15px; */
	}

	.simple-info-popup.open>div>article .cont address .old-address {
		font-size: 2.889vw;
		margin-top: 2.222vw;
		/* font-size: 13px;margin-top: 10px; */
	}

	/* 오류신고 */
	.error-report {
		font-size: 2.889vw;
		/* font-size: 13px; */
	}

	.error-report:before {
		width: 3.333vw;
		height: 3.333vw;
		margin-right: 1.111vw;
		font-size: 2.222vw;
		/* width: 15px;height: 15px;margin-right:5px;font-size: 10px; */
	}

	/* 관심시설 */
	.add-bookmark {
		font-size: 2.889vw;
		/* font-size: 13px; */
	}

	.add-bookmark:before {
		width: 3.333vw;
		height: 3.333vw;
		margin-right: 1.111vw;
		font-size: 2.222vw;
		/* width: 15px;height: 15px;margin-right: 5px;font-size:10px; */
	}

	/* sns 공유 */
	.detail-info-popup .tit>a[class^="sns-"] {
		width: 5.111vw;
		height: 5.111vw;
		border-radius: 1.111vw;
		margin-right: 1.111vw;
		/* width:23px; height:23px; border-radius:5px; margin-right:5px; */
	}

	/* 안전점검 결과 */
	.safety-check-result {
		margin: 3.333vw 0 0 0;
		padding: 0 2.222vw;
		height: calc(100% - 47.778vw) !important;
		/* margin: 15px 0 0 0;padding: 0 10px;height: calc(100% - 215px) !important; */
	}

	/* 더보기 */
	.scrTable .scrT-btn>button {
		border-radius: 0.667vw;
		margin-top: 2vw;
		font-size: 3.333vw;
		/* border-radius:3px;margin-top:9px;font-size: 15px;  */
	}

	.safety-check-result .scR-tit {
		border-bottom: 0.444vw solid #000;
		font-size: 4vw;
		padding: 4.444vw 1.111vw 1.778vw 1.111vw;
		/* border-bottom:2px solid #000;font-size: 18px;padding: 20px 5px 8px 5px; */
	}

	.safety-check-result .scR-more {
		font-size: 3.111vw;
		border-radius: 3.333vw;
		width: 22.222vw;
		padding: 1.111vw 0;
		/* font-size: 14px;border-radius: 15px;width: 100px;padding: 5px 0; */
	}

	.safety-check-result .scR-cont article {
		border-radius: 1.111vw;
		margin-top: 3.333vw;
		/* border-radius:5px; margin-top:15px; */
	}

	.safety-check-result .scR-cont article:last-child {
		margin-bottom: 3.333vw;
		/* margin-bottom:15px; */
	}

	.safety-check-result .scR-cont article>h1 {
		padding: 2.222vw;
		font-size: 3.556vw;
		/* padding: 10px;font-size: 16px; */
	}

	.safety-check-result .scR-cont article>h1>a {
		top: 1.444vw;
		right: 2.222vw;
		/*  top: 6.5px;right:10px; */
	}

	.safety-check-result .scR-cont article>table {
		margin: 0 1.111vw;
		width: calc(100% - 2.222vw);
		/* margin:0 5px;width: calc(100% - 10px); */
	}

	.safety-check-result .rating-table>span {
		padding: 0.889vw;
		font-size: 2.667vw;
		/* padding: 4px;font-size: 12px; */
	}

	/* 새창열림 버튼 */
	.newTab-site {
		font-size: 2.889vw;
		padding: 1.111vw 2.222vw;
		border-radius: 0.667vw;
		/* font-size: 13px;padding:5px 10px;border-radius:3px; */
	}

	.newTab-site:after {
		width: 2.444vw;
		height: 2.444vw;
		margin-left: 1.111vw;
		/* width: 11px;height: 11px;margin-left:5px; */
	}

	/* 지도 위치 영역 */
	.map-local-info {
		top: 2.222vw;
		left: 2.222vw;
		/* top: 10px;left: 10px; */
	}

	.map-local-info ol {
		padding: 2.222vw;
	}

	.map-local-info ol>li a {
		font-size: 3.111vw;
		/* font-size: 14px; */
	}

	.map-local-info ol>li:after {
		width: 1.556vw;
		height: 1.556vw;
		margin: 0 2.222vw;
		/* width:7px; height:7px; margin:0 10px; */
	}

	/* ^ 지도 주소 선택 */
	.select_open.map {
		font-size: 3.111vw;
		padding: 1.111vw;
		top: 12vw;
		border-radius: 1.111vw;
		box-shadow: 0.444vw 0.444vw 0.444vw #dddddd;
		left: 2.222vw;
		top: 11.111vw;
		/* font-size: 14px;padding: 5px;top: 54px;border-radius: 5px;box-shadow: 2px 2px 2px #dddddd;left: 10px;top: 50px; */
	}

	.select_open.map .loca_point li {
		padding: 1.111vw;
		margin: 0 0.667vw;
		border-radius: 0.667vw;
		font-size: 2.889vw;
		/* padding: 5px;margin: 0 3px;border-radius: 3px;font-size: 13px; */
	}

	.select_open .loca_point {
		width: 40vw;
		height: 41.111vw;
		/* width: 180px;height: 185px; */
	}

	.loca_1,
	.loca_2,
	.loca_3 {
		height: 41.111vw;
		margin: 0 0.667vw 0 0;
		/* height: 185px;margin: 0 3px 0 0; */
	}

	/* ^ 스크롤바 */
	.select_open.map ::-webkit-scrollbar {
		width: 1.111vw;
		/* width: 5px; */
	}

	.select_open.map ::-webkit-scrollbar-thumb {
		border-radius: 1.111vw;
		/* border-radius:5px;  */
	}

	/* 퀵메뉴 */
	.quick-menu {
		right: 1.778vw;
		bottom: 3.333vw;
		/* right: 8px;bottom: 15px; */
	}



	/* 마커 */
	.mArea .mapMarker {
		min-width: 24.444vw;
		margin-left: -6.667vw;
		/* min-width: 110px;margin-left: -30px; */
	}

	.mArea .mapMarker.active .mM-more-list {
		left: calc(110% + 5.556vw);
		/*  left: calc(110% + 25px); */
	}

	.mArea .mapMarker>div {
		bottom: 2.222vw;
		/*  bottom: 10px; */
	}

	.mArea .mapMarker .mM-name {
		box-shadow: 0 0 0.667vw rgba(0, 0, 0, .5);
		border-width: 0.444vw;
		padding: 0.667vw 1.778vw 0.667vw 1.333vw;
		border-radius: 4.444vw;
		min-width: 15.556vw;
		/* box-shadow:0 0 3px rgba(0,0,0,.5);border-width:2px;padding: 3px 8px 3px 6px;border-radius: 20px;min-width: 70px; */
	}

	.mArea .mapMarker .mM-name a {
		font-size: 3.111vw;
		/* font-size: 14px; */
	}

	.mArea .mapMarker .mM-count {
		box-shadow: 0 0 0.667vw rgba(0, 0, 0, .5);
		top: -2.667vw;
		padding: 0.222vw 1.333vw 0.444vw 0.889vw;
		min-width: 8vw;
		border-width: 0.444vw;
		border-radius: 3.333vw;
		font-size: 3.111vw;
		left: calc(100% - 3.333vw);
		/* box-shadow: 0 0 3px rgba(0,0,0,.5);top: -12px;padding: 1px 6px 2px 4px;min-width: 36px;border-radius: 15px;font-size: 14px;left: calc(100% - 15px); */
	}

	.mArea .mapMarker .mM-more-list {
		border-radius: 1.111vw;
		left: calc(100% + 5.556vw);
		top: -2.222vw;
		width: 37.778vw;
		/* border-radius:5px;left: calc(100% + 25px);top: -10px;width: 170px; */
	}

	.mArea .mapMarker .mM-more-list a {
		padding: 1.111vw;
		font-size: 2.889vw;
		/* padding: 5px;font-size: 13px; */
	}

	/* ^마우스오버 */
	.mArea .mapMarker .mM-more-list a:hover {
		border-radius: 0.667vw;
		/* border-radius: 3px; */
	}

	.mArea .mapMarker .mM-more-list .mM-address {
		padding: 3.333vw 4.444vw;
		font-size: 3.556vw;
		/* padding: 15px 20px;font-size:16px; */
	}

	.mArea .mapMarker .mM-more-list:before {
		width: 2.222vw;
		height: 2.222vw;
		left: -2.222vw;
		/*  width:10px; height:10px;left:-10px; */
	}

	.mmM-list {
		padding: 1.556vw;
		max-height: 40vw;
		/* padding:7px;max-height: 180px; */
	}

	/* 스크롤 박스 */
	.mmM-list ::-webkit-scrollbar {
		width: 1.111vw !important;
		/* width: 5px !important;  */
	}

	.mmM-list ::-webkit-scrollbar-thumb {
		border-radius: 1.111vw;
		/* border-radius:5px; */
	}

	/* ^ 마우스오버 */
	.mArea .mapMarker .mM-name:after {
		box-shadow: 0.444vw 0.444vw 0.444vw rgba(0, 0, 0, .3);
		width: 2.222vw;
		height: 2.222vw;
		border-width: 0 0.444vw 0.444vw 0;
		margin: -1.111vw auto 0 6.667vw;
		left: 1.556vw;
		bottom: -1.556vw;
		/* box-shadow: 2px 2px 2px rgba(0,0,0,.3);width: 10px;height: 10px;border-width: 0 2px 2px 0;margin: -5px auto 0 30px;left: 7px;bottom: -7px; */
	}


	.mArea .mapMarker *[class^="rating_"]:before {
		margin-right: 1.111vw;
		width: 5.778vw;
		height: 5.556vw;
		/* margin-right: 5px;width: 26px;height: 25px; */
	}

	.mArea .mapMarker *[class^="category-"]:before {
		margin-right: 1.111vw;
		width: 4.222vw;
		height: 4.222vw;
		/* margin-right: 5px;width: 19px;height: 19px; */
	}


	/* 주변 반경점검 */
	.radius-selection {
		width: 41.111vw;
		border-radius: 1.111vw;
		box-shadow: 0 0 0.667vw rgba(0, 0, 0, .5);
		/* width: 185px;border-radius: 5px;box-shadow:0 0 3px rgba(0,0,0,.5); */
	}

	.radius-selection .cont ul {
		padding: 0 4.444vw 4.444vw 4.444vw;
		/* padding: 0 20px 20px 20px; */
	}

	.radius-selection .cont ul>li {
		margin: 1.556vw 0;
		/* margin:7px 0; */
	}

	.radius-selection .cont ul>li>span {
		padding: 1.111vw 0 0 8.222vw;
		font-size: 3.333vw;
		/* padding: 5px 0 0 37px;font-size: 15px; */
	}

	.radius-selection .cont input[type=text] {
		padding: 0.444vw 1.111vw;
		max-width: 17.778vw;
		height: 5.556vw;
		margin-right: 1.111vw;
		font-size: 3.333vw;
		/* padding:2px 5px;max-width: 80px;height: 25px;margin-right: 5px;font-size: 15px; */
	}

	.radius-selection .cont .rs-submit {
		font-size: 3.111vw;
		padding: 3.333vw 0;
		/* font-size:14px;padding: 15px 0; */
	}

	/* 기본 리스트 팝업 */
	.default-list.open>div>article {
		width: 66.667vw;
		border-radius: 1.111vw;
		box-shadow: 0 0 0.667vw rgba(0, 0, 0, .5);
		padding-bottom: 3.333vw;
		/*  width: 300px;border-radius: 5px;box-shadow:0 0 3px rgba(0,0,0,.5);padding-bottom: 15px; */
	}

	.default-list.open>div:after {
		width: 4.444vw;
		height: 4.444vw;
		border-width: 2.222vw;
		box-shadow: 0.444vw 0.444vw 0.444vw rgba(0, 0, 0, .3);
		margin: -2.222vw auto 0 auto;
		/* width: 20px;height: 20px; border: 10px solid; box-shadow: 2px 2px 2px rgba(0,0,0,.3);margin: -10px auto 0 auto; */
	}

	.default-list.open .tit h1 {
		margin-right: 3.333vw;
		/* margin-right:15px; */
	}

	.default-list.open .cont {
		padding: 0 4.444vw;
		/* padding: 0 20px; */
	}

	.default-list.open .cont .dl-list {
		padding: 2.222vw 3.333vw;
		/* padding: 10px 15px; */
	}

	.default-list.open .cont .dl-list dl {
		padding: 0.889vw 0;
		font-size: 3.333vw;
		/* padding: 4px 0;font-size:15px; */
	}

	.default-list.open .cont .dl-list dl dt {
		min-width: 21.111vw;
		/* min-width:95px; */
	}

	.dl-tip {
		font-size: 3.111vw;
		padding-top: 1.111vw;
		/* font-size:14px;padding-top: 5px; */
	}

	/* .dl-tip-02 */
	.dl-tip-02 {
		display: block;
		width: 100%;
		height: auto;
	}

	.dl-tip-02 dt {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		line-height: 1.1;
		margin-top: 10px;
	}

	.dl-tip-02 dt>span {
		margin-right: auto;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		font-size: 16px;
		font-weight: bold;
		color: #000;
	}

	.dl-tip-02 dt>span:before {
		content: '※';
		margin-right: 5px;
	}

	.dl-tip-02 dt>button {
		line-height: 1;
		font-size: 12px;
		letter-spacing: -0.03em;
		color: #454545;
		flex: none;
		padding: 0 17px;
		border-radius: 15px;
		background: #eee;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 22px;
	}

	/* ^ 마우스오버 */
	.dl-tip-02 dt>button:hover {
		background: #0083e4;
		color: #fff;
	}

	.dl-tip-02 dd {
		margin-top: 5px;
		padding-left: 16px;
		font-size: 13px;
		line-height: 1.2;
		color: #000;
	}

	.dl-tip-02 dd sup:before {
		display: none;
	}

	.dl-tip-02 dd sup {
		line-height: 1;
		margin-left: 0;
	}

	.dl-tip-02 dd.subscript {
		font-size: 12px;
		color: #666;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.dl-tip-02 dd.subscript:before {
		content: '*';
		font-size: 13px;
		margin-right: 3px;
		color: #c2182e;
	}

	/* 주소팝업 : 좌클릭 */
	.address-popup.open .tit {
		padding-bottom: 3.333vw;
		/* padding-bottom:15px; */
	}

	.address-popup.open .tit h1 {
		font-size: 3.556vw;
		/* font-size:16px; */
	}

	.address-popup.open .tit h1 .small {
		font-size: 3.111vw;
		margin-top: 2.222vw;
		/* font-size:14px;margin-top: 10px; */
	}

	.address-popup.open .address-more {
		font-size: 2.889vw;
		padding: 0 2.222vw;
		/* font-size: 13px;padding:0 10px; */
	}

	.address-popup.open .address-more>i {
		width: 1.556vw;
		height: 1.556vw;
		margin-left: 0.667vw;
		/* width:7px;height:7px;margin-left: 3px; */
	}


	/* 오른쪽 상단 : 기본 확장 툴 */
	.extension-container {
		top: 2.222vw;
		right: 2.222vw;
		/* top: 10px;right: 10px; */
	}

	/* 지도 뷰어 툴 */
	.map-viewer {
		border-radius: 0.667vw;
		padding: 1.111vw;
		box-shadow: 0 0 1.111vw rgba(0, 0, 0, .2);
		/* border-radius:3px;padding: 5px;box-shadow: 0 0 5px rgba(0,0,0,.2); */
	}

	.map-viewer .mv-btn {
		/* border-radius: 0.667vw;
		height: 6.667vw;
		width: 6.667vw; */
		/* border-radius: 3px;height: 30px;width: 30px; */
	}

	.map-viewer .mv-btn:first-child:before {
		/* width: 4vw;
		height: 4vw; */
		/* width: 18px;height: 18px; */
	}

	.map-viewer .mv-btn:last-child:before {
		/* width: 4.444vw;
		height: 4.444vw; */
		/* width: 20px;height: 20px; */
	}

	/* 기본 확장 툴 */
	.eTool {
		margin-top: 17.778vw;
		/* margin-top: 80px; */
	}

	.eTool .et-btn {
		/* width: 8.889vw;
		height: 8.889vw;
		font-size: 2.889vw; */
		box-shadow: 0 0 1.111vw rgba(0, 0, 0, .2);
		/* width: 40px;height: 40px;font-size: 13px;box-shadow: 0 0 5px rgba(0,0,0,.2); */
	}

	.eTool.tip .et-btn:before {
		/* width: 4.667vw;
		height: 4.667vw; */
		/* width:21px; height:21px; */
	}

	/* 리스트 */
	.eTool-list {
		right: 9.333vw;
		box-shadow: 0 0 0.667vw rgba(0, 0, 0, .1);
		padding: 1.111vw 0;
		/*  right: 42px;box-shadow:0 0 3px rgba(0,0,0,.1);padding: 5px 0; */
	}

	.eTool-list li {
		padding: 0 1.111vw;
		/* padding: 0 5px; */
	}

	.eTool-list li button {
		font-size: 2.667vw;
		padding: 1.111vw 2.222vw;
		border-radius: 1.111vw;
		/* font-size:12px;padding:5px 10px;border-radius: 5px; */
	}

	.eTool-list li button:before {
		width: 5.556vw;
		height: 4.444vw;
		margin-right: 1.111vw;
		/* width: 25px;height: 20px;margin-right: 5px; */
	}

	/* 새로고침 */
	.eTool.tip .page-reload:before {
		width: 3.778vw;
		height: 3.778vw;
		/* width: 17px;height: 17px; */
	}

	/* 주변 */
	.eTool-list-around {
		min-width: 27.778vw;
		font-size: 2.889vw;
		padding: 1.556vw;
		/* min-width: 125px;font-size: 13px;padding: 7px; */
	}

	/* 테마 */
	.eTool-list.tema {
		min-width: 34.444vw;
		/* min-width: 155px; */
	}

	/* 테마 */
	.eTool-list.measure {
		min-width: 24.444vw;
		/* min-width: 110px; */
	}

	/* api */
	.eTool-list.api {
		min-width: 24.444vw;
		/* min-width: 110px; */
	}

	/* 확대 축소 */
	.zoom-control {
		/* width: 8.889vw;
		margin-top: 2.222vw; */
		box-shadow: 0 0 1.111vw rgba(0, 0, 0, .2);
		/* width: 40px;margin-top: 10px;box-shadow: 0 0 5px rgba(0,0,0,.2); */
	}

	.zoom-control>button {
		height: 8.889vw;
		/* height: 40px; */
	}

	.zoom-control .zoom-up:before,
	.zoom-control .zoom-up:after {
		height: 3.778vw;
		top: 2.222vw;
		left: 4.222vw;
		/* height: 17px;top: 10px;left: 19px; */
	}

	.zoom-control .zoom-down:before {
		height: 3.778vw;
		top: 2.444vw;
		left: 4.222vw;
		/*  height: 17px;top: 11px;left: 19px; */
	}

	/* 핀 */
	.pin>span {
		width: 8.444vw;
		height: 11.333vw;
		margin-left: -4.222vw;
		background-size: 50.667vw auto;
		/* width: 38px;height: 51px;margin-left: -19px;background-size: 228px auto; */
	}

	.pin:hover>span,
	.pin.active>span {
		width: 10.444vw;
		height: 14.222vw;
		margin-left: -5.111vw;
		margin-top: -2.889vw;
		/* width: 47px;height: 64px;margin-left: -23px;margin-top: -13px; */
	}

	/* 사고 */
	.pin .brkNews-1 {
		background-position: -1.778vw -2.222vw;
		/* background-position: -8px -10px ; */
	}

	.pin:hover .brkNews-1,
	.pin.active .brkNews-1 {
		background-position: -25.556vw -2.222vw;
		/* background-position: -115px -10px; */
	}

	/* 출동 */
	.pin .brkNews-2 {
		background-position: -1.778vw -17.778vw;
		/*  background-position: -8px -80px ; */
	}

	.pin:hover .brkNews-2,
	.pin.active .brkNews-2 {
		background-position: -25.556vw -20.667vw;
		/* background-position: -115px -93px; */
	}

	/* 어린이 보호 구역 */
	.pin .childArea {
		background-position: -1.778vw -48.889vw;
		/* background-position: -8px -220px ; */
	}

	.pin:hover .childArea,
	.pin.active .childArea {
		background-position: -25.556vw -57.556vw;
		/* background-position: -115px -259px; */
	}

	/* 안전대진단 */
	.pin .safeDiagnosis {
		background-position: -1.778vw -64.222vw;
		/* background-position: -8px -289px ; */
	}

	.pin:hover .safeDiagnosis,
	.pin.active .safeDiagnosis {
		background-position: -25.556vw -75.778vw;
		/* background-position: -115px -341px; */
	}

	/* 해체공사장 */
	.pin .construction {
		background-position: -1.778vw -80vw;
		/*  background-position: -8px -360px ; */
	}

	.pin:hover .construction,
	.pin.active .construction {
		background-position: -25.556vw -94.444vw;
		/* background-position: -115px -425px; */
	}

	/* 정부 합동 공사장 */
	.pin .government {
		background-position: -1.778vw -95.556vw;
		/* background-position: -8px -430px ; */
	}

	.pin:hover .government,
	.pin.active .government {
		background-position: -25.556vw -112.889vw;
		/* background-position: -115px -508px; */
	}

	/* 관심시설 */
	.pin .bookmark {
		background-position: -1.778vw -33.556vw;
		/* background-position: -8px -151px ; */
	}

	.pin:hover .bookmark,
	.pin.active .bookmark {
		background-position: -25.556vw -39.333vw;
		/* background-position: -115px -177px; */
	}

	/* 건설안전 */
	.pin .safeConstruct {
		background-position: -1.778vw -111.333vw;
		/* background-position: -8px -501px ; */
	}

	.pin:hover .safeConstruct,
	.pin.active .safeConstruct {
		background-position: -25.556vw -131.556vw;
		/*  background-position: -115px -592px; */
	}


	/* 안전점검 - 불합격 */
	.pin .safePoint-e {
		background-position: -13.778vw -2.222vw;
		/* background-position: -62px -10px ; */
	}

	.pin:hover .safePoint-e,
	.pin.active .safePoint-e {
		background-position: -38.667vw -2vw;
		/* background-position: -174px -9px; */
	}

	/* 안전점검 - 진행중 */
	.pin .safePoint-d {
		background-position: -13.778vw -17.778vw;
		/* background-position: -62px -80px ; */
	}

	.pin:hover .safePoint-d,
	.pin.active .safePoint-d {
		background-position: -38.667vw -20.444vw;
		/* background-position: -174px -92px; */
	}

	/* 안전점검 - 보완 */
	.pin .safePoint-c {
		background-position: -13.778vw -33.333vw;
		/* background-position: -62px -150px ; */
	}

	.pin:hover .safePoint-c,
	.pin.active .safePoint-c {
		background-position: -38.667vw -38.889vw;
		/* background-position: -174px -175px; */
	}

	/* 안전점검 - 조건부 합격 */
	.pin .safePoint-b {
		background-position: -13.778vw -48.889vw;
		/* background-position: -62px -220px ; */
	}

	.pin:hover .safePoint-b,
	.pin.active .safePoint-b {
		background-position: -38.667vw -57.556vw;
		/* background-position: -174px -259px; */
	}

	/* 안전점검 - 합격 */
	.pin .safePoint-a {
		background-position: -13.778vw -64.444vw;
		/* background-position: -62px -290px ; */
	}

	.pin:hover .safePoint-a,
	.pin.active .safePoint-a {
		background-position: -38.667vw -76vw;
		/* background-position: -174px -342px; */
	}

	/* 안전점검 - 기타 */
	.pin .safePoint-etc {
		background-position: -13.778vw -80vw;
		/* background-position: -62px -360px ; */
	}

	.pin:hover .safePoint-etc,
	.pin.active .safePoint-etc {
		background-position: -38.667vw -94.444vw;
		/* background-position: -174px -425px; */
	}



	/* 현 위치에서 재 검색 */
	.thisArea-reload {
		bottom: 4.444vw;
		left: calc(50% - 18.889vw);
		border-radius: 6.667vw;
		width: 37.778vw;
		height: 7.778vw;
		font-size: 2.889vw;
		box-shadow: 0 0 1.111vw rgba(0, 0, 0, .2);
		/* bottom: 20px;left: calc(50% - 85px);border-radius:30px;width: 170px;height: 35px;font-size: 13px;box-shadow: 0 0 5px rgba(0,0,0,.2); */
	}

	.thisArea-reload:before {
		width: 3.111vw;
		height: 3.111vw;
		margin-right: 1.111vw;
		/* width: 14px;height: 14px;margin-right: 5px; */
	}



	/* 안전등급 안내 */
	.safety-level-guide-popup>div>div {
		max-width: 222.222vw;
		padding: 0 3.333vw 3.333vw 3.333vw;
		border-radius: 2.222vw;
		margin: 11.111vw 4.444vw 0 4.444vw;
		/* max-width: 1000px; padding: 0 15px 15px 15px;border-radius: 10px;margin: 50px 20px 0 20px; */
	}

	/* 원자력 발전시설 */
	.nuclear-popup>div>div {
		max-width: 288.889vw;
		width: calc(100% - 13.333vw);
		padding: 0 3.333vw 3.333vw 3.333vw;
		border-radius: 2.222vw;
		margin: 11.111vw 4.444vw 0 4.444vw;
		/* max-width: 1300px; width: calc(100% - 60px); padding: 0 15px 15px 15px;border-radius: 10px;margin: 50px 20px 0 20px; */
	}

	.nuclear-popup .tab-group .tab-list>section {
		max-height: inherit;
		overflow-x: hidden;
	}

	/* 원자력점검결과 */
	*[class*="nuclearIco-"] {
		font-size: 3.111vw;
		width: 13.333vw;
		height: 4.889vw;
		padding-bottom: 0.667vw;
		/* font-size: 14px;width:60px;height: 22px;padding-bottom: 3px; */
	}

	/* 오류신고 팝업 */
	.error-report-popup>div>div {
		max-width: 90%;
		padding: 0 6.667vw 6.667vw 6.667vw;
		border-radius: 2.222vw;
		/* max-width: 90%;padding: 0 30px 30px 30px;border-radius: 10px; */
	}

	.error-report-popup .sup {
		margin-left: 2.222vw;
		/* margin-left: 10px; */
	}

	.error-report-popup .er-cont {
		padding: 4.444vw;
		/* padding:20px; */
	}

	.error-report-popup h4 {
		font-size: 3.333vw;
		min-width: 17.778vw;
		/* font-size: 15px; min-width: 80px; */
	}

	.error-report-popup .boxWrap {
		margin-top: 4.444vw;
		/* margin-top:20px; */
	}

	.error-report-popup .table-type-01 {
		margin-top: 2.222vw;
		/* margin-top:10px; */
	}

	.error-report-popup .cBoxWrap .cBox {
		margin-right: 2.222vw;
		/* margin-right:10px; */
	}

	.error-report-popup .taBox {
		margin-top: 4.444vw;
		/* margin-top:20px; */
	}

	.error-report-popup .rBox,
	.error-report-popup .taBox textarea {
		margin-top: 2.222vw;
		/* margin-top:10px; */
	}


	/* 탭그룹 */
	.tab-group .tab-btn>button {
		width: 25%;
		font-size: 3.111vw;
		padding: 1.556vw;
		/* font-size: 14px;padding: 7px; */
	}

	.tab-group .tab-btn>button.widAuto {
		padding: 0 4.444vw;
		/* padding: 0 20px; */
	}

	.tab-group .tab-list {
		max-height: 88.889vw;
		overflow-y: auto;
		/* max-height:400px; */
	}

	.tab-group .tab-list>section {
		font-size: 3.111vw;
		padding: 3.333vw;
		/* font-size: 14px;padding: 15px; */
	}

	.tab-group .tab-list section h1 {
		font-size: 4vw;
		/* font-size: 18px; */
	}

	.tab-group .tab-list section h1:before {
		width: 3.333vw;
		height: 3.333vw;
		border-width: 0.667vw;
		margin-right: 1.111vw;
		margin-top: 0.889vw;
		/* width:15px; height:15px; border-width:3px; margin-right:5px; margin-top:4px; */
	}

	.tab-group .tab-list .icon-box {
		width: 6.667vw;
		height: 6.667vw;
		/* width: 30px;height: 30px; */
	}

	/* 팝업 */
	.widePopupList .wp-tit {
		padding: 3.333vw 0;
		/* padding: 25px 0 15px 0; */
	}

	.widePopupList .wp-tit h2 {
		font-size: 4vw;
		/* font-size: 18px; */
	}

	.widePopupList .wp-tit .wp-close {
		width: 4.444vw;
		height: 4.444vw;
		/* width:20px; height:20px; */
	}

	/* 테이블 type-01 */
	.table-type-01 {
		margin-top: 3.333vw;
		/* margin-top: 15px; */
	}

	.table-type-01 .thead {
		border-top-width: 0.444vw;
		/* border-top-width:2px;  */
	}

	.table-type-01 th {
		padding: 1.111vw 0;
		font-size: 2.889vw;
		line-height: 1.2;
		/* padding: 5px 0;font-size: 13px;line-height: 1.2; */
	}

	.table-type-01 tbody td {
		padding: 1.111vw;
		font-size: 2.889vw;
		/* padding: 5px;font-size: 13px; */
	}

	.table-type-01 tbody td button {
		font-size: 2.889vw;
		/* font-size: 13px; */
	}

	.table-type-01 tbody td.editorArea>div {
		min-height: 100vw;
		/* min-height:450px;  */
	}

	.table-type-01 th.left,
	.table-type-01 td.left {
		padding: 1.778vw 4.444vw;
		/* padding: 8px 20px; */
	}

	.table-type-01.td-left td {
		padding: 0.889vw 1.111vw;
		/* padding: 4px 5px;  */
	}

	.table-type-01 td>.download {
		padding: 1.556vw 3.333vw 1.889vw 3.333vw;
		border-radius: 3.333vw;
		font-size: 2.889vw;
		/* padding: 7px 15px 8.5px 15px;border-radius: 15px;font-size: 13px; */
	}

	.table-type-01 td>.download:before {
		width: 2.889vw;
		height: 2.889vw;
		margin-right: 1.111vw;
		/* width:13px;height:13px;margin-right: 5px;  */
	}

	.table-type-01 .rBox>label,
	.table-type-01 .cBox>label {
		height: 4.667vw;
		/*  height: 21px; */
	}

	/* 테이블 type-02 */
	.table-type-02 th {
		font-size: 3.111vw;
		padding: 2.222vw 0;
		/* font-size: 14px;padding:10px 0; */
	}

	.table-type-02 td {
		font-size: 3.111vw;
		padding: 2.222vw 0 2.222vw 2.222vw;
		/* font-size: 14px;padding:10px 0 10px 10px; */
	}


	/* refer-01 */
	.refer-01 {
		margin-top: 2.222vw;
		/* margin-top: 10px; */
	}

	.refer-01:before {
		margin: 0 1.111vw 0 0;
		font-size: 3.111vw;
		/* margin: 0 5px 0 0;font-size: 14px; */
	}

	.refer-01>span {
		font-size: 3.111vw;
		/* font-size: 14px; */
	}

	.refer-01+.procedure-list,
	.refer-01+.procedure-list-02 {
		margin-top: 2.222vw;
		/* margin-top:10px; */
	}


	/* bar-02 */
	.bar-02 {
		margin-top: 1.111vw;
		margin-left: 2.222vw;
		/* margin-top: 5px;margin-left: 10px; */
	}

	.bar-02:before {
		width: 1.111vw;
		margin: 1.556vw 1.111vw 0 0;
		/* width: 5px;margin: 7px 5px 0 0; */
	}

	.bar-02>span {
		font-size: 2.889vw;
		/* font-size: 13px; */
	}

	/* -- 라디오박스 영역 -- */
	.rBox {
		margin-right: 4.444vw;
		/* margin-right:20px; */
	}

	.rBox,
	.rBox>label {
		font-size: 3.111vw;
		/*  font-size: 14px; */
	}

	.rBox>label>i {
		font-size: 1.778vw;
		width: 4.222vw;
		height: 4.222vw;
		margin-right: 1.111vw;
		/* font-size: 8px;width: 19px;height: 19px;margin-right: 5px; */
	}

	.rBox>label>span {
		margin-top: 0.444vw;
		/* margin-top: 2px; */
	}

	/* 우수 메달 아이콘 */
	.excellent-medal:before {
		width: 5.111vw;
		height: 5.556vw;
		margin-right: 0.667vw;
		/* width:23px; height:25px; margin-right:3px;  */
	}
}

area {
	position: relative;
}

area::after {
	content: "";
	position: absolute;
	width: 29px !important;
	height: 42px !important;
}
area:focus::after {
	outline: 3px dashed #ff4d4d;
	outline-offset: -2px;
}