@charset "UTF-8";
/*  **************************************
 *	Name: 산림재해 통합관리체계 시스템
 *	PART:  FRONT COMMON GIS STYLE
 *	Version: 0.1
/*  ************************************* */

@import url(base.css);
@import url(common.css);
@import url(jquery-ui-gis.css);

html,body{overflow:hidden;height:100%;}

/* layout */
#wrap{position:relative;height:100%;}
#header{position:absolute;top:0;left:0;z-index:200;width: 100%;min-width:1260px;height:70px;}
#container{position:absolute;top:70px;right:0;bottom:0;left: 0;background:#ccc;z-index:20;}
#copyright {position:absolute;bottom:0;left:0;right:0;height:30px;background:#000;opacity:0.6;}
#aside{position:absolute;top:0;bottom:0;left:0;background:#fff;z-index:3;/*-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	transition: all 0.3s ease;*/}
#aside.full{width:100%;}
#aside.max{width:700px;}
#aside.max290{width:290px;}
#aside.mid{width:65px;}
#aside.min{width:0;}
#aside.full #pagewrap{right:0;width:auto;}

/*20170904스마트 산림재해추가*/
#smartheader{position:absolute;top:0;left:0;z-index:200;width: 100%;/* min-width:1260px; */height: 35px;background: #000;}
#smartcontainer{position:absolute;top: 35px;right:0;bottom:0;left: 0;background:#ccc;z-index:20;}
#smartcontent.min{/*left:700px;*/}
#dpms .map_control_box {z-index:750; left:10px;}

#nav{position:absolute;top:0;bottom:0;left:0;width:64px;border-right:1px solid #000;background:#282c37;}
#pagewrap {position:absolute;width:634px;left:65px;top:0;bottom:0;background:#fff;border-right:1px solid #e8e8e8;/*box-shadow: 2px 1px 3px 0px rgba(0,0,0,0.5);*/z-index:-2;}
#pagewrap.pagewrap2 {position:absolute;width:290px;top:0;bottom:0;background:#1A1C21;left:0;border-right:0px solid #000;/z-index:-2;}
#pagewrap .page_body{padding:15px 24px 25px 25px;min-width:585px;margin:0 auto;}

#aside #pagewrap.type2{position:absolute;left:65px;right:auto;top:0;bottom:0;width:635px;background:#fff;z-index:-2;border-right:none;}
#aside #pagewrap.type3{position:absolute;left:700px;top:0;right:0;bottom:0;background:#fff url(../images/pub/bg_page3.png) repeat-y;z-index:-2;border-right:none;}

#content{position:absolute;top:0;right:0;bottom:0;height:100%;}
#content.min{left:700px;}
#content.min2{left:290px;}
#content.mid{left:65px;}
#content.max{left:0;}
#content.max290{left:0;}
#content.right{right:210px;}

#maparea{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;}
#map {position:absolute;top:0;right:0;bottom:0;left:0;background:url(../images/pub/loading_map.png) repeat;}
#maplist{position:absolute;top:0;right:-350px;bottom:0;width:210px;background:#fff;z-index:2;-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	transition: all 0.3s ease;}
#maplist.active{display:block;right:0;}

