@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
	/* Nanum Gothic (font-family: 'Nanum Gothic', sans-serif;) */

/* reset */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,button,abbr,address,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,footer,header,section,summary
	{
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{
	display: block;
} /* HTML5 display-role reset for older browsers */
body,html {
	width: 100%;
	height: 100%;
}

ol,ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: none;
	vertical-align: top;
}

a {
	display: inline-block;
	text-decoration: none;
	color: inherit;
}

address {
	font-style: normal;
}

button {
	display: inline-block;
	border: none;
	background-color: transparent;
	cursor: pointer;
}

input,button,a,select,option {
	font-family: inherit;
	font-size: inherit;
}

input[type="checkbox"] {
	border: none !important;
} /* for lte IE10 */
input[type="radio"] {
	border: none !important;
} /* for lte IE10 */

/* common */
body,html {
	font-family: "Nanum Gothic", "NanumGothic", "나눔고딕", "맑은 고딕",
		"Malgun Gothic", Dotum, sans-serif;
	font-size: 12px;
	color: #333;
}

.clearFix {
	*zoom: 1;
}

.clearFix:after {
	content: "";
	display: block;
	clear: both;
}

.hidden {
	margin: 0;
	padding: 0;
	width: 0;
	height: 0;
	overflow: hidden;
	font-size: 0;
	line-height: 0;
}

