@charset "UTF-8";

html,body{overflow:hidden;}
label,button{cursor:pointer;}
#wrap{overflow:hidden;/* height: 100%; */height:371px;}
.clearfix:before,.cf:before,.clearfix:after,.cf:after{display:table; /* 2 */content:' '; /* 1 */}
.clearfix:after,.cf:after{clear:both;}
.clearfix,.cf{*zoom:1;}
.site-content{*zoom:1;}
.float-none{float: none !important;}
.template{display: none !important; }

/* text-align */
.align-left {text-align:left !important; }
.align-right {text-align:right !important; }
.align-center  {text-align:center !important; }

/* header layout */
.rela{position:relative;overflow:hidden;width:100%;height:100%;}
.sceneBox{float:left;overflow:hidden;width:100%;height:100%;background:#fff;}
.sceneRela{position:relative;display:block;overflow:hidden;height:100%;}
.shadow{position:absolute;z-index:1001;top:0;left:0;display:none;overflow:hidden;width:100%;height:100%;opacity:.5;background:#333;}
.mapContents{overflow:hidden;width:100%;height:calc(100% - 40px);}
.mapContents img{width:100%;height:100%;}
.resizeIcon{position:absolute;right:0;bottom:0;display:none;overflow:hidden;width:27px;height:26px;background:url(../images/ico/ico_resize.gif);}
.totalResult{display:block;}
.cm01,.cm02,.cm03,.cm04{margin-top:10px;}
.cm02,.cm03,.cm04{display:none;}

.toolBar{position:relative;box-sizing:border-box;width:100%;height:34px;border-top:0px;border-bottom:1px solid #d8dade;background:#fff;}
.toolBar h2{font-family:'Nanum Gothic Bold';font-size:16px;position:absolute;top:7px;left:35px;display:inline-block;color:#213967;}
.toolBar h2:before{position:absolute;top:5px;left:-19px;display:inline-block;width:13px;height:12px;content:attr(data-before);background-image:url(../images/icon_title.png);background-repeat:no-repeat;background-position:left center;background-size:100%;}
.toolBar .tb_right .grid_radio,.toolBar .tb_right ul{vertical-align:middle;}
.toolBar .tb_right .grid_radio{display:inline-block;overflow:hidden;width:49px;height:26px;margin-top:2px;border-radius:10px;background:url(../images/bg/bg_gridradio_on.png);}
.toolBar .tb_right .grid_radio a{overflow:hidden;width:24px;height:26px;text-indent:-2000px;}
.toolBar .tb_right .grid_radio .fl{float:left;}
.toolBar .tb_right .grid_radio .fr{float:right;}
.toolBar .tb_right ul{display:inline-block;float:right;overflow:hidden;margin:2px 10px;}
.toolBar .tb_right ul li{float:left;overflow:hidden;width:34px;height:29px;margin-left:4px;}
.toolBar .tb_right ul li a{display:block;overflow:hidden;width:34px;height:29px;cursor:pointer;}
.toolBar .left button:last-child{    /* margin-right: 10px; */}
.toolBar .tb_right .left{line-height:26px;position:relative;top:3px;display:inline-block;overflow:hidden;height:26px;}
.toolBar .left button[type='button']{line-height:26px;min-width:90px;height:26px;padding:0 10px;cursor:pointer;border:0;border-radius:25px;outline:0;background-color:#1dab8f;}
.toolBar .left button > span{font-size:12px;line-height:26px;display:block;height:26px;color:#fff;}

.interactiveBar{position:relative;overflow:hidden;box-sizing:border-box;width:100%;height:35px;border-top:transparent;border-bottom:1px solid #d8dade;background:#f5f5f5;}
.interactiveBar h3{font-family:'Nanum Gothic Bold';font-size:15px;line-height:34px;position:relative;height:34px;text-indent:37px;color:#333;}
.interactiveBar h3:before{content:'';position:absolute;top:13px;left:22px;display:block;box-sizing:border-box;width:10px;height:10px;border:3px solid #3985d0;border-radius:50%;}
.interactiveBar h3 > span{font-family:'Nanum Gothic';font-size:13px;line-height:34px;padding:10px;color:#686868;}

#mapNavi,.interactNavi{position:absolute;top:3px;left:170px;}
.interactNavi img{display:inline-block;box-sizing:border-box;width:32px;height:24px;}
.interactiveSelect{color:#555!important;background-color:#e5e7e8!important;background-image:url(../images/ico_arr01_new.gif)!important;}
.interactiveSelect,.interactiveIco{vertical-align:middle;}
.interactiveSelect{font-size:12px;line-height:26px;display:inline-block;height:26px;padding:0 30px 0 10px;cursor:pointer;color:#fff;border-radius:15px;background:#2c3a45 url(../images/ico_arr01.gif) no-repeat 95% center;}
.interactiveIco{display:inline-block;float:left;height:30px;margin-top:5px;padding:0 10px;color:#fff;border-radius:15px;border-top-left-radius:0;border-bottom-left-radius:0;background:#2c3a45;}
.interactiveIco img{margin-top:8px;}
.interactiveView{line-height:23px;display:none;float:left;height:23px;margin:6px 0 0 5px;padding:0;color:#333;}
.interactiveClose{float:left;margin-top:10px;}

.interactiveCate{float:right;margin-right:10px;}
.interactiveCate ul{display:inline-block;}
.interactiveCate ul li{display:inline-block;padding:0 10px;}

.tb_right{position:absolute;right:0;float:right;}
.tb_close{display:none;float:right;margin:10px 10px 0 0;}
.helperText{font-size:13px;line-height:34px;position:absolute;left:38px;display:inline-block;color:#686868;}
.helperText span,.helperText img{vertical-align:middle;}
.mapArea{position:relative;width:100%;height:500px;background:#fff;}
.sideOpiton{position:absolute;top:0;right:-400px;overflow:hidden;width:450px;height:500px;}
.btn_dataBoard{float:left;overflow:hidden;width:50px;height:50px;margin-top:240px;text-indent:-2000px;background:#333;}

/* tooltip */
.ui-tooltip,.arrow:after{border:1px solid #dcdcdc;background:#f5f5f5;}
.ui-tooltip{line-height:1em;padding:10px;color:#666;border:1px solid #dcdcdc!important;box-shadow:none;}
.ui-tooltip *{font-size:11px!important;}
.ui-tooltip .subj{font-size:11px;line-height:20px;display:block;height:20px;margin:0 0 5px 0;padding-left:20px;background:url(/img/ico/ico_tooltip.png) no-repeat 5px center;}
.ui-tooltip .bottom{height:0;}
.arrow{display:none;}
/* .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;} */

/* left menu layout */
.containerBox{position:absolute;top:105px;left:0;width:100%;height:calc(100% - 105px);background:#f1f1f1;}
.quickBox{position:absolute;top:0;left:0;box-sizing:border-box;width:220px;height:calc(100% - 70px);border-right:1px solid #b2b4b6;background: #f5f5f5;}
.quickBox .bottom > a.stepClose.on{position:absolute;z-index:1001;top:360px;right:-25px;display:block;overflow:hidden;width:25px;height:68px;text-indent:-2000px;opacity:1;background-image:url(../images/lnb_close.png);background-repeat:no-repeat;}/*20년수정반영*/
.quickBox .bottom > a.stepClose{position:absolute;z-index:1001;top:360px;right:-25px;display:block;overflow:hidden;width:25px;height:68px;text-indent:-2000px;opacity:1;background-image:url(../images/lnb_open.png);background-repeat:no-repeat;}/*20년수정반영*/
.quickBox .subj{line-height:35px;position:relative;width:100%;height:35px;}
.quickBox h2 > a{line-height:100%;margin-left:-10px;}
.quickBox.step01{z-index:9999;left:-244px;}
.quickBox.step01 .normalBox{position:relative;width:100%;height:calc( 100% - 82px );}
.quickBox.step01 .subj{background:#213967;}
.quickBox.step01  h2{font-family:'Nanum Gothic Bold';font-size:16px;position:relative;text-indent:37px;color:#fff;}
.quickBox.step01  h2:before{content:'';position:absolute;top:13px;left:17px;display:inline-block;width:13px;height:12px;background-image:url(../images/icon_title_on.png);background-repeat:no-repeat;background-position:left center;background-size:100%;}
.quickBox.step02 .subj{box-sizing:border-box;border-top:1px solid #ced6dd;border-bottom:1px solid #ced6dd;background:#eaebed;}
.quickBox.step02  h2{font-family:'Nanum Gothic Bold';font-size:15px;line-height:35px;text-indent:15px;color:#454545;}
.quickBox.step02  h2 + a{position:absolute;top:10px;right:13px;width:8px;height:14px;background-image:url(../images/ico/ico_step_arrow.png);background-repeat:no-repeat;background-position:left center;background-size:auto;}
.quickBox.step02 > .stepPrevBtn{cursor: pointer;}
.quickBox.step02{width:280px;}
.quickBox.step03{width:280px;}
.quickBox.step04{width:280px;}
.quickBox.step05{width:280px;}
.quickBox.step02{z-index:9999;left:-305px;}
.quickBox.step03{z-index:9999;left:-305px;}
.quickBox.step04{z-index:9999;left:-305px;}
.quickBox.step05{z-index:9999;left:-305px;}

.menuAutoClose{position:absolute;right:0;bottom:0;left:0;display:block;overflow:hidden;height:auto;margin-left:17px;padding:10px 0;text-align:left;/* background:#f2f2f2; */}
.menuAutoClose input,.menuAutoClose label{vertical-align:middle;}
.menuAutoClose input{position:absolute;left:-2000px;}
.menuAutoClose input:checked:before{background:url(../images/ico/ico_rdbox_on.png);}
.menuAutoClose label{font-size:13px;line-height:22px;display:inline-block;padding-left:25px;background:url(../images/ico/ico_rdbox.png) no-repeat left center;}
.menuAutoClose label.on{background:url(../images/ico/ico_rdbox_on.png)   no-repeat left center;}

.expendBox{position:relative;/* border-right:1px solid #b2b4b6; */overflow:hidden;box-sizing:border-box;width:100%;height:calc(100% - 0px);background-color:#fff;}
.scrollBox{position:relative;overflow:hidden;width:100%;height:calc(100% - 0px);background-color:#f2f2f2;}
.normalBox{position:relative;overflow:hidden;width: 279px;height:calc(100% - 0px);background-color: #fff;}
.mCSB_inside > .mCSB_container{margin-right:0!important;}

.stepBox{overflow:hidden;width:100%;height:auto;padding: 15px 0 10px 0;}
.stepBox .etcRight{overflow:hidden;width:150px;height:auto;}
.stepBox .etcRight span{font-size:13px;line-height:1.5em;display:block;clear:both;}
.stepBox > p,.stepBox > .link{font-family:'Nanum Gothic';font-size:13px;line-height:30px;position:relative;display:block;width:240px;height:30px;margin:10px 0 10px 10px;padding-left:20px;text-align:left;color:#333;border-radius:15px;background:#dcdcdc;}
.stepBox > p select{position:absolute;top:3px;right:15px;height:23px;-moz-appearance:menulist-button;-webkit-appearance:menulist-button;appearance:menulist-button;}
.stepBox > p.on{color:#fff;background:#00bcd4;}
.stepBox > span.txt{line-height:1.5em;display:block;overflow:hidden;width:260px;height:auto;margin:0 auto;}
.stepBox .defaultLine{line-height:30px;float:left;margin:5px auto;text-align:center;}
.stepBox .defaultLine select,.stepBox .defaultLine span{vertical-align:middle;}
.stepBox > .link{line-height:28px;width:258px;height:28px;margin:5px auto;text-align:left;text-indent:10px;color:#666;border:1px solid #999;background:#fff url(/img/im/btn_bx_arrright.gif) no-repeat 240px center;}
.stepBox > p.result{margin-bottom:0;text-align:left;color:#555;background:#fff;}
.stepBox ul{font-size: 14px;overflow:hidden;width:250px;height:auto;margin:0 auto 0 15px;}
.stepBox ul > li{font-family:'Nanum Gothic Bold';font-size:15px;position:relative;overflow:hidden;box-sizing:border-box;width:100%;height:auto;min-height:25px;padding:12px 0;color:#777;border-bottom:1px solid #ddd;}
.stepBox ul > li:nth-child(1){padding-top: 0;}
.stepBox ul > li .ar{float:right;}
.stepBox ul > li > a:hover{color:#197ec6;}
.stepBox ul > li input,.stepBox ul > li label,.stepBox ul > li a,.stepBox ul > li select{vertical-align:middle;}
.stepBox p > a{position:absolute;right:15px;}
.stepBox p > a.ar{float:right;}
.stepBox p > a img{vertical-align:middle;}
.stepBox ul > li input,.box_area_option02 input{position:absolute;left:-2000px;}
.stepBox ul > li label,.box_area_option02 label{line-height:20px;display:inline-block;height: 20px;padding-left: 25px;background: url(../images/ico/ico_ckbox.gif) no-repeat left center;}
.stepBox ul > li label.on,.box_area_option02 label.on{background:url(/img/ico/ico_rdbox_on.gif) no-repeat left center;}
.stepBox .mydata_title{font-size:12px;}
.stepBox .mydata_info{font-size:12px;margin-bottom:15px;}
.stepBox ul > li input:checked:before{background:url(../images/ico/ico_ckbox_on.gif);}
.stepBox ul > li label{line-height:20px;display:inline-block;height:20px;padding-left:25px;background:url(../images/ico/ico_ckbox.gif) no-repeat left center;}
.stepBox ul > li label.on{background:url(../images/ico/ico_ckbox_on.gif) no-repeat left center;}
.stepBox ul > li label.on,.stepBox ul > li label:hover{color:#1778cc;}
.stepBox ul > li select,.stepBox select,.houseArea select{height:30px;border:1px solid #ccc;}


.stepBox.stepSearch{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #cecece;padding: 12px 0;} 
.stepBox.stepSearch ul{width: 93%;height:auto;font-size:12px;overflow:hidden;margin: 0;padding: 0 10px;}
.stepBox.stepSearch ul>li{width:100%;height:auto;min-height:25px;overflow:hidden;position:relative; border :0;padding:0;}
.stepBox.stepSearch ul>li .inp{position:static;float:left;border-radius:13px;height:16px;line-height:20px;width: 54%;border:1px solid #ccc;padding:5px 10px;min-width: 160px;}
.stepBox.stepSearch ul>li input,.stepBox ul>li label,.stepBox ul>li a,.stepBox ul>li select{vertical-align:middle;}
.btn_stepSearch{min-width: 70px;position:relative;display: inline-block;border-radius:13px;width: 23%;line-height:24px;height:24px;overflow:hidden;background:#fff url(/img/common/btn_search.gif) no-repeat 10px center;border:1px solid #2c6896;color:#2c6896;font-weight:bold;text-indent:30px;opacity:.7;margin-left:  5px;}

.radio-btn-group{text-align: right;width: 270PX;height:auto;overflow:hidden;padding: 12px 0px;    margin-right: 9px;}
.radio-btn-group .radio{display:inline-block;}
.radio-btn-group .radio label{background:#fff;border: 1px solid #c1c4c8;border-radius: 3px;cursor:pointer;color: #626262;font-size: 12px;padding: 3px 6px;line-height: 21px;}
.radio-btn-group .radio label:hover{}
.radio-btn-group .radio input[type="radio"]{display:none;}
.radio-btn-group .radio input[type="radio"]:checked + label{background: #FFF;color: #1778cc;border-color: #1778cc;height: 21px;line-height: 21px;}

#combo_data{display:block;width:100%;text-align:center;}
#combo_data select{width:260PX;height:auto;border:1px solid #cecece;}

.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{padding: 0;font-size:  13px;color:#fff;text-indent: 17px;margin:10px auto;display:block;width: 260px;height:30px;text-align:left;line-height:30px;background:#00bcd4/* #dcdcdc */ url(../images/ico/ico_colorbar01.png) no-repeat 235px center;border-radius:15px;}
#kosis_data {margin: 15px auto;}

.ul-area{overflow:hidden;width:220px;height:auto;}
.ul-area li{box-sizing:border-box;border-bottom:1px solid #0760ac;background-color:#1778cc;}
.ul-area li:hover,.ul-area li:active,.ul-area > li.on{border-right:1px solid #f69834;border-bottom:1px solid #f69834;background-color:#f69834;}
.ul-area li > a{position:relative;display:block;}
.ul-area li > a:before{content:'';position:absolute;top:18px;left:17px;display:block;overflow:hidden;background-image:url(../images/ico/ico_stat_lnb.png);background-repeat:no-repeat;background-size:auto;}
.ul-area > li{font-family:'Nanum Gothic Bold';font-size:15px;line-height:55px;overflow:hidden;box-sizing:border-box;width:100%;height:55px;text-indent:55px;color:#fff;}
.ul-area > a{line-height:24px;display:block;overflow:hidden;height:24px;}

.stat-infor{overflow:hidden;box-sizing:border-box;width:220px;height:auto;margin:0 auto;padding:28px 0 0 17px;}
.stat-infor li{line-height:19px;position:relative;overflow:hidden;height:19px;margin-bottom:10px;}
.stat-infor li:before{content:'';position:absolute;top:8px;width:5px;height:5px;border-radius:50%;background-color:#1778cc;}
.stat-infor li a{font-size:13px;display:block;overflow:hidden;padding-left:10px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;color:#666;}

.statul li:nth-child(1) > a:before{top:15px;width:24px;height:28px;background-position:-11px -5px;}
.statul li:nth-child(2) > a:before{top:15px;width:27px;height:20px;background-position:-9px -45px;}
.statul li:nth-child(3) > a:before{top:15px;width:24px;height:25px;background-position:-10px -79px;}
.statul li:nth-child(4) > a:before{width:29px;height:20px;background-position:-8px -118px;}

.themul li:nth-child(1) > a:before{top:15px;width:23px;height:27px;background-position:-93px -6px;}
.themul li:nth-child(2) > a:before{width:28px;height:24px;background-position:-91px -43px;}
.themul li:nth-child(3) > a:before{top:15px;width:26px;height:26px;background-position:-92px -77px;}
.themul li:nth-child(4) > a:before{width:29px;height:24px;background-position:-90px -115px;}
.themul li:nth-child(5) > a:before{top:15px;width:22px;height:28px;background-position:-94px -151px;}

.pyraul li > a:before{top:15px;}
.pyraul li:nth-child(1) > a:before{width:27px;height:24px;background-position:-50px -6px;}
.pyraul li:nth-child(2) > a:before{width:27px;height:24px;background-position:-49px -42px;}

.agingul li:nth-child(1) > a:before{width:25px;height:28px;background-position:-139px -6px;top:12px;}
.agingul li:nth-child(2) > a:before{width:25px;height:28px;background-position:-139px -43px;}
.agingul li:nth-child(3) > a:before{width:26px;height:28px;background-position:-139px -79px;}

.famul li:nth-child(1) > a:before{width:25px;height:24px;background-position:-184px -9px;}
.famul li:nth-child(2) > a:before{width:25px;height:24px;background-position:-184px -43px;}
 
.futul li:nth-child(1) > a:before{top:15px;width:23px;height:27px;background-position:-93px -6px;}
.futul li:nth-child(2) > a:before{width:24px;height:22px;background-position:-231px -9px;}
.futul li:nth-child(3) > a:before{top:15px;width: 28px;height: 24px;background-position: -91px -43px;}
.futul li:nth-child(4) > a:before{width:27px;height:20px;background-position:-229px -47px;}
.futul li:nth-child(5) > a:before{top:15px;width:25px;height:24px;background-position:-230px -81px;}
.futul li:nth-child(6) > a:before{top:15px;width:27px;height:25px;background-position:-231px -119px;}

.nav-sidebar{position:absolute;z-index:9999;top:70px;left:-80px;overflow:hidden;width:80px;height:100%;background:#1778cc;}
.nav-list li a{font-family:'Nanum Gothic Bold';font-size:13px;line-height:100%;position:relative;display:block;overflow:hidden;box-sizing:border-box;height:auto;min-height:95px;padding:65px 0 15px;cursor:pointer;transition:background .1s ease-in-out;text-align:center;vertical-align:top;color:#fff;border-bottom:1px solid #0760ac;}
.nav-list li > a:before{content:'';position:absolute;top:21px;left:50%;display:block;overflow:hidden;transform:translateX(-50%);background-image:url(../images/ico/ico_qickbar.png);background-repeat:no-repeat;background-size:auto;}
.nav-list li:nth-child(1) > a:before{width:29px;height:33px;background-position:-10px -13px;}
.nav-list li:nth-child(2) > a:before{width:32px;height:25px;background-position:-11px -52px;}
.nav-list li:nth-child(3) > a:before{width:31px;height:32px;background-position:-10px -93px;}
.nav-list li:nth-child(4) > a:before{width:34px;height:23px;background-position:-11px -140px;}
.nav-list li > a:hover{background:#f69834;}
.nav-list li > a span{font-size:13px;line-height:15px;display:block;width:65px;margin:0 auto;text-align:center;word-wrap:break-word;word-break:keep-all;}
.expanded{position:absolute;top:0;right:0;bottom:29px;padding-left:80px;background-color:#fff;}

.nav-list li.on{border-right:1px solid #f69834;background-color:#f69834;}

.thematic li:nth-child(1) > a:before{width:28px;height:33px;background-position:-65px -13px;}
.thematic li:nth-child(2) > a:before{width:33px;height:28px;background-position:-63px -57px;}
.thematic li:nth-child(3) > a:before{width:33px;height:33px;background-position:-63px -96px;}
.thematic li:nth-child(4) > a:before{width:37px;height:29px;background-position:-62px -139px;}
.thematic li:nth-child(5) > a:before{width:27px;height:34px;background-position:-65px -178px;}

.pyramid li > a span{width:70px;}
.pyramid li:nth-child(1) > a:before{width:33px;height:30px;background-position:-119px -13px;}
.pyramid li:nth-child(2) > a:before{width:31px;height:30px;background-position:-119px -55px;}

.aging-compare li:nth-child(1) > a:before{width:33px;height:30px;background-position:-119px -96px;}
.aging-compare li:nth-child(2) > a:before{width:33px;height:30px;background-position:-119px -140px;}
.aging-compare li:nth-child(3) > a:before{width:33px;height:30px;background-position:-119px -182px;}

.family li:nth-child(1) > a:before{width:33px;height:32px;background-position:-172px -13px;}
.family li:nth-child(2) > a:before{width:33px;height:32px;background-position:-172px -56px;}

.future > li.on{border-right:1px solid #f69834;border-bottom:1px solid #f69834;background-color:#f69834;}

.future li:nth-child(1) > a:before{width:28px;height:33px;background-position:-65px -13px;}
.future li:nth-child(2) > a:before{width:33px;height:28px;background-position:-63px -57px;}
.future li:nth-child(3) > a:before{width:29px;height:29px;background-position:-225px -13px;}
.future li:nth-child(4) > a:before{width:33px;height:25px;background-position:-225px -55px;}
.future li:nth-child(5) > a:before{width:31px;height:30px;background-position:-226px -93px;}
.future li:nth-child(6) > a:before{width:33px;height:31px;background-position:-227px -140px;}

/* left-mid-bottom menu */
.sideQuick{font-size:0;line-height:34px;position:absolute;z-index:13;left:0;display:block;overflow:hidden;box-sizing:border-box;width:34px;height:34px;text-align:center;color:#fff;border:#21396c;border-radius:0;background:#21396c;}
.sideQuick img,.sideQuick span{vertical-align:middle;margin-left:6px;}
.sideQuick span{display:inline-block;margin:0;padding:0;font-size:13px;font-family:'Nanum Gothic';vertical-align: middle;}
.sideQuick:hover,.sideQuick.on{background:#21b699;}
.sideQuick.sq01,.sqListBox.sq01{top:0;}
.sideQuick.sq02,.sqListBox.sq02{z-index:13;top:0;width:95px;}
.sideQuick.sq03{top:90px;}
.sqListBox.sq03{top:80px;}

.sideQuick.sq04{top:150px;}
.sideQuick.sq05{top:191px;}
.sideQuick.sq06{top:232px;background:#999;}
.sideQuick.xw{top:87px;left:3px;width:90px;height:28px;border-radius:3px;}
.sideQuick.xw span:after{content:'';line-height:15px;position:absolute;top:7px;right:7px;display:block;width:15px;height:15px;background-image:url(../images/ico/ico_setting.png);background-repeat:no-repeat;}
.sideQuick.xw span{font-family:'Nanum Gothic';font-size:11px;line-height:28px;position:relative;display:block;text-align:left;text-indent:10px;}

.sideQuick.result:hover, .sideQuick.result.on { background-color:#00a5e1; }
.sideQuick.result span:after { top: 6px; right: 9px;  background-image:url(../images/ico/ico_resultbtn.png);background-repeat:no-repeat;  }

.stepClose2{position:absolute;top:0;right:0;display:block;overflow:hidden;width:32px;height:38px;transition-timing-function:ease-in-out;transition-duration:.3s;transition-property:transform;text-indent:-2000px;opacity:.4;background:url(../images/ico/ico_close02.png) no-repeat center center;}
.stepClose2:hover{transflorm:rotate(90deg);opacity:1;}

.stepClose-data{position:absolute;top:0;right:0;display:block;overflow:hidden;width: 30px;height: 33px;transition-timing-function:ease-in-out;transition-duration:.3s;transition-property:transform;text-indent:-2000px;opacity:.4;background:url(../images/ico/ico_close05.png) no-repeat center center;}
.stepClose-data:hover{transform:rotate(90deg);opacity:1;}

.sqListBox{position:absolute;z-index:12;left:-640px;display:block;height:40px;background:#333;}
.sqListBox.sq03{width:440px;height:auto;text-align:right;border:1px solid #dbdbdd;background:#fff;}

.sqListBox.sq03 .sqTabs span{font-size:13px;line-height:40px;display:block;/* margin-left:100px; */text-align:left;color:#666;}
.sqListBox.sq03{height:auto;border:1px solid #dbdbdd;background:#fff;text-align:right;width:292px; z-index:11; }
.sqListBox.sq03 .sqTabs{width: 282px;height:40px;padding: 0 5px;overflow:hidden;background:#f5f5f5;}
.sqListBox.sq03 .sqTabs a{text-align:center;width:28px;line-height: 30px;height: 30px;overflow:hidden;background:#c4c4c4;border:1px solid #c4c4c4;}
.sqListBox.sq03 .sqTabs a img{margin-top:7px}
.sqListBox.sq03 .sqTabs a.on{background:#00bcd4;border:1px solid #19a58a; color:#fff;}
.sqListBox.sq03 .sqTabs a, .sqListBox.sq03 .sqTabs span, .sqListBox.sq03 .sqTabs select{display:inline-block;vertical-align:middle}
.sqListBox.sq03 .sqList{overflow:hidden;width:100%;height: 230px;}
.sqListBox.sq03.result .sqList { width: 100%; height: 300px; overflow: hidden;}

.sqListBox.sq03 .sqList ul{margin:0 5px 5px 5px;display:block;}
.sqListBox.sq03 .sqList ul li{width:100%;height:30px;padding:3px 0;overflow:hidden;position:relative;}
.sqListBox.sq03 .sqList ul li .ellipsis{padding:0 10px;font-size:11px;display:block;width:100%;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; line-height: 30px; border:#ebebeb solid 1px; border-radius:15px;box-sizing: border-box; background-color:rgba(255,255,255,1);}
.sqListBox.sq03 .sqList ul li .ellipsis:before{ content:'';display:block;width:4px;height:4px;background:#00bcd4;border-radius:2px;position:absolute;left:10px;top:13px;}
.sqListBox.sq03 .sqList ul li a.on{color:#fff;} 
.sqListBox.sq03 .sqList ul li .ellipsis.M_on {background:#0478cb; border:none; color:#fff;}
.sqListBox.sq03 .sqList ul li .ellipsis.M_on:before{ content:'';display:block;width:6px;height:6px;background:#fff;border-radius:3px;position:absolute;left:9px;top:12px;}

.sqListBox.sq03 .sqList ul li a.drag{color:#fff;position:relative;}
.sqListBox.sq03 .sqList ul li a{position:relative;}
.sqListBox.sq03 .sqList ul li a .text{z-index:4;position:absolute;left:0;top:0;padding:0 10px 0 20px;font-size:11px;display:inline-block;width:230px;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; text-align:left;font-family:dotum, "돋움", sans-serif;color: #666;}
.sqListBox.sq03 .sqList ul li a.M_on .text{color: #fff;}

.sqListBox.sq03 .sqEtc{padding:5px 0;background:#f5f5f5} /* 2016.09.07 9월 서비스 */
.sqListBox.sq03 .sqEtc span, .sqListBox.sq03 .sqEtc select{vertical-align:middle;height:30px;margin-right:5px}

.sqListBox.sq03 .sqList ul li a.drag>span.mask{display:block;z-index:2;background-image:url(/img/bg/bg_color01.png);position:absolute;left:0;top:0;width:100%;height:30px;overflow:hidden;}
.sqListBox.sq03 .sqList ul li a.drag>span.color{display:block;z-index:3;background:#00bcd4;position:absolute;left:0;top:0;width:100%;height:30px;overflow:hidden;}
.sqListBox.sq03 .sqList ul li a.on>span.mask{display:none;}
.sqListBox.sq03 .sqList ul li a.on>span.color{display:block;z-index:3;background:#00bcd4;position:absolute;left:0;top:0;width:100%;height:30px;overflow:hidden;}
.sqListBox.sq03 .sqList ul li .sqdel{position:absolute;right:5px;top:10px}

.sqListBox>li{float:left;width:36px;height:36px;margin:2px;overflow:hidden;}
.sqListBox>li a{display:block;width:36px;height:36px;font-size:11px;overflow:hidden;background:#666;color:#fff;}
.sqListBox>li a:hover{background:green}

/* sqListBox dataSlider */
.sqTabs #dataSlider_item.ui-slider .ui-slider-handle:before{content:none;}
.sqTabs #dataSlider_item.ui-slider{float:right;width: 51px;height: 5px;margin: 0;}
.sqTabs #dataSlider_item.ui-slider{position: absolute;text-align:left;border:0;border-radius:4px;top: 18px;left: 110px;}
.sqTabs #dataSlider_item.ui-slider:before{content:'';position:absolute;top: 0;left:0;display:block;overflow:hidden;width:100%;height:5px;background:#0c8e74;}
.sqTabs #dataSlider_item.ui-slider .ui-slider-handle{position:absolute;z-index:2;top: -3px;width:9px;height:9px;margin-left:-.6em;cursor:default;-webkit-transform:none;transform:none;border:0;border-radius:50%;background:#fff;-ms-touch-action:none;touch-action:none;margin:  0;padding:  0;border: 1px solid #ddd;}
.sqTabs #dataSlider_item.ui-slider .ui-slider-range{font-size:.7em;position:absolute;z-index:1;top: 0;display:block;overflow:hidden;height:5px;border:0;background-position:0 0;}
.sqTabs #dataSlider_item.ui-slider.ui-state-disabled .ui-slider-handle,.sqTabs #dataSlider_item.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit;}
.sqTabs #dataSlider_item .ui-widget-header{background:#ec8f25;}
.sqTabs #dataSlider_item .ui-slider-horizontal{height:.3em;}
.sqTabs #dataSlider_item .ui-slider-horizontal .ui-slider-handle{top:-.5em;margin-left:-.6em;}
.sqTabs #dataSlider_item .ui-slider-horizontal .ui-slider-range{top:0;height:100%;}
.sqTabs #dataSlider_item .ui-slider-horizontal .ui-slider-range-min{left:0;}
.sqTabs #dataSlider_item .ui-slider-horizontal .ui-slider-range-max{right:0;}
.sqTabs #dataSlider_item .ui-slider-vertical{width:.8em;height:100px;}
.sqTabs #dataSlider_item .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-bottom:-.6em;margin-left:0;}
.sqTabs #dataSlider_item .ui-slider-vertical .ui-slider-range{left:0;width:100%;}
.sqTabs #dataSlider_item .ui-slider-vertical .ui-slider-range-min{bottom:0;}
.sqTabs #dataSlider_item .ui-slider-vertical .ui-slider-range-max{top:0;}

/* dataBoard button*/
.rightQuick{position:absolute;z-index:10;right:5px;/* top:50px; */overflow:hidden;width:34px;height:34px;text-align:center;color:#fff;border-radius:50%;background-color:#28425b;}
.rightQuick.rq01:before{content:'';display:block;overflow:hidden;width:13px;height:17px;margin:9px auto 0 auto;background:url(../images/ico/ico_sideList.png) no-repeat -30px 0;}
a.rightQuick:hover,a.rightQuick.on{background-color:#00bcd4;}
.rightQuick.rq01{    /* top:78px; */right:-5px;}
.rightQuick.rq02{    /* top:35px; */right:-5px;}
.rightQuick.rq01 span,.rightQuick.rq02 span,.rightQuick.rq06 span{position:absolute;left:-2000px;}
.rightQuick.rq02:before{content:'';display:block;overflow:hidden;width:17px;height:17px;margin:9px auto 0 auto;background:url(../images/ico/ico_sideList.png) no-repeat 0 0;}
.rightQuick.rq03{    /* top:211px; *//* top:105px; */right:-5px;height:32px;text-indent:-2000px;border-bottom-right-radius:0;border-bottom-left-radius:0;background-image:url(../images/ico/ico_plus01.gif);background-repeat:no-repeat;background-position:center center;}
.rightQuick.rq07{top:32px;right:-5px;height:32px;text-indent:-2000px;border-radius:0;background-image:url(../images/ico/ico_moveType01.png);background-repeat:no-repeat;background-position:center center;}
a.rightQuick.rq07:hover{background-image:url(../images/ico/ico_moveType03.png)!important;}
a.rightQuick.rq07.on{background-color:#28425b;}
a.rightQuick.rq07.on:hover{background-color:#00bcd4;}
a.rightQuick.rq07.on:hover{background-image:url(../images/ico/ico_moveType04.png)!important;}
.rightQuick.rq04{font-size:11px;line-height:20px;top:64px;right:-5px;height:20px;color:#fff;border-radius:0;background:#28425b;}
.rightQuick.rq05{top:84px;right:-5px;height:32px;text-indent:-2000px;border-top-left-radius:0;border-top-right-radius:0;background-image:url(../images/ico/ico_mius01.gif);background-repeat:no-repeat;background-position:center center;}
.rightQuick.rq06{right:-5px;}
.rightQuick.rq06:before{content:'';display:block;overflow:hidden;width:23px;height:22px;margin:6px auto 0 auto;background:url(../images/ico/ico_sideList.png) no-repeat -82px 0;}

.rqListBox{position:absolute;z-index:2;right:-540px;display:inline;margin-top:-3px;}
.rqListBox.rq01{width:508px;}
.rqListBox.rq02{width:188px;}
.rqListBox.rq06{width:78px;}
.rqListBox li{float:left;overflow:hidden;width:42px;height:auto;margin:0 2px;}
.rqListBox li a{font-size:11px;display:table;overflow:hidden;width:42px;height:42px;text-align:center;letter-spacing:-1px;color:#fff;border-radius:50%;background:#333;}
.rqListBox li a span{position:absolute;left:-5000px;display:table-cell;text-align:center;vertical-align:middle;}
.rqListBox li a:hover,.rqListBox li a.on,.rqListBox li a.over{background-color:#21b69a;}
.rqListBox li > ul > li{margin:2px 0 0 0;}
.rqListBox li > ol{position:absolute;display:none;width:190px;height:auto;margin-top:15px;margin-left:-180px;padding:10px;border:1px solid #dcdcdc;background:#fff;}
.rqListBox li > ol:before{content:'';position:absolute;display:block;overflow:hidden;width:15px;height:15px;margin:-25px 0 0 170px;background:url(../images/ico/ico_arr02.png);}
.rqListBox li > ol > li{float:left;overflow:hidden;width:50%;height:24px;margin:5px auto;}
.rqListBox li > ol > li>a{line-height:24px;position:relative;display:block;overflow:hidden;width:100%;height:24px;text-indent:30px;color:#555;border-radius:0;background-color:#fff;}
.rqListBox li > ol > li > a>img{position:absolute;top:0;left:0;display:block;overflow:hidden;width:25px;height:24px;}
.rqListBox li > ol > li > a:hover{background-color:#fff;}
.rqListBox li > ol.rqIcon09{width:380px;height:300px;padding:0;}
.rqListBox li > ol.rqIcon09 > li{line-height:1em;width:100%;height:auto;margin:0;}
.rqListBox li > ol.rqIcon09:before{margin:-14px 0 0 170px;}

/* dataBoard */
.dataBoardBox{display:none;float:left;overflow:hidden;overflow-y:auto;width:398px;height:500px;border:1px solid #ccc;background:#f1f1f1;}
.dataBoardBox .topbar{overflow:hidden;width:100%;height:40px;border-bottom:1px solid #ccc;}
.dataBoardBox .topbar h4{line-height:30px;float:left;overflow:hidden;width:200px;height:30px;margin:5px 0 0 10px;text-align:center;color:#fff;border-radius:15px;background:#333;}
.rangebox{float:right;width:150px;margin:15px 10px 0 0;}

.dataBoardBox ul{overflow:hidden;width:100%;height:auto;}
.dataBoardBox ul li{display:block;overflow:hidden;height:auto;padding:10px;border-bottom:1px solid #ccc;}
.dataBoardBox ul li > .subj{position:relative;overflow:hidden;width:100%;height:auto;padding:5px 0;}
.dataBoardBox ul li > .subj span{font-weight:bold;}
.dataBoardBox ul li > .subj a{float:right;}
.dataBoardBox ul li > .listContents{display:none;margin:10px auto;border:1px solid #ccc;}
.dataBoardBox ul li > .listContents .tit{padding:10px 0 0 0;text-align:center;}
.dataBoardBox ul li > .listContents .btnbox{text-align:center;}
.dataBoardBox ul li > .listContents .btnbox a{padding:3px 5px;color:#fff;background:#333;}
.dataBoardBox ul li > .listContents .result{overflow:hidden;width:100%;height:200px;background:green;}
.dataBoardBox ul li > .etc{font-size:11px;position:relative;overflow:hidden;width:100%;height:auto;}

.dataSideBox{position:absolute;z-index:1001;top:34px;right:-1500px;overflow:hidden;width:550px;height:calc(100% - 34px);background:#fff;box-shadow:-1px 1px 5px #ccc;}
.dataSideBox.full{width:800px;}
.dataSideBox .bar{position:relative;overflow:hidden;width:100%;height:34px;background:#00a5e1;}
.dataSideBox .bar>a { position: absolute; right: 0px; top: 0px;}

.dataSideBox .bar>a, .dataSideBox .bar>a:before {-webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }

.dataSideBox .bar>a:hover { transform: rotate(90deg);}
.dataSideContents{position:relative;overflow:hidden;width:100%;height:calc(100% - 33px);}
.dataSideScroll{overflow:hidden;width:100%;height:100%;}
.dataSideContents .num{font-size:30px;display:block;margin:20px auto 0 auto;text-align:center;color:#26415c;}
.dataSideContents .txt{font-size:15px;display:block;overflow:hidden;width:200px;height:auto;margin:10px auto;text-align:center;color:#26415c;}

/* dataBoard button */
.interactiveDataBoard{font-size: 12px;line-height: 34px;position:absolute;z-index:1300;top:34px;right:0;width:125px;height:34px;text-indent:25px;color:#fff;background:#213967 url(../images/common/bg_databoard.png) no-repeat  right center;font-family: 'Nanum Gothic';}
.interactiveDataBoard:hover{background:#00a5e1 url(../images/common/bg_databoard.png) no-repeat right center;}
.interactiveDataBoard.on,.interactiveDataBoard.on:hover{background: transparent url(../images/common/bg_databoard.png) no-repeat right center;}
.bizStatsDataBoard{font-size: 12px;line-height: 34px;position:absolute;z-index:1300;top:34px;right:0;width:125px;height:34px;text-indent:25px;color:#fff;background: #00a5e1 url(../images/common/bg_databoard.png) no-repeat  right center;font-family: 'Nanum Gothic';}
.bizStatsDataBoard:hover{background:#00bcd4 url(../images/common/bg_databoard.png) no-repeat right center;}
.bizStatsDataBoard.on,.bizStatsDataBoard.on:hover{background:transparent url(../images/common/bg_databoard.png) no-repeat right center;}
.interactiveDataBoard.pacific-Blue:hover {  background:#00a5e1 url(../images/common/bg_databoard.png) no-repeat right center; }
.dataSideBox.pacific-Blue .bar {  background:#00a5e1; }

/* DataBoard transparent slider */
.dataSideBox .bar #dataSlider.ui-slider .ui-slider-handle:before{content:none;}
.dataSideBox .bar #dataSlider.ui-slider{float:right;width:73px;height:9px;margin:12px 40px 0 0;}
.dataSideBox .bar #dataSlider.ui-slider{position:relative;text-align:left;border:0;border-radius:4px;/* background:#fff!important; */}
.dataSideBox .bar #dataSlider.ui-slider:before{content:'';position:absolute;top:2px;left:0;display:block;overflow:hidden;width:100%;height:5px;background:#0c8e74;}
.dataSideBox .bar #dataSlider.ui-slider .ui-slider-handle{position:absolute;z-index:2;top:0;width:9px;height:9px;margin-left:-.6em;cursor:default;-webkit-transform:none;transform:none;border:0;border-radius:50%;background:#fff;-ms-touch-action:none;touch-action:none;}
.dataSideBox .bar #dataSlider.ui-slider .ui-slider-range{font-size:.7em;position:absolute;z-index:1;top:2px;display:block;overflow:hidden;height:5px;border:0;background-position:0 0;}
.dataSideBox .bar #dataSlider.ui-slider.ui-state-disabled .ui-slider-handle,.dataSideBox .bar #dataSlider.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit;}
.dataSideBox .bar #dataSlider .ui-widget-header{background:#ec8f25;}
.dataSideBox .bar #dataSlider .ui-slider-horizontal{height:.3em;}
.dataSideBox .bar #dataSlider .ui-slider-horizontal .ui-slider-handle{top:-.5em;margin-left:-.6em;}
.dataSideBox .bar #dataSlider .ui-slider-horizontal .ui-slider-range{top:0;height:100%;}
.dataSideBox .bar #dataSlider .ui-slider-horizontal .ui-slider-range-min{left:0;}
.dataSideBox .bar #dataSlider .ui-slider-horizontal .ui-slider-range-max{right:0;}
.dataSideBox .bar #dataSlider .ui-slider-vertical{width:.8em;height:100px;}
.dataSideBox .bar #dataSlider .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-bottom:-.6em;margin-left:0;}
.dataSideBox .bar #dataSlider .ui-slider-vertical .ui-slider-range{left:0;width:100%;}
.dataSideBox .bar #dataSlider .ui-slider-vertical .ui-slider-range-min{bottom:0;}
.dataSideBox .bar #dataSlider .ui-slider-vertical .ui-slider-range-max{top:0;}

/* DataBoard transparent slider */
 #dataSlider-item.ui-slider .ui-slider-handle:before{content:none;}
 #dataSlider-item.ui-slider{float:right;width:73px;height:9px;margin:12px 40px 0 0;}
 #dataSlider-item.ui-slider{position:relative;text-align:left;border:0;border-radius:4px;background:#fff!important;}
 #dataSlider-item.ui-slider:before{content:'';position:absolute;top:2px;left:0;display:block;overflow:hidden;width:100%;height:5px;background:#0c8e74;}
 #dataSlider-item.ui-slider .ui-slider-handle{position:absolute;z-index:2;top:0;width:9px;height:9px;margin-left:-.6em;cursor:default;-webkit-transform:none;transform:none;border:0;border-radius:50%;background:#fff;-ms-touch-action:none;touch-action:none;}
 #dataSlider-item.ui-slider .ui-slider-range{font-size:.7em;position:absolute;z-index:1;top:2px;display:block;overflow:hidden;height:5px;border:0;background-position:0 0;}
 #dataSlider-item.ui-slider.ui-state-disabled .ui-slider-handle,.dataSideBox #dataSlider-item.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit;}
 #dataSlider-item .ui-widget-header{background:#ec8f25;}
 #dataSlider-item .ui-slider-horizontal{height:.3em;}
 #dataSlider-item .ui-slider-horizontal .ui-slider-handle{top:-.5em;margin-left:-.6em;}
 #dataSlider-item .ui-slider-horizontal .ui-slider-range{top:0;height:100%;}
 #dataSlider-item .ui-slider-horizontal .ui-slider-range-min{left:0;}
 #dataSlider-item .ui-slider-horizontal .ui-slider-range-max{right:0;}
 #dataSlider-item .ui-slider-vertical{width:.8em;height:100px;}
 #dataSlider-item .ui-slider-vertical .ui-slider-handle{left:-.3em;margin-bottom:-.6em;margin-left:0;}
 #dataSlider-item .ui-slider-vertical .ui-slider-range{left:0;width:100%;}
 #dataSlider-item .ui-slider-vertical .ui-slider-range-min{bottom:0;}
 #dataSlider-item .ui-slider-vertical .ui-slider-range-max{top:0;}

/* toggle button */
.colorMapLegend{position: absolute;z-index: 90;top: 33px;right: 130px;}
.colorMapLegend{line-height: 65px;width: 119px;height: 65px;border-radius: 8px;background: #f1f1f1;box-shadow:3px 3px 10px #333;padding-bottom:  12px;}
.colorMapLegend p{font-size:13px;line-height: 100%;overflow:hidden;text-align:center;color: #333;padding: 12px 0 8px;font-family: 'Nanum Gothic Bold';}
.colorMapLegend a.switchBox{position:relative;display:block;width: 95px;height:32px;margin:0 auto;border-radius: 26px;background:#e05858;box-shadow:0 0 2px #579022 inset;overflow:  hidden;}
.colorMapLegend a.switchBox .ball{position:absolute;top: 1px;left: 64px;overflow:hidden;width:28px;height:28px;border-radius:100%;background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.1);}
.colorMapLegend a.switchBox .txt{font-family:  'Nanum Gothic';font-size: 13px;line-height:28px;position:absolute;top:2px;left:4px;overflow:hidden;width: 60px;height: 28px;text-align:center;color:#fff;border-radius:100%;}
.colorMapLegend a.switchBox .txt:before{content:'인접지역';}
.colorMapLegend a.switchBox.off{background:#1778cc;box-shadow:0 0 2px #a4a4a4 inset;}
.colorMapLegend a.switchBox.off .txt:before{content:'시군구';}

/* DataBoard tab cont*/
.areaBox .dbTabs,.noneAreaBox .dbTabs{position:absolute;top:10px;right:0;display:table;overflow:visible;width:160px;table-layout:fixed;border-collapse:collapse;border:1px solid #ccc;}
.areaBox .dbTabs a,.noneAreaBox .dbTabs a{font-size:12px;line-height:1.5em;display:table-cell;height:30px;text-align:center;vertical-align:middle;letter-spacing:-1px;color:#fff;border:0;background:#1778cc;}
.areaBox .dbTabs a.on,.noneAreaBox .dbTabs a.on{color:#595757;border:0;background:#fff;}

.noneAreaBox{position:relative;overflow:hidden;width:530px;height:50px;}
.dbTabs{display:table;width:100%;table-layout:fixed;border-collapse:collapse;}
.dbTabs a{font-size:14px;display:table-cell;height:35px;text-align:center;vertical-align:middle;letter-spacing:-1px;color:#fff;border-top:1px solid #6a707c;background:#6a707c;}
.dbTabs a.on{color:#595757;border-top:1px solid #b7b6b6;background:#f1f1f1;}

.dscList{overflow:hidden;width:530px;height:auto;margin:0 auto;}
.dscList .title{font-family:'Nanum Gothic Bold';font-size:18px;padding:30px 0 20px;text-align:center;color:#555;}
.dscList .area-tit{width:100%;height:30px;margin:0 auto 12px;text-align:center;background:#1778cc;}
.dscList dt a { display: block;}
.dscList .area-tit  a > span{font-size:13px;line-height:30px;color:#fff;}

.dscList dd{display:block;overflow:hidden;width:100%;height:auto;margin:0 auto 20px auto;}
.dscList dd.hide{display:none;}
.dscList dt.none-block { height:0;}

.data-archive{overflow:hidden;width:530px;height:auto;margin:0 auto;}
.data-archive dt,.data-archive dd{display:inline-block;margin-bottom:17px;}
.data-archive dl{padding:22px 0;font-size:15px;line-height:18px;display:block;width:95%;color:#555;}
.data-archive dt{font-family:'Nanum Gothic Bold';width:48px;}
.data-archive dt span{padding:0 5px;}
.data-archive dd{width: 80%;padding-left:5px;}
.data-archive dt:nth-child(2n+1),.data-archive dd:last-child{margin-bottom:0;}

.please-check{width:530px;overflow:hidden;height:auto;border:1px solid #e7e7e7;background:#f5f5f5;margin:0 auto 15px;box-sizing:border-box;}
.please-check h3{padding:12px 0px 10px 30px;font-family:'Nanum Gothic Bold';font-size:13px;line-height:17px;position:relative;color:#555;border-bottom:1px solid #dcdcdc;padding-left:31px;}
.please-check h3:before{content:'';position:absolute;top:12px;left:8px;display:inline-block;width:17px;height:17px;background:url(../images/ico_i.png) no-repeat;}
.please-check > p{padding:13px 30px;font-size:13px;color:#666;}

.choice-area dt{}
.choice-area dt,.choice-area dd{vertical-align:top;display:inline-block;line-height:32px;margin:0;}
.choice-area{position:relative;overflow:hidden;box-sizing:border-box;width:100%;height:32px;margin-bottom:15px;}
.choice-area dt{font-family:'Nanum Gothic Bold';font-size:14px;position:relative;height:32px;color:#666;padding-left:15px;margin-right:10px;}
.choice-area dt:before{content:'';position:absolute;top:10px;left:0px;display:block;box-sizing:border-box;width:10px;height:10px;border:3px solid #3985d0;border-radius:50%;}
.choice-area dd{width: 150px;height:32px;}
.choice-area dd > .select-box .select{display:inline-block;line-height:32px;height:32px;width:100%;border:1px solid #cecece;font-family:'Nanum Gothic';font-size:13px;color:#666;padding:0 5px;position:relative;z-index:1;box-sizing:border-box;background:#fff url(../images/common/search_arr.gif) no-repeat 95% 50%;}

.select-cont{width:530px;margin:0 auto;box-sizing:border-box;border:1px solid #d9d9d9;overflow:hidden;}
.dataSlide-contents{width:100%;min-height:397px;}

.dscList dd .fl{position:relative;float:left;overflow:hidden;width:50%;height:265px;}
.dscList dd .fr{position:relative;float:right;overflow:hidden;width:50%;height:265px;}
.dscList dd .valueList{font-size:11px;position:absolute;right:0;bottom:0;}
.dscList dd .valueList li:nth-child(2){font-size:22px;}
.dscList dd .fb{float:left;overflow:hidden;width:100%;height:auto;margin-top:10px;}
.dscList dd .fb .barsEtc{float:left;overflow:hidden;width:270px;height:auto;}
.dscList dd .fb .barsEtc > p{overflow:hidden;width:100%;height:auto;color:#666;}
.dscList dd .fb .barsEtc .barsEtcList{position:relative;float:left;overflow:hidden;width:90px;height:80px;}
.dscList dd .fb .barsText{font-size:12px;line-height:1.5em;float:right;width:220px;height:auto;margin-top:25px;padding:10px;background:#f5f5f5;}
.dscList dd .bars{display:block;margin-left:37%;text-indent:-2000px;opacity:.3;}
.dscList dd .fb .barsEtc .barsEtcList .bars{width:8px!important;margin-left:18%;}
.barsEtcList .barsTit{font-size:11px;position:absolute;top:auto;bottom:0;left:0;width:100%;text-align:center;}
.barsEtcList .valueList{display:none;}
.barsTit{position:absolute;top:10px;left:0;overflow:hidden;width:100%;height:auto;text-align:left;}

.seoulBox,.areaBox{font-size:32px;font-weight:bold;line-height:60px;overflow:hidden;width:490px;height:60px;margin:0 auto;padding-left:40px;color:#28425c;background:url(../images/bg/bg_seoul.png) no-repeat 0 center;}
.areaBox{position:relative;width:530px;padding-left:0;background:none;}
.seoulBox span,.areaBox span{font-size:13px;}
.areaBox span.txt01{font-size:11px;font-weight:normal;line-height:1.5em;position:absolute;bottom:12px;left:260px;display:block;overflow:hidden;width:250px;height:auto;}

.clickArea{position:relative;overflow:hidden;width:100%;height:auto;}
.clickArea .fl{float:left;overflow:hidden;width:155px;height:auto;}
.clickArea .fr{float:right;overflow:hidden;width:155px;height:auto;}
.timeAreaCharts{overflow:hidden;width:100%;height:300px;}


.clickArea .fl > p,.clickArea .fr > p{line-height:25px;width:100%;height:25px;margin-top:5px;text-align:center;background:#dcdcdc;oveflow:hidden;}
.clickArea .fl > .charts,.clickArea .fr > .charts{position:relative;overflow:hidden;width:155px;height:155px;background:#f1f1f1;}
.clickMiniMap{position:relative;float:left;width:180px;height:196px;padding-top:24px;border:1px solid #dcdcdc;}
.clickMiniMap:before{content:'';font-size:11px;line-height:24px;position:absolute;top:0;left:0;display:block;overflow:hidden;width:100%;height:24px;text-align:center;color:#fff;background:#2f4c6a;}
.clickArea .list01{float:left;overflow:hidden;width:185px;height:118px;margin-left:5px;}
.clickArea .list01 li{font-size:11px;line-height:28px;overflow:hidden;width:100%;height:28px;border-bottom:1px solid #dcdcdc;}
.clickArea .list02{float:left;width:100%;height:auto;oveflow:hidden;}
.clickArea .list02 li{font-size:11px;line-height:28px;overflow:hidden;width:100%;height:28px;border-bottom:1px solid #dcdcdc;}
.clickArea .list02 li input{width:40px;border:1px solid #dcdcdc;}

.clickListBox{float:right;overflow:hidden;width:340px;height:auto;border-bottom:1px solid #dcdcdc;}
.clickListBox .mapResultList{height:180px;}
.clickListBox .mapResultList ul{width:340px;}
.clockTypeBox{position:relative;overflow:hidden;width:100%;height:auto;}

.btn_clockTypePlay{position:absolute;top:5px;left:0;display:block;overflow:hidden;width:26px;height:26px;border-radius:50%;background:#dcdcdc;}
.btn_clockTypeSetting{position:absolute;top:40px;left:0;display:block;overflow:hidden;width:26px;height:26px;text-indent:-20000px;border-radius:50%;background:#dcdcdc url(../images/ico/ico_bumSetting.gif) no-repeat center center;}
.btn_clockTypeOk{position:absolute;top:75px;left:0;display:block;overflow:hidden;width:26px;height:26px;border-radius:50%;background:#dcdcdc;}
.btn_clockTypePlay:hover,.btn_clockTypeSetting:hover,.btn_clockTypeSetting.on,.btn_clockTypeOk:hover{background-color:#20b699;}

.clockTypeBox .yearList{overflow:hidden;width:250px;height:auto;min-height:72px;margin:0 0 0 auto;}
.clockTypeBox .yearList li{float:left;width:46px;height:auto;margin:5px 2px;text-align:center;overflo:hidden;}
.clockTypeBox .yearList li > label{font-size:11px;line-height:26px;display:block;width:46px;height:26px;text-align:center;color:#fff;border-radius:13px;background:#283944;overflo:hidden;}
.clockTypeBox .yearList li > input{position:absolute;left:-2000px;display:inline-block;margin-bottom:5px;}
.clockTypeBox .yearList li.on > label{background:#21b699;}

/* transition area */
.compareBox .typeBox{margin:10px 0 10px auto;}
.compareBox .typeBox a.first.on{background:#e8771a url(../images/ico_chars.png) no-repeat center center;}
.compareBox .typeBox a.on{background:#e8771a;}
.compareBox{overflow:hidden;width:100%;height:auto;}
.compareBox .typeBox{overflow:hidden;width:50px;height:26px;margin:10px auto;padding:1px;border-radius:13px;background:#333;}
.compareBox .typeBox a{font-size:10px;line-height:24px;display:block;float:left;overflow:hidden;width:24px;height:24px;margin-top:1px;text-align:center;color:#fff;}
.compareBox .typeBox a.first{text-indent:-2000px;background:#333 url(../images/ico_chars.png) no-repeat center center;}
.compareBox .typeBox a.on{border-radius:50%;background:#21b699;}
.compareBox .typeBox a.first.on{background:#21b699 url(../images/ico_chars.png) no-repeat center center;}
.compareBox .charts{position:static;left:-20000px;overflow:hidden;width:530px;height:300px;background:#fff;}
.compareBox #columCharts{position:relative;overflow:hidden;width:530px;height:300px;}

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

.combineViewIcon {float:left;width:16px;height:16px;background:#20b699;margin-top:7px;margin-left:5px;border-radius:50%;display:table;}
.combineViewIcon.view1 {background:#0070c0;}
.combineViewIcon.view2 {background:#9ed563;}
.combineViewIcon.view3 {background:#ff0066;}
.combineChart {/* position:static; left:-20000px;  */background:#ffffff; width:530px; overflow:hidden;}
.combineGrid{/* position:static;left:-20000px; */width:530px;height:auto;overflow:hidden;display:none;}
.combineGrid .btn_excelDownload{display:block;margin:5px 50px 5px auto;width:41px;height:41px;overflow:hidden;text-indent:-2000px;background:url(/img/ico/ico_excel.png)}

.btnBottom{width:100%;height:31px;overflow:hidden;border-bottom:1px solid #ccc;padding:10px 0;text-align:center;}
.btnBottom .logo{float:left;margin-left:10px;margin-top:2px}
.btnBottom .btn_service{text-align:left;margin:5px 10px 0 0;float:right;width:118px;height:19px;line-height:19px;font-size:11px;text-indent:10px;overflow:hidden;background:#e2e8e8 url(/img/ico/ico_plus02.gif) no-repeat 100px center;border:1px solid #bfc0c5;}

.btnBottom .btnService{position:absolute;right:10px;bottom:10px;width:140px;height:25px;line-height:27px;overflow:hidden;border:1px solid #bdbfc6;background:#e2e8e8;font-size:11px;text-indent:0; cursor: pointer; }
.btnBottom .btnService:before{float:right;content:"";background:url(/img/ico/ico_more.png) no-repeat;width:12px;height:12px;overflow:hidden;margin:7px 6px 0 0;}
.btnBottom .btnService.on:before{-webkit-transform:rotate(225deg);transform: rotate(225deg);}

.btnBottom .serviceLayer{display:none;z-index:10;width:140px;height:auto;overflow:hidden;border:1px solid #bdbfc6;position:absolute;right:10px;bottom:36px;}
.btnBottom .serviceLayer>ol{position:static;background:#fff;}
.btnBottom .serviceLayer>ol li{height:30px;line-height:30px;overflow:hidden;width:100%;border-bottom:1px solid #dcdcdc}
.btnBottom .serviceLayer>ol li a{display:block;margin:0 10px;font-size:11px;text-align:left;}
/*jrj 0912*/

.thematicTopText{font-family:'Nanum Gothic Bold';font-size:13px;line-height:100%;position:relative;padding:15px 10px 10px;text-indent:20px;color:#555;border-bottom:1px solid #dcdcdc;}
.thematicTopText:before{content:'';position:absolute;top:14px;left:10px;display:inline-block;width:17px;height:17px;background:url(../images/ico_i.png) no-repeat;}
.thematicCharts{overflow:hidden;width:500px;height:450px;margin:20px auto 0 0;}
.thematicBotText{font-size:12px;line-height:80px;width:500px;height:80px;text-align:center;color:#adadad;}
.topAreaChartsBox{position:relative;overflow:hidden;width:530px;height:300px;}

#pieChartDiv1{width:200px;height:200px;margin:auto;}
#pieChartDiv2{position:relative;top:-180px;left:77px;width:160px;height:160px;}
#pieChartDiv3{position:relative;top:-320px;left:97px;width:120px;height:120px;}
.pieLegend{position:absolute;bottom:0;left:0;overflow:hidden;width:100%;height:auto;text-align:center;}
.pieLegend1{display:block;overflow:hidden;width:135px;height:auto;margin:5px auto;color:#fff;background:#c95236;}
.pieLegend2{display:block;overflow:hidden;width:135px;height:auto;margin:5px auto;color:#fff;background:#3677bb;}
.pieLegend3{display:block;overflow:hidden;width:135px;height:auto;margin:5px auto;color:#fff;background:#41b66e;}
.legendName{font-size:11px;line-height:15px;display:block;float:left;width:65px;height:15px;margin-left:5px;text-align:left;}
.legendValue{font-size:11px;line-height:15px;display:block;float:right;height:15px;}
.compareBox .tables{position:absolute;left:-20000px;overflow:hidden;width:530px;height:auto;}
.compareBox .tables .btn_excelDownload{display:block;overflow:hidden;width:60px;height:30px;margin:5px 0 5px auto;background:green;}

#typeCharts01{float:left;overflow:hidden;width:256px;height:110px;}
#typeCharts02{float:left;overflow:hidden;width:256px;height:110px;}
#typeCharts03{overflow:hidden;width:530px;height:300px;margin:0 auto;}
#typeCharts04{overflow:hidden;width:530px;height:800px;margin:0 auto;}

.chartAreaRela{position:relative;overflow:hidden;width:100%;height:auto;padding-bottom:10px;}
.chartSize01{overflow:hidden;width:100%;height:300px;}
.chartSize02{overflow:hidden;width:100%;height:160px;}
.chartSize03{overflow:hidden;width:100%;height:auto;}
.chartAreaType02.t01.fn{float:left;width:calc(50% - 10px);height:auto;margin-top:10px;padding:0 5px;}
.chartAreaType02.t01.fn.line{width:calc(50% - 11px);border-left:1px solid #e4e4e4;}
.chartAreaType02.t01.fn #typeCharts01,.chartAreaType02.t01.fn #typeCharts02{float:none;margin:0 auto;}
.chartAreaType02.t01.fn .typelabel{float:none;width:100%;height:auto;}
.chartAreaType02.t01.fn .typelabel .valuebox .tit{width:175px;}
.chartAreaType02.t01.fn .typelabel .valuebox{margin-top:5px;}
.chartAreaType02.t01.fn .typelabel .valuebox .val .t01{font-size:11px;}
.chartAreaType02.t01.fn .typelabel .valuebox .val .t02{font-size:11px;}
.chartAreaType02.t01.fn #typeCharts03,.chartAreaType02.t01.fn #typeCharts04{float:none;margin:0 auto;}
.chartAreaType02 #typeCharts03,.chartAreaType02 #typeCharts04{width:200px;height:200px;}

/* map column > legendBox 위치 */
#mapbox.mapContents{position:relative;height:calc(100% - 45px);}
#mapbox.mapContents .sop-control-container{position:absolute;bottom:0;}
#mapbox.mapContents .sop-top,.sop-bottom{z-index:1001;}


/*  map */
#container.column-map{position:relative;overflow-y:scroll;width:100%;height:calc(100% - 66px);margin:0 auto;padding:0;}
#map-content{position:relative;overflow:hidden;width:100%;min-width:1024px;max-width:1078px;margin:0 100px 0 auto;padding-top:15px;/* padding-bottom: 20px; */}

.inner-wrap{width:70%;max-width:1278px;height:auto;margin:0 auto;padding-bottom:55px;}
.archive-list{overflow:hidden;min-height:622px;margin-bottom:10px;padding:0;}
.archive-list > li{float:left;width:32.33333%;margin:0 1.5% 0 0;padding:0;}
.archive-list > li:last-child{margin:0;}
.archive-list > li .area{display:block;overflow:hidden;height: 620px;border:1px solid #d9dadf; box-sizing: border-box;}
.archive-list > li .area > .title{position:  relative;font-family:'Nanum Gothic Bold';font-size:18px;line-height:130%;display: block;box-sizing:border-box;width:100%;height:35px;padding:5px 5px 5px 15px;text-align:left;color:#333;border-bottom:1px solid #d9dadf;background:#eee;overflow: hidden;}
.archive-list > li .title > dt,
.archive-list > li .title > dd{/* display: inline-block; */}
.archive-list > li .title > dt{line-height: 24px;}
.archive-list > li .title > dd{position:  absolute;right:  12px;top: 5px;line-height: 100%;}
.archive-list > li .title > dd dl{font-family:'Nanum Gothic Bold';font-size:14px;line-height:20px;display:inline-block;color:#555;}
.archive-list > li .title > dd dl:nth-child(1){margin-right:5px;color:#1778cc;}
.tooltip{display:inline-block;width:16px;height:16px;margin-left:5px;vertical-align:middle;background:url(../images/ico/ico_tooltip01.png) no-repeat left center;}
.fam-height { height:550px !important; }

/*#menuTip{border: 1px solid #c5bebe;height: 50px;padding: 5px;margin-top: 20px;border-radius: 10px;text-align: center;position: relative;width: 100%;max-width: 1078px;min-width: 1024px;}*/
#monthTip{position:relative;word-break:break-all;overflow:hidden;width:100%;min-height:50px;max-height:50px;min-width:1024px;max-width:1078px;margin:0 100px 0 auto;margin-top:10px;border: 1px solid #c5bebe;border-radius: 10px;margin-bottom:10px;}
#monthTip > div{margin: 10px; width:100%; font-family:"Nanum Gothic"}

#box.pyramid-contents{position:relative;height:calc(100% - 45px);}
.pyramid-contents {min-width: 319px; max-height: 384px; padding: 60px 14px 20px;}
#pyramid-container{margin:  0 auto;width: 100%;height: 100%;}

.archive-notice{margin-top:-10px;padding-bottom:15px;text-align:right;vertical-align:middle;}
.archive-notice span{font-family:'Nanum Gothic Bold';font-size:13px;line-height:17px;position:relative;color:#555;}
.archive-notice span:before{content:'';position:absolute;top:0;left:-21px;width:17px;height:17px;background:url('../../include/images/ico_i.png');}
.archive-notice strong{color:#e90808;}
.archive-box{overflow:hidden;padding-bottom: 65px;}
.chart-area{position:relative;box-sizing:border-box;margin-bottom:23px;padding: 36px 18px 18px;border:1px solid #d9dadf;min-width:  725px;min-height:  475px;width: 765px;height: 510px;}
.chart-area .bottom{position: absolute;padding: 10px 0;display: block;width: 100%;height: 30px;margin: 0 auto;text-align: center;bottom: 0;left:  0;right:  0;}
.chart-legend { display: block; height: 30px; line-height: 30px;}
.chart-legend li{position:relative;padding-left:30px;width: 45px;display: inline-block;padding-left: 16px;line-height:  20px;}
.chart-legend li span {font-family:'Nanum Gothic Bold';font-size: 13px;}
.chart-legend li:nth-child(1):before{background:#5b2a72;}
.chart-legend li:nth-child(2):before{background:#6a1e3b;}
.chart-legend li:before{content:'';position: absolute;width: 16px;height: 12px;overflow:hidden;top: 5px;left: 0;}
.pyramid-place{position:relative;float:left;overflow:hidden;width:765px;min-height: 652px;height:  670px;}
.pyramid-place li > div > div{margin:0 auto;}
.pyramid-place li .play-button-box{top:-19px;}

.item-text{position:relative;float:right;width:300px;height:  652px;}
.item-text ul > li { overflow: hidden;}
.item-text ul:nth-child(1) > li{margin-bottom: 22px;border:1px solid #d9dadf;height: 295px;}
.item-text ul > li .title{font-family:'Nanum Square Bold';font-size:18px;line-height:100%;box-sizing:border-box;width:100%;height:46px;padding:15px 18px 15px;text-align:left;color:#333;border-bottom:1px solid #d9dadf;background:#eee;}
.item-text ul > li div .date{font-family:'Nanum Gothic Bold';font-size:18px;color:#1778cc;}
.item-text ul > li div + div{padding:25px 16px;}
.item-text ul > li:last-child{margin:0;height: 330px;}
.item-text li div > dl{font-family:'Nanum Gothic Bold';font-size:15px;line-height:18px;display:block;width:100%;color:#555;}
.item-text li dl > dt{position:relative;display:inline-block;float:left;width:auto;text-indent:17px;white-space:nowrap;overflow:hidden;min-width:80px;}
.item-text li dl > dt:before{position:absolute;top:4px;left:2px;display:block;box-sizing:border-box;width:10px;height:10px;content:'';border:3px solid #3985d0;border-radius:50%;}
.item-text li dl > dd{display:inline-block;text-align:right;vertical-align:top;white-space:nowrap;color:#555;float:right;overflow:hidden;width:180px;}
.item-text li dl > dd span{color:#1778cc;}
.item-text li dl{overflow:hidden;}
.item-text li dl.cunt{padding:20px 0 0;}
.item-text li > .exp dt{display:block;width:100%;margin-bottom:10px;}
.item-text li > .exp dd{width:90%;display:block;text-align:left;font-family:'Nanum Gothic';font-size:14px;float:none;padding:0;margin:0 auto 0 17px;white-space:normal;word-break:keep-all;text-indent:0;}
.item-text li:nth-child(1) dl:nth-of-type(2) > dd{width:120px;text-overflow:ellipsis;overflow:hidden;line-height:18px;height:18px;}
.item-text li:last-child dl:nth-of-type(2){padding:20px 0;}
.item-text li:first-child dl:nth-of-type(2){border-color: #dbdbdb;border-width: 1px 0 1px 0;border-style: solid;margin: 20px 0;padding:20px 0;}

.item-text dd + dl.cunt dt:last-of-type,.item-text dd + dl.cunt dd:last-of-type{padding:0;}
.item-text dd + dl{display:block;width:100%;font-family:'Nanum Gothic';position:relative;}
.item-text dd + dl dt{text-indent:15px;margin-left:15px;}
.item-text dd + dl dt:before{position:absolute;top:6px;left:5px;display:block;box-sizing:border-box;width:5px;height:5px;content:'';border:0;border-radius:50%;background:#3985d0;}
.item-text dd + dl dd{width:171px;}
.item-text dd > em{font-family:'Nanum Gothic Bold';color:#333;}
.item-text dd + dl.cunt dt,.item-text dd + dl.cunt dd{padding:0 0 9px;}

#ui-header-picker{display: block;width:100%;margin:0 auto;margin-bottom: 15px;text-align:  center;height: 26px;}
#ui-header-picker > div{display:  inline-block;}
#ui-header-picker > div button:last-of-type{position:absolute;right:0;}
#ui-header-picker > div button:focus{z-index:5;}
#ui-header-picker > div:nth-child(2) > div{width: 105px;}
#ui-header-picker > div:nth-child(2){padding:0 0 0 15px;}

.button-group{line-height:100%;position:relative;display:inline-block;width:140px;vertical-align:middle;}
.button-group >:last-child{right:0;}
.button-group > div{line-height:24px;position:absolute;left:20%;width:60%;text-align:center;}
.button-group > div h2{font-family:'Nanum Gothic Bold';font-size:26px;font-weight:bold;margin:0;color:#000;}
.button-group > div  h2 > span{font-family:'Nanum Square Bold';font-size:24px;color:#555;}
.button-group button{float:left;margin:0;padding:0;cursor:pointer;white-space:nowrap;}
.button-group button:after{content:'';position:relative;top:2px;display:inline-block;width:22px;height:22px;}
.button-group button.left-arrow:after{background:url(../images/btn_mapleft.png) no-repeat  center;}
.button-group button.right-arrow:after{background:url(../images/btn_mapright.png) no-repeat;}
.button-group button.left-arrow:hover:after{background:url(../images/btn_mapleft_on.png) no-repeat  center;}
.button-group button.right-arrow:hover:after{background:url(../images/btn_mapright_on.png) no-repeat;}

.tabs-content{position:relative;width:100%;padding-bottom:35px;}
.pip-slider-box{position:relative;box-sizing:border-box;width:auto;width:100%;height:113px;margin:0px auto;padding:3em 0 1em;padding:0px 0px 0px 0px;transition:-webkit-transform .3s ease,width .3s ease,padding .3s ease;transition:transform .3s ease,width .3s ease,padding .3s ease;text-align:center;border:1px solid #d9dadf;background:#eee;font-size:14px;}
.pip-slider-box-ul{line-height:0;position:relative;top:5px;width:100%;text-align:center;}
.pip-slider-box-ul li{display:inline-block;}
.pip-slider-box-ul li:nth-of-type(2){margin:0 4px;}
.pip-slider-box-ul li > a{position:relative;}
.pip-slider-box-ul li > a:before{content:'';top:2px;display:inline-block;width:38px;height:38px;}

.sliderBtn{display: inline-block;}
.ui-slider-pips .ui-slider-pip-hide{display:none;}
.ui-slider-pips .ui-slider-pip{font-size:.8em;line-height:1em;position:absolute;left:20px;overflow:visible;width:2em;height:1em;margin-left:-1em;cursor:pointer;text-align:center;color:#999;}
.ui-slider-horizontal.ui-slider-pips{margin-bottom:2.8em;}
.ui-slider.ui-slider-horizontal > .slider-line{position:absolute;top:0;left:2%;display:block;width:2px;height:5px;margin-left:0;transition:all .4s ease;background:#f5f5f5;}
.ui-slider-horizontal.green .ui-slider-handle{background:#afe32c;}
.ui-slider.ui-slider-horizontal .ui-slider-handle{top:-30px;width:20px;height:20px;margin-left:-10px;cursor:pointer;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);border:1px solid #1778cc;background:#1778cc;}
.ui-slider.ui-slider-horizontal .ui-slider-handle:before{content:'';position:absolute;top:5px;width:9px;height:9px;margin-left:5px;border-radius:50%;background-color:#fff;}
.ui-slider-horizontal .ui-slider-handle{transition:border .4s ease;border-radius:50% 50% 0;}
.ui-slider.ui-slider-horizontal{width:100%;height:8px;margin:30px 0;border:none;border-radius:0;background:#00bcd4;}
.ui-slider-vertical.ui-slider-pips{margin-right:2em;margin-bottom:0;}
.ui-slider.ui-slider-vertical .ui-slider-handle{left:-25px;margin-bottom:-10px;-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);}
.ui-slider.ui-slider-horizontal .ui-slider-pip .ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label{font-weight:700;color:#000;}
.ui-slider.ui-slider-horizontal .ui-slider-pip span.ui-slider-label{font-family:'Nanum Gothic Bold';position:absolute;top:5px;left:50%;width:2em;margin-left:-1em;}
.ui-slider.ui-slider-horizontal .ui-slider-pip span.ui-slider-label{display:block;}
.ui-slider.ui-slider-horizontal .ui-slider-pip span.ui-slider-line{position:absolute;top:-17px;left:50%;width:2px;height:5px;background:#fff;}
.ui-slider .ui-slider-pip{top:8px;}
.ui-slider.ui-slider-horizontal .ui-slider-pip{font-size:14px;line-height:1em;position:absolute;top:17px;left:20px;overflow:visible;width:2em;height:1em;margin-left:-1em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;color:#555;-webkit-touch-callout:none;}
.ui-slider-pip.ui-slider-pip-label.ui-slider-pip:last-of-type span:first-child{left:12px;}
.ui-slider-pips .ui-slider-pip-number .ui-slider-number{font-family:'Nanum Gothic Bold';font-size:14px;position:absolute;top:17px;display:block;margin-left:8px;color:#555;}
.slider-pip.slider-pip-number > span > span.slider-number{position:absolute;top:15px;width:2em;margin-left:2em;color:#555;}
.ui-slider-float .ui-slider-tip,
.ui-slider-float .ui-slider-tip-number{font-size:12px;line-height:20px;position:absolute;top:-40px;left:50%;display:block;visibility:hidden;width:34px;height:20px;margin-left:-17px;transition:all .4s ease;text-align:center;opacity:-1;color:#333;border-radius:3px;background:white;box-shadow:0 0 3px rgba(0,0,0,.4);}
.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-number{top:-30px;visibility:visible;opacity:.9;color:#333;}

.play-button-box{line-height:0;position:relative;width:100%;text-align:center;}
.play-button-box li{display:inline-block;}
.play-button-box li:nth-of-type(2){margin:0 4px;}
.play-button-box li > button{position:relative;}
.play-button-box li > button:before{content:'';top:2px;display:inline-block;width:38px;height:38px;}
.play-button-box li:nth-child(1) > button:before{background:url(../images/ico/ico_dbPlay2.png) no-repeat  center;}
.play-button-box li:nth-child(2) > button:before{background:url(../images/ico/ico_dbStop.png) no-repeat  center;}
.play-button-box li:nth-child(3) > button:before{background:url(../images/ico/ico_dbPlay.png) no-repeat  center;}
/*.play-button-box li:nth-child(1) > button:hover:before{background:url(../images/play_left_on.png) no-repeat  center;}
.play-button-box li:nth-child(2) > button:hover:before{background:url(../images/play_stop_on.png) no-repeat  center;}
.play-button-box li:nth-child(3) > button:hover:before{background:url(../images/play_right_on.png) no-repeat  center;}*/


.first-button-box{line-height:0;position:relative;width:100%;text-align:center;padding:0;margin:0;}
.first-button-box > button{position:relative;}
.first-button-box > button:before{content:'';top:2px;display:inline-block;width:38px;height:38px;}
/*.first-button-box > button.first:before{background:url(../../css/month_sop/images/Back.jpg) no-repeat  center;}
.first-button-box > button.last:before{background:url(../../css/month_sop/images/fast.jpg) no-repeat  center;}*/

.first-button-box > button.first:before{background:url(../images/common/paging_first.png) no-repeat  center;}
.first-button-box > button.last:before{background:url(../images/common/paging_last.png) no-repeat  center;}

.direction-area {display:  block;height: 44px;font-family:'Nanum Gothic';margin-top: 22px;padding-bottom: 23PX;overflow:  hidden;}
.direction-area  p {font-size:15px;color:#333;font-family:'Nanum Gothic Bold';line-height: 100%;margin-bottom:  15px;}
.direction-area span {font-size:14px;color:#555;line-height: 17px;}
.citation { text-align: right; margin-bottom: 6px;}
.citation span{font-size:12px;color:#666;    font-family: 'Nanum Gothic';} 
.state > dt{position:relative;font-size:15px;line-height:100%;width:100%;text-align:left;color:#555;font-family:'Nanum Gothic Bold';text-indent:14px;margin-bottom: 10px;}
.state > dt:before{position:absolute;top:2px;left:0px;display:block;box-sizing:border-box;width:10px;height:10px;content:'';border:3px solid #3985d0;border-radius:50%;}
.state dd > dl{text-align:center;width:100%;background:#f5f5f5;height:47px;overflow:hidden;border:1px solid #d9dadf;box-sizing:border-box;padding:16px 18px;}
.state dd > dl dt,.state dd > dl  dd{display:inline-block;margin:0;font-family:'Nanum Gothic Bold';}
.state dd > dl dt{color:#1778cc;padding-right: 4px;text-align:center;margin-right:4px;width:auto;vertical-align: top;}
.state dd > dl dd{color:#555;text-align:left;width:15%;min-width:65px;}
.state dd > dl dd:last-child{width:auto;min-width:auto;}

.condition{display:block;position:relative;box-sizing:border-box;margin-bottom:20px;border:1px solid #d9dadf;height:210px;width:100%;overflow:hidden;}
.condition > div{width:260px;float:left;display:inline-block;box-sizing:border-box;height:100%;padding:15px 10px 13px;}
.condition > div:first-child{border-right:1px solid #d9dadf;width:268px;}
.chart-area{background:#fff;}
.report-data{background:#f5f5f5;}
.report-data ul > li{overflow:hidden;}
.report-data ul:nth-child(1) > li{margin-bottom:22px;border:1px solid #d9dadf;height:295px;}
.report-data dt{position:relative;font-size:14px;line-height:100%;box-sizing:border-box;width:100%;text-align:left;color:#555;font-family:'Nanum Gothic Bold';text-indent:14px;height:14px;margin-bottom:8px;}
.report-data dt:before{position:absolute;top:2px;left:0px;display:block;box-sizing:border-box;width:10px;height:10px;content:'';border:3px solid #3985d0;border-radius:50%;}
.report-data dl{overflow:hidden;}
.report-data dd{width:225px;display:block;font-size:13px;padding:0;line-height:20px;font-family:'Nanum Gothic';margin:0 0 10px 15px;word-break:keep-all;}


.databoard-table{border-top: 1px solid #213967;position: relative;overflow:hidden;}
.databoard-table table{width:100%;border-collapse:collapse;border-spacing:0;border-bottom:1px solid #e0e0e0;}
.databoard-table table th{padding:12px 0 10px;position:relative;text-align:center;background:#f6f7f8;color:#777;font-family:'Nanum Gothic Bold';}
.databoard-table table th a{word-break:normal;display:block;color:#555;text-align:center;position:relative;}
.databoard-table table tbody th{font-weight:bold;text-align:left;padding-left:20px;padding: 10px 9px 9px;}
.databoard-table table td{padding:9px 0 9px;text-align:center;color:#555;}
.databoard-table table tfoot td{background:#f1f4f9;font-weight:bold}
.databoard-table table th,.databoard-table table td{text-align:center;border-bottom:1px solid #e0e0e0;border-left:1px solid #e0e0e0;font-size:13px;}
.databoard-table table tr td.em-color {background:#fbefef;}

.databoard-table table tr th:first-child, .databoard-table table tr td:first-child{border-left:0 hidden;}
.databoard-table.type01 table tr:nth-child(2) td:first-child{font-family: 'Nanum Gothic';}
.databoard-table.type01 table th a+a{display:inline-block;position:absolute;top:28px;right:1px;width:16px;margin:0;}
.databoard-table.type01 table th:nth-child(4){padding: 0 16px 0 5px;}
.databoard-table.type01 table th:nth-child(5), .databoard-table.type01 table th:nth-child(6){padding: 0 16px 0 10px;}
.databoard-table.type01 table th:nth-child(5) a+a, .databoard-table.type01 table th:nth-child(6) a+a{right: 9px;}
.databoard-table.type01 table th:nth-child(7){padding: 0 13px 0 11px;}
.databoard-table.type01 table th:nth-child(7) a{display:inline-block;position:absolute;top:28px;right: 8px;width:16px;margin:0;}
.databoard-table.type01 table tr:nth-child(2) td:first-child,.databoard-table.type01 table tr:nth-child(3) td:first-child,.databoard-table.type01 table tr:nth-child(4) td:first-child,.databoard-table.type01 table tr:nth-child(5) td:first-child{color:#1778cc;text-decoration:underline;}
.databoard-table.type01 table tr:nth-child(2) td{font-family:'Nanum Gothic Bold';}

.databoard-table.type02 table tr td:first-child{padding-left:9px;padding-right:0;text-align:left;}
.databoard-table.type02 table tr td:first-child img{margin-right:5px;}
.databoard-table.type02 table tr td:first-child a{line-height:17px;}
.databoard-table.type02 table tr td:last-child {padding-left:9px;padding-right:0;text-align:left;  }

.databoard-table.type03{border-collapse:separate;}
.databoard-table.type03 table thead tr:first-child th:last-child{width:99%;}
.databoard-table.type03 table thead tr:first-child th:first-child{width:25%;}
.databoard-table.type03 table thead tr:nth-child(2) th,.databoard-table.type03 table thead tr:nth-child(3) th{font-size:12px;}
.databoard-table.type03 table tbody tr:nth-child(2){font-size:14px;font-family:'Nanum Gothic Bold';background:#fbefef;}
.databoard-table.type03 table tbody tr td:first-child{padding-left:9px;padding-right:0;text-align:left;}
.databoard-table.type03 table thead tr:nth-child(2) th:first-child, .databoard-table.type03 table thead tr:nth-child(3) th:first-child {  border-left: 1px solid #e0e0e0;}

.databoard-table.type04 table tr:nth-child(2) th:nth-child(1) {    border-left: 1px solid #e0e0e0;}


<!-- 통계표출 -->
#showNumberBtn img{margin-top:7px}
#showNumberBtn.on{text-align:center;width:25px;padding-top:6px;height:27px;overflow:hidden;background:#00bcd4;border:1px solid black;color:#fff;font-weight:bold;}
#showNumberBtn.off{text-align:center;width:25px;padding-top:6px;height:27px;overflow:hidden;background:#c4c4c4;border:1px solid black;font-weight:bold;}



/* mng_s 2019. 11. 20 j.h.Seok 이용자 중심 서비스 개편 - 정렬 방식 추가 */
#label-list select{margin-left: 15px; color: #4f87b6; font-size:15px; line-height:1; padding: 5px; cursor: pointer; -moz-appearance: menulist; /* Firefox */	-webkit-appearance: menulist;/* Safari and Chrome */appearance: menulist;}
#label-list select::-ms-expand {display:block}
/* mng_e 2019. 11. 20 j.h.Seok 이용자 중심 서비스 개편 - 정렬 방식 추가 */