@charset "utf-8";
/* 지도 스케일 슬라이더 */
.zoomSlider			{position: absolute;top: 12px;right: 140px;z-index: 10;border-radius: 5px;overflow: hidden;}
.zoomSlider > div {display:inline-block;float: right;}
.zoomSlider-Zoomin	{width: 40px;height: 40px;background: url(/images/content/map_sp.png) no-repeat #484848 -132px  -38px;cursor: pointer;}
.zoomSlider-Top		{width: 10px;height: 40px;background: #fff;}
.zoomSlider-Slider	{width:150px;height:40px;background: url(/images/content/slider_topback1.png) repeat-x;position: relative;}
.zoomSlider-Bottom	{width: 10px;height: 40px;background: #fff;}
.zoomSlider-Zoomout	{width: 40px;height: 40px;background: url(/images/content/map_sp.png) no-repeat #484848 -168px  -38px;cursor: pointer;}

/* 지도 스케일 슬라이더 - JQueryUI Custom CSS */
.zoomSlider .ui-slider-vertical {width: 130px;height: 40px;border: none !important;border-radius: 0px;}
.zoomSlider .ui-slider-range-min {background:none;background-image: url(/images/content/slider_bottomback1.png);border-radius: 0px;}
.zoomSlider .ui-slider-vertical .ui-slider-handle {left: 0; margin:0px; margin-left:0; margin-bottom:0; padding:0px; border-radius: 0px; border: none;}
.zoomSlider .ui-slider .ui-slider-handle {position: absolute;z-index: 2;width: 19px;height: 19px;cursor: pointer;background: url(/images/content/slider_handle.png) no-repeat 50% 50%;font-weight: bold;color: #1C94C4;outline: none;top: 12px;}
.zoomSlider .ui-slider-vertical {}


/* 지도 스케일 슬라이더 - JQueryUI Custom CSS */
.ui-slider-vertical { width:30px; border: none; border-radius: 0px; }
.ui-slider-vertical .ui-slider-handle { left:0px; margin:0px; margin-left:5px; margin-bottom:-5px; padding:0px; border-radius: 0px; border-color:#001840; }
.ui-slider .ui-slider-handle {position: absolute;z-index: 2;width: 18px;height: 10px;cursor: pointer;font-weight: bold;color: #1C94C4;outline: none;}
.ol-dragbox { background-color: rgba(255,255,255,0.4); border-color: rgba(100,150,0,1); }
.custom-handle {
	width: 3em;
	height: 1.6em;
	top: 50%;
	margin-top: -.8em;
	text-align: center;
	line-height: 1.6em;
}

#mouse-position { position:absolute; bottom: 10px; right: 10px; background-color: rgba(255,255,255,1); border-color: rgba(100,150,0,1); z-index:100;}
/*rimgisMap 범례*/
#custom-handle,
#custom-handle2,#custom-handle3,#custom-handle4,#custom-handle5,#custom-handle6 {width: 3.5em;height: 1.6em;top: 50%;margin-top: -.8em;text-align: center;line-height: 1.4em;margin-left: -2.3em;background-color: #05286a;color: #fff;font-weight: 200;font-size: 13px;}

.legendbox {z-index:10; position:absolute; right:-120px;}
.legendbox .optionlist > ul > li > ul > li label {padding-left:28px; margin:0}
/* .legendbox .optionlist > ul > li > ul > li label.op_fac01 {height: 25px;background: url('/images/content/map_sp.png') no-repeat -20px -112px;width: 25px;}
.legendbox .optionlist > ul > li > ul > li label.op_fac01 {height: 25px;background: url('/images/content/map_sp.png') no-repeat -20px -112px;width: 25px;}
.legendbox .optionlist > ul > li > ul > li label.op_fac02 {height: 25px;background: url('/images/content/map_sp.png') no-repeat -20px -144px;width: 25px;}
.legendbox .optionlist > ul > li > ul > li label.op_fac03 {height: 25px;background: url('/images/content/map_sp.png') no-repeat -20px -176px;width: 25px;}
.legendbox .optionlist > ul > li > ul > li label.op_fac04 {height: 25px;background: url('/images/content/map_sp.png') no-repeat -20px -207px;width: 25px;}
.legendbox .optionlist > ul > li > ul > li label.op_fac05 {height: 25px;background: url('/images/content/map_sp.png') no-repeat -20px -239px;width: 25px;}
.legendbox .optionlist > ul > li > ul > li label.op_fac06 {height: 25px;background: url('/images/content/map_sp.png') no-repeat -20px -272px;width: 25px;}
.legendbox .optionlist > ul > li > ul > li label.op_fac07 {height: 25px;background: url('/images/content/map_sp.png') no-repeat -20px -304px;width: 25px;}
.legendbox .optionlist > ul > li > ul > li label.op_fac08 {height: 25px;background: url('/images/content/map_sp.png') no-repeat -20px -335px;width: 25px;}
.legendbox .optionlist > ul > li > ul > li label.op_fac09 {height: 25px;background: url('/images/content/map_sp.png') no-repeat -55px -110px;width: 25px;}
.legendbox .optionlist > ul > li > ul > li label.op_fac10 {height: 25px;background: url('/images/content/map_sp.png') no-repeat -55px -142px;width: 25px;}
.legendbox .optionlist > ul > li > ul > li label.op_fac11 {height: 25px;background: url('/images/content/map_sp.png') no-repeat -55px -175px;width: 25px;}
.legendbox .optionlist > ul > li > ul > li label.op_fac12 {height: 25px;background: url('/images/content/map_sp.png') no-repeat -90px -105px;width: 25px;} */
.legendbox .optionlist > ul > li > ul > li em{border-radius: 3px;width: 16px;height: 16px;margin-right: 10px;}
.legendbox .optionlist > ul > li > ul > li em.op_fac00{width: 19px; background: url('/images/icon/op_rf270.png') no-repeat}
.legendbox .optionlist > ul > li > ul > li em.op_fac01{width: 19px;background: url('/images/icon/op_rf271.png') no-repeat}
.legendbox .optionlist > ul > li > ul > li em.op_fac02{width: 19px;background: url('/images/icon/op_rf510.png') no-repeat}
.legendbox .optionlist > ul > li > ul > li em.op_fac03{background: url('/images/content/fac_03.png') no-repeat}
.legendbox .optionlist > ul > li > ul > li em.op_fac04{background:#be22ce}
.legendbox .optionlist > ul > li > ul > li em.op_fac05{background:#de1b11}
.legendbox .optionlist > ul > li > ul > li em.op_fac06{background:#ababab}
.legendbox .optionlist > ul > li > ul > li em.op_fac07{background:#FF99CA}
.legendbox .optionlist > ul > li > ul > li em.op_fac08{background:#be22ce}
.legendbox .optionlist > ul > li > ul > li em.op_fac09{background: url('/images/content/fac_09.png') no-repeat}
.legendbox .optionlist > ul > li > ul > li em.op_fac10{background: url('/images/content/fac_10.png') no-repeat}
.legendbox .optionlist > ul > li > ul > li em.op_fac11{background:#be22ce}
.legendbox .optionlist > ul > li > ul > li em.op_fac12{background:#95c3fb}
.legendbox .optionlist > ul > li > ul > li em.op_fac13{background:#205eab}
.legendbox .optionlist > ul > li > ul > li em.op_fac14{background:#fac090}
.legendbox .optionlist > ul > li > ul > li em.op_fac15{background:#c0504d}
.legendbox .optionlist > ul > li > ul > li em.op_fac16{background:#00b050}
.legendbox .optionlist > ul > li > ul > li em.op_fac17{background:#a12bad}
.legendbox .optionlist > ul > li > ul > li em.op_fac18{background:#ddd9c3}
.legendbox .optionlist > ul > li > ul > li em.op_fac19{background:#7d754a}
.legendbox .optionlist > ul > li > ul > li em.op_fac20{background:#be22ce}
.legendbox .optionlist > ul > li > ul > li em.op_fac21{background: url('/images/content/fac_21.png') no-repeat}
.legendbox .optionlist > ul > li > ul > li em.op_fac22{background: url('/images/content/fac_22.png') no-repeat}




.legendbox .optionlist > ul > li > ul > li em.op_rc161_dst{background: url('/images/content/rc161.png') no-repeat}
.legendbox .optionlist > ul > li > ul > li em.op_rc163_dst{background: url('/images/content/rc163.png') no-repeat}
.legendbox .optionlist > ul > li > ul > li em.op_rc164_dst{background: url('/images/content/rc164.png') no-repeat}
.legendbox .optionlist > ul > li > ul > li em.op_rc165_dst{background: url('/images/content/rc165.png') no-repeat}



.legendbox .optionlist > ul > li > ul > li em.op_RF260{width: 19px;background: url('/images/icon/op_rf260.png') no-repeat}
.legendbox .optionlist > ul > li > ul > li em.op_RF520{width: 19px;background: url('/images/icon/op_rf520.png') no-repeat}
.legendbox .optionlist > ul > li > ul > li em.op_RF590{width: 19px;background: url('/images/icon/op_rf590.png') no-repeat}

.legendbox .optionlist > ul > li > ul > li em.riverlist_1{background:#0027FF}
.legendbox .optionlist > ul > li > ul > li em.riverlist_2{background:#00E0FF}

/* 241127 범례 디자인 수정*/
/* //TODO 추후 class명 수정 */
.legendbox .optionlist > ul > li > ul > li em.riverlist_tmp1{background:#0027FF}
.legendbox .optionlist > ul > li > ul > li em.riverlist_tmp2{background:#1f78b4}
.legendbox .optionlist > ul > li > ul > li em.op_fac12_tmp{background:#00E0FF}
/* 241127 범례 디자인 수정*/

.legendbox .optionlist > ul > li > ul > li em.op_land{border:1px solid #de1b11; background:#ffffff}

.legendbox .optionlist > ul > li > ul > li em.op_banksafe {height: 20px; background:url('/images/icon/banksafe.png') no-repeat 0 50%}

.legendbox em {width:19px;height:19px;display: inline-block;vertical-align: middle;}

.legendbox input[type="checkbox"] {width: 17px;height: 17px;vertical-align: middle;}
.legendbox input[type="checkbox"] {position:absolute;top: 0;left:0;margin:0;padding:3px;cursor:pointer;opacity:0;}
.legendbox input[type="checkbox"] + label {display:block; position:relative; padding-left:24px;}
.legendbox input[type="checkbox"]:not(:checked) + label:before,
.legendbox input[type="checkbox"]:checked + label:before {content:'';position:absolute;top: 45%;left: 0;width:19px;height:19px;line-height:19px;margin-top:-9px;background:#ffffff;border: 1px solid #e5e5e5;border-radius:5px;}
.legendbox input[type="checkbox"]:disabled + label:before {content:''; position:absolute; top:50%; left:0; width:19px; height:19px; line-height:19px; margin-top:-9px; background:#51bbe2}
.legendbox input[type="checkbox"]:checked:disabled + label:before {background:#fff}
.legendbox input[type="checkbox"]:checked + label:before {background: url('/images/common/icon_check.png') no-repeat;border:none}
.legendbox input[type="checkbox"]:not(:checked):focus + label:before,
.legendbox input[type="checkbox"]:checked:focus + label:before {outline:1px dotted #000;}

/*범례추가*/
.legendbox .ui-state-default {border-radius: 50px !important;top: -5px !important;background: #fff;}
.legendbox .ui-state-active,
.legendbox .ui-widget-content .ui-state-active,
.legendbox .ui-widget-header .ui-state-active,
.legendbox a.ui-button:active,
.legendbox .ui-button:active,
.legendbox .ui-button.ui-state-active:hover {border: 2px solid #aeaeae;background: #fff;font-weight: normal;color: #ffffff;}


#tblList li:hover {cursor:pointer}
#tblList li:hover {background:#eaf5fd; cursor:pointer}

#tblAddrList li:hover {cursor:pointer}
#tblAddrList li:hover {background:#eaf5fd; cursor:pointer}

.tab_con{display:none;}
.tab_con.active{display:block;}

.w05 {width:5% !important; float:left !important;}
.w10 {width:10% !important; float:left !important;}
.w15 {width:15% !important; float:left !important;}
.w20 {width:20% !important; float:left !important;}
.w25 {width:25% !important; float:left !important;}
.w30 {width:30% !important; float:left !important;}
.w35 {width:35% !important; float:left !important;}
.w40 {width:40% !important; float:left !important;}
.w45 {width:45% !important; float:left !important;}
.w50 {width:50% !important; float:left !important;}
.w60 {width:60% !important; float:left !important;}
.noborder {border: none !important;}