@charset "UTF-8";

/*===== basic 공통 =====*/
/* 공통 통합검색 영역  */
.common-search-container{background: #fff;position: relative;visibility: hidden;height: 0;transition:all 0.5s ease;overflow:hidden;border:1px solid #eee;}
.common-search-container.open{visibility: visible;height: 573px;margin-bottom: 20px;}
.common-search-container .top {background: #f9f9f9;}
.common-search-container .top > div {display:flex;align-items:center;justify-content: space-around;}
.common-search-container .top > div > button {flex: 1 1 auto;text-align: center;background: #666;line-height:1.1;display:block;padding: 10px 0;color:#fff;background: #555;}
.common-search-container .top > div > button.map{font-size:0;height: 36px;width: 36px;display: inline-flex;flex: none;justify-content: center;align-items: center;}
.common-search-container .top > div > button:nth-last-child(1).map{flex:auto;}
.common-search-container .top > div > button.map > img{height: 16px;display:block;width: 16px;}
.common-search-container .top > div > button.active,
.common-search-container .top > div > button.active:hover{cursor:pointer; background: #0083e4;}
.common-search-container .top > div > button:hover{cursor:pointer; background:#666;}
.common-search-container .bottom{height: 536px;overflow-x: hidden;position: relative;background: #f9f9f9;}
.common-search-container .bottom .cSearch-mapArea{width:100%; display:block; height:auto; padding:30px; }
.common-search-container .bottom .cSearch-mapArea .cSM-wrap{position:relative; width:100%; height:150px; border:1px solid #ddd; /*background:#fff;*/ display:block; z-index:100;}
.common-search-container .bottom .cSearch-mapArea .cSM-wrap:after{content:'클릭 시 지도 페이지로 이동합니다'; line-height:1.1; font-size:13px; background:rgba(49,49,49,.6); display:block; padding:5px 15px; border-radius: 15px; color:#fff; position:absolute; right:10px; bottom:10px;}
.common-search-container .bottom .cSearch-mapArea .cSM-wrap:hover:after{background:#ff501f;}
.common-search-container .bottom > article{/* margin-top:30px; */padding: 30px;position:relative;height: auto;display:block;z-index: 1;}
.common-search-container .bottom > article:nth-last-child(2){min-height: 580px;}
.common-search-container .bottom article .rl-tit{display:flex;align-items:center;justify-content: flex-start;}
.common-search-container .bottom article h1{font-size: 18px;color: #454545;font-weight: bold; display:flex; align-items:center; justify-content:flex-start;}
.common-search-container .bottom article h1:before{content:''; width:15px; height:15px; border-radius:100%; border:3px solid #64b1ea; display:block; margin-right:5px; margin-top:2px;}
.common-search-container .cSearch-more{text-decoration: underline;word-break: break-all;}
    /* ^마우스 오버*/
    .common-search-container .cSearch-more:hover{color:#0083e4}

    .common-search-container.detail .bottom{overflow:hidden;}
/* 상세보기 */
.cSearch-detail-popup{width: 100%;height: 100%;position: absolute;left:0;background:#f9f9f9;display: block;z-index: 2;overflow-y:auto;display:none;}
.cSearch-detail-popup > article{padding:0 30px 30px 30px;}
.cSearch-detail-popup > article:first-child{padding-top:30px;}
.cSearch-detail-popup .cSD-close{display:inline-flex;align-items:center;justify-content: flex-start;flex:none;margin-left:auto;font-size:13px;color:#454545;line-height:1;background: #e7e7e7;border-radius: 15px;padding: 8px 15px;}
.cSearch-detail-popup .cSD-close > i{width: 20px;height: 9px;position:relative;overflow: hidden;justify-content: flex-end; transform: rotate(-180deg); margin-right:5px; margin-top:1px;}
.cSearch-detail-popup .cSD-close > i:before{content:''; width:100%; height:1px; display:block; background:#454545; position:absolute; right:1px;}
.cSearch-detail-popup .cSD-close > i:after{border-color:#454545;width:11px;height:11px;margin-right: 3px;}
    /* ^ 마우스오버 */
    .cSearch-detail-popup .cSD-close:hover{background:#0083e4; color:#fff;}
    .cSearch-detail-popup .cSD-close:hover > i:before{background:#fff;}
    .cSearch-detail-popup .cSD-close:hover > i::after{border-color: #fff;}


    /* ========================
			상세정보 탭
=========================== */
.tabTable .tabBtn{display:flex;align-items: center;justify-content: flex-start;}
.tabTable .tabBtn > button{line-height:1.1;font-size: 15px;padding: 9px 0;max-width: 200px;width:100%;color: #fff;background: #454545;}
.tabTable .tabBtn > button.active,
.tabTable .tabBtn > button.active:hover{background: #0083e4;color:#fff;}
.tabTable .tabBtn > button:not(.active):hover{background: #666;color:#fff;}
.tabTable .tabList > table{display:none;}
.tabTable .tabList > table.show{display:table;}

/* 맵 - 안전점검 결과 전체보기 팝업 */
.widePopupList .common-search-container{max-width:1200px;width: 100%;height: auto !important;display: block;visibility: visible;padding: 0 30px 30px 30px;border-radius: 10px;margin-bottom: 0;margin: 0 30px;}

/*메인맵*/
.main_map{width:100%;height:100%;}


/* ==== 800px 이하 일때 ==== */ @media only screen and (max-width:800px) {

	/* ------------------

	px to vw
	veiwport : 800px 기준

	---------------------*/

	/*===== basic 공통 =====*/

	/* 공통 통합검색 영역  */
	.common-search-container.open{height: 67vw;margin-bottom: 2.5vw; /* height: 536px;margin-bottom: 20px; */}
	.common-search-container .top > div > button {padding: 1.25vw 0;font-size: 1.875vw;  /* padding: 10px 0;font-size: 15px; */}
	.common-search-container .top > div > button.map{height: 4.5vw;width: 4.5vw;  /* height: 36px;width: 36px; */}
	.common-search-container .top > div > button.map > img{height: 2vw;width: 2vw; /* height: 16px;width: 16px; */}
	.common-search-container .bottom{height: 62.5vw;  /* height: 500px; */}
	.common-search-container .bottom .cSearch-mapArea{padding:3.75vw;  /* padding:30px; */ }
	.common-search-container .bottom .cSearch-mapArea .cSM-wrap{height:18.75vw;  /* height:150px; */}
	.common-search-container .bottom .cSearch-mapArea .cSM-wrap:after{font-size:1.625vw; padding:0.625vw 1.875vw; border-radius: 1.875vw; right:1.25vw; bottom:1.25vw;  /* font-size:13px; padding:5px 15px; border-radius: 15px; right:10px; bottom:10px; */}
	.common-search-container .bottom > article{padding: 2.5vw; /* padding: 20px; */}
	.common-search-container .bottom > article:nth-last-child(2){min-height: 63.75vw;  /* min-height: 510px; */ }
	.common-search-container .bottom article h1{font-size: 2.25vw;  /* font-size: 18px; */}
	.common-search-container .bottom article h1:before{width:1.875vw; height:1.875vw; border-width:0.375vw; margin-right:0.625vw; margin-top:0.25vw;  /* width:15px; height:15px; border-width:3px; margin-right:5px; margin-top:2px; */}

	/* 상세보기 */
	.cSearch-detail-popup > article{padding:0 3.75vw 3.75vw 3.75vw;  /* padding:0 30px 30px 30px; */}
	.cSearch-detail-popup > article:first-child{padding-top:3.75vw;  /* padding-top:30px; */}
	.cSearch-detail-popup .cSD-close{font-size:1.625vw;border-radius: 1.875vw;padding: 1vw 1.875vw;  /* font-size:13px;border-radius: 15px;padding: 8px 15px; */}
	.cSearch-detail-popup .cSD-close > i{width: 2.5vw;height: 1.125vw; margin-right:0.625vw;  /*  width: 20px;height: 9px; margin-right:5px; */}
	.cSearch-detail-popup .cSD-close > i:after{width:1.375vw;height:1.375vw;margin-right: 0.375vw;  /* width:11px;height:11px;margin-right: 3px; */}


	/* ========================
			상세정보 탭
	=========================== */
	.tabTable .tabBtn > button{font-size: 1.875vw;padding: 1.125vw 0;max-width: 25vw;  /* font-size: 15px;padding: 9px 0;max-width: 200px; */}

	/* 맵 - 안전점검 결과 전체보기 팝업 */
	.widePopupList .common-search-container{max-width: 100%;padding: 0 2.5vw 2.5vw 2.5vw;border-radius: 1.25vw;margin: 0 3.75vw;  /* max-width: 100%;padding: 0 20px 20px 20px;border-radius: 10px;margin: 0 30px; */}


}


/* ==== 450px 이하 일때 ==== */ @media only screen and (max-width:450px) {

	/* ------------------

	px to vw
	veiwport : 450px 기준

	---------------------*/

	/*===== basic 공통 =====*/

	/* 공통 통합검색 영역  */
	.common-search-container.open{height: 119.111vw;margin-bottom: 4.444vw; /*  height: 536px;margin-bottom: 20px; */}
	.common-search-container .top > div > button {padding: 2.222vw 0;font-size: 3.333vw;  /* padding: 10px 0;font-size: 15px; */}
	.common-search-container .top > div > button.map{height: 8vw;width: 8vw; /*  height: 36px;width: 36px; */}
	.common-search-container .top > div > button.map > img{height: 3.556vw;width: 3.556vw;  /* height: 16px;width: 16px; */}
	.common-search-container .bottom{height: 111.111vw;  /* height: 500px; */}
	.common-search-container .bottom .cSearch-mapArea{padding:6.667vw;  /* padding:30px; */ }
	.common-search-container .bottom .cSearch-mapArea .cSM-wrap{height:33.333vw;  /* height:150px; */}
	.common-search-container .bottom .cSearch-mapArea .cSM-wrap:after{font-size:2.889vw; padding:1.111vw 3.333vw; border-radius: 3.333vw; right:2.222vw; bottom:2.222vw;  /* font-size:13px; padding:5px 15px; border-radius: 15px; right:10px; bottom:10px; */}
	.common-search-container .bottom > article{padding: 3.333vw;  /* padding: 15px; */}
	.common-search-container .bottom > article:nth-last-child(2){min-height: 113.333vw;  /* min-height: 510px;  */}
	.common-search-container .bottom article h1{font-size: 3.778vw;line-height: 1.3; /*  font-size: 17px;line-height: 1.3; */}
	.common-search-container .bottom article h1:before{width:3.333vw; height:3.333vw; border-width:0.667vw; margin-right:1.111vw; margin-top:0.444vw;  /* width:15px; height:15px; border-width:3px; margin-right:5px; margin-top:2px; */}

	/* 상세보기 */
	.cSearch-detail-popup > article{padding:0 3.333vw 3.333vw 3.333vw ;  /* padding:0 15px 15px 15px; */}
	.cSearch-detail-popup > article:first-child{padding-top:3.333vw;  /* padding-top:15px; */}
	.cSearch-detail-popup .cSD-close{font-size:2.889vw;border-radius: 3.333vw;padding: 1.778vw 3.333vw;  /* font-size:13px;border-radius: 15px;padding: 8px 15px; */}
	.cSearch-detail-popup .cSD-close > i{width: 4.444vw;height: 2vw; margin-right:1.111vw;   /* width: 20px;height: 9px; margin-right:5px; */}
	.cSearch-detail-popup .cSD-close > i:after{width:2.444vw;height:2.444vw;margin-right: 0.667vw;  /* width:11px;height:11px;margin-right: 3px; */}


	/* ========================
			상세정보 탭
	=========================== */
	.tabTable .tabBtn > button{font-size: 3.333vw;padding: 2vw 0;max-width: 44.444vw;  /* font-size: 15px;padding: 9px 0;max-width: 200px; */}

	/* 맵 - 안전점검 결과 전체보기 팝업 */
	.widePopupList .common-search-container{max-width: 100%;padding: 0 3.333vw 3.333vw 3.333vw;border-radius: 2.222vw;margin: 0 4.444vw;  /* max-width: 100%;padding: 0 15px 15px 15px;border-radius: 10px;margin: 0 20px; */}


}