@CHARSET "UTF-8";

/*.legendBox{z-index:10;position:fixed;bottom:10px;left:0px;width:198px;padding:4px;height:auto;overflow:hidden;background:#fff;border:1px solid #dcdcdc;}*/
.legendBox{z-index:10;bottom:10px;left:0px;width:198px;padding:4px;height:auto;overflow:hidden;background:#fff;border:1px solid #dcdcdc;}

.colorbar{float:left;width:170px;height:220px;overflow:hidden;margin-bottom:10px;}
.colorbar li{color:#fff;text-align:right;position:relative;width:160px;height:22px;padding-right:10px;overflow:hidden;line-height:22px;font-size:12px;background:#890e4f;}
.colorbar li:nth-child(1){opacity:1;}
.colorbar li.ck:before{content:"";width:11px;height:13px;overflow:hidden;background:url(/statexp/images/ico/ico_colorbar01.png);position:absolute;left:0;top:3px;}

/* .ring .colorbar{position:relative;}  */
.ring .colorbar{position:relative;width:150px} 
.ring .colorbar li{overflow:visible;position:absolute;left:-100px;background:transparent !important;border-radius:50%;border-width:2px !important;bottom:0;width:140px;height:200px;}
.ring .colorbar li span{position:absolute;left:-2000px}
.ring .colorbar li:nth-child(10){width:208px;height:216px !important;left:-100px;}
.ring .colorbar li:nth-child(9){width:186px;height:196px !important;left:-90px;}
.ring .colorbar li:nth-child(8){width:164px;height:172px !important;left:-80px;}
.ring .colorbar li:nth-child(7){width:142px;height:150px !important;left:-70px;}
.ring .colorbar li:nth-child(6){width:122px;height:130px !important;left:-60px;}
.ring .colorbar li:nth-child(5){width:100px;height:106px !important;left:-50px;}
.ring .colorbar li:nth-child(4){width:76px;height:84px !important;left:-40px;}
.ring .colorbar li:nth-child(3){width:52px;height:62px !important;left:-30px;}
.ring .colorbar li:nth-child(2){width:30px;height:40px !important;left:-20px;}
.ring .colorbar li:nth-child(1){width:10px;height:20px !important;left:-10px;}

.legendBox.min .ring .colorbar{margin-bottom:0;margin-left:5px;width:120px;}  
.legendBox.min .ring .colorbar:before{position:absolute;content:"";width:100px;height:110px;left:0;bottom:0;background:#fff;border:1px solid #ccc;} 
.legendBox.min .ring .colorbar li{border-width:1px !important;bottom:5px;}
.legendRing.legendBox.min .ring .colorbar li:nth-child(10){width:88px;height:98px !important;left:1px;}
.legendRing.legendBox.min .ring .colorbar li:nth-child(9){width:78px;height:88px !important;left:6px;}
.legendRing.legendBox.min .ring .colorbar li:nth-child(8){width:68px;height:78px !important;left:10px;}
.legendRing.legendBox.min .ring .colorbar li:nth-child(7){width:58px;height:65px !important;left:15px;}
.legendRing.legendBox.min .ring .colorbar li:nth-child(6){width:48px;height:55px !important;left:20px;}
.legendRing.legendBox.min .ring .colorbar li:nth-child(5){width:38px;height:45px !important;left:25px;}
.legendRing.legendBox.min .ring .colorbar li:nth-child(4){width:28px;height:36px !important;left:30px;}
.legendRing.legendBox.min .ring .colorbar li:nth-child(3){width:20px;height:28px !important;left:34px;}
.legendRing.legendBox.min .ring .colorbar li:nth-child(2){width:12px;height:20px !important;left:38px;}
.legendRing.legendBox.min .ring .colorbar li:nth-child(1){width:4px;height:14px !important;left:42px;}


.legendRing{left:80px;}
#legendJum{left:160px;} 
 
.line .colorbar{position:relative;} 
.line .colorbar li{margin:10px 0 20px 0;bottom:0;width:140px;height:2px !important;}
.line .colorbar li span{position:absolute;left:-2000px} 

.legendBox.min .line .colorbar{background:#fff;} 
.legendBox.max .line .colorbar{background:transparent}

.ring .colorck a, .line .colorck a{display:none}
.ring .colorck, .line .colorck{position:absolute;width:100%;height:220px;overflow:hidden;}
.ring .colorck li, .line .colorck li, .legendLine li{border-bottom:1px dotted #ccc;height:21px;}
.ring .colorck li:before,
.line .colorck li:before{content:"";float:right;font-size:11px;margin-right:10px;line-height:21px;height:21px;}
.legendLine li>span {text-align:right;line-height:22px;font-size:11px;}

.colorck{float:right;width:20px;height:auto;overflow:hidden;}
.colorck li{width:100%;height:22px;overflow:hidden;}
.colorck li a{text-indent:-2000px;display:block;border-radius:50%;width:17px;height:17px;overflow:hidden;background:#890e4f;margin:0 0 0 auto}
.colorck li a.on{position:relative;}
.colorck li a.on:before{display:block;position:absolute;content:"";background:url(/statexp/images/ico/ico_ck.gif) no-repeat center center;width:100%;height:100%;background-size:100%;overflow:hidden;left:0;top:0;}
.legendRound{text-align:right;float:left;width:198px;height:34px;overflow:hidden;border-radius:17px;background:#28425b;}
.btn_legend, .span_legend{text-align:left;float:left;display:inline-block;width:80px;font-size:11px;color:#fff;padding-left:35px;height:34px;line-height:34px;overflow:hidden;background:url(/statexp/images/ico/ico_bum.gif) no-repeat 10px center;}
.btn_legendSetting{text-indent:2000px;margin-right:10px;display:inline-block;width:0;padding-left:13px;height:34px;overflow:hidden;background:url(/statexp/images/ico/ico_bumSetting.gif) no-repeat center center;}
.btn_legendSetting.on{background:url(/statexp/images/ico/ico_bumSetting_on.gif) no-repeat center center;}
.legendRound span{display:inline-block;height:34px;line-height:34px;font-size:11px;margin-right:10px;}
.legendRound a, .legendRound span{vertical-align:middle;color:#fff;}
/* .lgListBox{display:inline;position:fixed;left:-520px;bottom:20px;} */
.lgListBox{display:inline-block;width:340px;position:absolute;left:-520px;bottom:5px;}
.lgListBox>li{display:inline-block;margin-right:5px;vertical-align:bottom;width:34px;height:auto;overflow:hidden;position:relative;padding-bottom:34px;}
.lgListBox>li>a{position:absolute;left:0;bottom:0;} 
.lgListBox li a{font-family: 'Nanum Gothic';font-size:10px;display:table;width:34px;height:34px;overflow:hidden;background:#29435e;color:#fff;border-radius:50%;}
.lgListBox li:last-child a { letter-spacing: -1.7px; }
.lgListBox li a span{display:table-cell;text-align:center;vertical-align:middle;}
.lgListBox li a:hover, .lgListBox li a.on{background:#20b699}
.lgListBox li>ul{display:none}
.lgListBox li>ul>li{margin:2px 0 0 0}
.lgListBox li>ul>li>a{margin-bottom:5px;}
.lgTypeList{position:relative}

.jumArea{display:none;}
.legendBox.max .jum .jumArea{display:block}
.legendBox.min .jum{width:85px;height:90px;background:#fff;margin-left:12px;overflow:hidden}
.legendBox.min .jum:before{margin:23px;width:40px;height:40px;overflow:hidden;background:green;transform:rotate(45deg);display:block;content:"";} 
.jum .colorbar{display:none} 
.jum .colorck{width:100%;float:left;}
.jum .colorck li{width:10%;float:left;}
.jum .colorck li a{margin:0 auto}
.jum .jumText{font-size:11px;display:block;float:left;width:100%;height:auto;overflow:hidden;margin:10px 0;text-align:center;}
.jum .jumSlide{display:block;margin:10px;clear:both;}
.jum .jumGage{width:100%;height:auto;overflow:hidden;float:left;margin:10px auto;}
.jum .jumGage li{float:left;width:33%;text-align:center;color:#666;font-size:11px;}
.jum .jumGage li:first-child{text-align:left;}
.jum .jumGage li:last-child{text-align:right;}
 
.heatArea{display:none;background:#fff;}
.legendBox.max .heat .heatArea{display:block}
.heat .colorbar, .heat .colorck{display:none}
#color-label{position:absolute;left:-2000px} 
.heatArea .jQWCP-wWidget{margin-top:0}
.heatSlider {width:130px;float:left;margin:10px 10px 0 10px;}
.heatGuage {font-size:11px;margin-top:-5px;}
.heatGuage li:nth-child(1) {margin-left:10px;float:left;}
.heatGuage li:nth-child(2) {margin-left:105px;float:left;}
.heatInputText {display:block;width:35px;;height:35px;color:#fff;line-height:35px;overflow:hidden;text-align:center;font-size:13px;font-weight:bold;border-radius:20px;background:#00bcd4; cursor: pointer;margin-top:-4px;margin-right:5px;float:right;}
.heatMin{content:"";width:100px;height:110px;left:0;bottom:0;background:#fff;border:1px solid #ccc;margin-left:4px;}

.legendBox.min{background:transparent;border-color:transparent;width:120px;}
.legendBox.min .colorbar{width:30px;margin-left:42px}
.legendBox.min .colorbar li{opacity:1;}
.legendBox.min .colorbar li.ck:before{background:url(/statexp/images/ico/ico_ck.gif) no-repeat center center;position:absolute;left:10px;top:3px;}
.legendBox.min .colorck{display:none;}
.legendBox.min .legendRound{width:110px}

.legendBox.hide{background:transparent;border-color:transparent;width:90px;}
.legendBox.hide .colorbar{display:none}
.legendBox.hide .colorck{display:none}
.legendBox.hide .legendRound{width:34px}


.barsTit{position:absolute;width:100%;height:auto;overflow:hidden;left:0;top:10px;text-align:left;}
.barsEtcList .barsTit{position:absolute;left:0;top:auto;bottom:0;width:100%;text-align:center;font-size:11px;}
.barsEtcList .valueList{display:none}

.clickArea{position:relative;width:100%;height:auto;overflow:hidden;} 
.clickArea .fl{float:left; width:50%;height:auto;overflow:hidden;}
.clickArea .fr{float:right; width:50%;height:auto;overflow:hidden;}
.clickArea .fl>p, .clickArea .fr>p{margin-top:5px;width:100%;height:25px;line-height:25px;background:#dcdcdc;text-align:center}
.clickArea .fl>.charts, .clickArea .fr>.charts{position:relative;width:100%;height:265px;overflow:hidden;}

.clickMiniMap{width:119px;height:90px;border:1px solid #dcdcdc;position:relative;padding-top:24px;float:left;}
.clickMiniMap:before{position:absolute;left:0;top:0;content:"";display:block;height:24px;width:119px;overflow:hidden; background: #444;}
.clickArea .list01{margin-left:5px;float:left;width:400px;height:118px;overflow:hidden;}
.clickArea .list01 li{height:28px;line-height:28px;font-size:11px;width:100%;overflow:hidden;border-bottom:1px solid #dcdcdc;}

.clickArea .list02{float:left;width:100%;height:auto;}
.clickArea .list02 li{height:28px;line-height:28px;font-size:11px;width:100%;overflow:hidden;border-bottom:1px solid #dcdcdc;}
.clickArea .list02 li input{width:40px;border:1px solid #dcdcdc;}


.clockTypeBox{position:relative;width:100%;height:200px;overflow:hidden;}
.btn_clockTypePlay{border-radius:50%;position:absolute;left:0;top:/* 5px */18px;display:block;width:/* 26px; */30px;height:/* 26px */30px;;overflow:hidden;background:#dcdcdc url(/statexp/images/ico/ico_dbPlay.png) no-repeat center center;text-indent:-2000px;}
.btn_clockTypeSetting{text-indent:-20000px;border-radius:50%;position:absolute;left:0;top:/* 40px */73px;display:block;width:/* 26px */30px;height:/* 26px */30px;overflow:hidden;background:#dcdcdc url(/statexp/images/ico/ico_dbSetting.png) no-repeat center center;text-indent:-2000px;}
.btn_clockTypeOk{border-radius:50%;position:absolute;left:0;top:/* 75px */155px;display:none;width:/* 26px */30px;height:/* 26px */30px;overflow:hidden;background:#dcdcdc url(/statexp/images/ico/ico_dbOk.png) no-repeat center center;text-indent:-2000px;}
.btn_clockTypeLegend{border-radius:50%;position:absolute;left:0;top:/* 75px */115px;display:none;width:/* 26px */30px;height:/* 26px */30px;overflow:hidden;background:#dcdcdc url(/statexp/images/ico/ico_fixed_legend_off.png) no-repeat center center;text-indent:-2000px;}
.btn_clockTypePlay:hover, .btn_clockTypeSetting:hover, .btn_clockTypeSetting.on, .btn_clockTypeOk:hover, .btn_clockTypeLegend.on, .btn_clockTypeLegend:hover{background-color:#20b699}

.clockTypeBox .yearList{width:450px;min-height:72px;height:auto;margin:0 0 0 auto}

.clockTypeBox .yearList li{width:80px;height:auto;overflow:hidden;text-align:center;float:left;margin:5px 2px; display: none;}
.clockTypeBox .yearList li>div{display:block;width:/* 46px */50px;height:/* 26px */50px;color:#fff;line-height:/* 26px */50px;overflow:hidden;text-align:center;font-size:11px;border-radius:/* 13px */30px;background:#283944; cursor: pointer;}
.clockTypeBox .yearList li>input{position:absolute;left:-2000px;display:inline-block;margin-bottom:5px; margin-right: 32px;}
.clockTypeBox .yearList li.on>div{background:#00bcd4;}

#pieChartDiv1 {height:200px; width:200px;}
#pieChartDiv2 {position: relative; width: 160px; height: 160px; top: -180px; left: 20px; }
#pieChartDiv3 {position: relative; width: 120px; height: 120px; top: -320px; left: 40px; }

.fullPieLegend { text-align: center; left:0;bottom:0;width:100%;height:auto;overflow:hidden; }
.pieLegend { text-align: center; position:absolute;right:15px;bottom:15px;height:auto;overflow:hidden; margin-bottom:20px;}
.pieLegend1 { background: #c95236; color: #fff; display:block; height:auto;overflow:hidden;margin:5px auto; width: 135px;}
.pieLegend2 { background: #3677bb; color: #fff; width: 135px; display:block; height:auto;overflow:hidden;margin:5px auto;}
.pieLegend3 { background: #41b66e; color: #fff; width: 135px; display:block; height:auto;overflow:hidden;margin:5px auto;}
.legendName { float: left; display:block;height:15px;line-height:15px;width: 65px; text-align: left; margin-left: 5px;font-size:11px;}
.legendValue { float: right;display:block;height:15px;line-height:15px;font-size:11px;}
.pielegendBox1 {width:15px;height:15px;background-color:#E91E63;}
.pielegendBox2 {width:15px;height:15px;background-color:#03A9F4;}
.pielegendBox3 {width:15px;height:15px;background-color:#8BC34A;}


.fullCompareBox .tables{position:static;left:-20000px;width:380px;height:auto;overflow:hidden;}
.fullCompareBox .tables .btn_excelDownload{display:block;margin:5px 0 5px auto;width:41px;height:41px;overflow:hidden;text-indent:-2000px;background:url(/statexp/images/ico/ico_excel.png)}
.fullCompareBox .tables table{width:380px;table-layout:fixed;}
.fullCompareBox .tables .scrolls{width:380px;height:270px;border-bottom:1px solid #dcdcdc;overflow:hidden;}
.fullCompareBox .tables table caption{display:none}
.fullCompareBox .tables table th{font-size:11px;font-weight:normal;height:30px;border:1px solid #dcdcdc;background:#f1f1f1;}
.fullCompareBox .tables table td{font-size:11px;background:#fff;border:1px solid #dcdcdc;height:30px;text-align:right;padding:0 5px;}
.fullCompareBox .tables table td.al{text-align:left}

.rsText{width:100%;height:30px;padding:5px 0;line-height:30px;overflow:hidden;border-bottom:1px solid #dcdcdc;}
.rsText strong{font-size:22px;}
.mapResultList{width:100%;height:200px;overflow:hidden;background:#fff;}
.mapResultList ul{width:530px;height:auto;overflow:hidden;}
.mapResultList ul li{list-style:decimal;width:100%;height:25px;line-height:25px;/*overflow:hidden;*/} /* 2017. 12. 27 [개발팀 수정] */
.mapResultList ul li a{font-size:11px;display:block;height:25px;padding:0 10px;}
.mapResultList ul li a:hover{background:#2f4d6a;color:#fff;} 

.imAreaSlideEtc{float:left;width:120px;height:auto;overflow:hidden;font-size:11px;margin:5px 0 20px 0;}
.imAreaSlide{float:right;width:260px;height:80px;margin:10px 30px 0 0;position:relative;background:#dcdcdc}
.imAreaSlide.ui-slider .ui-slider-handle{width:25px;height:40px}
.imAreaSlide.ui-slider .ui-slider-handle span{display:block;margin-top:20px;font-size:11px;text-align:left;}
.imAreaList{width:530px;height:auto;overflow:hidden;}
.imAreaList li{width:100%;height:20px;line-height:20px;overflow:hidden;font-size:11px;} 
.imAreaCharts, .poiCharts{margin-top:20px;width:530px;height:300px;overflow:hidden;}
.imAreaTitle { position: absolute; top: 80px; right: 30px; font-weight: bold; }
.poiPieCharts{float:left;margin-top:20px;width:260px;height:260px;overflow:hidden;}
.poiPieList{float:left;margin-top:20px;width:260px;height:260px;overflow:hidden;}
.poiPieList li{font-size:13px;height:20px;line-height:20px;}
.poiPieList li>ol{margin-left:10px;}

.arrControllerBox{position:relative;width:530px;height:50px;overflow:hidden;}
.dscList dd .arrControllerBox a{background-repeat:no-repeat;background-position:center;background-color:#9b9b9b;border-radius:50%;display:block;width:23px;height:23px;overflow:hidden;position:absolute;top:9px;text-indent:-2000px;}
.dscList dd .arrControllerBox a:hover{background-color:#ec8f25;}
.arrControllerBox strong{margin:10px auto;display:block;background:#2f4d6a;color:#fff;width:465px;border-radius:12px;height:23px;overflow:hidden;text-align:center;line-height:23px;font-size:11px;font-weight:normal;}
.arrControllerBox a.fl{left:0;background-image:url(/statexp/images/ico/ico_left01.png);}
.arrControllerBox a.fr{right:0;background-image:url(/statexp/images/ico/ico_right01.png);} 

.publicArrControllerBox{position:relative;width:530px;height:60px;overflow:hidden;}
.publicArrControllerBox a{background-repeat:no-repeat;background-position:center;background-color:#9b9b9b;border-radius:50%;display:block;width:23px;height:23px;overflow:hidden;position:absolute;top:9px;text-indent:-2000px;}
.publicArrControllerBox a:hover{background-color:#ec8f25;}
.publicArrControllerBox strong{margin:10px auto;display:block;background:#2f4d6a;color:#fff;width:465px;border-radius:12px;height:48px;overflow:hidden;text-align:center;line-height:23px;font-size:11px;font-weight:normal;}
.publicArrControllerBox a.fl{left:0;background-image:url(/statexp/images/ico/ico_left01.png); background-repeat:no-repeat;background-position:center;background-color:#9b9b9b;border-radius:50%;display:block;width:23px;height:23px;overflow:hidden;position:absolute;top:9px;text-indent:-2000px; margin-top: 13px; }
.publicArrControllerBox a.fr{right:0;background-image:url(/statexp/images/ico/ico_right01.png); background-repeat:no-repeat;background-position:center;background-color:#9b9b9b;border-radius:50%;display:block;width:23px;height:23px;overflow:hidden;position:absolute;top:9px;text-indent:-2000px; margin-top: 13px; }
.publicArrControllerBox #publicSchoolTitle{margin:10px auto;display:block;background:#2f4d6a;color:#fff;width:465px;border-radius:12px;height:48px;overflow:hidden;text-align:center;line-height:42px;font-size:18px;font-weight:normal;}
.publicArrControllerBox #publicMetroTitle{margin:10px auto;display:block;background:#2f4d6a;color:#fff;width:465px;border-radius:12px;height:48px;overflow:hidden;text-align:center;line-height:42px;font-size:18px;font-weight:normal;}

.poiControllLayer{display:none;width:300px;height:auto;overflow:hidden;position:absolute;top:400px;right:400px;}
.poiControllLayer ul{}
.poiControllLayer ul li{background:#333;color:#fff;position:relative;margin-bottom:2px;width:100%;height:40px;line-height:40px;overflow:hidden;text-align:center;}
.poiControllLayer ul a{display:block;width:40px;height:40px;overflow:hidden;background:#ccc;position:absolute;top:0;}
.poiControllLayer ul a.fl{left:0;}
.poiControllLayer ul a.fr{right:0;}
.poiLineCharts{width:530px;height:300px;overflow:hidden;}
.dbText01{width:530px;margin:10px auto;height:auto;overflow:hidden;line-height:1.2em;font-size:11px;}
.dbTabs{width:530px;height:26px;overflow:hidden;margin:0 auto;}
.dbTabs li{width:104px;float:left;height:26px;overflow:hidden;}
.dbTabs li:first-child{width:106px;}
.dbTabs li>a{display:block;height:26px;overflow:hidden;border-radius: 13px;line-height:26px;color:#fff;background: #00bcd4;margin:0 0 0 5px;font-size:11px;text-align:center}
.dbTabs li:first-child>a{margin:0;}
.dbTitle01{display:block;width:530px;margin:10px auto;height:26px;overflow:hidden;border-radius:13px;line-height:26px; color:#fff;text-indent:10px;background:#333;}
.dbRangeBox{width:530px;height:auto;overflow:hidden;margin:10px auto;}
.dbRangeBox .fl{width:180px;height:auto;overflow:hidden;float:left;}
.rbSelectBox{float:right;width:124px;overflow:hidden;height:auto;}
.rbSelectBox select,.rbSelectBox span{font-size:11px;vertical-align:middle}
.rbSelectBox select{width:50px;height:26px;}
.rbSlide_controll_bar{width:100%;height:auto;overflow:hidden;font-size:11px; margin-left: 237px;}
.rbSlide_controll_bar li{float:left;width:83px;}
.dbTypeList{width:530px;height:auto;overflow:hidden;}
.dbTypeList li {width:50%;height:auto;overflow:hidden;float:left;}
.dbTypeList li:first-child{width:50%;}
.dbTypeList li .dbTypeSubj{margin:10px 2px;height:26px;font-size:11px;text-align:center;line-height:26px;background:#dcdcdc;color:#555;border-radius:13px;}
.dbTypeList li .dbTypeSubj label, .dbTypeList li .dbTypeSubj select{vertical-align:middle;}
.dbTypeList li .dbTypeSubj select{width:40px;height:20px;font-size:11px;}
.dbTypeList li .dbTypeCk{width:100%;height:auto;overflow:hidden;text-align:center}
.dbTypeList li .dbTypeCk input{position:absolute;left:-2000px;}
.dbTypeList li .dbTypeCk input:checked:before{background:url(/statexp/images/ico/ico_rdbox_on.gif);}
.dbTypeList li .dbTypeCk label{background:url(/statexp/images/ico/ico_rdbox.gif) no-repeat left center;padding-left:25px;height:20px;line-height:20px;display:inline-block;}
.dbTypeList li .dbTypeCk label.on{background:url(/statexp/images/ico/ico_rdbox_on.gif) no-repeat left center;}

.dbTypeGps{position:relative;margin:10px auto;display:block;text-indent:-2000px;border-radius:50%;width:34px;height:34px;overflow:hidden;background-color:#28425b;color:#fff;}
.dbTypeGps:before{position:absolute;left:11px;top:0;content:"";width:17px;height:17px;overflow:hidden;background:url(/statexp/images/ico/ico_sideList.png) no-repeat -30px 0;margin:9px auto 0 auto;display:block;}

.dbTypeList li .dbTypeContents{width:100%;height:auto;overflow:hidden;}
.dbRingList{position:relative;width:65px;height:60px;overflow:hidden;margin:0 auto;}
.dbRingList li{overflow:hidden;position:absolute;bottom:0;border-radius:50%;}
.dbRingList li:nth-child(1){width:50px;height:50px;border:3px solid green;left:5px;}
.dbRingList li:nth-child(2){width:40px;height:40px;border:2px solid green;left:10px;}
.dbRingList li:nth-child(3){width:30px;height:30px;border:1px solid green;left:15px;}

.dbTypeContents .dbColorbar{width:80px;height:20px;overflow:hidden;margin:20px auto 0 auto;}
.dbTypeContents .dbColorbar li{width:20px;height:20px;overflow:hidden;float:left;} 
.dbTypeContents .dbColorbar li span{position:absolute;left:-2000px}
#basic_handson01{width:530px;margin:10px auto;}
#basic_handson02{width:780px;margin:10px auto;border-bottom:1px solid #dcdcdc}

.dataSideBox.full .dbText01{display:block;width:auto;margin:10px;}
.dataSideBox.full .dbTabs{display:block;width:auto;margin:10px;}
.dbFullForm{display:block;margin:10px;height:auto;overflow:hidden;}
.dbFullForm .btn_ex01{padding:0 10px;height:26px;display:inline-block;line-height:26px;font-size:11px;overflow:hidden;text-align:center;border-radius:13px;background:#00bcd4;color:#fff;}
.dbFullForm .btn_ex02{padding:0 10px;height:26px;display:inline-block;line-height:26px;font-size:11px;overflow:hidden;text-align:center;border-radius:13px;background:#dcdcdc;color:#333;}
.dbFullForm .select01{width:40px;display:inline-block;height:26px;font-size:11px;}
.dbFullForm .select02{width:40px;display:inline-block;height:26px;line-height:26px;font-size:11px;background:#999;color:#fff;text-align:center}
.dbFullForm .select03{width:120px;display:inline-block;height:26px;font-size:11px;}
.dbFullForm span, .dbFullForm select, .dbFullForm a{margin-right:5px;vertical-align:middle;}

/* #guganSettingLayer{display:none;left:460px;top:auto;bottom:70px;} */
/* .guganSettingLayer {display: none; left: 460px; top: auto; bottom: 70px; }  */
/*  .label-setting { display: none; left: 460px; top: auto; bottom: 70px; } */
/* .opacityLayer {width: 200px; left: 580px; top: auto; bottom: 70px;} */
/* #colorSettingLayer{display:none;left:500px;top:-33px;z-index:10;} */
/* .colorSettingLayer{display:none;left:500px;top:-33px;z-index:10;} */
#jumSettingLayer{display:none;left:500px;top:auto;bottom:70px;z-index:10;}
#markerLibLayer{display:none;left:500px;top:auto;bottom:330px;z-index:10;}
/*.popBox {box-sizing: border-box;border: 1px solid #213967;background: #fff;width: 400px;height: auto;position: absolute;margin-left: -200px;top: auto;}.popBox .topbar{width:100%;height: 40px;line-height: 40px;overflow:hidden;background: #213967;position:relative;} 19년반영*/ 
.popBox {box-sizing: border-box;border: 1px solid #213967;background: #fff;width: 400px;height: 382px;position: absolute;margin-left: -200px;top: auto;border-radius: 9px 9px 9px 9px;}.popBox .topbar{width:100%;height: 35px;line-height: 35px;overflow:hidden;background: #1778cc;position:relative;border-radius: 9px 9px 0 0;} /**19년반영**/
.popBox .topbar>span{font-family: 'Nanum Gothic Bold';font-size: 15px;display:block;margin: 0 0 0 15px;color:  #fff;}
.popBox .topbar a{opacity: 1;display:block;width: 15px;height: 15px;overflow:hidden;position:absolute;right: 10px;top: 12px;background:url(/statexp/images/ico/ico_close01.png) no-repeat center center;text-indent:-2000px;transition-duration: .3s;transition-property: transform;transition-timing-function: ease-in-out;cursor: pointer;}
.popBox .topbar a:hover{transform: rotate(90deg);opacity:1;}
.popBox .popContents{position:  relative;width:100%;height:auto;overflow:hidden;padding:15px 0;}
.popBox .listFormPop{display:block;margin:10px;}
.popBox .listFormPop li{margin:5px auto;width:100%;height:auto;overflow:hidden;}
.popBox .listFormPop li .label{display:inline-block;font-size:13px;width:60px;height:25px;line-height:25px;}
.popBox .listFormPop li .inp{width:280px;padding:0 10px;height:25px;line-height:25px;}
.popBox .listFormPop li .date{width:104px;padding:0 10px;height:25px;line-height:25px;}
.popBox .listFormPop li .mr20{margin-right:20px}
.popBox .listFormPop li span, .popBox .listFormPop li input, .popBox .listFormPop li label, .popBox .listFormPop li button, .popBox .listFormPop li img{vertical-align:middle}
.popBox .txt{position:relative;display:block;height:auto;padding-left:15px;overflow:hidden;margin:5px 0 0 72px;color:#666;font-size:11px;line-height:1.5em;text-align:left;}
.popBox .txt:before{content:"※";font-size:13px;position:absolute;left:0;top:0;}
.popBox .txt1{position:relative;display:block;height:auto;padding-left:15px;overflow:hidden;margin:5px 0 0 72px;color:#666;font-size:11px;line-height:1.5em;text-align:left;}
.popBox .txt1:before{content:"";font-size:13px;position:absolute;left:0;top:0;}
.txt01{position:relative;display:block;height:auto;padding-left:15px;overflow:hidden;margin:5px 10px;color:#666;font-size:11px;line-height:1.5em;text-align:left;}
.txt01:before{content:"※";font-size:13px;position:absolute;left:0;top:0;}

.popBox .btnBox{width:100%;height:auto;overflow:hidden;margin:15px auto 0 auto;text-align:center;}
.popBox .inpSelect {width:  70px; line-height:  28px; height:  28px; }
.popBox .lvSelect, .popBox .inpSelect{position:absolute;left:110px;top: 8px;height:25px;font-size:11px;color: #555;-webkit-appearance: menulist;}
.popBox .inpSelect{top:0}
.popBox .inpSelect input, .popBox .inpSelect label{vertical-align:middle}
.popBox.hangjungArea{width:840px;border:0;background:transparent; z-index: 1500; top: 7%; left: 30%; display: none;}
.popBox.hangjungArea p{background:#dcdcdc;width:85px;height:32px;line-height:1.3em;font-size:13px;padding:10px;overflow:hidden;float:left}
.popBox.hangjungArea ul{width:560px;float:left;margin-left:10px;}
.popBox.hangjungArea ul li{float:left;margin-right:10px;height:auto;overflow:hidden;}
.popBox.hangjungArea ul li label{display:block;margin-bottom:5px;}
.popBox.hangjungArea ul li select{height:30px;border:1px solid #ccc;}
.popBox.hangjungArea .btnStyle01{float:right;margin-top:20px;margin-right:20px;}
.popBox.hangjungArea a.kosisClose{text-indent:-2000px;float:right;width:15px;height:15px;border:1px solid #555;border-radius:50%;background:#f5f5f5 url(/statexp/images/ico/ico_close01.png) no-repeat center center; margin-left: 15px;}
.popBox.hangjungArea a.kosisClose:hover{transform: rotate(90deg);}
.popBox.hangjungArea .rela{float:right;background:#fff;border:1px solid #ccc;padding:10px;position:relative;width:780px;height:auto;overflow:hidden;}
.popBox.hangjungArea .resizeIcon{display:block;text-indent:-2000px}
.popBox.hangjungArea.on ul,
.popBox.hangjungArea.on .btnStyle01{display:none}
.popBox.hangjungArea.on p{width:760px;height:auto;line-height:6px}
.popBox.hangjungArea.on .resizeIcon{right:10px;bottom:10px}
#kosisTitle { padding: 0px 0px 10px 10px; font-size: 15px; font-weight: bold; }
#kosisOrigin { padding: 0px 0px 10px 10px; font-size: 13px; }


.popBox .popContents .tabs{display:block;margin: 5px 15px 20px 15px;height:auto;overflow:hidden;}
.popBox .popContents .tabs a, .popBox .popContents .tabs span{float:left;}
.popBox .popContents .tabs span{font-family: 'Nanum Gothic Bold';height:20px;width:60px;font-size: 15px;}
.popBox .popContents .tabs a{box-sizing: border-box;width: 100px;text-align:center;border:1px solid #9f9f9f;font-size:11px;height:20px;padding:0 10px;margin:0;}
.popBox .popContents .tabs a.al{border-top-left-radius:5px;border-bottom-left-radius:5px;}
.popBox .popContents .tabs a.ac, .popBox .popContents .tabs a.on.ac{border-left:0;border-right:0;}
.popBox .popContents .tabs a.ar{border-top-right-radius:5px;border-bottom-right-radius:5px;}
.popBox .popContents .tabs a.on{border:1px solid #1ca98f;}
.popBox .popContents .tabs.only{width:306px;margin:10px auto;}
.opacityBox{text-align:right;display:block;margin:20px 10px 10px 10px;height:auto;overflow:hidden;position:relative;}
.opacityBox label, .opacityBox select{font-size:13px;height:25px;line-height:25px;display:inline-block;vertical-align:middle;}
.opacityBox .colorck{position:absolute;width:300px;height:auto;overflow:hidden;left:0;top:5px;}
.opacityBox .colorck li{float:left;width:24px;height:24px;}
.opacityBox .colorck li a{font-size:0;}

.popBox .color-box {background: transparent;height: 18px;width: 30px;cursor: pointer;position: relative;outline: none;margin-bottom: 1px;overflow: hidden;border-radius: 2px 2px 0px 0px;display: inline-block;border: 1px solid #ababab;box-sizing:  border-box;text-indent: -999px;}
.popBox input#black_color + label span {background: #000; } 
.popBox input#red_color + label span {background: #ff0000; } 
.popBox input#blue_color + label span {background: #0070c0; }
.popBox input#black_weight + label span {background: #666; } 
.popBox input#red_weight + label span {background: #ff0000; } 
.popBox input#blue_weight + label span {background: #0070c0; }
.popBox input#gray_bg + label span {background: #ddd; } 
.popBox input#white_bg + label span {background: #ffffff; } 
.popBox input#none_bg + label span{position:absolute;vertical-align:middle;background-position:-80px 3px;border:solid 1px #ccc;padding:0;margin:0;display:inline-block;background-image:url(../images/jquery.minicolors.png);opacity:0.9;cursor:pointer;}  
 /*19년반영 시작*/
.popBox input#dr_black_color + label span {background: #000; } 
.popBox input#dr_red_color + label span {background: #ff0000; } 
.popBox input#dr_blue_color + label span {background: #0070c0; }
/*19년반영 끝*/

.popBox li:nth-of-type(4) > span +div{display:inline-block;margin-left:2%;}
.popBox .radio-area + .form-group .minicolors-theme-default .minicolors-input{padding:0 5;position:absolute;height:27px;width:72px!important;left:35px;top:-4px;}
.popBox  .form-group span.minicolors-input-swatch{background:transparent;height:18px!important;width:30px!important;cursor:pointer;position:relative;outline:none;margin-bottom:1px;overflow:hidden;border-radius:2px 2px 0px 0px;display:inline-block;border:1px solid #ababab;box-sizing:border-box;text-indent:-999px;}


.popBox .adjus{position:relative;display:block;padding:12px 20px;border:1px solid #e7e7e7;background:#f2f2f2;overflow:hidden;margin: 0px 15px;}
.popBox .adjus li{display: block;padding: 0 35px;}
.popBox .adjus li>span{margin-right: 0;}
.popBox .adjus li>span:last-of-type{float: right;}
.popBox .info{color: #6980a3;padding:8px 0;}
.popBox .info h2{text-indent:20px;font-size: 12px;font-family: 'Nanum Gothic';}



.legnd-table-Box {border-top:1px solid #213967;position:static;background:#fff;width:372px;height:auto;margin: 0 auto;overflow:hidden;}
.legnd-table-Box .tables table{width:100%; table-layout:fixed;}
.legnd-table-Box  .tables .scrolls{width:100%;height:144px;border-bottom:1px solid #dcdcdc;overflow:hidden;}
.legnd-table-Box .tables table caption{display:none}
.legnd-table-Box .tables table th{font-size:12px;font-family:'Nanum Gothic Bold';color:#777;height:37px;background:#f6f7f8;border:1px solid #e0e0e0;border-width:1px 1px 1px 0px;solid #e0e0e0;border;padding:0 5px;}
.legnd-table-Box .tables table td{font-size:12px;background:#fff;padding:0px 5px;height:37px;border:1px solid #e0e0e0;border-width:0px 1px 1px 0px;text-align: center;}
.legnd-table-Box .tables table th:last-child,
.legnd-table-Box .tables table td:last-child{border-width:0px 0px 1px 0px;}
.legnd-table-Box .tables table td.al{text-align:left}
.legnd-table-Box .tables .scrolls .mCSB_inside > .mCSB_container {  margin-right: 0;}
.legnd-table-Box table td > input{width:100%;padding:0 5px;height: 25px;box-sizing:border-box;border:1px solid #cecece;line-height: 25px;color:#555;font-size: 12px;}


.wmTable{width:100%;font-size:13px;table-layout:fixed;}
.wmTable caption{display:none}


.colorSettingList01{width:380px;margin:9px auto;height:40px;overflow:hidden;}
.colorSettingList01 li{height:40px;width:10%;overflow:hidden;float:left;}
.colorSettingList01 li span{position:absolute;left:-2000px;}
.colorbarBox{width:380px;height:auto;overflow:hidden;margin:10px auto;position:relative;}
.colorbarBox>a{display:block;text-indent:-2000px;width:30px;height:30px;border-radius:50%;overflow:hidden;position:absolute;top:-5000px;}
.colorbarBox .fl{background:#00b051;left:0px;}
.colorbarBox .fr{background:#193b70;right:0px;}
.colorSettingList01 a {display: block;text-indent: -2000px;width: 14.2857%;height: 31px;overflow: hidden;position: absolute;} /* 9월 서비스 */

.jumContents{width:100%;height:auto;overflow:hidden;position:relative;border-bottom:1px solid #dcdcdc;}
.jumContents .opacityBox{width:300px;height:28px;margin:5px 10px 10px 10px;}
.jumContents .opacityBox .colorck{width:204px;}
.popBox .popContents .jumContents .tabs.only{margin:15px 0 0 10px;width:204px;}
.popBox .popContents .jumContents.mt0 .tabs.only{margin-top:0;}
.jumContents .posSelect{position:absolute;right:100px;top:18px;}
.jumContents .posSelect label{display:block;font-size:13px;margin-bottom:10px;}
.jumMarkerLink{display:block;width:45px;height:45px;overflow:hidden;background:#f5f5f5;position:absolute;right:18px;top:3px;}
.jumColorLink{display:block;width:45px;height:45px;overflow:hidden;text-indent:-2000px;background:#eb3774;position:absolute;right:18px;top:18px;}
.markerList{text-align:left;margin:3px 0 0 0;}
.markerList li{float:left;width:25px;height:25px;overflow:hidden;margin-right:5px;}
.markerList li img{width:23px;}
.markerList li a{border:1px solid #fff}
.markerList li a.on{display:block;width:23px;height:23px;overflow:hidden;border:1px solid red}
.markerLib{width:360px;height:150px;margin:0 auto;overflow:hidden;overflow-y:scroll;} 
.markerLib ul li{width:56px;height:60px;overflow:hidden;float:left;text-align:center;}
.markerLib ul li a{display:block;width:43px;height:43px;overflow:hidden;border:1px solid #fff}
.markerLib ul li a.on{border:1px solid red}


.btnStyle01, .btnStyle02{display:inline-block;padding:5px 10px;font-size:13px;height:20px;line-height:20px;background:#dcdcdc;color:#666;margin:0 5px;}
.btnStyle01:hover,.btnStyle01.on{background:#21b699;color:#fff}
#slider-range2, .slider-range{margin:15px auto;width:246px;}
.box_area_option02{width:100%;height:auto;overflow:hidden;margin:0 auto}
.mgb_12{width:260px;height:auto;overflow:hidden;margin:0 auto}
.stepBox .slider_controll_bar{margin:0;width:100%;height:auto;overflow:hidden;font-size:11px;}
.stepBox .slider_controll_bar li{float:left;width:41px;height:auto;overflow:hidden;text-align:center}
.stepBox .slider_controll_bar li:first-child{width:34px}

.grip{width:20px;height:100px;margin-top:0;background-image:url('/img/bg/grip.png');margin-left:4px;position:relative;z-index:88;cursor:e-resize;}
.grip:hover{background-position-x:-20px;}
.dragging .grip{background-position-x:-40px;}
.goganList{table-layout:fixed;width:380px;margin:10px;height:100px;overflow:hidden;}
.goganList.on:before{width:380px;height:100px;z-index:10;overflow:hidden;/* content:""; */background:url(/statexp/images/bg/bg_disabed.png);position:absolute;opacity:0}     
.goganDisabled{width:380px;height:100px;z-index:10;overflow:hidden;background:url(/statexp/images/bg/bg_disabed.png);position:absolute;left:10px;top:110px;} 
.goganList td{position:relative;height:100px;width:10%;}
.goganList td.on {display:inline-block;white-space:nowrap;}
.ui-resizable-e{width:11px;background:url(/img/bg/bg_resize.png) no-repeat center center;} 
.goganText{width:100%;height:auto;overflow:hidden;}
.goganText li{height:auto;overflow:hidden;float:left;text-align:left;margin-left:78px;font-size:11px;}
.goganText li:first-child{margin-left:10px;}

.quickBox.join .scrollBox{width:840px;}
.quickBox.join .stepBox{width:auto;padding:10px 10px 20px 10px}
.joinTextBox,
.roundTextBox{margin:10px 0 0 0;display:block;width:260px;height:30px;line-height:30px;background:#00bcd4;border-radius:15px;text-align:center;color:#fff}
.roundArrBox{color:#fff;padding-left:20px;margin:10px auto;display:block;width:240px;height:30px;text-align:left;line-height:30px;background:#00bcd4/* #dcdcdc */ url(/statexp/images/ico/ico_colorbar01.png) no-repeat 235px center;border-radius:15px;}
/* .roundArrBox:hover{background-color:#00bcd4; color:#fff;} */
.quickBox .roundTextBox {font-size:13px;margin-left:10px;text-align:left;padding-left:20px;width:240px;}
.quickBox.join .roundTextBox{margin-left:0px;}
.quickBox.join .roundTextBox select.fl{float:right;margin:3px 15px 0 0;height:23px;} 
a.roundTextBox{color:#555;background:#dcdcdc url(/statexp/images/ico/ico_up02.png) no-repeat 235px center;}
a.roundTextBox.on{color:#fff;background:#00bcd4 url(/statexp/images/ico/ico_down02.png) no-repeat 235px center;}
.subRoundTextBox {margin:10px 0 0 0;display:block;width:260px;height:30px;line-height:30px;background:#00bcd4;border-radius:15px;text-align:center;color:#fff;font-size:13px;margin-left:10px;text-align:left;padding-left:20px;width:240px;}
a.subRoundTextBox{color:#555;background:#dcdcdc url(/statexp/images/ico/ico_up02.png) no-repeat 235px center;}
a.subRoundTextBox.on{background:#dcdcdc url(/statexp/images/ico/ico_down03.png) no-repeat 235px center;}
.roundTextBox.fl{float:left;}
.quickBox.join select.fl{float:left;margin:10px 0 0 10px}
.quickBox.join .stepBox.join{padding:0;width:100%;}
.quickBox.join .joinStepBox{width:258px;float:left;padding:10px 10px 20px 10px;height:550px;overflow:hidden;border-left:1px solid #ccc;}
.quickBox.join .joinStepBox ul{font-size:12px;margin-top:10px;}
.quickBox.join .joinStepBox.first{width:260px;border-left:0}
.quickBox.join .joinStepBox .box_area_option02{margin-top:10px;}
.stepBox.join .slider_controll_bar li{width:36px;}
.stepBox.join #slider-range2, .stepBox.join .slider-range{width:235px;} /* 2016.09.08 9월 추가분 : 225->235 */
.stepBox ul.studyType>li:first-child{margin-bottom:10px;}
.stepBox ul.studyType>li select{width:107px;}
/* .stepBox ul.honinType>li:first-child{margin-bottom:10px;} */
.stepBox ul.honinType>li label{width:100px;}
.quickBox .joinDefault{display:none;margin-top:10px;}
/*mng_s  웹표준 css 조치 20170809 존재하지 않는 속성 삭제 
.quickBox.join .joinDefault{margin-tobasic_handson02p:0}
*/
/*mng_e  웹표준 css 조치 */
.stepBox ul.mt10{margin-top:10px}
.stepBox ul.flType01{width:400px;float:left;margin-top:15px}

.sqListBox.sq03 .btnBox{text-align:center;display:block;margin:10px auto}
.sqListBox.sq03 .sqList.type01 ul{margin:0;border-bottom:1px solid #ccc;}
.sqListBox.sq03 .sqList.type01 li{}
.sqListBox.sq03 .sqList.type01 li input{float:left;margin:8px 0 0 8px;}
.sqListBox.sq03 .sqList.type01 li label{padding-left:10px;text-align:left;float:left;height:30px;line-height:30px;width:250px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

/* 페이징 */
.pagenation .pages a {display: inline-block; height: 27px;border: solid 1px #d6d6d6;font-size: 12px;line-height: 27px;text-align: center;vertical-align: top; padding: 0 5px 0 5px; }
.pagenation .pages .btn {background-color: #eceae8;color: #666;}
.pagenation .pages .prev {border-right: none;}
.pagenation .pages .next {border-left: none;}
.pagenation .pages .page {border-left: none;color: #666;font-weight: bold;}
.pagenation .pages .page:first-child {border-left: solid 1px #d6d6d6;}
.pagenation .pages .current {background-color: #00bcd4;color: #fff;}



.ui-layout-pane { /* all 'panes' */ 
		background: #FFF; 
		border: 1px solid #BBB; 
		padding: 10px; 
		overflow: auto;
	} 

	.ui-layout-resizer { /* all 'resizer-bars' */ 
		background: #DDD; 
	} 

	.ui-layout-toggler { /* all 'toggler-buttons' */ 
		background: #AAA; 
	} 


.slide-back {
    position:absolute; 
}
/*slide*/
.ui-slider {position:relative;text-align:left;}
.ui-slider .ui-slider-handle {
    position:absolute;
    z-index:2;
    width:20px;
    height:20px;
    cursor:default;
    -ms-touch-action:none;
    touch-action:none;
    background:url("/statexp/images/ico/slider_btn01.png") no-repeat left 2px;
}
.ui-slider .ui-slider-range {
    position: absolute;z-index: 1;font-size: .7em;display: block;
    border: 0;background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal { height: .3em; } 
.ui-slider-horizontal .ui-slider-handle { top: -.5em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; } 

#dataSlider.ui-slider {position:relative;text-align:left;background:transparent !important;border:0} /* 2017.11.27 [개발팀] */
#dataSlider.ui-slider:before{content:"";position:absolute;top:2px;left:0;width:100%;height:5px;overflow:hidden;display:block;background:#0c8e74;}
#dataSlider.ui-slider .ui-slider-handle {
    position:absolute;z-index:2;width:11px;height:11px;
    cursor:default;-ms-touch-action:none;touch-action:none;background:#fff;borderr-radius:50%;top:-1px;
}
#dataSlider.ui-slider .ui-slider-range {
    position: absolute;z-index: 1;font-size: .7em;display: block;height:5px;overflow:hidden;top:2px;
    border:0;background-position: 0 0;
}
#leftSlider.ui-slider {position:relative;text-align:left;background:transparent;border:0}
#leftSlider.ui-slider:before{content:"";position:absolute;top:2px;left:0;width:100%;height:5px;overflow:hidden;display:block;background:#0c8e74;}
#leftSlider.ui-slider .ui-slider-handle {
    position:absolute;z-index:2;width:11px;height:11px;
    cursor:default;-ms-touch-action:none;touch-action:none;background:#fff;borderr-radius:50%;top:-6px;margin-left:-5px;
}
#leftSlider.ui-slider .ui-slider-range {
    position: absolute;z-index: 1;font-size: .7em;display: block;height:5px;overflow:hidden;top:2px;
    border:0;background-position: 0 0;
}
/* support: IE8 - See #6727 */
#dataSlider.ui-slider.ui-state-disabled .ui-slider-handle,
#dataSlider.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}
#dataSlider .ui-widget-header{background:#ec8f25;}
#dataSlider .ui-slider-horizontal { height: .3em; } 
#dataSlider .ui-slider-horizontal .ui-slider-handle { top: -.5em; margin-left: -.6em; }
#dataSlider .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
#dataSlider .ui-slider-horizontal .ui-slider-range-min { left: 0; }
#dataSlider .ui-slider-horizontal .ui-slider-range-max { right: 0; }
#dataSlider .ui-slider-vertical { width: .8em; height: 100px; }
#dataSlider .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
#dataSlider .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
#dataSlider .ui-slider-vertical .ui-slider-range-min { bottom: 0; }
#dataSlider .ui-slider-vertical .ui-slider-range-max { top: 0; } 

.stepBox ul.wonList01{width:258px;margin:0 auto;height:auto;overflow:hidden;} /* 2017.12.12 [개발팀] 접근성 시정조치 */
.stepBox ul.wonList01 li{width:86px;height:86px;overflow:hidden;float:left;}
.stepBox ul.wonList01 li a{color:#333;padding:0;display:table;width:60px;height:60px;overflow:hidden;margin:13px;line-height:1.2em;border-radius:50%;background:#d9d9d9;text-align:center;font-size:11px;}
.stepBox ul.wonList01 li a>span{display:table-cell;vertical-align:middle;text-align:center;}
.stepBox ul.wonList01 li a.on{background:#21b69a url(/statexp/images/ico/ico_ck01.png) no-repeat center 10px;color:#fff;}
.stepBox ul.wonList01 li.disabled{opacity:.5;}
.stepBox ul.wonList01 li.disabled a{cursor:default}

.ui-tooltip, .arrow:after {background:#f5f5f5;border:1px solid #dcdcdc;}
  .ui-tooltip {
    padding:10px;
    color: #666;  
    box-shadow:none;
    border:1px solid #dcdcdc !important; line-height:1em;
  }
  .ui-tooltip *{font-size:11px !important;}
  .ui-tooltip .subj{display:block;height:20px;margin:0 0 5px 0;font-size:11px;padding-left:20px;line-height:20px;background:url(/statexp/images/ico/ico_tooltip.png) no-repeat 5px center;}
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
    background:transparent;
  }
  .arrow.top {top:-16px;bottom: auto;}
  .arrow.left {left: 20%;}
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 15px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {bottom: -20px;top: auto;}
 
.rc-handle-container {position: relative;}
.rc-handle {position: absolute;width:11px;cursor: ew-resize;margin-left:-5px;z-index: 2;}
table.rc-table-resizing {cursor: ew-resize;}
table.rc-table-resizing thead,
table.rc-table-resizing thead > th,
table.rc-table-resizing thead > th > a {cursor: ew-resize;}

body.pop{background:none}
.popViewer{width:800px;padding:10px;height:auto;overflow:hidden;}
.popViewer.databoard{width:100%;padding:0}
.popViewer h1{width:100%;height:auto;overflow:hidden;margin:0;}
.popViewer .guide{border-bottom:2px solid #ccc;width:100%;height:auto;overflow:hidden;padding-bottom:5px;}
.popViewer.databoard .containerBox{top:93px;height:calc(100% - 93px);}
.popViewer .guide span, .popViewer a{vertical-align:middle;}
.pvRow{margin-top:10px;width:100%;height:auto;overflow:hidden;}
.pvRow .fl{float:left;width:288px;height:300px;overflow:hidden;border:1px solid #ccc;}
.pvRow .fr{float:right;width:498px;height:300px;overflow:hidden;border:1px solid #ccc;}
.pvRow .fl>p,.pvRow .fr>p{height:29px;border-bottom:1px solid #ccc;background:#dcdcdc;text-align:center;line-height:29px;}
.pvRow .pvContents{width:100%;height:270px;overflow:hidden;position:relative;}

.popViewer.databoard h1{margin:10px 0 0 10px}
.popViewer.databoard .guide span{margin-left:10px}
.popViewer.databoard .interactiveDataBoard,
.popViewer.databoard .dataSideBox{top:0}
.popViewer.databoard .dataSideBox{height:100%;}
.popViewer.databoard .colorbar{/* margin-bottom:0 */}

.pvRow .pvContents .pvcRow{display:block;margin:10px;height:auto;overflow:hidden;}
.pvRow .pvContents .pvcRow .subj{border-radius:15px;padding:0 10px;float:left; width:100px;height:30px;line-height:30px;overflow:hidden;background:#dcdcdc url(/statexp/images/ico/ico_colorbar01.png) no-repeat 100px center;}
.pvRow .pvContents .pvcRow select{float:left; width:348px;height:30px;border:1px solid #ccc;margin-left:10px;}
.pvRow .pvContents .pvcRow .scrolls{float:left; width:326px;height:187px;padding:10px;border:1px solid #ccc;margin-left:10px;}
.pvRow .pvContents .pvcRow .scrolls ul{width:100%;height:auto;overflow:hidden;}
.pvRow .pvContents .pvcRow .scrolls ul li{width:100%;height:30px;line-height:30px;overflow:hidden;}
.pvRow .pvContents .pvcRow .scrolls ul li a{display:block;height:30px;padding-left:10px;}
.pvRow .pvContents .pvcRow .scrolls ul li a:hover{background:#00bc8c;color:#fff;}
.pvRow .pvContents .charts{width:100%;height:233px;}

.dssRow{width:800px;height:auto;overflow:hidden;}
.dssRow .fl{width:385px;height:370px;overflow:hidden;float:left;margin:10px 0 0 10px;}
.dssRow .fr{width:385px;height:370px;overflow:hidden;float:left;margin:10px 0 0 10px;}
.dssRow .fl>p, .dssRow .fr>p{width:100%;height:30px;line-height:30px;border-radius:15px;background:#444;color:#fff;text-indent:20px;overflow:hidden;}
.dssContents{width:100%;height:300px;padding:30px 0 0 0;overflow:hidden;}
.cmListBox{float:right;/* width:254px; */ width: 380px; height:310px;overflow:hidden;}
.cmListBox span{width:100%;height:30px;line-height:30px;text-indent:10px;background:#f1f1f1;border-radius:15px;display:block;}
.cmListBox ul{margin:10px auto;width:100%;height:auto;overflow:hidden;}
.cmListBox ul li{width:50px;height:50px;overflow:hidden;line-height:50px;text-align:center;border-radius:50%;color:#fff;float:left;font-size:11px;margin-right:5px;margin-bottom:5px;background:#333; cursor: pointer;}
.cmListBox ul li.on{width:50px;height:50px;overflow:hidden;line-height:50px;text-align:center;border-radius:50%;color:#fff;float:left;font-size:11px;margin-right:5px;background:#00bcd4;}

.rsslBox{display:none}
.sceneBox .ui-resizable-e{background:none}
.resultSearchListScroll{border-radius:8px;width:258px;padding:0;margin:0 auto 10px auto;border:1px solid #dcdcdc;height:200px;overflow:hidden;overflow-y:auto;}
.rsTitle{font-size:13px;font-weight:normal;display:block;height:30px;line-height:30px;width:260px;overflow:hidden;margin:10px auto 0 auto;}
.resultSearchListScroll ol{width:258px;height:auto;overflow:hidden;}
.resultSearchListScroll li{width:100%;height:auto;overflow:hidden;padding:0;font-size:11px;border-bottom:1px solid #dcdcdc;}
.resultSearchListScroll li a{height:30px;line-height:30px;width:100%;overflow:hidden;display:block;text-indent:10px;}
.resultSearchListScroll li a:hover{background:#f1f1f1;}

li.ui-draggable-dragging{width:258px;height:auto;overflow:hidden;padding:0;font-size:11px;border:1px solid #333;background:#fff;}
li.ui-draggable-dragging a{height:30px;line-height:30px;overflow:hidden;display:block;padding:0 10px;}
li.ui-draggable-dragging .sqdel{display:none}

.hbfl{float:left;margin-top:5px}
.dscText01{display:block;margin:15px;line-height:1.5em;}
.dscEtc01{display:block;margin:15px;}

.viewTitle {}
.viewTitle span {float:left;width:60px;line-height:34px;font-weight:bold;text-align:center;display:none;color:#ffffff;font-size:13px;}
.mapBtnWrapper {width:34px;height:34px;right:-5px;}
.mapZoomWrapper {width:34px;height:85px;right:-5px;}
.combineShowHide {float:right;width:24px;height:24px;background:#20b699;margin-right:10px;margin-top:3px;border-radius:50%;display:table;cursor:pointer;}
.combineShowHide.off {background:#29435e;}
.combineShowHideText {font-size:12px;display:table-cell;text-align:center;vertical-align:middle;color:#ffffff;font-weight:bold;}
.btnStyle10 {display:inline-block;padding:5px 10px;font-size:13px;height:20px;line-height:20px;background:#dcdcdc;color:#666;margin:0 5px}
.btnStyle10.on {background:#00bcd4;color:#fff}
.btnStyle10.on:hover {background:#29435e;}

.legendRrefresh{text-indent:-2000px;display:none;position:absolute;right:6px;top:208px;width:14px;height:14px;overflow:hidden;background:url(/statexp/images/common/reverse.png);}
.legendBox.max .legendRrefresh{display:block}
.legendBox.max .heat .legendRrefresh, .legendBox.max .ring .legendRrefresh{display:none}
.legendBox.max .jum .legendRrefresh{top:6px}
.color .colorck li:last-child,
.jum .colorck li:last-child{display:block;}
.colorck li.jumGap {width:35px;}