/*20170921 추가변경*/
#header .header_inner_top .right .topM1 li {width:65px;padding:4px 0;margin-right:1px;background:#5265a0;text-align:center;color:#fff;font-weight:bold;float:left;cursor:pointer;}
.topM2 li {background:#bfbfbf;color:#fff;}


/*right layer201702829*/
#layerlist{position:absolute;top: 72px;border:1px solid #e9eef3;bottom:0;width:240px;background:#fff;z-index: 9999;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
#layerlist.active{right:0;width: 265px;height: 636px;}


/* location */
#header .locationbox {position:relative;float:left;margin:7px 15px;}
.location > strong {display:inline-block;background:#5e5d5d;border-radius:5px;padding:0 7px;margin-right:3px;height:20px;line-height:20px;font-size:12px;color:#cacaca;}
.locationbox a.location{color:#8b8b8b;font-size:12px;}
.locationbox a.location span {background:url(../images/pub/bg_dash2.png) no-repeat right center;padding-right:10px;font-weight:600;}
.locationbox a.location span.last{color:#fff;background-image:none;padding-right:0;}
.locationbox a.location em{margin-top:-1px;vertical-align:middle;}
.locationbox .col li.active {background:#e9e9e9;}
.locationbox .col li.active a{color:#333;}

/* aside close open */
.close_aside, .open_aside{display:block;position:absolute;top:50%;margin-top:-20px;right:-29px;width:29px;height:46px;text-indent:-9999px;}
#aside .close_aside {background:url(../images/pub/close_aside.png) no-repeat;}
#aside .open_aside {display:none;background:url(../images/pub/open_aside.png) no-repeat;}

.full_page, .mini_page{display:block;position:absolute;top:50%;margin-top:23px;right:-29px;width:29px;height:46px;text-indent:-9999px;}
#aside .full_page {background:url(../images/pub/full_page.png) no-repeat;}
#aside .mini_page {display:none;background:url(../images/pub/mini_page.png) no-repeat;}
#aside.full .mini_page{right:0;z-index:50;}

/* headlayer */
.headlayer {top:39px;}
.headlayer .layer_con:after{display:block;content:'';clear:both;}
.headlayer .layer_con {padding:10px;}
.locationbox.region .headlayer.layerbox{left:0;top:28px;width:330px;}
.locationbox.branch .headlayer.layerbox{left:0;top:28px;width:300px;}

.locationbox .headlayer .col{float:left;}
.locationbox.region .headlayer .col{width:33.333%;}
.locationbox.branch .headlayer .col{width:50%;}

.locationbox .select_tit, .locationbox ul{display:block;border:1px solid #e8e8e8;margin-left:10px;overflow:auto;}
.locationbox .col.first .select_tit, .locationbox .col.first ul{margin-left:0;}
.locationbox .headlayer .select_tit {display:block;border:1px solid #e8e8e8;height:24px;line-height:24px;}
.locationbox .col .select_tit {padding:3px 5px;background:url(../images/pub/arr_location.png) no-repeat 90% center;border-bottom:0;}
.locationbox ul{height:160px;}
.headlayer .col li{padding:3px 5px;font-size:13px;line-height:18px;}
.headlayer .layer_foot{background:#e6e6e6;border-top:1px solid #e9eef3;padding:7px 0; margin:0 auto;text-align:center;}

/* layerbox */
.layerbox {display:none;position:absolute;box-shadow:1px 1px 3px rgba(0,0,0,0.75);border:1px solid #ccc;background:#fff;}

/*infosearch*/
.info_search {float:left;margin-left:30px;color:#fff;font-size:11px;}
.info_search:after{clear:both;content:'';display:block;}
.info_search strong{float:left;margin-top:8px;}
.info_search strong .icon{display:inline-block;width:20px;height:17px;vertical-align:middle;text-indent:-9999px;}
.info_search ul{display:block;float:left;margin-left:10px;}
.info_search li{display:inline-block;margin:4px 3px 0 0;}
.info_search li a{width:26px;height:26px;display:inline-block;text-indent:-9999px;}
.info_search li .dot{background-position:-60px 2px;}
.info_search li .square{background-position:-91px 2px;}
.info_search li .circle{background-position:-121px 2px;}

/* map_type */
.map_type {float:left;margin:5px 30px 0 30px;border-radius:5px;display:block;background:#5e5d5d;color:#cacaca;font-size:12px;font-weight:600;}
.map_type:after{display:block;clear:both;content:'';}
.map_type li.active{background:#5495a1;}
.map_type li{float:left;border-left:1px solid #000;}
.map_type li.first{border-left:0;border-radius:5px 0 0 5px;}
.map_type li.last{border-radius:0 5px 5px 0;}
.map_type li a{display:inline-block;width:65px;height:24px;line-height:24px;text-align:center;color:#cacaca;}
.map_type li.active a{color:#fff;}

/* maptool */
.map_tool{float:left;margin:0 20px 0 0;}
.map_tool li {float:left;border-right:1px solid #383838;width:54px;height:35px;}
.map_tool li.first{border-left:1px solid #383838;}
.map_tool li a{display:inline-block;width:54px;padding-top:21px;height:14px;font-size:11px;font-weight:600;line-height:12px;color:#cacaca;text-align:center;/*-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;*/}
.map_tool li:hover{background-color:#fff;}
.map_tool .view{background-position:17px -72px;}
.map_tool .reset{background-position:-35px -72px;}
.map_tool .print{background-position:-93px -72px;}
.map_tool .save{background-position:-148px -72px;}
.map_tool .list{background-position:-203px -72px;}

.map_tool .view:hover{background-position:17px -107px;}
.map_tool .reset:hover{background-position:-35px -107px;}
.map_tool .print:hover{background-position:-93px -107px;}
.map_tool .save:hover{background-position:-148px -107px;}
.map_tool .list:hover{background-position:-203px -107px;}

.map_tool .list.active, .map_tool .list.active:hover{background-position:-203px -137px;color:#fff;}

/*20170921 추가변경*/
.map_tool .topM2 li a {color:#fff;}
.map_tool .topM2 li a:hover {color:#DE4E4E;}
.map_tool .topM2 li {border-right:1px solid #9c9c9c;}
.map_tool .topM2 li.first {border-left:1px solid #9c9c9c;} 

/* maplist */
#maplistlayer .btnbox{margin-bottom:5px;}
.layerguide {padding:0 15px 10px;font-size:12px;color:#333;}
.portlist{}
.portlist>li{background:#fff;margin:0 12px 5px;}
.portletbox {position:relative;border:1px solid #e9e9e9;padding:5px;}
.portletbox:after {content:'';display:block;clear:both;}
.portletbox .thumb_small {float:left;width:50px;height:50px;margin-right:10px;}
.portletbox .fl{float:left;}
.portletbox strong {font-size:13px;font-weight:600;color:#333;letter-spacing:-1px;display:block;width:100px;}
.portletbox span.close{position:absolute;right:10px;top:10px;width:10px;height:10px;background:url(../images/pub/icon_delete.png) no-repeat;cursor:pointer;text-indent:-9999px;}
.portletbox span.move{position:absolute;left:22px;top:22px;width:17px;height:17px;background:url(../images/pub/icon_move.png) no-repeat;cursor:move;text-indent:-9999px;}
.portletbox .alphasetting {width:100px;}
.portletbox .alphasetting span {font-size:11px;letter-spacing:-1px;color:#666;}

.accordionbox {margin:6px 12px 10px;}
.accordionbox .accordion_head{background:#e9e9e9;margin:4px 0 0;}
.accordionbox .accordion_head a {display:block;padding:5px 10px;background:url(../images/pub/arr_accordion_open.png) no-repeat 95% center;font-size:13px;font-weight:600;}
.maplegend.accordionbox .accordion_cont {border:1px solid #e9e9e9;padding:15px 20px;}
.maplegend.accordionbox li{padding:2px 0;font-size:12px;line-height:16px;}
.maplegend.accordionbox .legend{display:inline-block;width:16px;height:16px;margin-right:10px;vertical-align:middle;}
.maplegend.accordionbox .legend.circle{background:url(../images/pub/ico_legend_circle.png) no-repeat;}

.basemap.accordionbox .accordion_cont:after{clear:both;content:'';display:block;}
.basemap.accordionbox li{float:left;width:50%;margin-bottom:8px;}
.basemap.accordionbox li a{display:block;text-align:center;}
.basemap.accordionbox .thumb_middle{width:74px;height:74px;border:1px solid #e8e8e8;text-align:center;vertical-align:top;}

.basemap.accordionbox li span{display:block;text-align:center;font-size:11px;margin-top:5px;min-height:36px;}
.basemap.accordionbox .accordion_cont {border:1px solid #e9e9e9;padding:10px 5px;}

/* addlayerbox */
.addlayerbox.dialogbox.ui-dialog-content.ui-widget-content{background:#e6e6e6;overflow:auto;}
.addlayerbox:after {clear:both;display:block;content:'';}
.addlayerbox .fl{float:left;width:184px;border-right:1px solid #cacaca;height:503px;background:#fff;}
.addlayerbox .fr{position:relative;float:right;width:795px;height:503px;}/*810에서 795로 수정*/
.addlayerbox .searchbox2 {padding:15px 20px;border-bottom:1px solid #e9e9e9;}
.addlayerbox .searchbox2 input[type="text"] {width:120px;}
.addlayerbox .btnbox {position:absolute;right:30px;top:15px;z-index:1;}

/* copyright */
#copyright .notice{float:left;line-height:30px;padding-left:35px;font-size:12px;font-weight:600;color:#fff;}
#copyright .copy {float:right;line-height:30px;color:#fff;font-size:11px;margin-right:20px;}

.sliderbox {margin:20px 0;padding-left:20px;}
.sliderbox .item{padding-right:35px;}
.sliderbox ul{display:block;}
.sliderbox ul:after{display:block;content:'';clear:both;}
.sliderbox li {width:33.33333%;float:left;}
.sliderbox .pot {position:relative;padding:10px;border:2px solid #c6c6c6;margin:12px;background:#fff;}
.sliderbox .pot:after{display:block;clear:both;content:'';}
.sliderbox .pot .thumb_large{float:left;display:block;width:88px;margin:0 15px 5px 0;border:1px solid #e8e8e8;}
.sliderbox .pot .pot_tit{display:block;font-size:13px;letter-spacing:-1px;font-weight:600;height:36px;overflow:hidden;}
.sliderbox .pot .add{position:absolute;top:-13px;left:-13px;display:inline-block;background-position:-196px -185px;width:26px;height:26px;}
.sliderbox .pot .add:hover{background-position:-222px -185px;}
.sliderbox .pot.active .add{background-position:-222px -211px;}
.sliderbox .pot .desc {max-height:55px;overflow:hidden;font-size:12px;}
.sliderbox .pot .desc.expand{max-height:800px;overflow:visible;}
.sliderbox .pot .arr{position:absolute;bottom:5px;right:5px;display:inline-block;cursor:pointer;width:16px;height:16px;background:url(../images/pub/arr.png) no-repeat;text-indent:-99999px;}
.sliderbox .pot .arr{background-position:0 0;}
.sliderbox .pot .arr.toggle{background-position:-16px 0;}

/* map control_box */
.map_control_box {position:absolute;right:10px;top:100px;width:30px;z-index:2;-webkit-transition: all 0.3s ease;	-moz-transition: all 0.3s ease;	transition: all 0.3s ease;}
.map_control_box.right{right:220px;}
/* 201702829 컨트로박스 수정 */
.map_control_box.layer{right:20px;}
.map_zoom {display:block;background:#fff;opacity:0.9;box-shadow:-1px 0px 2px rgba(0,0,0,1);}
.map_zoom .zoomin, .map_zoom .zoomout{display:block;width:30px;height:26px;background:url(../images/pub/bg_slider.png) no-repeat;overflow:hidden;text-indent:-9999px;}
.map_zoom .zoomin{background-position:-60px 0;}
.map_zoom .zoomout{background-position:-60px -26px;}
.map_zoom .scale_slider {position:relative;display:block;margin:7px 0;width:30px;height:130px;background:url(../images/pub/bg_slider.png) no-repeat 0 -1px;}
.map_zoom .scale_slider.ui-slider-vertical .ui-slider-handle{position:absolute;z-index:2;display:block;width:20px;height:11px;margin:0 5px -5px;background:url(../images/pub/bg_slider.png) no-repeat -65px -54px;text-indent:-9999px;cursor:pointer;}
.map_zoom .scale_slider.ui-slider .ui-slider-range{position:absolute;z-index:1;display:block;width:30px;background:url(../images/pub/bg_slider.png) no-repeat -30px -1px;}

.map_zoom .scale_slider:after {display:none;position:absolute;left:-10px;top:-1px;width:15px; height:130px;content:'';background:url(../images/pub/bg_slider.png) no-repeat -94px 0px;}
.map_zoom .scale_slider:hover:after{display:block;}

.map_zoom .sliderbar .tooltip {position:absolute;display:block;top:-4px;right:24px;color: #FFF;background: #4874e4;height: 20px;padding:0 5px;text-indent:0;font-weight:600;line-height: 20px;text-align: center;font-size:11px;white-space:nowrap;visibility: hidden;}
.map_zoom .sliderbar .tooltip:after {content: '';position: absolute;display:inline-block;top: 50%;left: 100%;margin-top: -4px;background:url(../images/pub/arr_map_control.png) no-repeat;width:4px;height:8px;}
.map_zoom .sliderbar:hover .tooltip{visibility: visible;z-index: 999;}

.map_control {position:relative;}
.map_control>ul{display:block;margin-top:13px;box-shadow:-1px 0px 2px rgba(0,0,0,1);}
.map_control>ul>li{position:relative;border-top:1px solid #c0c0c0;background:#fff;opacity:0.9;}
.map_control>ul>li.first{border-top:0;}
.map_control>ul>li>a{position:relative;display:block;width:30px;height:27px;background:url(../images/pub/bg_map_control.png) no-repeat 0 0;}
.map_control .move {background-position: 0 0;}
.map_control .move2 {background-position: 0 -506px;}
.map_control .prev {background-position: 0 -28px;}
.map_control .next {background-position: 0 -56px;}
.map_control .refresh {background-position: 0 -84px;}
.map_control .ruler {background-position: 0 -252px;}
.map_control .mapsave {background-position: 0 -450px;}
.map_control .print {background-position: 0 -420px;}

.map_control .draw {background-position: 0 -168px;}
.map_control .grid {background-position: 0 -196px;}
.map_control .pastgrid {background-position: 0 -478px;}
.map_control .indonesia {background-position: 0 -224px;}
.map_control .airphoto {background-position: 0 -224px;}

.map_control .tooltip {position:absolute;color: #FFFFFF;background: #4874e4;height: 20px;padding:0 5px;line-height: 20px;text-align: center;font-size:11px;white-space:nowrap;visibility: hidden;}
.map_control .tooltip:after {content: '';position: absolute;top: 50%;left: 100%;margin-top: -4px;background:url(../images/pub/arr_map_control.png) no-repeat;width:4px;height:8px;}
.map_control a:hover .tooltip{visibility: visible;right: 100%;top: 50%;margin-top:-10px;margin-right:-5px;z-index: 999;}

.map_control .drawbox{width:116px;}
.map_control .rulerbox{width:87px;}
.map_control .movebox{width:58px;}
.map_control .drawbox, .map_control .rulerbox, .map_control .movebox {display:none;position:absolute;right:30px;top:0;padding:4px;background:#2b2b2b;border:1px solid #000;}
.drawbox li, .rulerbox li, .selectbox li, .movebox li{float:left;border:1px dotted #555;padding:2px;margin:-1px 0 0 -1px}
.drawbox li a, .rulerbox li a, .selectbox li a, .movebox li a{text-indent:-9999px; display:block;width:24px;height:24px;background:url(../images/pub/bg_map_control_sub.png) no-repeat;}


.drawbox .dot, .selectbox .dot{background-position:0 0;}
.drawbox .line, .selectbox .line{background-position:0 -24px;}
.drawbox .square, .selectbox .square{background-position:0 -48px;}
.drawbox .circle, .selectbox .circle{background-position:0 -72px;}
.drawbox .poly, .selectbox .poly{background-position:0 -337px;}
.drawbox .text{background-position:0 -96px;}
.drawbox .select{background-position:0 -120px;}
.drawbox .delete{background-position:0 -144px;}
.drawbox .write{background-position:0 -168px;}
.drawbox .setting{background-position:0 -310px;}

.selectbox .place {background-position:0 -264px;}
.selectbox .code {background-position:0 -288px;}

.rulerbox .distance{background-position:0 -216px;}
.rulerbox .area{background-position:0 -240px;}
.rulerbox .eraser{background-position:0 -192px;}

.movebox .zoomin {background-position:0 -360px;}
.movebox .zoomout {background-position:0 -384px;}

/* 색인도 */
.btn_indexmap {position:fixed;z-index:2;}
.btn_indexmap {display:block;position:absolute;right:10px;bottom:47px;width:56px;height:57px;background:url(../images/pub/icon_minimap.png) no-repeat;text-indent:-9999px;}
.btn_indexmap.right{right:220px;}

.maplayer.layerbox{position:absolute;display:block;top:30%;left:100px;width:400px;border-radius:5px 5px 0 0;background:#fff;border:1px solid #000;}
.maplayer .layer_head{background:#a2c62a;border-radius:5px 5px 0 0;}
.maplayer .layer_tit{color:#fff;font-weight:800;font-size:16px;height:40px;line-height:40px;padding-left:10px;}
.maplayer .icon_close{position:absolute;top:14px;right:14px;width:13px;height:13px;background:url(../images/pub/icon_close.png) no-repeat 0 100%;text-indent:-9999px;}
.maplayer .balloon{display:inline-block;bottom:-18px;left:50%;margin-left:-20px;background:url(../images/pub/bg_maplayer_balloon.png) no-repeat 0 0;width:41px;height:18px;}
.maplayer .layer_foot{background:#e6e6e6;border-radius:0;text-align:center;}
.maplayer .author {margin: 0;border-bottom: 1px dotted #d8d8d8;padding: 5px 0;}
.maplayer .author span{display:inline-block;padding-left:15px;margin-right:20px;background:url(../images/pub/icon_author.png) no-repeat;font-weight:600;}
.maplayer .author strong {display:inline-block;padding-left:10px;background:url(../images/pub/bg_dash3.png) no-repeat 3px center;font-weight:normal;}
.maplayer .author .name{background-position:0 3px;}
.maplayer .author .organ{background-position:0 -15px;}

.maplayer .accordion h4{background:#f4f7fa;border-top:1px solid #fff;border-bottom:1px solid #e9eef3;padding:0 15px;height:32px;line-height:32px;font-size:13px;font-weight:600;color:#000;}
.maplayer .article.mCustomScrollbar{overflow-y:auto;/*height:210px;*/}
.maplayer .inner{padding:10px;min-height:100px;}
.maplayer .accordion_tit a{display:block;background:url(../images/pub/bg_accordion.png) no-repeat right -18px;}
.maplayer .accordion_tit .active{display:block;background:url(../images/pub/bg_accordion.png) no-repeat right 10px;}


/*상세입력*/
.maplayer .balloon{display:inline-block;bottom:-18px;left:50%;margin-left:-20px;background:url(../images/pub/bg_maplayer_balloon.png) no-repeat 0 0;width:41px;height:18px;}
.maplayer .author span{display:inline-block;padding-left:15px;margin-right:20px;background:url(../images/pub/icon_author.png) no-repeat;font-weight:600;}
.maplayer .author strong {display:inline-block;padding-left:10px;background:url(../images/pub/bg_dash3.png) no-repeat 3px center;font-weight:normal;}
.maplayer .author .name{background-position:0 3px;}
.maplayer .author .organ{background-position:0 -15px;}

.maplayer .accordion h4{background:#f2f2f2;border-top:1px solid #fff;border-bottom:1px solid #e6e6e6;padding:0;height:32px;line-height:32px;font-size:14px;font-weight:600;color:#000;}
.maplayer .article.mCustomScrollbar{overflow-y:auto;/*height:217px;*/}
.maplayer .article .inner {padding:5px;background:#fff;}
.maplayer .accordion_tit a{display:block;background:url(../images/pub/bg_accordion.png) no-repeat 97% -18px;padding:0 10px;outline:0;font-size:13px;}
.maplayer .accordion_tit .active{display:block;background:url(../images/pub/bg_accordion.png) no-repeat 97% -18px;}
.maplayer .btnbox {margin:0 auto;padding:5px 0;}
.maplayer.tailnone .btnbox {margin:3px auto 0}
.maplayer .data_tbl{margin-bottom:0;}
.maplayer.tailnone .data_tbl{margin-bottom:10px;}
/*icon_layer*/
.maplayer.icon.ui-dialog.ui-widget .ui-dialog-titlebar{margin-top:25px;}
.maplayer.icon.ui-dialog.ui-widget .ui-dialog-title:before{display:block;position:absolute;left:10px;top:-25px;content:'';width:51px;height:53px;z-index:2;}
.maplayer.icon.ui-dialog.ui-widget .ui-dialog-title {padding-left:70px;}

/* 상황전파 */
.maplayer.icon.spread.ui-dialog.ui-widget .ui-dialog-title:before{background:url(../images/pub/layer_icon.png) no-repeat center center;}
.maplayer.icon.spread .ui-dialog-titlebar{background:#282c37;}

/* scrollTop */
.btn_scrolltop{position:fixed;bottom:10px;left:645px;display:inline-block;background:url(../images/pub/btn_top.png) no-repeat;width:32px;height:32px;text-indent:-9999px;overflow:hidden;}
#aside.full .btn_scrolltop{right:20px;left:auto;}
.btn_scrolltop.left{right:50%!important;margin-right:20px;}
.btn_scrolltop.right{right:0!important;margin-right:20px;}

.gispopup_head {position:relative;background:#373b48;border-bottom: 1px solid #e9eef3;}
.gispopup_head h3 {padding: 0 20px;height: 35px;line-height: 35px;color: #fff;font-size: 15px;font-weight: 600;background: url(../images/pub/tit_pagelayer.png) no-repeat 10px center;}
.gispopup_head .close{position:absolute;top: 9px;right: 10px;outline: 0;width: 16px;height: 16px;display:inline-block;background:url(../images/pub/btn_maptoollayer_close.png) no-repeat 0 0;text-indent:-9999px;}
.gispopup_wrap #maparea {position:absolute;top:36px;left:0;right:0;bottom:0;}

.indonesia_legend {position:absolute;left:10px;top:10px;background:#373b48;border-radius:5px;padding:5px 0 10px;color:#fff;font-size:14px;z-index:10;}
.indonesia_legend a{display:block;color:#fff;font-size:14px;line-height:34px;font-size:12px;}
.indonesia_legend>ul>li{padding:0 7px;line-height:34px;font-weight:600;vertical-align:middle;}
.indonesia_legend .hassub{border-top:1px solid #4d587c;}
.indonesia_legend .legend_list1.layerbox2{display:block;position:absolute;left:10px;top:10px;z-index:100;}
.indonesia_legend p{color:#8189a1;font-size:11px;padding:15px 5px 5px;letter-spacing:-1px;}
.indonesia_legend .icon_legend {margin-top:10px;}
.indonesia_legend .sub{background:#4d587c;padding:5px 10px;display:block;}
.indonesia_legend .sub li a{display:block;color:#fff;line-height:23px;font-size:12px;}
.indonesia_legend .sub .arr{display:inline-block;vertical-align:middle;width:11px;height:13px;background:url(../images/pub/arr_sky.png) no-repeat 0 0;}

.icon_legend{display:inline-block;width:16px;height:16px;vertical-align:top;margin-right:5px;}
.icon_legend.indonesia1{background:url(../images/legend/g_indonesia_1.png) no-repeat;}
.icon_legend.indonesia2{background:url(../images/legend/g_indonesia_2.png) no-repeat;}


/* toolbar */
.toolbarwrap{position:absolute;left:50%;margin-left:-100px;top:33.3%;}

/* map tool bar */
.toolbar{background:#1bb3ad;}
.toolbar>ul>li.active, .toolbar>ul>li:hover {background:url(../images/pub/toolbar_ov_bg.png) no-repeat -30px 1px;}

.toolbar {position:relative;border-radius:5px;padding:0 10px 0 5px;}
.toolbar .close {position:absolute;right:0;top:0;background:url(../images/pub/icon_close2.png) no-repeat left center;width:10px; height:30px;text-indent:-9999px;}
.toolbar>ul{display:block;background:#dee3e7;border:1px solid #afb7bd;border-left:0;}
.toolbar>ul:after{display:block;clear:both;content:'';}
.toolbar>ul>li{position:relative;float:left;border-left:1px solid #c0c0c0;}
.toolbar>ul>li.first{border-left:0;}

.toolbar>ul>li>a{position:relative;display:block;width:30px;height:30px;background:url(../images/pub/bg_map_control.png) no-repeat 0 0;}
.toolbar .tooltip {position:absolute;color: #FFFFFF;background: #4874e4;height: 20px;padding:0 5px;line-height: 20px;text-align: center;font-size:11px;white-space:nowrap;visibility: hidden;}
.toolbar .tooltip:after {content: '';position: absolute;top: 100%;left: 50%;margin-left: -4px;background:url(../images/pub/arr_map_control2.png) no-repeat;width:8px;height:4px;}
.toolbar a:hover .tooltip{visibility: visible;left: 50%;top: -20px;margin-left:-15px;z-index: 999;}

.toolbar .drawbox, .toolbar .selectbox{display:none;width:88px;}
.toolbar .draw {background-position: 0 -168px;}
.toolbar .select {background-position: 0 -307px;}
.toolbar .edit {background-position: 0 -336px;}
.toolbar .save {background-position: 0 -391px;}
.toolbar .delete {background-position: 0 -364px;}

.toolbar .drawbox, .toolbar .selectbox{display:none;position:absolute;left:-4px;top:30px;padding:4px;background:#2b2b2b;border:1px solid #000;} 



/* drawtool 20170718 추가*/
.drawtoolwrap{position:absolute;left:50%;margin-left:-154px;top:50px; width:312px;}

/* drawtoolbox */
.drawtoolbox {margin: 55px 0 0 0;}
.drawtoolbox ul li{float:left;margin:0 1px 1px 0;}
.drawtoolbox li.active a, .symbolbox li a:hover {background:#f56256;}
.drawtoolbox li a{display:block;background:#e6e6e6;width:32px;height:32px;text-align:center;line-height:32px;}
.drawtoolbox li img{vertical-align:middle;}

/* draw tool bar */
.drawtool{margin:-5px 0 10px 0}
.drawtool>ul>li.active, .toolbar>ul>li:hover {background:url(../images/pub/toolbar_ov_bg.png) no-repeat -30px 1px;}

.drawtool {position:relative;border-radius:5px;padding:0 10px 0 5px;}
.drawtool>ul{display:block;background:#dee3e7;border:1px solid #afb7bd;border-left:0;}
.drawtool>ul:after{display:block;clear:both;content:'';}
.drawtool>ul>li{position:relative;float:left;border-left:1px solid #c0c0c0;}
.drawtool>ul>li.first{border-left:0;}

.drawtool>ul>li>a{position:relative;display:block;width:36px;height:30px;background:url(../images/pub/bg_draw_control.png) no-repeat 0 0;}
.drawtool .tooltip {position:absolute;color: #FFFFFF;background: #4874e4;height: 20px;padding:0 5px;line-height: 20px;text-align: center;font-size:11px;white-space:nowrap;visibility: hidden;}
.drawtool .tooltip:after {content: '';position: absolute;top: 100%;left: 50%;margin-left: -4px;background:url(../images/pub/arr_map_control2.png) no-repeat;width:8px;height:4px;}
.drawtool a:hover .tooltip{visibility: visible;left: 50%;top: -20px;margin-left:-15px;z-index: 999;}

.drawtool .drawbox, .toolbar .selectbox{display:none;width:88px;}
.drawtool .txt {background-position: 2px 2px;}
.drawtool .box {background-position: 3px -30px;}
.drawtool .circle {background-position:3px -63px;}
.drawtool .triangle {background-position:3px -95px;}
.drawtool .line {background-position:3px -129px;}
.drawtool .arrow {background-position:3px -163px;}
.drawtool .land {background-position:3px -197px;}
.drawtool .curve {background-position:3px -232px;}


.drawtool .drawbox, .toolbar .selectbox{display:none;position:absolute;left:-4px;top:30px;padding:4px;background:#2b2b2b;border:1px solid #000;} 

/* properties */
.properties .color{display:block;padding-left:2px;}
.properties .color span{display:block;width:30px;height:20px;text-indent:-9999px;padding:0;margin:0;}
.properties .alphasetting:after{display:block;clear:both;content:'';}
.properties .alphasetting input {}
.properties .alphaslider{width:105px;display:inline-block;margin-left:10px;}

/* 선모양 */
.lineshape:after{display:block;content:'';clear:both}
.lineshape li{float:left;padding:3px;}
.lineshape li a{display:block;width:20px;height:20px;background:url(../images/pub/lineshape.png) no-repeat;text-indent:-9999px;}

.lineshape .lineshape1 {background-position:0 5px;}
.lineshape .lineshape2 {background-position:-25px 5px;}
.lineshape .lineshape3 {background-position:-50px 5px;}
.lineshape .lineshape4 {background-position:-75px 5px;}
.lineshape .lineshape5 {background-position:-100px 5px;}
.lineshape .lineshape6 {background-position:-125px 5px;}

.lineshape .active .lineshape1, .lineshape .lineshape1:hover{background-position:0 -15px;}
.lineshape .active .lineshape2, .lineshape .lineshape2:hover {background-position:-25px -15px;}
.lineshape .active .lineshape3, .lineshape .lineshape3:hover {background-position:-50px -15px;}
.lineshape .active .lineshape4, .lineshape .lineshape4:hover {background-position:-75px -15px;}
.lineshape .active .lineshape5, .lineshape .lineshape5:hover {background-position:-100px -15px;}
.lineshape .active .lineshape6, .lineshape .lineshape6:hover {background-position:-125px -15px;}

/* symbolbox */
.symbolbox ul li{float:left;margin:0 1px 1px 0;}
.symbolbox li.active a, .symbolbox li a:hover {background:#f56256;}
.symbolbox li a{display:block;background:#e6e6e6;width:32px;height:32px;text-align:center;line-height:32px;}
.symbolbox li img{vertical-align:middle;}

/*legend*/
.legend.circle{background:url(../images/pub/ico_legend_circle.png) no-repeat;display:inline-block;width:16px;height:16px;margin-right:5px;vertical-align:middle;}
.legend.ico{display:inline-block;height:16px;width:16px;margin-right:5px;background:url(../images/symbol/facility.png) no-repeat;vertical-align:middle;}
.legend.ico.facility1 {background-position:0 0;}
.legend.ico.facility2 {background-position:0 -20px;}
.legend.ico.facility3 {background-position:0 -40px;}
.legend.ico.facility4 {background-position:0 -60px;}
.legend.ico.facility5 {background-position:0 -80px;}
.legend.ico.facility6 {background-position:0 -100px;}
.legend.ico.facility7 {background-position:0 -120px;}
.legend.ico.facility8 {background-position:0 -140px;}
.legend.square {display:inline-block;width:16px;height:16px;margin-right:5px;vertical-align:middle;}
.legend.circle2{background:url(../images/pub/ico_legend_circle2.png) no-repeat;display:inline-block;width:13px;height:13px;margin-right:5px;vertical-align:middle;}


.legendlist1 {position:relative;}
.legendlist1 {border-top:1px solid #e8e8e8;padding:10px 0;}
.legendlist1 li:after{display:block;clear:both;content:'';}
.legendlist1 label{float:left;display:block;width:140px;padding-right:10px;background:url(../images/pub/arr_th.png) no-repeat right center;}
.legendlist1 strong{float:left;display:block;padding-left:10px;width:35px;text-align:right;font-family:tahoma;font-weight:normal;letter-spacing:0;}
.legendlist1 .btnbox {position:absolute;top:0;right:0;}

.legendlist2 {padding:8px 0}
.legendlist2 li {padding:2px 0;}
.legendlist2 li:after{display:block;clear:both;content:'';}
.legendlist2 li.hassub{border-top:1px solid #e8e8e8;padding:5px 0;margin:5px 0 0;}
.legendlist2 li.hassub>label{font-weight:600;}
.legendlist2 li li {padding-left:20px;}

.legendlist3 {position:absolute;right:0;top:25px;background:#1f1f1f;border-radius:5px 0 0 5px;z-index:1;}
.legendlist3 .inner {position:relative;padding:15px 20px 15px 55px;}
.legendlist3 strong{position:absolute;top:0;left:0;bottom:0;display:inline-block;width:15px;padding:30px 10px;background:#1bb3ad;border-radius:5px 0 0 5px;border:1px solid #1f1f1f;color:#fff;font-size:13px;font-weight:600;color:#fff;line-height:30px;text-align:center;}
.legendlist3 li{color:#fff;}


/* toolbarbox */
.toolbarbox {position:relative;background:#373b49;margin:0;}
.toolbarbox:after{display:block;content:'';clear:both;}
.toolbarbox li{float:left;border-right:1px solid #1d202b;width:80px;}
.toolbarbox li a {display:block;padding:0 0 0 20px;height:30px;line-height:30px; background: url(../images/pub/bg_map_control2.png) no-repeat;border-right:1px solid #4d515d;color:#9197ae;text-align:center;font-weight:600;}
.toolbarbox li a:hover {background-color:#4c5470;color:#fff;border-right:1px solid #4c5470;}
.toolbarbox a.draw {background-position:5px 0px;}
.toolbarbox a.draw:hover, .toolbarbox .active .draw {background-position:5px -30px;}
.toolbarbox a.edit {background-position:5px -60px;}
.toolbarbox a.edit:hover {background-position:5px -90px;}
.toolbarbox a.delete {background-position:5px -120px;}
.toolbarbox a.delete:hover, .toolbarbox .active .delete {background-position:5px -150px;}
.toolbarbox li.active a{background-color:#4c5470;color:#fff;}

/* toolbarbox */
.autowidth.maplayer.ui-dialog.ui-widget {width:auto;min-width:200px;}
.toolbarbox2 {position:relative;background:#373b49;margin:0;}
.toolbarbox2:after{display:block;content:'';clear:both;}
.toolbarbox2 li{float:left;border-right:1px solid #1d202b;}
.toolbarbox2 li a {display:block;height:30px;width:80px;line-height:30px; border-right:1px solid #4d515d;color:#9197ae;text-align:center;font-weight:600;}
.toolbarbox2 li a:hover {color:#fff;}
.toolbarbox2 li span{display:inline-block;background: url(../images/pub/bg_map_control3.png) no-repeat;width:20px;height:20px;vertical-align:middle;}


.toolbarbox2 .drawbox {float:left;display:block;background-position:0 0;height:32px;line-height:32px;color:#9197ae;}
.toolbarbox2 .drawbox strong {float:left;width:80px;text-align:center;}

.toolbarbox2 .dot, .toolbarbox2 .poly, .toolbarbox2 .line {float:left;background:#272a36;width:30px;height:32px;text-align:center;}
.toolbarbox2 .drawbox .dot {background:#272a36 url(../images/pub/bg_dot.png) no-repeat right center;border-right:0;}


.toolbarbox2 .dot span{background-position:0 -20px;}
.toolbarbox2 .poly span{background-position:0 -40px;}
.toolbarbox2 .line span{background-position:0 -60px;}
.toolbarbox2 .edit span{background-position:0 -80px;}
.toolbarbox2 .distance span{background-position:0 -100px;}
.toolbarbox2 .area span{background-position:0 -120px;}
.toolbarbox2 .save span{background-position:0 -140px;}
.toolbarbox2 .reset span{background-position:0 -160px;}
.toolbarbox2 .select span{background-position:0 -180px;}


.toolbarbox2 .dot:hover span, .toolbarbox2 .active .dot{background-position:-20px -20px;}
.toolbarbox2 .poly:hover span, .toolbarbox2 .active .poly{background-position:-20px -40px;}
.toolbarbox2 .line:hover span, .toolbarbox2 .active .line{background-position:-20px -60px;}

.toolbarbox2 .draw:hover span, .toolbarbox2 .active .draw{background-position:-20px 0;}
.toolbarbox2 .edit:hover span, .toolbarbox2 .active .edit {background-position:-20px -80px;}
.toolbarbox2 .distance:hover span, .toolbarbox2 .active .distance {background-position:-20px -100px;}
.toolbarbox2 .area:hover span, .toolbarbox2 .active .area {background-position:-20px -120px;}
.toolbarbox2 .save:hover span, .toolbarbox2 .active .save {background-position:-20px -140px;}
.toolbarbox2 .reset:hover span, .toolbarbox2 .active .reset {background-position:-20px -160px;}
.toolbarbox2 .select:hover span, .toolbarbox2 .active .select {background-position:-20px -180px;}

.dialogbox .inner2{padding:10px;min-height:20px!important;} 


.owl-controls.clickable {display:block!important;}


/* 기타 */
.pd0 {padding:0px;}
.pdl20 {padding-left:20px;}
.mgl20 {margin-left:20px;}
.bdlrd {-moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px;}
.bdrrd {-moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0;}
.wd150 {width:150px;}
.tac {text-align:center;}
.tar {text-align:right;}
.csp {cursor:pointer;}