@charset "utf-8";

@import url('./common.css');
@import url('./layout.css');
@import url('./loding.css');
@import url('../js/slick/slick-theme.css');
@import url('../js/slick/slick.css');



/* ///////////////////////////////////////////////////////////////////////////////

    Common Style

 ///////////////////////////////////////////////////////////////////////////////*/
.hidden{overflow:hidden; position:absolute; width:0; height:0; font-size:0;}

h3{font-size:3.2rem; font-weight:700; color:#1D1D1D; word-break: keep-all;}
.units{display:inline-block; font-size:1.7rem; margin-top:0.3rem;}

input[type="text"],
select{width:100%; height:4.8rem; padding:0 1.5rem; border:1px solid #707070; border-radius:var(--bdrdus-8); font-size:1.7rem; color:#1d1d1d; box-sizing:border-box;}
.sel{width:100%;}
.sel.search {display:flex; justify-content: space-between;}
.sel.search select{width:calc(100% - 10.5rem); }
.sel.search .btn{width:9.3rem; min-width:auto;}
 
.t_gray_7 {color:var(--gray-color-7);}
.t_blue {color:var(--blueTxt_color);}
.blue{background-color:var(--main-color);}
.btn {display:inline-block; transition:all ease-in 0.3s; min-width:13rem; height:4.8rem; line-height:4.8rem; padding:0 1rem; background-color:var(--gray-color); border-radius:var(--bdrdus-8); text-align:center; font-size:1.7rem; font-weight:600; color:#fff; box-sizing:border-box;}
.btn:hover{box-shadow:0.2rem 0.1rem 0.3rem #e1e1e1; background-color:#000;}
.btn.white{background-color:#fff; border:1px solid; border-color:#707070; color:var(--gray-color); font-weight:700;}
.btn.white:hover {background-color:var(--hover-color);}
.btn.blue{background-color:var(--main-color);}
.btn.blue:hover {background-color:#016fc4;}
.btn.red{background-color:var(--red-color);}
.btn.red:hover{background-color:#c20000;}
.btn.size_s{min-width:12rem; height:3.8rem; line-height:3.8rem;}
.btn.icon span {position: relative; display:inline-block; height:100%; transition:all ease .3s; }
.btn.icon.right span { padding-right:3rem; }
.btn.icon.left span { padding-left:3rem; }
.btn.search span:after {position: absolute; content:''; display:block; top:50%; right:0; transform: translateY(-50%); width:2.1rem; height:2.1rem; background:url('../img/content/icon_search_w.png') no-repeat center;}
.btn.filter span:after {position: absolute; content:''; display:block; top:50%; left:0; transform: translateY(-50%); width:2.5rem; height:2.2rem; background:url('../img/content/icon_filter_w.png') no-repeat center;}
.btn.bubble span:after {position: absolute; content:''; display:block; top:50%; left:0; transform: translateY(-50%); width:2.3rem; height:2.1rem; background:url('../img/content/icon_bubble.svg') no-repeat center; background-size:100% 100%;}
.btn.ranking span:after {position: absolute; content:''; display:block; top:50%; left:0; transform: translateY(-50%); width:2.3rem; height:2.1rem; background:url('../img/content/icon_ranking.svg') no-repeat center; background-size:100% 100%;}

.btn.app span:after {position: absolute; content:''; display:block; top:50%; right:0; transform: translateY(-50%); width:2.1rem; height:2.1rem; background:url('../img/content/icon_app.png') no-repeat center; border:1px solid #b3b9c1; border-radius:50%; box-sizing: border-box;}
.btn.file span:after {position: absolute; content:''; display:block; top:50%; right:0; transform: translateY(-50%); width:2.3rem; height:2.1rem; background:url('../img/content/icon_file.png') no-repeat center;}
.btn.file_b span:after {position: absolute; content:''; display:block; top:50%; right:0; transform: translateY(-50%); width:2.3rem; height:2.1rem; background:url('../img/content/icon_file_b.png') no-repeat center;}
.btn.white.search span:after {background-image:url('../img/content/icon_search.png');}

/*토글 버튼 추가*/
.align_box{display:flex; margin-bottom:0.6em;}
.align_box.right{justify-content:flex-end;}
.align_box>*{margin-left:0.8em;}
.toggle_btn{position:relative; padding-right:44px; box-sizing:border-box;}
.toggle_btn > span{letter-spacing:-0.5px; font-size:1.6rem;}
.toggle_btn:before{content:""; position:absolute; top:calc(50% - 7px); right:0; width:38px; height:14px; background-color:#c7c7c7; border-radius:14px;}
.toggle_btn:after{
	content:""; position:absolute; top:calc(50% - 11px); right:16px; width:22px; height:22px; background-color:#717171; border-radius:50%;
	-webkit-transition:right 0.3s ease; transition:right 0.3s ease;
}
.toggle_btn.show:before{background-color:#d4e1ff;}
.toggle_btn.show:after{right:0; background-color:var(--main-color);}

.layer_pop {display:inline-flex; width:2.3rem; height:2.3rem; justify-content: center; align-items:center; margin-left:0.5rem; border:2px solid #8c8c8c; border-radius:50%; font-size:1.5rem; font-weight:bold; box-sizing:border-box;}
.layer_pop::before {content:'!'; display:inline-block; font-size:1.5rem; font-weight:bold;}

.list_type1>li{position:relative; line-height:2.3rem; padding-left:1.5rem; font-size:1.7rem; color:var(--gray-color); box-sizing:border-box;}
.list_type1>li:nth-child(n+2){margin-top:1rem;}
.list_type1>li:before{content:"-"; position:absolute; top:0; left:0;}

.half{display:flex; gap:0 0.6rem;}
.half>*{flex:1;}
.ex_icon {padding-left:2.5rem; position: relative;}
.ex_icon::before {content:'?'; display:flex; font-size:1.4rem; position: absolute; left:0; width:2rem; height:2rem; align-items: center; justify-content: center; border-radius:5rem; border: 2px solid #484848; color:#484848; box-sizing: border-box;}

/*라디오버튼*/
.radio_list{display:flex; flex-wrap:wrap; gap:1rem;}
.inp_radio {display:inline-flex; align-items: center;}
.inp_radio input[type="radio"]{width:1.5rem; height:1.5rem; vertical-align:middle;}
.inp_radio span{display:inline-block; margin-left:0.5rem; font-size:1.7rem; vertical-align:middle;}

/*텍스트 정렬*/
.t_left {text-align: left !important;}
.t_center {text-align: center !important;}
.t_right {text-align: right !important;}

/*사이즈*/
.w_10pct {width:10%;}
.w_20pct {width:20%;}
.w_30pct {width:30%;}
.w_40pct {width:40%;}
.w_50pct {width:50%;}
.w_60pct {width:60%;}
.w_70pct {width:70%;}
.w_80pct {width:80%;}
.w_90pct {width:90%;}
.w_100pct {width:100%;}
.h_10pct {height:10%;}
.h_20pct {height:20%;}
.h_30pct {height:30%;}
.h_40pct {height:40%;}
.h_50pct {height:50%;}
.h_60pct {height:60%;}
.h_70pct {height:70%;}
.h_80pct {height:80%;}
.h_90pct {height:90%;}
.h_100pct {height:100%;}

/* 참고 설명 박스 */
.refer_box{margin-top:5.5rem; padding:2rem 2.4rem; background-color:#f8f8f8; border:1px solid #e4e4e4; border-radius:var(--bdrdus-15); box-sizing:border-box;}
.refer_box .titles{display:block; margin-bottom:1rem; font-size:1.8rem;}

@media screen and (max-width:1024px) {
    h3{font-size:2.4rem;}
    .units{font-size:1.5rem;}

    input[type="text"], select{height:3.8rem; padding:0 0.8rem; font-size:1.6rem;}

    .btn{min-width:10.5rem; height:3.8rem; line-height:3.8rem; padding:0 1.5rem; border-radius:0.6rem; font-size:1.6rem;}
    .btn.size_s{min-width:9rem; height:3.2rem; line-height:3.2rem; padding:0 1rem;}
    .btn.size_s.icon {min-width:10rem; font-size:1.4rem;}
    .btn.size_s.bubble {min-width:11rem;}
    .btn.size_s.bubble span {padding-left:2.5rem;}
    .sel.search select{width:calc(100% - 10.2rem); margin-right:0.5rem;}

    /* 참고 설명 박스 */
    .refer_box{border-radius:var(--bdrdus-12); margin-top:3rem;}
}
@media screen and (max-width:640px) {
    .sub_tit h2 {font-size:2.6rem;}
    h3{ font-size:2.2rem;}

    .list_type1>li{font-size:1.6rem;}
    .list_type1>li:nth-child(n+2){margin-top:0.6rem;}

    .btn {font-size:1.5rem;}
    input[type="text"], select{font-size:1.5rem;}

    /*버튼*/
    .btn.icon span::after {background-size:1.8rem;}

    /* 참고 설명 박스 */
    .refer_box{border-radius:var(--bdrdus-8);}
}


/*navi*/
#container .navi {margin-bottom:4rem;}
#container .navi ol {display:flex; flex-wrap: wrap; gap: 1rem;}
#container .navi ol li {}
#container .navi ol li a {display:inline-flex; font-size:1.5rem; }
#container .navi ol li.home a {padding-left:2rem; background:url('../img/content/icon_home.jpg') no-repeat center left;}
#container .navi ol li + li a {padding-left:1.5rem; background:url('../img/content/icon_navi_arrow.jpg') no-repeat center left;} 
#container .navi ol li:last-child a {text-decoration: underline;}

/* 타이틀 */
.sub_tit {position: relative; margin-bottom:4rem;}
.sub_tit h2 {font-size: 4rem; color:#1D1D1D;}
.sub_tit.icon {padding-left:5rem;}
.sub_tit.icon:before {position: absolute; content:''; display:block; width:3.9rem; height:3.6rem; top:0.8rem; left:0; background-repeat:no-repeat; background-repeat:center; background-size:100%;}
.sub_tit.icon.map_stat:before {background-image:url('../img/content/img_ocation_tit.png');}

.tit_btween {display:flex; justify-content:space-between; align-items: center; margin-bottom:2rem;}
.tit_btween .r_bx{display:flex; flex-wrap:wrap; gap:0.3rem 0.5rem; align-items:center;}
.tit_bubble {display:flex; align-items:flex-start; gap:2rem;}
.tit_bubble .bubble {min-width: 12rem;}

/* 탭 */
.sub_tab {width:100%; position: relative; display:flex; gap:2rem;}
.sub_tab.n3 .tab_btn {width:calc(100% / 3);}
.sub_tab.n4 .tab_btn {width:calc(100% / 4);}
.sub_tab.n5 .tab_btn {width:calc(100% / 5);}
.sub_tab .tab_btn {text-align: center; transition:all 0.2s ease; display:flex; padding:0 1rem; height:6rem; justify-content: center; align-items: center; border:1px solid var(--border_color_2); box-sizing: border-box;}
.sub_tab .tab_btn span {font-size:2rem; word-break: keep-all;}
.sub_tab .tab_btn.on {background-color: var(--black_color); border-color: var(--black_color); color:#fff; box-shadow: 2px 3px 4px #00000030;}
.sub_tab .tab_btn:hover, 
.sub_tab .tab_btn:focus-within {background-color: var(--black_color); border-color: var(--black_color); color:#fff; box-shadow: 2px 3px 4px #00000030;}
.sub_tab + .sub-content {margin-top:4rem;}
.sub_tab .window span {display:inline-block;position: relative;}
.sub_tab .window span::after {content: ''; display:inline-block; margin-left:1rem; margin-top:0.2rem; width:1.5rem; height:1.5rem; background:url('../img/content/new_window.png') no-repeat center;}
.sub_tab .window:hover span::after,
.sub_tab .window:focus-within span::after {background:url('../img/content/new_window_w.png') no-repeat center;}
.sub_tab .window.on span::after {background:url('../img/content/new_window_w.png') no-repeat center;}

/* 기본 Table */
.table table {width:100%; border-top:2px solid var(--black_color);}
.table table th,
.table table td{height:4rem; padding:1rem; border-bottom:1px solid var(--border_color_2); border-right:1px solid var(--border_color_2); font-size:1.6rem; box-sizing:border-box;}
.table table th{background-color:#f7f7f7;  font-size:1.7rem;}
.table table thead th:last-child,
.table table td:last-child{border-right:0;}
.table.center table th,
.table.center table td {text-align:center; word-break:keep-all;}

.table_scroll {overflow-y:auto;}
.table_scroll table{min-width:40rem; width:100%;}
.table_caption{font-size:1.7rem; text-align:right; color:#555;}

.table.style_2.table_scroll {overflow:auto; max-height:32rem;}

.table.style_2 {border:1px solid #D8D8D8; }
.table.style_2 table {  border-top:0;}
.table.style_2 table th {background-color:#EDF0F5; border-color:#A0B3CC; color:#3D3D3D;}
.table.style_2 table td {border-color:#D8D8D8}
.table.style_2 table tbody tr:last-child th, .table.style_2 table tbody tr:last-child td {border-bottom:0;}

*+.table{margin-top:2rem;}
.table_caption+.table{margin-top:1rem;}

/*통계서비스 현황*/
.table.service {overflow: auto;}
.table.service table {border-top: 0;}
.table.service table thead th {background-color:#011967; color:#fff; border-right-color:#6f86bf; height:5rem;}
.table.service table thead th:first-child {border-radius:1rem 0 0 1rem;}
.table.service table thead th:last-child {border-radius:0 1rem 1rem 0;}
.table.service table tbody th {background-color:#fff;}
.table.service table td {height:6rem;}
.table.service.mo {display:none;}

/*통계서비스 팝업*/
.app_table .app_dl {display:flex; gap:1rem;}
.app_table .app_dl dl {display:flex; flex: 1 1 30%; flex-wrap: wrap; ; gap:1rem; border-radius:1rem; padding:2rem; align-items: flex-start; flex-direction:column; background-color:#ecf7ff; background-repeat: no-repeat; background-position:right 0.5rem bottom; background-size:8rem;}
.app_table .app_dl dl.icon_1 {background-image: url('../img/content/icon_app_dt_01.svg');}
.app_table .app_dl dl.icon_2 {background-image: url('../img/content/icon_app_dt_02.svg'); background-size:7rem;}
.app_table .app_dl dl.icon_3 {background-image: url('../img/content/icon_app_dt_03.svg'); background-size:7rem;}
.app_table .app_dl dl dt {font-size:1.7rem; font-weight: 500; color:#555; display: inline-block; padding-bottom:1rem; border-bottom: 0.3rem solid #005cac50;}
.app_table .app_dl dl dd {font-size:2.2rem; font-weight:bold; color:#000; word-break:break-all;}
.app_table .table table {border-top:2px solid var(--black_color); min-width:100%;}
.app_table .table table th, .app_table .table table td {height:4rem;}
.app_table .table table tbody th {background-color:#f7f7f7;}
.app_table .table table tbody td {text-align: left;}

/*리스트 페이지 - 갯수 + 검색*/
.table_top_area{display: flex;width: 100%;padding-bottom: 1rem;justify-content: space-between; align-items:flex-end;}
.table_top_area .table_total {color: #130d0d; font-size: 1.9rem; display:flex; align-items: center; line-height:1.7rem;}
.table_top_area .table_total .line{height: 1.3rem; width:0.2rem; background-color: #e8e8e8;display: inline-block;margin: 0 0.5rem;}
.table_top_area .table_total strong{color: #222; margin-left:0.5rem;}
.table_top_area .page_sch {display:flex; gap:0.5rem;}
.table_top_area .page_sch select {width:12rem;}

/* 리스트 테이블 */
.borderList {box-sizing: border-box; clear: both; width: 100%; margin: 0; border: 0; border-top: 2px solid #373737; table-layout: fixed;}
.borderList th{padding: 1rem 0.5rem; border: 0; border-bottom:1px solid #000; line-height: 1.2; text-align: center; box-sizing: border-box; font-weight: 600; font-size: 1.9rem;}
.borderList td {padding: 1rem 0.5rem; border: 0; border-bottom: 1px solid #dde2e8;font-size: 1.7rem; font-weight: 500;color: #555; word-wrap: break-word; word-break: keep-all; box-sizing: border-box; text-align: center;} 
.borderList .subject{display: inline-block;line-height: 1.5;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; max-width: 100%; text-align: left;} 
.borderList .subject:hover{text-decoration: underline;text-underline-position: under;color: #27389f;}
.borderList tbody .text {text-align:left;}
.borderList .subject_n {display: inline-block;line-height: 1.5;width: 100%; text-align: left;} 
.borderList .subject_n:hover{text-decoration: underline;text-underline-position: under;color: #27389f;}
.borderList td.title {text-align:left;}
.borderList .title.new .subject {position: relative; padding-right:3.5rem;}
.borderList .title.new .subject .icon_new {position: absolute; top:50%; right:0.5rem; transform: translateY(-50%);}
.borderList .title.new .subject .locks{overflow:hidden; display:inline-block; width:1.6rem; height:2.1rem; margin-top:-0.3rem; margin-right:0.2rem; background:url(../img/content/board_icon_lock.png) no-repeat 50% 50%; vertical-align:middle;}
.borderList tbody tr.noti {background-color: #f5faff;}
.borderList tbody tr.noti .num {font-weight:bold; color:var(--blueTxt_color);}


/* 공지사항 상세페이지 */
.board_detail {font-size:1.6rem;}
.board_detail .tb_tit {border-top: 2px solid #373737; padding: 20px;}
.board_detail .tb_tit + .detail_contents {border-top: 1px solid #dde2e8;}
.board_detail .tb_tit h2{font-size: 2.2rem;}
.board_detail .tb_tit .tb_sbtit{margin-top:0.5rem; color: #555;}
.board_detail .tb_tit .tb_sbtit span{margin-right: 0.5rem;}
.board_detail .tb_tit .tb_sbtit span:nth-of-type(1)::after{content: " "; width: 0.1rem; height: 1rem; background: #cccccc;display: inline-block; margin-left: 0.7rem;}
.board_detail .tb_tit .tb_sbtit span:nth-of-type(2)::after{content: " "; width: 0.1rem; height: 1rem; background: #cccccc;display: inline-block; margin-left: 0.7rem;}
.board_detail .border_dl {display: table; border-top: 1px solid #dde2e8; border-bottom: 1px solid #dde2e8;}
.board_detail .border_dl + .border_dl {border-top:0;}
.board_detail .border_dl .title{display: table-cell; background-color: #f9f9f9; vertical-align:middle}
.board_detail .border_dl .title span{padding: 1rem; width: 13rem; display: inline-block; font-weight: bold; text-align: center; }
.board_detail .border_dl .text {width: 100%; background: #fff;height: auto; display: table-cell; padding:1rem;}
.board_detail .detail_contents{padding: 5rem 1rem;}
.board_detail .prev_next {display: flex;flex-direction: column;}
.board_detail .prev_next .prev, .board_detail .prev_next .next{display: flex;}
.board_detail .prev_next .prev, .board_detail .prev_next .next{border-top: 1px solid #dde2e8; border-bottom: 1px solid #dde2e8; position: relative;}
.board_detail .prev_next .next::before{transform: rotate(180deg);}
.board_detail .prev_next .next {border-top: 0;}
.board_detail .prev_area span, 
.board_detail .next_area span {padding: 0.9rem 0 0.9rem 3.5rem; background-color: #fff;font-weight: bold; display: block;}
.board_detail .prev_next .prev_area, .board_detail .prev_next .next_area{width: 12rem;}
.board_detail .prev_next .prev_area_title, .board_detail .prev_next .next_area_title{width: calc(100% - 9rem); padding: 1rem 1rem 1rem 0; overflow: hidden; box-sizing: border-box;}
.board_detail .prev_next a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.board_detail .prev_next a:hover{text-decoration: underline;}
.board_detail .more{display: flex; justify-content: flex-end; align-items: center; padding-top: 4rem;}

/*첨부파일*/
.file_view .file_area {width: 100%; display: flex; margin-bottom: 0; flex-direction:column; box-sizing: border-box; word-break:break-all}
.file_view .file_area li {padding:1rem 1rem 1rem 0; display: inline-flex; align-items:center; justify-content:space-between; flex-direction:row; border-bottom:1px dashed #d3d3d3; box-sizing: border-box; }
.file_view .file_area li:last-child { border-bottom:0;}
.file_view .btn_box {margin-left:2rem; display:flex; gap:1rem; }
.file_view .btn_box .btn {transition:all 0.3s; border:0;}
.file_view .btn_box .btn:hover {background-color:#eff6fb; box-shadow:none;}
.file_view.write .file_area {padding:0;}

/* 페이징 */
.pagination{margin: 4rem 0 0; text-align: center; position:relative;}
.pagination .link-dot{line-height: 3rem;}
.pagination a, .pagination span {display: inline-block; position: relative; box-sizing: border-box; width: 4rem; height: 4rem; font-size: 1.8rem; background: #fff; text-decoration: none; color: #000;border-radius: 50%; line-height: 4rem; margin: 0px 2px;} 
.pagination .on  {background-color: var(--gray-color); color: #fff;}
.pagination .page_prev::before{content: " "; width: 1.2rem; height: 1.2rem; display: block; position: absolute; top: 1.5rem; left: -1rem; border-top: 2px solid #222; border-left: 2px solid #222; box-sizing: border-box; transform: rotate(315deg);}
.pagination .page_next::before{content: " "; width: 1.2rem; height: 1.2rem; display: block; position: absolute; top: 1.5rem; right: -1rem; border-top: 2px solid #222; border-left: 2px solid #222; box-sizing: border-box; transform: rotate(135deg);}

/*faq*/
.faqList {word-break: keep-all;}
.faqList:after {content:''; display:block; clear:both;}
.faqList li:first-child {border-top:1px solid #d9d9d9;}
.faqList li {border-bottom:1px solid #d9d9d9;}
.faqList li .titBtn {position:relative; padding:4rem 6rem 4rem 8rem; width:100%; box-sizing:border-box; text-align: left;}
.faqList li .titBtn:before {content:'Q'; position: absolute; top:4rem; left: 3rem; text-align:center; transition: color 0.2s ease; font-size:2.4rem; line-height:3rem; color:#000; font-weight:900;}
.faqList li .titBtn:after {display:block; content:''; position:absolute; top:4rem; right:2rem; transform:rotate(225deg); width:1.5rem; height:1.5rem; border-top:4px solid #ccc; border-left:4px solid #ccc;}
.faqList li .titBtn p {text-align:left; white-space:normal; font-size:2.2rem; line-height:3rem; color:#000; font-weight: 500;}
.faqList li .titBtn p:hover{text-decoration: underline; color: #1f53cc;}
.faqList li .txtBox {display:none; position:relative; padding:2rem 6rem 4rem 8rem; width:100%; box-sizing:border-box;}
.faqList li .txtBox:before {content:'A'; position: absolute; top:1.7rem; left: 3rem; text-align:center; transition: color 0.2s ease; font-size:2.4rem; line-height:3rem; color:#000; font-weight:900;}
.faqList li .txtBox .txt {text-align:left; word-break:break-all; font-size:1.7rem; line-height:2.4rem; color:#555; white-space:pre-line;}
.faqList li.on .titBtn:before {color:#1f53cc;}
.faqList li.on .titBtn:after {transform:rotate(45deg); top:5rem; border-color: #1f53cc;}

/*주제별통계*/
.stat_list.stat_search {display:flex; padding:2rem; border-radius:2rem; gap:1rem; box-sizing: border-box; background-color:#EEF1F5;}
.stat_list.stat_search select {width:15rem;}

/*주제별통계 - 탭*/
.stat_list.stat_search + .stat-tab {margin-top:2rem;}
.stat-tab { position: relative; display:flex; width:100%; height:6rem; border:1px solid #dde2e8; border-radius:1rem; box-sizing: border-box;}
.stat-tab .btn-list {display: inline-flex; align-items: center; width:15rem; height:5.8rem; padding-left:4.5rem; background:url('../img/content/btn_stat_tab_list.png') no-repeat center left 2rem;}
.stat-tab .btn-list span {font-size:1.9rem; font-weight:500;}
.stat-tab .tab-list {width:calc(100% - 25rem);}
.stat-tab .tab-list ul {display:flex; overflow:hidden; width:calc(100% - 0.6rem); height:100%; white-space:nowrap; gap:0.5rem; align-items: center;}
.stat-tab .tab-list ul li {position:relative; display:inline-block; width:calc(25% - 0.5rem); height:4rem; border:1px solid #c0c0c0; border-radius:1rem; box-sizing: border-box; transition:all 0.4s ease-in-out;}
.stat-tab .tab-list ul li .btn-tab {display:flex; align-items:center; padding-left:1rem; width:calc(100% - 3rem); height:100%;}
.stat-tab .tab-list ul li .btn-tab span {font-size:1.7rem; color:#555; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.stat-tab .tab-list ul li .btn-tab:hover span {color:#fff;}
.stat-tab .tab-list ul li .btn-close {position:absolute; display:block; top:50%; transform:translateY(-50%); right:0.8rem; width:1.8rem; height:1.8rem; border-radius:0.4rem; background:#ededed;}
.stat-tab .tab-list ul li .btn-close:before,
.stat-tab .tab-list ul li .btn-close:after {content:''; display:block; position:absolute; top:50%; left:0.4rem ; width:55%; height:0.1rem; background-color:#555;}
.stat-tab .tab-list ul li .btn-close:before {transform:rotate(134deg);}
.stat-tab .tab-list ul li .btn-close:after {transform:rotate(45deg);}
.stat-tab .tab-list ul li:hover {border-color:#0f58c5; background-color: #0f58c5;}
.stat-tab .tab-list ul li:hover .btn-tab span {color:#fff;}
.stat-tab .tab-list ul li.on {border-color:#0f58c5; background-color:#0f58c5;}
.stat-tab .tab-list ul li.on .btn-tab span {color:#fff; font-weight:500;}
.stat-tab .tab-list ul li.on .btn-close {background-color:#fff;}
.stat-tab .tab-list ul li.on .btn-close:focus {outline-color:#fff !important;}
.stat-tab .tab-control{ position:absolute; top:50%; right:2rem; transform:translateY(-50%); height:auto;} /* display:none; 추가*/
.stat-tab .tab-control button {display:inline-block; width:2.8rem; height:2.8rem; background-color:#f4f4f4; background-position:center; background-repeat:no-repeat;border-radius:50%;position:relative;}
.stat-tab .tab-control button:hover,.stat-tab .tab-control button:focus{ background-color:#0f58c5; }
.stat-tab .tab-control button:hover:before,
.stat-tab .tab-control button:focus:before{ border-color:#fff !important; }
.stat-tab .tab-control button span {display:block;}
.stat-tab .tab-control button.prev:before,
.stat-tab .tab-control button.next:before{width:0.6rem; height:0.6rem; border-top:3px solid #333; border-right:3px solid #333; content:" "; display:block; position:absolute; left:50%; margin-left:-0.4rem; transform:rotate(-135deg);top:1rem;}
.stat-tab .tab-control button.next:before{ transform:rotate(45deg); margin-left:-0.5rem; }

/*주제별통계 - 다운받기 버튼*/
.stat_down_box { display:flex; align-items: center; justify-content: space-between; width:100%; padding:2rem; margin:2rem 0; border-radius:1rem; border:1px solid #dde2e8; box-sizing: border-box;}
.stat_down_box .txt { font-size:1.7rem; padding:1rem 0 1rem 3rem; background:url('../img/content/icon_xls.svg') no-repeat left center; background-size:2.0rem;}

/*주제별통계 - 리스트*/
.stat_listWrap {position: relative; width:100%; height:111rem; margin-top:2rem; border:1px solid #dde2e8; box-sizing: border-box;}
.stat_listWrap div.box ul::-webkit-scrollbar {width:0.8rem; height:0.3rem; background-color:#5a5a5a1f;}
.stat_listWrap div.box ul::-webkit-scrollbar-thumb {background-color:#4d4d4d46;}
.stat_listWrap div.box {position: absolute; top:0; left:0; width:20rem; height:100%; overflow: hidden;}
.stat_listWrap div.box ul { height:100%;overflow: hidden; overflow-y: auto;}
.stat_listWrap div.box li {padding:0.5rem; box-sizing: border-box; border-bottom: 1px solid #dde2e8; background-color:#fff;}
.stat_listWrap div.depth_1 {width:20rem;}
.stat_listWrap div.depth_2 {left:20rem; border-left:1px solid #dde2e8; box-sizing: border-box;}
.stat_listWrap div.depth_3 {left:40rem; border-left:1px solid #dde2e8; box-sizing: border-box;}
.stat_listWrap div.depth_4 {left:60rem; border-left:1px solid #dde2e8; box-sizing: border-box;}
.stat_listWrap div.last_list {border-left:1px solid #dde2e8; box-sizing: border-box;}
.stat_listWrap div.depth_3 + .last_list {left:60rem; width:calc(100% - 60rem);}
.stat_listWrap div.depth_4 + .last_list {left:80rem; width:calc(100% - 80rem);}
.stat_listWrap div.box .btn_box {transition:all 0.3s; position: relative; display:block; width:100%; padding:1.5rem 3rem 1.5rem 0.5rem; text-align:left; align-items:center; box-sizing: border-box; }
.stat_listWrap div.box .btn_box .btn_link {display:block; position:absolute; width:100%; height:100%; top:0; left:0;}
.stat_listWrap button[data-icon="1"], .stat_listWrap button[data-icon="2"] {display:inline-block; position:relative; z-index:1; width:1.7rem; height:1.7rem; text-align:left;vertical-align:top; border:0 !important; margin-top:0.3rem; margin-left:0.5rem; }
.stat_listWrap button[data-icon="1"] {background-image:url('../img/content/icon_stList_menu_01.png');}
.stat_listWrap button[data-icon="2"] {background-image:url('../img/content/icon_stList_menu_02.png');}
.stat_listWrap div.box li:hover, 
.stat_listWrap div.box li:focus {background-color:#F2F7FF;}
.stat_listWrap div[class ^="depth_"] li .btn_box .txt {font-size:1.6rem; line-height:2.4rem; display: inline;}
.stat_listWrap div[class ^="depth_"] li .btn_box:after {content:''; display:block; position:absolute; top:50%; right:1rem; transform: translateY(-50%); width:1.8rem; height:1.9rem; background:url('../img/content/btn_stat_list.png') no-repeat center;}
.stat_listWrap div[class ^="depth_"] li.on > .btn_box:after {background-image:url('../img/content/btn_stat_list_on.png');}
.stat_listWrap div[class ^="depth_"] li.on > .btn_box .txt {color:#fff;}
.stat_listWrap .depth_1 li.on,
.stat_listWrap .depth_1 li.on:hover {background-color:#00013A;}
.stat_listWrap .depth_2 li.on,
.stat_listWrap .depth_2 li.on:hover {background-color:#213B86;}
.stat_listWrap .depth_3 li.on,
.stat_listWrap .depth_3 li.on:hover {background-color:#1760cf;}
.stat_listWrap .depth_4 li.on,
.stat_listWrap .depth_4 li.on:hover {background-color:#247BFF;}
.stat_listWrap div.box.last_list .btn_box {display:inline-block; font-size:1.7rem; padding:1.5rem; }
.stat_listWrap div.box.last_list .btn_box span {line-height:2.4rem;}
.stat_listWrap div.box.last_list .btn_box .link {font-weight: 500;}
span.lt_mr {margin-left:0.5rem;}
.stat_listWrap div.box.last_list .on .btn_box a {color:#1760cf; font-weight: bold;}

/*통계표조회화면*/
.st_view {border:1px solid #dde2e8; margin-top:2rem; font-size:1.7rem;}

/*주제별통계 - 접근성 관련 타이틀*/
.stat_listWrap .sr-tit {position:absolute; width:1px; height:1px; padding:0;margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border:0;}

/*통계검색*/
.stat_result {position: relative;}
.stat_result .head {margin:1rem 0 2rem; padding-right:4rem; padding-top:0.5rem; box-sizing: border-box;}
.stat_result .head > p { font-size:2.2rem; font-weight:bold;}
.stat_result .midd>ul>li + li {margin-top:0.5rem;}
.stat_result .midd>ul>li>.link {position:relative; display:inline-block; padding-left:2.4rem; font-size:1.7rem; line-height:2.2rem; box-sizing:border-box;}
.stat_result .midd>ul>li>.link:after {content:''; display:block; position: absolute; top:0; left:0; height:2.2rem; background-repeat:no-repeat; background-position:0 50%;}
.stat_result .midd>ul>li.file>.link:after{width:2rem; background-image:url('../img/content/service_icon_file.png');}
.stat_result .midd>ul>li.folder>.link:after{width:2rem; background-image:url('../img/content/service_icon_folder.png');}
.stat_result .midd>ul>li.word>.link:after{width:2rem; background-image:url('../img/content/service_icon_word.png');}
.stat_result .close {position:absolute; top:-0.2rem; right:0; width:3.5rem; height:3.5rem; padding:0; background:#fff url(../img/content/service_result_icon_close.png) no-repeat 0 0; border:1px solid #aaa; border-radius:var(--bdrdus-8); }

/* 검색결과가 없습니다. */
.no_result {width:100%; padding:3rem 2rem; border:1px solid var(--border_color_2); border-radius:var(--bdrdus-12); box-sizing: border-box;}
.no_result p {padding-top:5rem; font-size:2.2rem; font-weight:bold; text-align: center; background:url('../img/content/icon_no_result.svg') no-repeat top center; background-size:4rem;}

/*통계서비스 현황 팝업*/
.layerDiv [data-pop="popup"] {display:none; position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); width:calc(100% - 50px); max-width:100rem; height:90%; max-height:60rem; background-color:#fff; border:1px solid #000; box-sizing:border-box; z-index:9999;}
.layerDiv [data-pop="popup"] .titles {display:flex; padding-left:2rem; padding-right:5rem; height:5rem; align-items: center; background:linear-gradient(45deg, #1067a9, #2499f3); box-sizing: border-box;}
.layerDiv [data-pop="popup"] .titles strong {width:100%; font-size:2.2rem; color:#fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; text-align: left;}
.layerDiv [data-pop="popup"] [data-pop="close"] {position: absolute; width:4rem; height:5rem; top:0; right:0; background:url('../img/content/service_result_icon_close_w.png') no-repeat center;}
.layerDiv [data-pop="popup"] .conts {padding:2rem; width:100%; height:calc(100% - 5rem); font-size:1.7rem; color:#555; box-sizing: border-box;}
.layerDiv [data-pop="popup"] .conts .wr {overflow:hidden; overflow-y:auto; width:100%; height:100%;}
.layerDiv [data-pop="popup"] .conts .wr::-webkit-scrollbar {width:0.8rem; height:0.3rem; background-color:#5a5a5a1f;}
.layerDiv [data-pop="popup"] .conts .wr::-webkit-scrollbar-thumb {background-color:#4d4d4d46;}

/*통계 태그*/
.tag{margin-left:0.5rem;display:inline-flex; font-style:normal; align-items: center; height:2.2rem; padding:0 0.5rem; background-color:#247BFF; border:1px solid #247BFF; border-radius:0.5rem; vertical-align:middle; font-size:1.5rem; color:#fff; box-sizing:border-box;}
.tag.green {background-color:#eefff3; border-color:#07812b; color:#07812b;}
.tag.skyblue{background-color:#f5f9ff; border-color:#2171ea; color:#2171ea;}
.tag.pupple{background-color:#efedff; border-color:#250084; color:#250084;}
.tag.brown{background-color:#fff7eb; border-color:#833100; color:#833100;}
.tag.pink{background-color:#fff9fe; border-color:#b40096; color:#b40096;}

/*간행물*/
.table_top_area.pub {margin-top:2rem;} 
.pub_lstBox {position: relative; margin-top:1rem;}
.pub_lstBox ul {display:flex; flex-wrap: wrap; gap:3rem;}
.pub_lstBox ul .pub_item {position: relative; padding:3rem; width:calc((100% - 9rem) / 4); border:1px solid var(--border_color_2); box-sizing: border-box;}
.pub_lstBox ul .pub_item {position: relative; display:flex; flex-direction:column;}
.pub_lstBox ul .pub_item .img {width:100%; display:inline-block; height:37rem; border:1px solid var(--border_color_2); box-sizing: border-box;}
.pub_lstBox ul .pub_item .img img {display: inline-block; width:100%; height:100%;}
.pub_lstBox ul .pub_item .name {display: inline-block; text-align: center; margin:2rem 0; height:7rem; font-size:2rem; overflow: hidden;white-space: normal;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: keep-all}
.pub_lstBox ul .pub_item .btn_box {display:flex; gap:1rem; }
.pub_lstBox ul .pub_item .btn_box .btn {width:50%;}
.pub_lstBox ul .pub_item .btn_box .btn span {font-size:1.7rem;}

/*간행물 미리보기*/
.pub-cnt .view-btn,
.pub-cnt .view-box{ float:left; }
.pub-cnt .view-btn{ width:20rem; margin-right:3rem;}
.pub-cnt .view-btn .btn {width:100%; display:inline-block;}
.pub-cnt .view-box{ border:1px solid #ddd; box-sizing:border-box; width:calc( 100% - 23rem ); min-height:30rem; }
.pub-cnt {overflow:hidden;}
.pub-cnt .pub-tit { overflow: hidden; width:100%; margin:2rem 0; }

/*마이데이터 서비스*/
.basic_txtBox {text-align: center;}
.basic_txtBox h3 {margin-bottom:2rem; text-align: left;}
.basic_txtBox .txtBox {padding:3rem; border:1px solid #D8D8D8; border-radius: var(--bdrdus-15);}
.basic_txtBox .txtBox dl {position: relative; gap:3rem; display:flex; flex-wrap: wrap;}
.basic_txtBox .txtBox dl dt {width:17rem; height:4rem; background-color:#ECF7FF; border-radius:4rem;}
.basic_txtBox .txtBox dl dt strong { display:flex; justify-content: center; align-items: center; width:100%; height:100%; font-size:2rem; font-weight: bold;}
.basic_txtBox .txtBox dl dd {padding-top:1rem; width:calc(100% - 20rem); font-size:1.7rem; text-align: left; word-break: keep-all; color:#555;}
.basic_txtBox .txtBox dl dd p {margin-top:0.5rem;}
.basic_txtBox .txtBox dl dd .b_box {text-align:left; margin-top:1rem; width:100%; padding:2rem; box-sizing: border-box; background-color:#F6F6F6; background-repeat:no-repeat; background-position:bottom 1rem right 1rem; border-radius: var(--bdrdus-15); }
.basic_txtBox .txtBox dl dd .b_box.e-mail {background-image:url('../img/content/icon_txtBox_e_mail.png'); background-size:7rem;}
.basic_txtBox .txtBox dl dd .b_box.key {background-image:url('../img/content/icon_txtBox_key.png'); background-size:5rem;}
.basic_txtBox .txtBox dl dd .b_box strong {display:block; margin-bottom:0.5rem; color:#222;}
.basic_txtBox .txtBox dl dd .b_box a {font-weight:bold;}
.basic_txtBox .txtBox + h3 {margin-top:4rem;} 
.basic_txtBox .txtBox + .btn.file {margin-top:3rem;}

/*통계용어*/
.filters{display:flex; margin-bottom:4rem; flex-wrap:wrap; gap:1rem; padding:2rem; background-color:#fff; border:1px solid #B5B5B5; box-sizing:border-box; border-radius:1rem;}
.filters>button{display:inline-block; height:4rem; padding:0 1rem; background-color:#fff; border:1px solid var(--gray-color-7); box-sizing:border-box; font-size:1.7rem;}
.filters>button.on{background-color:#f5f9ff; border-color:#005bac;}
.filters>button.on:before{content:""; display:inline-block; width:0.9rem; height:1.2rem; margin-right:0.5rem; background:url(../img/content/board_icon_check.png) no-repeat 0 0;}

/*소개*/
.info_wrap .info_top {position: relative; display: flex; align-items: center; padding:4rem 4rem 4rem 20rem; width:100%; min-height:15rem; border:5px solid #EEF1F5; background:url('../img/content/icon_info_top.svg') no-repeat left 5rem center; box-sizing: border-box;}
.info_wrap .info_top::before {position:absolute; content: ''; display:block; top:-5px; left: -5px; width:2rem; height:2rem; border-top:5px solid #1760CF; border-left:5px solid #1760CF; box-sizing: border-box;}
.info_wrap .info_top::after {position:absolute; content: ''; display:block; bottom:-5px; right: -5px; width:2rem; height:2rem; border-bottom:5px solid #1760CF; border-right:5px solid #1760CF; box-sizing: border-box;}
.info_wrap .info_top p {font-size:2.2rem; word-break: keep-all;}
.info_wrap .info_top strong {color:#005EA2;}
.info_wrap h3 {margin-top:4rem; margin-bottom:2rem;}
.info_wrap .info_card {display:flex; align-items: center; }
.info_wrap .info_card li {position: relative; display:flex; padding:2rem; flex-direction: column; flex: 1; min-height:29rem; justify-content: center; font-size:1.7rem; text-align: center; background-color:#EEF1F5; word-break: keep-all;}
.info_wrap .info_card li::before {content:''; display:block; padding:2rem; position:relative; margin-bottom:2rem; left:50%; transform: translateX(-50%); width:12rem; height:12rem; border-radius:50%; background-color:#fff; background-position:center; background-repeat: no-repeat; box-sizing: border-box;}
.info_wrap .info_card li::after {content:''; display:block; position: absolute; top:50%; right:0; transform:translateY(-50%); width:1px; height:60%; background-color:#d5d7da;}
.info_wrap .info_card li i {display:block;}
.info_wrap .info_card li:first-child:before {background-image:url('../img/content/icon_info_01.svg');}
.info_wrap .info_card li:nth-child(2):before {background-image:url('../img/content/icon_info_02.svg');}
.info_wrap .info_card li:nth-child(3):before {background-image:url('../img/content/icon_info_03.svg'); background-size:6rem;}
.info_wrap .info_card li:nth-child(4):before {background-image:url('../img/content/icon_info_04.svg');}
.info_wrap .info_card li:nth-child(4)::after {display:none;}
.info_wrap .info_date {display:flex; flex-direction: column; width:100%; gap:1rem;}
.info_wrap .info_date li {padding:2rem; width:100%; border-radius:1rem; background-color: #EEF1F5; font-size:2rem; box-sizing: border-box;}

/*통계연보*/
.st_list_box {margin-top:2rem;}
.st_list_box .st_list li {position:relative;}
.st_list_box .depth_1 > li > button {position:absolute; margin-bottom:0.2rem; display:block; width:100%; text-align:left; position:relative; padding:1.5rem 0; background: #00013A; border-radius:1rem;}
.st_list_box .depth_1 > li:first-child > button {border-top:0;}
.st_list_box .depth_1 > li > button > img{display: block; position: absolute; left: 1.5rem; top: 50%; transform:translate(calc(-50% + 1.5rem), calc(-50% + -00.5rem));}
.st_list_box .depth_1 > li > button:before {transition:all 0.3s; position:absolute; content:''; display:block; top:50%; left:1rem; transform: translateY(-50%); width:2.5rem; height:2.5rem; background-color:#00ffff29; opacity:0; border-radius:50%;}
.st_list_box .depth_1 > li > button:after {content:""; display:block; position:absolute; top:1.4rem; right:1.5rem; width:1rem; height:1rem; border-top:3px solid #fff; border-left:3px solid #fff; transform:rotate(226deg);}
.st_list_box .depth_1 > li.on > button:after { top:2rem; transform:rotate(45deg);}
.st_list_box .depth_1 > li > button > span {position:relative; display:block; line-height:2.4rem; font-size:2rem; padding-left:3rem; font-weight:bold; color:#fff; padding-right:3.2rem;}

.st_list_box .depth_2 > li {margin-bottom:0.3rem;}
.st_list_box .depth_2 > li > button.depth_2_btn {display:block; position:absolute; top:0; left:0; width:100%; height:5.5rem; background:#d8dbf0; border-radius:0.5rem;}
.st_list_box .depth_2 > li > .pl { position:absolute; top:1.8rem; right:1.2rem;  width:1.8rem; height:1.8rem; background-image:url('../img/content/st_list_plus.png'); background-repeat:no-repeat; background-position:center; z-index:9;}
.st_list_box .depth_2 > li > span {cursor:pointer; display:inline-block; padding:1.5rem 7rem 1.5rem 3rem; position:relative; color:#000; line-height:2.4rem; font-size:1.8rem; font-weight:bold; border-radius:0.5rem; background-color:#d8dbf0;}
.st_list_box .depth_2 > li.on > .pl {background-image:url('../img/content/st_list_minus.png');}
.st_list_box .depth_2 > li > .img_app {display:inline-block; position:absolute; width:1.7rem; height:1.7rem; text-align:left; vertical-align:top; top:0; margin-left:-3rem; margin-top:1.8rem;}
.st_list_box .depth_2 > li > button[data-icon="1"], .st_list_box .depth_2 > li > button[data-icon="2"] {margin-top:1.8rem;}

.st_list_box .depth_3 {margin-top:0.3rem;}
.st_list_box .depth_3 > li {margin-bottom:0.2rem;}
.st_list_box .depth_3 > li > button.depth_3_btn {display:block; position:absolute; top:0; left:0; width:100%; height:4.5rem; background-color:#ebeff6; border-radius:0.5rem;}
.st_list_box .depth_3 > li > .pl:before {content:"";display:block;position:absolute;top:1.5rem;left: 3.3rem;width:1rem;height:1rem;border-bottom: 2px solid #6EABD2;border-right:2px solid #6EABD2;transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transition:all 0.3s;-webkit-transition:all 0.3s;-ms-transition:all 0.3s;z-index: 100;}
.st_list_box .depth_3 > li > span {background-color:#ebeff6; cursor:pointer; display:inline-block; padding:1.1rem 7rem 1rem 6rem; position:relative; color:#16171a; line-height:2.4rem; font-size:1.8rem; font-weight:bold; border-radius:0.5rem;}
.st_list_box .depth_3 > li.on > .pl:before {top:2.1rem; transform:rotate(223deg);}
.st_list_box .depth_3 > li > button[data-icon="1"], .st_list_box .depth_3 > li > button[data-icon="2"] {margin-top:1.4rem;}


.st_list_box .depth_4 {margin-top:0.2rem;}
.st_list_box .depth_4 > li {margin-bottom:0.2rem;}
.st_list_box .depth_4 > li > button.depth_4_btn {display:block; position:absolute; top:0; left:0; width:100%; height:4rem; background-color:#ebeff6; border-radius:0.5rem;}
.st_list_box .depth_4 > li > .pl:before {content:"";display:block;position:absolute;top: 1.6rem;left: 6rem;width:0.8rem;height:0.8rem;z-index: 100;background:#4f7ad8; border-radius:1rem;}
.st_list_box .depth_4 > li > span {background-color:#ebeff6; cursor:pointer; display:inline-block; padding:0.8rem 7rem 0.8rem 8rem; position:relative; color:#16171a; line-height:2.4rem; font-size:1.6rem; font-weight:400; border-radius:0.5rem;}

.st_list_box .depth_5 {margin-top:0.2rem;}
.st_list_box .depth_5 > li {margin-bottom:0.2rem;}
.st_list_box .depth_5 > li > button.depth_5_btn {display:block; position:absolute; top:0; left:0; width:100%; height:4rem; background-color:#ebeff6; border-radius:0.5rem;}
.st_list_box .depth_5 > li > .pl:before {content:"";display:block;position:absolute;top: 1.6rem;left: 8.5rem;width:0.8rem;height:0.8rem;z-index: 100;background:#9d86f1; border-radius:1rem;}
.st_list_box .depth_5 > li > span {background-color:#ebeff6; cursor:pointer; display:inline-block; padding:0.8rem 7rem 0.8rem 10.5rem; position:relative; color:#16171a; line-height:2.4rem; font-size:1.6rem; font-weight:400; border-radius:0.5rem;}

.st_list_box .depth_6 {margin-top:0.2rem;}
.st_list_box .depth_6 > li {margin-bottom:0.2rem;}
.st_list_box .depth_6 > li > button.depth_6_btn {display:block; position:absolute; top:0; left:0; width:100%; height:4rem; background-color:#ebeff6; border-radius:0.5rem;}
.st_list_box .depth_6 > li > .pl:before {content:"";display:block;position:absolute;top: 1.6rem;left: 10rem;width:0.8rem;height:0.8rem;z-index: 100;background:#4ecfba; border-radius:1rem;}
.st_list_box .depth_6 > li > span {background-color:#ebeff6; cursor:pointer; display:inline-block; padding:0.8rem 7rem 0.8rem 12rem; position:relative; color:#16171a; line-height:2.4rem; font-size:1.6rem; font-weight:400; border-radius:0.5rem;}

.st_list_box .depth_7 {margin-top:0.2rem;}
.st_list_box .depth_7 > li {margin-bottom:0.2rem;}
.st_list_box .depth_7 > li > button.depth_7_btn {display:block; position:absolute; top:0; left:0; width:100%; height:4rem; background-color:#ebeff6; border-radius:0.5rem;}
.st_list_box .depth_7 > li > .pl:before {content:"";display:block;position:absolute;top: 1.6rem;left: 12rem;width:0.8rem;height:0.8rem;z-index: 100;background:#ff95bc; border-radius:1rem;}
.st_list_box .depth_7 > li > span {background-color:#ebeff6; cursor:pointer; display:inline-block; padding:0.8rem 7rem 0.8rem 14rem; position:relative; color:#16171a; line-height:2.4rem; font-size:1.6rem; font-weight:400; border-radius:0.5rem;}

.st_list_box .depth_8 {margin-top:0.2rem;}
.st_list_box .depth_8 > li {margin-bottom:0.2rem;}
.st_list_box .depth_8 > li > button.depth_8_btn {display:block; position:absolute; top:0; left:0; width:100%; height:4rem; background-color:#ebeff6; border-radius:0.5rem;}
.st_list_box .depth_8 > li > .pl:before {content:"";display:block;position:absolute;top: 1.6rem;left: 14rem;width:0.8rem;height:0.8rem;z-index: 100;background:#ffa378; border-radius:1rem;}
.st_list_box .depth_8 > li > span {background-color:#ebeff6; cursor:pointer; display:inline-block; padding:0.8rem 7rem 0.8rem 16rem; position:relative; color:#16171a; line-height:2.4rem; font-size:1.6rem; font-weight:400; border-radius:0.5rem;}

.st_list_box .depth_3 .depth_last > li {padding:1rem 1rem 1rem 6rem;}
.st_list_box .depth_4 .depth_last > li {padding:1rem 1rem 1rem 8rem;}
.st_list_box .depth_5 .depth_last > li {padding:1rem 1rem 1rem 11rem;}
.st_list_box .depth_6 .depth_last > li {padding:1rem 1rem 1rem 12.5rem;}
.st_list_box .depth_7 .depth_last > li {padding:1rem 1rem 1rem 14.5rem;}
.st_list_box .depth_8 .depth_last > li {padding:1rem 1rem 1rem 16.5rem;}

.st_list_box .depth_last > li { position:relative; padding:0.5rem 1rem 0.5rem 3rem; border-top:1px dashed #dadee3; background-repeat:no-repeat; background-position:left 1rem center; background-color:#fff;}
.st_list_box .depth_last > li > .txt {position:relative; display:inline; padding-left:2.5rem; line-height:2.2rem; font-size:1.5rem; color:#555; background:url('../img/content/icon_stList_menu_03.png') no-repeat center left; text-align:left;}
.st_list_box .depth_last > li > .txt:hover {font-weight:bold; color:#000;}
.st_list_box .depth_last > li:first-child {border-top:0;}
.st_list_box button[data-icon="1"], .st_list_box button[data-icon="2"] {
	display:inline-block; position:absolute; width:1.7rem; height:1.7rem; text-align:left; border:0 !important;
}
.st_list_box .depth_last > li > button[data-icon="1"], .st_list_box .depth_last > li > button[data-icon="2"] { 
    position: static; margin-top:0.2rem; margin-left:0.5rem;
}

.st_list_box button[data-icon="1"] {background-image:url('../img/content/icon_stList_menu_01.png'); top:0; margin-left:-5.6rem; vertical-align:top; margin-top:1.1rem;}
.st_list_box button[data-icon="2"] {background-image:url('../img/content/icon_stList_menu_02.png'); top:0; margin-left:-5.6rem; vertical-align:top; margin-top:1.1rem;}
.st_list_box .img_app + button[data-icon="2"] {margin-left:-0.4rem; }

.st_list_box .depth_2, .st_list_box .depth_last,
.st_list_box .depth_3, .st_list_box .depth_4, .st_list_box .depth_5,.st_list_box .depth_6,.st_list_box .depth_7,.st_list_box .depth_8 {display:none;}
.st_list_box li.on > ul {display:block;}

/*통계목록 선택*/
.st_list_box .depth_1 > li.choice > button > span {color:#d5f1ff;}
.st_list_box .depth_1 > li.choice > button::before {opacity:1;}
.st_list_box ul:not(.depth_1) > li.choice > span {color:#0823ef; font-weight:bold;}
.st_list_box .depth_last li.choice span {color:#0823ef; font-weight:bold;}
.st_list_box ul:not(.depth_1) > li.choice > button {border: 3px solid #6851df36;}
.st_list_box ul:not(.depth_1) > li.choice > span {background-color: transparent;}


@media screen and (max-width:1440px) {
    /* 간행물 */
    .pub_lstBox ul .pub_item {padding:3rem 2rem;}
    .pub_lstBox ul .pub_item .btn_box .btn {min-width:auto;}

}


@media screen and (max-width:1320px) {
    /* 간행물 */
    .pub_lstBox ul .pub_item .img {height:30rem;}
    .pub_lstBox ul .pub_item .btn_box {flex-direction:column;}
    .pub_lstBox ul .pub_item .btn_box .btn {width:100%;}
    .pub_lstBox ul .pub_item .btn_box .btn span {font-size:1.5rem;}

    /*소개*/
    .info_wrap .info_top p {font-size:1.9rem;}
    .info_wrap .info_card li {font-size:1.5rem;}
    .info_wrap .info_date li {font-size:1.5rem;}

}
@media screen and (max-width:1024px) {
    /*공통*/
    #content {padding:2rem 0 5rem;}
    #container .navi {margin-bottom:2rem;}
    .sub_tit {margin-bottom:2rem;}
    .sub_tit h2 {font-size:3rem;}
    .sub_tit.icon {padding-left:3.5rem; }
    .sub_tit.icon:before {width:2.5rem; height:2.5rem; top:0.3rem;}
    .sub_tab {gap:1rem;}
    .sub_tab .tab_btn { height:5rem;}
    .sub_tab .tab_btn span {font-size:1.7rem;}

    /*리스트 페이지 - 갯수 + 검색*/
    .table_top_area .table_total {font-size:1.5rem;}

    /*faq*/
    .faqList li .titBtn, .faqList li .txtBox {padding:2rem 4rem 2rem 4rem;}
    .faqList li .titBtn:after {top:2.5rem; right:1.2rem; width:1rem; height:1rem;}
    .faqList li.on .titBtn:after {top:2.5rem; }
    .faqList li .titBtn:before,
    .faqList li .txtBox:before {top:1.6rem; left:1.2rem;}
    .faqList li .titBtn p {font-size:1.9rem; line-height:2.2rem;}
    .faqList li .txtBox .txt {font-size:1.5rem;}

    /*통계목록 - 리스트*/
    .stat-tab {height:auto; flex-direction:column;}
    .stat-tab .tab-list {width:100%; border-top: 1px solid #dde2e8;}
    .stat-tab .tab-list ul {width:100%; padding:10px; box-sizing: border-box; overflow-x:auto;}
    .stat-tab .tab-control {top:14px; transform: translateY(0);}
    .stat-tab .tab-list ul li {min-width:20rem;}
    .stat-tab .tab-list ul li .btn-tab span {font-size:1.5rem;}

    /*통계목록*/
    .stat_listWrap div[class ^="depth_"] li .btn_box .txt {font-size:1.5rem;}
    .stat_listWrap div.box.last_list .btn_box {font-size:1.5rem;}
    .stat_listWrap div.box {width:15rem;}
    .stat_listWrap div.depth_2 {left:15rem;}
    .stat_listWrap div.depth_3 {left:30rem;}
    .stat_listWrap div.depth_3 + .last_list {left:45rem; width:calc(100% - 45rem);}
    .stat_listWrap div.depth_4 {left:45rem;}
    .stat_listWrap div.depth_4 + .last_list {left:60rem; width:calc(100% - 60rem);}

    /*통계검색*/
    .stat_result .head > p {font-size:1.9rem;}
    .no_result p {font-size:1.9rem;}

    /*간행물*/
    .pub_lstBox ul {gap:1rem;}
    .pub_lstBox ul .pub_item {padding:1rem; width:calc((100% - 3rem) / 4);}
    .pub_lstBox ul .pub_item .img {height:25rem;}
    .pub_lstBox ul .pub_item .name {font-size:1.7rem; height:6rem;}

    /*간행물 미리보기*/
    .pub-cnt .view-btn {width:12rem; margin-right:1rem;}
    .pub-cnt .view-box {width:calc(100% - 13rem);}

    /*마이데이터*/
    .basic_txtBox .txtBox {padding:2rem;}
    .basic_txtBox .txtBox dl dt {width:14rem;}
    .basic_txtBox .txtBox dl dt strong {font-size:1.7rem;}

    /*통계서비스 팝업*/
    .app_table .app_dl dl {padding:2rem 1rem;}
    .app_table .app_dl dl dt {font-size:1.5rem;}
    .app_table .app_dl dl dd {font-size:1.9rem;}

    /*소개*/
    .info_wrap .info_card {flex-wrap:wrap; gap:1rem;}
    .info_wrap .info_card li {flex: 1 1 40%; min-height:10rem;}
    .info_wrap .info_card li::before {width:8rem; height:8rem; margin-bottom:1rem;}
    .info_wrap .info_card li::after {display:none;}
    .info_wrap .info_card li:first-child:before {background-size:4rem;}
    .info_wrap .info_card li:nth-child(2):before {background-size:4rem;}
    .info_wrap .info_card li:nth-child(3):before {background-size:4rem;}
    .info_wrap .info_card li:nth-child(4):before {background-size:4rem;}

    /*통계연보*/
    
    .st_list_box .depth_2 > li > span{padding: 1.5rem 7rem 1.5rem 2rem;}
	.st_list_box .depth_3 > li > span{padding: 1.1rem 7rem 1rem 5rem;}
	.st_list_box .depth_3 > li > .pl:before{ left:2.3rem; }
	.st_list_box .depth_4 > li > span{padding: 0.8rem 7rem 0.8rem 6rem;}
	.st_list_box .depth_4 > li > .pl:before{left: 4rem;}
	.st_list_box .depth_5 > li > span{padding: 0.8rem 7rem 0.8rem 7rem;}
	.st_list_box .depth_5 > li > .pl:before{left: 5rem;}
	.st_list_box .depth_6 > li > span{padding: 0.8rem 7rem 0.8rem 8rem;}
	.st_list_box .depth_6 > li > .pl:before{left: 6rem;}
	.st_list_box .depth_7 > li > span{padding: 0.8rem 7rem 0.8rem 9rem;}
	.st_list_box .depth_7 > li > .pl:before{left: 7rem;}
	.st_list_box .depth_8 > li > span{padding: 0.8rem 7rem 0.8rem 10rem;}
	.st_list_box .depth_8 > li > .pl:before{left: 8rem;}
	.st_list_box .depth_3 .depth_last > li {padding:0.5rem 1rem 0.5rem 5.5rem;}
	.st_list_box .depth_4 .depth_last > li {padding:0.5rem 1rem 0.5rem 6.5rem;}
	.st_list_box .depth_5 .depth_last > li {padding:0.5rem 1rem 0.5rem 7.5rem;}
	.st_list_box .depth_6 .depth_last > li {padding:0.5rem 1rem 0.5rem 8.5rem;}
	.st_list_box .depth_7 .depth_last > li {padding:0.5rem 1rem 0.5rem 9.5rem;}
	.st_list_box .depth_8 .depth_last > li {padding:0.5rem 1rem 0.5rem 10.5rem;}


}

@media screen and (max-width: 970px) {
    /*통계목록*/
    .stat-tab .btn-list span {font-size:1.7rem;}
    .stat_list.stat_search {gap:0.5rem; background-color: #EEF1F5; padding:1rem; box-sizing: border-box;}
    .stat_listWrap {height:auto; border:0;}
    .stat_listWrap div.box {padding-top:3rem; position: relative; width:100%; left:0; border: 1px solid #dde2e8;}
    .stat_listWrap div.box + div.box {margin-top:2rem;} 
    .stat_listWrap div.box ul {padding:0.5rem; background-color:#eef1f5; max-height:25rem;}
    .stat_listWrap div.box .btn_box {padding:1rem 4rem 1rem 1rem;}
    .stat_listWrap div.box li:last-child .btn_box {border-bottom:0;}
    .stat_listWrap div.depth_3 + .last_list {position: relative; left:0; width:100%; max-height:50rem;}
    .stat_listWrap div.depth_4 + .last_list {position: relative; left:0; width:100%; max-height:50rem;}
    .stat_listWrap div.box.last_list .btn_box {padding:1rem;}
    .stat_listWrap .sr-tit {position: absolute; top:0; left:0; clip:auto; display:flex; justify-content: center; align-items: center; width:100%; height:3rem; text-align:center; margin:0; font-size:1.6rem; box-shadow: 0 0 4px 2px #00000014; z-index:1;}


}

@media screen and (max-width: 740px) {

    /* 테이블 - 비포로 타이틀적용 */
    .borderList.type_01 colgroup{display: none;}
    .borderList.type_01 thead {display:none;}
    .borderList.type_01 tr {display:block; position: relative; width:100%; box-sizing: border-box;}
    .borderList.type_01 tr td:last-child {border-bottom: 1px solid #b9bec3;}
    .borderList.type_01 [data-cell-header] {overflow:hidden; display:flex; padding:1rem; width:100%; position: relative;}
    .borderList.type_01 [data-cell-header]::before,
    .borderList.type_01 [data-cell-header]::after {display:block; left:0; min-width:10rem; width:15%; box-sizing:border-box;}
    .borderList.type_01 [data-cell-header]::before {content:attr(data-cell-header); height:calc(92% + 1.7rem); text-align:left; color:#222; font-weight:bold; z-index: 1;}
    .borderList.type_01 [data-cell-header]::after {content:""; position: absolute; bottom:0; height:100%; border-right:1px solid #dde2e8; background-color:#f9f9f9;}
    .borderList tbody tr.noti [data-cell-header]::after {background-color: #eef2f5;}
    .borderList td.no_post {width:100%; display:block;}

    /*리스트 페이지 - 갯수 + 검색*/
    .table_top_area {flex-direction: column-reverse; gap:1rem; align-items:flex-start;}
    .table_top_right {width:100%; background-color: #EEF1F5; padding:1rem; box-sizing: border-box;}
    
    
    /* 간행물 */
    .pub_lstBox ul .pub_item {width:calc((100% - 1rem) / 2);}
}


@media screen and (max-width:720px) {
    /*첨부파일*/
    .file_view .file_area li {flex-direction: column; align-items :flex-start;}
    .file_view .btn_box {margin-left: 0; margin-top:1rem; flex-wrap: wrap;}

    /*마이데이터*/
    .basic_txtBox .txtBox {padding:2rem 1rem;}
    .basic_txtBox .txtBox dl {flex-direction:column; align-items:center; gap:1rem;}
    .basic_txtBox .txtBox dl dd {width:100%; text-align: center; font-size:1.5rem;}
    .basic_txtBox .txtBox dl dd + dt {margin-top:2rem;}

    /*통계서비스 현황 팝업*/
    .table.service.pc {display:none;} 
    .table.service.mo {display:block;} 
}
@media screen and (max-width:640px) {

    .tit_btween{flex-direction:column; align-items:normal; gap:0.5rem 0;}

    /*공통*/
    .sub_tab + .sub-content {margin-top:3rem;}
    .sub_tab {gap:0.5rem;}
    .sub_tab .tab_btn {height:4rem;}
    .sub_tab .tab_btn span {font-size:1.5rem;}
    .sub_tab.n5 {flex-wrap: wrap;}
    .sub_tab.n5 .tab_btn {width:calc(33.33% - 0.5rem);}

    /*테이블*/
    .borderList td {font-size:1.4rem;}
    .borderList th {font-size:1.5rem;}
    .borderList colgroup{display: none;}
    .borderList th[class^=mo], .borderList td[class^=mo]{display: none;}
    .borderList .num{width: 6rem;}
    .borderList .ckbox {width: 3rem;}

    /*테이블 상세*/
    .board_detail {font-size:1.5rem;}
    .board_detail .border_dl .title span {width:8rem;}

    /*페이징*/
    .pagination {padding-top:5rem;}
    .pagination.no {padding-top:0;}
    .pagination .page_next, .pagination .page_prev {position:absolute; top:0;}
    .pagination .page_next {right:50%; transform:translateX(50%); margin-right:-4rem;}
    .pagination .page_prev {left:50%; transform:translateX(-50%); margin-left:-4rem;}
    .pagination .link-dot {width:2rem;}

    /*faq*/
    .faqList li .titBtn p {font-size:1.7rem;}

    /*간행물*/
    .pub-cnt .view-btn, .pub-cnt .view-box {width:100%; margin: 0;}
    .pub-cnt .view-btn {margin-bottom:1rem;}

    /*통게용어*/
    .filters {margin-bottom:2rem;}

    /*통계 - 다운받기*/
    .stat_down_box {flex-direction: column;}
    .stat_down_box .btn {width:100%;}

    /*테이블*/
    .table.center table th, .table.center table td {font-size:1.5rem;}

    /*통계표현황 팝업*/
    .app_table .app_dl {flex-direction: column;}
    .app_table .table table th {width:10rem;}

    /*소개*/
    .info_wrap .info_top {padding:10rem 2rem 2rem 2rem; text-align: center; background-position:top 1.5rem center; background-size:8rem;}
    .info_wrap .info_top p {font-size:1.7rem;}
    .info_wrap .info_card li {flex:100%;}
    .info_wrap .info_card li i {display:none;}
}
@media screen and (max-width:420px) {
    /* 페이지네이션 */
    .pagination a, .pagination span{width:2.5rem; height:2.5rem; line-height:2.5rem; font-size:1.5rem;}
    .pagination .page_prev{left:calc(50% - 5rem); width:auto;}
    .pagination .page_next{right:calc(50% - 5rem); width:auto;}
    .pagination .page_next::before, .pagination .page_prev::before {top:0.5rem;}

     /* 테이블 상세보기 */
    .board_detail .prev_next strong {width: 10rem;}
    .board_detail .more{ padding-bottom: 0;}

    /*리스트 페이지 - 갯수 + 검색*/
    .table_top_area .page_sch {flex-wrap: wrap; }
    .table_top_area .page_sch > * {width:100%;}
    .table_top_area .page_sch select {width:100%;}

    /*통계목록*/
    .stat_list.stat_search {flex-wrap: wrap;}
    .stat_list.stat_search select {width:100%;}
    .stat_list.stat_search > * {width:100%;}

    /* 간행물 */
    .pub_lstBox ul .pub_item {width:100%;}


}






/* ///////////////////////////////////////////////////////////////////////////////

    지도로 보는 지역현황

 ///////////////////////////////////////////////////////////////////////////////*/
 #map_stat{}

 /* 가축별 탭 */
 #map_stat .animal_search {display:flex; justify-content: space-between; align-items: flex-end;}
 #map_stat .animal_tab{display:inline-block; width:60%; vertical-align:bottom;}
 #map_stat .animal_tab>ul{display:flex; flex-wrap:wrap; gap:0 2%;}
 #map_stat .animal_tab>ul>li{flex:1; max-width:9.5rem;}
 #map_stat .animal_tab>ul>li>a{
 display:block; height:9.5rem; padding:5.6rem 0 0; border:1px solid #C2C2C2; border-radius:var(--bdrdus-15); text-align:center; font-size:1.7rem; color:#484848; box-sizing:border-box;
 -webkit-transition:all 0.2s ease; transition:all 0.2s ease; background-repeat:no-repeat; background-position:center bottom 4.5rem; background-size:4.5rem;
 }
 #map_stat .animal_tab>ul>li>a:hover,
 #map_stat .animal_tab>ul>li.active>a{background-color:var(--black_color); border-color:var(--black_color); color:#fff;}
 
 #map_stat .animal_tab>ul>li>a.cow {background-image:url('../img/content/icon_animal_01.png');}
 #map_stat .animal_tab>ul>li>a.pig {background-image:url('../img/content/icon_animal_02.png');}
 #map_stat .animal_tab>ul>li>a.chicken {background-image:url('../img/content/icon_animal_03.png');}
 #map_stat .animal_tab>ul>li>a.duck {background-image:url('../img/content/icon_animal_04.png');}
 #map_stat .animal_tab>ul>li>a.egg {background-image:url('../img/content/icon_animal_05.png');}
 #map_stat .animal_tab>ul>li>a.honey {background-image:url('../img/content/icon_animal_06.png');}
 #map_stat .animal_tab>ul>li>a.horse {background-image:url('../img/content/icon_animal_07.png');}
 #map_stat .animal_tab>ul>li>a.cow:hover,
 #map_stat .animal_tab>ul>li.active>a.cow {background-image:url('../img/content/icon_animal_01_w.png');}
 #map_stat .animal_tab>ul>li>a.pig:hover,
 #map_stat .animal_tab>ul>li.active>a.pig {background-image:url('../img/content/icon_animal_02_w.png');}
 #map_stat .animal_tab>ul>li>a.chicken:hover,
 #map_stat .animal_tab>ul>li.active>a.chicken {background-image:url('../img/content/icon_animal_03_w.png');}
 #map_stat .animal_tab>ul>li>a.duck:hover,
 #map_stat .animal_tab>ul>li.active>a.duck {background-image:url('../img/content/icon_animal_04_w.png');}
 #map_stat .animal_tab>ul>li>a.egg:hover,
 #map_stat .animal_tab>ul>li.active>a.egg {background-image:url('../img/content/icon_animal_05_w.png');}
 #map_stat .animal_tab>ul>li>a.honey:hover,
 #map_stat .animal_tab>ul>li.active>a.honey {background-image:url('../img/content/icon_animal_06_w.png');}
 #map_stat .animal_tab>ul>li>a.horse:hover,
 #map_stat .animal_tab>ul>li.active>a.horse {background-image:url('../img/content/icon_animal_07_w.png');}
 
 /* 지표 선택 */
 #map_stat .stat_search {display:inline-block; width:calc(40% - 0.4rem); vertical-align:bottom;}
 #map_stat .stat_search .tt{display:block; margin-bottom:1rem; font-size:1.9rem;}
 
 /* 검색 박스 */
 #map_stat .data_bx{display:flex; flex-wrap:wrap; margin:5.8rem 0; border-bottom:2px solid #373737; box-sizing:border-box;}
 #map_stat .data_bx .map_search{position:relative; width:100%; padding:3.5rem 30.8rem 3.5rem 3.5rem; background-color:#EEF1F5; border-radius:2rem; box-sizing:border-box;}
 #map_stat .data_bx .map_search ul li:nth-child(n+2){margin-left:5rem;}
 #map_stat .data_bx .map_search ul li .tt{display:block; margin-right:2rem; font-size:1.7rem; color:#1d1d1d;}
 #map_stat .data_bx .map_search ul li .cont{display:flex; flex-wrap:wrap; align-items:center; gap:0.5rem 1rem;}
 #map_stat .data_bx .map_search ul li .cont .sel{width:12rem;}
 #map_stat .data_bx .map_search ul li .cont .sel.long{width:18rem;}
 #map_stat .data_bx .map_search ul li .cont .sel>span{display:inline-block; margin-left:0.6rem; vertical-align:middle; font-size:1.7rem;}
 #map_stat .data_bx .map_search .btn_bx{position:absolute; top:calc(50% - 2.4rem); right:3.5rem;}
 
 /* 전체순위 팝업 */
 #map_stat .all_rank li{display:flex; justify-content:space-between; align-items:center; padding:2rem 5%; border:1px solid #000; box-sizing:border-box;}
 #map_stat .all_rank li:nth-child(n+2){margin-top:1rem;}
 #map_stat .all_rank li .tops{flex:1; display:flex; align-items:center; gap:0 10%;}
 #map_stat .all_rank li .tops .ranks{text-align:center;}
 #map_stat .all_rank li .tops .ranks>strong{display:inline-block; vertical-align:bottom; font-size:2.8rem; color:var(--main-color);}
 #map_stat .all_rank li .tops .ranks>span{display:block; font-size:1.5rem; color:#767676;}
 #map_stat .all_rank li .tops .reg{display:block; font-size:2.6rem; color:#4d4d4d;}
 #map_stat .all_rank li .btms{flex:1;}
 #map_stat .all_rank li .btms .bx{display:flex; align-items:center; justify-content: flex-end; gap:0 1.5rem;}
 #map_stat .all_rank li .btms .bx>strong{display:block; letter-spacing:-1px; font-size:1.8rem; font-weight:400; color:#373737;}
 #map_stat .all_rank li .btms .bx>p{text-align:right;}
 #map_stat .all_rank li .btms .bx>p>em{display:inline-block; line-height:2.4rem; vertical-align:bottom; font-size:2.4rem; font-weight:700; color:#000;}
 #map_stat .all_rank li .btms .bx>p>span{display:inline-block; line-height:1.8rem; margin-left:0.8rem; vertical-align:bottom; font-size:1.5rem; color:#767676;}
 #map_stat .all_rank li .btms .bx>p>span:after{content:""; display:inline-block; margin-left:0.2rem; vertical-align:middle; font-size:1.3rem;}
 #map_stat .all_rank li .btms .bx>p>span.rise:after{content:"▲"; color:var(--red-color);}
 #map_stat .all_rank li .btms .bx>p>span.fall:after{content:"▼"; color:var(--black_color);}
 
 /* 좌측 데이터 */
 #map_stat .data_bx .stats{width:55%; margin:3rem 0; padding-right:3.5%; box-sizing:border-box;}
 #map_stat .data_bx .stats .tit_bubble{margin-bottom:5rem;}
 #map_stat .data_bx .stats .unit_txt{display:block; margin-bottom:1rem; text-align:right; font-size:1.6rem; color:#767676;}
 #map_stat .data_bx .stats ul{}
 #map_stat .data_bx .stats ul li{position:relative; display:flex; align-items:center; flex-wrap:wrap; justify-content:space-around; padding:2.5rem 4%; border:0.3rem solid; border-radius:var(--bdrdus-15); box-sizing:border-box;}
 #map_stat .data_bx .stats ul li:nth-child(n+2){margin-top:3rem;}
 #map_stat .data_bx .stats ul li.areas{background-color:#fff; border-color:#E3F1FF;}
 #map_stat .data_bx .stats ul li.alls{background-color:#fff; border-color:#7094C2;}
 #map_stat .data_bx .stats ul li .titles{display:flex; justify-content:center; align-items:center; gap:0.4rem 1rem;}
 #map_stat .data_bx .stats ul li .titles .reg{display:inline-block; font-size:3.2rem; letter-spacing:-1px; color:#4d4d4d;}
 #map_stat .data_bx .stats ul li .titles .types{display:inline-block; font-size:1.7rem; color:#767676;}
 /* 판정두수,출현율 */
 #map_stat .data_bx .stats ul li .numbers{}
 #map_stat .data_bx .stats ul li .numbers .bx{display:flex; align-items:center; justify-content: space-between; gap:0 0.5rem;}
 #map_stat .data_bx .stats ul li .numbers .bx+.bx{margin-top:0.5rem;}
 #map_stat .data_bx .stats ul li .numbers .bx>strong{display:block; width:8rem; letter-spacing:-1px; font-size:1.8rem; font-weight:400; color:#373737;}
 #map_stat .data_bx .stats ul li .numbers .bx>strong:after{content:""; display:none; margin-left:0.5rem; margin-top:-0.6rem; vertical-align:middle; font-weight:700; font-size:2rem;}
 #map_stat .data_bx .stats ul li .numbers .bx>strong.woman:after{content:"♀"; display:inline-block; color:#F34444;}
 #map_stat .data_bx .stats ul li .numbers .bx>strong.man:after{content:"♂"; display:inline-block; color:#405faa;}
 #map_stat .data_bx .stats ul li .numbers .bx>p{font-size:1.7rem;}
 #map_stat .data_bx .stats ul li .numbers .bx>p>em{display:inline-block; vertical-align:baseline; font-weight:700; font-size:3.4rem; color:var(--main-color);}
 /* 시도,시군구 순위 */
 #map_stat .data_bx .stats ul li .orders{display:flex; width:100%; margin-top:1.5rem;}
 #map_stat .data_bx .stats ul li .orders .bx{display:flex; justify-content:center; align-items:center; gap:0 1.5rem; width:50%;}
 #map_stat .data_bx .stats ul li .orders .bx>strong{display:block; letter-spacing:-1px; font-size:1.8rem; font-weight:400; color:#373737;}
 #map_stat .data_bx .stats ul li .orders .bx>p>em{display:inline-block; vertical-align:middle; font-weight:700; font-size:2.6rem; color:var(--gray-color);}
 #map_stat .data_bx .stats ul li .orders .bx>p>span{display:inline-block; margin-left:0.5rem; vertical-align:middle; font-size:1.4rem; color:#767676;}
/* type 2 */
#map_stat .data_bx .stats ul.ty_2 li{display:block;}
#map_stat .data_bx .stats ul.ty_2 li .numbers{display:flex; flex-wrap:wrap; gap:0 5%; margin-top:1rem;}
#map_stat .data_bx .stats ul.ty_2 li .numbers .bx{width:calc((100% - 5%)/2);}

/* type 3  */
#map_stat .data_bx .stats ul.ty_3 li .titles {justify-content:space-between;}
#map_stat .data_bx .stats ul.ty_3 li{display:block;}
#map_stat .data_bx .stats ul.ty_3 li .numbers{display:flex; flex-wrap:wrap; gap:0 5%; margin-top:1rem;}
#map_stat .data_bx .stats ul.ty_3 li .numbers .bx{width:calc((100% - 5%)/2);}
#map_stat .data_bx .stats ul.ty_3 li .numbers .bx.txt_1 {width:100%;}
#map_stat .data_bx .stats ul.ty_3 li .numbers .bx>strong {width:12rem;}
#map_stat .data_bx .stats ul.ty_3 li .numbers .bx.txt_1 + .bx_box {margin-top:1rem;}
#map_stat .data_bx .stats ul.ty_3 li .numbers .bx_box {display: flex; justify-content: space-between; width:100%;}
#map_stat .data_bx .stats ul.ty_3 li .numbers .bx_box .bx {width:33.33%; flex-direction: column; align-items: center; text-align:center;}

 /* 지도 */
 #map_stat .data_bx .maps{position:relative; width:45%; margin:3rem 0; height:60rem; border-radius:var(--bdrdus-15); box-shadow:0px 3px 6px #00000029; overflow: hidden;}
 #map_stat .data_bx .maps .loca{position:absolute; top:2.6rem; left:2.8rem; z-index:9;}
 #map_stat .data_bx .maps .loca .sel{width:22.5rem;}
 
 #map_stat .data_bx .maps .view_link{position:absolute; top:2.6rem; right:2.8rem; border:1px solid #B2C7D4; border-radius:0.5rem; box-shadow:0 3px 6px #00000042; box-sizing:border-box;}
 #map_stat .data_bx .maps .view_link button{position: relative; display:block; width:4rem; height:4rem; text-indent:-200rem;}
 #map_stat .data_bx .maps .view_link button.on{background: transparent linear-gradient(135deg, #2B7CE6 0%, #03C3FF 100%);}
 #map_stat .data_bx .maps .view_link button::before {top:0; left: 0; content: ''; display: block; position: absolute; width:4rem; height:4rem; background-position:center; background-repeat:no-repeat;}
 #map_stat .data_bx .maps .view_link button.map_btn:before {background-image:url('../img/content/icon_location.png');}
 #map_stat .data_bx .maps .view_link button.map_btn.on:before {background-image:url('../img/content/icon_location_w.png');}
 #map_stat .data_bx .maps .view_link button.lst_btn:before {background-image:url('../img/content/icon_menu_type_2.png');}
 #map_stat .data_bx .maps .view_link button.lst_btn.on:before {background-image:url('../img/content/icon_menu_type_2_w.png');}
 #map_stat .data_bx .maps .view_link .lst_btn{border-top:1px solid #B2C7D4;}

#map_stat .data_area{width:100%; height:400px;}

@media screen and (max-width:1320px) {
    /* 가축별 탭 */
    #map_stat .animal_search {flex-direction: column;}
    #map_stat .animal_tab{width:100%;}

    /* 지표 선택 */
    #map_stat .stat_search{width:100%; max-width:100%; margin-top:2rem;}
    #map_stat .data_bx .stats ul li .reg,
    #map_stat .data_bx .stats ul li .nums strong{font-size:2.8rem;}
}
@media screen and (max-width:1320px) and (min-width:721px) {
    /* 지표 선택 */
    #map_stat .stat_search{display:flex; align-items:center; gap:0 2em;}
    #map_stat .stat_search .tt{margin-bottom:0;}
    #map_stat .stat_search .sel{width:calc(100% - 12.6em);}
}
@media screen and (max-width:1240px) {
    /* 좌측 데이터 */
    #map_stat .data_bx .stats ul li .titles{flex-direction:column;}
    #map_stat .data_bx .stats ul li .titles .reg{font-size:2.8rem;}
    #map_stat .data_bx .stats ul li .numbers .bx>p>em{font-size:3rem;}
    #map_stat .data_bx .stats ul li .orders .bx>p>em{font-size:2.2rem;}
    #map_stat .data_bx .stats ul.ty_3 li .titles {flex-direction:revert;}
}
@media screen and (max-width:1024px) {
    /* 가축별 탭 */
    #map_stat .animal_tab>ul>li>a{border-radius:var(--bdrdus-12); font-size:1.5rem;}

    /* 지표 선택 */
    #map_stat .stat_search .tt{font-size:1.7rem;}

    /* 검색 박스 */
    #map_stat .data_bx{display:block; margin:2rem 0;}
    #map_stat .data_bx .map_search{padding:2.6rem 2.8rem; border-radius:var(--bdrdus-12);}
    #map_stat .data_bx .map_search ul li .cont{justify-content:center;}
    #map_stat .data_bx .map_search .btn_bx{position:static; margin-top:2.5rem; text-align:center;}

    /* 좌측 데이터 */
    #map_stat .data_bx .stats{width:100%; padding-right:0;}
    #map_stat .data_bx .stats .tit_bubble{margin-bottom:1rem;}
    #map_stat .data_bx .stats .unit_txt{margin-bottom:0.7rem;}
    #map_stat .data_bx .stats ul li{padding:2rem 3%; border-width:0.2rem;}
    #map_stat .data_bx .stats ul li:nth-child(n+2){margin-top:1rem;}
    #map_stat .data_bx .stats ul li .titles{flex-direction:row;}
    #map_stat .data_bx .stats ul li .numbers .bx+.bx{margin-top:0.2rem;}
    /* 전체순위 팝업 */
    #map_stat .all_rank li .tops{display:block;}
    #map_stat .all_rank li .tops .ranks{text-align:left;}
    #map_stat .all_rank li .tops .ranks>strong{font-size:2.4rem;}
    #map_stat .all_rank li .tops .ranks>span{display:inline-block; line-height:2.6rem; margin-left:0.5rem; vertical-align:bottom;}
    #map_stat .all_rank li .tops .reg{margin-top:0.3rem; font-size:2.2rem;}
    #map_stat .all_rank li .btms .bx>p>em{font-size:2.2rem;}

    /* 지도 */
    #map_stat .data_bx .maps{width:100%; height:50rem; border-radius:var(--bdrdus-12);}
}
@media screen and (max-width:1024px) and (min-width:641px) {
	#map_stat .all_rank li .btms .bx>p>span{display:block; margin-left:0; margin-top:0.5rem;}
}
@media screen and (max-width:720px) {
    /* 검색 박스 */
    #map_stat .data_bx .map_search {padding:1.5rem 1.5rem;}
    #map_stat .data_bx .map_search ul{display:block;}
    #map_stat .data_bx .map_search ul li{display:block; width:100%;}
    #map_stat .data_bx .map_search ul li:nth-child(n+2){margin-left:0; margin-top:1.5rem;}
    #map_stat .data_bx .map_search ul li .tt{margin-right:0; margin-bottom:0.8rem;}
}
@media screen and (max-width:640px) {
    /* 가축별 탭 */
    #map_stat .animal_tab>ul{gap:0.6rem;}
    #map_stat .animal_tab>ul>li>a{height:7.5rem; padding:4.5rem 0 0; border-radius:var(--bdrdus-8); background-position:center bottom 3.6rem; background-size:4rem;}

    /* 검색 박스 */
    #map_stat .data_bx .map_search{border-radius:var(--bdrdus-8);}
    #map_stat .data_bx .map_search ul li .cont{flex-wrap:wrap; justify-content:flex-start; gap:0.5rem;}
    #map_stat .data_bx .map_search ul li .cont .sel{width:calc((100% - 1.5rem)/2) !important;}

    /* 좌측 데이터 */
    #map_stat .data_bx .stats ul li{padding:1.2rem 3%;}
    #map_stat .data_bx .stats ul li .titles{flex-direction:column;}
    #map_stat .data_bx .stats ul li .titles .reg{font-size:2.1rem;}
    #map_stat .data_bx .stats ul li .numbers .bx>p>em{font-size:2.4rem;}
    #map_stat .data_bx .stats ul li .orders{margin-top:1rem;}
    #map_stat .data_bx .stats ul li .orders .bx>p>em{font-size:2rem;}
    /* 전체순위 팝업 */
    #map_stat .all_rank li{display:block;}
    #map_stat .all_rank li .tops{margin-bottom:0.8rem;}
    #map_stat .all_rank li .tops .ranks>strong{font-size:2.2rem;}
    #map_stat .all_rank li .tops .ranks>span{line-height:2.6rem;}
    #map_stat .all_rank li .tops .reg{font-size:2rem;}
    #map_stat .all_rank li .btms .bx{justify-content:flex-start;}
    #map_stat .all_rank li .btms .bx>strong{font-size:1.6rem;}
    #map_stat .all_rank li .btms .bx>p{text-align:left;}
    #map_stat .all_rank li .btms .bx>p>em{font-size:2rem;}

    /* 지도 */
    #map_stat .data_bx .maps{height:45rem; border-radius:var(--bdrdus-8);}
    #map_stat .data_bx .maps .loca{top:2rem; left:2rem; width:calc(100% - 4rem);}
    #map_stat .data_bx .maps .loca .sel {width:100%;}
    #map_stat .data_bx .maps .view_link{top:7rem; right:2rem;}
    #map_stat .data_bx .maps .view_link button{width:3.5rem; height:3.5rem;}
    #map_stat .data_bx .maps .view_link button::before {width:3.5rem; height:3.5rem;}
}
@media screen and (max-width:480px) {
    /* 좌측 데이터 */
    #map_stat .data_bx .stats ul li{display:block;}
    #map_stat .data_bx .stats ul li .numbers{margin-top:1rem;}
    #map_stat .data_bx .stats ul li .numbers .bx>strong{width:auto;}
    #map_stat .data_bx .stats ul li .orders{display:block; margin-top:0.2rem;}
    #map_stat .data_bx .stats ul li .orders .bx{width:auto; justify-content:space-between;}
    #map_stat .data_bx .stats ul li .orders .bx+.bx{margin-top:0.2rem;}
    /* type 2 */
	#map_stat .data_bx .stats ul.ty_2 li .numbers .bx{width:100%;}
    /* type 3 */
	#map_stat .data_bx .stats ul.ty_3 li .numbers .bx{width:100%;}
    #map_stat .data_bx .stats ul.ty_3 li .numbers .bx_box .bx {letter-spacing: -0.1rem;}
}
@media screen and (max-width:420px) {
    /* 가축별 탭 */
    #map_stat .animal_tab>ul>li{flex:0 1 23%; justify-content: flex-start; flex-wrap: wrap;}

    /* 전체순위 팝업 */
    #map_stat .all_rank li .btms .bx{display:block;}
    #map_stat .all_rank li .btms .bx>strong{margin-bottom:0.2rem;}
}