input[type="text"],input[type="password"],textarea {
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

select {
	padding: 4px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #c2c2c2;
}

button {
	line-height: 1em;
	position: relative;
}




.wrap-all {
	position: relative;
	width: 100%;
	height: 100%;
}



.area-map {
	width: 100%;
	height: 100%;
	background-color: #cecece;
}


.sisul-map {
	width: 100%;
	height: 100%;
}




/* aside */
.aside {
	position: absolute;
	left: 0;
	top: 0;
	
	padding-bottom: 27px;
	width: 380px;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #fff;
	border-right: 1px solid #333;
	z-index: 800;
}

.aside.closedAside{left: -380px;}
.btn-aside{position: absolute;right: -21px;top: 50%;margin-top: -32px;width: 21px;height: 64px;background: url("../images/btn_aside_opened.png") no-repeat center center;background-color: #fff;border: 1px solid #333;border-left-color: #fff;text-indent: -9999px;}
.btn-aside.closedAside{background: url("../images/btn_aside_closed.png") no-repeat center center;background-color: #fff;}


.aside h1 {
	height: 75px;
	
	background: url("../images/sisul-logo.png") no-repeat 15px 15px;
	text-indent: -9999px;
}

/* 기본 환경   */
.sisul-log {
	position : absolute;
	left : 0;
	top : 0;
	width : 360px;
	height : 75px; 
	z-index : 1;
	display : inline;
		
}

.sisul-log h1 {
	height : 75px;
	background : url("../images/sisul-logo.png") no-repeat 15px 15px;
	text-indent : -9999px;	
	cursor : pointer;
}

.sisul-log-mobile {
		position : absolute;
		left : 0;
		top : 0;
		width : 360px;
		height : 75px; 
		z-index : 1;
		display:none;	
	}
	
.sisul-log-mobile h1 {
	height : 70px;
/* 	background : url("../images/sisul-search40.png") no-repeat 10px 10px; */
background : url("../images/test.jpg") no-repeat 10px 10px; 
	text-indent : -9999px;	
	cursor : pointer;
}

.txt-title {
	display: block;
	position: absolute;
	left: 50%;
	bottom: -30px;
	padding: 5px 0px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 12px;
	text-align: center;
	background-color: #333;
	white-space: nowrap;
}

.txt-title:after {
	display: block;
	position: absolute;
	left: 50%;
	top: -5px;
	margin-left: -5px;
	content: "";
	width: 0;
	height: 0;
	border-bottom: 5px solid #333;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
}


.area-userInfo {
	z-index : 10;
	position: absolute;
	right: 16px;
	top: 10px;
}

.area-userInfo button {
	margin-left: 10px;
	overflow: hidden;
	width: 47px;
	height: 46px;
	background-repeat: no-repeat;
	background-position: center center;
}

.area-userInfo button:hover {
	overflow: visible;
}

.area-attention {
	z-index : 1;
	position : absolute;
	right : 10px;
	bottom : 5px;
	color : #fff;
	font-size : 11px;
	text-shadow : 0px 0px 2px #000000;	
}

.area-attention img {
	cursor : pointer;
}

/* 우측 상단 버튼 */
.btn-sisul-area1 {
	background-image: url("../images/sisul-area01-selected.png");
}

.btn-sisul-area2 {
	background-image: url("../images/sisul-area02.png");
}

.btn-sisul-area3 {
	background-image: url("../images/sisul-area03.png");
}

.btn-sisul-area4 {
	background-image: url("../images/sisul-area04.png");
}

.btn-sisul-area5 {
	background-image: url("../images/sisul-area05.png");
}

/**/
.area-toolbar ul {
	margin-bottom: 10px;
	background-image: url("../images/bg_black.png");
	background-color: #222;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.area-toolbar li {
	width: 34px;
	height: 32px;
	border-top: 1px solid #161616;
}

.area-toolbar li:first-child {
	border-top: none;
}

.area-toolbar button {
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
}

/**/
.area-toolbar-top {
	position: absolute;
	right: 10px;
	top: 118px;
}

/**/
.area-toolbar-middle {
	position: absolute;
	right: 10px;
	top: 268px;
}

.area-toolbar-bottom {
	position: absolute;
	right: 10px;
	top : 574px;
}


/** 우측 버튼  **/
.btn-compass:hover {
	background-image: url("../images/btn_compass_hover.png");
}

.btn-zoomIn {
	background-image: url("../images/btn_zoomin.png");
}

.btn-zoomIn:hover {
	background-image: url("../images/btn_zoomin_hover.png");
}

.btn-zoomOut {
	background-image: url("../images/btn_zoomout.png");
}

.btn-zoomOut:hover {
	background-image: url("../images/btn_zoomout_hover.png");
}

.btn-distance {
	background-image: url("../images/btn_distance.png");
}

.btn-distance:hover {
	background-image: url("../images/btn_distance_hover.png");
}

.btn-distance.selected {
	background-image: url("../images/btn_distance_hover.png");
}

.btn-size {
	background-image: url("../images/btn_size.png");
}

.btn-size:hover {
	background-image: url("../images/btn_size_hover.png");
}

.btn-size.selected {
	background-image: url("../images/btn_size_hover.png");
}

.btn-save {
	background-image: url("../images/btn_save.png");
}

.btn-save:hover {
	background-image: url("../images/btn_save_hover.png");
}

.btn-click {
	background-image: url("../images/btn_click.png");
}

.btn-click:hover {
	background-image: url("../images/btn_click_hover.png");
}

.btn-click.selected {
	background-image: url("../images/btn_click_hover.png");
}

.btn-cancel {
	background-image: url("../images/btn_cancel.png");
}

.btn-cancel:hover {
	background-image: url("../images/btn_cancel_hover.png");
}

.btn-map-normal {
	background-image: url("../images/normal.png");
}

.btn-map-normal:hover {
	background-image: url("../images/normal_hover.png");
}
.btn-map-normal.selected {
	background-image: url("../images/normal_hover.png");
}


.btn-map-sky {
	background-image: url("../images/sky.png");
}

.btn-map-sky:hover {
	background-image: url("../images/sky_hover.png");
}

.btn-map-sky.selected {
	background-image: url("../images/sky_hover.png");
}


.ol-custom-zoom-control-2d {
	width: 34px;
	height: 64px;
	position: absolute;
	top: 193px;
	right: 9px;
	text-indent : 0px;
	text-align : center;
	background-image: url("../images/bg_black.png");
	background-color: #222;
	padding : 0px;
	border-radius : 3px;
}

.ol-custom-zoom-control-2d button {
	width : 100%;
	height : 50%;
	font-size : 0px;
	margin : 0px;
	background-color : transparent;
}

.ol-custom-zoom-control-2d button:hover {
	background-color : #333;
}

.ol-custom-zoom-control-2d .ol-custom-zoom-control-2d-in {
	border-bottom : 1px solid #222;
	background-image: url("../images/btn_zoomin.png");
	background-repeat:no-repeat;
	background-position:center center;
}

.ol-custom-zoom-control-2d .ol-custom-zoom-control-2d-out {
	background-image: url("../images/btn_zoomout.png");
	background-repeat:no-repeat;
	background-position:center center;
	
}


















/** 항공영상 */
.map-type-select {
	width: 34px;
	height: 64px;
	position: absolute;
	top: 153px;
	right: 9px;
	text-indent : 0px;
	text-align : center;
	background-image: url("../images/bg_black.png");
	background-color: #222;
	padding : 0px;
	border-radius : 3px;
}

.map-type-select button {
	width : 100%;
	height : 50%;
	font-size : 0px;
	margin : 0px;
	background-color : transparent;
}

.map-type-select button:hover {
	background-color : #333;
}

.map-type-select .map-type-select-sky {
	border-bottom : 1px solid #222;
	background-image: url("../images/btn_zoomin.png");
	background-repeat:no-repeat;
	background-position:center center;
}

.map-type-select .map-type-select-normal {
	background-image: url("../images/btn_zoomout.png");
	background-repeat:no-repeat;
	background-position:center center;
	
}

  
/** 거리,면적 측정 tooltip **/
.tooltip {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	opacity: 0.7;
	white-space: nowrap;
	z-index: 2000;
}

.tooltip-point {
	border-radius: 50%;
	width: 6px;
	height: 6px;
	background: red;
	pointer-events: none;
}

.tooltip-measure {
	opacity: 1;
	font-weight: bold;
	z-index: 2000;
	text-align: right;
}

.tooltip-static {
	background-color: #ffcc33;
	color: black;
	border: 1px solid white;
	z-index: 2000;
}

.tooltip-static-interim {
	background-color: #ccff33;
	color: black;
	border: 1px solid white;
	z-index: 2000;
}

.tooltip-static-interim:before {
	border-top: 6px solid #ccff33;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	position: absolute;
	bottom: -6px;
	margin-left: -7px;
	left: 50%;
}

.tooltip-measure:before,.tooltip-static:before {
	border-top: 6px solid rgba(0, 0, 0, 0.5);
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	position: absolute;
	bottom: -6px;
	margin-left: -7px;
	left: 50%;
}

.tooltip-static:before {
	border-top-color: #ffcc33;
}



.popover{	
	position:absolute;
	top:0;
	left:0;
	z-index:1060;
	display:none;
	max-width:276px;
	padding:1px;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:400;
	line-height:1.42857143;
	text-align:left;
	text-align:start;
	text-decoration:none;
	text-shadow:none;
	text-transform:none;
	letter-spacing:normal;
	word-break:normal;
	word-spacing:normal;
	word-wrap:normal;
	white-space:normal;
	background-color:#fff;
	-webkit-background-clip:padding-box;
	background-clip:padding-box;
	border:1px solid #ccc;
	border:1px solid rgba(0,0,0,.2);
	border-radius:6px;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
	box-shadow:0 5px 10px rgba(0,0,0,.2);
	line-break:auto;
	border-style:solid;
	border-width:2px;
	border-color : #010101;	
}
.popover.top{margin-top:-10px}
.popover.right{margin-left:10px}
.popover.bottom{margin-top:10px}
.popover.left{margin-left:-10px}
.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#d7d7d7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}
.popover-content{padding:9px 14px}
.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}
.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}
.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}
.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}
.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}
.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}
.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}
.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}
.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}
.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}




