@charset 'UTF-8';

html,body{overflow:hidden;}
label,button{cursor:pointer;}
/* #wrap{overflow:hidden;height: 100%;height:371px;} */
#wrap{overflow:hidden;/* height: 100%; */height:504px;} /* 2025.07.03. 김보림 청년통계지도 메뉴 추가 */
.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:15;top:0;left:0;display:none;overflow:hidden;width:100%;height:100%;opacity:.5;background:#333;}
.mapContents{overflow:hidden;width:100%;height:calc(100% - 70px);}
.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;}

/* 2018.12.05	ywKim	제거: common과 중복 */
/*.toolBar{position:relative;box-sizing:border-box;width:100%;height:34px;min-height:35px; border-bottom:1px solid #d8dade;background:#fff; overflow: visible;}*/
/* .toolBar{position:relative;box-sizing:border-box;width:100%;height:34px;border-top:1px solid #d8dade;border-bottom:1px solid #d8dade;background:#fff; overflow: visible;} */
/*.toolBar h2{font-family:'Nanum Gothic Bold';font-size:16px;position:absolute;top:7px;left:60px;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;}*/

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

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

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

/* 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;}

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

.dbTabs{display:table;table-layout:fixed;border-collapse:collapse;width:100%;}
.dbTabs a{letter-spacing:-1px;font-size: 14px;border-top: 1px solid #6a707c;display:table-cell;vertical-align:middle;text-align:center;height: 35px;background: #6a707c;color:#fff;}
/* .dbTabs a.on{border-top:1px solid #b7b6b6; *//* background:#fff; *//* color:#595757;} */
.dbTabs a.on{background:#f1f1f1 !important;color:#595757 !important;border-top: 1px solid #b7b6b6 !important;}
.dbTabs.type01 a{background:#6a707c;border-top:1px solid #6a707c;}
.dbTabs.type01 a.on{background:#fff;border-top:1px solid #b7b6b6;}
.dbTabs.type02 a{background:#313333;border-top:1px solid #313333;} 
.dbTabs.type02 a.on{background:#fff;border-top:1px solid #b7b6b6;}



/* left menu layout */
.containerBox{position:absolute;left:0;width:100%;background:#f1f1f1;}
.quickBox{overflow:visible ;position:absolute;top:70px;left:0;box-sizing:border-box;width:220px;height:100%;
border-right:1px solid #b2b4b6;
background: #fff;}
/* .quickBox{overflow:visible ;position:absolute;top:0;left:0;box-sizing:border-box;width:220px;height:100%; */
/* border-right:1px solid #b2b4b6; */
/* background: #f5f5f5;} */
.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_close.png);background-repeat:no-repeat;}
.quickBox .subj{line-height:35px;position:relative;width:100%;height:35px;}
.quickBox h2 > a{line-height:100%;margin-left:-10px;}

.quickBox.step00{z-index:18;left:-244px;}
.quickBox.step00 .normalBox{position:relative;width:100%;height:100%;}
.quickBox.step00 .subj{background:#213967;}
.quickBox.step00  h2{font-family:'Nanum Gothic Bold';font-size:16px;position:relative;text-indent:37px;color:#fff;}
.quickBox.step00  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.step01{z-index:18;left:-244px;}
.quickBox.step01 .normalBox{position:relative;width:100%;height:100%;}

.quickBox.step01{z-index:1001;left:-244px;}
/* .scrollBox,.normalBox{width:100%;height:calc(100% - 82px);} */
.quickBox.step01 .normalBox{position:relative;width:100%;height:100%;overflow:hidden;position:relative;border-bottom:1px solid #ccc;}

.quickBox.step01 .subj{background:#213967;border-bottom: 0;}
.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{width:280px;z-index:18;left:-305px;}
.quickBox.step03{width:280px;z-index:17;left:-305px;}
.quickBox.step04{width:280px;z-index:18;left:-305px;}
.quickBox.step05{width:280px;z-index:18;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{position:absolute;right:0;bottom:0;left:0;display:block;overflow:hidden;height:auto;margin-left:17px;height: 45px;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(92% - 35px);background-color:#fff;}
.scrollBox{position:relative;overflow:hidden;width:100%;height:calc(100% - 165px);background-color:#f2f2f2;}
.scrollBox.scroll{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;}

.step-option{overflow:hidden;width:100%;height:auto;padding:15px 0 15px 0;}
.step-option ul{display:  block;width: 250px;font-size:14px;overflow:hidden;height:auto;margin: 0;padding: 0 15px;}
.step-option ul > li{font-size: 13px; width:  100%;font-family:'Nanum Gothic Bold';position:relative;overflow:hidden;box-sizing:border-box;height:auto;padding:12px 0;color:#777;border-bottom:1px solid #ddd;}
/* .step-option ul > li{width:  100%;font-family:'Nanum Gothic Bold';position:relative;overflow:hidden;box-sizing:border-box;height:auto;padding:12px 0;color:#777;border-bottom:1px solid #ddd;} */
.step-option ul > li:nth-child(1){padding-top:0;}
.step-option ul > li input,.step-option ul > li label,.step-option ul > li a,.step-option ul > li select{vertical-align:middle;}
.step-option ul > li input{position:absolute;left:-2000px;}
.step-option ul > li input:checked:before{background:url(./images/ico/ico_ckbox_on.gif);}
.step-option 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;}
.step-option ul > li label.on{background:url(./images/ico/ico_ckbox_on.gif) no-repeat left center;}
.step-option ul > li label.on,.step-option ul > li label:hover{color:#1778cc;}
.step-option ul > li select,.step-option select{height:30px;border:1px solid #ccc;}

.stepBox{overflow:hidden;width:100%;height:auto;padding:5px 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:12px;overflow:hidden;width:250px;height:auto;margin:0 auto 0 15px;}
.stepBox ul > li{font-family:'Nanum Gothic Bold';font-size:13px;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:5px;}
.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 input:checked:before{background:url(/img/ico/ico_rdbox_on.gif);}
.stepBox ul > li label,.box_area_option02 label{line-height:20px;display:inline-block;padding-left:25px;background:url(/img/ico/ico_rdbox.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 ul > li label.on,.stepBox ul > li label:hover{color:#1778cc;}
.stepBox ul > li select,.houseArea select,.stepBox select{height:30px;border:1px solid #ccc;}
.stepBox .mydata_title{font-size:12px;}
.stepBox .mydata_info{font-size:12px;margin-bottom:15px;}

.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;}

.themul li:hover,.themul li:active,.themul > li.on{border-right:1px solid #f69834;border-bottom:1px solid #f69834;background-color:#f69834;}
.stat-infor{overflow:hidden;box-sizing:border-box;width:220px;height:100%;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;}

.scrollBox,.normalBox{width:100%;overflow:hidden;position:relative;border-bottom:1px solid #ccc;}
/* .scrollBox,.normalBox{width:100%;height:calc(100% - 82px);overflow:hidden;position:relative;border-bottom:1px solid #ccc;} */
.statul,.themul{position:relative;width:220px;overflow:hidden;}
.statul li,.themul li{background-color:#1778cc;border-bottom:1px solid #0760ac;box-sizing:border-box;}
.statul li:hover,.statul li:active,.statul > li.on{background-color:#f69834;border-right:1px solid #f69834;border-bottom:1px solid #f69834;}
.statul li > a,.themul li >a{position:relative;display:block;}
.statul li > a:before{content:"";position:absolute;left:17px;top:18px;display:block;overflow:hidden;background-size:auto;background-repeat:no-repeat;}
.statul > a,.themul > a{overflow:hidden;height:24px;line-height:24px;display:block;}
.statul > li,.themul > li{width:100%;height:55px;line-height:55px;overflow:hidden;font-size:15px;font-family:'Nanum Gothic Bold';color:#fff;text-indent:55px;box-sizing:border-box;}


.statul li:nth-child(1) > a:before{top:15px;width:24px;height:28px;background-position:-11px -5px;}
.statul li:nth-child(2) > a:before{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 > a:before{content:"";position:absolute;left:17px;top:18px;display:block;overflow:hidden;background-size:auto;background-repeat:no-repeat;}
.themul li:nth-child(1) > a:before{background-image:url(./images/ico/ico_stat_lnb.png);background-position:-93px -6px;width:23px;height:27px;top:15px;}
.themul li:nth-child(2) > a:before{background-image:url(./images/ico/ico_stat_lnb.png);background-position:-91px -43px;width:28px;height:24px;}
.themul li:nth-child(3) > a:before{background-image:url(./images/ico/ico_stat_lnb.png);background-position:-92px -77px;width:26px;height:26px;top:15px;}
.themul li:nth-child(4) > a:before{background-image:url(./images/ico/ico_stat_lnb.png);background-position:-90px -115px;width:29px;height:24px;}
.themul li:nth-child(5) > a:before{background-image:url(./images/ico/ico_stat_lnb.png);background-position:-94px -151px;width:22px;height:28px;top:15px;}


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


/* .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;} */


.themul.interactive-list li:nth-child(1) > a:before{top:13px;width:29px;height:29px;background-position: -279px -6px;}
.themul.interactive-list li:nth-child(2) > a:before{top:13px;width:32px;height:33px;background-position:-279px -42px;}
.themul.interactive-list li:nth-child(3) > a:before{width:31px;height:32px;background-position:-279px -83px;}
.themul.interactive-list li:nth-child(4) > a:before{width:34px;height:23px;background-position:-277px -117px;}
.themul.interactive-list li:nth-child(5) > a:before{width:34px;height:32px;background-position:-277px -151px;}
.themul.interactive-list li:nth-child(6) > a:before{width:34px;height:32px;background-position:-277px -186px;}
.themul.interactive-list li:nth-child(7) > a:before{top:16px; width:31px;height:28px;background-position:-277px -222px;}


.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;}


.nav-sidebar{position:absolute;z-index:20;top:70px;left:-80px;overflow:hidden;width:80px;height:100%;background:#1778cc;}
.nav-list li{width:100%;font-size:13px;text-align:center;}
.nav-list li:nth-child(1) > a, .nav-list li:nth-child(2) > a,.nav-list li:nth-child(3) > a{padding: 55px 0 5px;}
.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:#2dacfb;}

.thematic.nav-list.interactive-list li:nth-child(1) > a:before{width:29px;height:33px;background-position: -279px -13px; top:24px;}
.thematic.nav-list.interactive-list li:nth-child(2) > a:before{width:32px;height:40px;background-position:-279px -52px;}
.thematic.nav-list.interactive-list li:nth-child(3) > a:before{width:31px;height:32px;background-position:-279px -93px;}
.thematic.nav-list.interactive-list li:nth-child(4) > a:before{width:34px;height:30px;background-position:-279px -140px; top:35px;}
.thematic.nav-list.interactive-list li:nth-child(5) > a:before{width:34px;height:30px;background-position:-279px -187px; top:35px;}
.thematic.nav-list.interactive-list li:nth-child(6) > a:before{width:34px;height:34px;background-position:-279px -229px; top:29px;}
.thematic.nav-list.interactive-list li:nth-child(7) > a:before{width:31px;height:34px;background-position:-277px -277px; top:35px;}


.nav-list li > a:hover{background:#f69834;}
.nav-list li > a.on{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;}

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


.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;}


/* left-mid-bottom menu */
.sideQuick{position:absolute;left:0;z-index:13;display:block;width:34px;height:34px;box-sizing:border-box;overflow:hidden;font-size:0;line-height:34px;color:#fff;text-align:center;background:#21396c;border:#21396c;border-radius:0;}
.sideQuick img,.sideQuick span{vertical-align:middle; margin-left:6px}
.sideQuick span{display:inline-block;padding:0;margin:0;font-family: 'Nanum Gothic';font-size: 13px;}
.sideQuick:hover, .sideQuick.on { background: #21b699;}
.sideQuick.sq01,.sqListBox.sq01{top:0;}
.sideQuick.sq02,.sqListBox.sq02{top:35px;z-index:13;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{width:90px;top: 87px;height:28px;border-radius:3px;left:3px;}
.sideQuick.xw span:after{position:absolute;top:7px;right:7px;content:"";width:15px;height:15px;line-height:15px;background-image:url(./images/ico/ico_setting.png);background-repeat:no-repeat;display:block;}
.sideQuick.xw span{position:relative;display:block;font-size:11px;font-family:'Nanum Gothic';text-align:left;line-height:28px;text-indent:9px;}

.stepClose2{opacity:.4;display:block;width:32px;height:38px;overflow:hidden;position:absolute;right:0;top:0;background:url(./images/ico/ico_close02.png) no-repeat center center;text-indent:-2000px;  transition-duration: .3s; transition-property: transform; transition-timing-function: ease-in-out;}
.stepClose2:hover{transform: 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{z-index:12;display:block;height:40px;position:absolute;left:-640px;background:#333;}
.sqListBox.sq03{height:auto;border:1px solid #dbdbdd;background:#fff;text-align:right;width:292px}
.sqListBox.sq03 .sqTabs{width:283px;height:40px;border-bottom:1px solid #dcdcdc;padding:0 5px;overflow:hidden;background:#f5f5f5}
.sqListBox.sq03 .sqTabs span{text-align:left;margin-left:100px;line-height:40px;color:#666;font-size:13px;}
/* .sqListBox.sq03 .sqTabs span{text-align:left;margin-left:100px;line-height:40px;color:#666;font-size:13px;display:block;} */
.sqListBox.sq03 .sqList{width:100%;height:230px;overflow:hidden;}
.sqListBox.sq03 .sqList ul{margin:0 5px 5px 5px;display:block;}
.sqListBox.sq03 .sqList ul li{text-align:left;width:100%;height:40px;padding:3px 0;overflow:hidden;line-height:40px;position:relative;}
.sqListBox.sq03 .sqList ul li span{margin-right:20px;display:block;float:left;height:40px;line-height:40px;color:#414141;font-size:13px;}
.sqListBox.sq03 .sqList ul li select{font-size:11px;float:left;height:22px;border:1px solid #1aa58b;margin-top:8px;border-radius:8px;}
.sqListBox.sq03 .sqList ul li select{-webkit-appearance:menulist;box-sizing:border-box;align-items:center;white-space:pre;-webkit-rtl-ordering:logical;color:black;background-color:white;cursor:default;}

/* .sqListBox.sq03 .sqList ul li a{margin-top:8px;font-size:11px;text-align:center;display:block;min-width:60px; */
/* height:24px;line-height:24px;overflow:hidden;float:left;background:#b6b6b6;color:#fff;border:1px solid #9f9f9f;} */
.sqListBox.sq03 .sqList ul li a.first{border-top-left-radius:8px;border-bottom-left-radius:8px;}
.sqListBox.sq03 .sqList ul li a.last{border-top-right-radius:8px;border-bottom-right-radius:8px;}
.sqListBox.sq03 .sqList ul li a.on{background:#21b69a;border:1px solid #1aa58b;}
.sqListBox.sq03 .sqEtc{padding:5px 0;background:#dcdcdc}
.sqListBox.sq03 .sqEtc span, .sqListBox.sq03 .sqEtc select{vertical-align:middle;height:30px;margin-right:5px}
.sqListBox.sq03 .sqList ul li a > span{margin:0 auto;font-size:11px;text-align:center;display:block;width:90px;height:24px;line-height:24px;overflow:hidden;color:#fff;}
.sqListBox.sq03 .sqList ul li a.tab {  }

.sqListBox.sq03 .sqList ul li a.drag>span.mask{display:block;z-index:2;background-image:url(./images/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:url(./images/bg/bg_mask.png) repeat-x;position:absolute;left:0;top:0;width:100%;height:30px;overflow:hidden;}
.sqListBox.sq03 .sqList ul li .sqdel{position:absolute;right:9px;top:10px}
.sqListBox.sq03 .sqList ul li .sqdel img{width:10px;background-color: #F4F4F4;width: 15px;border-radius: 50px;}
.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: 34px;height: 34px;margin:6px auto 0 auto;background: url(./images/ico/ico_sideList.png) no-repeat -100px -2px;}

.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: static;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:15;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:#21b699;}
.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: #27435b url(./images/common/bg_databoard.png) no-repeat  right center;font-family: 'Nanum Gothic';}
.interactiveDataBoard:hover{background:#00bcd4 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: #27435b 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:'시군구';}



.dscList{overflow:hidden;width:530px;height:auto;margin:0 auto;}
.dscList .title { font-size:18px; color:#555;font-family: 'Nanum Gothic Bold'; text-align:center; padding:30px 0 20px;}
.dscList .area-tit{text-align:center;height:30px;background:#1778cc;width:100%;margin:0px auto 12px;}
.dscList .area-tit > span{font-size:13px;color:#fff;line-height:30px;}
.dscList dt{width:100%;height:26px;overflow:hidden;margin:5px auto;}
.dscList dt.mt15{margin-top:15px;}
.dscList dt>a{font-weight:bold;color:#595757;background:url(./images/ico/ico_up03.png) no-repeat 505px center;}
.dscList dt>a.on{border-radius:0;border-bottom:1px solid #d5d5d5;background:url(./images/ico/ico_down04.png) no-repeat 505px center;}
.dscList dt.botype > a{border-bottom:1px solid #d5d5d5;border-radius:0;}
.dscList dt.t01{height:auto;}
.dscList dt.t01 > a{height:auto;border-radius:0;}
.dscList dt.t01 > a .jcate{font-size:12px;line-height:30px;float:left;overflow:hidden;width:78px;height:30px;text-align:center;color:#fff;border:1px solid #1778cc;background:#1778cc;}
.dscList dt.t01 > a.on .jcate{color:#6e6e6e;border:1px solid #cbcbcb;border-bottom:0;background:#ebebeb;}
.dscList dt.t01 > a.noneView{padding-right:10px;text-align:right;background:none!important;}
.dscList dt > a .jsubj{font-size:15px;font-weight:bold;float:left;overflow:hidden;width:calc(100% - 280px);height:27px;text-align:center;color:#595757;}
.dscList dt > a .jnum{font-size:10px;font-weight:normal;line-height:1.1em;float:left;overflow:hidden;width:130px;height:27px;text-align:right;}
.dscList dd.hide{display:none;}
.dscList dt.none-block { height:0;}

.dscList.type01 dt{border-radius:13px;background:#f5f5f5;}
.dscList.type01 dt > a{float:left;width:380px;background-position:350px center;}
.dscList.type01 dt .formRight{font-size:11px;float:right;overflow:hidden;width:140px;height:26px;padding-right:10px;text-align:right;}
.dscList.type01 dt .formRight input,.dscList.type01 dt .formRight label{display:inline-block;margin-top:3px;vertical-align:middle;}
.dscList.type01 dt .formRight input{font-size:11px;line-height:18px;overflow:hidden;width:68px;height:18px;padding:0 5px;text-align:right;border:1px solid #bdbdbd;}
.dscList.type02 dt > span{font-size:12px;line-height:26px;display:block;overflow:hidden;width:100%;height:26px;text-indent:10px;color:#fff;border-radius:13px;background:#21b699;}
.dscList.type02 dd{display:block;}
.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%;}

.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;}

.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;}
.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%;}
/* .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%;}
/* .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/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(/img/ico/ico_chars.png) no-repeat center center;}
.compareBox .typeBox a.on{border-radius:50%;background:#21b699;}
.compareBox .typeBox a.first.on{background:#21b699 url(/img/ico/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;}
.thematicTopText{height: auto;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:15;}


/*  map */
#container.column-map{position:relative;overflow-y:scroll;width:100%;height:100%;margin:0 auto;padding:0;}
.inner-wrap{width:70%;max-width:1278px;height:auto;margin:0 auto;padding-bottom:55px;}
#map-content{position:relative;overflow:hidden;width:100%;min-width:1024px;max-width:1078px;margin:0 100px 0 auto;padding-top:55px;/* padding-bottom: 20px; */}

.archive-list{overflow:hidden;min-height:512px;margin-bottom:25px;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: 510px;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:46px;padding:10px 10px 10px 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: 12px;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; }

#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: 45px;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:last-child > div{min-width:105px;}
#ui-header-picker > div:nth-child(1){text-align:right;padding:0 0 0 15px;}
#ui-header-picker > div:nth-child(2){text-align:left;padding:0 0 0 15px;}
#ui-header-picker > div:nth-child(2) > div{width: 105px;}

.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:118px;margin:50px auto;padding:3em 0 1em;padding:15px 30px;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 #e7e7e7;background:#f5f5f5;font-size:14px;}
.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;top:-70px;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 > a{position:relative;}
.play-button-box li > a:before{content:'';top:2px;display:inline-block;width:38px;height:38px;}
.play-button-box li:nth-child(1) > a:before{background:url(./images/play_left.png) no-repeat  center;}
.play-button-box li:nth-child(2) > a:before{background:url(./images/play_stop.png) no-repeat  center;}
.play-button-box li:nth-child(3) > a:before{background:url(./images/play_right.png) no-repeat  center;}
.play-button-box li:nth-child(1) > a:hover:before{background:url(./images/play_left_on.png) no-repeat  center;}
.play-button-box li:nth-child(2) > a:hover:before{background:url(./images/play_stop_on.png) no-repeat  center;}
.play-button-box li:nth-child(3) > a:hover:before{background:url(./images/play_right_on.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:13px;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:  0;}
.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;line-height:100%;vertical-align:top;}
.state dd > dl dt,.state dd > dl  dd{display:inline-block;line-height:16px;height:16px;margin:0;font-family:'Nanum Gothic Bold';}
.state dd > dl dt{color:#1778cc;margin-right:4px;text-align:center;margin-right:4px;width:auto;}
.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 {position:relative;padding-top:0px;clear:both}
.databoard-table table{width:100%;border-collapse:collapse;border-spacing:0;border-top: 1px solid #213967;border-bottom: 1px solid #e0e0e0;}
.databoard-table table th{text-align:  center;height: 55px;background: #f6f7f8;color: #777;font-family: 'Nanum Gothic Bold';}
.databoard-table table th a{float:  left;color: #555;}
.databoard-table table th a + a{float: right;padding-left:10px;}
.databoard-table table tbody th{font-weight:bold;text-align:left;padding-left:20px}
.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;height: 37px;line-height: 100%;}
.databoard-table table tr th:first-child,.databoard-table table tr td:first-child{border-left:0 hidden}
.databoard-table table td{text-align: center;color: #555;}
.databoard-table table tr td:first-child{/* padding-left:20px; *//* padding-right:0; *//* text-align:left; */}

/* djlee 추가 부분 */

.scrollBox {background: #fff}
#companyClassListDiv{z-index: 17}


.technicalul 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;
}

/* 박길섭 추가 부분 */
/*활용 서비스 레프트쪽 추가 박길섭  */
.technicalul li:nth-child(1) > a:before{top:15px;width:26px;height:25px;background-position:-323px -8px;}
.technicalul li:nth-child(2) > a:before{top:15px;width:27px;height:27px;background-position:-323px -41px;}
.technicalul li:nth-child(3) > a:before{top: 18px;width:27px;height:18px;background-position:-322px -78px;}
.technicalul li:nth-child(4) > a:before{top: 16px;width:26px;height:27px;background-position:-323px -117px;}
.technicalul li:nth-child(5) > a:before{top: 17px;width:26px;height:22px;background-position:-322px -152px;}
.technical li:nth-child(1) > a:before{width:29px;height:30px;background-position:-328px -13px;}
.technical li:nth-child(2) > a:before{width:31px;height:30px;background-position:-328px -55px;}
.technical li:nth-child(3) > a:before{width:32px;height:23px;background-position:-328px -95px;}
.technical li:nth-child(4) > a:before{width:29px;height:29px;background-position:-328px -140px;}
.technical li:nth-child(5) > a:before{width:28px;height:26px;background-position:-328px -185px;}

.house-list li:nth-child(1) > a:before{width:29px;height:30px;background-position:-378px -13px;}
.house-list li:nth-child(2) > a:before{width:31px;height:30px;background-position:-378px -55px; top : 16px}
.house-list li:nth-child(3) > a:before{width:32px;height:35px;background-position:-378px -95px; top: 17px}

/* .nav-sidebar{position:absolute;z-index:20;top:0;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;} */

/* 사용안함	2018.12.03	ywKim	삭제
.expand{position:absolute;top:70px;left:-140px;bottom:0;overflow:hidden;width:60px;height:100%;background:#53aaf4; z-index: 999;}
*/
/* 사용안함	2018.12.03	ywKim	삭제: common.css에서 중복 / 일자리 통계분석 서브메뉴에서 사용하는 것이어서 여기는 삭제함
.mid-nav-list li a{position:relative;font-family:'Nanum Gothic Bold';position:relative;display:block;overflow:hidden;box-sizing:border-box;height:auto;min-height:90px;padding:27px 0;cursor:pointer;transition:background .1s ease-in-out;text-align:center;color:#fff;border-bottom: 1px solid #3492e4;}
.mid-nav-list li > a:hover,.mid-nav-list li > a.active{background:#fff;color:#1778cc;}
.mid-nav-list li > a span{vertical-align:middle;font-size:13px;line-height:17px;display:block;width:60px;margin:0 auto;text-align:center;word-wrap:break-word;word-break:keep-all;}
.mid-nav-list li:nth-child(1) a{padding:41px 0  28px;height:auto;min-height:100%}
.mid-nav-list li:nth-child(1) a:before{content:'';position:absolute;top:17px;left:28px;width:7px;height:12px;background-image:url(../images/ico/expanded-arr.png);background-repeat:no-repeat;background-position:left center;background-size:auto;}
.mid-nav-list li:nth-child(1) a:hover,.mid-nav-list li:nth-child(1) a.active{background:#0760ac;color:#fff;}
.mid-nav-list li:nth-child(1) a > span{writing-mode:tb-rl;width:auto;font-size:15px;letter-spacing:1px;}
*/

.quickBox.step01.sub .subj{box-sizing:border-box;border-top:1px solid #ced6dd;border-bottom:1px solid #ced6dd;background:#eaebed;}
.quickBox.step01.sub  h3{font-family:'Nanum Gothic Bold';font-size:15px;line-height:35px;text-indent:15px;color:#454545;}
.quickBox.step01.sub  h3 + 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.step01.sub{width:280px;z-index:18;left:-305px;}
/*입지계수 지도  */
div>.techSidoTooltipBox{font-family: "나눔고딕";font-size: 15px;color: #666;}
div>.teclqTooltipBox{font-family: "나눔고딕";font-size: 15px;color: #666;}
/* .interactiveBar{padding-left: 105px;} 퀵메뉴 축소 - 2018.11.14	ywKim	제거*/