@charset "UTF-8";

/* 팝업 */
.bg-layer{display:block;}
/* .bg-layer.open{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.6);z-index:10000;} */
.popBox{background:#fff;z-index:10001;position:absolute;box-sizing:border-box;border:1px solid #213967;}
.popBox.setting{width:345px;height:280px;}
.popBox.pop-total{width:525px;height:400px;z-index:10002;}
.popBox h1{height:40px;font-size:15px;color:#fff;width:100%;background:#213967;font-weight:normal;font-family:'Nanum Gothic Bold';padding:12px 0 0 15px;box-sizing:border-box;}
.popBox .btn-close{width: 17px;height: 17px;background: url(/statexp/images/ico/ico_close01.png) no-repeat center center;position:absolute;right:15px;top:11px;text-indent:-1000px;overflow:hidden;-webkit-transition-duration:0.1s;transition-duration:0.1s;}
.popBox .btn-close:hover{transform:rotate(90deg);}
.cont-box h3 + ul:last-of-type + h3 {  margin: 15px auto 0;}
.cont-box h3 + ul:last-of-type {  margin-bottom: 0;}


.cont-info{border:1px solid #dadee1;box-sizing:border-box;color:#657c99;padding: 9px 0;height: 35px;}
.cont-info h2{font-family: 'Nanum Gothic';text-indent:15px;font-size:13px;font-weight: normal;}
.cont-info h2 b{font-weight:normal;color:#000;margin-right:10px;}
.cont-info h2 p{font-size:12px;}
.cont-info h2 p img{background:rgba(255,255,255,0.7);width:9px;height:9px;display:inline-block;border-radius:5px;vertical-align:middle;margin-right:1px;padding:1px;margin-top:-1px;}

.cont-box{position: relative;height:auto;/* overflow:hidden; */ padding: 5px 5px 3px;}
.cont-box .data{border:1px solid #cecece;min-height:265px;/* margin-bottom: 10px; */}
.cont-box h3{position:relative;font-family:'Nanum Gothic Bold';font-size:14px;color:#666;padding: 0px 0px 8px 15px;}
.cont-box h3:before{position:absolute;left:2px;top: 4px;content:'';display:block;width:10px;height:10px;border:3px solid #3985d0;border-radius:50%;box-sizing:border-box;}
.cont-box h3 + ul,.cont-box h3 + dl{display:block;padding: 10px 15px;margin: 0 auto 15px;border:1px solid #e7e7e7;background:#f2f2f2;}


.cont-box .list{padding-top:0px;}
.cont-box .list ul:last-child li{padding-bottom:0;}
.cont-box .list h3{padding:0 0 0 15px;margin:0 15px 0 0;vertical-align:middle;}
.cont-box .list h3:before{position:absolute;left:2px;top:8px;content:'';display:block;width:10px;height:10px;border:3px solid #3985d0;border-radius:50%;box-sizing:border-box;}
.cont-box .list li{display:inline-block;vertical-align:middle;line-height:24px;padding-bottom:18px;}
.cont-box h3 + dl{position:relative;}
.cont-box h3 + dl dd:nth-of-type(1) .select-wrap {width:95px;}
.cont-box h3 + dl dt{line-height: 32px;font-family:'Nanum Gothic';font-size:14px;color:#666;display:inline-block;vertical-align:middle;padding: 0 2% 0 1px;float: left;}
.cont-box h3 + dl dd{display:inline-block; float: left;}
.cont-box h3 + dl dd:nth-of-type(2) .select-wrap {width:70px;}
.cont-box h3 + dl dt:nth-of-type(2){margin-left: 2%;}
.cont-box h3 + ul:last-of-type li span{margin-right:8px;}
.cont-box h3 + ul:last-of-type li span:last-of-type{margin-right:0;}

.cont-box h3 + ul li{display:inline-block;vertical-align:top;}
.cont-box h3 + ul > li:nth-of-type(4){display:block;width:100%;padding-top:10px;height:30px;line-height:27px;}
.cont-box h3 + ul > li{margin-right:13%;}
.cont-box h3 + ul > li:nth-of-type(3){margin-right:0;}
.cont-box .bound li{margin:0;width:100%;}
.cont-box .bound li > span + div{margin-left:2%;display:inline-block;}
.cont-box .label-view > li{margin:0;}
.cont-box .label-view > li{margin-right:15px;}

.popContents{width:100%;height:auto;overflow:hidden;padding: 20px 0;}
.popBox .popContents > p {border: 0;text-align: center;}
.default-color{background-color:#1778cc;color:#fff;border:1px solid #1778cc;}
.bot-button{width:100%;display:block;overflow:hidden;text-align:center;padding-top:15px;}
.bot-button >  a{display:inline-block;vertical-align:middle;border-radius:3px;box-sizing:border-box;font-family:'Nanum Gothic';min-width:106px;font-size:12px;text-decoration:none!important;line-height:32px;height:32px;}
.bot-button > a span{font-family:'Nanum Gothic';display:block;padding:0 9px 0 25px;text-align:center;}



/* 팝업버튼 */
.csv{background-image:url(/statexp/images/common/ico_csv.png);}
.excel{background-image:url(/statexp/images/common/ico_excel1.png);}
.shp{background-image:url(/statexp/images/common/ico_shp.png);}
.map{background-image:url(/statexp/images/common/ico_map.png);padding:0 9px 0 36px;}
.report{background-image:url(/statexp/images/common/print.png); padding:0 9px 0 36px;}
.button-box ul > .download  > a span.map{padding:0 9px 0 36px;}
.button-box ul > .download{vertical-align:middle;margin-right:12px;}
.button-box ul > .download:last-child{margin-right:0;}
.download .green{color:#fff;background-color:#1cab8f;border:1px solid #1cab8f;}
.download .gray-line{color:#666;background-color:#fff;border:1px solid #cecece;}
.download .green:hover{color:#fff;background-color:#0f967c;border:1px solid #0f967c;}
.download .gray-line:hover{color:#1778cc;border:1px solid #1778cc;}

.download1 .green{color:#fff;background-color:#1cab8f;border:1px solid #1cab8f;}
.download1 .gray-line{color:#666;background-color:#fff;border:1px solid #cecece;}
.download1 .green:hover{color:#fff;background-color:#0f967c;border:1px solid #0f967c;}
.download1 .gray-line:hover{color:#1778cc;border:1px solid #1778cc;}

.popup-btn-area > a{ opacity: 1; }
.popBox .border-none {border: none !important;}
.popup-btn-area.left,
.popBox .btn-borad.left{text-align:left;}
.popup-btn-area.right,
.popup-btn-area.right{text-align:right;}
.popup-btn-area .default-color{background-color:#1778cc;}
.popup-btn-area .line-gray{background:#fff;color:#666;border:1px solid #cccccc;}
.popup-btn-area .dark-gray{background:#696969;color:#fff;border:1px solid #696969;}

.none { border: none !important;  padding: 10px 0 0 !important; }
.popup-btn-area{width:100%;box-sizing:border-box;background-color:#fff;border: 1px solid #dadee1;padding: 9px 0;text-align:center;border-width: 1px 0 0 0;margin-bottom: 10;}
.popup-btn-area .default-color:hover {background-color: #21396c;}
.popBox .popup-btn-area .dark-gray:hover {background-color: #484848; border:1px solid #484848;}
.popup-btn-area button,
.popup-btn-area a{height: 35px;line-height: 35px;display: inline-block;border-radius:3px;border:1px solid transparent;font-size:14px;color:#fff;box-sizing:border-box;min-width:90px;display:inline-block;cursor:pointer;transition: background 0.3s;}
.popup-btn-area button span,
.popup-btn-area a span{display:block;text-shadow:none!important;vertical-align:middle;text-align:center;height: 35px;line-height: 35px;}
.btn-borad-top{padding-top:17px;margin-top:-1px;border-top:1px solid #e0e0e0;}+
.btn-left-mg{margin-left:7px;}

/* 라디오 box */
.popBox .radio-area{float: none;}
.popBox .radio-area .radio + label{padding-left:22px;text-indent:0;}
.popBox .radio-area labell{display:inline-block;padding-left:5px;line-height:20px;vertical-align:middle;}
.popBox .radio{position:absolute;left:-999px;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.popBox .radio + label{position:relative;display:inline-block;min-width:15px;text-indent:-999px;font-size:13px;font-family:'Nanum Gothic';letter-spacing:-1px;vertical-align:middle;line-height:140%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;color:#555;}
.popBox .radio + label:before{background:url(../images/common/ico_radio.png)no-repeat;}
.popBox .radio[type="radio"]:checked + label:before{background:url(../images/common/ico_radio_on.png)no-repeat;}
.popBox .radio + label:before{position:absolute;top:0;left:0;content:'';width:18px;height:18px;}

/* select */
.select-wrap{display:inline-block;vertical-align:baseline;position:relative;z-index:1;height:32px;box-sizing:border-box;background:#fff url(/statexp/images/common/search_arr.gif) no-repeat 95% 50%;border:1px solid #d1d4d7;}
.select-wrap.focus{outline:1px solid #6470b7}
.select-wrap select{letter-spacing:-0.7px;font-size:13px;cursor:pointer;display:inline-block;background:transparent!important;padding-right:5px;width:100%;height:100%;color:#555;border:0;-webkit-appearance:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)";filter:alpha(opacity=0.8);opacity:0.8;padding-left:5px;font-family:'Nanum Gothic';}
.popBox.pop-total .select-wrap select {width:131px; }

.box_test li:nth-child(1) {position: absolute; top	:47px; left:0px}
.box_test li:nth-child(2) {position: absolute; top	:47px; left:125px}
.box_test li:nth-child(3) {position: absolute; top	:47px; left:250px}

.select-wrap1{display:inline-block;vertical-align:baseline;position:relative;z-index:1;height:32px;box-sizing:border-box;background:#fff url(/statexp/images/common/search_arr.gif) no-repeat 95% 50%;border:1px solid #d1d4d7;width:120px}
.select-wrap1 .focus{outline:1px solid #6470b7}
.select-wrap1 select{letter-spacing:-0.7px;font-size:13px;cursor:pointer;display:inline-block;background:transparent!important;padding-right:5px;width:100%;height:100%;color:#555;border:0;-webkit-appearance:none;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)";filter:alpha(opacity=0.8);opacity:0.8;padding-left:9px;margin-left: 17px;font-family:'Nanum Gothic';}

/* lnb 포인트데이터, 집계데이터 팝업 */
.alertPopupWrapper{border:1px solid #ccc;background:#fff;width:300px;height:auto;overflow:hidden;position:absolute;z-index: 1010;}
.alertPopupWrapper .topbar{border-bottom:1px solid #ccc;width:100%;height:32px;line-height:32px;overflow:hidden;background:#f5f5f5;position:relative;}
.alertPopupWrapper .topbar>span{display:block;margin:0 0 0 10px}
.alertPopupWrapper .topbar a{opacity:.4;display:block;width:32px;height:32px;overflow:hidden;position:absolute;right:0;top:0;background:url(/statexp/images/ico/ico_close01.png) no-repeat center center;text-indent:-2000px;  transition-duration: .3s; transition-property: transform; transition-timing-function: ease-in-out;}
.alertPopupWrapper .topbar a:hover{transform: rotate(90deg);opacity:1;}
.alertPopupWrapper .popContents{width:100%;height:auto;overflow:hidden;padding: 20px 0;}
.alertPopupWrapper  .txt{position:relative;display:block;height:auto;overflow:hidden;margin:5px 0 0 0;    color: #555;  font-size: 14px;line-height:1.5em;text-align:center;}
.alertPopupWrapper  .txt:before{content:"";font-size:13px;position:absolute;left:0;top:0;}

.alertPopupWrapper .default-color{background-color:#1778cc;color:#fff;border:1px solid #1778cc;}
.alertPopupWrapper .bot-button{width:100%;display:block;overflow:hidden;text-align:center;padding-top:15px;}
.alertPopupWrapper .bot-button >  a{display:inline-block;vertical-align:middle;border-radius:3px;box-sizing:border-box;font-family:'Nanum Gothic';min-width:106px;font-size:12px;text-decoration:none!important;line-height:32px;height:32px;}
.alertPopupWrapper .bot-button > a span{font-family:'Nanum Gothic';display:block;padding:0 9px 0 25px;text-align:center;}
.button-box ul > .download{display:inline-block;overflow:hidden;}
.button-box ul > .download >  a{vertical-align:middle;box-sizing:border-box;font-family:'Nanum Gothic';min-width:80px;text-decoration:none!important;line-height:32px;height:32px;}
.button-box ul > .download > a span{font-family:'Nanum Gothic';display:block;height: 32px;padding:0 9px 0 25px;text-align:center;font-size:13px;background-size:16px 15px;background-repeat:no-repeat;background-position:9px center;}
.button-box ul > .download1{display:inline-block;overflow:hidden;}
.button-box ul > .download1 >  a{vertical-align:middle;box-sizing:border-box;font-family:'Nanum Gothic';min-width:80px;text-decoration:none!important;line-height:32px;height:32px;}
.button-box ul > .download1 > a span{font-family:'Nanum Gothic';display:block;height: 32px;padding:0 9px 0 28px;text-align:center;font-size:13px;background-repeat:no-repeat;background-position:0px center; margin-left: 8px;}
.point{background-size:12px 11px;background-image:url(/statexp/images/common/ico_point.png);background-repeat:no-repeat;background-position:9px center;}
.total{background-size:12px 11px;background-image:url(/statexp/images/common/ico_total.png);background-repeat:no-repeat;background-position:9px center;}


.disabled {opacity: 0.5;}