/*marker popup */
.sisulPopup {
	margin: 5px;
	width:180px;

}

.ta-l {
	text-align: left;
}

.ta-r {
	text-align: right;
}

.ta-c {
	text-align: center;
}




.area-scroll-name {
	overflow:auto;
/* 	height:auto; */
}


.area-info{padding: 0 10px;}
.area-search{padding: 0 10px;}

.title-search {
    line-height: 33px;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background-color: #d5d5d5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* 좌상단  메뉴 */
.mainCategoryTab ul{height:35px;}
/*.mainCategoryTab li{float:left;width:33.333333%;height:35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color:#008AD1;border-left:1px solid #8cb5e4;border-bottom: 1px solid #8cb5e4;}*/
/*.mainCategoryTab li{float:left;width:50%;height:35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color:#008AD1;border-left:1px solid #8cb5e4;border-bottom: 1px solid #8cb5e4;}
*/
.mainCategoryTab li{float:left;width:100%;height:35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-color:#008AD1;border-left:1px solid #8cb5e4;border-bottom: 1px solid #8cb5e4;}
.mainCategoryTab li:first-child{border-left:none;}
/*.mainCategoryTab li button{display:block;width:100%;height:100%;line-height:35px;text-align:center;color:#abc1ec;font-size: 14px;font-weight: bold;}*/
.mainCategoryTab li p{display:block;width:100%;height:100%;line-height:35px;text-align:center;color:#abc1ec;font-size: 14px;font-weight: bold;}
.mainCategoryTab li.current{background-color:#fff;border-bottom-color:#fff; border-top: 1px solid #8cb5e4;}
.mainCategoryTab li.current button{color:#125aac;}

.mainCategoryTab-cont{padding-top: 9px;}



/*분묘정보Tab 상단 selectbox  */
/*지역*/
.infotab-area-title {
	
    float: left;
    margin-right: 9px;
    padding: 10px 6px;
    height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#eaeaea;
}


/*지역 selectbox */
.infotab-area-select {
    float: left;
    margin-right: 5px;
    padding: 6px;
    height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#eaeaea;
}
/*
.infotab-area-select2 {
    float: left;
    padding: 8px;
    height: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#eaeaea;
}
*/
.infotab-area-select select {
    border: none;
    background-color:#eaeaea;
    width: 72px;
}




/*검색Tab 상단 */
/*사망자명*/
.searchtab-title {
    float: left;
    margin-right: 5px;
    padding: 6px;
    height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#eaeaea;
     
    
}

.searchtab-title select {
    border: none;
    background-color:#eaeaea;
    width: 88px;
}



/*사망자 검색탭 */
.searchtab-searchtext {
    float: left;
    padding: 6px;
    height: 36px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color:#eaeaea;
}

.searchtab-searchtext input {
	border: none;
	width: 80px;
	background-color: #fff;
}

.title-result{
	margin: 35px 0 5px;line-height: 33px;color: #555;font-size: 13px;font-weight: bold;text-align: center;background-color: #d5d5d5;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;
}

.info-totalCount {
	display:block;
	
}

.search-totalCount {
	display:inline-block;
	width:100%;	
}

.caseTotal {
	margin: 5px;
	margin-bottom: 0;
	padding: 0 5px;
	line-height: 24px;
	font-weight: bold;
	font-size: 12px;
	color: #666;
	border-bottom: 1px solid #d8d8d8;
}


.btn-findRoad {
    margin-right: 2px;
    margin-top: -3px;
    width: 20px;
    height: 20px;
    background: url(../images/btn_course_new.png) no-repeat center center;
    text-indent: -9999px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.btn-viewRoad {
    margin-right: 2px;
    margin-top: -3px;
    width: 20px;
    height: 20px;
    background: url(../images/btn_viewroad.png) no-repeat center center;
    text-indent: -9999px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}


/*분묘 정보 검색 결과*/
/*.area-result-search{overflow: auto;}*/
.caseBox{padding: 0 5px;border-bottom: 1px solid #d2d2d2;}
.caseBox.selected{background-color: #fcfcfc;}
/*
.caseBox.selected{background-color: #1f1f1f;}
.caseBox>div{padding: 10px 8px;border-bottom: 1px solid #d2d2d2;}*/
.caseBoxSub{padding: 10px 8px;}


.btn-name{margin-bottom: 10px;font-weight: bold;font-size: 14px;color: #333;text-align: left;}
.caseBox.selected .btn-name{color: #125aac;}


.btn-search {
    width: 24px;
    height: 24px;
    background: url(../images/btn_search.png) no-repeat center center;
    text-indent: -9999px;
}

.pagination{margin:0 5px;padding: 8px 0;text-align:center;border-top: 1px solid #d2d2d2;}
.pagination button{vertical-align:top;}
.pagination ul{display:inline-block;margin:0 5px;vertical-align:top;}
.pagination ul li{float:left;width:24px;height:24px;margin:0 2px;}
.pagination ul li button{width:100%;height:100%;color:#555;font-size:13px;}
.pagination ul li.current button{color:#fff;background-color: #0861c5;font-weight:bold;}
.btn-first{width:20px;height:24px;background:url("../images/btn_first.png") no-repeat center center;text-indent:-9999px;vertical-align:top;}
.btn-prev{width:13px;height:24px;background:url("../images/btn_prev.png") no-repeat center center;text-indent:-9999px;vertical-align:top;}
.btn-next{width:13px;height:24px;background:url("../images/btn_next.png") no-repeat center center;text-indent:-9999px;vertical-align:top;}
.btn-last{width:20px;height:24px;background:url("../images/btn_last.png") no-repeat center center;text-indent:-9999px;vertical-align:top;}


.deaddate {
	margin-bottom: 1px;
}

.familyname {
	margin-bottom: 2px;
}


.nav-footer{position: absolute;left: 0;bottom: 0;width: 100%;height: 24px;background-color: #555;}
.nav-footer ul{float: right;padding: 5px 5px 0 0;}
.nav-footer li{float: left;padding:0 5px;border-left: 1px solid #d4d4d4;}
.nav-footer li:first-child{border-left: none;}
.nav-footer button{padding: 1px;color: #d4d4d4;font-size: 11px;}




/* btn search 할때 사용 */
.btn-search-indicator {
	background: url("../images/ajax-loader.gif") no-repeat center center;
	background-color: #00b1b2;
}


.info-road {	
	padding: 3px 1px;
}


.info-road-top{
	margin-left: 20px;
	border: 1px solid #f1f1f1;
	background-color: #f1f1f1;
}

.info-road-search-result {
	
}