@charset "utf-8";

/*
layout
*/
html, body {height: 100%; margin: 0; padding: 0;}
.wrap {display: flex; flex-direction: column; min-height: 100vh; width: 100%;}

.inner{position:relative; width:1200px; margin:0 auto;}
.inner:after{clear:both; display:block; content:'';}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle{background:rgba(0,0,0,.2)}

/* header */
.header {height: 90px; padding: 0 !important; border-bottom: 1px solid #ddd; background: #fff; position: relative; z-index: 1000;}
.header .inner { max-width: 1400px; padding: 0 !important; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; height: 100%;}

.logo { margin: 0; display: flex; align-items: center;}
.logo img { height: 60px; } 

.main-nav { height: 100%; }
.main-nav > ul { display: flex; height: 100%; list-style: none;}
.main-nav > ul > li { position: relative; height: 100%;}
.main-nav > ul > li > a { display: flex; align-items: center; height: 100%;   padding: 0 35px; box-sizing: border-box;}
.main-nav > ul > li:hover > a { color: #215093; }

.gnb-bg { display: none; position: absolute; top: 75px; left: 50%; transform: translateX(-50%); width: 100vw; height: 230px; background: #fff; border-bottom: 1px solid #ddd; box-shadow: 0 10px 15px rgba(0,0,0,0.05); z-index: 90;}

.main-nav .submenu { display: none; position: absolute; top: 75px; left: 0; width: 100%; z-index: 100; padding: 20px 0; list-style: none;}
.main-nav .submenu li { text-align: center; height: 80%;}
.main-nav .submenu li a { display: block; padding: 10px 0; font-size: 15px; color: #666; text-decoration: none;}
.main-nav .submenu li a:hover { height:100%; color: #215093; text-decoration: underline; }

.etc-nav { display: flex; gap: 20px; }
.etc-nav--menu { font-size: 15px; color: #666; text-decoration: none; display: flex; align-items: center;}
.etc-nav--menu:hover { color: #215093; }


/*.header{height:90px; border-bottom:1px solid #ddd;}
.logo{float:left; margin:26px 0 0;}
.main-nav{float:right;}
.main-nav li{position:relative; float:left; font-size:21px;}
.main-nav a{padding:0 40px; font-weight:700; line-height:90px;}
.main-nav a span{position:relative;}
.main-nav .help{height:22px; margin:34px 5px 0 40px; padding:0 0 0 26px; font-size:14px; line-height:22px;  background:url(../images/ico_help.png) no-repeat 0 0;}
.main-nav .help:before{position:absolute; top:0; left:-40px; width:1px; height:20px; content:''; background:#dbdbdb;}
.main-nav .help button{padding:0;}
.main-nav .active a{color:#215093;}
.main-nav .active span:after{position:absolute; top:-5px; right:-8px; width:6px; height:6px; content:''; border-radius:50%; background:#215093;}*/

/* footer */
.footer{font-size:14px; background:#394153;}
.footer .inner{padding:20px 0 !important;}
.footer .info{float:left;}
.footer address{margin:0 0 15px; color:#fff;}
.footer .copyright{color:#fff; opacity:.5; text-transform:uppercase;}
.footer-logo{float:right;}
.footer nav{margin:0 0 15px; color:#fff;opacity:.5;}

/* tab */
.tab-nav{position:relative; overflow:hidden; border-bottom:1px solid #114da3;}
.tab-nav:after{clear:both; display:block; content:'';}
.tab-nav li{position:relative; float:left;}
.tab-nav a{display:block; width:164px; height:55px; box-sizing:border-box; font-size:21px; color:#555; line-height:55px; text-align:center; border:1px solid #ccc; border-bottom:0; border-radius:10px 10px 0 0; background:#f9f9f9;}
.tab-nav .active{z-index:2; box-shadow:5px 5px 8px rgba(0, 0, 0, .2);}
.tab-nav .active a{font-weight:700; color:#fff; border-color:#114da3; background:#114da3;}
.tab-con article{display:none;}
.tab-con .active{display:block;}
.tab-con .btn-more{position:absolute; top:0; right:5px; width:20px; height:20px; overflow:hidden; text-indent:-9999px;}
.tab-con .btn-more:before{position:absolute; top:0; left:50%; width:2px; height:100%; content:''; background:#737373; transform:translateX(-50%);}
.tab-con .btn-more:after{position:absolute; top:50%; left:0; width:100%; height:2px; content:''; background:#737373; transform:translateY(-50%);}
/*
main
*/
.visual{position:relative; width:100%; max-width:1920px; height:480px; overflow:hidden; margin:0 auto;}
.visual .slide-paging{position:absolute; bottom:60px; left:50%; width:1200px; transform:translateX(-50%);}
.visual .slide-paging > div{width:76px; height:36px; color:rgba(255, 255, 255, .5); text-align:center; line-height:36px; border-radius:18px; background:rgba(0, 0, 0, .3);}
.visual .slide-paging .current{color:#fff;}
.visual .slick-arrow{position:absolute; top:50%; z-index:10; width:26px; height:50px; overflow:hidden; padding:0; text-indent:-9999px;}
.visual .slick-prev{left:50%; transform:translate(-680px, -50%);}
.visual .slick-prev:before{position:absolute; top:8px; left:7px; width:35px; height:35px; box-sizing:border-box; content:''; border-bottom:2px solid #888; border-left:2px solid #888; transform:rotate(45deg);}
.visual .slick-next{left:50%; transform:translate(680px, -50%);}
.visual .slick-next:before{position:absolute; top:8px; right:7px; width:35px; height:35px; box-sizing:border-box; content:''; border-top:2px solid #888; border-right:2px solid #888; transform:rotate(45deg);}
.slide-item{position:relative; height:480px;}
.slide-item img{position:absolute; top:0; left:0;}
.slide-item .txt{position:relative; width:1200px; margin:0 auto; padding:80px 0 0; font-size:26px; line-height:1.6;}
.slide-item .txt p{margin:0 0 20px;}
.slide-item .txt strong{display:block; font-size:46px;}
.slide-item .btn-detail{display:inline-block; height:25px; font-size:16px; line-height:25px;}
.slide-item .btn-detail span{position:relative; display:inline-block; width:25px; height:25px; margin:0 0 0 10px; vertical-align:top; border-radius:50%; background:#fff;}
.slide-item .btn-detail span:after{position:absolute; top:8px; left:10px; content:''; border:5px solid transparent; border-left:6px solid #222;}

.main-ranking{width:1200px; margin:0 auto; padding:60px 0 80px;}
.main-ranking h2{margin:0 0 12px; font-size:26px;}


/* 인기공공데이터 */
.open-content .ranking-inner { border:1px solid #ddd; border-radius:10px; width: 100%; box-sizing: border-box; }
.open-content .ranking-inner:after { clear:both; display:block; content:''; }
.open-content .ranking-inner article { float:left; width:50%; box-sizing:border-box; padding:30px 40px 15px; min-height: 260px; }
.open-content .ranking-inner article h3 { float:left; font-size:36px; line-height:1.3; margin: 0; font-weight: 700; }
.open-content .ranking-inner article h3 a { color: inherit; text-decoration: none; }
.open-content .ranking-inner article.map h3, .open-content .ranking-inner article.map h3 a { color:#2D3168 !important; }
.open-content .ranking-inner article.stats { border-right:1px solid #ddd; }
.open-content .ranking-inner article.stats h3, .open-content .ranking-inner article.stats h3 a { color:#2D3168 !important; }
 
.open-content .ranking-inner .ranking-list { float:right; width:260px; margin: 0; padding: 0; list-style: none; }
.open-content .ranking-inner .item { width:100%; margin:7px 0; line-height:26px; display: block; }
.open-content .ranking-inner .item:after { clear:both; display:block; content:''; }
.open-content .ranking-inner .item a { text-decoration: none; color: #333; display: block; }

.open-content .ranking-inner .num { float:left; width:26px; height:26px; text-align:center; line-height:26px; font-size: 13px; color:#666; margin-right: 10px; }
.open-content .ranking-inner .num.point { color:#fff; border-radius:50%; background:#222; font-weight: bold; }
.open-content .ranking-inner .item p { float:left; width:220px; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.open-content .ranking-inner .item p span { font-size:14px; color:#ec6522; font-weight: normal; margin-left: 5px; }


.main-bbs .bbs-content{margin:0 0 80px;}
.main-bbs-list > div{border-bottom:1px solid #ddd;}
.main-bbs-list a{position:relative; display:block; padding:35px 0;}
.main-bbs-list a:before{position:absolute; top:50%; right:20px; width:15px; height:15px; content:''; border-top:1px solid #8e8e8e; border-right:1px solid #8e8e8e; transform:rotate(45deg) translateY(-50%);}
.main-bbs-list a:after{clear:both; display:block; content:'';}
.main-bbs-list .date{float:left; width:100px; font-size:14px; color:#aaa; text-align:center;}
.main-bbs-list .date span{display:block; font-size:36px;}
.main-bbs-list dl{float:right; width:980px; margin-right:100px;}
.main-bbs-list dt{width:100%; overflow:hidden; margin:0 0 10px; font-size:18px; font-weight:700; color:#222; text-overflow:ellipsis; white-space:nowrap;}
.main-bbs-list dt .tag{display:inline-block; height:30px; box-sizing:border-box; margin:0 10px 0 0; padding:0 20px; font-size:16px; font-weight:400; color:#114da3; line-height:30px; border:1px solid #114da3; border-radius:15px;}
.main-bbs-list dd{width:100%; overflow:hidden; font-size:16px; color:#555; text-overflow:ellipsis; white-space:nowrap;}

.main-banner{margin:0 0 80px;}
.main-banner .inner{display:flex; justify-content:space-between;}
.main-banner .inner:after{display:none;}
.main-banner a{width:580px; height:150px; box-sizing:border-box; padding:40px; font-size:22px;}
.main-banner strong{display:block; margin:0 0 12px;}
.main-banner .daedeok{background:url(../images/bg_banner01.jpg) no-repeat 0 0;}
.main-banner .data{color:#fff; background:url(../images/bg_banner02.jpg) no-repeat 0 0;}
.main-banner .btn-go{position:relative; display:inline-block; padding:0 15px 0 0; font-size:16px;}
.main-banner .btn-go:after{position:absolute; top:4px; right:-4px; content:''; border:5px solid transparent; border-left:6px solid #222;}
.main-banner .data .btn-go:after{border-left-color:#fff;}

/*
sub
*/
/* sub visual */
.sub-visual{height:200px; width:100%;}
.sub-visual h2{font-size:36px; color:#fff; line-height:200px;}
.sub-visual .loc{position:absolute; top:30px; right:0; font-size:14px; font-weight:700; color:#fff;}
.sub-visual .loc span{position:relative; display:inline-block; height:16px; margin-left:30px; line-height:16px; vertical-align:top;}
.sub-visual .loc span:not(:first-child):before{position:absolute; top:3px; left:-23px; width:10px; height:10px; box-sizing:border-box; content:''; border-top:1px solid #fff; border-right:1px solid #fff; opacity:.5; transform:rotate(45deg);}
.sub-visual .loc .home{width:19px; overflow:hidden; text-indent:-9999px; background:url(../images/ico_home.png) no-repeat 0 center;}
.stats-visual{background:url(../images/visual_stats.jpg) no-repeat center 0;}
.open-visual{background:url(../images/visual_open.jpg) no-repeat center 0;}
.notice-visual{background:url(../images/visual_notice.jpg) no-repeat center 0;}

/* sub content */
.sub-content{padding:60px 0 80px;flex: 1;}
.page-title{position:relative; margin:0 0 20px; padding:0 0 0 10px; font-size:20px; color:#114da3;}
.page-title:before{position:absolute; top:8px; left:0; width:4px; height:4px; content:''; border-radius:50%; background:#114da3;}

.paging{margin-top:30px; text-align:center;}
.paging a{position:relative; display:inline-block; width:28px; height:28px; overflow:hidden; font-size:14px; color:#888; text-align:center; line-height:28px; border-radius:50%;}
.paging li{position:relative; display:inline-block; width:28px; height:28px; overflow:hidden; font-size:14px; color:#888; text-align:center; line-height:28px; border-radius:50%;}
.paging .pageItem{position:relative; display:inline-block; width:28px; height:28px; overflow:hidden; font-size:14px; color:#888; text-align:center; line-height:28px; border-radius:50%;}
.paging .current{font-weight:700; color:#fff; background:#555;}
.paging .active a{font-weight:700; color:#fff; background:#555;}
.paging .prevBtn,
.paging .pageItem,
.paging .nextBtn,
.paging .btn-first,
.paging .btn-prev,
.paging .btn-next,
.paging .btn-last{text-indent:-9999px;}
.paging .btn-first:before{position:absolute; top:9px; left:9px; width:10px; height:10px; box-sizing:border-box; content:''; border-left:1px solid #000; border-bottom:1px solid #000; transform:rotate(45deg);}
.paging .btn-first:after{position:absolute; top:9px; left:15px; width:10px; height:10px; box-sizing:border-box; content:''; border-left:1px solid #000; border-bottom:1px solid #000; transform:rotate(45deg);}
.paging .btn-prev:before{position:absolute; top:9px; left:12px; width:10px; height:10px; box-sizing:border-box; content:''; border-left:1px solid #000; border-bottom:1px solid #000; transform:rotate(45deg);}
.paging .btn-next:before{position:absolute; top:9px; left:7px; width:10px; height:10px; box-sizing:border-box; content:''; border-top:1px solid #000; border-right:1px solid #000; transform:rotate(45deg);}
.paging .btn-last:before{position:absolute; top:9px; left:4px; width:10px; height:10px; box-sizing:border-box; content:''; border-top:1px solid #000; border-right:1px solid #000; transform:rotate(45deg);}
.paging .btn-last:after{position:absolute; top:9px; left:10px; width:10px; height:10px; box-sizing:border-box; content:''; border-top:1px solid #000; border-right:1px solid #000; transform:rotate(45deg);}
.paging .prevBtn:before{position:absolute; top:9px; left:12px; width:10px; height:10px; box-sizing:border-box; content:''; border-left:1px solid #000; border-bottom:1px solid #000; transform:rotate(45deg);}
.paging .nextBtn:before{position:absolute; top:9px; left:7px; width:10px; height:10px; box-sizing:border-box; content:''; border-top:1px solid #000; border-right:1px solid #000; transform:rotate(45deg);}
.paging .pageItem:before{position:absolute; top:9px; left:9px; width:10px; height:10px; box-sizing:border-box; content:''; border-left:1px solid #000; border-bottom:1px solid #000; transform:rotate(45deg);}
.paging .pageItem:after{position:absolute; top:9px; left:15px; width:10px; height:10px; box-sizing:border-box; content:''; border-left:1px solid #000; border-bottom:1px solid #000; transform:rotate(45deg);}

.tbl-default{font-size:14px; border-top:1px solid #ababab; border-bottom:1px solid #ababab;}
.tbl-default th{height:50px; padding:0 20px; text-align:left; border-bottom:1px solid #e5e5e5; background:#f9f9f9;}
.tbl-default td{height:50px; padding:0 20px; border-bottom:1px solid #e5e5e5;}
.tbl-default tr:last-child th,
.tbl-default tr:last-child td{border-bottom:0;}
.tbl-topHeader{font-size:14px; border-top:1px solid #ababab;}
.tbl-topHeader th{height:50px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f9f9f9;}
.tbl-topHeader td{height:50px; text-align:center; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.tbl-topHeader th:last-child,
.tbl-topHeader td:last-child{border-right:0;}
.tbl-topHeader tr:last-child td{border-bottom-color:#ababab;}

.checkbox{position:relative;}
.checkbox input[type="checkbox"]{position:absolute; top:0; left:0; opacity:0;}
.checkbox input[type="checkbox"]+label{display:inline-block; padding:0 0 0 30px;}
.checkbox label:before{position:absolute; top:0; left:0; width:20px; height:20px; box-sizing:border-box; content:''; border:1px solid #ddd;}
.checkbox label:after{position:absolute; top:0; left:0; width:20px; height:20px; content:''; background:#114da3 url(../images/ico_check.png) no-repeat center; opacity:0;}
.checkbox input[type="checkbox"]:checked+label:after{opacity:1;}

.search{width:280px; height:34px; overflow:hidden; font-size:14px; border:1px solid #888; border-radius:4px;}
.search:after{position:absolute; top:5px; left:95px; width:1px; height:24px; content:''; background:#dbdbdb;}
.search select{float:left; width:95px; height:34px; padding:0 10px; border:0;}
.search input[type="text"]{float:left; width:150px; height:34px; border:0;}
.search .btn-search{float:left; width:34px; height:34px; overflow:hidden; padding:0; text-indent:-9999px; background:url(../images/btn_search.png) no-repeat center;}

.btn-area{text-align:center;}
.btn-area .btn{display:inline-block; width:160px; height:50px; box-sizing:border-box; overflow:hidden; margin:0 2px; line-height:50px; border-radius:4px;}
.btn-area .btn-special{color:#016634; border:1px solid #016634; background:#fff;}
.btn-area .btn-primary{color:#fff; background:#114da3;}

.tbl-bbs{table-layout:fixed; font-size:14px; border-top:2px solid #222;}
.tbl-bbs th{height:50px; border-bottom:1px solid #222;}
.tbl-bbs td{height:50px; text-align:center; border-bottom:1px solid #ddd;}
.tbl-bbs tr:last-child td{height:50px; border-bottom:1px solid #222;}
.tbl-bbs .left{font-size:16px; text-align:left;}
.tbl-bbs .ico-file{display:inline-block; width:20px; height:20px; background:url(../images/ico_fileBig.png) no-repeat; background-size:auto 20px;}
.tbl-bbs a{display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.bbs-list{border-top:2px solid #222;}
.bbs-list li{border-bottom:1px solid #ddd;}
.bbs-list li:last-child{border-bottom:1px solid #222;}
.bbs-list a{position:relative; display:block; padding:25px 10px;}
.bbs-list .txt{width:730px;}
.bbs-list strong{display:block; margin:0 0 12px; font-size:18px;}
.bbs-list .info{position:absolute; bottom:25px; right:10px; width:450px; font-size:14px; color:#555; text-align:right;}
.bbs-list .info .file{padding:0 0 0 20px; background:url(../images/ico_file.png) no-repeat;}
.bbs-list .info .date{position:relative; margin:0 0 0 25px; padding:0 0 0 24px; background:url(../images/ico_date.png) no-repeat;}
.bbs-list .info .date:before{position:absolute; top:1px; left:-14px; width:1px; height:16px; content:''; background:#ddd;}
.bbs-idx{margin:15px 0 -30px; font-size:14px;}

.bbs-view{margin:0 0 30px; border-top:2px solid #222; border-bottom:1px solid #222;}
.bbs-view .bbs-title{position:relative; padding:25px 10px; border-bottom:1px solid #ddd;}
.bbs-view .bbs-title:after{clear:both; display:block; content:'';}
.bbs-view .bbs-title h3{width:960px; font-size:22px;}
.bbs-view .bbs-title .info{position:absolute; top:50%; right:10px; font-size:14px; transform:translateY(-50%);}
.bbs-view .bbs-title .date{margin:0 0 0 25px; padding:0 0 0 24px; background:url(../images/ico_date.png) no-repeat;}
.bbs-view .bbs-title .author{position:relative; margin:0 0 0 25px; padding:0 0 0 24px; background:url(../images/ico_author.png) no-repeat;}
.bbs-view .bbs-title .author:before{position:absolute; top:1px; left:-14px; width:1px; height:16px; content:''; background:#ddd;}
.bbs-view .bbs-content{padding:35px 10px; color:#555; line-height:1.8;}
.bbs-view .bbs-file{padding:12px 20px; background:#f9f9f9;}
.bbs-view .file-name{padding:0 0 0 20px; background:url(../images/ico_file.png) no-repeat;}
.bbs-view .btn-download{display:inline-block; height:28px; margin:0 0 0 10px; padding:0 12px; font-size:14px; line-height:28px; text-align:center; color:#fff; border-radius:14px; background:#888;}

.bbs-navi { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 15px 0; } 
.bbs-navi a { position: relative; display: inline-block; } 
.bbs-navi a span { font-weight: 700; } 
.bbs-navi .navi-prev, .bbs-navi .navi-next { flex: 1; max-width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.bbs-navi .navi-prev { text-align: left; padding: 0 0 0 24px; } 
.bbs-navi .navi-prev:before { position: absolute; top: 2px; left: 3px; width: 15px; height: 15px; box-sizing: border-box; content: ''; border-left: 1px solid #969696; border-bottom: 1px solid #969696; transform: rotate(45deg); } 
.bbs-navi .navi-prev span { margin: 0 10px 0 0; } 
.bbs-navi .navi-next { text-align: right; padding: 0 24px 0 0; } 
.bbs-navi .navi-next:before { position: absolute; top: 2px; right: 3px; width: 15px; height: 15px; box-sizing: border-box; content: ''; border-top: 1px solid #969696; border-right: 1px solid #969696; transform: rotate(45deg); } 
.bbs-navi .navi-next span { margin: 0 0 0 10px; } 
.bbs-navi .btn-list { flex: none; width: 100px; height: 48px; box-sizing: border-box; color: #215093; line-height: 48px; border: 1px solid #215093; border-radius: 4px; text-align: center; } 

/* 
.bbs-navi{position:relative; text-align:center;}
.bbs-navi a{position:relative; display:inline-block;}
.bbs-navi a span{font-weight:700;}
.bbs-navi .navi-prev{float:left; margin:15px 0 0; padding:0 0 0 24px;}
.bbs-navi .navi-prev:before{position:absolute; top:2px; left:3px; width:15px; height:15px; box-sizing:border-box; content:''; border-left:1px solid #969696; border-bottom:1px solid #969696; transform:rotate(45deg);}
.bbs-navi .navi-prev span{margin:0 10px 0 0;}
.bbs-navi .navi-next{float:right; margin:15px 0 0; padding:0 24px 0 0;}
.bbs-navi .navi-next:before{position:absolute; top:2px; right:3px; width:15px; height:15px; box-sizing:border-box; content:''; border-top:1px solid #969696; border-right:1px solid #969696; transform:rotate(45deg);}
.bbs-navi .navi-next span{margin:0 0 0 10px;}
.bbs-navi .btn-list{width:100px; height:48px; box-sizing:border-box; color:#215093; line-height:48px; border:1px solid #215093; border-radius:4px;}
 */
.ico-excel{display:inline-block; width:20px; height:21px; margin:0 10px 0 0; vertical-align:middle; background:url(../images/ico_excel.png) no-repeat;}
.ico-down{display:inline-block; width:10px; height:12px; margin:0 5px 0 0; vertical-align:middle; background:url(../images/ico_down.png) no-repeat;}
.ico-list{position:relative; display:inline-block; width:14px; height:12px; box-sizing:border-box; margin:0 10px 0 0; vertical-align:middle; border-top:2px solid #215093; border-bottom:2px solid #215093;}
.ico-list:before{position:absolute; top:50%; left:0; width:100%; height:2px; content:''; background:#215093; transform:translateY(-50%);}
.ico-data{display:inline-block; width:17px; height:13px; margin:0 5px 0 0; vertical-align:middle; background:url(../images/ico_data.png) no-repeat;}
.ico-confirm{display:inline-block; width:14px; height:12px; margin:0 5px 0 0; vertical-align:middle; background:url(../images/ico_confirm.png) no-repeat center;}
.ico-grid{display:inline-block; width:14px; height:14px; margin:0 5px 0 0; vertical-align:middle; background:url(../images/ico_grid.png) no-repeat center;}
.ico-blue{display:inline-block; width:14px; height:14px; margin:0 5px 0 0; vertical-align:middle; border-radius:50%; background:#0e84d0;}
.ico-orange{display:inline-block; width:14px; height:14px; margin:0 5px 0 0; vertical-align:middle; border-radius:50%; background:#ec6522;}
.ico-group{display:inline-block; width:14px; height:15px; margin:0 5px 0 0; vertical-align:middle; background:url(../images/ico_group.png) no-repeat center;}
.ico-info{display:inline-block; width:18px; height:18px; vertical-align:middle; background:url(../images/ico_info.png) no-repeat;}

.stats-content .inner { position: relative; }
.stats-content .search { position: absolute; top: 0; right: 0; z-index: 2; }
.stats-content .tab-nav { width: 100%; padding-right: 220px; box-sizing: border-box; margin: 0 0 30px; min-height: 45px; }
.stats-content .tab-nav ul { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; margin: 0; list-style: none; justify-content: flex-start; }
.stats-content .tab-nav ul li { float: none !important; }


/* .stats-content .search{position:absolute; top:0; right:0; z-index:2;}
.stats-content .tab-nav{margin:0 0 30px;} */
.stats-content .tab-nav a{width:110px; height:45px; font-size:16px; line-height:45px;}
.stats-content .chart-area{height:400px; box-sizing:border-box; margin:0 0 30px; border:1px solid #ddd; border-radius:6px; box-shadow:5px 5px 5px rgba(0, 0, 0, .05)}
.stats-content .chart-area:after{clear:both; display:block; content:'';}
.stats-content .chart-area .chart{float:left; width:920px;}
.stats-content .sorting{float:right; width:275px; height:100%; box-sizing:border-box; padding:40px; border-left:1px solid #ddd;}
.stats-content .sorting li{margin:0 0 28px;}
.stats-content .tbl-default{margin:0 0 40px;}
.stats-content .btn-area{margin:0 0 60px;}
.data-list:after{clear:both; display:block; content:'';}
.data-list li{float:left; width:276px; height:227px; box-sizing:border-box; margin-right:32px; text-align:center; border:1px solid #ddd; border-radius:6px; box-shadow:5px 5px 5px rgba(0, 0, 0, .05)}
.data-list li:nth-child(4n){margin-right:0;}
.data-list li:nth-child(n+5){margin-top:30px;}
.data-list a{display:block; height:100%; box-sizing:border-box; padding:23px 0 0;}
.data-list p{margin:15px 0 0; color:#000;}

.open-content .search{position:absolute; top:-10px; right:0; z-index:2;}
.open-content .total{margin:0 0 15px; color:#000;}
.open-content .total span{font-weight:700; color:#ec6522}

/* 서브 비주얼 영역 깨짐 방지 최소 보정 */
.sub-visual { height:200px; width:100%; position: relative; }
.sub-visual h2 { font-size:36px; color:#fff; line-height:200px; margin: 0; }
.sub-visual .loc { position:absolute; top:90px; right:0; font-size:14px; font-weight:700; color:#fff; }
.sub-visual .loc span { position:relative; display:inline-block; height:16px; margin-left:30px; line-height:16px; vertical-align:top; }
.sub-visual .loc span:not(:first-child):before { position:absolute; top:3px; left:-23px; width:10px; height:10px; box-sizing:border-box; content:''; border-top:1px solid #fff; border-right:1px solid #fff; opacity:.5; transform:rotate(45deg); }
.sub-visual .loc .home { width:19px; overflow:hidden; text-indent:-9999px; background:url(../images/ico_home.png) no-repeat 0 center; }
.stats-visual { background:url(../images/visual_stats.jpg) no-repeat center 0; }
.open-visual { background:url(../images/visual_open.jpg) no-repeat center 0; }

.map-content{position:relative; height:calc(100vh - 91px); padding:0 0 0 280px;}
.map-content .sorting-area{position:absolute; top:0; left:0; width:280px; height:100%; border-right:1px solid #fff; background:#edf2f9;}
.sorting-area .select-area{position:relative; z-index:2; height:100%; box-sizing:border-box; background:#edf2f9; box-shadow:5px 0 10px rgba(0, 0, 0, .15);}
.sorting-area .select-area .search-area{height:60px; box-sizing:border-box; padding:9px 6px; background:#394153;}
.sorting-area .select-area .search-area input[type="text"]{width:100%; height:42px; box-sizing:border-box; padding:0 0 0 38px; font-size:14px; border:0; background:#fff url(../images/btn_search.png) no-repeat 12px center;}
.map-navi{max-height:calc(100vh - 265px); overflow-y:auto;}
.map-navi li{border-bottom:1px solid #fff;}
.map-navi .depth01{position:relative; display:block; height:56px; padding:0 0 0 45px; line-height:56px;}
.map-navi .depth01:after{position:absolute; top:26px; right:20px; content:''; border:5px solid transparent; border-top:6px solid #555;}
.map-navi .menu01 > a{background:url(../images/ico_mapNavi01.png) no-repeat 16px center;}
.map-navi .menu02 > a{background:url(../images/ico_mapNavi03.png) no-repeat 16px center;}
.map-navi .menu03 > a{background:url(../images/ico_mapNavi05.png) no-repeat 16px center;}
.map-navi .menu04 > a{background:url(../images/ico_mapNavi07.png) no-repeat 16px center;}
.map-navi .menu05 > a{background:url(../images/ico_mapNavi09.png) no-repeat 16px center;}
.map-navi .menu06 > a{background:url(../images/ico_mapNavi06.png) no-repeat 16px center;}
.map-navi .menu07 > a{background:url(../images/ico_mapNavi07.png) no-repeat 16px center;}
.map-navi .menu08 > a{background:url(../images/ico_mapNavi08.png) no-repeat 16px center;}
.map-navi .menu09 > a{background:url(../images/ico_mapNavi09.png) no-repeat 16px center;}
.map-navi .menu10 > a{background:url(../images/ico_mapNavi10.png) no-repeat 16px center;}

.map-navi .depth2{display:none; max-height:310px; overflow:auto; padding:10px 0;}
.map-navi .depth2 li{font-size:14px; border:0;}
.map-navi .depth2 a{display:block; height:40px; padding:0 50px; line-height:40px;}
.map-navi .active{background:#215093;}
.map-navi .active > a{position:relative; z-index:2; color:#fff; box-shadow:0 7px 5px rgba(0, 0, 0, .2);}
.map-navi .active .depth01:after{top:16px; border-top-color:#fff; transform:rotate(180deg);}
.map-navi .menu01.active > a{background:url(../images/ico_mapNavi01_active.png) no-repeat 16px center;}
.map-navi .menu03.active > a{background:url(../images/ico_mapNavi02_active.png) no-repeat 16px center;}
.map-navi .menu05.active > a{background:url(../images/ico_mapNavi03_active.png) no-repeat 16px center;}
.map-navi .menu07.active > a{background:url(../images/ico_mapNavi07_active.png) no-repeat 16px center;}
.map-navi .menu09.active > a{background:url(../images/ico_mapNavi09_active.png) no-repeat 16px center;}
/* .map-navi .menu02.active > a{background:url(../images/ico_mapNavi02_active.png) no-repeat 16px center;}
.map-navi .menu04.active > a{background:url(../images/ico_mapNavi04_active.png) no-repeat 16px center;}
.map-navi .menu06.active > a{background:url(../images/ico_mapNavi06_active.png) no-repeat 16px center;}
.map-navi .menu08.active > a{background:url(../images/ico_mapNavi08_active.png) no-repeat 16px center;}
.map-navi .menu10.active > a{background:url(../images/ico_mapNavi10_active.png) no-repeat 16px center;} */
.map-navi .active .depth2{display:block; background:#fff;}
.navi-btn{width:100%; box-sizing:border-box; padding:10px;}
.navi-btn button{position:relative;}
.navi-btn button:after{position:absolute; top:13px; right:10px; width:8px; height:8px; box-sizing:border-box; content:''; border-right:1px solid #313131; border-bottom:1px solid #313131; transform:rotate(45deg);}
.navi-btn button.active:after{top:17px; transform:rotate(225deg);}
.navi-btn .analysis{margin:0 0 6px; border:1px solid #ddd; border-radius:6px; background:#fff;}
.navi-btn .btn-analysis{width:100%; height:40px; box-sizing:border-box; padding:0 0 0 32px; font-size:14px; text-align:left;  line-height:40px; background:url(../images/ico_analysis.png) no-repeat 11px center;}
.navi-btn .analysis .btn-analysis.active{color:#114da3; background:url(../images/ico_analysis_on.png) no-repeat 11px center;}
.navi-btn .divide{border:1px solid #ddd; border-radius:6px; background:#fff;}
.navi-btn .divide .btn-divide{width:100%; height:40px; box-sizing:border-box; padding:0 0 0 32px; font-size:14px; text-align:left; line-height:40px; border:0; border-radius:6px; background:url(../images/ico_divide.png) no-repeat 11px center;}
.navi-btn .btn-divide.active{color:#114da3; background:url(../images/ico_divide_on.png) no-repeat 11px center;}
.navi-btn .list{display:none; padding:0 32px 10px; font-size:14px;}
.navi-btn li{margin:0 0 10px; line-height:1.6;}
.navi-btn li a.active,
.navi-btn li a:hover{color:#114da3; text-decoration:underline;}
.sorting-area .option-area{position:absolute; top:0; left:280px; z-index:1; width:360px; height:100%; background:#f9f9f9; box-shadow:5px 0 10px rgba(0, 0, 0, .15); transition:left .2s;}
.sorting-area.hide .option-area{left:-80px;}
.sorting-area.hide .option-area .btn-toggle:after{left:6px; transform:rotate(180deg);}
.option-area .btn-toggle{position:absolute; top:47%; right:-20px; width:20px; height:50px; overflow:hidden; text-indent:-9999px; border-radius:0 10px 10px 0; background:#f9f9f9; box-shadow:5px 0 10px rgba(0, 0, 0, .15); transform:translateY(-50%);}
.option-area .btn-toggle:after{position:absolute; top:20px; left:0; content:''; border:5px solid transparent; border-right:7px solid #222;}
.option-area .title-area{position:relative; height:60px; box-sizing:border-box; padding:0 0 0 0; line-height:60px; border-bottom:1px solid #c0c0c0;}
.option-area .title-area h4{padding:0 0 0 20px; line-height:60px;}
.option-area .btn-reeset{position:absolute; top:22px; right:12px; height:15px; padding:0 0 0 20px; font-size:13px; line-height:15px; background:url(../images/ico_reset.png) no-repeat 0 center;}
.layer-list{height:calc(100% - 60px); box-sizing:border-box; padding:17px;}
.layer-list .item{box-sizing:border-box; margin:0 0 10px; padding:0 8px; border:1px solid #ccc; background:#fff;}
.layer-list .title{position:relative; height:38px; padding:0 70px 0 0;}
.layer-list .title p{font-size:14px; line-height:38px; cursor:pointer; white-space: nowrap; }/*JungHun Added*/
.layer-list .title .ico-square{display:inline-block; width:14px; height:14px; box-sizing:border-box; margin:0 5px 0 0; vertical-align:middle; border:1px solid #222;}

.layer-list .title { position: relative; min-height: 38px; padding: 0 70px 0 0; display: flex; align-items: center; }
.layer-list .title p { font-size: 14px; line-height: 1.4; padding: 9px 0; cursor: pointer; white-space: normal; word-break: break-all; }
.layer-list .item.active .title p { font-weight: 700; color: #114da3; white-space: normal; }
.layer-list .btn-visible { position: absolute; top: 50%; transform: translateY(-50%); right: 35px; width: 23px; height: 17px; overflow: hidden; text-indent: -9999px; border: 0; background: url(../images/ico_hidden.png) no-repeat; }
.layer-list .btn-del { position: absolute; top: 50%; transform: translateY(-50%); right: 8px; width: 17px; height: 17px; overflow: hidden; text-indent: -9999px; }

.layer-list .btn-visible { position: absolute; top: 50%; transform: translateY(-50%); right: 35px; width: 23px; height: 17px; overflow: hidden; text-indent: -9999px; border: 0; background: url(../images/ico_hidden.png) no-repeat; }
.layer-list .btn-del { position: absolute; top: 50%; transform: translateY(-50%); right: 8px; width: 17px; height: 17px; overflow: hidden; text-indent: -9999px; }
.layer-list .btn-del:before{position:absolute; top:1px; left:8px; width:1px; height:15px; content:''; background:#222; transform:rotate(45deg);}
.layer-list .btn-del:after{position:absolute; top:1px; left:8px; width:1px; height:15px; content:''; background:#222; transform:rotate(-45deg);}
.layer-list .content{display:none; padding:16px 0 15px; border-top:1px solid #e5e5e5;}
.layer-list .item.active{border:2px solid #222;}
.layer-list .item.active .title p { font-weight: 700; color: #114da3; white-space: normal; }
.layer-list .item.active .btn-visible{background:url(../images/ico_visible.png) no-repeat;} 
.layer-list .item.active .content{display:block;}
.layer-list dl{margin:0 0 20px; font-size:13px;}
.layer-list dl:last-child{margin:0;}
.layer-list dl:after{clear:both; display:block; content:'';}
.layer-list dt{margin:0 0 10px; font-weight:700;}
.layer-list dd{position:relative;}
.layer-list dd .txt{position:absolute; top:-24px; right:0;}
.layer-list .btn{display:inline-block; width:100%; height:36px; font-weight:700; color:#215093; text-align:center; line-height:36px; border-radius:4px; background:#e8edf4;}
.layer-list .btn-default{width:105px; height:36px; border:1px solid #ccc; border-radius:4px; background:#eee;}
.layer-list .btn-grid{margin-top:10px;}
.layer-list select{height:36px; padding:0 0 0 10px; border:1px solid #ccc; border-radius:4px;}
.layer-list .total{float:right; width:194px;}
.layer-list .size{position:absolute; top:-45px; right:0; width:175px;}
.layer-list .percentage{position:absolute; top:-24px; right:0;}
.layer-list .slider{position:relative; height:6px; margin:0 0 20px; padding:0 20px 0 0; border-radius:3px; background:#ddd;}
.layer-list .slider .active{position:absolute; top:0; left:0;  height:6px; border-radius:3px; background:#215093;}
.layer-list .ui-slider{position:relative; width:100%; height:6px;}
.layer-list .ui-slider .ui-slider-handle{position:absolute; top:50%; z-index:2; width:20px; height:20px; box-sizing:border-box; border:1px solid #222; border-radius:50%; outline:none; background:#fff; transform:translateY(-50%);}

.layer-list .grid dt{margin:0 0 20px}
.layer-list .term select{float:left;}
.layer-list .term .year{width:74px;}
.layer-list .term .month{width:64px; margin:0 0 0 4px;}
.layer-list .term dd span{float:left; margin:12px 4px 0;}
.layer-list .option li{margin:0 0 10px;}
.layer-list .option li:after{clear:both; display:block; content:'';}
.layer-list .option .sbj{position:relative; float:left; width:60px; margin:10px 0 0; box-sizing:border-box; padding:0 0 0 8px;}
.layer-list .option .sbj:before{position:absolute; top:5px; left:0; width:4px; height:4px; content:''; border-radius:50%; background:#222;}
.layer-list .option .detail{float:right; width:240px;}
.layer-list .checkbox{display:inline-block; margin:0 15px 10px 0;}
.layer-list .checkbox:nth-child(4n){margin-right:0;}
.layer-list .checkbox input[type="checkbox"]+label{height:20px; line-height:20px;}
.remarks li{margin:0 0 10px; font-size:13px; text-align:right;}
.remarks li:last-child{margin:0;}
.remarks span{float:left; width:20px; height:8px; margin:3px 0 0; vertical-align:middle;}
.remarks .ico-remarks01{background:#d44747;}
.remarks .ico-remarks02{background:#d48647;}
.remarks .ico-remarks03{background:#ede070;}
.remarks .ico-remarks04{background:#f3cf9b;}
.remarks .ico-remarks05{background:#f8ebd9;}

.map-area{height:100%;}
.map-area .map{display:flex; flex-wrap:wrap; width:100%; height:100%; min-height:800px; overflow:auto;}
.divide-double .map-divide{position:relative; width:50%; box-sizing:border-box; height:100%; background:#eee;}
.divide-double .map-divide:first-child{border-right:2px solid #222;}
.divide-triple .map-divide{position:relative; flex:1; box-sizing:border-box; height:100%; background:#eee;}
.divide-triple .map-divide:not(:first-child){border-left:2px solid #222;}
.divide-quarter .map-divide{position:relative; width:50%; box-sizing:border-box; height:50%; background:#eee;}
.divide-quarter .map-divide:nth-child(1){border-bottom:2px solid #222; border-right:2px solid #222;}
.divide-quarter .map-divide:nth-child(2){border-bottom:2px solid #222;}
.divide-quarter .map-divide:nth-child(3){border-right:2px solid #222;}
.divide-info{position:absolute; top:10px; left:15px; width:240px; font-size:13px;}
.divide-info .year{width:174px; height:36px; padding:0 0 0 10px; border:1px solid #222; border-radius:4px;}
.divide-info .legend{margin:10px 0 0; padding:15px; background:#fff; box-shadow:5px 5px 5px rgba(0, 0, 0, .05);}
.divide-info .legend h4{margin:0 0 15px; font-size:16px;}
.divide-info .legend > div{padding:12px; border:2px solid #222;}
.divide-info .legend dl+dl{margin-top:25px;}
.divide-info .legend dt{margin:0 0 12px; font-weight:700;}
.divide-info .total{width:100px; height:36px; padding:0 0 0 10px; vertical-align:top; border:1px solid #ccc; border-radius:4px;}
.divide-info .btn-default{display:inline-block; width:75px; height:36px; font-weight:700; color:#215093; text-align:center; line-height:36px; border-radius:4px; background:#e8edf4;}

.dash-content{background:#e9eff8;}
.dash-content h3{margin:0 0 15px; font-size:18px;}
.dash-content .left-area{float:left; width:640px;}
.dash-content .right-area{float:right; width:540px;}
.dash-content article{box-sizing:border-box; margin:0 0 18px; padding:30px 20px; border:1px solid #ddd; border-radius:6px; background:#fff; box-shadow:5px 5px 5px rgba(0, 0, 0, .05);}
.dash-content article:last-child{margin:0;}
.data-status{height:233px;}
.data-status li{float:left; width:85px; margin:0 40px 0 0; padding:85px 0 0; font-size:14px; text-align:center;}
.data-status li:last-child{margin:0;}
.data-status li span{display:block; margin:0 0 6px;}
.data-status li b{margin:0 2px 0 0; font-size:24px;} 
.data-status .data01{background:url(../images/ico_status01.png) no-repeat center 0;}
.data-status .data02{background:url(../images/ico_status02.png) no-repeat center 0;}
.data-status .data03{background:url(../images/ico_status03.png) no-repeat center 0;}
.data-status .data04{background:url(../images/ico_status04.png) no-repeat center 0;}
.data-status .data05{background:url(../images/ico_status05.png) no-repeat center 0;}
.field-status{height:227px;}
.form-status{height:239px;}
.form-status section{float:left; width:50%;}
.field-ranking{height:334px;}
.field-ranking .chart-area{float:left; width:290px;}
.field-ranking .ranking-area{float:right; width:182px;}
.field-ranking .tab-nav{border:0;}
.field-ranking .tab-nav li{width:33.333%;}
.field-ranking .tab-nav a{width:100%; height:30px; font-size:14px; line-height:30px; border:1px solid #ddd; border-bottom:2px solid #222; border-radius:0; background:#fff;}
.field-ranking .tab-nav .active{box-shadow:none;}
.field-ranking .tab-nav .active a{font-weight:700; color:#fff; border-color:#114da3; border-bottom:2px solid #114da3; background:#114da3;}
.field-ranking article{margin:0; padding:10px 0 0; border:0; box-shadow:none;}
.tbl-ranking{font-size:13px;}
.tbl-ranking th{height:35px;}
.tbl-ranking td{height:32px; text-align:center; background:#f9f9f9;}
.data-ranking{height:384px;}
.data-ranking .chart-area{float:left; width:33.333%;}
.data-ranking .btn-more{position:absolute; bottom:80px; right:70px; width:60px; height:60px; box-sizing:border-box; padding:34px 0 0; font-size:13px; text-align:center; border:1px solid #c3c3c3; border-radius:6px;}
.data-ranking .btn-more:before{position:absolute; top:10px; left:50%; width:1px; height:16px; content:''; background:#878787; transform:translateX(-50%);}
.data-ranking .btn-more:after{position:absolute; top:17px; left:50%; width:16px; height:1px; content:''; background:#878787; transform:translateX(-50%);}

.modal{position:absolute; top:0; left:0; z-index:50; display:none;}
.modal-inner{position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #222; background:#fff;}
.modal-header{position:relative; height:60px; padding:0 20px; background:#394153;}
.modal-header h1{font-size:16px; font-weight:700; color:#fff; line-height:60px;}
.modal-header .btn-modalClose{position:absolute; top:20px; right:20px; width:20px; height:20px; overflow:hidden; text-indent:-9999px;}
.modal-header .btn-modalClose:before{position:absolute; top:-1px; left:10px; width:1px; height:22px; content:''; background:#fff; transform:rotate(45deg);}
.modal-header .btn-modalClose:after{position:absolute; top:-1px; left:10px; width:1px; height:22px; content:''; background:#fff; transform:rotate(-45deg);}
.modal-body{padding:20px;}
.modal-body .content-wrap{overflow:auto;}
.modal-body .info{margin:15px 0 0; font-size:13px; color:#555; text-align:center;}
.modal-body .paging{margin-top:20px;}
.modal-body .btn-excel{float:right; height:32px; box-sizing:border-box; margin:-32px 0 0; padding:0 12px; font-size:14px; color:#016634; line-height:32px; border:1px solid #016634; border-radius:4px; background:#fff;}
.modal-footer { padding: 15px; text-align: center; background: #f9f9f9; border-top: 1px solid #eee; }

.tbl-data{font-size:14px; border-top:1px solid #aaa;}
.tbl-data th{padding:8px; text-align:left; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:#f9f9f9;}
.tbl-data td{padding:8px; text-align:right; border-bottom:1px solid #e5e5e5;}
.tbl-data tr:last-child th,
.tbl-data tr:last-child td{border-bottom-color:#ababab;}
.tbl-data-topHeader{font-size:14px; border-top:1px solid #aaa;}
.tbl-data-topHeader th{padding:8px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background:#f9f9f9;}
.tbl-data-topHeader td{padding:8px; text-align:center; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.tbl-data-topHeader th:last-child,
.tbl-data-topHeader td:last-child{border-right:0;}
.tbl-data-topHeader tr:last-child td{border-bottom-color:#aaa;}

#status-modal{width:340px; height:400px;}
#data-modal{top:50%; left:50%; width:780px; height:520px; transform:translate(-50%, -50%);}

/* Jaewoong Added */
.map-navi .depth2 li:hover{background-color:#ccc}
#data-modal{height:570px;} /*JungHun Added*/

/* Junghun Added */
#default-example-modal-lg-center {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 9999;}
#default-example-modal-lg-center .modal-dialog { position: relative; width: 800px; margin: 10% auto; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,.3);}
#default-example-modal-lg-center .modal-header {background: #0265e9; color: #fff; padding: 15px 20px; display: flex; justify-content: space-between;}
#default-example-modal-lg-center .close { color: #fff; border: none; background: none; font-size: 20px; cursor: pointer; }
#default-example-modal-lg-center .modal-body { padding: 20px; }
#default-example-modal-lg-center table { width: 100%; border-collapse: collapse; margin-bottom: 10px; }
#default-example-modal-lg-center th { background: #f4f4f4; width: 20%; padding: 10px; border: 1px solid #ddd; }
#default-example-modal-lg-center td { padding: 10px; border: 1px solid #ddd; }
#default-example-modal-lg-center .form-control { width: 100%; padding: 8px; box-sizing: border-box; border: 1px solid #ccc; }


.d-flex { display: flex; align-items: center; gap: 8px; }
#insertBtn { background: #0265e9; color: #fff; border: none; padding: 10px 25px; border-radius: 4px; cursor: pointer; font-weight: bold; }
.btn-secondary { background: #6c757d; color: #fff; border: none; padding: 10px 25px; border-radius: 4px; cursor: pointer; margin-right: 5px; }


/* Hwang Added */
.tbl-topHeader th{height:50px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f9f9f9;min-width:80px;}
#userStatTable{overflow-x: auto; width: 100%;}

/*.layer-list .btn-visible{position:absolute; top:10px; right:35px; width:23px; height:17px; overflow:hidden; text-indent:-9999px; border:0; background:url(../images/ico_hidden.png) no-repeat;}*/
.layer-list .btn-visible{position:absolute; top:10px; right:35px; width:23px; height:17px; overflow:hidden; text-indent:-9999px; border:0; background:url(../images/ico_visible.png) no-repeat;}
/*.layer-list .item.active .btn-visible{background:url(../images/ico_visible.png) no-repeat;}*/

/* 오버레이 */
.popover {min-width:450px;max-width: 1024px;}
.popover .popover-header {text-align:center;}
.popover-body {min-width: 276px;text-align:center;width:auto;}
.popover-body div:first-child {width: auto;height: 300px;overflow-y: scroll;overflow-x: scroll;}
.popover-body div:first-child ul {display:table;min-width: 100%;}
.popover-body div:first-child ul li {min-height:20px;display:table-row;}
.popover-body div:first-child ul li span {display:table-cell;white-space:nowrap;padding-top: 5px;padding-bottom: 5px;border-bottom: 1px black dotted;}
.popover-body div:first-child ul li span:first-child {font-weight:bolder;text-align:left;}
.popover-body div:first-child ul li span:nth-child(2) {text-align:left;padding-left:15px;}
.popover-body .title { height: 50px; line-height: 50px; background:skyblue; font-weight: bold; white-space: nowrap;}
.popover-body .t_line {border-right:solid 1px gray;}
.popover-body .lt_line {border-bottom:solid 1px gray;}
.popover-body .list { height: 40px; line-height: 40px; background: #f3f3f3; white-space: nowrap;}
.popover-body .tc {text-align:center; }

/* 유동인구 컨트롤 */
.pop-control {top:10px;right:10px;width:400px;height:auto;position:absolute;background-color: #494949;}
.pop-control #popMapHeader {padding: 5px;background:#252525;}
.pop-control #popMapHeader h5 {display: block;background: #252525;color: #63b32e;padding: 8px 10px;font-size: 14px;font-weight: 700;}
.pop-control #popMapHeader i {color: white;height:40px;}
.pop-control #popMapBody {background: #494949;}
.pop-control dl {min-height:40px;}
.pop-control dl dt {display:table-cell;vertical-align:middle;width:100px;padding-right:15px;min-height:40px;}
.pop-control dl dd {display:table-cell;vertical-align:middle;width:300px;margin:0;}
.pop-control dl dd select {width: 100px;}
.pop-control dl dd select:nth-child(2) {float: left;margin-right: 15px;}
.pop-control #popMapDetail {border: 1px solid black;padding: 10px;}
.pop-control #popMapDetail dl dt {width: 20%;padding-left: 10px;text-align: center;}

.pop-control #popMapFooter {padding: 5px;background:#252525;}
.pop-control #popMapFooter h5 {display: block;background: #252525;color: #63b32e;padding: 8px 10px;font-size: 14px;font-weight: 700;}
.pop-control #popMapFooter i {color: white;height:40px;}
.pop-control #popMapLegend {border: 1px solid black;padding: 10px;background: #494949;}
.pop-control #popMapLegend .card {background: #494949;}
.pop-control #popMapLegend dl dt {width: 20%;padding-left: 10px;text-align: center;}

/* 분석데이터 컨트롤 */
.pop-control {top:10px;right:10px;width:400px;height:auto;position:absolute;background-color: #494949;}
.pop-control #SalesStatusHeader {padding: 5px;background:#252525;}
.pop-control #SalesStatusHeader h5 {display: block;background: #252525;color: #63b32e;padding: 8px 10px;font-size: 14px;font-weight: 700;}
.pop-control #SalesStatusHeader i {color: white;height:40px;}
.pop-control #SalesStatusBody {background: #494949;}
.pop-control #popMapDetail {border: 1px solid black;padding: 10px;}
.pop-control #popMapDetail dl dt {width: 20%;padding-left: 10px;text-align: center;}

.pop-control #popMapFooter {padding: 5px;background:#252525;}
.pop-control #popMapFooter h5 {display: block;background: #252525;color: #63b32e;padding: 8px 10px;font-size: 14px;font-weight: 700;}
.pop-control #popMapFooter i {color: white;height:40px;}
.pop-control #popMapLegend {border: 1px solid black;padding: 10px;background: #494949;}
.pop-control #popMapLegend .card {background: #494949;}
.pop-control #popMapLegend dl dt {width: 20%;padding-left: 10px;text-align: center;}

/*자동등록방지 페이지 설정*/
.captcha {width:auto; margin-right:5px; padding:0;}
.ico-captVoice {display: inline-block; width: 18px; height: 18px; background: url('../images/ico_playAudio.png') no-repeat center; background-size: 100% 100%; vertical-align: middle; margin-right: 4px;}
.ico-captReset{display: inline-block; width: 18px; height: 18px; background: url('../images/ico_reset.png') no-repeat center; background-size: 100% 100%; vertical-align: middle; margin-right: 4px;}
.btn-default.captcha {display: flex; align-items: center; padding: 5px 10px;}


.content-wrap{min-height:381px;}
table.amountList {width:100%;}
table.amountList td:first {background: white;}
.tbl-data-topHeader th {white-space:nowrap;}
.tbl-data-topHeader td {white-space:nowrap;}
.tbl-data td {min-width: 140px;}
.hand {cursor : pointer; }
.divide-info{left:22px;color:black;}
.search-list {display: none; margin: 10px 0 6px;border: 1px solid #ddd;border-radius: 6px;background: #fff;max-height:150px;overflow: hidden;overflow-y: scroll;}
.search-list .list {padding:10px 15px 10px; font-size:13px;}
.search-list .list > li {border-bottom: 1px dotted black;padding-bottom: 9px;margin-bottom:9px;padding-top:3px;}
.map-navi .depth2 a{padding:0 30px; white-space:nowrap;}
.bbs-list .info {width: auto;}
.layer-list .title p {font-size: 0.67vw;}
.layer-list input[type="range"] {-webkit-appearance: none;width: 100%;height: 6px;margin: 0 0 20px;border-radius: 3px;background: #ddd;background-image: linear-gradient(#215093, #215093);background-size: 50% 100%;background-repeat: no-repeat;}
.ico-divide {display: inline-block;width: 14px;height: 14px;margin: 0 5px 0 0;vertical-align: middle;background: url(../images/ico_divide.png) no-repeat center;}
.tab-con .btn-more {top: 17px;}

.modal-body .paging_cnt {width: 300px;height: 20px;position: absolute;top: 60px;font-size:8pt;margin-top: 10px;left: calc(100% - 100px);}
#infoDiv .slick-arrow{position:absolute; top:50%; z-index:10; width:10px; height:40px; overflow:hidden; padding:0; text-indent:-9999px;}
#infoDiv .slick-prev{left:85%; transform:translate(-282px, -50%);}
#infoDiv .slick-prev:before{position:absolute; top:8px; left:7px; width:35px; height:35px; box-sizing:border-box; content:''; border-bottom:2px solid #888; border-left:2px solid #888; transform:rotate(45deg);}
#infoDiv .slick-next{left:40px; transform:translate(282px, -50%);}
#infoDiv .slick-next:before{position:absolute; top:8px; right:7px; width:35px; height:35px; box-sizing:border-box; content:''; border-top:2px solid #888; border-right:2px solid #888; transform:rotate(45deg);}

#content {position:relative; width:1200px; margin:0 auto;  padding-bottom:40px;  min-height:500px;}
.error_box {width:980px;margin:0 auto;}
.banner_area{border-bottom:2px solid #767676;margin-top:140px;padding:0 0 14px 19px;}
.error_area{position:relative;width:630px;padding:95px 0 0 220px;background:url('../images/img_error_256.png') no-repeat 120px 85px;text-align:left;}
.error_area .error_num{position:absolute;top:111px;left:102px;font-size:30px;color:#2b488c;font-weight:bold;}
.error_area strong{display:block;padding-bottom:20px;font-size:26px;color:#333333;margin-left:180px;text-align:center;padding-left: 40px;}
.error_area p{display:block;padding:40px 0 40px 40px;border-top:1px solid #eeeeee;color:#666666;line-height:30px;margin-left: 180px;text-align:center;}
.error_area a{display:inline-block;width:200px;height:50px;margin-top:65px;background:#2b488c;text-align:center;line-height:50px;color:#fff;font-size:16px;}
.error_area a.main{background:#2b488c;}
.error_area a.prev{background:#77bb66;}