body {background: #f0f0f0; }

/* header */
#header {position: relative; background: rgba(0,0,0,.15); padding-left: 1.5em; padding-right: 1.5em; }
#logo {float: left; width: 250px; }
#logo a {display: block; padding-top: .5em; font-family: 'NEXON'; font-size: 1.125em; font-weight: 700; letter-spacing: -.5px; margin-left: -.5em; }
#logo img {/* width: 100%; */ }

/* */
.gnb {float: left; width: calc(100% - 250px); /* position: absolute; left: calc(50% - 300px); */ }
.gnb ul {text-align: center; }
.gnb ul li {display: inline-block;  }
.gnb ul li a {position: relative; display: block; padding: .75em 1.5em; font-family: 'NEXON'; font-weight: 700; /* color: #fff;  */ }
.gnb ul li.on a {background: #fff; border-radius: 1em 1em 0 0; font-weight: 700; }
.gnb ul:after, #header:after {display: block; content: ''; clear: both; }


.page_wrap {position: relative; /* padding: 0 1.5em 1.5em;*/  /* overflow: hidden; */  }
.page_wrap.main {padding: 0 1.5em 1.5em; }
.page_wrap_inner {padding: 1.75em; background: #fff; border-radius: 1em; }
.page_wrap h2.page_tit {font-family: 'NEXON'; font-size: 1.375em; font-weight: 700; color: #333; padding-bottom: .125em; border-bottom: 1px solid #e8eaed; margin-bottom: .5em; }
.main h2.page_tit {border-bottom: 0 !important; }


.left_nav {/* position: absolute; left: 1em; top: 4em;*/  width: 220px; background: /*#0d3c58;*/ #ddd; }
.left_nav li {background: #0d3c58; padding-left: 1em; padding-right: 1em; }
.left_nav li a {display: block; padding: .75em; color: #fff; /* border-top: 1px solid #143144; */ }
.left_nav li.on {background: #0079c2; }
.left_nav li:first-child a {border-top: 0; }



.sec_wrap {position: relative; /* position: absolute; top: 1em; left: calc(220px + 1em); width: calc(100% - 220px - 1em); padding: 1em; padding-top: 0; */  }

/* tab nav */
.tab_nav {}
.tab_nav ul {padding: 0 1em; }
.tab_nav ul li {display: inline-block; text-align: center; margin-left: 2em;}
.tab_nav ul li:first-child {margin-left: 0; }
.tab_nav ul li a {display: block; cursor: pointer; }
.tab_nav ul li.on a {/* background: #00a0fb; color: #fff; */ font-weight: 700; color: #56cdca; border-bottom: 2px solid #56cdca; }
.tab_nav ul:after {display: block; content: ''; clear: both; }



/* sec_inner */
.sec_inner {height: calc(100% - 13.25em); }
.sec_inner:after {display: block; content: ''; clear: both; }

.cont_box {background: #044980; /* height: 100%; */  color: #fff; }
.cont_box_tit {font-size: 1.125em; font-weight: 700; text-align: center; padding: 1em 0; }


.cont_box_header {border-bottom: 1px solid #e8eaed; display: flex; align-items: center; justify-content: space-between; position: relative; }
.cont_box_header .data_tit {position: relative; float: left; font-size: 1.125em; font-weight: 700; padding-left: 1em; }

.tab_area {text-align: right; }
.tab_area .tab_btn {display: inline-block; padding: .25em 0; font-size: .937em; text-align: center; margin-left: 1em; cursor: pointer; }
.tab_area .tab_btn:first-child {margin-left: 0; }
.tab_area .tab_btn.on {font-weight: 700; color: #0694b9; border-bottom: 2px solid #0694b9; }

.cont_box_header .search_area {padding: 1em; }
.cont_box_header .search_area .form_group {display: inline-block; }
.cont_box_header .search_area .form_control {width: auto; min-width: 7em; min-height: 32px; display: inline-block; }
.cont_box_header .search_area .btn_search {font-size: .875em; padding: .5em 1em; border-radius: 0; background: #044980; border: 1px solid #849eb3; color: #fff;  margin-left: .25em; }
.cont_box_header .search_area .form_control[name="S_MONTH"], .cont_box_header .search_area .form_control[name="E_MONTH"], 
.cont_box_header .search_area .form_control[name="S_QUARTER"], .cont_box_header .search_area .form_control[name="E_QUARTER"] {min-width: auto; margin-left: .25em; }


.cont_box_header .map_loc {}
.cont_box_header .map_loc span {position: relative; padding-left: .75em; margin-left: .5em; cursor: pointer; }
.cont_box_header .map_loc span:first-child {padding-left: 0; margin-left: 0; }
.cont_box_header .map_loc span:before {display: block; content: ''; position: absolute; left: 0; top: calc(50% - 4px); width: 1px; height: 8px; background: #fff; }
.cont_box_header .map_loc span:first-child:before {display: none; }


.cont_box_body {padding: 1em; } 
.card_cont {/* display: flex;*/  padding: 0; align-items: center; }
.card_cont dl {margin-top: 1em; text-align: center; background: #083c67; cursor: default; min-width: 12.5em; }
.card_cont dl:first-child {margin-top: 0; border-top: 2px solid #048ca8; }
.card_cont dl:nth-child(2) {border-top: 2px solid #6b7098; }
.card_cont dl:nth-child(3) {border-top: 2px solid #849eb3; }
.card_cont dl:nth-child(4) {border-top: 2px solid #8ba5d6; }
.card_cont dl dt {padding: .375em .25em; }
.card_cont dl dd {/*border: 1px solid #fff;*/ padding: .5em .25em; }
.card_cont dl dd span {display: block; }
.card_cont dl dd .data_val {font-size: 1.125em; font-weight: 700; letter-spacing: -.5px;}
.card_cont dl dd .data_rate {font-size: .875em; }
.card_cont .standard_date {display: block; font-size: .875em; text-align: right; margin-top: .25em; }

.cont_box_body_top {display: flex; justify-content: space-between; align-items: center; margin-bottom: .5em; }
.cont_box_body_top .data_tit {position: relative; float: left; font-size: 1.125em; font-weight: 700; padding-left: 1em; }
.cont_box_body_top .data_tit:before {display: block; content: ''; position: absolute; left: .25em; top: calc(50% - 6px); width: 4px; height: 12px; background: linear-gradient(135deg, rgba(12,188,145,1) 0%, rgba(12,163,255,1) 100%); }
.ico_wrap {position:relative; padding-right: 1em; }
.ico_wrap a {display: inline-block; border: 1px solid #a4a5a7; margin-left: .125em; /* color: #849eb3; */ font-size: 22px; color: #a4a5a7; cursor: pointer;}
.ico_wrap a.on {background: #a4a5a7; border: 1px solid #a4a5a7; color: #fff; }
.ico_wrap a .material-icons {font-size: 1.375em;}
.ico_wrap .download_type { position: absolute; right: 16px; top: 23px; background: #fff; font-size: .5em; border: 1px solid #949494; display: none; z-index: 1; }
.ico_wrap .download_type.on {display: block;}
.ico_wrap .download_type li {float:none; margin:0; padding: 0; border-top: 1px solid #ddd}
.ico_wrap .download_type li:first-child {border-top: 0;}
.ico_wrap .download_type li a {font-family: 'Pretendard-Regular'; font-size: 1em; border: 0; padding: .5em; }
.cont_box_body_top:after {/* display: block; content: ''; clear: both; */ }

.chart_area {/* min-height: calc(300px - 2em); max-height: calc(300px - 2em);*/ height: 250px; /* padding: 1em; */ /* background: #083c67; */ }
.left_total_analyze_chart_area { height: 215px; }
.chart_area canvas {/* height: 100% !important;*/}

/* table */
.table_area {background: #fff; height: 250px; overflow-y: auto;  }
.table_area table {text-align: center; width: 100%; border-top: 1px solid #333; border-width: 2px 1px 0 1px; }
.table_area table thead tr {background-color: #f4f6f9; background: #f5f1f5; }
.table_area table th {font-weight:500; border-top: 1px solid #ddd; border-right: 1px solid #dee2e6; }
.table_area table th, table td {padding: 0.5em; font-size: 0.875em; border-top: 1px solid #dee2e6; }
.table_area table td {border-right: 1px solid #dee2e6;}
.table_area table td:last-child, .table_area table th:last-child {border-right:0;}
.table_area tbody tr:last-child td {border-bottom: 3px double #dee2e6; }

/* 출처데이터 */
.cont_box_body .data_source {font-size: .875em; padding: .25em .75em; background: #f3f4f6; border-radius: 30px; }
.page_wrap_body_inner .data_source {font-size: .875em; padding: .25em .75em; background: #f3f4f6; border-radius: 30px; }

/* indicator */
.indicator_wrap {/* padding-bottom: 2em; */ /* padding-top: 2em;*/ }
.indicator_inner {padding: 1em; background: #083c67; border: 1px solid #0664a0; cursor: pointer; }
.indicator_header {  }
.indicator_header .label_type {border: 1px solid #fff; padding: .25em 1em; font-size: .875em; }
.indicator_header .indi_date {float: right; font-size: .875em; }
.indicator_wrap .slick-dots {/* bottom: 1em; */ bottom: 0em; }

.indicator_body {margin-top: 1em; text-align: center; }
.indicator_body .indi_tit {font-size: 1.125em; margin-bottom: 1em; }
.indicator_body .indi_val {font-size: 1.25em; font-weight: 700; margin-bottom: 1em; }

.visual_wrap .cont_box {/* padding-bottom: 2em; padding-top: 1em; */ }
.visual_wrap .slick-dots {bottom: .5em;}
.visual_wrap .search_area {display: flex; align-items: center; padding-left: 1em; padding-right: 1em; background: #083c67; }
.visual_wrap .search_area label {position: relative; margin-right: 1em; /* padding-left: 1em; */ }
/* .visual_wrap .search_area label:before {display: block; content: ''; position: absolute; left: 0; top: calc(50% - 6px); width: 5px; height: 5px; border: 3px solid #0064a3; border-radius: 50%; } */
.visual_wrap .search_area .form_group {display: flex; align-items: center; }



/* slick */
.slide_wrap .cont_box_body {width: calc(100% - 2em) !important; }
.slick-slide {height: max-content; height: auto; }
.slick-prev, .slick-next {width: auto; height: auto; z-index: 9;}
.slick-prev {left: 0;}
.slick-next {right: 0;}
.slick-prev:before, .slick-next:before {font-size: 25px; color: #000; }
.slick-dots {bottom: -20px; }
.slick-dots li {margin: 0 !important; float: none; }
.slick-dots li button:before {font-size: 12px; }
.slick-dotted.slick-slider {margin-bottom: 0; }

/* #메인 */
._colWrap {margin: -10px; }
._colWrap ._col {float: left; margin: 10px; }
._colWrap ._col12 {width: calc(100% - 20px); }
._colWrap ._col11 {width: calc(91.6666% - 20px); }
._colWrap ._col10 {width: calc(83.3333% - 20px); }
._colWrap ._col9 {width: calc(75% - 20px); }
._colWrap ._col8 {width: calc(66.6666% - 20px); }
._colWrap ._col7 {width: calc(58.8888% - 20px); }
._colWrap ._col6 {width: calc(50% - 20px); }
._colWrap ._col5 {width: calc(41.6666% - 20px); }
._colWrap ._col4 {width: calc(33.3333% - 20px); }
._colWrap ._col3 {width: calc(25% - 20px); }
._colWrap ._col2 {width: calc(16.6666% - 20px); }
._colWrap ._col1 {width: calc(8.3333% - 20px); }

._colWrap:after {display: block; content: ''; clear: both; }

.theme_wrap {float: right; padding: 1em; }
.theme_wrap .btn {font-size: .875em; border-radius: 0; padding: .25em .5em; }

.page_wrap_header {display: flex; justify-content: start; align-items: center; }
.page_wrap_header .page_tit {float: left; width: 300px; }
.page_wrap_header .search_wrap {/* float: left; width: calc(100% - 300px); text-align: right; */ }
.page_wrap_header .search_wrap .form_group {display: inline-block; }
.page_wrap_header .search_wrap .form_control {display: inline-block; width: auto; min-width: 7.5em; background: transparent; color: #fff; /* border: 1px solid rgba(0,0,0,.3); border: 1px solid #849eb3; */ border: 1px solid #d0d5da; }
.page_wrap_header .search_wrap .form_wave {display: inline-block; margin-left: .25em; margin-right: .25em; }
.page_wrap_header .search_wrap .btn_search {border: 1px solid #849eb3; color: #fff; background: #044980; padding: .375em .75em; vertical-align: bottom; min-height: 30.5px; }

/* .page_wrap_header:after {display: block; content: ''; clear: both; } */ 

.page_wrap_body {padding: .5em 0 0; }
.parti > div {float: left; }
.parti .summary_wrap {height: 100%; max-height: 430px;  background: linear-gradient(135deg, rgba(12,188,145,1) 0%, rgba(12,163,255,1) 100%); /* background: linear-gradient(135deg, rgba(2,28,121,1) 0%, rgba(86,207,198,1) 100%); */  border-radius: .5em;}
.summary_wrap h4 {font-family: 'NEXON'; font-size: 1.125em; font-weight: 700; color: #fff; padding: .75em 1em; }
.summary_wrap ul { }
.summary_wrap > ul > li {float: left; width: 50%; height: calc(50% - 27.5px); }
.summary_wrap ul li .card {padding: 1.5em 1.25em; /* text-align: center; */ color: #fff; }

.summary_wrap ul:after {display: block; content: ''; clear: both; }

.parti .chart_wrap { }
.page_wrap_body .chart_wrap .chart_area { }

.card .card_header {/* display: inline-block; width: 100px; */  font-size: 1em; margin-bottom: .25em; }

.card .card_body {/* display: inline-block; */  }
.card .card_body .data_val {font-size: 1.25em; font-weight: 700; }
.indicator_card .slick-dots { width: auto; right: 5px; bottom: 5px; }
.indicator_card.slick-dotted { margin-bottom: 0;}
.indicator_card .card { justify-content: space-between;}

.page_wrap_body .chart_area {background: transparent; }

.page_wrap_body_inner {border: 1px solid #849eb3; position: relative;}
.page_wrap_body_inner h3 {font-family: 'NEXON'; font-size: 1.125em; font-weight: 700; /* color: #fff; */ padding: .5em .75em; }

.pop_button { display: inline-block; position: absolute; right: .75em; top: 1.25em;}
.pop_button .btn {/* padding: .375em .75em;*/ padding: .25em 0; margin-right: 1em; margin-left: .5em; border-radius: 0em; /* background: #ecf4f7;*/ background: transparent;  font-size: .937em; /* margin-left: .5em; */ }
.pop_button .on {/* background: #0694b9; color: #fff; */ color: #0694b9; font-weight: 700; border-bottom: 2px solid #0694b9; } 

.page_wrap_body:after {display: block; content: ''; clear: both; }
.chart_area.hidden {display: none;}

/* -- ulsan */
body.ulsan {/* background: #f8f9fd; */  background: #c5dbe9; background: #f5f5f5; }
body.ulsan #header {/* background: #2A3F54;*/  background:transparent; margin-top: 1em; }
body.ulsan .page_wrap_header .search_wrap .form_control {color: #4f4f4f; }
body.ulsan .page_wrap_header .search_wrap .btn_search {background: #0064a3; border-color: #0064a3;}

body.ulsan .summary_wrap ul li .card {/*background: #fff;*/ border-top: 1px solid #ddd; color: #fff; display: flex !important;  justify-content: flex-start; align-items: center;  }
body.ulsan .summary_wrap ul li .card .card_icon {width: 55px; height: 55px; background: #e9f8f8; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-bottom: .5em; display: none; }
body.ulsan .summary_wrap ul li .card .card_inner {/* padding-left: 1em; */ }
body.ulsan .summary_wrap ul li .card .card_inner .card_header h6 {display: inline-block; padding: .25em 1em; border-radius: 20px; background: #fff; color: rgba(12,188,145,1); }

body.ulsan .page_wrap_body_inner {/* border-color: #ddd; */  background: #fff; border-radius: .5em; box-shadow: 0px 0px 11px 1px rgb(20 23 33 / 10%); }
.page_wrap_inner2 {float: left; width: calc(100% - 250px - 3em); min-height: calc(100% - 6em); margin-left: 1.5em;}
bod250y.ulsan .page_wrap_body_inner h3 {/* color: #73879C; border-bottom: 2px solid #E6E9ED; */ color: #000; }

body.ulsan .card .card_body span {margin-top: .5em; display: block; letter-spacing: -.5px; }
body.ulsan .card .card_body .data_val {/* color: #1ABB9C; */ }
body.ulsan .card .card_body .data_rate {color: #fff; display: block; }
body.ulsan .card .card_body .data_src {font-size: .875em; }

body.ulsan .left_nav {float: left;  width: 250px; height: calc(100% - 5.5em); border-radius: 0 1em 1em 0; background: linear-gradient(135deg, rgba(12,188,145,1) 0%, rgba(12,163,255,1) 100%); /* background: #0d3c58; background: #ddd; */}
body.ulsan .left_nav li {background: transparent; padding-left: 0; padding-right: 0; }
body.ulsan .left_nav li a {position: relative; display: block; padding: .75em 1em; font-size: 1.125em; color: #fff; border-bottom: 1px solid #56cdca; }
body.ulsan .left_nav li.on {background: transparent; }
body.ulsan .left_nav li.on a:after {content: ''; display: block; position: absolute; /* left: 0; top: 0; width: 4px; height: 100%; background: #0d6594; */ }
body.ulsan .left_nav li:first-child a {/* border-top: 1px solid #56cdca; */ }


body.ulsan .cont_box {/* background: transparent; */ background: #fff; color: #000; border-radius: 1em; }

body.ulsan .indicator_wrap {padding-bottom: 1em; margin-bottom: 1.5em; }
body.ulsan .indicator_inner {/*background: #1db3a9;*/ background: #fff; border: 0; /* box-shadow: 0 0 4px rgb(0 0 0 / 12%);*/ box-shadow: 0 0 15px 0px rgb(62 60 98 / 8%); border-radius: .5em; }
body.ulsan .indicator_header .label_type {border: 1px solid #0758d1; border-radius: 30px; background: #0758d1; border: 1px solid #333; background: #333; color: #fff; }

body.ulsan .indicator_inner.on {/* background: #0d6594; color: #fff; */ border: 1px solid #56cdca; box-shadow: 0 0 15px 5px rgb(62 60 98 / 8%);  }
body.ulsan .indicator_inner.on .label_type {/* border: 1px solid #fff; */ }

body.ulsan .visual_header {padding: .75em 1em; /* background: #0d6594; */ background: #f8f9fd; font-size: 1.125em; color: #333; border-radius: 1em 1em 0 0;}
body.ulsan .visual_header h5 {font-family: 'NEXON'; font-weight: 700; }

body.ulsan .visual_wrap {/* background: #fff; */ background: #f8f9fd; border-radius: 0 0 1em 1em; padding-bottom: 1em; }
body.ulsan .visual_wrap .search_area {background: transparent; }
body.ulsan .visual_wrap .slick-slide > div {padding: 1em; padding-top: 0; }
body.ulsan .main .chart_area {padding: 1em; height: 340px; }
body.ulsan .grdp .chart_area {margin: 1em 0; }

.grdp .visual_wrap {padding: 1em; margin-top: 1em; border-radius: 1em !important;}
.grdp .cont_view {padding: 1em; }
.cont_view h3 {position: relative; font-family: 'NEXON'; font-size: 1.125em; font-weight: 700; padding-left: 1em; }
.cont_view h3:before {display: block; content: ''; position: absolute; left: 0; top: 5px; width: 5px; height: 5px; border: 3px solid; border-radius: 50%; border-image: linear-gradient(135deg, rgba(12,188,145,1) 0%, rgba(12,163,255,1) 100%); border-image-slice: 1;}


/* 민간 */
.consumeTrend .sec_inner, .populationTrend .sec_inner {padding-top: 1em; }
.map_area_header {border-bottom: 0; /* margin-top: 1em; */ }

.map_loc {padding: .25em .75em; background: #56cdca; color: #fff; border-radius: 30px; font-size: .875em; }
/* .map_loc span {position: relative; display: inline-block; padding-left: 1.5em; }
.map_loc span:first-child {padding-left: 0; }
.map_loc span:before {display: block; content:'<'; position: absolute; left: .5em; top: 3px; font-family: 'NEXON'; font-size: .75em; font-weight: 700; }
.map_loc span:first-child:before {display: none; }
 */
 
.populationTrend .slick-slide > div {padding-top: 1em !important; }
.populationTrend .visual_wrap .slick-dots {bottom: -.65em; }

/*지도 선택/해제 시*/
.map_area g#area g text {/* opacity: 0; */ }

.map_area g:not(.ignore) path { cursor: pointer; }
.map_area g:not(.ignore).on path {fill: rgba(79, 186, 192, .85); }


.cont_view_inner {padding: .5em 0; }
.cont_view_inner .search_wrap {display: flex; justify-content: space-between; align-items: center; background: #f1f5f5; padding: 1em; border-radius: 1em; margin-bottom: 1em; }
.cont_view_inner .search_wrap .search_wrap_inner {display:flex; }
.cont_view_inner .search_wrap_inner .form_control {min-height: 38px; display: inline-block;}
.cont_view_inner .search_wrap_inner .search_type { width: 100px; }
.cont_view_inner .search_wrap_inner .search_txt {width: calc(100% - .5em); margin-left: .25em; margin-right: .25em; }
.cont_view_inner .search_wrap_inner .btn_filter {width: 38px; height: 38px; border-radius: 0; background: #10a79e; display: flex; align-items: center; justify-content: center; }
.cont_view_inner .btn_filter .material-icons {color: #fff; }

.list_wrap {}
.list_wrap ul {border-top: 2px solid #333; }
.list_wrap li {}
.list_wrap li a.quest {position:relative; display: block; font-weight: 700; padding: 1.25em; padding-left: 4em; border: 1px solid #ddd; border-top: 0; cursor: pointer; }
.list_wrap li a.quest:before {display: flex; content: 'Q'; position: absolute; left: .65em; top: calc(50% - 20px); width: 40px; height: 40px; background: #10a79e; border-radius: 50%; align-items: center; justify-content: center; font-family: 'NEXON'; font-size: 1.125em; color: #fff; }

.list_wrap li p.ansr {position: relative; display: none; padding: 1em; border: 1px solid #ddd; border-top: 0; padding-left: 3em; background: #f1f5f5; }
.list_wrap li p.ansr.on {display: block; }
.list_wrap li p.ansr:before {display: block; content: 'A.'; position: absolute; left: 1.875em; top: 1em; }

.link_txt {position: relative; display: block; padding: .25em .5em 0; }
.link_txt:before {display: block; content: ''; position: absolute; left: 0; top: calc(50% - 1.5px); width: 3px; height: 3px; background: #333; }
.link_txt ._link {color: #0064a3; }


.smr {position: relative; padding: 2.5em; background: #f7f7f7; margin-bottom: 2em; }
.smr:before {display: block; content: ''; position: absolute; right: 2.5em; bottom: 1em; width: 200px; height: 130px; background: url(../../images/smr_bg.png) no-repeat; }
.smr h6 {font-size: 1.125em; font-weight: 700; margin-bottom: .75em; }

.ncsr {padding: 1.25em 0; }
.ncsr h6 {font-size: 1.125em; text-align: center; padding-top: 1.25em; }
.ncsr h6 b {display: block; font-family: 'NEXON'; font-size: 1.25em; font-weight: 700; padding-top: .25em; background: linear-gradient(135deg, rgba(12,188,145,1) 0%, rgba(12,163,255,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.ncsr ul {display: flex; align-items: center; justify-content: space-evenly; }
.ncsr ul li {position: relative; display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 1.25em; font-weight: 700; }
.ncsr ul li:first-child {margin-left: 0; }
.ncsr ul li:after {display: flex; content: '+'; position: absolute; width: 50px; height: 50px; left: -.125em; border-radius: 50%; font-size: 1.75em; font-weight: 100; color: #fff; align-items: center; justify-content: center; }
.ncsr ul li span {font-size: .875em; color: #333; }
.circle {width: 200px; height: 200px; border: 4px solid #ddd; border-radius: 50%;}
.elips {width: 33.333%; padding: 1.5em; border-radius: 80px; margin-left: -4em; color: #fff; }

.elips.c1 {background: #45c79b; background: rgba(69,199,155,.75); }
.elips.c1:after {display: none; }
.elips.c2 {background: #25a1ac; background: rgba(37,161,172,.75); }
.elips.c3 {background: #0c83ba; background: rgba(12,131,186,.75); }

.bnf {display: flex; padding-top: 1em; }
.bnf li {width: 50%; padding: 0 .5em; font-size: 1.125em; font-weight: 700; }
.bnf li .bnf_inner {display: flex; align-items: center; border: 8px solid; border-image: repeating-linear-gradient(45deg, #ddd, #ddd 1px, #fff 2px, #fff 4px); border-image-slice: 10; padding: 1.25em; }
.bnf_inner .bnf_ico {display: inline-block; width: 60px; height: 60px; background: #f7f7f7; border-radius: 50%; margin-right: 1em; }

.cont_view_inner .process {display: flex; justify-content: center; padding-top: .5em; padding-bottom: 1em; }
.cont_view_inner .process li {width: 25%; min-width: 250px; margin-right: 1em; }
.cont_view_inner .process li h6 {position: relative; font-family: 'NEXON'; font-size: 1.125em; font-weight: 700; text-align: center; padding: 1.75em; border-radius: 1em; z-index: 2; min-height: 90px; }
.cont_view_inner .process li.step1 h6 {background: #01a1ff; color: #fff; }
.cont_view_inner .process li.step2 h6 {background: #27b956; color: #fff; }
.cont_view_inner .process li.step3 h6 {background: #ff8424; color: #fff; }

.cont_view_inner .process li .step_header {position: relative; }
.shape_arr {position: absolute; right: -3em; top: 0; width: 68px; height: 90px; z-index: 3; }

.cont_view_inner .process li dl {position: relative; padding: 1.5em; margin-top: -1em; padding-top: 2.5em; border-radius: 0 0 .25em .25em; min-height: 220px; }
.cont_view_inner .process li.step1 dl {background: #e0f2fc; }
/* .process li.step1 dl:before {display: block; content: ''; position: absolute; top: calc(50% - 20px); right: 3em; width: 50px; height: 80px; background: url(/images/step1_bg.png) no-repeat; } */
.cont_view_inner .process li.step2 dl {background: #dffcea;}
.cont_view_inner .process li.step3 dl {background: #fcf6e0;}

.cont_view_inner .process li dl dt {font-size: 1.125em; font-weight: 700; margin-bottom: .5em; text-align: center; }
.cont_view_inner .process li dl dd {text-align: center; padding-top: .25em; }

.cont_view_inner .process li.step1 dt {color: #01a1ff;}
.cont_view_inner .process li.step1 dd {color: #01a1ff; }

.cont_view_inner .process li.step2 dt {color: #27b956;}
.cont_view_inner .process li.step2 dd {color: #27b956; }

.cont_view_inner .process li.step3 dt {color: #ff8424;}
.cont_view_inner .process li.step3 dd {color: #ff8424; background: #fcdeb8; padding: .5em; border-radius: .5em; margin-top: 1em; font-weight: 700; }

.cont_view_inner .process li dl.b_dot dd {position: relative; padding-left: 1em; margin-bottom: .25em; }
.cont_view_inner .process li dl.b_dot dd:before {display: block; content: ''; position: absolute; left: .375em; top: calc(50% - 1.5px); width: 3px; height: 3px; background: #01a1ff; }


.cont_view_inner > dl {padding: 0 .5em; margin-top: 1em; }
.cont_view_inner > dl:first-child {margin-top: 0; }
.cont_view_inner > dl dt {position: relative; font-size: 1.0625em; font-weight: 700; color: #0694b9; padding-left: 1.25em; }
.cont_view_inner > dl dt:before {display: block; content: ''; position: absolute; left: 0; top: calc(50% - 8px); width: 16px; height: 16px; border-radius: .125em; background: #0694b9 url(../../images/ico/ico_arrowR.png) no-repeat center; }


.contact_info {position: relative; margin-top: 3em; background: #f7f7f7; border: 1px solid #ddd; padding: 1.5em; padding-left: 5.75em; }
.contact_info:before {display: block; content: ''; position: absolute; left: 1em; top: calc(50% - 30px); width: 60px; height: 60px; background: #fff; border-radius: 50%; background: #fff url(../../images/ico/ico_contact.svg) no-repeat center center;}

.toBePage {display: flex; width: 100%; height: 600px; align-items: center; justify-content: center; padding: 1em; }
.toBePage .toBePage_inner {font-family: 'NEXON'; font-size: 1.5em; text-align: center; }
.toBePage_inner p {margin-top: 1em; }

.tmp_info {background: #f7f7f7; margin: 1em auto; font-size: 1.125em; text-align: center; }
.tmp_info span {display: inline-block; padding: 2em; padding-left: 2.25em; background: url(../../images/toBePage_bg_b.svg) no-repeat left center; background-size: 30px; }
.result .visual_wrap {padding-bottom: 0 !important; background: transparent !important; }

.legendCustom {position: absolute; right: 0; bottom: 2em; padding: 2em; font-size: .875em; }
.btn_info:hover:after {display: block; content: ''; position: absolute; left: 50%; bottom: 4px; width: 50%; height: 2px; background: #0064a3 !important; transform: translatex(-50%); /* border-bottom: 2px solid #000; */ }

.popup_wrap {position: absolute; right: 0; top: 45px; background: rgba(255,255,255,.85); padding: 1em 1.5em; border: 2px solid #0064a3; width: 100%; }


/* 신규 */
.indicator_wrap2 {background: #f8f9fd; border-radius: 1em; padding: .5em; padding-top: 1em; padding-bottom: .5em !important; margin-bottom: 1em !important; }
.indicator_wrap2 .cont_box_top {display: flex; justify-content: space-between; align-items: center; padding: 0 .5em; }
.indicator_wrap2 .cont_box_top .standard_date {font-size: .8em; border-radius: 50px; border: 1px solid #333; padding: .125em .75em; }
.indicator_wrap2 .indicator_inner {margin: -.5em; }
.indicator_wrap2 .indicator_inner:first-child {margin-top: .5em; }

.consumeTrend .indicator_wrap2 .indicator_inner:first-child {margin: .5em; box-shadow: 0 0 15px 0px rgb(62 60 98 / 8%); }
.consumeTrend .indicator_wrap .slick-dots {bottom: -.5em; }

.consumeTrend .indicator_inner, .populationTrend .indicator_inner {margin-top: 0; display: flex; flex-direction: column; width: calc(50% - 1em); float: left; padding: .5em; margin: .5em; padding-top: .75em; }
.consumeTrend .indicator_inner:first-child, .populationTrend .indicator_inner:first-child {/* border-top: 1px solid #ddd; */ }
.consumeTrend .indicator_header, .populationTrend .indicator_header {padding: 0;  }
.consumeTrend .indicator_header .label_type, .populationTrend .indicator_header .label_type {display: inline-block; /* width: 85px; height: 50px; border-radius: .5em !important;*/ }

.consumeTrend .indicator_inner dd, .populationTrend .indicator_inner dd {padding: 0; padding-top: .5em; }

.consumeTrend .slide_wrap .cont_box_body, .populationTrend .slide_wrap .cont_box_body {width: 100% !important; }

.indicator_wrap2 .cont_box_body:after {display: block; content: ''; clear: both; }

.map_wrap {background: #f8f9fd; padding: 1em; height: calc(100% - 21em); border-radius: 1em; }

.map_area {position: relative; height: calc(100% - 30px); }
.map_area .guide_txt {position: absolute; left: .5em; top: .5em; font-size: .937em; display: flex; align-items: center; color: #044980; }
.map_area .guide_txt .material-icons {font-size: 20px; margin-right: .125em; }
.flw40 {float: left; width: 40%; }
.flw50 {float: left; width: 50%; }
.flw60 {float: left; width: 60%; }
.cont_box:after {display: block; content: ''; clear: both; }
.data_notice_span {position: relative; left: .5em; font-size: .937em; align-items: center; color: #044980; }

.consumeTrend .ico_wrap {padding-right: 0; }

.consumeTrend .card_cont dl, .populationTrend .card_cont dl {/* text-align: left !important; */ }

.btn_all {position: absolute; border: 1px solid #ddd; font-size: .75em; padding: .25em .5em; cursor: pointer; }
.btn_all:hover {background: #ccc; border: 1px solid #ccc; }

.visual_wrap2 {padding: 1em; border-radius: 1em !important; height: 100%; overflow-y: auto; }
.visual_wrap2 .cont_box {margin-top: 1em; }
.visual_wrap2 .cont_box:first-child {margin-top: 0; }

.populationTrend .visual_wrap2 {padding: 0; }

.nodata {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: url(../../images/nodata_BG.gif) no-repeat center center; color: #66839b; }
.circles {cursor: pointer; }


::-webkit-scrollbar {
  width: 6px;  /* 세로축 스크롤바 길이 */
  height: 20px;  /* 가로축 스크롤바 길이 */
}
::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
::-webkit-scrollbar-track-piece {
  background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #cdcdcd;
}


/* apexchart */
.apexcharts-data-labels {display: none; }

@media screen and (max-width:1750px) {
	#consumeCostAmountPerInflows ._col_wrap li._col5 {width: calc(50% - 2em)}
	#consumeCostAmountPerInflows ._col_wrap li._col7 {width: calc(50% - 2em)}
}


@media screen and (max-width:1500px) {
	/* .parti .summary_wrap {width: 33.333%; }
	.parti .chart_wrap {width: 66.666%; }
	.consumeTrend ._col6 {width: calc(100% - 2em) !important; } */
	.main ._colWrap ._col4, .main ._colWrap ._col8 {width: calc(100% - 20px); }
	
	.consumeTrend ._col_wrap li._col5, .populationTrend ._col_wrap li._col5 {width: calc(100% - 2em)}
	.consumeTrend ._col_wrap li._col7, .populationTrend ._col_wrap li._col7 {width: calc(100% - 2em)}
	
	.visual_wrap2 {overflow-y: visible; }
	
	#consumeCostAmountPerInflows ._col_wrap li._col5 {width: calc(41.666% - 2em);}
	#consumeCostAmountPerInflows ._col_wrap li._col7 {width: calc(58.333% - 2em)}
}
@media screen and (max-width:1200px) {
	body.ulsan .summary_wrap ul li .card .card_icon {width: 55px; height: 55px; }
	.card .card_body .data_val {font-size: 1.125em; }
	
	#consumeCostAmountPerInflows ._col_wrap li._col5 {width: calc(100% - 2em);}
	#consumeCostAmountPerInflows ._col_wrap li._col7 {width: calc(100% - 2em)}
	
}
@media screen and (max-width:1024px) {
	.parti .summary_wrap {width: 100%; height: auto; }
	.card .card_body .data_val {font-size: 1.25em; }
	.parti .chart_wrap {width: 100%; padding-left: 0; padding-top: 1.5em; }
	._colWrap ._col8 {width: calc(100% - 20px); }
	._colWrap ._col4 {width: calc(100% - 20px); }
	._colWrap ._col6 {width: calc(100% - 20px); }
	
	._col_wrap li._col4 {width: calc(100% - 2em); }
	._col_wrap li._col8 {width: calc(100% - 2em); }
	.card_cont {display: flex; flex-wrap: wrap; margin: -1em -1em; }
	.card_cont dl {width: calc(50% - 2em); min-height: 150px; margin: 1em; }
	
}
@media screen and (max-width:920px) {
	#logo {float: none; }
	.gnb {float: none; width: 100%; }
}
@media screen and (max-width:767px) {
	body {font-size: 14px; }
	.page_wrap_header {flex-direction: column; }
	.page_wrap_header .page_tit {width: auto; }
}
@media screen and (max-width:640px) {
	
}
@media screen and (max-width:480px) {
	
}


/* 박성환 수정 [시작]*/
/* 박성환 수정 [시작]*/
/* 박성환 수정 [시작]*/
.visual_wrap .search_area2 {display: flex; align-items: center; padding-left: 1em; padding-right: 1em; }
.visual_wrap .search_area2 label {position: relative; margin-right: 1em; }
.visual_wrap .search_area2 .form_group {display: flex; align-items: center; }

.cont_box_header2 {border-bottom: 1px solid #e8eaed; border-top: 1em solid #f8f9fd; display: flex; align-items: center; justify-content: space-between; }
.cont_box_header2 .data_tit {position: relative; float: left; font-size: 1.125em; font-weight: 700; padding-left: 1em; }

.cont_box_header2 .search_area2 {padding: 1em; }
.cont_box_header2 .search_area2 .form_group {display: inline-block; }
.cont_box_header2 .search_area2 .form_control {width: auto; min-width: 7em; min-height: 32px; display: inline-block; }
.cont_box_header2 .search_area2 .btn_search2 {font-size: .875em; padding: .5em 1em; border-radius: 0; background: #044980; border: 1px solid #849eb3; color: #fff;  margin-left: .25em; }
.cont_box_header2 .search_area2 .form_control[name="S_MONTH"], .cont_box_header2 .search_area2 .form_control[name="E_MONTH"], 
.cont_box_header2 .search_area2 .form_control[name="S_QUARTER"], .cont_box_header2 .search_area2 .form_control[name="E_QUARTER"] {min-width: auto; margin-left: .25em; }
/* 박성환 수정 [끝]*/
/* 박성환 수정 [끝]*/
/* 박성환 수정 [끝]*/



/* 박성환 consumeTrend test css (유입지별 소비 매출 - 유입지 최대 매출 업종 TOP7) [시작] */
/* 박성환 consumeTrend test css (유입지별 소비 매출 - 유입지 최대 매출 업종 TOP7) [시작] */
/* 박성환 consumeTrend test css (유입지별 소비 매출 - 유입지 최대 매출 업종 TOP7) [시작] */
#do_legend {
	height: 62px;
}

#do_legend {
	width: 100%;
}

#do_legend>ul {
	padding: 0;
	text-align: center;
}

#do_legend {
	width: 100%;
	bottom: 10%;
}

#do_legend li {
	cursor: pointer;
	margin: 4px 3px;
	display: inline-table;
}

#do_legend li span {
	position: relative;
	padding: 3px 10px;
	border-radius: 13px;
	color: white;
	z-index: 2;
	font-size: 11px;
}

#do_legend {
	height: 62px;
	overflow-y: auto;
}

.donut-area {
	height: calc(100% - 62px)
}
/* 박성환 consumeTrend test css (유입지별 소비 매출 - 유입지 최대 매출 업종 TOP7) [끝] */
/* 박성환 consumeTrend test css (유입지별 소비 매출 - 유입지 최대 매출 업종 TOP7) [끝] */
/* 박성환 consumeTrend test css (유입지별 소비 매출 - 유입지 최대 매출 업종 TOP7) [끝] */





.hot { color:#ec1e1e; }
.demo-wrapper { height:600px; background:rgba(0,0,0,.03); border:3px solid black; }
.heatmap { width:100%; height:100%; }
.btn { background:#ec1e1e; padding:10px; border:none; color:white; cursor:pointer; margin-left:5px; }
.trigger-refresh, .thankyou, .trigger-reconfig { float:right; }
.trigger-refresh, .trigger-reconfig { margin-top:10px; }

.breadcrumb-trail { margin-bottom:10px;}

.datalist{display: grid; grid-auto-flow: column; width:755px;}
.rangeInput{width:755px;}


#floating-panel {
  position: absolute;
  top: 10px;
  left: 25%;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: "Roboto", "sans-serif";
  line-height: 30px;
  padding-left: 10px;
}

#floating-panel {
  background-color: #fff;
  border: 1px solid #999;
  left: 25%;
  padding: 5px;
  position: absolute;
  top: 10px;
  z-index: 5;
}

.big_table.w30 {width: 30%;}
.big_table.w20 {width: 20%;}
.big_table.w25 {width: 25%;}
.big_table.w26 {width: 26%;}
.big_table.w50 {width: 50%;}
.big_table.w57 {width: 57%;}
.big_table.w60 {width: 60%;}
.big_table {box-shadow: 0 0 16px rgb(62 60 98 / 31%); border-radius: 7px 7px 0 0; overflow: hidden;}
.big_table tr th {padding:0.5px 10px; font-weight: 600; color: #000; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background-color: #0caae3; color: #fff; font-size: 14px; vertical-align:middle;}
.big_table tr td {padding: 0.5px 5px; text-align: center; word-break: keep-all; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color: #434b62; font-size: 16px !important; line-height: 16px; font-size: 11px; vertical-align:middle;}
.big_table tr td.t_left {text-align: left;}
.big_table tbody {border-bottom: 2px solid #0caae3;}
.big_table tbody tr:nth-child(even) {background-color: #f3f3f3;}
.big_table tbody tr:nth-child(odd) {background-color: #ffffff;}