/*박길섭 추가*/ .MapLegend{z-index:90;position:absolute;right:130px;top:33px;width:190px;height:170px;overflow:hidden;background:#fff;border-radius:10px;box-shadow:3px 3px 10px #333;} .MapLegend p{width:168px;height:32px;overflow:hidden;margin:10px auto;border:1px solid #cbcbcb;text-align:center;color:#444b5b;font-size:13px;line-height:32px;background:#ebebeb;border-radius:5px;} .MapLegend{width:100px;height:auto;padding-bottom:10px;background:#f1f1f1;} .MapLegend p{font-weight:bold;width:100%;height:auto;padding-bottom:0;background:none;margin:0;border:0;} .MapLegend a.switchBox{display:block;position:relative;margin-right:5px;background:#e05858;box-shadow:0 0 2px #579022 inset;width:80px;height:32px;overflow:hidden;border-radius:16px;margin:0 auto;} .MapLegend a.switchBox .ball{position:absolute;top:1px;width:28px;height:28px;overflow:hidden;border-radius:100%;background:#fff;box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.1);left:49px;} .MapLegend a.switchBox .txt{position:absolute;top:2px;color:#fff;line-height:28px;text-align:center;font-size:13px;width:40px;height:28px;overflow:hidden;/* border-radius:100%; */left:4px;}/*박길섭 수정*/ .MapLegend a.switchBox .txt:before{content:"사업체";} .MapLegend a.switchBox.off {background:#1778cc;box-shadow:0px 0px 2px #a4a4a4 inset;} /* .MapLegend a.switchBox.off .txt:before{content:"종사자";} */ /* interactive map */ #container.interactiveMap{width:100%;max-width:100%;padding:0} .toolBar{width:100%;height:33px;overflow:hidden;background:#fff;border-bottom:1px solid #dcdcdc;} .toolBar .tb_right .tb_radio, .toolBar .tb_right ul{vertical-align:middle} .toolBar .tb_right .tb_radio{margin-top:2px;display:inline-block;width:49px;height:26px;overflow:hidden;background:url(/img/bg/bg_tbradio_on.png);border-radius:10px;} .toolBar .tb_right .tb_radio a{width:24px;height:26px;overflow:hidden;text-indent:-2000px} .toolBar .tb_right .tb_radio .fl{float:left} .toolBar .tb_right .tb_radio .fr{float:right} .toolBar .tb_right ul{display:inline-block;margin:3px 10px 0 0} .toolBar .tb_right ul li{float:left;width:34px;height:29px;overflow:hidden;margin-left:4px;} .toolBar .tb_right ul li a{display:block;width:34px;height:29px;overflow:hidden;} .tb_right{float:right;} .tb_close{float:right;margin:10px 10px 0 0;display:none} .interactiveBar{width:100%;height:33px;overflow:hidden;background:#f5f5f5;border-bottom:1px solid #dcdcdc;} .interactiveBar h3{float:left;width:150px;height:33px;overflow:hidden;line-height:33px;text-align:center;} .interactiveCate{float:right;margin-right:10px;} .interactiveSelect{margin:6px 0 0 10px;vertical-align:middle;} .interactiveSelect{float:left;font-size:13px;border-radius:15px;display:inline-block;padding:0 30px 0 10px;background:#2c3a45 url(/img/ico/ico_arr01.gif) no-repeat 95% center;color:#fff;height:23px;line-height:23px;} .interactiveIco{margin-left:4px;float:left;margin-top:6px;border-radius:15px;display:inline-block;padding:0 5px;background:#2c3a45;color:#fff;height:23px} .interactiveIco img{margin-top:5px} .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;} .helperText{color:#274359;font-size:13px;margin:1px 0 0 100px;height:30px;line-height:30px;display:inline-block;padding-right:25px;background:url(/img/ico/ico_i.gif) no-repeat right center;} .mapArea{width:100%;height:500px;background:#fff;position:relative;} .sideOpiton{width:450px;height:500px;overflow:hidden;position:absolute;right:-400px;top:0;} .btn_dataBoard{float:left;width:50px;height:50px;overflow:hidden;text-indent:-2000px;background:#333;margin-top:240px} .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;} .dataBoardBox ul{width:100%;height:auto;overflow:hidden;} .dataBoardBox ul li{display:block;height:auto;overflow:hidden;padding:10px;border-bottom:1px solid #ccc} .dataBoardBox ul li>.subj{width:100%;height:auto;overflow:hidden;position:relative;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{text-align:center;padding:10px 0 0 0;} .dataBoardBox ul li>.listContents .btnbox{text-align:center;} .dataBoardBox ul li>.listContents .btnbox a{background:#333;color:#fff;padding:3px 5px;} .dataBoardBox ul li>.listContents .result{width:100%;height:200px;overflow:hidden;background:green} .dataBoardBox ul li>.etc{width:100%;height:auto;overflow:hidden;position:relative;font-size:11px;} .containerBox{position:absolute;left:0;top:104px;width:100%;height:calc(100% - 104px);background:#f1f1f1;} .quickBox{width:279px;height:100%;overflow:hidden;position:absolute;left:0;top:0;background:#fff;border-right:1px solid #ccc} .quickBox.step01{left:-280px;z-index:18;} .quickBox.step02{left:-280px;z-index:17;} .quickBox.step03{left:-280px;z-index:16;} /*2017.11.01 개발팀 수정*/ /* .quickBox.step04{left:-280px;z-index:15;} */ .quickBox.step04{left:-560px;z-index:15;} .quickBox.join{width:950px;left:-950px;z-index:15;} .quickBox .subj{position:relative;width:100%;height:32px;line-height:32px;overflow:hidden;border-bottom:1px solid #dcdcdc;} .quickBox .subj span{display:block;margin-left:10px} .quickBox .subj a{opacity:.4;display:block;width:32px;height:32px;overflow:hidden;position:absolute;right:0;top:0;background:url(/img/ico/ico_close01.png) no-repeat center center;text-indent:-2000px; transition-duration: .3s; transition-property: transform; transition-timing-function: ease-in-out;} .quickBox .subj a:hover{transform: rotate(90deg);opacity:1;} .scrollBox, .normalBox{width:280px;height:calc( 100% - 120px );overflow:hidden;position:relative;border-bottom:1px solid #ccc;} .qmdl{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #ccc;padding:10px 0} .qmdl dt{width:100%;height:30px;line-height:30px;overflow:hidden;text-indent:10px;font-size:13px;font-weight:bold;} .qmdl dd{width:100%;height:auto;overflow:hidden;} .qmdl dd ul{width:260px;height:auto;overflow:hidden;margin:0 auto;} .qmdl dd ul>li{position:relative;width:100%;height:45px;line-height:45px;overflow:hidden;} .qmdl dd ul>li.on{background-color:#f1f1f1;border-radius:8px;} .qmdl dd ul>li>a{display:block;margin-left:45px;} .qmdl dd ul li:before{content:"";position:absolute;left:10px;top:11px;display:block;width:24px;height:24px;overflow:hidden;opacity:.2;background:url(/img/ico/ico_changupLnb01.png);} .qmdl dd ul li.on:before{opacity:1;} .qmdl dd ul>li.on>a{color:#0f74d5;} .qmlist{width:260px;height:auto;overflow:hidden;margin:0 auto;border-bottom:1px solid #ccc;padding:10px} .qmlist.botn{border-bottom:0} .qmlist>li{width:100%;height:25px;line-height:25px;overflow:hidden;} .qmlist>li>a{font-size:13px;display:block;margin-left:10px;} .cateMenu{width:260px;height:auto;overflow:hidden;margin:10px auto 0 auto;padding:0 10px;} .cateMenu li{float:left;width:50%;height:auto;overflow:hidden;} .cateMenu.type01 li{width:25%;} .cateMenu.type01 li:nth-child(2)>a{margin:0 auto} .cateMenu li>a{font-size:11px;display:block;border-radius:10px;height:20px;width:95%;overflow:hidden;margin:0 auto;background:#2f4d6a;color:#fff;text-align:center;line-height:20px} .cateMenu li:first-child>a{margin:0 auto 0 0} .cateMenu li.on>a{background:#21b699;color:#fff} .stepBox{width:100%;height:auto;overflow:hidden;border-bottom:1px solid #ccc;padding:10px 0 20px 0} .stepBox>p{font-weight:bold;} .stepBox>p, .stepBox>.link{display:block;width:260px;height:30px;line-height:30px;text-align:left;color:#666;margin:10px auto;} .stepBox>span.txt{display:block;width:260px;height:auto;overflow:hidden;margin:0 auto;line-height:1.5em} .stepBox .defaultLine{float:left;width:230px;height:30px;line-height:30px;text-align:center;margin:5px auto;} .stepBox .defaultLine select, .stepBox .defaultLine span{vertical-align:middle} .stepBox>.link{margin:5px auto;text-align:left;text-indent:10px;border:1px solid #999;height:28px;line-height:28px;width:258px;color:#666;background:#fff url(/img/im/btn_bx_arrright.gif) no-repeat 240px center;} .stepBox>p.result{margin-bottom:0;background:#fff;color:#555;text-align:left;} .stepBox ul{width:260px;height:auto;font-size:12px;overflow:hidden;margin:0 0 0 10px;padding:0} .stepBox ul.type01{padding-top:10px;clear:both;} .stepBox ul>li{width:100%;height:auto;min-height:25px;overflow:hidden;position:relative;} .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 ul>li input, .box_area_option02 input{position:absolute;left:-2000px;} .stepBox ul>li input:checked:before{background:url(/img/ico/ico_ckbox_on.gif);} .stepBox ul>li label, .box_area_option02 label{background:url(/img/tech/ico_rd.png) no-repeat left center;padding-left:25px;height:20px;line-height:20px;display:inline-block;} .stepBox ul>li label.on, .box_area_option02 label.on{background:url(/img/tech/ico_rd_on.png) no-repeat left center;} .stepBox ul>li select, .houseArea select, .stepBox select{height:30px;border:1px solid #ccc;} .m2Area{display:block;width:260px;height:30px;overflow:hidden;text-align:right;} .m2Area span{display:inline-block;height:30px;line-height:30px;vertical-align:middle;} .m2Area .houseBdspaceFrom01, .m2Area .houseBdspaceTo01{width:72px;text-align:center} #houseConstYearIgnore, #houseBdspaceIgnore, #houseBdspaceIgnore01, #houseBdspaceIgnore03{float:left;margin-top:5px} #houseConstYearIgnore input, #houseConstYearIgnore label{vertical-align:middle} #houseConstYear, .houseArea{float:right;margin-right:2px} .houseArea select, .houseArea span{vertical-align:middle;} .stepBox ul>li .inp{position:static;float:left;border-radius:13px;height:16px;line-height:20px;width:160px;border:1px solid #ccc;padding:5px 10px;} .btn_stepSearch{position:relative;float:right;display:block;border-radius:13px;width:70px;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;} .btn_stepSearch.fileFind{background:#fff;text-indent:0;text-align:center} .fileInput{position:absolute;left:-20000px;} .btn_stepSearch:hover{opacity:1;} .stepTreeBox{height:580px;overflow:visible;width:230px;padding:10px;position:relative;} .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;} .btnStyle01, .btnStyle02{display:inline-block;padding:5px 10px;font-size:13px;height:20px;line-height:20px;background:#dcdcdc;color:#666;margin:0 5px} .btnStyle01:hover,.btnStyle01.on{background:#21b699;color:#fff} #slider-range2, .slider-range{margin:15px auto;width:246px;} .box_area_option02{width:100%;height:auto;overflow:hidden;margin:0 auto} .mgb_12{width:260px;height:auto;overflow:hidden;margin:0 auto} .stepBox .slider_controll_bar{margin:0;width:100%;height:auto;overflow:hidden;font-size:11px;} .stepBox .slider_controll_bar li{float:left;width:41px;height:auto;overflow:hidden;text-align:center} .stepBox .slider_controll_bar li:first-child{width:34px} .stepBox .sliderDefault_bar{margin:0 auto;width:240px;height:auto;overflow:hidden;font-size:11px;} .stepBox .sliderDefault_bar li{float:left;width:34%;height:auto;overflow:hidden;text-align:center} .stepBox .sliderDefault_bar li:first-child{width:33%;text-align:left;} .stepBox .sliderDefault_bar li:last-child{width:33%;text-align:right;} .sideQuick{z-index:13;display:block;width:90px;height:28px;border-radius:3px;line-height:28px;font-size:11px;text-align:center;overflow:hidden;background:#28425d;color:#fff;position:absolute;left:0} .sideQuick img, .sideQuick span{vertical-align:middle;} .sideQuick span{padding:0 10px 0 0} .sideQuick:hover,.sideQuick.on{background:#1778cc} .sideQuick.sq01, .sqListBox.sq01{top:0;} .sideQuick.sq02, .sqListBox.sq02{top:37px;z-index:90;} .sideQuick.sq03{top:90px;} .sqListBox.sq03{top:85px;} .sideQuick.sq04{top:150px;} .sideQuick.sq05{top:191px;} .sideQuick.sq06{top:232px;background:#999;} .sqListBox{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:280px;height:40px;padding:0 5px;overflow:hidden;background:#f5f5f5} .sqListBox.sq03 .sqTabs a{text-align:center;width:28px;margin:5px 0;height:28px;overflow:hidden;background:#c4c4c4;border:1px solid #c4c4c4;} .sqListBox.sq03 .sqTabs a img{margin-top:7px} .sqListBox.sq03 .sqTabs a.on{background:#21b699;border:1px solid #19a58a;} .sqListBox.sq03 .sqTabs a, .sqListBox.sq03 .sqTabs span, .sqListBox.sq03 .sqTabs select{display:inline-block;vertical-align:middle} .sqListBox.sq03 .sqList{width:100%;height:186px;overflow:hidden;} .sqListBox.sq03 .sqList ul{margin:0 5px 5px 5px;display:block;} .sqListBox.sq03 .sqList ul li{border-top:1px solid #ccc;width:100%;height:30px;padding:3px 0;overflow:hidden;line-height:30px;position:relative;} .sqListBox.sq03 .sqList ul li .ellipsis{float:left;padding:0 10px;font-size:11px;display:inline-block;width:240px;line-height:30px;height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .sqListBox.sq03 .sqList ul li a.on{color:#fff;background:#0478cb;border-radius:8px} .sqListBox.sq03 .sqList ul li a.drag{color:#fff;position:relative;} .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.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:url(/img/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:5px;top:3px} .sqListBox.sq03 .sqList ul li .sqdel img{width: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} /* .rightQuick{text-align:center;z-index:10;border-radius:50%;position:absolute;right:5px;top:50px;width:34px;height:34px;overflow:hidden;background-color:#28425b;color:#fff;} .rightQuick.rq01:before{content:"";width:13px;height:17px;overflow:hidden;background:url(/img/ico/ico_sideList.png) no-repeat -30px 0;margin:9px auto 0 auto;display:block;} a.rightQuick:hover, a.rightQuick.on{background-color:#21b699} .rightQuick.rq01{top:78px;} .rightQuick.rq02{top:123px;} .rightQuick.rq01 span, .rightQuick.rq02 span, .rightQuick.rq06 span{position:absolute;left:-2000px;} .rightQuick.rq02:before{content:"";width:17px;height:17px;overflow:hidden;background:url(/img/ico/ico_sideList.png) no-repeat 0 0;margin:9px auto 0 auto;display:block;} .rightQuick.rq03{top:211px;text-indent:-2000px;height:32px;border-bottom-left-radius:0;border-bottom-right-radius:0; background-image:url(/img/ico/ico_plus01.gif); background-repeat:no-repeat; background-position:center center; } .rightQuick.rq04{top:243px;height:20px;line-height:20px;font-size:10px;border-radius:0;background:#1f354c;} .rightQuick.rq05{top:262px;text-indent:-2000px;height:32px;border-top-left-radius:0;border-top-right-radius:0; background-image:url(/img/ico/ico_mius01.gif); background-repeat:no-repeat; background-position:center center; } .rightQuick.rq06{top:166px;} .rightQuick.rq06:before{content:"";width:23px;height:22px;overflow:hidden;background:url(/img/ico/ico_sideList.png) no-repeat -82px 0;margin:6px auto 0 auto;display:block;} */ .rqListBox{display:inline;position:absolute;right:-540px;/* top:75px; */} /* 2016.10.19 kcu 수정 */ /* .rqListBox.rq02{top:122px} .rqListBox.rq06{top:163px} */ .rqListBox li{float:left;width:42px;height:auto;overflow:hidden;margin:0 2px;} .rqListBox li a{font-size:11px;;letter-spacing:-1px;text-align:center;display:table;width:42px;height:42px;overflow:hidden;background:#333;color:#fff;border-radius:50%;} .rqListBox li a span{position:absolute;left:-5000px;display:table-cell;vertical-align:middle;text-align:center} .rqListBox li a:hover, .rqListBox li a.on, .rqListBox li a.over{background-color:#21b69a} /* 2017. 03. 10 개발팀 수정요청 */ /* .rqListBox li>ul{display:none} */ .rqListBox li>ul>li{margin:2px 0 0 0} .rqListBox li>ol{display:none;position:absolute;margin-top:15px;margin-left:-180px;width:190px;padding:10px;height:auto;border:1px solid #dcdcdc;background:#fff} .rqListBox li>ol:before{position:absolute;content:"";display:block;width:15px;height:15px;overflow:hidden;background:url(/img/ico/ico_arr02.png);margin:-25px 0 0 170px} .rqListBox li>ol>li{width:50%;height:24px;overflow:hidden;float:left;margin:5px auto;} .rqListBox li>ol>li>a{color:#555;border-radius:0;position:relative;background-color:#fff;display:block;width:100%;text-indent:30px;height:24px;line-height:24px;overflow:hidden;} .rqListBox li>ol>li>a:after{content:"";height:24px;width:25px;display:block;overflow:hidden;position:absolute;left:0;top:0;} .rqListBox li>ol>li>a:hover{background-color:#fff} .rqIcon01>li:nth-child(1) a:after{background:url(/img/ico/ico_rqList.png) no-repeat left -1px;} .rqIcon01>li:nth-child(2) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -25px -1px;} .rqIcon01>li:nth-child(3) a:after{background:url(/img/ico/ico_rqList.png) no-repeat left -36px;} .rqIcon01>li:nth-child(4) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -25px -36px;} .rqIcon01>li:nth-child(5) a:after{background:url(/img/ico/ico_rqList.png) no-repeat left -70px;} .rqIcon01>li:nth-child(6) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -25px -70px;} .rqIcon01>li:nth-child(7) a:after{background:url(/img/ico/ico_rqList.png) no-repeat left -105px;} .rqIcon01>li:nth-child(8) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -25px -105px;} .rqIcon01>li:nth-child(9) a:after{background:url(/img/ico/ico_rqList.png) no-repeat left -140px;} .rqIcon01>li:nth-child(10) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -25px -140px;} .rqIcon01>li:nth-child(11) a:after{background:url(/img/ico/ico_rqList.png) no-repeat left -174px;} .rqIcon01>li:nth-child(12) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -25px -174px;} .rqIcon01>li:nth-child(13) a:after{background:url(/img/ico/ico_rqList.png) no-repeat left -209px;} .rqIcon02>li:nth-child(1) a:after{background:url(/img/ico/ico_rqList.png) no-repeat left -280px;} .rqIcon02>li:nth-child(2) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -25px -280px;} .rqIcon02>li:nth-child(3) a:after{background:url(/img/ico/ico_rqList.png) no-repeat left -315px;} .rqIcon02>li:nth-child(4) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -25px -315px;} .rqIcon02>li:nth-child(5) a:after{background:url(/img/ico/ico_rqList.png) no-repeat left -349px;} .rqIcon03>li:nth-child(1) a:after{background:url(/img/ico/ico_rqList.png) no-repeat left -440px;} .rqIcon03>li:nth-child(2) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -26px -440px;} .rqIcon04>li:nth-child(1) a:after{background:url(/img/ico/ico_rqList.png) no-repeat left -523px;} .rqIcon04>li:nth-child(2) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -26px -523px;} .rqIcon05>li:nth-child(1) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -84px -1px;} .rqIcon05>li:nth-child(2) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -109px -1px;} .rqIcon05>li:nth-child(3) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -84px -36px;} .rqIcon05>li:nth-child(4) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -109px -36px;} .rqIcon05>li:nth-child(5) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -84px -70px;} .rqIcon05>li:nth-child(6) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -109px -70px;} .rqIcon05>li:nth-child(7) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -84px -105px;} .rqIcon05>li:nth-child(8) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -109px -105px;} .rqIcon05>li:nth-child(9) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -84px -140px;} .rqIcon05>li:nth-child(10) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -109px -140px;} .rqIcon05>li:nth-child(11) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -84px -174px;} .rqIcon06>li:nth-child(1) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -87px -280px;} .rqIcon06>li:nth-child(2) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -112px -280px;} .rqIcon06>li:nth-child(3) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -87px -315px;} .rqIcon06>li:nth-child(4) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -112px -315px;} .rqIcon07>li a:after{background:url(/img/ico/ico_rqList.png) no-repeat -87px -407px;} .rqIcon08>li:nth-child(1) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -169px 0px;} .rqIcon08>li:nth-child(2) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -194px 0px;} .rqIcon08>li:nth-child(3) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -169px -35px;} .rqIcon08>li:nth-child(4) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -194px -35px;} .rqIcon08>li:nth-child(5) a:after{background:url(/img/ico/ico_rqList.png) no-repeat -169px -69px;} /* 2017. 03. 10 개발팀 수정요청 */ /* .rqListBox li>ol.rqIcon09{width:220px;} */ .rqListBox li>ol.rqIcon09{width:380px;} .rqIcon09>li:nth-child(1) a:after{background:url(/img/tech/rqIcon09_list01.png) no-repeat;} .rqIcon09>li:nth-child(2) a:after{background:url(/img/tech/rqIcon09_list02.png) no-repeat;} .rqIcon09>li:nth-child(3) a:after{background:url(/img/tech/rqIcon09_list03.png) no-repeat;} .rqIcon09>li:nth-child(4) a:after{background:url(/img/tech/rqIcon09_list04.png) no-repeat;} .rqIcon09>li:nth-child(5) a:after{background:url(/img/tech/rqIcon09_list05.png) no-repeat;} .rqIcon09>li:nth-child(6) a:after{background:url(/img/tech/rqIcon09_list06.png) no-repeat;} .rqIcon09>li:nth-child(7) a:after{background:url(/img/tech/rqIcon09_list07.png) no-repeat;} .rela{position:relative;width:100%;height:100%;overflow:hidden;} .sceneBox{float:left;background:#fff;width:100%;height:100%;overflow:hidden;} .sceneRela{display:block;height:100%;overflow:hidden;position:relative;} .shadow{width:100%;height:100%;overflow:hidden;background:#333;opacity:.5;position:absolute;left:0;top:0;z-index:15;display:none} .mapContents{width:100%;height:calc(100% - 66px);overflow:hidden} .mapContents img{width:100%;height:100%;} .resizeIcon{display:none;position:absolute;right:0;bottom:0;background:url(/img/ico/ico_resize.gif);width:27px;height:26px;overflow:hidden;} .totalResult{display:block} .cm01, .cm02, .cm03, .cm04{margin-top:10px;} .cm02, .cm03, .cm04{display:none} .rqListBox a:before{display:block;content:"";width:42px;height:42px;overflow:hidden;} .rqListBox .ico_side_jf:before{background:url(/img/ico/ico_sideList.png) no-repeat 0 -186px;} .rqListBox .ico_side_join:before{background:url(/img/ico/ico_sideList.png) no-repeat 0 -229px;} .rqListBox .ico_side_fixed:before{background:url(/img/ico/ico_sideList.png) no-repeat 0 -272px;} .rqListBox .ico_side_lv:before{background:url(/img/ico/ico_sideList.png) no-repeat -43px -186px;} .rqListBox .ico_side_lv0:before{background:url(/img/ico/ico_sideList.png) no-repeat -43px -229px;} .rqListBox .ico_side_lv1:before{background:url(/img/ico/ico_sideList.png) no-repeat -43px -272px;} .rqListBox .ico_side_lv2:before{background:url(/img/ico/ico_sideList.png) no-repeat -43px -315px;} .rqListBox .ico_side_Select:before{background:url(/img/ico/ico_sideList.png) no-repeat -86px -186px;} .rqListBox .ico_side_gae:before{background:url(/img/ico/ico_sideList.png) no-repeat -86px -229px;} .rqListBox .ico_side_won:before{background:url(/img/ico/ico_sideList.png) no-repeat -86px -272px;} .rqListBox .ico_side_sakak:before{background:url(/img/ico/ico_sideList.png) no-repeat -86px -315px;} .rqListBox .ico_side_dakak:before{background:url(/img/ico/ico_sideList.png) no-repeat -86px -358px;} .rqListBox .ico_side_map:before{background:url(/img/ico/ico_sideList.png) no-repeat -129px -186px;} .rqListBox .ico_side_kuri:before{background:url(/img/ico/ico_sideList.png) no-repeat -129px -229px;} .rqListBox .ico_side_munjuk:before{background:url(/img/ico/ico_sideList.png) no-repeat -129px -272px;} .rqListBox .ico_side_haejae:before{display:none} .rqListBox .ico_side_haejae span{position:static;} .rqListBox.rq06 li{width:34px;} .rqListBox .ico_side_gps01, .rqListBox .ico_side_gps02{width:34px;height:34px;margin-top:3px;} .rqListBox .ico_side_gps01:before{width:34px;height:34px;background:url(/img/ico/ico_sideList.png) no-repeat -118px -94px;} .rqListBox .ico_side_gps02:before{width:34px;height:34px;background:url(/img/ico/ico_sideList.png) no-repeat -118px -49px;display:none} .rqListBox .ico_side_gps02 span{position:static;} .rqListBox.rq02 li:last-child{width:42px;} /* 2016.10.19 kcu 수정 */ .rqListBox .ico_side_reset{width:34px;height:34px;margin-top:3px;} .rqListBox .ico_side_reset:before{width:34px;height:34px;background:url(/img/ico/ico_sideList.png) no-repeat -175px -189px;} .rqListBox a.over:before, .rqListBox a.on:before{display:none} .rqListBox a.over span, .rqListBox a.on span{position:static;} .rqListBox.rq01 a:before{display:none} .rqListBox.rq01 a span{position:static} .ifSetting{z-index:91;position:absolute;top:100px;left:50%;width:400px;height:auto;background:#fff;border:3px solid #333;overflow:hidden;margin-left:-200px;} .ifSetting .bar{height:40px;line-height:40px;width:100%;overflow:hidden;background:#0070c0;position:relative;} .ifSetting .bar>span{display:block;height:40px;line-height:40px;width:100%;overflow:hidden;text-indent:10px;color:#fff} .ifSetting .bar>a{position:absolute;right:10px;top:3px;} .addressGuide{display:block;margin:10px;background:#f1f1f1;padding:10px;line-height:1.5em} .cateForm{width:100%;height:auto;overflow:hidden;border-top:1px solid #ccc;} .cateForm ul{display:block;margin:0 10px;height:auto;overflow:hidden;} .cateForm ul li{width:100%;height:auto;overflow:hidden;padding:10px 0;} .cateForm ul li label, .cateForm ul li select{vertical-align:middle;} .cateForm ul li label{display:inline-block;width:100px;} .cateForm ul li select{height:30px;border:1px solid #ccc;width:250px} .btnForm{border-top:1px solid #ccc;width:100%;height:auto;overflow:hidden;text-align:center;padding:10px 0;} /* .legendBox{z-index:10;position:fixed;bottom:10px;left:0px;width:198px;padding:4px;height:auto;overflow:hidden;background:#fff;border:1px solid #dcdcdc;} .colorbar{float:left;width:160px;height:220px;overflow:hidden;margin-bottom:10px;} .colorbar li{color:#fff;text-align:right;position:relative;width:150px;height:22px;padding-right:10px;overflow:hidden;line-height:22px;font-size:11px;background:#890e4f;} .colorbar li:nth-child(1){opacity:1;} .colorbar li:nth-child(1):before{content:"";width:11px;height:13px;overflow:hidden;background:url(/img/ico/ico_colorbar01.png);position:absolute;left:0;top:3px;} .ring .colorbar{position:relative;} .ring .colorbar li{overflow:visible;position:absolute;left:-100px;background:transparent !important;border-radius:50%;border-width:2px !important;bottom:0;width:140px;height:200px;} .ring .colorbar li span{position:absolute;left:-2000px} .ring .colorbar li:nth-child(10){width:200px;height:200px !important;left:-80px;} .ring .colorbar li:nth-child(9){width:180px;height:180px !important;left:-70px;} .ring .colorbar li:nth-child(8){width:160px;height:160px !important;left:-60px;} .ring .colorbar li:nth-child(7){width:140px;height:140px !important;left:-50px;} .ring .colorbar li:nth-child(6){width:120px;height:120px !important;left:-40px;} .ring .colorbar li:nth-child(5){width:100px;height:100px !important;left:-30px;} .ring .colorbar li:nth-child(4){width:80px;height:80px !important;left:-20px;} .ring .colorbar li:nth-child(3){width:60px;height:60px !important;left:-10px;} .ring .colorbar li:nth-child(2){width:40px;height:40px !important;left:0px;} .ring .colorbar li:nth-child(1){width:20px;height:20px !important;left:10px;} .legendBox.min .ring .colorbar{margin-bottom:0;margin-left:10px;width:52px;} .legendBox.min .ring .colorbar:before{position:absolute;content:"";width:50px;height:50px;left:0;bottom:0;background:#fff;border:1px solid #ccc;} .legendBox.min .ring .colorbar li{border-width:1px !important;bottom:5px;} .legendBox.min .ring .colorbar li:nth-child(1){width:35px;height:35px;left:2px;} .legendBox.min .ring .colorbar li:nth-child(2){width:32px;height:32px;left:3px;} .legendBox.min .ring .colorbar li:nth-child(3){width:29px;height:29px;left:4px;} .legendBox.min .ring .colorbar li:nth-child(4){width:26px;height:26px;left:5px;} .legendBox.min .ring .colorbar li:nth-child(5){width:23px;height:23px;left:6px;} .legendBox.min .ring .colorbar li:nth-child(6){width:20px;height:20px;left:7px;} .legendBox.min .ring .colorbar li:nth-child(7){width:17px;height:17px;left:8px;} .legendBox.min .ring .colorbar li:nth-child(8){width:14px;height:14px;left:9px;} .legendBox.min .ring .colorbar li:nth-child(9){width:11px;height:11px;left:10px;} .legendBox.min .ring .colorbar li:nth-child(10){width:8px;height:8px;left:11px;} .line .colorbar{position:relative;} .line .colorbar li{margin:10px 0 20px 0;bottom:0;width:140px;height:2px !important;} .line .colorbar li span{position:absolute;left:-2000px} .legendBox.min .line .colorbar{background:#fff;} .legendBox.max .line .colorbar{background:transparent} .ring .colorck a, .line .colorck a{display:none} .ring .colorck, .line .colorck{position:absolute;width:100%;height:220px;overflow:hidden;} .ring .colorck li, .line .colorck li{border-bottom:1px dotted #ccc;height:21px;} .ring .colorck li:before, .line .colorck li:before{content:"";float:right;font-size:11px;margin-right:10px;line-height:21px;height:21px;} .ring .colorck li:nth-child(1):before, .line .colorck li:nth-child(1):before{content:"10Lv";} .ring .colorck li:nth-child(2):before, .line .colorck li:nth-child(2):before{content:"09Lv";} .ring .colorck li:nth-child(3):before, .line .colorck li:nth-child(3):before{content:"08Lv";} .ring .colorck li:nth-child(4):before, .line .colorck li:nth-child(4):before{content:"07Lv";} .ring .colorck li:nth-child(5):before, .line .colorck li:nth-child(5):before{content:"06Lv";} .ring .colorck li:nth-child(6):before, .line .colorck li:nth-child(6):before{content:"05Lv";} .ring .colorck li:nth-child(7):before, .line .colorck li:nth-child(7):before{content:"04Lv";} .ring .colorck li:nth-child(8):before, .line .colorck li:nth-child(8):before{content:"03Lv";} .ring .colorck li:nth-child(9):before, .line .colorck li:nth-child(9):before{content:"02Lv";} .ring .colorck li:nth-child(10):before, .line .colorck li:nth-child(10):before{content:"01Lv";} .colorck{float:right;width:30px;height:auto;overflow:hidden;} .colorck li{width:100%;height:22px;overflow:hidden;} .colorck li a{text-indent:-2000px;display:block;border-radius:50%;width:17px;height:17px;overflow:hidden;background:#890e4f;margin:0 0 0 auto} .colorck li a.on{position:relative;} .colorck li a.on:before{display:block;position:absolute;content:"";background:url(/img/ico/ico_ck.gif) no-repeat center center;width:100%;height:100%;background-size:100%;overflow:hidden;left:0;top:0;} .legendRound{text-align:right;float:left;width:198px;height:34px;overflow:hidden;border-radius:17px;background:#28425b;} .btn_legend, .span_legend{text-align:left;float:left;display:inline-block;width:40px;font-size:11px;color:#fff;padding-left:35px;height:34px;line-height:34px;overflow:hidden;background:url(/img/ico/ico_bum.gif) no-repeat 10px center;} .btn_legendSetting{text-indent:2000px;margin-right:10px;display:inline-block;width:0;padding-left:13px;height:34px;overflow:hidden;background:url(/img/ico/ico_bumSetting.gif) no-repeat center center;} .btn_legendSetting.on{background:url(/img/ico/ico_bumSetting_on.gif) no-repeat center center;} .legendRound span{display:inline-block;height:34px;line-height:34px;font-size:11px;margin-right:10px;} .legendRound a, .legendRound span{vertical-align:middle;color:#fff;} .lgListBox{display:inline;position:fixed;left:-520px;bottom:20px;} .lgListBox>li{display:inline-block;margin-right:5px;vertical-align:bottom;width:34px;height:auto;overflow:hidden;position:relative;padding-bottom:34px;} .lgListBox>li>a{position:absolute;left:0;bottom:0;} .lgListBox li a{font-size:11px;display:table;width:34px;height:34px;overflow:hidden;background:#29435e;color:#fff;border-radius:50%;} .lgListBox li a span{display:table-cell;text-align:center;vertical-align:middle;} .lgListBox li a:hover, .lgListBox li a.on{background:#20b699} .lgListBox li>ul{display:none} .lgListBox li>ul>li{margin:2px 0 0 0} .lgListBox li>ul>li>a{margin-bottom:5px;} .jumArea{display:none;} .legendBox.max .jum .jumArea{display:block} .legendBox.min .jum{width:50px;height:50px;background:#fff;margin-left:12px;overflow:hidden} .legendBox.min .jum:before{margin:10px;width:30px;height:30px;overflow:hidden;background:green;transform:rotate(45deg);display:block;content:"";} .jum .colorbar{display:none} .jum .colorck{width:100%;float:left;} .jum .colorck li{width:10%;float:left;} .jum .colorck li a{margin:0 auto} .jum .jumText{font-size:11px;display:block;float:left;width:100%;height:auto;overflow:hidden;margin:10px 0;text-align:center;} .jum .jumSlide{display:block;margin:10px;clear:both;} .jum .jumGage{width:100%;height:auto;overflow:hidden;float:left;margin:10px auto;} .jum .jumGage li{float:left;width:33%;text-align:center;color:#666;font-size:11px;} .jum .jumGage li:first-child{text-align:left;} .jum .jumGage li:last-child{text-align:right;} .heatArea{display:none;} .legendBox.max .heat .heatArea{display:block} .heat .colorbar, .heat .colorck{display:none} #color-label{position:absolute;left:-2000px} .heatArea .jQWCP-wWidget{margin-top:0} .legendBox.min{background:transparent;border-color:transparent;width:90px;} .legendBox.min .colorbar{width:30px;margin-left:22px} .legendBox.min .colorbar li{opacity:1;} .legendBox.min .colorbar li:nth-child(1):before{background:url(/img/ico/ico_ck.gif) no-repeat center center;position:absolute;left:10px;top:3px;} .legendBox.min .colorck{display:none;} .legendBox.min .legendRound{width:70px} .legendBox.hide{background:transparent;border-color:transparent;width:90px;} .legendBox.hide .colorbar{display:none} .legendBox.hide .colorck{display:none} .legendBox.hide .legendRound{width:34px} */ .interactiveDataBoard{text-indent:25px;color:#fff;font-size:11px;position:absolute;z-index:13;right:0px;top:33px;width:118px;line-height:33px;height:33px;background:#27435b url(/img/bg/bg_databoard.png) no-repeat right center;} .interactiveDataBoard:hover{background:#444b5b url(/img/bg/bg_databoard.png) no-repeat right center;} .interactiveDataBoard.on, .interactiveDataBoard.on:hover{background:transparent url(/img/bg/bg_databoard.png) no-repeat right center;} .dataSideBox{z-index:12;position:absolute;right:-1500px;top:33px;width:550px;height:calc( 100% - 33px );overflow:hidden;background:#fff;box-shadow:-1px 1px 5px #ccc;} .dataSideBox.full{width:800px} .dataSideBox .bar{position:relative;width:100%;height:33px;overflow:hidden;background:#21b699} .dataSideBox .bar>a{position:absolute;right:10px;top:10px;} .dataSideBox .bar>a:hover{transform: rotate(90deg);} .dataSideBox .dataSlider{width:73px;height:9px;float:right;margin:12px 40px 0 0} .dataSideContents{position:relative;width:100%;height:calc( 100% - 33px );overflow:hidden;} .dataSideScroll{width:100%;height:100%;overflow:hidden;} .dataSideContents .num{display:block;margin:20px auto 0 auto;text-align:center;font-size:30px;color:#26415c;} .dataSideContents .txt{display:block;margin:10px auto;width:200px;height:auto;overflow:hidden;text-align:center;font-size:15px;color:#26415c;} .dscList{width:530px;height:auto;overflow:hidden;margin:0 auto;} .dscList dt{width:100%;height:26px;overflow:hidden;margin:5px auto} .dscList dt.mt15{margin-top:15px;} .dscList dt>a{display:block;width:100%;font-size:15px;height:26px;overflow:hidden;border-radius:13px;line-height:26px;color:#fff;background:#21b699 url(/img/ico/ico_down01.gif) no-repeat 505px center;} .dscList dt>a.on{background:#21b699 url(/img/ico/ico_up01.gif) no-repeat 505px center;} .dscList.type01 dt{background:#f5f5f5;border-radius:13px;} .dscList.type01 dt>a{width:380px;float:left;background-position:350px center;} .dscList.type01 dt .formRight{padding-right:10px;text-align:right;font-size:11px;float:right;height:26px;width:140px;overflow:hidden;} .dscList.type01 dt .formRight input, .dscList.type01 dt .formRight label{margin-top:3px;vertical-align:middle;display:inline-block} .dscList.type01 dt .formRight input{font-size:11px;height:18px;width:68px;padding:0 5px;line-height:18px;overflow:hidden;text-align:right;border:1px solid #bdbdbd;} .dscList.type02 dt>span{display:block;width:100%;font-size:12px;height:26px;overflow:hidden;border-radius:13px;line-height:26px;color:#fff;text-indent:10px;background:#21b699;} .dscList.type02 dd{display:block} .dscList dd{display:block;margin:0 auto 20px auto;width:100%;height:auto;overflow:hidden;} .dscList dd .fl{width:50%;float:left;height:265px;overflow:hidden;position:relative;} .dscList dd .fr{width:50%;float:right;height:265px;overflow:hidden;position:relative;} .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{margin-top:10px;width:100%;float:left;height:auto;overflow:hidden;} .dscList dd .fb .barsEtc{width:270px;float:left;height:auto;overflow:hidden;} .dscList dd .fb .barsEtc>p{width:100%;height:auto;overflow:hidden;color:#666;} .dscList dd .fb .barsEtc .barsEtcList{width:90px;height:80px;overflow:hidden;float:left;position:relative;} .dscList dd .fb .barsText{float:right;width:220px;margin-top:25px;height:auto;padding:10px;background:#f5f5f5;font-size:12px;line-height:1.5em;} .dscList dd .bars{text-indent:-2000px;display:block;opacity:.3;margin-left:37%;} .barsTit{position:absolute;width:100%;height:auto;overflow:hidden;left:0;top:10px;text-align:left;} /* .seoulBox, .areaBox{padding-left:40px;color:#28425c;font-size:32px;font-weight:bold;width:490px;margin:0 auto;height:60px;line-height:60px;overflow:hidden;background:url(/img/bg/bg_seoul.png) no-repeat 0 center;} .areaBox{position:relative;padding-left:0;background:none;width:530px} */ .seoulBox span, .areaBox span{font-size:13px;} .areaBox span.txt01{position:absolute;left:260px;bottom:12px;width:250px;display:block;height:auto;overflow:hidden;font-size:11px;line-height:1.5em;font-weight:normal;} .dscList dd .fb .barsEtc .barsEtcList .bars{width:8px !important;margin-left:18%;} .barsEtcList .barsTit{position:absolute;left:0;top:auto;bottom:0;width:100%;text-align:center;font-size:11px;} .barsEtcList .valueList{display:none} .clickArea{position:relative;width:100%;height:auto;overflow:hidden;} .clickArea .fl{float:left; width:155px;height:auto;overflow:hidden;} .clickArea .fr{float:right; width:155px;height:auto;overflow:hidden;} .timeAreaCharts{width:100%;height:300px;overflow:hidden;} .clickArea .fl>p, .clickArea .fr>p{margin-top:5px;width:100%;height:25px;line-height:25px;overflow:hidden;background:#dcdcdc;text-align:center} /* 2017.12.12 [개발팀] 접근성 시정조치 */ .clickArea .fl>.charts, .clickArea .fr>.charts{position:relative;width:155px;height:155px;overflow:hidden;background:#f1f1f1;} .clickMiniMap{width:180px;height:196px;border:1px solid #dcdcdc;position:relative;padding-top:24px;float:left;} .clickMiniMap:before{position:absolute;left:0;top:0;content:"";display:block;height:24px;line-height:24px;text-align:center;color:#fff;font-size:11px;width:100%;overflow:hidden;background:#2f4c6a;} .clickArea .list01{margin-left:5px;float:left;width:185px;height:118px;overflow:hidden;} .clickArea .list01 li{height:28px;line-height:28px;font-size:11px;width:100%;overflow:hidden;border-bottom:1px solid #dcdcdc;} .clickArea .list02{float:left;width:100%;height:auto;overflow:hidden;} /* 2017.12.12 [개발팀] 접근성 시정조치 */ .clickArea .list02 li{height:28px;line-height:28px;font-size:11px;width:100%;overflow:hidden;border-bottom:1px solid #dcdcdc;} .clickArea .list02 li input{width:40px;border:1px solid #dcdcdc;} .clickListBox{float:right;height:auto;width:340px;overflow:hidden;border-bottom:1px solid #dcdcdc} .clickListBox .mapResultList{height:180px;} .clickListBox .mapResultList ul{width:340px;} .clockTypeBox{position:relative;width:100%;height:auto;overflow:hidden;} .btn_clockTypePlay{border-radius:50%;position:absolute;left:0;top:5px;display:block;width:26px;height:26px;overflow:hidden;background:#dcdcdc;} .btn_clockTypeSetting{text-indent:-20000px;border-radius:50%;position:absolute;left:0;top:40px;display:block;width:26px;height:26px;overflow:hidden;background:#dcdcdc url(/img/ico/ico_bumSetting.gif) no-repeat center center;} .btn_clockTypeOk{border-radius:50%;position:absolute;left:0;top:75px;display:block;width:26px;height:26px;overflow:hidden;background:#dcdcdc;} .btn_clockTypePlay:hover, .btn_clockTypeSetting:hover, .btn_clockTypeSetting.on, .btn_clockTypeOk:hover{background-color:#20b699} .clockTypeBox .yearList{width:250px;min-height:72px;height:auto;overflow:hidden;margin:0 0 0 auto} .clockTypeBox .yearList li{width:46px;height:auto;overflow:hidden;text-align:center;float:left;margin:5px 2px;} /* 2017.12.12 [개발팀] 접근성 시정조치 */ .clockTypeBox .yearList li>label{display:block;width:46px;height:26px;color:#fff;line-height:26px;overflow:hidden;text-align:center;font-size:11px;border-radius:13px;background:#283944;} /* 2017.12.12 [개발팀] 접근성 시정조치 */ .clockTypeBox .yearList li>input{position:absolute;left:-2000px;display:inline-block;margin-bottom:5px;} .clockTypeBox .yearList li.on>label{background:#21b699;} .compareBox{width:100%;height:auto;overflow:hidden;} .compareBox .typeBox{width:50px;padding:1px;height:26px;overflow:hidden;border-radius:13px;margin:10px auto;background:#333;} .compareBox .typeBox a{margin-top:1px;font-size:10px;display:block;float:left;width:24px;height:24px;overflow:hidden;color:#fff;line-height:24px;text-align:center;} .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;background:#fff;width:530px;height:300px;overflow:hidden;} .topAreaChartsBox{position:relative;width:530px;height:300px;overflow:hidden;} #pieChartDiv1 {height:200px; width:200px;margin: auto; } #pieChartDiv2 {position: relative; width: 160px; height: 160px; top: -180px; left: 77px; } #pieChartDiv3 {position: relative; width: 120px; height: 120px; top: -320px; left: 97px; } .pieLegend { text-align: center; position:absolute;left:0;bottom:0;width:100%;height:auto;overflow:hidden; } .pieLegend1 { background: #c95236; color: #fff; display:block; height:auto;overflow:hidden;margin:5px auto; width: 135px;} .pieLegend2 { background: #3677bb; color: #fff; width: 135px; display:block; height:auto;overflow:hidden;margin:5px auto;} .pieLegend3 { background: #41b66e; color: #fff; width: 135px; display:block; height:auto;overflow:hidden;margin:5px auto;} .legendName { float: left; display:block;height:15px;line-height:15px;width: 65px; text-align: left; margin-left: 5px;font-size:11px;} .legendValue { float: right;display:block;height:15px;line-height:15px;font-size:11px;} .compareBox .tables{position:absolute;left:-20000px;width:530px;height:auto;overflow:hidden;} .compareBox .tables .btn_excelDownload{display:block;margin:5px 0 5px auto;width:60px;height:30px;overflow:hidden;background:green} .rsText{width:100%;height:30px;padding:5px 0;line-height:30px;overflow:hidden;border-bottom:1px solid #dcdcdc;} .rsText strong{font-size:22px;} .mapResultList{width:100%;height:200px;overflow:hidden;background:#fff;} .mapResultList ul{width:530px;height:auto;overflow:hidden;} .mapResultList ul li{list-style:decimal;width:100%;height:25px;line-height:25px;overflow:hidden;} .mapResultList ul li a{font-size:11px;display:block;height:25px;padding:0 10px;} .mapResultList ul li a:hover{background:#2f4d6a;color:#fff;} .imAreaSlideEtc{float:left;width:120px;height:auto;overflow:hidden;font-size:11px;margin:5px 0 20px 0;} .imAreaSlide{float:right;width:260px;height:80px;margin:10px 30px 0 0;position:relative;background:#dcdcdc} .imAreaSlide.ui-slider .ui-slider-handle{width:25px;height:40px} .imAreaSlide.ui-slider .ui-slider-handle span{display:block;margin-top:20px;font-size:11px;text-align:left;} .imAreaList{width:530px;height:auto;overflow:hidden;} .imAreaList li{width:100%;height:20px;line-height:20px;overflow:hidden;font-size:11px;} .imAreaCharts, .poiCharts, .foodAreaCharts{margin-top:20px;width:530px;height:250px;overflow:hidden;} .poiPieCharts{float:left;margin-top:20px;width:250px;height:250px;overflow:hidden;} .poiPieList{float:left;margin-top:20px;width:157px;height:157px;overflow:hidden;} .poiPieList li{font-size:11px;height:20px;line-height:20px;} .poiPieList li>ol{margin-left:10px;} .arrControllerBox{position:relative;width:530px;height:50px;overflow:hidden;} .dscList dd .arrControllerBox a{background-repeat:no-repeat;background-position:center;background-color:#9b9b9b;border-radius:50%;display:block;width:23px;height:23px;overflow:hidden;position:absolute;top:9px;text-indent:-2000px;} .dscList dd .arrControllerBox a:hover{background-color:#ec8f25;} .arrControllerBox strong{margin:10px auto;display:block;background:#2f4d6a;color:#fff;width:470px;border-radius:12px;height:23px;overflow:hidden;text-align:center;line-height:23px;font-size:11px;font-weight:normal;} .arrControllerBox a.fl{left:0;background-image:url(/img/ico/ico_left01.png);} .arrControllerBox a.fr{right:0;background-image:url(/img/ico/ico_right01.png);} .poiControllLayer{display:none;width:300px;height:auto;overflow:hidden;position:absolute;top:400px;right:400px;} .poiControllLayer ul{} .poiControllLayer ul li{background:#333;color:#fff;position:relative;margin-bottom:2px;width:100%;height:40px;line-height:40px;overflow:hidden;text-align:center;} .poiControllLayer ul a{display:block;width:40px;height:40px;overflow:hidden;background:#ccc;position:absolute;top:0;} .poiControllLayer ul a.fl{left:0;} .poiControllLayer ul a.fr{right:0;} .poiLineCharts{width:530px;height:300px;overflow:hidden;} .dbText01{width:530px;margin:10px auto;height:auto;overflow:hidden;line-height:1.5em;font-size:11px;} .dbTabs{width:530px;height:26px;overflow:hidden;margin:0 auto;} .dbTabs li{width:176px;float:left;height:26px;overflow:hidden;} .dbTabs li:first-child{width:178px;} .dbTabs li>a{display:block;height:26px;overflow:hidden;border-radius: 13px;line-height:26px;color:#fff;background: #21b699;margin:0 0 0 5px;font-size:11px;text-align:center} .dbTabs li:first-child>a{margin:0;} .dbTitle01{display:block;width:530px;margin:10px auto;height:26px;overflow:hidden;border-radius:13px;line-height:26px; color:#fff;text-indent:10px;background:#333;} .dbRangeBox{width:530px;height:auto;overflow:hidden;margin:10px auto;} .dbRangeBox .fl{width:280px;height:auto;overflow:hidden;float:left;} .rbSelectBox{float:right;width:124px;overflow:hidden;height:auto;} .dbRangeBox .fl #rbSlide{width:260px;margin:10px auto;} .dbRangeBox.full #rbSlide01{width:470px;margin:10px auto} .dbRangeBox.full .rbSlide_controll_bar{margin-left:0} .dbRangeBox.full .rbSlide_controll_bar li{width:53px;text-align:center;} .dbRangeBox.full .rbSlide_controll_bar li:last-child{text-align:center;} .rbSelectBox select,.rbSelectBox span{font-size:11px;vertical-align:middle} .rbSelectBox select{width:50px;height:26px;} .rbSlide_controll_bar{width:100%;height:auto;overflow:hidden;font-size:11px;margin-left:7px;} .rbSlide_controll_bar li{float:left;width:39px;text-align:left} .rbSlide_controll_bar li:last-child{text-align:right;} .dbTypeList{width:530px;height:auto;overflow:hidden;} .dbTypeList li{width:33%;height:auto;overflow:hidden;float:left;} .dbTypeList li:first-child{width:34%;} .dbTypeList li .dbTypeSubj{margin:10px 2px;height:26px;font-size:11px;text-align:center;line-height:26px;background:#dcdcdc;color:#555;border-radius:13px;} .dbTypeList li .dbTypeSubj label, .dbTypeList li .dbTypeSubj select{vertical-align:middle;} .dbTypeList li .dbTypeSubj select{width:40px;height:20px;font-size:11px;} .dbTypeList li .dbTypeCk{width:100%;height:auto;overflow:hidden;text-align:center} .dbTypeList li .dbTypeCk input{position:absolute;left:-2000px;} .dbTypeList li .dbTypeCk input:checked:before{background:url(/img/ico/ico_ckbox_on.gif);} .dbTypeList li .dbTypeCk label{background:url(/img/ico/ico_ckbox.gif) no-repeat left center;padding-left:25px;height:20px;line-height:20px;display:inline-block;} .dbTypeList li .dbTypeCk label.on{background:url(/img/ico/ico_ckbox_on.gif) no-repeat left center;} .dbTypeGps{position:relative;margin:10px auto;display:block;text-indent:-2000px;border-radius:50%;width:34px;height:34px;overflow:hidden;background-color:#28425b;color:#fff;} .dbTypeGps:before{position:absolute;left:11px;top:0;content:"";width:17px;height:17px;overflow:hidden;background:url(/img/ico/ico_sideList.png) no-repeat -30px 0;margin:9px auto 0 auto;display:block;} .dbTypeList li .dbTypeContents{width:100%;height:auto;overflow:hidden;} .dbRingList{position:relative;width:65px;height:60px;overflow:hidden;margin:0 auto;} .dbRingList li{overflow:hidden;position:absolute;bottom:0;border-radius:50%;} .dbRingList li:nth-child(1){width:50px;height:50px;border:3px solid green;left:5px;} .dbRingList li:nth-child(2){width:40px;height:40px;border:2px solid green;left:10px;} .dbRingList li:nth-child(3){width:30px;height:30px;border:1px solid green;left:15px;} .dbTypeContents .dbColorbar{width:80px;height:20px;overflow:hidden;margin:20px auto 0 auto;} .dbTypeContents .dbColorbar li{width:20px;height:20px;overflow:hidden;float:left;} .dbTypeContents .dbColorbar li span{position:absolute;left:-2000px} #basic_handson01{width:530px;margin:10px auto;} #basic_handson02{width:780px;margin:10px auto;border-bottom:1px solid #dcdcdc} .dataSideBox.full .dbText01{display:block;width:auto;margin:10px;} .dataSideBox.full .dbTabs{display:block;width:auto;margin:10px;} .dbFullForm{display:block;margin:10px;height:auto;overflow:hidden;} .dbFullForm .btn_ex01{padding:0 10px;height:26px;display:inline-block;line-height:26px;font-size:11px;overflow:hidden;text-align:center;border-radius:13px;background:#21b699;color:#fff;} .dbFullForm .btn_ex02{padding:0 10px;height:26px;display:inline-block;line-height:26px;font-size:11px;overflow:hidden;text-align:center;border-radius:13px;background:#dcdcdc;color:#333;} .dbFullForm .select01{width:40px;display:inline-block;height:26px;font-size:11px;} .dbFullForm .select02{width:40px;display:inline-block;height:26px;line-height:26px;font-size:11px;background:#999;color:#fff;text-align:center} .dbFullForm .select03{width:120px;display:inline-block;height:26px;font-size:11px;} .dbFullForm .inlinediv{padding:2px 10px;background:#d7d7d7;border-radius:13px;display:inline-block;height:20px;overflow:hidden;} .dbFullForm .inlinediv span, .dbFullForm .inlinediv select{font-size:11px;line-height:20px;vertical-align:middle;height:20px;} .dbFullForm span, .dbFullForm select, .dbFullForm a, .dbFullForm .inlinediv{margin-right:5px;vertical-align:middle;} .techSidoTooltipBox .tech_topbar{border-radius:10px; color:#fff; background:#019878;text-align:center; width:300px;height:30px;padding-top:10px;font-size:16px;} .techSidoTooltipBox .tech_topbar>span{display:block;margin:0 0 0 10px} .techSidoTooltipBox .tech_topbar a{opacity:.4;display:block;width:32px;height:32px;overflow:hidden;position:absolute;right:0;top:0;background:url(/img/ico/ico_close01.png) no-repeat center center;text-indent:-2000px; transition-duration: .3s; transition-property: transform; transition-timing-function: ease-in-out;} .techSidoTooltipBox .tech_topbar a:hover{transform: rotate(90deg);opacity:1;} .techSidoTooltipBox .tech_popContents{width:100%;height:auto;overflow:hidden;} .techSidoTooltipBox .tech_btnBox{width:100%;height:auto;overflow:hidden;margin:15px auto 0 auto;text-align:center;} /* 2017.12.12 [개발팀] 접근성 시정조치 */ .techSidoTooltipBox .tech_typelabel{float:none;width:320px;height:auto;overflow:hidden;margin:0 auto;} .techSidoTooltipBox .tech_valuebox{overflow:hidden; height:45px;} .techSidoTooltipBox .tech_txtSubj{margin-bottom:20px;font-weight:normal;} .tech_typelabel .tech_tit{float:left;width:50px;height:auto;font-size:12px;color:#595757;padding-left:15px;background:url(/img/ico/ico_won01.png) no-repeat left center;} .techSidoTooltipBox .tech_tit.co{background:url(/img/ico/ico_won02.png) no-repeat left center;} .techSidoTooltipBox .tech_tit.cg{background:url(/img/ico/ico_won03.png) no-repeat left center;} .techSidoTooltipBox .tech_tit.cp{background:url(/img/ico/ico_won04.png) no-repeat left center;} .techSidoTooltipBox .tech_val{margin-right:20px;float:left;border-left:1px solid #cbcaca;padding-left:10px;width:60px;/* text-align:right; */} .techSidoTooltipBox .tech_val .t01{width:100%;height:auto;overflow:hidden;font-size:16px;color:#595757;margin:0;} .techSidoTooltipBox .tech_val .t02{margin-top:5px;width:100%;height:auto;overflow:hidden;font-size:12px;color:#888;margin:0;} .techSidoTooltipBox .tech_tit.ico00{background:url(/img/tech/ico_won00.png) no-repeat left 3px;} .techSidoTooltipBox .tech_tit.ico01{background:url(/img/tech/ico_won01.png) no-repeat left 3px;} .techSidoTooltipBox .tech_tit.ico02{background:url(/img/tech/ico_won02.png) no-repeat left 3px;} .techSidoTooltipBox .tech_tit.ico03{background:url(/img/tech/ico_won03.png) no-repeat left 3px;} .techSidoTooltipBox .tech_tit.ico04{background:url(/img/tech/ico_won04.png) no-repeat left 3px;} .techSidoTooltipBox .tech_tit.ico05{background:url(/img/tech/ico_won05.png) no-repeat left 3px;} .techSidoTooltipBox .tech_tit.ico06{background:url(/img/tech/ico_won06.png) no-repeat left 3px;} .techSidoTooltipBox .tech_tit.ico07{background:url(/img/tech/ico_won07.png) no-repeat left 3px;} .techSidoTooltipBox .tech_tit.ico08{background:url(/img/tech/ico_won08.png) no-repeat left 3px;} .techSidoTooltipBox .tech_tit.ico09{background:url(/img/tech/ico_won09.png) no-repeat left 3px;} .techSidoTooltipBox .tech_tit.ico10{background:url(/img/tech/ico_won10.png) no-repeat left 3px;} .techSidoTooltipBox .tech_tit.ico11{background:url(/img/tech/ico_won11.png) no-repeat left 3px;} .tech_btnGtype{display:inline-block;margin-right:5px;font-size:13px;color:#5b5b5b;background:#d3d3d3;height:36px;width:100px;line-height:36px;text-align:center;border-radius:18px;} .tech_btnGtype.t01{width:200px} .tech_btnGtype.on{background:#feda00;} .tech_btnGtype:hover{background:#feda00;} /* .popBox{border:1px solid #ccc;background:#fff;width:400px;height:auto;overflow:hidden;position:absolute;left:50%;margin-left:-200px;top:25%;} .popBox .topbar{border-bottom:1px solid #ccc;width:100%;height:32px;line-height:32px;overflow:hidden;background:#f5f5f5;position:relative;} .popBox .topbar>span{display:block;margin:0 0 0 10px} .popBox .topbar a{opacity:.4;display:block;width:32px;height:32px;overflow:hidden;position:absolute;right:0;top:0;background:url(/img/ico/ico_close01.png) no-repeat center center;text-indent:-2000px; transition-duration: .3s; transition-property: transform; transition-timing-function: ease-in-out;} .popBox .topbar a:hover{transform: rotate(90deg);opacity:1;} .popBox .popContents{width:100%;height:auto;overflow:hidden;padding:15px 0;} .popBox .listFormPop{display:block;margin:10px;} .popBox .listFormPop li{margin:5px auto;width:100%;height:auto;overflow:hidden;} .popBox .listFormPop li .label{display:inline-block;font-size:13px;width:60px;height:25px;line-height:25px;} .popBox .listFormPop li .inp{width:280px;padding:0 10px;height:25px;line-height:25px;} .popBox .listFormPop li .date{width:104px;padding:0 10px;height:25px;line-height:25px;} .popBox .listFormPop li .mr20{margin-right:20px} .popBox .listFormPop li span, .popBox .listFormPop li input, .popBox .listFormPop li label, .popBox .listFormPop li button, .popBox .listFormPop li img{vertical-align:middle} .popBox .txt{position:relative;display:block;height:auto;overflow:hidden;margin:5px 0 0 0;color:#666;font-size:11px;line-height:1.5em;text-align:center;} .popBox .txt:before{content:"";font-size:13px;position:absolute;left:0;top:0;} .popBox .btnBox{width:100%;height:auot;overflow:hidden;margin:15px auto 0 auto;text-align:center;} .popBox .lvSelect{position:absolute;left:110px;top:4px;height:25px;font-size:11px;} .popBox.hangjungArea{width:840px;border:0;background:transparent;} .popBox.hangjungArea p{background:#dcdcdc;width:75px;height:32px;line-height:1.3em;font-size:13px;padding:10px;overflow:hidden;float:left} .popBox.hangjungArea ul{width:560px;float:left;margin-left:10px;} .popBox.hangjungArea ul li{float:left;margin-right:10px;height:auto;overflow:hidden;} .popBox.hangjungArea ul li label{display:block;margin-bottom:5px;} .popBox.hangjungArea ul li select{height:30px;border:1px solid #ccc;} .popBox.hangjungArea .btnStyle01{float:right;margin-top:20px;margin-right:20px;} .popBox.hangjungArea a.hanClose{text-indent:-2000px;float:left;width:30px;height:30px;border:1px solid #555;border-radius:50%;background:#f5f5f5 url(../img/ico/ico_close01.png) no-repeat center center;} .popBox.hangjungArea a.hanClose:hover{transform: rotate(90deg);} .popBox.hangjungArea .rela{float:right;background:#fff;border:1px solid #ccc;padding:10px;position:relative;width:780px;height:auto;overflow:hidden;} .popBox.hangjungArea .resizeIcon{display:block;text-indent:-2000px} .popBox.hangjungArea.on ul, .popBox.hangjungArea.on .btnStyle01{display:none} .popBox.hangjungArea.on p{width:760px;height:auto;line-height:6px} .popBox.hangjungArea.on .resizeIcon{right:10px;bottom:10px} */ .jumContents{width:100%;height:auto;overflow:hidden;position:relative;border-bottom:1px solid #dcdcdc;} .jumContents .opacityBox{width:300px;height:28px;margin:5px 10px 10px 10px;} .jumContents .opacityBox .colorck{width:204px;} .popBox .popContents .jumContents .tabs.only{margin:15px 0 0 10px;width:204px;} .popBox .popContents .jumContents.mt0 .tabs.only{margin-top:0;} .jumContents .posSelect{position:absolute;right:100px;top:18px;} .jumContents .posSelect label{display:block;font-size:13px;margin-bottom:10px;} .jumMarkerLink{display:block;width:45px;height:45px;overflow:hidden;background:#f5f5f5;position:absolute;right:18px;top:3px;} .jumColorLink{display:block;width:45px;height:45px;overflow:hidden;text-indent:-2000px;background:#eb3774;position:absolute;right:18px;top:18px;} .markerList{text-align:left;margin:3px 0 0 0;} .markerList li{float:left;width:25px;height:25px;overflow:hidden;margin-right:5px;} .markerList li img{width:23px;} .markerList li a{border:1px solid #fff} .markerList li a.on{display:block;width:23px;height:23px;overflow:hidden;border:1px solid red} .markerLib{width:360px;height:150px;margin:0 auto;overflow:hidden;overflow-y:scroll;} .markerLib ul li{width:56px;height:60px;overflow:hidden;float:left;text-align:center;} .markerLib ul li a{display:block;width:43px;height:43px;overflow:hidden;border:1px solid #fff} .markerLib ul li a.on{border:1px solid red} .grip{width:20px;height:100px;margin-top:0;background-image:url('/img/bg/grip.png');margin-left:4px;position:relative;z-index:88;cursor:e-resize;} .grip:hover{background-position-x:-20px;} .dragging .grip{background-position-x:-40px;} .goganList{table-layout:fixed;width:380px;margin:10px;height:100px;overflow:hidden;} .goganList td{height:100px;width:10%;overflow:hidden;} .ui-resizable-e{width:11px;background:url(/img/bg/bg_resize.png) no-repeat center center;} .goganText{width:100%;height:auto;overflow:hidden;} .goganText li{height:auto;overflow:hidden;float:left;text-align:left;margin-left:78px;font-size:11px;} .goganText li:first-child{margin-left:10px;} .popBox .popContents .tabs{display:block;margin:10px 10px 30px 10px;height:auto;overflow:hidden;} .popBox .popContents .tabs a, .popBox .popContents .tabs span{float:left;} .popBox .popContents .tabs span{height:20px;line-height:20px;width:60px;} .popBox .popContents .tabs a{width:80px;text-align:center;border:1px solid #9f9f9f;font-size:11px;height:20px;padding:0 10px;margin:0;} .popBox .popContents .tabs a.al{border-top-left-radius:5px;border-bottom-left-radius:5px;} .popBox .popContents .tabs a.ac, .popBox .popContents .tabs a.on.ac{border-left:0;border-right:0;} .popBox .popContents .tabs a.ar{border-top-right-radius:5px;border-bottom-right-radius:5px;} .popBox .popContents .tabs a.on{border:1px solid #1ca98f;} .popBox .popContents .tabs.only{width:306px;margin:10px auto} .opacityBox{text-align:right;display:block;margin:20px 10px 10px 10px;height:auto;overflow:hidden;position:relative;} .opacityBox label, .opacityBox select{font-size:13px;height:25px;line-height:25px;display:inline-block;vertical-align:middle;} .opacityBox .colorck{position:absolute;width:300px;height:auto;overflow:hidden;left:0;top:5px;} .opacityBox .colorck li{float:left;width:24px;height:24px;} .opacityBox .colorck li a{font-size:0;} .colorSettingList01{width:380px;margin:0 auto;height:40px;overflow:hidden;} .colorSettingList01 li{height:40px;width:10%;overflow:hidden;float:left;} .colorSettingList01 li span{position:absolute;left:-2000px;} .colorbarBox{width:380px;height:auto;overflow:hidden;margin:10px auto;position:relative;} .colorbarBox>a{display:block;text-indent:-2000px;width:30px;height:30px;border-radius:50%;overflow:hidden;position:absolute;top:-5000px;} .colorbarBox .fl{background:#00b051;left:0px;} .colorbarBox .fr{background:#193b70;right:0px;} #guganSettingLayer{display:none;left:460px;top:auto;bottom:70px;} #colorSettingLayer{display:none;left:500px;top:auto;bottom:70px;z-index:10;} #jumSettingLayer{display:none;left:500px;top:auto;bottom:70px;z-index:10;} #markerLibLayer{display:none;left:500px;top:auto;bottom:330px;z-index:10;} .quickBox.join .scrollBox{width:950px;height:100%;} .quickBox.join .stepBox{width:auto;padding:10px 10px 20px 10px} .joinTextBox, .roundTextBox{margin:10px 0 0 0;display:block;width:260px;height:30px;line-height:30px;background:#21b699;border-radius:15px;text-align:center;color:#fff} .noneTextBox{margin:10px 0 0 10px;display:block;padding-left:20px;width:240px;text-align:left;color:#333;height:30px;line-height:30px;background:#dcdcdc;border-radius:15px;} .quickBox .roundTextBox{margin-left:10px;text-align:left;padding-left:20px;width:240px;} .quickBox.join .roundTextBox{margin-left:0px;} a.roundTextBox{color:#555;background:#dcdcdc url(/img/ico/ico_up02.png) no-repeat 235px center;} a.roundTextBox.on{color:#fff;background:#0f74d5 url(/img/ico/ico_down02.png) no-repeat 235px center;} .noneTextBox.on{color:#fff;background:#21b699;} .roundTextBox.fl{float:left;} .quickBox.join select.fl{float:left;margin:10px 0 0 10px} .quickBox.join .stepBox.join{padding:0;width:100%;} .quickBox.join .joinStepBox{width:258px;float:left;padding:10px 10px 20px 10px;height:500px;overflow:hidden;border-left:1px solid #ccc;} .quickBox.join .joinStepBox ul{font-size:12px;margin-top:10px;} .quickBox.join .joinStepBox.first{width:260px;border-left:0} .quickBox.join .joinStepBox .box_area_option02{margin-top:10px;} .stepBox.join .slider_controll_bar li{width:36px;} .stepBox.join #slider-range2, .stepBox.join .slider-range{width:226px;} .stepBox ul.studyType>li:first-child{margin-bottom:10px;} .stepBox ul.studyType>li select{width:110px;} .stepBox ul.honinType>li:first-child{margin-bottom:10px;} .stepBox ul.honinType>li label, .stepBox ul.twoType>li label{width:90px;} .quickBox .joinDefault{display:none;margin-top:10px;} .noneDefault{margin-top:10px;} .quickBox.join .joinDefault{margin-top:0} .dbTabs01{width:530px;height:auto;overflow:hidden;margin:10px auto 0 auto;} .dbTabs01 li{float:left;height:20px;overflow:hidden;margin-bottom:5px;} .dbTabs01 li>a{display:block;height:20px;padding:0 10px;overflow:hidden;border-radius: 10px;line-height:20px;color:#fff;background:#2f4d6a;margin:0 0 0 5px;font-size:11px;text-align:center} .dbTabs01 li>a.on{background:#21b699;} .dbTabs02{width:530px;height:auto;overflow:hidden;margin:10px auto 0 auto;} .dbTabs02 li{float:left;height:auto;overflow:hidden;margin-bottom:5px;width:25%;} .dbTabs02 li>a{position:relative;display:block;height:auto;padding:10px;overflow:hidden;border-radius:10px;line-height:1.5em;color:#fff;background:#b9b9b9;margin:0 5px;font-size:11px;text-align:left} .dbTabs02 li>a>span{display:block;font-size:15px;} .dbTabs02 li>a.on{background:#f8236b;} .dbTabs02 li>a:before{content:"";position:absolute;right:10px;top:10px;width:10px;height:10px;overflow:hidden;} .dbTabs02 li:nth-child(1)>a:before{background:#9c28b1;} .dbTabs02 li:nth-child(2)>a:before{background:#21b69a;} .dbTabs02 li:nth-child(3)>a:before{background:#00b0f0;} .dbTabs02 li:nth-child(4)>a:before{background:#ff7c00;} .sqListBox.sq03 .btnBox{text-align:center;display:block;margin:10px auto} .sqListBox.sq03 .sqList.type01 ul{margin:0;border-bottom:1px solid #ccc;} .sqListBox.sq03 .sqList.type01 li{} .sqListBox.sq03 .sqList.type01 li input{float:left;margin:8px 0 0 8px;} .sqListBox.sq03 .sqList.type01 li label{padding-left:10px;text-align:left;float:left;height:30px;line-height:30px;width:250px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .sliderDefault{width:226px;margin:15px auto;} /* 占쎄퐬��쑨苡띰옙�좑옙��*/ .navi-content {display:none;position: absolute; top: 31px; left:10px; width: 380px; height: 241px; border: 1px solid #656565; background: #f8f8f8; line-height: 21px; z-index: 1001; } .navi-content .scrl-first { display: inline; overflow: hidden; overflow-y: auto; float: left; position: relative; width: 126px; height: 194px; background: #fff; } .navi-content .scrl-second { display: inline; overflow: hidden; overflow-y: auto; float: left; position: relative; width: 126px; height: 194px; border-left: 1px solid #656565; background: #fff; } .navi-content .scrl-third { display: inline; overflow: hidden; overflow-y: auto; float: left; position: relative; width: 126px; height: 194px; border-left: 1px solid #656565; background: #fff; } .navi-content .li-on { background: #4a9aed; } .navi-content .li-alink { display: block; overflow: hidden; height: 20px; padding: 1px 0 0 9px; color: #333; cursor: pointer; } .navi-content .li-strong { display: inline-block; overflow: hidden; width: 100px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; } .navi-content .li-alink .on { display: block; overflow: hidden; height: 20px; padding: 1px 0 0 0px; color: #fff; cursor: pointer; background: #4a9aed; } .navi-content .li-strong .on { display: inline-block; overflow: hidden; width: 100px; white-space: nowrap; text-overflow: ellipsis; } .navi-action { clear: both; width: 100%; height: 29px; padding: 10px 0; border-top: 1px solid #d3d3d3; text-align: center; } .navi-content li a{display:block;padding:0 5px} .ui-layout-pane { /* all 'panes' */ background: #FFF; border: 1px solid #BBB; padding: 10px; overflow: auto; } .ui-layout-resizer { /* all 'resizer-bars' */ background: #DDD; } .ui-layout-toggler { /* all 'toggler-buttons' */ background: #AAA; } .slide-back { position:absolute; } /*slide*/ .ui-slider {position:relative;text-align:left;} .ui-slider .ui-slider-handle { position:absolute;z-index:2;width:20px;height:20px; cursor:default;-ms-touch-action:none;touch-action:none;background:url("/img/ico/slider_btn01.png") no-repeat left 2px; } .ui-slider .ui-slider-range { position: absolute;z-index: 1;font-size: .7em;display: block; border: 0;background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .3em; } .ui-slider-horizontal .ui-slider-handle { top: -.5em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } #dataSlider.ui-slider {position:relative;text-align:left;background:transparent !important;border:0} /* 2017.11.27 [개발팀] */ #dataSlider.ui-slider:before{content:"";position:absolute;top:2px;left:0;width:100%;height:5px;overflow:hidden;display:block;background:#0c8e74;} #dataSlider.ui-slider .ui-slider-handle { position:absolute;z-index:2;width:11px;height:11px; cursor:default;-ms-touch-action:none;touch-action:none;background:#fff;borderr-radius:50%;top:-1px; } #dataSlider.ui-slider .ui-slider-range { position: absolute;z-index: 1;font-size: .7em;display: block;height:5px;overflow:hidden;top:2px; border:0;background-position: 0 0; } #leftSlider.ui-slider {position:relative;text-align:left;background:transparent;border:0} #leftSlider.ui-slider:before{content:"";position:absolute;top:2px;left:0;width:100%;height:5px;overflow:hidden;display:block;background:#0c8e74;} #leftSlider.ui-slider .ui-slider-handle { position:absolute;z-index:2;width:11px;height:11px; cursor:default;-ms-touch-action:none;touch-action:none;background:#fff;borderr-radius:50%;top:-6px;margin-left:-5px; } #leftSlider.ui-slider .ui-slider-range { position: absolute;z-index: 1;font-size: .7em;display: block;height:5px;overflow:hidden;top:2px; border:0;background-position: 0 0; } /* support: IE8 - See #6727 */ #dataSlider.ui-slider.ui-state-disabled .ui-slider-handle, #dataSlider.ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } #dataSlider .ui-widget-header{background:#ec8f25;} #dataSlider .ui-slider-horizontal { height: .3em; } #dataSlider .ui-slider-horizontal .ui-slider-handle { top: -.5em; margin-left: -.6em; } #dataSlider .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } #dataSlider .ui-slider-horizontal .ui-slider-range-min { left: 0; } #dataSlider .ui-slider-horizontal .ui-slider-range-max { right: 0; } #dataSlider .ui-slider-vertical { width: .8em; height: 100px; } #dataSlider .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } #dataSlider .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } #dataSlider .ui-slider-vertical .ui-slider-range-min { bottom: 0; } #dataSlider .ui-slider-vertical .ui-slider-range-max { top: 0; } .stepBox ul.wonList01{width:258px;margin:0 auto;height:auto;overflow:hidden;} /* 2017.12.12 [개발팀] 접근성 시정조치 */ .stepBox ul.wonList01 li{width:86px;height:86px;overflow:hidden;float:left;} .stepBox ul.wonList01 li a{color:#333;padding:0;display:table;width:60px;height:60px;overflow:hidden;margin:13px;line-height:1.2em;border-radius:50%;background:#d9d9d9;text-align:center;font-size:11px;} .stepBox ul.wonList01 li a>span{display:table-cell;vertical-align:middle;text-align:center;} .stepBox ul.wonList01 li a.on{background:#21b69a url(/img/ico/ico_ck01.png) no-repeat center 10px;color:#fff;} .stepBox ul.wonList01 li.disabled{opacity:.5;} .stepBox ul.wonList01 li.disabled a{cursor:default} .ui-tooltip, .arrow:after {background:#f5f5f5;border:1px solid #dcdcdc;} .ui-tooltip { padding:10px; color: #666; box-shadow:none; border:1px solid #dcdcdc !important; line-height:1em; } .ui-tooltip *{font-size:11px !important;} .ui-tooltip .subj{display:block;height:20px;margin:0 0 5px 0;font-size:11px;padding-left:20px;line-height:20px;background:url(/img/ico/ico_tooltip.png) no-repeat 5px center;} .arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; background:transparent; } .arrow.top {top:-16px;bottom: auto;} .arrow.left {left: 20%;} .arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 15px; height: 25px; box-shadow: 6px 5px 9px -9px black; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .arrow.top:after {bottom: -20px;top: auto;} .rc-handle-container {position: relative;} .rc-handle {position: absolute;width:11px;cursor: ew-resize;background:url(/img/bg/bg_resize.png) no-repeat;margin-left:-5px;z-index: 2;} table.rc-table-resizing {cursor: ew-resize;} table.rc-table-resizing thead, table.rc-table-resizing thead > th, table.rc-table-resizing thead > th > a {cursor: ew-resize;} body.pop{background:none} .popViewer{width:800px;padding:10px;height:auto;overflow:hidden;} .popViewer.databoard{width:100%;padding:0} .popViewer h1{width:100%;height:auto;overflow:hidden;margin:0;} .popViewer .guide{border-bottom:2px solid #ccc;width:100%;height:auto;overflow:hidden;padding-bottom:5px;} .popViewer.databoard .containerBox{top:93px;height:calc(100% - 93px);} .popViewer .guide span, .popViewer a{vertical-align:middle;} .pvRow{margin-top:10px;width:100%;height:auto;overflow:hidden;} .pvRow .fl{float:left;width:288px;height:300px;overflow:hidden;border:1px solid #ccc;} .pvRow .fr{float:right;width:498px;height:300px;overflow:hidden;border:1px solid #ccc;} .pvRow .fl>p,.pvRow .fr>p{height:29px;border-bottom:1px solid #ccc;background:#dcdcdc;text-align:center;line-height:29px;} .pvRow .pvContents{width:100%;height:270px;overflow:hidden;position:relative;} .popViewer.databoard h1{margin:10px 0 0 10px} .popViewer.databoard .guide span{margin-left:10px} .popViewer.databoard .interactiveDataBoard, .popViewer.databoard .dataSideBox{top:0} .popViewer.databoard .dataSideBox{height:100%;} .popViewer.databoard .colorbar{margin-bottom:0} .pvRow .pvContents .pvcRow{display:block;margin:10px;height:auto;overflow:hidden;} .pvRow .pvContents .pvcRow .subj{border-radius:15px;padding:0 10px;float:left; width:100px;height:30px;line-height:30px;overflow:hidden;background:#dcdcdc url(/img/ico/ico_colorbar01.png) no-repeat 100px center;} .pvRow .pvContents .pvcRow select{float:left; width:348px;height:30px;border:1px solid #ccc;margin-left:10px;} .pvRow .pvContents .pvcRow .scrolls{float:left; width:326px;height:187px;padding:10px;border:1px solid #ccc;margin-left:10px;} .pvRow .pvContents .pvcRow .scrolls ul{width:100%;height:auto;overflow:hidden;} .pvRow .pvContents .pvcRow .scrolls ul li{width:100%;height:30px;line-height:30px;overflow:hidden;} .pvRow .pvContents .pvcRow .scrolls ul li a{display:block;height:30px;padding-left:10px;} .pvRow .pvContents .pvcRow .scrolls ul li a:hover{background:#00bc8c;color:#fff;} .pvRow .pvContents .charts{width:100%;height:233px;} .dssRow{width:100%;height:auto;overflow:hidden;} .dssRow .fl{width:385px;height:300px;overflow:hidden;float:left;margin:10px 0 0 10px;} .dssRow .fr{width:385px;height:300px;overflow:hidden;float:left;margin:10px 0 0 10px;} .dssRow .fl>p, .dssRow .fr>p{width:100%;height:30px;line-height:30px;border-radius:15px;background:#444;color:#fff;text-indent:20px;overflow:hidden;} .dssContents{width:100%;height:240px;padding:30px 0 0 0;overflow:hidden;} .cmListBox{float:right;width:254px;height:270px;overflow:hidden;} .cmListBox span{width:100%;height:30px;line-height:30px;text-indent:10px;background:#f1f1f1;border-radius:15px;display:block;} .cmListBox ul{margin:10px auto;width:100%;height:auto;overflow:hidden;} .cmListBox ul li{width:50px;height:50px;overflow:hidden;line-height:50px;text-align:center;border-radius:50%;color:#fff;float:left;font-size:11px;margin-right:5px;background:#333;} /*0922*/ .horizontalTitle{margin:10px auto;width:100%;height:auto;overflow:hidden;font-size:13px;} .horizontalTitle strong{font-size:22px;} .horizontalCharts{border-radius:10px;background:#f1f1f1;margin:10px auto 20px auto;width:100%;height:20px;overflow:hidden;position:relative;} .dscList dd .horizontalCharts .bars{margin-left:0;height:20px;width:50px;overflow:hidden;position:absolute;top:0;border-radius:10px;left:0;} .ui-tooltip .subj01{display:block;height:20px;margin:0 0 5px 0;font-size:11px;padding-left:0;line-height:20px;background:none;} /*0923*/ /* 2017.12.12 [개발팀] 접근성 시정조치 */ /* .koreaMapArea{width:950px;height:831px;overflow:hidden;position:relative;background:url(/img/bg/bg_map.jpg);} .mapClass path, .mapClass polygon{fill:transparent !important} .mapClass:hover path, .mapClass:hover polygon, .mapClass.on path, .mapClass.on polygon{fill:#fcbe47 !important;} .mapClass:hover path, .mapClass.on path{stroke:#ebb410;stroke-width:2;} .mapClass{cursor:pointer} .mapClass:hover{} .mapClass text{fill:#919191} .mapClass:hover text, .mapClass.on text{fill:#d3531b;font-weight:bold} */ .cateSaupLegend{width:120px;margin-left:20px;} .cateSaupLegend li{width:40px;margin:1px auto;height:auto;overflow:hidden;float:left;position:relative;padding-left:20px;font-size:10px;} .cateSaupLegend li:before{content:"";width:13px;height:13px;overflow:hidden;position:absolute;left:0;top:0;} .cateSaupLegend li:nth-child(1):before{background:#612a8a;} .cateSaupLegend li:nth-child(2):before{background:#2980ff;} .cateSaupLegend li:nth-child(3):before{background:#ffb000;} .cateSaupLegend li:nth-child(4):before{background:#ff6666;} .cateSaupLegend.line{} .cateSaupLegend.line li{width:100%;padding-left:30px;} .cateSaupLegend.line li:before{height:3px;width:20px;top:5px;} .cateSaupLegend.line li:nth-child(1):before{background:#fa6969;} .cateSaupLegend.line li:nth-child(2):before{background:#738ef5;} .timeTitle{margin:0 0 0 10px;color:#fff;font-size:12px;width:250px;height:23px;line-height:23px;text-indent:10px;border-radius:12px;background:#2f4d6a;overflow:hidden;} .topPoi{width:100%;height:auto;overflow:hidden;margin:0 auto;} .topPoi .dbTypeSubj{margin:5px 0 0 0;color:#fff;font-size:12px;width:100px;height:23px;line-height:23px;border-radius:12px;background:#2f4d6a;overflow:hidden;float:left;text-align:center} .topPoi .dbTypeCk{padding-left:20px;height:20px;line-height:20px;margin:6px 0 0 20px;float:left;background:url(/img/ico/ico_ckbox_on.gif) no-repeat left center;} .topPoi .dbTypeContents{float:left;margin:0 0 0 20px;} .topPoi .dbTypeContents .dbTypeGps{margin:0} .dbColorbar.line{} .dbColorbar.line li{width:10px;background:transparent !important} .dbColorbar.line li:nth-child(1){border-left-width:1px !important;} .dbColorbar.line li:nth-child(2){border-left-width:2px !important;} .dbColorbar.line li:nth-child(3){border-left-width:3px !important;} .dbColorbar.line li:nth-child(4){border-left-width:4px !important;} .dbColorbar.line li:nth-child(5){border-left-width:5px !important;} #targetCharts{width:500px;height:300px;overflow:hidden} .chartsSizingBox{width:100%;height:300px;overflow:hidden;} .huboAreaList li{font-size:11px;margin:5px auto;} .huboAreaList li span, .huboAreaList li a{vertical-align:middle;border-radius:13px;font-size:11px;} /*0930*/ .mapPosition{display:block;width:33px;height:45px;text-indent:-2000px;overflow:hidden;position:absolute;background:url(/img/ico/ico_mapIcon.png);} .mapPosition.map_seoul{left:419px;top:133px;} .mapPosition.map_inchun{left:376px;top:137px;} .mapPosition.map_kungkido{left:462px;top:186px;} .mapPosition.map_kangwondo{left:582px;top:110px;} .mapPosition.map_chungchungnamdo{left:391px;top:312px;} .mapPosition.map_sejong{left:451px;top:298px;} .mapPosition.map_daejun{left:478px;top:327px;} .mapPosition.map_chungchungbukdo{left:509px;top:274px;} .mapPosition.map_kungsangbukdo{left:664px;top:315px;} .mapPosition.map_daegu{left:638px;top:408px;} .mapPosition.map_ulsan{left:730px;top:460px;} .mapPosition.map_junlabukdo{left:443px;top:437px;} .mapPosition.map_kangju{left:397px;top:523px;} .mapPosition.map_junranamdo{left:428px;top:565px;} .mapPosition.map_kungsangnamdo{left:571px;top:488px;} .mapPosition.map_busan{left:710px;top:514px;} .mapPosition.map_jeju{left:222px;top:697px;} .mapAreaView{text-indent:-2000px;width:105px;height:127px;overflow:hidden;background:url(/img/ico/ico_areaview.png);position:absolute;left:-2000px} /*0803*/ .helperText{background:none;} .interactiveBar .helperText{float:left;padding-right:10px;} .interactiveBar a{cursor: pointer;font-size: 12px;height: 33px;line-height: 33px;background: #1778cc;border-radius: 5px;color: #fff;padding: 5px 10px;} .sideQuick span{margin:0 0 0 5px} .scrollBox, .normalBox{border-bottom:0;} .qmdl.pt0{padding-top:0} .qmdl dt{background:url(/img/ico/ico_up03.png) no-repeat 260px center;height:45px;background-size:10px 6px;} .qmdl dt.on{background:url(/img/ico/ico_down04.png) no-repeat 260px center;background-size:10px 6px;} .qmdl dt a{display:block;height:45px;line-height:45px;} .qmdl dd ul{width:100%;} .qmdl dd ul>li.on{background:#1778cc;border-radius:0;} .qmdl dd ul>li.on>a{color:#fff;} .qmdl dd ul li.icon01:before{top:8px;opacity:1;background:url(/img/tech/ico_lnb01.png);width:30px;height:30px;} .qmdl dd ul li.icon02:before{top:8px;opacity:1;background:url(/img/tech/ico_lnb02.png);width:30px;height:30px;} .qmdl dd ul li.icon03:before{top:8px;opacity:1;background:url(/img/tech/ico_lnb03.png);width:30px;height:30px;} .qmdl dd ul li.icon04:before{top:8px;opacity:1;background:url(/img/tech/ico_lnb04.png);width:30px;height:30px;} .qmdl dd ul li.icon05:before{top:8px;opacity:1;background:url(/img/tech/ico_lnb05.png);width:30px;height:30px;} .qmdl dd ul li.icon06:before{top:8px;opacity:1;background:url(/img/tech/ico_lnb06.png);width:30px;height:30px;} .qmdl dd ul li.icon07:before{top:8px;opacity:1;background:url(/img/tech/ico_lnb07.png);width:30px;height:30px;} .quickBox .subj a{opacity:1;background:url(/img/tech/ico_close01.png) no-repeat center center;} .dataSideBox .bar{background:#444b5b;} /* #dataSlider .ui-widget-header{background:#1778cc;} */ /*mng_20240318 김도영 데이터보드 투명도조절 잘 보이도록 주석처리 */ #dataSlider.ui-slider:before{background:#f7c800;} .dscList.bob dt{height:auto} .dscList.bob dt>a{height:36px;line-height:32px;border-radius:0;border-bottom:1px solid #b7b6b6;} .dscList.bob dt.bon>a.on{border-bottom:0;height:30px;} .dscList dt{height:27px;} .dscList dt>a{color:#595757;background:url(/img/ico/ico_up03.png) no-repeat 505px center;} .dscList dt>a.on{border-radius:0;border-bottom:1px solid #d5d5d5;background:url(/img/ico/ico_down04.png) no-repeat 505px center;} .dscList dt.botype>a{border-radius:0;border-bottom:1px solid #d5d5d5;} .dbTabs{display:table;table-layout:fixed;border-collapse:collapse;width:100%;} /* .dbTabs a{letter-spacing:-1px;font-size:12px;border-top:1px solid #1778cc;display:table-cell;vertical-align:middle;text-align:center;height:30px;background:#1778cc;color:#fff;} */ .dbTabs a{letter-spacing:-1px;font-size:12px;border-top: 1px solid #b7b6b6 !important;display:table-cell;vertical-align:middle;text-align:center;height:30px;background:#f1f1f1;color:#6a707c;} .dbTabs a.on{border-top:1px solid #b7b6b6;background:#fff;color:#595757;} .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;} .compareBox .typeBox{margin:10px 0 10px auto;} .compareBox .typeBox a.first.on{background:#e8771a url(/img/ico/ico_chars.png) no-repeat center center;} .compareBox .typeBox a.on{background:#e8771a} #typeCharts01{width:256px;float:left;height:110px;overflow:hidden;} #typeCharts02{width:256px;height:110px;overflow:hidden;float:left;} #typeCharts03{width:530px;height:300px;overflow:hidden;margin:0 auto;} #typeCharts04{width:530px;height:800px;overflow:hidden;margin:0 auto;} .typelabel{float:right;width:50%;height:110px;overflow:hidden;} .typelabel .txtSubj{margin-top:10px;font-size:12px;font-weight:bold;color:#6b6c6b;width:100%;height:auto;overflow:hidden;} .typelabel .valuebox{margin-top:5px;width:100%;height:auto;} .typelabel .valuebox .tit{float:left;width:60px;height:auto;font-size:12px;color:#595757;padding-left:15px;background:url(/img/ico/ico_won01.png) no-repeat left center;} .typelabel .valuebox .tit.co{background:url(/img/ico/ico_won02.png) no-repeat left center;} .typelabel .valuebox .tit.cg{background:url(/img/ico/ico_won03.png) no-repeat left center;} .typelabel .valuebox .tit.cp{background:url(/img/ico/ico_won04.png) no-repeat left center;} .typelabel .valuebox .val{/* margin-right:20px; */float:left;border-left:1px solid #cbcaca;/* padding-left:10px; */} /* 2017.10.24 [개발팀] */ .typelabel .valuebox .val .t01{width:100%;height:auto;overflow:hidden;font-size:16px;color:#595757;margin-left:10px;} /* 2017.10.24 [개발팀] */ .typelabel .valuebox .val .t02{margin-top:5px;width:100%;height:auto;overflow:hidden;font-size:12px;color:#888;margin-left:10px;} /* 2017.10.24 [개발팀] */ .horizontalTitle span, .horizontalTitle strong,.horizontalTitle a, .horizontalTitle img{vertical-align:middle} .horizontalTitle img{height:25px;margin-left:5px} .horizontalTitle span{font-size:16px; font-weight:bold;} .chartAreaType02{width:100%;height:auto;overflow:hidden;} .chartAreaType02 #typeCharts01{width:200px;height:200px} .chartAreaType02 #typeCharts02{width:200px;height:200px} .chartAreaType02 .typelabel{width:330px;height:200px} .compareBox .charts{height:auto;} .dscList dd.view{display:block;margin-top:15px;} .dbTabs01 a{letter-spacing:-1px;} .dbTabs01 li>a{margin:0;color:#c8c9ca;background:#fff;padding:0 8px} .dbTabs01 li>a.on{margin:0;color:#4f4f4f;background:#ffc622;} .etcTabs{width:140px;height:25px;overflow:hidden;border:1px solid #d6d7d7;background:#fff;position:absolute;right:0;top:15px;} .etcTabs a{float:left;width:70px;height:25px;line-height:25px;overflow:hidden;color:#727171;text-align:center;font-size:12px;} .etcTabs a.on{color:#313333;background:#ffc622;} .etcRight{float:right;margin:5px 40px 0 0;} .horizontalTitle.mt20{position:relative;margin-top:20px;margin-bottom:3px;} .horizontalTitle a{position:absolute;right:0;top:0;} .horizontalTitle *{vertical-align:baseline !important} .horizontalTitle.t01{margin-top:0;font-size:15px} .seoulBox, .areaBox{font-size:22px;color:#606060;padding-left:10px;left:24px}/*2019-03-12 박길섭 */ .areaEtcTextBox{font-size:12px;width:530px;margin:0 auto 10px auto;height:auto;overflow:hidden;color:#848485} .lineTextBox{font-size:15px;width:530px;padding-bottom:10px;margin:30px auto 10px auto;height:auto;overflow:hidden;color:#848485;border-bottom:1px solid #848485;} .timeTitle{background:#444b5b;width:530px;margin:0 auto;} .ysettingList{width:525px;margin:0 auto;height:auto;overflow:hidden;} .ysettingList li{float:left;width:75px;height:67px;overflow:hidden;margin-top:10px;} .ysettingList li a{display:block;border-radius:50%;color:#878787;border:1px solid #e3e3e3;width:65px;height:65px;overflow:hidden;text-align:center;line-height:64px;} .ysettingList li a.on{background:#1778cc;border:1px solid #1778cc;color:#fff;} .clickMiniMap:before{content:"";background:#019878;} .dscList dd .fb{position:relative;} .dscList dd .fb .gtxt{position:absolute;left:0;top:4px;width:100%;height:auto;overflow:hidden;text-align:right;color:#ddd;font-size:12px;} .dscList dd .fb .gtxt.ar{text-align:right;} .dbTabs02 li>a{color:#595757;background:#dbdcdc;} .dbTabs02 li>a.on{background:#5b3fb2;color:#fff} .dbTabs02 li>a:before{left:-2000px;} .compareBox{position:relative;} .mt20{margin-top:20px} .chartsTitleBox{width:100px;position:absolute;left:220px;font-weight:bold;font-size:13px;top:0;padding-left:70px;line-height:40px;color:#727171;height:40px;overflow:hidden;background:url(/img/ico/ico_ct01.png) no-repeat left center;} .tailTextBox{width:530px;margin:0 auto;height:auto;overflow:hidden;font-size:12px;color:#c8c9ca;text-align:right;} .cateSaupLegend.line{width:300px;} /* .cateSaupLegend.line li{width:80px;} */ .cateSaupLegend.line li{width:95px;} .cateSaupLegend.line li:nth-child(1):before{background:#bee51c;} .cateSaupLegend.line li:nth-child(2):before{background:#e8771a;} .cateSaupLegend.line li:nth-child(3):before{background:#738ef5;} .cateSaupLegend.line li:nth-child(4):before{background:#a176f4;} .cateSaupLegend.line li.blue:before{background:#738ef5;} .compareSelectList{width:100%;height:auto;overflow:hidden;} .compareSelectList li{margin-top:5px;width:100%;height:40px;overflow:hidden;} .compareSelectList li .rela{width:100%;height:40px;overflow:hidden;position:relative;} .compareSelectList li a.round{width:470px;padding-left:30px;height:38px;line-height:38px;font-size:12px;color:#878787 ;border:1px solid #e5e5e6;border-radius:20px;float:left;} .compareSelectList li a.round.on{border:1px solid #019878;background:#019878 url(/img/ico/ico_ck02.png) no-repeat 15px center;color:#fff;} .compareSelectList li a.round .ss{float:left;} .compareSelectList li a.round .es{float:right;height:28px;line-height:28px;text-align:center;width:110px;overflow:hidden;background:#f7f9f8;border:1px solid #d7d9d8;border-radius:14px;margin:4px 5px;color:#727272;} .compareSelectList li a.round.on .es{background:#02997a;border:1px solid #41b199;color:#fff;} .compareSelectList li a.del{position:absolute;right:10px;top:13px;} .compareSelectList li:first-child{margin-top:0;} .compareSelectList li:last-child{margin-bottom:10px;} .clickListBox.bon{width:530px;border-bottom:0;} .cslBtn{display:block;width:110px;background:#eeecec;height:28px;text-align:center;line-height:28px;font-size:12px;color:#717171;background:#f8f8f8;border:1px solid #d6d6d6;border-radius:14px;margin-left:210px;} .cslBtn:hover{background:#333;color:#fff;border:1px solid #333;} .tlStype .highcharts-tooltip>span, #spyTypeCharts01 .highcharts-tooltip>span, .dimChartsBox .highcharts-tooltip>span{ border-radius: 5px; box-shadow: 1px 1px 2px #888; padding: 0; } .tooltipTitle{display:block;font-size:12px;margin-bottom:10px;background:#313333;width:100%;height:30px;line-height:30px;text-align:center;color:#fff} .tooltipBlock{position:relative;height:25px;overflow:hidden;padding:0 10px 10px 10px;display:block;} .tooltipBlock span, .tooltipBlock a, .tooltipBlock img{font-size:12px;vertical-align:middle;} .tooltipBlock span{float:left;height:25px;line-height:25px;padding-right:110px;} .tooltipBlock img{position:absolute;right:10px;top:0;height:25px;} .interactiveDataBoard:hover{background-color:#444b5b} #spyTypeCharts01 .tooltipBlock span{padding-right:0;} .dimChartsBox .tooltipBlock span{padding-right:0;} .optionListInfo{width:100%;height:auto;overflow:hidden;} .optionListInfo a{float:left;width:101px;height:25px;line-height:25px;font-size:12px;margin-right:5px;text-align:center;background:#f8f8f8;color:#737373;} .optionListInfo a.on{background:#019879;color:#fff;} .dscList dd .rela{width:100%;height:auto;overflow:hidden;position:relative;} .helpPosition{position:absolute;left:330px;top:10px;z-index:90;} /*2017.11.29 개발팀 수정*/ /* .dialogbox{display:none;width:100%;height:100%;overflow:hidden;z-index:2000;position:absolute;left:0;top:0;background:rgba(0,0,0,.5);} */ .dialogbox{display:none;width:100%;height:100%;overflow:hidden;overflow-y:auto;z-index:2000;position:absolute;left:0;top:0;background:rgba(0,0,0,.5);} .dialogbox .dimbox{width:1100px;height:600px;z-index:94;position:absolute;left:50%;top:50%;margin:-300px 0 0 -500px;overflow:hidden;} .dialogbox .dimbox .cont{float:left;width:1070px;height:600px;overflow:hidden;background:#fff;} .dialogbox .dimbox .cont .bar{width:100%;height:50px;overflow:hidden;background:#019879;} .dialogbox .dimbox .cont .bar span{height:50px;line-height:50px;color:#fff;font-size:15px;float:left;margin-left:20px;} .dialogbox .dimbox .cont .bar .compareBox{width:100px;height:50px;float:right;margin-right:20px;} .dialogbox .dimbox .cont .bar .compareBox .typeBox{float:left;margin-top:12px;} .dialogbox .dimbox .cont .bar .compareBox .dimPrint{float:left;margin:7px 0 0 10px} .dialogbox .dimClose{float:right;margin-top:5px;} .dimAreaScroll{width:100%;height:550px;overflow:hidden;margin:0 auto;} .dimAreaScroll .charts{position:static;left:-20000px;width:1030px;height:auto;overflow:hidden;margin:0 auto 50px auto;} .dimAreaScroll .tables{position:absolute;left:-20000px;width:1030px;height:auto;overflow:hidden;margin:0 auto 50px auto;} .dimAreaScroll p{float:left;width:100%;height:auto;overflow:hidden;font-size:15px;font-weight:bold;color:#4f4f4f;margin-top:30px;} .dimAreaScroll table{float:left;margin-top:10px;table-layout:fixed;width:100%;} .dimAreaScroll table th{padding-left:15px;font-size:12px;text-align:left;background:#ededed;height:30px;color:#4f4f4f;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;} .dimAreaScroll table td{padding-left:15px;font-size:12px;text-align:left;height:30px;color:#4f4f4f;border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;} .dimAreaScroll table th.bor, .dimAreaScroll table td.bor{border-right:1px solid #c8c8c8;} .dimAreaScroll .dimChartsBox{width:100%;height:auto;overflow:hidden;} /* 2017.12.12 [개발팀] 접근성 시정조치 */ .dimAreaScroll .dimChartsBox .dctb{width:340px;height:auto;overflow:hidden;float:left;} .dimAreaScroll .dimChartsBox .dctb span{margin:20px auto 0 auto;color:#333;display:block;height:25px;line-height:25px;font-size:11px;text-align:center;width:290px;height:auto;overflow:hidden;border-bottom:1px solid #ccc;} .mt10{margin-top:10px !important} .mt20{margin-top:20px !important} .mt30{margin-top:30px !important} .mt40{margin-top:40px !important} .mt50{margin-top:50px !important} .dimChartsBox .cateSaupLegend{margin-top:20px;} .dimChartsBox .cateSaupLegend.line li{width:100%;} .cateSaupLegend.line.type01 li:nth-child(1):before{background:#585657;} .cateSaupLegend.line.type01 li:nth-child(2):before{background:#f7cd19;} .cateSaupLegend.line.type02 li:nth-child(1):before{background:#585657;} .cateSaupLegend.line.type02 li:nth-child(2):before{background:#e9781a;} .cateSaupLegend.line.type03 li:nth-child(1):before{background:#595758;} .cateSaupLegend.line.type03 li:nth-child(2):before{background:#a177f5;} .mb0{margin-bottom:0 !important} .wmTable{width:100%;font-size:13px;table-layout:fixed;} .wmTable caption{display:none} .wmTable th{border:1px solid #555;background:#ccc;color:#333;height:34px;} .wmTable td{text-align:center;height:34px;border:1px solid #555;} .wmTable td.al{text-align:left;padding:0 10px;} .wmTable td a{text-decoration:underline;} .wmTable td a.btn{text-decoration:none;border:1px solid #ccc;background:#f1f1f1;padding:3px 5px;} .popTableScrollArea{width:100%;height:200px;overflow:hidden;position:relative;border-bottom:1px solid #333;} .inp.crud{border:1px solid #fff;width:70%;width:calc( 100% - 32px );height:25px;line-height:25px;text-align:center;} .inp.crud.on{border:1px solid #21b69a;background:#21b69a;color:#fff;} .chartAreaType02.t01{height:170px} .sqListBox.sq03 .sqTabs{position:relative;} .sqTabs .dataSlider{width:73px;height:9px;float:left;margin:14px 0px 0 120px} .dialogGtype{position:fixed;width:100%;height:100%;left:0;top:0;z-index:90;background:rgba(0,0,0,.5);} .popIntroRela{width:930px;height:645px;overflow:hidden;position:fixed;left:50%;top:50%;margin:-275px 0 0 -430px;} .popIntroRela .popIntro{background:#fff;width:860px;padding:0;height:645px;overflow:hidden;float:left;} .popIntroRela .rightBtn{float:right;width:60px;height:auto;overflow:hidden} .introClose{width:38px;height:37px;overflow:hidden;display:block;font-size:0;text-indent:-2000px;background:url(/img/ico/ico_close06.png);} .introTabs01{margin:2px;width:43px;height:43px;overflow:hidden;display:inline-block;font-size:0;text-indent:-2000px;background:url(/img/tech/btn_intro03.png);} .introTabs02{margin:2px;width:43px;height:43px;overflow:hidden;display:inline-block;font-size:0;text-indent:-2000px;background:url(/img/tech/btn_intro02.png);} .introTabs03{margin:2px;width:43px;height:43px;overflow:hidden;display:inline-block;font-size:0;text-indent:-2000px;background:url(/img/tech/btn_intro01.png);} .introTabs01.on{background:url(/img/tech/btn_intro03_on.png);} .introTabs02.on{background:url(/img/tech/btn_intro02_on.png);} .introTabs03.on{background:url(/img/tech/btn_intro01_on.png);} .iadRela{width:860px;height:530px;overflow:hidden;position:relative;} .iaDefault{width:100%;height:530px;overflow:hidden;} .iaTopbar{width:100%;height:115px;overflow:hidden;background:#1778cc;position:relative;} .iaTopbar .btna{position:absolute;right:10px;top:30px;} .cookieCk{position:absolute;right:10px;top:90px;} .cookieCk label, .cookieCk input{vertical-align:middle;font-size:12px;color:#fff;} .iaTopbar .t01{margin-top:25px;width:100%;height:auto;overflow:hidden;text-align:center;font-size:21px;font-weight:bold;color:#fff;} .iaTopbar .t02{margin-top:5px;width:100%;height:auto;overflow:hidden;text-align:center;font-size:18px;color:#fff;} .iaTopbar .t03{margin-top:5px;width:100%;height:auto;overflow:hidden;text-align:center;font-size:11px;color:#c4c4c4;} .iaLeft{width:429px;height:530px;float:left;border-right:1px solid #dbdbdb;} .iaRight{background:#f2f2f2;width:429px;height:530px;float:right;border-left:1px solid #dbdbdb;} .iaLeft .s01, .iaRight .s01{font-weight:bold;width:100%;height:254px;border-bottom:1px solid #ececec;overflow:hidden;text-align:center;font-size:15px;color:#6d6d6d} .iaLeft .s01 .t01, .iaRight .s01 .t01{display:block;font-size:18px;margin-top:50px;margin-bottom:50px;} .iaLeft .s01 .t02, .iaRight .s01 .t02{font-weight:normal;line-height:1.5em;margin:0 20px;display:block;font-size:15px;} .iaIconList{width:100%;height:auto;overflow:hidden;} .iaIconList li{float:left;width:214px;height:137px;overflow:hidden;border-bottom:1px solid #ececec;} .iaIconList li.ico01, .iaIconList li.ico03, .iaIconList li.ico05, .iaIconList li.ico07{border-right:1px solid #ececec;} .iaIconList li a{display:block;width:100%;height:137px;overflow:hidden;cursor: default;} .iaIconList li a span{display:none;} .iaIconList li.ico01 a{background:url(/img/tech/ico_intro01.png) no-repeat center center;} .iaIconList li.ico02 a{background:url(/img/tech/ico_intro02.png) no-repeat center center;} .iaIconList li.ico03 a{background:url(/img/tech/ico_intro03.png) no-repeat center center;} .iaIconList li.ico04 a{background:url(/img/tech/ico_intro04.png) no-repeat center center;} .iaIconList li.ico05 a{background:url(/img/tech/ico_intro05.png) no-repeat center center;} .iaIconList li.ico06 a{background:url(/img/tech/ico_intro06.png) no-repeat center center;} .iaIconList li.ico07 a{background:url(/img/tech/ico_intro07.png) no-repeat center center;} .iaIconList li a:hover{display:block;width:100%;height:137px;overflow:hidden;background:#e2e2e2;} .iaIconList li a:hover span{display:block;} .iaIconList li a span.t01{margin:25px auto 0 auto;font-weight:bold;width:200px;height:auto;overflow:hidden;text-align:center;font-size:15px;color:#6d6d6d;} .iaIconList li a span.t02{margin:10px auto 0 auto;width:200px;height:auto;overflow:hidden;line-height:1.5em;text-align:center;font-size:12px;color:#6d6d6d;} .iaIconList li a span.t03{margin:10px auto 0 auto;width:200px;height:auto;overflow:hidden;text-align:center;font-size:10px;color:#c4c4c4;} .tcb-tooltip { position : absolute; display : block; background: url(/img/ico/ico_tooltip01.png) no-repeat; height: 20px; width: 20px; margin-left: 11%; } .tcb-tooltip .tooltipText { visibility: hidden; position: absolute; width: 300px; background-color: white; color : #fff; text-align: left; border-radius : 6px; padding : 5px 0; bottom: 125%; left : 80%; margin-left: -200px; margin-bottom : 15px; opacity : 0; transition : opacity 1s; font:bold 12pt '나눔고딕'; } .tcb-tooltip table{ border-collapse: separate !important; boarder-spacing: 0; width: 600px; margin: 30px; } .tcb-tooltip .tooltipText::after { content = ""; position : absolute; top: 100%; left : 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color : #555 transparent transparent transparent; } .tcb-tooltip:hover .tooltipText { visibility: visible; opacity : 1; } .iaTabs01{width:100%;height:auto;overflow:hidden;} .iaTabs01 a{width:50%;height:40px;background:#1778cc;overflow:hidden;float:left;text-align:center;line-height:40px;color:#fff;font-size:15px;} .iaTabs01 a.on{color:#565656;background:#fff;} .iaTabs02{border-top:1px solid #d4dee8;width:100%;height:auto;overflow:hidden;} .iaTabs02 a{width:25%;height:39px;background:#444b5b;overflow:hidden;float:left;text-align:center;line-height:39px;color:#fff;font-size:13px;} .iaTabs02 a.on{color:#565656;background:#fff;} .iatcSrcollBox{width:100%;height:390px;overflow:hidden;} .iatcEtcBox01{display:block;height:auto;overflow:hidden;margin:30px;} .iatcTable{width:100%;} .iatcTable th{border-top:1px solid #dbdbdb;text-align:left;padding-left:20px;border-bottom:1px solid #dbdbdb;background:#f9f9f9;height:36px;font-size:12px;color:#757575;font-weight:normal;} .iatcTable td{border-bottom:1px solid #f5f5f5;height:36px;text-align:left;padding-left:20px;font-size:12px;color:#757575;} .iaChartLeft{width:429px;height:530px;float:left;border-right:1px solid #dbdbdb;} .iaChartRight{width:429px;height:530px;float:right;border-left:1px solid #dbdbdb;} .iaChartLeft .s01, .iaChartRight .s01{width:100%;height:30px;line-height:30px;overflow:hidden;border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;background:#f2f2f2;text-align:center;color:#666;font-size:14px;} .iaChartBox01{width:100%;height:360px;overflow:hidden;} .iaChartBox02, .iaChartBox03{width:100%;height:233px;overflow:hidden;} ul.typelabel{width:420px;margin:0 auto;height:auto;overflow:hidden;} /* 2017.12.12 [개발팀] 접근성 시정조치 */ ul.typelabel li{float:left;width:25%;height:auto;overflow:hidden;margin-top:10px;} ul.typelabel .valuebox .tit{width:35px;font-size:10px;} ul.typelabel .valuebox .val{margin-right:0;padding-left:5px;} ul.typelabel .valuebox .val .t01{font-size:10px;} ul.typelabel .valuebox .val .t02{font-size:10px;} ul.typelabel li.ico01 .valuebox .tit{background:url(/img/tech/ico_won01.png) no-repeat left 0;} ul.typelabel li.ico02 .valuebox .tit{background:url(/img/tech/ico_won02.png) no-repeat left 0;} ul.typelabel li.ico03 .valuebox .tit{background:url(/img/tech/ico_won03.png) no-repeat left 0;} ul.typelabel li.ico04 .valuebox .tit{background:url(/img/tech/ico_won04.png) no-repeat left 0;} ul.typelabel li.ico05 .valuebox .tit{background:url(/img/tech/ico_won05.png) no-repeat left 0;} ul.typelabel li.ico06 .valuebox .tit{background:url(/img/tech/ico_won06.png) no-repeat left 0;} ul.typelabel li.ico07 .valuebox .tit{background:url(/img/tech/ico_won07.png) no-repeat left 0;} .piTotalBox{width:860px;height:auto;overflow:hidden;position:absolute;left:0;top:0;} .normalBox01{width:100%;height:calc( 100% - 82px );overflow:hidden;position:relative;} /* .toolBar h2{background:url(/img/tech/ico_jum01.png) no-repeat 15px center;} 박길섭수정*/ .chartAreaRela{width:100%;height:auto;overflow:hidden;position:relative;padding-bottom:10px;} .chartSize01{width:100%;height:300px;overflow:hidden;} .chartSize02{width:100%;height:160px;overflow:hidden;} .chartSize03{width:100%;height:auto;overflow:hidden;} .posb{position:absolute;right:0;bottom:0;} .posb .cateSaupLegend{width:110px;} .posb .cateSaupLegend li{float:none;display:block;} /* 2017.12.12 [개발팀] 접근성 시정조치 */ .posb .cateSaupLegend.line li:nth-child(1):before{background:#ef356b;} .posb .cateSaupLegend.line li:nth-child(2):before{background:#f79339;} .posb .cateSaupLegend.line li:nth-child(3):before{background:#f7c800;} .posb .cateSaupLegend.line li:nth-child(4):before{background:#b2cc19;} .posb.t01 .cateSaupLegend.line li:nth-child(1):before{background:#1778cc;} .posb.t01 .cateSaupLegend.line li:nth-child(2):before{background:#654bb7;} .posb.t01 .cateSaupLegend.line li:nth-child(3):before{background:#444b5b;} .posl{position:absolute;left:0;top:35px;} .posl .cateSaupLegend{width:110px;margin-left:0;} .posl .cateSaupLegend li{font-size:12px;padding-left:5px;padding-bottom:8px;text-align:left;float:none;display:block;} /* 2017.12.12 [개발팀] 접근성 시정조치 */ .posl .cateSaupLegend.line li:before{width:0 !important;} .posl.t01{top:40px;} .posl.t01 .cateSaupLegend.line li{padding-bottom:15px;} .h350{height:350px !important} .chartAreaRela #typeCharts01{height:200px;width:200px;} .chartAreaRela .typelabel{height:350px;width:320px;} .chartAreaRela .typelabel .valuebox{margin-top:20px;overflow:hidden;} .typelabel .valuebox .tit.ico01{background:url(/img/tech/ico_won01.png) no-repeat left 3px;} .typelabel .valuebox .tit.ico02{background:url(/img/tech/ico_won02.png) no-repeat left 3px;} .typelabel .valuebox .tit.ico03{background:url(/img/tech/ico_won03.png) no-repeat left 3px;} .typelabel .valuebox .tit.ico04{background:url(/img/tech/ico_won04.png) no-repeat left 3px;} .typelabel .valuebox .tit.ico05{background:url(/img/tech/ico_won05.png) no-repeat left 3px;} .typelabel .valuebox .tit.ico06{background:url(/img/tech/ico_won06.png) no-repeat left 3px;} .typelabel .valuebox .tit.ico07{background:url(/img/tech/ico_won07.png) no-repeat left 3px;} .typelabel .valuebox .tit.ico08{background:url(/img/tech/ico_won08.png) no-repeat left 3px;} .typelabel .valuebox .tit.ico09{background:url(/img/tech/ico_won09.png) no-repeat left 3px;} .typelabel .valuebox .tit.ico10{background:url(/img/tech/ico_won10.png) no-repeat left 3px;} .typelabel .valuebox .tit.ico11{background:url(/img/tech/ico_won11.png) no-repeat left 3px;} .popAreaResult.t01{width:270px;height:auto;} .popAreaResult.t01 .ctxt{display:block;margin:20px;color:#ef356b;font-size:12px;text-align:center;} .popAreaResult.t01 .btxt{display:block;margin:20px;color:#333;font-size:12px;text-align:center;} .chartAreaType02.t01 .typelabel .txtSubj{margin-top:20px;} .chartAreaType02.t01 .typelabel .valuebox{overflow:hidden;margin-top:20px;} .chartAreaType02.t01 .typelabel .valuebox .tit{font-size:11px;width:80px;} .chartAreaType02.t01 .typelabel .valuebox .val{/* margin-right:10px;padding-left:5px;width:55px; */float:right;width:100px;} /* 2017.10.24 [개발팀] */ .carLeft{width:200px;height:500px;overflow:hidden;float:left;} .carLeft p{width:190px;height:auto;overflow:hidden;text-align:right;color:#7c7c7c;font-size:13px;font-weight:bold;margin-top:20px;} .carLeft .ckbtn, .carRight .ckbtn{display:block;position:relative;width:130px;margin:0 0 0 auto;height:35px;line-height:35px;background:#ccc;border-radius:5px;overflow:hidden;text-align:center;} .carRight .ckbtn{margin:0 auto 0 0;} .carLeft .ckbtn .ico, .carRight .ckbtn .ico{display:block;width:17px;margin:0;height:17px;overflow:hidden;background:#fff;position:absolute;left:10px;top:9px;} .carLeft .ckbtn .txt, .carRight .ckbtn .txt{fopnt-size:13px;margin:0 auto;width:100px;display:block;height:auto;overflow:hidden;text-align:right;} .carLeft .ckbtn.on{background:#5b3fb2;} .carRight .ckbtn.on{background:#444b5b;} .carLeft .ckbtn.on .ico, .carRight .ckbtn.on .ico{background:#fff url(/img/ico/ico_ck04.png) no-repeat center center;} .carLeft .ckbtn.on .txt, .carRight .ckbtn.on .txt{color:#fff;} .carRight p{width:190px;height:auto;overflow:hidden;text-align:left;color:#7c7c7c;font-size:13px;font-weight:bold;margin-top:20px;} .carRight{width:200px;height:500px;overflow:hidden;float:right;} .carLabel{width:120px;height:500px;overflow:hidden;float:left;margin-top:85px;} .carLabel li{font-size:11px;text-align:center;width:100%;height:22px;line-height:22px;overflow:hidden;} .markerType01{width:31px;height:30px;overflow:hidden;text-align:center;line-height:30px;color:#fff;position:absolute;background:url(/img/tech/ico_makerType01.png);font-size:11px;} .techMaker01{width:49px;padding-top:10px;height:45px;overflow:hidden;text-align:center;color:#000;position:absolute;background:url(/img/tech/ico_makerType02.png);font-size:11px;} .techMaker02{width:49px;padding-top:10px;height:45px;overflow:hidden;text-align:center;color:#000;position:absolute;background:url(/img/tech/ico_makerType03.png);font-size:11px;} .techMaker03{width:49px;padding-top:10px;height:50px;overflow:hidden;text-align:center;color:#000;position:absolute;background:url(/img/tech/ico_makerType04.png);font-size:11px;} .techMaker04{width:49px;padding-top:10px;height:45px;overflow:hidden;text-align:center;color:#000;position:absolute;background:url(/img/tech/ico_makerType05.png);font-size:11px;} .techMaker01.t01{padding-top:15px;} .techMaker02.t01{padding-top:15px;} .techMaker03.t01{padding-top:15px;} .techMaker04.t01{padding-top:15px;} .techMaker05{width:24px;padding-top:7px;height:24px;overflow:hidden;text-align:center;color:#fff;position:absolute;background:url(/img/tech/ico_makerType06.png);font-size:11px;} .techMaker06{width:24px;padding-top:7px;height:24px;overflow:hidden;text-align:center;color:#fff;position:absolute;background:url(/img/tech/ico_makerType07.png);font-size:11px;} .techMakerImg{position:absolute;} .techList{width:100%;height:auto;overflow:hidden;} .techList li{width:100%;height:auto;overflow:hidden;} .techList li .rela{width:498px;border:1px solid #e6e6e6;margin-bottom:5px;border-radius:5px;padding:15px;height:auto;overflow:hidden;position:relative;} .techList li .rela .img{width:52px;height:52px;float:left;overflow:hidden;} .techList li .rela .txt{text-align:left;margin:0 0 0 10px;width:350px;height:auto;overflow:hidden;float:left;} .techList li .rela .txt .t01{width:100%;height:auto;overflow:hidden;font-size:15px;color:#444b5b;font-weight:bold;} .techList li .rela .txt .t02{margin-top:5px;width:100%;height:auto;overflow:hidden;font-size:12px;color:#999;} .techList li .rela .txt .t02 span{display:inline-block;width:65px;color:#666;font-size:12px;} .techList li .rela .more{position:absolute;right:15px;bottom:15px;color:#999;font-size:11px;} .techList li .rela .txt .t02 .td01{display:inline-block;width:65px;color:#666;font-size:12px;} .techList li .rela .txt .t02 .td02{display:inline-block;width:280px;color:#666;font-size:12px;} .paging{margin:20px 0;width:100%;height:auto;overflow:hidden;text-align:center;} .paging span a{margin:0 1px;display:inline-block;height:25px;line-height:25px;text-align:center;color:#555;font-size:13px;} .paging span a.current, .paging span a:hover{font-weight:bold;text-decoration:underline;} .paging span a, .paging span a img{vertical-align:middle; padding: 5px;} .etcText05{width:100%;height:auto;overflow:hidden;text-align:center;font-size:12px;font-weight:bold;color:#6d6d6d;} .norRela{width:100%;height:auto;overflow:hidden;position:relative;} .techLegend01{width:270px;height:auto;overflow:hidden;position:absolute;right:0;top:10px;} .techLegend01 li{width:100%;height:auto;overflow:hidden;text-align:right;font-size:12px;color:#8c8b8b;margin-top:5px;} .techLegend02{width:240px;height:auto;overflow:hidden;right:0;bottom:0px;float:right;} .techLegend02 li{width:100px;float:left;height:auto;padding-left:12px;overflow:hidden;text-align:left;font-size:12px;color:#8c8b8b;margin-top:5px;} .techLegend02 li.ico01{background:url(/img/tech/ico_won01.png) no-repeat left 3px;} .techLegend02 li.ico02{background:url(/img/tech/ico_won02.png) no-repeat left 3px;} .techLegend02 li.ico03{background:url(/img/tech/ico_won03.png) no-repeat left 3px;} .techLegend02 li.ico04{background:url(/img/tech/ico_won04.png) no-repeat left 3px;} .techLegend02 li.ico05{background:url(/img/tech/ico_won05.png) no-repeat left 3px;} .techLegend02 li.ico06{background:url(/img/tech/ico_won06.png) no-repeat left 3px;} .techLegend02 li.ico07{background:url(/img/tech/ico_won07.png) no-repeat left 3px;} .techLegend02 li.ico08{background:url(/img/tech/ico_won08.png) no-repeat left 3px;} .techLegend02 li.ico09{background:url(/img/tech/ico_won09.png) no-repeat left 3px;} .techLegend02 li.ico10{background:url(/img/tech/ico_won10.png) no-repeat left 3px;} .techLegend02 li.ico11{background:url(/img/tech/ico_won11.png) no-repeat left 3px;} .etcRight05{width:100%;height:auto;overflow:hidden;text-align:right;color:#c8c9ca;font-size:11px;} .chartAreaRela.t01{padding-bottom:30px;} .chartAreaRela.t01 .techLegend02{width:100px;} .dimAreaBox{display:block;margin:20px;height:auto;overflow:hidden;} .dimAreaScroll .mCSB_container{width:1000px;} .dimAreaScroll p.dabSubj{float:none;margin-top:0;font-size:18px;color:#444b5b} .mDetailArea{margin-top:20px;width:100%;height:auto;overflow:hidden;} .mDetailArea .img{float:left;width:82px;height:82px;overflow:hidden;background:url(/img/tech/bg_dab01.png);} .mDetailArea .mCont{float:left;width:850px;margin-left:20px;height:auto;overflow:hidden;} .mDetailArea .mCont .tit{float:left;width:100%;height:auto;overflow:hidden;} .mDetailArea .mCont .tit .t01{display:inline-block;width:150px;vertical-align:middle;font-size:13px;font-weight:bold;color:#666;} .mDetailArea .mCont .tit .t02{display:inline-block;vertical-align:middle;font-size:13px;color:#999;} .mContTable{width:100%;} .mContTable th{padding:10px;text-align:center;background:#f7f7f7;font-size:13px;color:#666;border:1px solid #d5d5d5;} .mContTable td{padding:10px;text-align:center;font-size:12px;color:#666;border:1px solid #d5d5d5;} .mContTable td span{font-size:11px;color:#999;} .dimAreaScroll table th{text-align:center;} .dimAreaScroll table td{text-align:left;} .dimAreaScroll table .ac td{text-align:center;} .dimAreaScroll table .ar td{text-align:right;} .dialogbox .dimbox{width:1050px} .dialogbox .dimbox .cont{width:1000px;} .mtNorBox{width:100%;height:auto;overflow:hidden;} .mtnLeft{width:48%;height:auto;overflow:hidden;float:left;} .mtnRight{width:48%;height:auto;overflow:hidden;float:right;} .dialogbox .dimbox .cont{height:550px;padding:10px 0;} .btnGtype, .btnGtype01{display:inline-block;margin-right:5px;font-size:13px;color:#5b5b5b;background:#d3d3d3;height:36px;width:100px;line-height:36px;text-align:center;border-radius:18px;} .btnGtype.t01{width:200px} .btnGtype.on{background:#feda00;} .btnGtype:hover{background:#feda00;} .shareform{width:380px;height:auto;overflow:hidden;text-align:center;margin:0 auto;} .shareform span, .shareform input{font-size:12px;vertical-align:middle;} .shareform input{height:22px;line-height:22px;padding:0 5px;width:320px;} .sharebox{width:380px;height:auto;overflow:hidden;text-align:center;margin:0 auto;} .shareText{font-size:12px;position:relative;width:365px;height:auto;overflow:hidden;text-align:left;margin:0 auto;} .popContents .typelabel{float:none;width:320px;height:auto;overflow:hidden;margin:0 auto;} .popContents .typelabel .valuebox{overflow:hidden;} .popContents .typelabel .txtSubj{margin-bottom:20px;font-weight:normal;} .cateSaupLegend.line li.cy:before{background:#f7c300 !important;} .cateSaupLegend.line li.cb:before{background:#0067c6 !important;} .autoCheck{width:100%;height:auto;overflow:hidden;text-align:left;margin:10px 0;} .autoCheck input, .autoCheck label{display:inline-block;vertical-align:middle;font-size:12px; } .autoCheck input{margin-left:10px;} /* .btnBottom{background:#f1f1f1;border-top:1px solid #ccc; margin-top:32px;} */ .btnBottom{/* background:#f1f1f1; */border-top:1px solid #ccc; margin-top:48px;} .abBtnRight{margin-top:20px;float:right;height:30px;line-height:30px;font-size:15px;font-weight:normal;text-align:center;border-radius:5px;width:120px;overflow:hidden;background:#ccc;} .abBtnRight.on{color:#fff;background:#1778cc;} .chartAreaRela.full .carRight{width:530px;height:auto;} .chartAreaRela.full .carRight p{margin-bottom:20px;width:530px;} .chartAreaRela.full .carRight p .ckbtn{float:left;margin:0;width:125px;margin-right:5px;background:#fff;} /* 2018.01.02 [개발팀] */ .chartAreaRela.full .carRight p .ckbtn .ico{border:1px solid #ccc;} .chartAreaRela.full .carRight p .ckbtn.on .txt{color:#26415c;} .chartAreaRela.full .carRight .ckbtn .txt{text-align:left;font-size:12px;padding-left:35px;} .popSupport{width:600px;height:auto;z-index:94;border:1px solid #555;position:absolute;overflow:hidden;display:none;} .popSupport .cont{position:relative;float:left;padding:20px;width:560px;height:auto;overflow:hidden;background:#fff;} .popSupport .supClose{position:absolute;right:10px;top:10px;} .popSupport .mDetailArea .mCont{width:450px;} .mContTable.t01 th, .mContTable.t01 td{text-align:left;border:0;background:#fff;} .w200{width:200px !important} .btnbox{width:100%;height:auto;overflow:hidden;text-align:center;padding:10px 0;} .dimAreaScroll.t01{height:489px} .reportBtnBox{float:right;margin-right:20px;margin-top:15px} .reportBtnBox a{display:inline-block;padding:5px 10px;border-radius:5px;background:#555;color:#fff;font-size:12px;} .reportBtnBox a:hover{background:#333;} .dialogbox .dimbox .cont .bar.t01{padding-bottom:10px;border-bottom:1px solid #ccc;background:#fff;} .dialogbox .dimbox .cont .bar.t01 img{float:left;} .dialogbox .dimbox .cont .bar.t01 span{line-height:1.5em;height:auto;margin-top:25px;float:left;color:#666;font-size:13px;} .dimAreaScroll.t01 table th{padding:5px;background:#ddd;color:#333;font-size:13px;} .dimAreaScroll.t01 table td{padding:5px;} .dimAreaScroll table.etc{margin-top:0;} .dimAreaScroll table.etc th{margin-top:0;background:#ededed;color:#4f4f4f;} .poiView{width:330px;height:300px;overflow:hidden;border:1px solid #666;background:#fff;box-shadow:1px 1px 6px #555;position:absolute;right:60px;top:120px;} .poiView .subj{border-bottom:1px solid #666;width:100%;height:29px;overflow:hidden;background:#ddd;} .poiView .subj span{float:left;line-height:30px;padding-left:10px;font-size:13px;color:#555;} .poiView .subj a{float:right;margin:8px 10px 0 0;} .poiView .relaScroll{width:100%;height:270px;overflow:hidden;} .poiView .relaScroll ul{display:block;margin:10px;height:auto;overflow:hidden;} .poiView .relaScroll ul li{width:100%;height:auto;overflow:hidden;} .poiView .relaScroll ul li span{float:left;height:25px;padding-left:15px;line-height:25px;background:url(/img/oxquiz/icon.png) no-repeat left center;font-size:12px;color:#666;} .poiView .relaScroll ul li a{float:left;margin-left:10px;margin-top:2px;height:21px;line-height:21px;background:#ddd;font-size:11px;color:#555;width:56px;text-align:center;border-radius:10px;} .poiView .relaScroll ul li a:hover{background:#00bcd4;color:#fff} .mvbox{width:100%;height:auto;overflow:hidden;} .mvbox .etc{width:200px;border:1px solid #ddd;height:498px;overflow:hidden;float:left;} .mvbox .etc .subj{margin:0;width:100%;height:30px;line-height:30px;text-align:center;color:#333;font-size:13px;background:#ddd;} .mvbox .etc .legend{width:100%;height:468px;overflow:hidden;} .mvbox .area{width:740px;height:500px;overflow:hidden;float:right;background:#ccc;} .noteArea{width:780px;height:150px;overflow:hidden;border:0;box-shadow:0 0 1px #666;line-height:1.5em;font-size:13px;resize:none;} .dimAreaScroll.t01 table .rela{width:100%;height:auto;overflow:visible;position:relative;} .dimAreaScroll.t01 table .rela span{color:#4f4f4f;font-size:13px;} .rowDel{position:absolute;right:0;top:-6px;} .ysettingList.t01 li a.on{background:#ffc622;border:1px solid #ffc622;color:#333;} .taLabelBox{margin-top:20px;width:100%;height:auto;overflow:hidden;text-align:right;} .taLabelBox span{display:inline-block;position:relative;width:70px;font-size:12px;color:#666;height:25px;text-align:left;line-height:25px;padding-left:35px;overflow:hidden;} .taLabelBox span:before{content:"";background:#ffc000;width:25px;height:25px;overflow:hidden;position:absolute;left:0;top:0;} .taLabelBox span.t01:before{background:#ffc000;} .taLabelBox span.t02:before{background:#bfbfbf;} .dataSideContents .carLeft p.ar .txt{text-align:right;width:185px;} .dataSideContents .carRight p.al .txt{text-align:left;} .markerLegendBox{background:#fff;width:259px;height:186px;overflow:hidden;border:1px solid #666;position:absolute;} .markerLegendBox .poiTxt{width:100%;height:auto;overflow:hidden;text-align:center;} .markerLegendBox .poiList{margin-top:5px;margin-bottom:5px;width:100%;height:auto;overflow:hidden;} .markerLegendBox .poiList li{float:right;width:25%;height:auto;overflow:hidden;text-align:center;} .markerLegendBox .poiList li img{width:33px;height:44px;} .markerLegendBox .poiList li span{display:block;width:100%;height:auto;overflow:hidden;text-align:center;font-size:11px;color:#555;} .poiList.t01{margin-top:5px;} .stepBox ul>li.deps{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:5px;margin:5px 0 10px 0;} .btnType04, .btnType04:hover{display:inline-block;padding:0;text-align:center;font-size:13px;height:34px;line-height:34px;background:#999;color:#fff;margin:0 2px;width:100px;} /* ********* 추가 ********* */ /* * 1) .rightQuick 주석 */ .quickBox.step01{left:-280px;z-index:1800;} .quickBox.step02{left:-280px;z-index:1700;} .quickBox.step03{left:-280px;z-index:1600;} /*2017.11.01 개발팀 수정*/ /* .quickBox.step04{left:-280px;z-index:1500;} */ .quickBox.step04{left:-560px;z-index:1500;} .quickBox.join{width:950px;left:-950px;z-index:1500;} .chartAreaRela .typeCharts01{height:200px;width:200px;} .dialogGtype{position:fixed;width:100%;height:100%;left:0;top:0;z-index: 10100;background:rgba(0,0,0,.5);display:none;} .cateSaupLegend.line.type01 li:nth-child(1):before{background:#0085ff;} .cateSaupLegend.line.type01 li:nth-child(2):before{background:#f6b64e;} /* .cateSaupLegend.line.type01 li:nth-child(3):before{background:#ee953f;} */ .cateSaupLegend.line.type01 li:nth-child(3):before{background:#666;} .cateSaupLegend.line.type01 li:nth-child(4):before{background:#e67430;} .cateSaupLegend.line.type01 li:nth-child(5):before{background:#aaabbb;} .cateSaupLegend.line.type01 li:nth-child(6):before{background:#888aab;} .cateSaupLegend.line.type01 li:nth-child(7):before{background:#66699b;} .cateSaupLegend.line.type02 li:nth-child(1):before{background:#FF0000;} .cateSaupLegend.line.type02 li:nth-child(2):before{background:#FF9900;} .cateSaupLegend.line.type02 li:nth-child(3):before{background:#FFFF00;} .cateSaupLegend.line.type02 li:nth-child(4):before{background:#00FF00;} .cateSaupLegend.line.type03 li:nth-child(1):before{background:#00AAFF;} .cateSaupLegend.line.type03 li:nth-child(2):before{background:#0000FF;} .cateSaupLegend.line.type03 li:nth-child(3):before{background:#9900FF;} .ratioCharts{height:200px;width:200px;float:left;} .typelabel .valuebox .title{float:left;width:60px;height:auto;font-size:12px;color:#595757;padding-left:10px;} .typelabel .valuebox .title .icon{float:left;width:10px;height:10px;border-radius:5px;} .typelabel .valuebox .title .text{padding-left:5px;} .chartAreaType02.t01 .typelabel .valuebox .title{font-size:11px;width:80px;} .chartAreaType02.t01 .typelabel .valuebox .title .icon{float:left;width:5px;height:5px;border-radius:2.5px;} .chartAreaType02.t01 .typelabel .valuebox .title .text{padding-left:5px;} .stepBox .radioType .cate_b{border-bottom: 1px #bbc solid;} .stepBox .radioType .cate_s{border-bottom: 1px #ccc solid;} /* 기존 .popAreaResult 삭제해야함 */ .popAreaResult {width:400px; height: 250px;} .popAreaResult .bar{border-radius:5px;color:#fff;background:#1778cc;text-align:center;padding:5px 0px;width:100%;} .popAreaResult .txt01{width:238px;height:auto;overflow:hidden;margin:0 auto;font-size:12px;color:#666;margin-top:5px;} .popAreaResult .parScroll{border-top:1px solid #b6b5b5;border-bottom:1px solid #b6b5b5;width:100%;height:87px;overflow:auto;margin:20px auto 0 auto;} .popAreaResult .parScroll table{table-layout:fixed;width:100%;} .popAreaResult .parScroll table td{text-align:center;height:25px;font-size:12px;cursor:pointer;} .popAreaResult .parScroll table td.on{background:#1778cc;} .popAreaResult .parScroll table td.on a{color:#fff;} .iaTabs03{border-top:1px solid #d4dee8;width:100%;height:auto;overflow:hidden;} .iaTabs03 a{width:33.33%;height:39px;background:#444b5b;overflow:hidden;float:left;text-align:center;line-height:39px;color:#fff;font-size:13px;} .iaTabs03 a.on{color:#565656;background:#fff;} .iaTabs01{margin-top: 1px;} #typeCharts04{width:530px;max-height:800px;overflow:hidden;margin:0 auto;} .densityDiv .dbTabs01{display:none;} .dataSideBox{z-index:1200;} .arText{text-align:right;margin:5px 15px 0 0;font-size:12px;color:#666;} /* .techLegendBox {float:right;width:140px;height:30px;margin-top:-50px;margin-right:5px;border:1px solid #ccc;} .techLegend_color {float:left;width:69px;line-height:30px;text-align:center;display:table-cell;vertical-align:middle;font-size:12px;cursor:pointer;} .techLegend_bubble {float:right;width:69px;line-height:30px;text-align:center;display:table-cell;vertical-align:middle;font-size:12px;cursor:pointer;} .techLegendBox > .on {background-color:#1778cc;color:#fff;} */ .techLegendBox {float:right;width:140px;height:30px;margin-top:-50px;margin-right:5px;border:1px solid #ccc; background-color:#fff;position: relative;z-index: 1;} .techLegend_color {float:left;width:69px;line-height:31px;text-align:center;display:table-cell;vertical-align:middle;font-size:12px;cursor:pointer;} .techLegend_bubble {float:right;width:69px;line-height:31px;text-align:center;display:table-cell;vertical-align:middle;font-size:12px;cursor:pointer;} .techLegendBox > .on {background-color:#1778cc;color:#fff;} .typelabel .btn-more a{float:right;font-size:14px;padding:5px 20px 0px 5px;} .typelabel.hideable{display:none;height:auto;} .MapBefore {position:absolute; top:12px;left:-2px;float: left;background: #00bcd4 url(../../img/house/icon_arrow_left.png) no-repeat center center;margin: 6px -7px 0 6px;height: 23px;width: 23px; text-indent: -1000px;overflow: hidden;border-radius: 12px; border:none; outline:none;} .chartAreaType02.t01{height:auto;} .chartAreaType02 .typeCharts01{width:200px;height:200px;overflow:hidden;float:left;margin-left:20px;} /* 2017.10.24 [개발팀] */ #bottomService {bottom:15px;} /* @import url("/css/common.css"); @import url("/css/default.css"); html,body{overflow:hidden;} */ /*2017.08.28 개발팀 추가*/ .dbTabs.inType{width:300px;margin-top:20px;} /* .dbTabs.inType a{border:1px solid #ccc;background:#555;} */ .dbTabs.inType a{border:1px solid #ccc;} .bottomLine {border-top : 1px solid black;} .hideChart {display:none;} .noneView{padding-right:10px;text-align:right;background:none !important;line-height:50px;} /* 2017.10.24 [개발팀] */ .jtxtSubj {font-weight:bold;} .dscList dt>a .jsubj {height:29px !important;line-height:29px !important;} .dscList dt>a .jnum {height:29px !important;width:150px !important;margin-right:10px !important;line-height:1.5em !important;} .dscList dt.t01>a .jcate {padding-right:10px;} .chgCkbox .ckbtn .txt {width:110px !important;} .techList li .rela .img span {font-size:13px !important;} .teclqTooltipBox .topbar{border-radius:10px; color:#fff; background:#019878;text-align:center; width:300px;height:30px;padding-top:10px;font-size:16px;} .teclqTooltipBox .topbar>span{display:block;margin:0 0 0 10px} .teclqTooltipBox .topbar a{opacity:.4;display:block;width:32px;height:32px;overflow:hidden;position:absolute;right:0;top:0;background:url(/img/ico/ico_close01.png) no-repeat center center;text-indent:-2000px; transition-duration: .3s; transition-property: transform; transition-timing-function: ease-in-out;} .teclqTooltipBox .topbar a:hover{transform: rotate(90deg);opacity:1;} .teclqTooltipBox .popContents{width:100%;height:auto;overflow:hidden;} .pcTable02 .th {background: #f5f5f5;color: #606060;font-size: 13px;cursor:pointer;} /* 2018.01.15 [개발팀] */ /* 2017.12.21 [개발팀] 접근성 시정조치 */ .qmdl dd ul>li>a:focus{outline:none}; .interactiveBar a:focus{cursor: pointer;font-size: 12px;height: 33px;line-height: 33px;background: #1778cc;border-radius: 5px;color: #fff;padding: 5px 10px;} /*2017.08.28 개발팀 완료*/ .techDataboardTab a{background: #f1f1f1 !important;}