@charset "utf-8";

/* ---------------------------------------
	Filename: style.css
	Description : 국토안전관리원
	Author	: mobigen
	date	: 2022-06
	비고 : 
   --------------------------------------- */

body, body * {font-family:'Noto Sans KR', sans-serif; font-size:14px; line-height:1.5; color:#666; letter-spacing:-0.45px; word-break:break-all;}
*, *::before, *::after {box-sizing:border-box;}

body {background-color:#f1f2f6;}

/* skipNavigation */
.skiptoContent, 
.skiptoContent a {position:absolute;}
.skiptoContent {top:0; left:0; right:0 ; margin:0 auto; z-index:99999;}
.skiptoContent a {top:-50px; width:100%; font-size:0;}
.skiptoContent a:active, 
.skiptoContent a:focus {display:block; top:0; line-height:18px; color:#fff; font-size:12px; font-weight:500; text-align:center; outline:0; background:#272d34;}

/* common i tag blind */
i.mu-icon-svg {overflow:hidden; font-size:0; text-indent:-9999px;}
/* common button disabled */
*:disabled .mu-icon-svg {opacity:0.3;}

/* icon */
.mu-icon-svg {display:inline-block; background-repeat:no-repeat; background-position:center center; background-size:contain;}
i.mu-icon-svg {width:18px; height:18px; min-width:13px; vertical-align:middle;}
.mu-btn .mu-icon-svg {width:18px; height:18px;}

/* icon - delect, close 공통 */
.mu-icon-svg.item-delete,
[class^="mu-btn"]:disabled:hover .mu-icon-svg.item-delete {background-image:url("../images/ico/ico-item-delete_n.svg");}

.mu-icon-svg.close,
[class^="mu-btn"]:disabled:hover .mu-icon-svg.close {background-image:url("../images/ico/ico-close_n.svg");}
[class^="mu-btn"]:hover .mu-icon-svg.close {background-image:url("../images/ico/ico-close_o.svg");}

.mu-tooltip-close-btn .mu-icon-svg.close,
.mu-tooltip-close-btn [class^="mu-btn"]:disabled:hover .mu-icon-svg.close {background-image:url("../images/ico/ico-item-close_n.svg");}
.mu-tooltip-close-btn [class^="mu-btn"]:hover .mu-icon-svg.close {background-image:url("../images/ico/ico-item-close_o.svg");}

.mu-icon-svg.global-close,
.mu-dialog-close-btn .mu-icon-svg.close,
.mu-dialog-close-btn [class^="mu-btn"]:disabled:hover .mu-icon-svg.close,
.mu-dialog-close-btn [class^="mu-btn"]:hover .mu-icon-svg.close {width:24px; height:24px; background-image:url("../images/ico/ico-close-wh.svg");}

/* common i tag blind */
i.mu-icon-svg {overflow:hidden; font-size:0; text-indent:-9999px;}

/* common button disabled */
*:disabled .mu-icon-svg {opacity:0.5;}

.mu-icon-svg.arrow-up {background-image:url("../images/ico/ico-select-arrow.svg"); transform:rotate(180deg);}
.mu-icon-svg.arrow-down {background-image:url("../images/ico/ico-select-arrow.svg")}
.mu-icon-svg.graph {background-image:url("../images/ico/ico-graph.svg")}
.mu-icon-svg.play {background-image:url("../images/ico/ico-play_n.svg")}
.mu-btn.active .mu-icon-svg.play {background-image:url("../images/ico/ico-play_o.svg")}
.mu-icon-svg.pause {background-image:url("../images/ico/ico-pause_n.svg")}
.mu-btn.active .mu-icon-svg.pause {background-image:url("../images/ico/ico-pause_o.svg")}

/* info type */
.mu-icon-svg.file {background-image:url("../images/ico/ico-file.svg")}
.mu-icon-svg.search {background-image:url("../images/ico/ico-search.svg")}
.mu-icon-svg.time {background-image:url("../images/ico/ico-time.svg")}
.mu-icon-svg.eye {background-image:url("../images/ico/ico-eye.svg")}
.mu-icon-svg.down {background-image:url("../images/ico/ico-down.svg")}
.mu-icon-svg.timer {background-image:url("../images/ico/ico-timer.svg")}
.mu-icon-svg.lock {background-image:url("../images/ico/ico-lock.svg")}
.mu-icon-svg.new {background-image:url("../images/ico/ico-new.svg")}
.mu-icon-svg.location {background-image:url("../images/ico/ico-location.png")}

/* hover,active type */
.mu-icon-svg.link, 
[class^="mu-btn"]:disabled:hover .mu-icon-svg.link {background-image:url("../images/ico/ico-link_n.svg")}
[class^="mu-btn"]:hover .mu-icon-svg.link, 
[class^="mu-btn"].active .mu-icon-svg.link {background-image:url("../images/ico/ico-link_o.svg")}

.mu-icon-svg.view, 
[class^="mu-btn"]:disabled:hover .mu-icon-svg.view {background-image:url("../images/ico/ico-view_n.svg")}
[class^="mu-btn"]:hover .mu-icon-svg.view {background-image:url("../images/ico/ico-view_o.svg")}
[class^="mu-btn"].mu-btn-primary .mu-icon-svg.view,
[class^="mu-btn"].mu-btn-primary:hover .mu-icon-svg.view {background-image:url("../images/ico/ico-view-wh.svg")}

.mu-icon-svg.chart, 
[class^="mu-btn"]:disabled:hover .mu-icon-svg.chart {background-image:url("../images/ico/ico-chart_n.svg")}
[class^="mu-btn"]:hover .mu-icon-svg.chart {background-image:url("../images/ico/ico-chart_o.svg")}
[class^="mu-btn"].mu-btn-primary .mu-icon-svg.chart,
[class^="mu-btn"].mu-btn-primary:hover .mu-icon-svg.chart {background-image:url("../images/ico/ico-chart-wh.svg")}

.mu-icon-svg.external-link, 
[class^="mu-btn"]:disabled:hover .mu-icon-svg.external-link {background-image:url("../images/ico/ico-external-link_n.svg")}
[class^="mu-btn"]:hover .mu-icon-svg.external-link {background-image:url("../images/ico/ico-external-link_o.svg")}
[class^="mu-btn"].mu-btn-bg-non:hover .mu-icon-svg.external-link {background-image:url("../images/ico/ico-external-link-gr.svg")}
[class^="mu-btn"].mu-btn-primary .mu-icon-svg.external-link,
[class^="mu-btn"].mu-btn-primary:hover .mu-icon-svg.external-link {background-image:url("../images/ico/ico-external-link-wh.svg")}

.mu-icon-svg.download, 
[class^="mu-btn"]:disabled:hover .mu-icon-svg.download {background-image:url("../images/ico/ico-download_n.svg")}
[class^="mu-btn"]:hover .mu-icon-svg.download {background-image:url("../images/ico/ico-download_o.svg")}
[class^="mu-btn"].mu-btn-primary .mu-icon-svg.download,
[class^="mu-btn"].mu-btn-primary:hover .mu-icon-svg.download {background-image:url("../images/ico/ico-download-wh.svg")}

.mu-icon-svg.refresh, 
[class^="mu-btn"]:disabled:hover .mu-icon-svg.refresh {background-image:url("../images/ico/ico-refresh_n.svg")}
[class^="mu-btn"]:hover .mu-icon-svg.refresh {background-image:url("../images/ico/ico-refresh_o.svg")}

.mu-icon-svg.first, 
[class^="mu-btn"]:disabled:hover .mu-icon-svg.first {background-image:url("../images/ico/ico-last_n.svg"); transform:rotate(180deg);}
[class^="mu-btn"]:hover .mu-icon-svg.first {background-image:url("../images/ico/ico-last_o.svg");}

.mu-icon-svg.prev, 
[class^="mu-btn"]:disabled:hover .mu-icon-svg.prev {background-image:url("../images/ico/ico-right_n.svg"); transform:rotate(180deg);}
[class^="mu-btn"]:hover .mu-icon-svg.prev {background-image:url("../images/ico/ico-right_o.svg");}

.mu-icon-svg.next, 
[class^="mu-btn"]:disabled:hover .mu-icon-svg.next {background-image:url("../images/ico/ico-right_n.svg");}
[class^="mu-btn"]:hover .mu-icon-svg.next {background-image:url("../images/ico/ico-right_o.svg");}

.mu-icon-svg.last, 
[class^="mu-btn"]:disabled:hover .mu-icon-svg.last {background-image:url("../images/ico/ico-last_n.svg");}
[class^="mu-btn"]:hover .mu-icon-svg.last {background-image:url("../images/ico/ico-last_o.svg");}

.mu-icon-svg.minus,
[class^="mu-btn"]:disabled:hover .mu-icon-svg.minus {background-image:url("../images/ico/ico-minus_n.svg");}
[class^="mu-btn"]:hover .mu-icon-svg.minus {background-image:url("../images/ico/ico-minus_o.svg");}

.mu-icon-svg.add, 
[class^="mu-btn"]:disabled:hover .mu-icon-svg.add,
[class^="mu-btn"]:hover .mu-icon-svg.add {background-image:url("../images/ico/ico-add_n.svg");}
[class^="mu-btn"].mu-btn-primary .mu-icon-svg.add, 
[class^="mu-btn"].mu-btn-primary:disabled:hover .mu-icon-svg.add,
[class^="mu-btn"].mu-btn-primary:hover .mu-icon-svg.add {background-image:url("../images/ico/ico-add-wh.svg");}

.mu-icon-svg.fold,
[class^="mu-btn"]:disabled:hover .mu-icon-svg.fold {background-image:url("../images/ico/ico-fold_n.svg");}
[class^="mu-btn"]:hover .mu-icon-svg.fold {background-image:url("../images/ico/ico-fold_o.svg");}

.mu-icon-svg.unfold, 
[class^="mu-btn"]:disabled:hover .mu-icon-svg.unfold,
[class^="mu-btn"]:hover .mu-icon-svg.unfold {background-image:url("../images/ico/ico-unfold_n.svg");}
[class^="mu-btn"].mu-btn-primary .mu-icon-svg.unfold, 
[class^="mu-btn"].mu-btn-primary:disabled:hover .mu-icon-svg.unfold,
[class^="mu-btn"].mu-btn-primary:hover .mu-icon-svg.unfold {background-image:url("../images/ico/ico-unfold-wh.svg");}

/* global icons */
.mu-icon-svg.global-menu {background-image:url("../images/ico/ico-menu-wh.svg");}
.mu-icon-svg.global-home {background-image:url("../images/ico/ico-home.png"); background-size:cover;}

/* header 06-03
***************************************************************************/
header {position:relative; z-index:15; width:100%; height:60px;}
header .header {overflow:hidden; position:fixed; top:0; left:0; z-index:15; width:100%; height:60px; /*border-top:3px solid #1e9cff;*/ background-color:#fff; /*box-shadow:0 6px 0 0 rgba(0, 0, 0, 0.18);*/}
header .header .inner {display:flex; justify-content:space-between; align-items:flex-start; max-width:1420px; margin:0 auto;}
.gnb-area .mu-btn-icon-only i {width:100%; height:100%;}
/* header logo */
h1.logo {width:204px; height:36px; margin-top:7px; background:url("../images/logo/logo-mobile.png") no-repeat center left; background-size:contain;}
h1.logo a {display:flex; justify-content:center; align-items:center; height:100%;}
h1.logo a span {overflow:hidden; width:0; height:0; line-height:0; font-size:0; text-indent:-9999px;}

/* nav */
.nav {overflow:hidden; padding-top:16px;}
.nav > ul {position:relative; display:flex; z-index:1;}
.nav > ul > li {position:relative; height:auto; text-align:left;}
.nav > ul > li > a {display:inline-block; position:relative; height:45px; font-size:16px; font-family:'Noto Sans KR'; color:#333;}
.nav > ul > li:not(:last-child) > a {margin-right:100px;}
.nav > ul ul {height:0; opacity:0;}
.nav > ul ul li {position:relative; text-align:left;}
.nav > ul ul li a {display:inline-block; font-size:16px; color:#333; line-height:36px; letter-spacing:-0.5px; white-space:nowrap;}
.nav > ul ul li a:hover,
.nav > ul ul li a:focus,
.nav > ul ul li.current a {color:#1e9cff;}

.btn-menu,
.nav .nav-top,
.nav .btn-close {display:none;}

/* header top-menu(util) */
.top-menu {display:none; position:absolute; top:40px; right:0; z-index:9;}

/* header open */
header.open .header {overflow:visible; height:250px;}
header.open .header::after {content:""; position:absolute; bottom:0; left:0; width:100%; height:calc(100% - 60px); border-top:1px solid #e9e9e9; background-color:#fff; box-shadow:0 13px 21px 0 rgba(0, 0, 0, 0.1);}
header.open .nav > ul ul {opacity:1; height:auto; transition:all .3s ease;}
header.open .nav > ul > li > a:hover, 
header.open .nav > ul > li > a:focus,
header.open .nav > ul > li.current > a {color:#1e9cff; border-bottom:2px solid #1e9cff;}

/* 페이지용 */

/*header.header-sub:not(.open) .header {background-color:#1e9cff;}*//* 서브 */
header.header-sub:not(.open) h1.logo {background-image:url("../images/logo/logo-mobile.png");}
header.header-sub .nav > ul > li > a {color:#333333;}
header.header-sub.open .nav > ul > li > a {color:#333;}
.main-sub {min-height:calc(100vh - 260px);}
.main-contents {padding-bottom:90px;}
.page-error {height:100%;}
.page-error .main-contents {height:calc(100vh - 260px); padding-bottom:0;}
.page-error .main-contents .nodata {display:flex; flex-direction:column; justify-content:center; height:100%;} 

/* footer
***************************************************************************/
footer {position:relative; padding:30px 0; background:#3b3e43;}
/* footer - top */
.footer-top {max-width:1420px; height:100%; margin:0 auto;}
.footer-top .inner {display:flex; justify-content:space-between; align-items:center; padding-left:290px;}
/* footer - top > menu */
.footer-menu ul {display:flex; flex-direction:row; align-items:center;}
.footer-menu li {display:flex; align-items:center;}
.footer-menu li a {line-height:36px; color:#f2f2f2; white-space:nowrap;}
.footer-menu li a:hover, .footer-menu li a:focus {text-decoration:underline;}
.footer-menu li + li::before {content:""; width:3px; height:3px; margin:0 20px; border-radius:50%; background-color:#f2f2f2;}
/* footer - family-site */
.family-site {display:flex; flex-direction:row;}
.family-site .mu-selectbox {width:200px; height:36px;}
.family-site .mu-selectbox .mu-value {padding:0 34px 0 15px; border:1px solid #999; border-radius:10px; background-color:#3b3e43;}
.family-site .mu-selectbox .mu-value::after {background-image:url("../images/ico/ico-select-arrow-gr.svg");}
.family-site .mu-selectbox .mu-value span {color:#d9d9d9;}
.family-site .mu-selectbox .mu-list {overflow:hidden; max-height:inherit; margin-bottom:-1px; border-radius:10px;}
.family-site .mu-selectbox .mu-list li a {line-height:34px;}
/* footer - bottom */
.footer-bottom {position:relative; max-width:1420px; height:100%; margin:10px auto 0;}
.footer-bottom .inner {padding-left:290px;}
.footer-logo {position:absolute; left:0; width:204px; height:36px; background:url("../images/logo/logo-footer.png") no-repeat center center; background-size:cover;}
.footer-logo span {overflow:hidden; width:0; height:0; line-height:0; font-size:0; text-indent:-9999px;}
.footer-info address p br {display:none;}/* 모바일시 block */
.footer-info p, 
.footer-info p * {color:#a0a0a0; font-size:12px; font-weight:500; letter-spacing:-0.4px;}
.footer-info .sect {padding:0 3px;}
.footer-info .copyright {text-transform:uppercase;}

/* contents-wrap
***************************************************************************/
.contents-wrap {position:relative;}
.contents-wrap .contents > .inner {max-width:1420px; margin:0 auto; padding:30px 30px 60px; border-radius:20px; background-color:#fff;}
.contents-wrap .contents > .inner > .mu-section:first-child {margin:-30px -30px -60px; background-color:#f1f2f6;}
/* contents-top */
.contents-top {display:flex; flex-direction:column; max-width:1420px; margin:0 auto 20px;}
/* contents-top > breadcrumbs */
.contents-top .breadcrumbs-wrap {order:2; margin-top:10px;}
.contents-top .breadcrumbs-wrap .breadcrumbs {position:relative; display:flex; align-items:center; margin:0 auto;}
.contents-top .subject-wrap .subject h3 {font-size:28px; line-height:30px;}
.contents-top .subject-wrap .subject .subject-desc {display:block; font-size:18px; line-height:1.4; word-break:keep-all;}

/* subject */
.subject-wrap {order:1; padding-top:40px;}    
.subject-wrap .subject {max-width:1420px; margin:0 auto;}    
.subject {position:relative; line-height:30px;}

/* 공공누리유형 마크타입 이미지 사이즈 */
i[class^="mark-0"] {display:block; height:32px; background-repeat:no-repeat; background-position:center; background-size:contain;}
i.mark-01 {width:86px; background-image:url("../images/common/img-opentype-01@2x.png");}
i.mark-02 {width:106px; background-image:url("../images/common/img-opentype-02@2x.png");}
i.mark-03 {width:105px; background-image:url("../images/common/img-opentype-03@2x.png");}
i.mark-04 {width:126px; background-image:url("../images/common/img-opentype-04@2x.png");}

/* 공공누리유형 출처표시 4개타입 */
.kogl-box {margin:30px 0 0; padding:20px; background-color:#fafafa;}
.kogl-box .kogl-group {display:flex;}
.kogl-box .kogl-group .kogl-txt {flex:1 1 0%; min-width:0; margin-left:20px; word-break:keep-all;}
.kogl-box .kogl-group .kogl-txt dt {margin-bottom:6px; font-size:16px; line-height:1; color:#333;}
.kogl-box .kogl-group .kogl-txt strong {font-weight:normal; color:#333;}

/* 공통 텍스트타입 라벨 */
.category-group {margin-bottom:5px;}
.category {display:inline-block; color:#1e9cff; font-size:13px;}
.category[class*=label-] {height:24px; padding:0 14px; border:1px solid #1e9cff; border-radius:2px 10px 2px 10px; background-color:#fff; line-height:22px; color:#1e9cff; text-align:center;}

/* 카테고리 텍스트타입 라벨 4개타입 */
.category.label-01 {border-color:#25b865; color:#25b865;}
.category.label-02 {border-color:#4392fd; color:#4392fd;}
.category.label-03 {border-color:#f9ab25; color:#f9ab25;}
.category.label-04 {border-color:#ad6cf1; color:#ad6cf1;}
.category.label-05 {border-color:#44bed0; color:#44bed0;}
.category.label-06 {border-color:#95d456; color:#95d456;}
.category.label-07 {border-color:#e376df; color:#e376df;}
.category.label-08 {border-color:#95b0db; color:#95b0db;}

/* 제공기관명 텍스트타입 라벨 */
.vendor-group {margin-bottom:5px;}
.vendor-group .vendor {display:inline-block; font-size:13px; color:#fff; text-align:center;}
.vendor[class*=label-] {height:25px; padding:0 14px; border-radius:2px 10px 2px 10px; background-color:#fff; line-height:25px;}
.vendor.label-01 {background-color:#25b865;}
.vendor.label-02 {background-color:#4392fd;}

/* 분석목적 텍스트타입*/
.data-sb-title {display:block; color:#333;}

/* 링크 텍스트타입 */
.link-url:hover {color:#1e9cff; text-decoration:underline;}

/* 공통 검색
***************************************************************************/
.cont-search-wrap {max-width:1420px; margin:0 auto 10px;}
.cont-search-wrap .inner-search {display:flex; justify-content:center; align-items:center; overflow:hidden; position:relative; height:48px; border-radius:14px;}
.cont-search-wrap .inner-search > div select,.cont-search-wrap .inner-search > div input[type="text"] {border-width:0; border-radius:0;}
.cont-search-wrap .inner-search > div + div select,.cont-search-wrap .inner-search > div + div input[type="text"] {border-left-width:1px;border-right-width:1px;}
.cont-search-wrap .inner-search > div:first-child select,.cont-search-wrap .inner-search > div:first-child input[type="text"] {border-radius:14px 0 0 14px;}
.cont-search-wrap .inner-search > div:last-child select,.cont-search-wrap .inner-search > div:last-child input[type="text"] {border-radius:0 14px 14px 0;}
.cont-search-wrap .inner-search > div:only-child select,.cont-search-wrap .inner-search > div:only-child input[type="text"] {border-radius:14px;}
.cont-search-wrap .mu-input-icon {display:flex; align-items:center; width:calc(100% - 58px); height:100%; margin-right:58px; border-radius:14px;}
.cont-search-wrap .mu-input-icon .mu-input {width:100%; height:100%; padding-right:50px; font-size:16px;}
.cont-search-wrap .mu-input-icon .mu-btn-delete {margin-right:4px;}
.cont-search-wrap .mu-btn.mu-btn-sch {position:absolute; top:0; right:-58px; width:48px; height:48px; padding:0; font-size:0;}
.cont-search-wrap .mu-btn.mu-btn-sch i + span {overflow:hidden; width:0; height:0; line-height:0; font-size:0; text-indent:-9999px;}/* 버튼에 blind처리 */
.cont-search-wrap .mu-selectbox {height:100%;}
.cont-search-wrap .mu-selectbox select {width:inherit; max-width:100%; height:100%; font-size:16px;}

/* select box */
.cont-select-wrap {overflow:hidden; max-width:1420px; margin:0 auto 30px; border-radius:14px;}
.cont-select-wrap select,.cont-search-wrap input[type="text"] {border-width:0;}
.cont-select-wrap .mu-selectbox,
.cont-select-wrap .mu-selectbox select {width:100%; height:48px; font-size:16px; border-radius:12px;}
.cont-select-wrap .mu-btn {min-width:100px; height:48px; border-radius:14px;}
.cont-select-wrap .mu-btn span {font-size:16px;}

/* 검색리스트
***************************************************************************/
/* 통합검색영역 */
.data-result-wrap {flex:1; padding:30px; border-radius:20px; background-color:#fff;}
.filter-wrap {width:230px; margin-right:20px; padding:25px 20px; border-radius:20px; background-color:#fff;}

/* 왼쪽 필터박스 : 나중에 모바일에서는 none되는 영역 */
.filter-wrap::before {content:"FILTER"; display:block; margin-bottom:15px; padding-bottom:15px; font-weight:500; font-size:20px; line-height:1; color:#333; border-bottom:1px solid #7a8da4;}
.filter-box {width:100%; margin-bottom:20px;}
.filter-box .filter-head {margin-bottom:5px;}
.filter-box .filter-body .mu-checkbox {width:100%;}
.filter-box .filter-body .mu-checkbox,
.filter-box .filter-body .mu-checkbox label {display:block; line-height:28px;}
.filter-box .filter-body .mu-checkbox label::before {top:5px; left:0;}
.filter-box .filter-body .mu-checkbox label span {color:#666;}
.filter-box .filter-body .mu-checkbox label span:not(.count) {padding-left:28px;}

/* data-box 공통 */
.data-box-list {border-top:1px solid #ced9ee;}
.data-box-list .data-desc {display:-webkit-box; overflow:hidden; max-height:88px; margin-top:6px; line-height:22px; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-break:keep-all;}
.data-box-list .data-box {margin-bottom:0; padding:20px 0; border-color:#ced9ee;}
.data-box-list .data-box:hover {background:rgba(0,71,157,0.04);}
.data-box {display:flex; position:relative; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #7a8da4;}
.data-box .inner-img {overflow:hidden; width:226px; max-height:130px; margin-right:30px;}
.data-box .inner-img img {display:block; width:100%; height:100%; object-fit:contain; object-position:center top;}
.data-box .inner-img + .inner-data {flex:1 1 0%;}
.data-box .inner-data:only-child {flex-shrink:0; width:100%;}
.data-box .title-group:not(:first-child) {margin-top:5px;}
.data-box .inner-data > div:not(.data-tags-group) {margin-right:200px;}
.data-box .inner-data > div.title-group:last-child {margin-right:0; margin-bottom:0;}
.data-box .btn-area {position:absolute; top:50%; right:20px; margin-top:-13px;}
.data-box .btn-area [class="mu-btn"] {height:26px; border-radius:4px;}
.data-box .btn-area [class="mu-btn"] span {font-size:13px;}
.data-box .vendor {position:relative; display:inline-block; margin-left:15px; padding-left:15px;}
.data-box .vendor::before {content:""; display:block; position:absolute; left:0; top:calc(50% - 10px); width:1px; height:20px; background:#ddd;}
.data-box .tags-group {position:relative; margin-left:15px; padding-left:16px;}
.data-box .tags-group::before {content:""; position:absolute; bottom:7px; left:0; width:1px; height:14px; background-color:#ddd;}
.data-title {display:block; font-weight:normal; font-size:20px; font-family:'KHNPHD', sans-serif; line-height:30px; color:#333; word-break:keep-all;}
.data-desc {margin-top:5px; word-break:keep-all;}

/* data-result-wrap(목록) > data-box */
.data-result-wrap .mu-heading h4 {font-family:'KHNPHD', sans-serif;}
.data-result {border-top:1px solid #333;}
.data-result .data-desc {display:-webkit-box; overflow:hidden; max-height:40px; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.data-result .data-box {margin:0; padding:20px 0; border-color:#ced9ee;}
.data-result .data-box:hover {background:rgba(0,71,157,0.04);}
.data-result .data-box .inner-data > div:not(.data-tags-group) {margin-right:0;}
.data-result .data-box .btn-area {position:relative; top:auto; right:auto; margin-top:0;}
.data-result .data-box .data-tags-group {margin-top:10px;}

/* 공통 데이터 안내용 .data-info dl dt dd */
.data-info {display:flex; align-items:center;}
.data-info dl {display:flex; align-items:center; position:relative;}
.data-info dl:not(:last-child) {margin-right:15px; padding-right:15px;}
.data-info dl:not(:first-child):not(.item-ml-auto)::before {content:""; position:absolute; left:-14px; top:50%; width:1px; height:12px; margin-top:-6px; background-color:#ddd;}
.data-info dl dt {display:flex; align-items:center; color:#666; white-space:nowrap;}
.data-info dl dt .mu-icon-svg {display:none; margin-right:6px;}
.data-info dl dt span {margin-right:11px;}
.data-info dl dd {color:#333; white-space:nowrap;}

/* 공통 데이터 안내용 유형들 */
.data-info dl dt.hidden * {margin:0; padding:0; font-size:0;}
.data-info dl .hidden {margin-right:0;}

/* 데이터태그 - 유형표시용 링크 없음 */
.data-tags-group,
.tags-group {display:flex; flex-wrap:wrap; align-items:center;}
.tags-group .tag {position:relative; display:inline-block; height:26px; line-height:26px; margin-top:5px; padding:0 10px; border-radius:4px; background-color:#f5f5f5; font-size:13px; white-space:nowrap;} 
.tags-group .tag:not(:last-child) {margin-right:5px;}
.tags-group .tag i {vertical-align:-4px; margin-right:4px;}

/* 상세페이지 - 상단 */
.board-wrap .board-head {display:flex; flex-direction:column; justify-content:center;}

/* 상세페이지 - 타이틀 */
.board-head {padding-bottom:16px;}
.board-head .category-group {margin-bottom:0;}
.board-head .board-title {font-weight:normal; font-size:20px; font-family:'KHNPHD';}
.board-head .board-desc {margin-top:12px;}

/* 상세페이지 - CMS영역 */
.inner-cms {padding:20px 0; line-height:1.8;}
* + .inner-cms {margin:15px 0 0 0;} 

/* 리스트형 테이블안에 타이틀명칭분리 : mobile에서 제목왼쪽에 view 용도 모바일 */
.data-label {position:relative; display:inline-block; width:auto; height:24px; line-height:24px;}

/* 카드형 게시판 @@grid수정 IE11이슈 */
.card-wrap {overflow:hidden;}
.card-wrap .card-list {display:flex; flex-flow:wrap; margin-left:-20px; padding-bottom:20px; border-top:1px solid #7a8da4; border-bottom:1px solid #b5bfcb;}
.card-wrap .card-box {position:relative; width:calc(25% - 20px); margin:20px 0 0 20px; border-radius:20px;}
.card-wrap .inner-img {overflow:hidden; position:relative; padding-top:67.69230769230769%; border-radius:20px 20px 0 0; background:#fafafa url("../images/common/bg-symbol-logo.png") center no-repeat; background-size:23.66863905325444% auto;}
.card-wrap .inner-img img {display:block; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; object-position:center top;}
.card-wrap .inner-data {padding:20px 20px 25px; border:1px solid #ced9ee; border-top:0; border-radius:0 0 20px 20px;}
.card-wrap .card-title {display:-webkit-box; overflow:hidden; height:52px; margin-top:11px; font-weight:normal; font-size:18px; line-height:24px; color:#333; word-break:keep-all; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;}

/* 통계자료 06-13 */
.item-view {padding-bottom:20px; border-bottom:1px solid #7a8da4;}
.category-detail-wrap {flex:1 1 0%; min-width:0;}
.category-detail-wrap .data-detail-wrap {padding:30px; border-radius:20px; background-color:#fff;}
.category-menu-wrap {overflow:hidden; width:340px; height:768px; margin-right:20px; padding:20px; border-radius:15px; background-color:#fff;}
.category-menu-wrap h4 {overflow:hidden; font-size:0;}
.category-menu-wrap h4::before {content:"CATEGORY"; display:block; margin-bottom:15px; padding-bottom:15px; font-weight:500; font-size:20px; line-height:1; color:#333; border-bottom:1px solid #7a8da4;}
.category-menu-wrap .inner-scroll {height:calc(100% - 126px); max-height:100%;}
.category-menu-wrap .mu-btn {justify-content:inherit; width:calc(100% - 30px); margin:15px;}
.category-menu-wrap .mu-btn span {margin:auto;}
/* 아코디언메뉴 - 카테고리선택 07-11 수정 */
.category-accordion-menu {overflow:auto; height:calc(100% - 126px);}
.category-accordion-menu .toggle-button {display:inline-flex; align-items:center; position:relative; z-index:1; height:23px; margin:3px 0 3px 22px; border-radius:6px; background-color:#fff; text-align:left; color:#666;}
.category-accordion-menu .toggle-button:focus {outline:none}
.category-accordion-menu .toggle-button::before {content:""; display:block; position:absolute; top:50%; left:-22px; width:18px; height:18px; margin-top:-9px; border-radius:6px; background:#1e9cff url("../images/ico/ico-unfold-wh.svg") center no-repeat; background-size:16px 16px; transition:all .3s;}
.category-accordion-menu .toggle-button.unfold::before {border:1px solid #1e9cff; background-color:#fff; background-image:url("../images/ico/ico-fold_n.svg");}
.category-accordion-menu .toggle-button span {opacity:0; overflow:hidden; width:0; height:0; font-size:0;}
.category-accordion-menu .selected-button {display:inline-block; position:relative; z-index:2; height:23px; margin:3px 0; line-height:23px; vertical-align:top; border-radius:6px; background-color:#fff;}
.category-accordion-menu .selected-button.active {padding:0 10px; background-color:#1e9cff; color:#fff;}
.category-accordion-menu li {position:relative;}
.category-accordion-menu li li {padding-left:20px;}
.category-accordion-menu li:not(.has-child) .toggle-button {display:none;}
.category-accordion-menu li:not(.has-child) .selected-button {margin-left:26px;}
.category-accordion-menu li:not(.has-child) .selected-button::before {content:""; position:absolute; top:12px; left:-18px; width:9px; border-top:1px solid #e5e5e5;}
.category-accordion-menu li.open > .category-sub-accordion {display:block;}
.category-accordion-menu > li > .category-sub-accordion li:last-child.open > .category-sub-accordion::before {bottom:auto;}
.category-sub-accordion {display:none; position:relative;}
.category-sub-accordion li::before {content:""; position:absolute; top:-13px; bottom:14px; left:8px; border-left:1px solid #e5e5e5;}
.category-sub-accordion li::after {content:""; position:absolute; top:15px; left:8px; width:22px; border-bottom:1px solid #e5e5e5;}
.category-sub-accordion li.open:last-child::before {bottom:auto; height:29px;}
/* 3depth toggle button hide */
.category-accordion-menu .category-sub-accordion .category-sub-accordion .category-sub-accordion li > .toggle-button {display:none;}

/* 트리메뉴 - 분류체계검색 */
.category-tree-menu {padding:20px; border-radius:15px; background-color:#fafafa;}
.category-tree-menu li {position:relative; margin-top:10px; padding-left:28px;}
.category-tree-menu > li:first-child {margin-top:0;}
.category-tree-menu label {display:block; position:relative;}
.category-tree-menu label::before {content:""; position:absolute; top:12px; left:-28px; width:18px; height:16px; background:url("../images/ico/ico-folder.png") 0 0 no-repeat; background-size:contain;}
.category-tree-menu label input {overflow:hidden; position:absolute; clip:rect(0 0 0 0); width:1px; height:1px; margin:-1px; padding:0; border:0;}
.category-tree-menu label span {display:block; cursor:pointer; position:relative; width:100%; height:40px; padding:0 15px; border:1px solid #e1e1e1; border-radius:6px; background-color:#fff; line-height:40px; color:#333; text-align:left;}
.category-tree-menu label input:checked + span {background-color:#f4f9fc; color:#004ca2;}
.category-tree-menu .category-sub-tree {position:relative;}
.category-tree-menu .category-sub-tree li::before {content:""; position:absolute; top:-29px; left:-19px; width:15px; height:50px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1;}
.category-tree-menu .category-sub-tree li:first-child::before {top:-14px; height:35px;}

/* 점검진단기관 06-14 */
.vendor-wrap {overflow:hidden;}
.vendor-list {display:flex; flex-wrap:wrap; margin-left:-20px; padding-bottom:20px; border-top:1px solid #7a8da4; border-bottom:1px solid #b5bfcb;}
.vendor-list .inner-box {position:relative; width:calc(33.333% - 20px); margin:20px 0 0 20px; padding:25px; border:1px solid #ced9ee; border-radius:20px;}
.vendor-list .vendor-name {display:block; margin:10px 0 8px; font-weight:normal; font-size:20px; line-height:1.2; color:#333;}
.vendor-list .vendor-data {margin-top:20px;}
.vendor-list .vendor-data,
.vendor-list .vendor-data dl {display:flex; flex-flow:wrap; align-items:center; position:relative;}
.vendor-list .vendor-data dl + dl {margin-left:10px; padding-left:11px;}
.vendor-list .vendor-data dl + dl::before {content:""; position:absolute; top:2px; left:0; height:14px; border-right:1px solid #ddd;}
.vendor-list .vendor-data dt:not(.blind) {margin-right:6px; line-height:14px; color:#333;}
.vendor-list .vendor-data dd {display:flex; align-items:center; position:relative; line-height:18px;}
.vendor-list .vendor-data dd:not(:last-child) {margin-right:10px; padding-right:11px;}
.vendor-list .vendor-data dd:not(:last-child)::after {content:""; position:absolute; top:2px; right:0; height:14px; border-right:1px solid #ddd;}
.vendor-list .vendor-data dd i {width:18px; height:18px; margin:0 5px 0 0;}

/* 플랫폼소개 07-27 */
.service-introduction .mu-heading {margin:0 0 70px; padding-bottom:10px; border-bottom:1px solid #7a8da4;}
.introduction-summary {display:flex; flex-flow:nowrap; align-items:center; margin:-15px -30px 0;}
.introduction-summary .subject {width:50%; padding-left:90px; white-space:nowrap; transform:translateY(-25px);}
.introduction-summary .subject h4 {margin-bottom:20px; font-size:40px; font-family:'KHNPHD'; line-height:1.35; color:#333; letter-spacing:-1px;}
.introduction-summary .subject h4 span {display:block; color:#1f75d5; letter-spacing:-1px;}
.introduction-summary .subject-desc {font-size:16px; line-height:1.75; word-break:keep-all;}
.introduction-item {display:flex; flex-flow:wrap; justify-content:space-between; align-items:center;}
.introduction-item:nth-child(even) {text-align:right;}
.introduction-item:nth-child(2) {margin-top:-57px;}
.introduction-item:nth-child(3) {margin-top:12px;}
.introduction-item:nth-child(4) {margin-top:40px;}
.introduction-image {width:50%;}
.introduction-description {width:50%; padding:40px 60px;}
.introduction-description h5 {margin-bottom:5px; font-size:20px; color:#333;}
.introduction-description p {font-size:14px; color:#666; word-break:keep-all;}

/* 분석서비스 07-27 */
.cont-desc-wrap {max-width:1420px; margin:0 auto 20px; padding:30px; border-radius:20px; background-color:#fff;}
.cont-desc-wrap h4 {margin-bottom:20px; font-size:20px; line-height:1.2; color:#333;}

/* 개인정보처리방침 09-02 */
.policy-prefacc {margin-bottom:30px;}
.policy-prefacc p {font-size:14px;}
.policy-accordion > li {min-height:50px; border:1px solid #ced9ee; border-radius:25px;}
.policy-accordion > li ~ li {margin-top:10px;}
.policy-accordion-head a {display:block; position:relative; padding:13px 40px 13px 20px; font-size:18px; line-height:23px; color:#333; word-break:keep-all;}
.policy-accordion-head a::after {content:""; position:absolute; top:50%; right:20px; width:18px; height:18px; margin-top:-9px; background:url("../images/ico/ico-select-arrow.svg") center no-repeat; transform:rotate(-180deg); transition:all .2s ease-in-out;}
.policy-accordion-head.active a::after{transform:rotate(0);}
.policy-accordion-body {display:none; margin:0 20px; padding:15px 0; border-top:1px solid #ced9ee;}

/* 본인확인 09-02 */
.verification-wrap .mu-heading {margin-bottom:0; padding-bottom:10px; border-bottom:1px solid #7a8da4;}
.verification-privacy {margin:20px 0 15px; padding:20px; border:1px solid #ced9ee; border-radius:5px;}
.verification-privacy * {font-weight:normal; color:#888;}
.verification-privacy ~ .mu-item-group {flex-flow:wrap;}
.verification-privacy ~ .mu-item-group > *:not(:last-child),
.verification-privacy ~ .mu-item-group .mu-radio:not(:last-child) {margin-right:30px;}
.verification-privacy ~ .mu-item-group > * + * {margin:0;}
.verification-privacy ~ .mu-item-group p {margin:5px 0; color:#333;}
.verification-phone {padding:30px 0; text-align:center; border-bottom:1px solid #7a8da4;}
.verification-phone img {display:inline-block; width:auto;}
.verification-phone dl {margin:20px 0 10px;}
.verification-phone dt {font-size:20px; color:#333;}
.verification-phone dd {margin-top:5px; color:#333;}
.verification-phone [class^="mu-btn"] {width:170px;}

/* 그림으로 보는 통계 11-16 */
.infographics-card {display:flex; gap:21px; flex-flow:wrap; margin-top:40px;}
.infographics-item {display:block; flex:1;}
.infographics-thumb {overflow:hidden; position:relative; height:260px; border-radius:20px 20px 0 0;}
.infographics-thumb img {width:100%; height:100%; object-fit:cover; border-radius:20px 20px 0 0;}
.infographics-item:nth-child(1) .infographics-thumb img {object-position:center; transform:scale(1.1);}
.infographics-item:nth-child(2) .infographics-thumb img {object-position:center;}
.infographics-item:nth-child(3) .infographics-thumb img {object-position:right 30px bottom -35px; transform:scale(1.35);}
.infographics-item:nth-child(4) .infographics-thumb img {object-position:right 40px top -20px; transform:scale(1.4);}
.infographics-info {padding:20px; border:1px solid #ced9ee; border-top:0; border-radius:0 0 20px 20px;}
.infographics-info dt {margin-bottom:10px; font-size:20px; line-height:1.2; font-family:'KHNPHD'; color:#333; letter-spacing:-0.5px;}
.infographics-subject li {line-height: 1.71; letter-spacing:-0.75px;}

/* main
***************************************************************************/
/* main 공통 */
.main-container {overflow:hidden; min-width:1420px;}
.main-container.type-1 {background:#f1f2f6 url("../images/common/bg-main-01.png") center top -95px no-repeat;}
.main-container.type-2 {background-image:url("../images/common/bg-main-02.png"), linear-gradient(to bottom, #e2effe 0, #e2effe 3090px, #72befb 3090px); background-position:center top; background-repeat:no-repeat;}
.main-container.type-3 {background: url("../images/common/bg-main-03.png") center top 100px no-repeat, linear-gradient(to bottom, #f4f5e9 0, #f4f5e9 2580px, #c4b993 2580px);}
.main-container.type-4 {background: #daf5de url("../images/common/bg-main-04.png") center top -152px no-repeat;}
.main-container .inner {max-width:1420px; margin:0 auto;}
.main-container .main-head {display:flex; justify-content:space-between; align-items:center; position:relative; z-index:2; margin-bottom:10px;}
.main-container .main-head ~ .main-head {margin-top:30px;}
.main-container .main-head h3 {margin-right:20px; font-size:20px; line-height:1.2; font-family:'KHNPHD'; color:#333; letter-spacing:-1px; word-break:keep-all;}
.main-container .main-head span {font-size:15px; color:#999; white-space:nowrap;}
.main-container .main-head select {min-width:110px; padding:0 36px 0 13px;}
.main-container .main-head .count {font-weight:normal; font-size:20px; line-height:1; font-family:'KHNPHD'; color:#1e9cff;}
.main-container .main-body {position:relative; z-index:1;}
.main-container .main-body figure {text-align:center;}
.main-container .main-body figure img {width:auto; max-width:100%;}
.main-container .main-body figcaption {overflow:hidden; opacity:0; height:0; text-indent:-9999px;}
/* 메인 탭 */
.main-tab-wrap {padding:60px 0 40px; text-align:center;}
.main-tab-wrap .main-tab {display:inline-flex; width:560px; max-width:100%; border-radius:5em; background-color:#fff; box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.09);}
.main-tab-wrap .main-tab a {display:block; flex:1; font-size:22px; line-height:64px; color:#414141; text-align:center; border-radius:5em;}
.main-tab-wrap .main-tab a.on {color:#fff; background-color:#1e9cff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.main-tab-content:not(.on) {display:none;}
/* 메인 비주얼 영역 */
.total-channel .subject {max-width:600px; margin-bottom:20px;}
.total-channel .subject h2 {display:block; position:relative; font-size:48px; color:#333; letter-spacing:-3px;}
.total-channel .subject h2::before {content:""; display:block; width:209px; height:84px; margin-bottom:15px; background:url("../images/common/img-symbol-logo2.png") center no-repeat; background-size:cover; line-height:1;}
.total-channel .subject h2 span {display:block; font-weight:normal; font-size:inherit; line-height:1.2; color:inherit; letter-spacing:-2px;}
.total-channel .subject-desc {margin-bottom:40px; font-size:18px; lin-height:30px; color:inherit; word-break:keep-all;}
.total-channel-search {max-width:600px;}
.total-channel-search .mu-input-icon {display:flex; align-items:center; width:100%; max-width:500px; height:50px; border-radius:25px;}
.total-channel-search .mu-input-icon .mu-input {width:100%; height:100%; padding:0 90px 0 30px; font-size:18px; border:0; border-radius:25px;}
.total-channel-search .mu-input-icon .mu-btn-delete {display:none; margin-right:70px;}
.total-channel-search .mu-input-icon .mu-btn-delete .mu-icon-svg {width:32px; height:32px;}
.total-channel-search .mu-btn.mu-btn-sch {position:absolute; top:0; right:0; width:50px; height:50px; padding:0; font-size:0; border-radius:50%; background:none; box-shadow:none;}
.total-channel-search .mu-btn.mu-btn-sch i + span {overflow:hidden; width:0; height:0; line-height:0; font-size:0; text-indent:-9999px;}/* 버튼에 blind처리 */
.total-channel-search .mu-btn-sch .mu-icon-svg.search, 
.total-channel-search .mu-btn-sch .mu-icon-svg.search:hover {margin:0; background-image:url("../images/ico/ico-search_n.svg");}
/* 메인 검색 */
.favorite-keyword {max-width:600px; padding:10px 0;}
.favorite-keyword dt {font-size:0; text-indent:-9999px;}
.favorite-keyword .tags-group {display:inline-flex; flex-flow:wrap; min-height:112px; margin-left:-10px;}
.favorite-keyword .tags-group .tag {display:inline-block; height:auto; margin:5px 10px; padding:0 15px; border-radius:2px 12px; background-color:#fff; font-size:19px; line-height:46px; color:#333;}
.favorite-keyword .tags-group .tag::before {content:"#";}
.favorite-keyword .tags-group .tag:hover,
.favorite-keyword .tags-group .tag:focus {background-color:#1e9cff; color:#fff;}
/* 메인 차트 및 현황 공통 : ADD highcharts 08-03 */
.chart-section .inner {display:flex; flex-direction:column;}
.chart-section .main-wrap {position:relative; width:580px; min-height:800px; padding:20px; border-radius:15px 30px; background-color:#fff; box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.09);}
.chart-section .main-body .txt-info {display:flex; justify-content:flex-end;}
.chart-section .chart-summary {margin:30px 0 20px; font-size:24px; font-family:'KHNPHD'; color:#DC6B64; text-align:center; letter-spacing:-1px; word-break:keep-all;}
.stack-legend {display:flex; flex-flow:wrap; justify-content:center; align-items:center; text-align:center;}
.stack-legend .chart-legend-label {padding:0 15px;font-weight:500; font-size:13px; line-height:24px; color:#fff; white-space:nowrap;}
.stack-legend .chart-legend-item:nth-child(1) {background-color:#307D8B;}
.stack-legend .chart-legend-item:nth-child(2) {background-color:#6EA7AE;}
.stack-legend .chart-legend-item:nth-child(3) {background-color:#B4B464;}
.stack-legend .chart-legend-item:nth-child(4) {background-color:#DC6B64;}
.stack-legend .chart-legend-item:nth-child(5) {background-color:#F1A44E;}
.stack-legend .chart-legend-item:nth-child(6) {background-color:#8085e9;}
.stack-legend .chart-legend-unit {margin-left:10px; font-size:14px; color:#999;  white-space:nowrap;}
.use-years-legend .chart-legend-item:nth-child(1) {background-color:#307D8B;}
.use-years-legend .chart-legend-item:nth-child(2) {background-color:#6EA7AE;}
.use-years-legend .chart-legend-item:nth-child(3) {background-color:#DC6B64;}
.use-years-legend .chart-legend-item:nth-child(4) {background-color:#F1A44E;}
.construction-section .chart-legend {margin-top:20px;}
.facilities-section .chart-legend {margin-top:40px;}
.facilities-section .chart-legend .chart-legend-label {line-height:30px;}
.highcharts-container * {font-weight:inherit; font-size:inherit; font-family:'roboto', 'KHNPHU', sans-serif;}
.highcharts-container svg {position:relative; z-index:1;}
.highcharts-container rect {stroke:none !important;}
.highcharts-container .highcharts-xaxis-labels {text-align:right;}
.highcharts-title .sub-title {display:block; font-weight:normal; font-size:20px; line-height:inherit; font-family:inherit; color:inherit;}
.highcharts-tooltip:not(g) {z-index:10; background-color:#fff;}
.highcharts-tooltip table {table-layout:auto; width:100%; padding:8px 12px; border:0; border-radius:2px; border-collapse:separate; background-color:#fff; box-shadow:1px 1px 2px 2px rgba(0,0,0,.15);}
.highcharts-tooltip table th {padding:2px; padding-right:15px; font-weight:normal; font-size:14px;}
.highcharts-tooltip table td {padding:2px; font-size:14px; font-family:'roboto', 'KHNPHU', sans-serif; text-align:right; color:#333;}
.highcharts-tooltip tbody th,
.highcharts-tooltip tbody td {font-weight:bold;}
.highcharts-stack-labels span {font-weight:bold; font-size:12px; color:#6a6c6e;}
.highcharts-legend {position:relative; z-index:2;}
@keyframes fade-in{0%{opacity:0}100%{opacity:1}}
/* 메인 건설안전현황 */
.construction-section .chart-section {margin-top:74px;}
.construction-section .chart-section .main-wrap:first-child::before {content:url("../images/common/img-main-item-01.png"); position:absolute; top:-83px; left:50%; z-index:1;}
.construction-section .chart-section .main-wrap:last-child {align-self:flex-end; margin-top:130px;}
.construction-section .chart-section .main-wrap:last-child::before {content:url("../images/common/img-main-item-02.png"); position:absolute; top:-206px; left:300px; z-index:1;}
.construction-section .chart-section .main-wrap {min-height:800px;}
.accident-figure {display:flex; justify-content:center; position:relative; z-index:2; margin:30px 0; padding-top:45px;}
.accident-figure .figure {display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; width:150px; height:150px; margin:0 10px; border-radius:50%; text-align:center; animation:fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.accident-figure .figure strong {display:block; margin-top:20px; font-weight:normal; font-size:30px; line-height:1.2; font-family:'KHNPHD'; color:#fff;}
.accident-figure .figure span {display:block; font-size:inherit; font-family:'KHNPHD'; color:#fff;}
.accident-figure .figure::before {content:""; position:absolute; top:-44px; left:0; width:100%; height:90px; background-position:center bottom; background-repeat:no-repeat; background-size:contain;}
.accident-figure .figure.accident-type-01 {background-color:#534D56;}
.accident-figure .figure.accident-type-01::before {background-image:url("../images/common/img-accident-type-01.png");}
.accident-figure .figure.accident-type-02 {background-color:#DC6B64;}
.accident-figure .figure.accident-type-02::before {background-image:url("../images/common/img-accident-type-02.png");}
.accident-figure .figure.accident-type-03 {background-color:#C1B2CD;}
.accident-figure .figure.accident-type-03::before {background-image:url("../images/common/img-accident-type-03.png");}
.accident-figure-count {display:flex; justify-content:space-between; align-items:center; padding:0 30px;}
.accident-figure-count + .accident-figure-count {margin-top:20px;}
.accident-figure-count dt {font-size:30px; font-family:'KHNPHD'; color:#534D56;}
.accident-figure-count dd {font-size:30px; font-family:'KHNPHD'; color:#1e9cff;}
.accident-cause {display:flex; justify-content:space-around; margin:50px 0 10px;}
.accident-cause .chart-box {flex:1; margin-bottom:10px; text-align:center;}
.accident-cause .chart-box h4 {margin-bottom:10px; font-size:20px; font-family:'KHNPHD'; color:#333;}
.accident-cause .chart-box .chart-group {width:240px; height:240px; margin:0 auto; border-radius:50%;}
.accident-section {margin-top:546px;}
.accident-section .main-wrap {position:relative; padding:20px; border-radius:15px 30px; background-color:#fff; box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.09);}
.accident-section .main-wrap::before {content:url("../images/common/img-main-item-03.png"); position:absolute; top:-117px; left:50%; z-index:1; transform:translateX(-25%);}
.accident-section .accident-list {display:flex; flex-flow:wrap;}
.accident-section .accident-list li {flex:1; margin:20px 5px; text-align:center;}
.accident-section .accident-list li strong {display:block; margin-top:10px; font-weight:normal; font-size:20px; font-family:'KHNPHD'; color:#1e9cff;}
.accident-section .accident-list li strong span {display:block; font-size:inherit; font-family:'KHNPHD'; color:#333; letter-spacing:-1px;}
.accident-section .accident-list .mu-icon-img {display:block; min-width:120px; height:120px; background-position:center; background-repeat:no-repeat; background-size:contain;}
.accident-section .pictogram-01.mu-icon-img {background-image:url("../images/common/img-accident-pictogram-01.png");}
.accident-section .pictogram-02.mu-icon-img {background-image:url("../images/common/img-accident-pictogram-02.png");}
.accident-section .pictogram-03.mu-icon-img {background-image:url("../images/common/img-accident-pictogram-03.png");}
.accident-section .pictogram-04.mu-icon-img {background-image:url("../images/common/img-accident-pictogram-04.png");}
.accident-section .pictogram-05.mu-icon-img {background-image:url("../images/common/img-accident-pictogram-05.png");}
.accident-section .pictogram-06.mu-icon-img {background-image:url("../images/common/img-accident-pictogram-06.png");}
.accident-section .pictogram-07.mu-icon-img {background-image:url("../images/common/img-accident-pictogram-07.png");}
.accident-section .pictogram-08.mu-icon-img {background-image:url("../images/common/img-accident-pictogram-08.png");}

/* 메인 시설안전현황 */
.facilities-section .chart-section {margin-top:85px;}
.facilities-section .chart-section .main-wrap:first-child {align-self:flex-end;}
.facilities-section .chart-section .main-wrap:last-child {min-height:890px; margin-top:100px;}
.facilities-section .chart-section .main-wrap {min-height:740px;}
.facility-situation {margin-top:20px;}
.facility-figure {display:flex; justify-content:center;}
.facility-figure .figure {display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; width:150px; height:150px; margin:0 10px; border-radius:50%; text-align:center; box-shadow:0 11px 0 rgba(173,150,128,.15); animation:fade-in 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.facility-figure .figure strong {display:block; font-weight:normal; font-size:30px; line-height:1.2; font-family:'KHNPHD'; color:#fff;}
.facility-figure .figure span {display:block; font-weight:normal; font-size:inherit; line-height:1.2; font-family:'KHNPHD'; color:#fff;}
.facility-figure .figure.facility-type-01 {background-color:#DC6B64;}
.facility-figure .figure.facility-type-02 {background-color:#94c76e;}
.facility-figure .figure.facility-type-03 {background-color:#e79b56;}
.facilities-section .inspection-section {margin-top:530px;}
.inspection-section .inner {display:flex; flex-flow:wrap; justify-content:space-between;}
.inspection-section .main-wrap {position:relative; width:calc(50% - 7px); padding:20px; border-radius:15px 30px; background-color:#fff;}

/* 메인 지하안전현황 */
.basement-section .chart-section {margin-top:50px;}
.basement-section .chart-section .main-wrap {position:relative; min-height:auto;}
.basement-section .chart-section .main-wrap:last-child {align-self:flex-end; margin-top:230px;}
.basement-section .chart-section .main-wrap:last-child::after {content:url("../images/common/img-main-item-08.png"); position:absolute; top:0; left:500px;}
.area-evaluation {position:relative; max-width:100%; width:420px; height:757px; margin:0 auto; background:url("../images/common/img_main_map.png") center top no-repeat; background-size:contain;}
.area-evaluation .chart-box {position:absolute; width:180px; height:180px; font-size:1.5rem;}
.area-evaluation .chart-box h4 {display:none; position:absolute; top:50%; left:50%; z-index:2; font-size:1em; font-family:'KHNPHD'; transform:translate(-50%, -50%);}
.area-evaluation .chart-box.seoul {top:3%; left:10%; }
.area-evaluation .chart-box.wonju {top:3%; right:0;}
.area-evaluation .chart-box.daejeon {top:27%; left:37%;}
.area-evaluation .chart-box.iksan {top:52%; left:8%;}
.area-evaluation .chart-box.busan {top:52%; right:0;}
.area-evaluation .chart-box.jeju {bottom:3%; left:31%;}
.area-evaluation .chart-box.wonju,
.area-evaluation .chart-box.daejeon,
.area-evaluation .chart-box.iksan,
.area-evaluation .chart-box.jeju {width:120px; height:120px;}
.area-evaluation .chart-group {position:relative; width:100%; height:100%;}
.area-evaluation .chart-group::before {content:""; position:absolute; top:50%; left:50%; width:60%; height:60%; border:50%; background-color:#fff; transform:translate(-50%, -50%);}
.pie-legend .chart-legend-inner {display:inline-flex; flex-flow:wrap; gap:0 20px; justify-content:center; align-items:flex-start; margin-top:10px;}
.pie-legend .chart-legend-item {display:flex; align-items:center; white-space:nowrap;}
.pie-legend .chart-legend-item::before {content:""; display:inline-block; width:14px; height:14px; margin-right:4px; vertical-align:middle; border-radius:50%;}
.pie-legend .chart-legend-item:nth-child(1)::before {background-color:#1761a8;}
.pie-legend .chart-legend-item:nth-child(2)::before {background-color:#8fc023;}
.pie-legend .chart-legend-item:nth-child(3)::before {background-color:#ff9c1b;}
.basement-section .inspection-section {margin-top:492px;}

/* 메인 생활안전현황 */
.living-section .chart-section {margin-top:60px;}
.living-section .chart-section .main-wrap:first-child {align-self:flex-end;}
.living-section .chart-section .main-wrap:last-child {margin-top:218px;}
.living-section .inspection-section {margin-top:462px;}
.vulnerable-situation {display:flex; position:relative; padding:50px 0;}
.vulnerable-situation img {position:absolute; top:-152px; right:0; width:auto;}
.vulnerable-situation .figure {text-align:center;}
.vulnerable-situation .figure + .figure {margin-left:40px;}
.vulnerable-situation .figure::before {content:""; display:block; width:50px; height:50px; margin:0 auto; background:url("../images/common/ico_vulnerable-facility.png") 0 0 no-repeat;}
.vulnerable-situation .figure.type-02::before {background-position-x:-50px;}
.vulnerable-situation .figure.type-03::before {background-position-x:-100px;}
.vulnerable-situation .figure dd {font-weight:bold; font-size:23px;}
.vulnerable-situation .figure-total {position:absolute; top:-48px; right:35px;}
.vulnerable-situation .figure-total dt,
.vulnerable-situation .figure-total dd {font-size:20px; line-height:1.2; color:#fff; text-align:center; letter-spacing:-0.5px;}
.vulnerable-situation .figure-total dd {font-weight:bold; font-size:31px;}
.energy-situation .chart-group {position:relative; height:200px; padding:0 80px 0 180px;}
.energy-situation .bar-chart {position:relative; z-index:4; width:100%;}
.energy-situation .chart-group::before {content:""; position:absolute; bottom:0; left:0; z-index:0; width:100%; height:30px; border-radius:7px; background-color:#85b945;}
.energy-situation .chart-group::after {content:""; position:absolute; bottom:12px; left:14px; z-index:2; width:173px; height:100%; background-position:left bottom; background-repeat:no-repeat;}
.energy-situation .chart-group:nth-child(1)::after {background-image:url("../images/common/img-main-item-06.png"); background-position:left 15px bottom;}
.energy-situation .chart-group:nth-child(2)::after {background-image:url("../images/common/img-main-item-07.png");}
.energy-situation .chart-group .chart-unit {position:absolute; right:10px; bottom:0; z-index:3; line-height:30px; color:#ff0;}
.column-legend {display:flex; gap:20px; justify-content:center; margin-top:10px;}
.column-legend .chart-legend-item {display:flex; align-items:center;}
.column-legend .chart-legend-item::before {content:""; display:inline-block; width:14px; height:14px; margin-right:4px; vertical-align:middle; border-radius:50%;}
.column-legend .chart-legend-item:nth-child(1)::before {background-color:#95c11f;}
.column-legend .chart-legend-item:nth-child(2)::before {background-color:#f6a900;}
.column-legend .chart-legend-item:nth-child(3)::before {background-color:#997cb7;}
.column-legend .chart-legend-item:nth-child(4)::before {background-color:#db6c65;}
.column-legend .chart-legend-item:nth-child(5)::before {background-color:#29adc1;}
.column-legend .chart-legend-item:nth-child(6)::before {background-color:#297d8c;}

/* 메인 공지사항 슬라이드 */
.notice-section {margin-top:50px;}
.notice-section .notice-wrap {display:flex; justify-content:space-between; align-items:center; padding:30px; border-radius:15px 30px; background-color:#fff; box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.09);}
.notice-section .swiper-container {overflow:hidden; width:calc(100% - 160px); height:40px;}
.notice-section .swiper-wrapper {display:block; position:relative; z-index:1; touch-action:pan-x; transition-property:transform;}
.notice-section .swiper-slide {overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap;}
.notice-section .swiper-slide a {overflow:hidden; font-size:24px; line-height:40px; color:#333; text-overflow:ellipsis; white-space:nowrap;}
.notice-section .swiper-slide a .data-label {display:inline-block; min-width:70px; height:36px; margin-right:10px; padding:0 15px; border-radius:3px 12px; background-color:#1e9cff; font-weight:normal; font-size:18px; line-height:36px; color:#fff; text-align:center; vertical-align:middle;}
.notice-section .swiper-controller {display:flex; align-items:center; justify-content:space-between; width:140px;}
.notice-section .swiper-controller button {width:30px; height:30px; background-color:transparent; background-position:center; background-repeat:no-repeat;}
.notice-section .swiper-controller .swiper-button-prev {background-image:url("../images/ico/ico-arrow-next.svg"); transform:scaleX(-1);}
.notice-section .swiper-controller .swiper-button-next {background-image:url("../images/ico/ico-arrow-next.svg");}
.notice-section .swiper-controller .swiper-button-play {display:none; background-image:url("../images/ico/ico-play.svg");}
.notice-section .swiper-controller .swiper-button-pause {background-image:url("../images/ico/ico-pause.svg");}
/* 메인 배너 */
.banner-section {}
.banner-section .inner > [class^="inner-"] {margin:30px 0;}
.banner-section .banner-wrap {display:flex; flex-flow:wrap; margin-left:-20px;}
.banner-section .banner-box {display:flex; align-items:center; flex:1; margin-bottom:20px; margin-left:20px; padding:30px; border-radius:15px 30px; background-color:#fff; box-shadow:0 2px 15px 0 rgba(0, 0, 0, 0.09);}
.banner-section .banner-box strong {display:block; width:100%; margin-bottom:15px; font-weight:normal; font-size:32px; line-height:1.2; font-family:'KHNPHD'; color:#1e9cff;}
.banner-section .banner-box p {word-break:keep-all;}
.banner-section .mu-icon-img {display:block; background-repeat:no-repeat;}
.banner-section .inner-top p {max-width:400px; font-size:18px;}
.banner-section .inner-top .banner-box {padding:30px 45px; background:#fff url("../images/ico/ico-arrow-next.svg") right 30px center no-repeat;}
.banner-section .inner-top .mu-icon-img {width:150px; height:150px; margin-right:40px; background-size:cover;}
.banner-section .data-banner-01 .mu-icon-img {background-image:url("../images/common/img-banner-data-01.png");}
.banner-section .data-banner-02 .mu-icon-img {background-image:url("../images/common/img-banner-data-02.png");}

.banner-section .inner-middle .banner-box {flex-direction:column; justify-content:space-between; height:488px;}
.banner-section .inner-middle .banner-box:nth-child(even) {margin-top:70px;}
.banner-section .inner-middle strong {color:#666;}
.banner-section .inner-middle .mu-icon-img {width:100%; height:226px; background-position:left bottom;}
.banner-section .analysis-banner-01 .mu-icon-img {background-image:url("../images/common/img-banner-analysis-01.png");}
.banner-section .analysis-banner-02 .mu-icon-img {background-image:url("../images/common/img-banner-analysis-02.png");}
.banner-section .analysis-banner-03 .mu-icon-img {background-image:url("../images/common/img-banner-analysis-03.png");}
.banner-section .analysis-banner-04 .mu-icon-img {background-image:url("../images/common/img-banner-analysis-04.png");}

.banner-section .inner-bottom strong {font-size:24px; color:#1e9cff;}
.banner-section .inner-bottom p {font-size:15px;}
.banner-section .inner-bottom .mu-icon-img {width:100px; height:100px; margin-right:30px; background-size:cover;}
.banner-section .customer-banner-01 .mu-icon-img {background-image:url("../images/ico/ico-customer-01_n.png");}
.banner-section .customer-banner-01 .mu-icon-img:hover,
.banner-section .customer-banner-01 .mu-icon-img:focus {background-image:url("../images/ico/ico-customer-01_o.gif");}
.banner-section .customer-banner-02 .mu-icon-img {background-image:url("../images/ico/ico-customer-02_n.png");}
.banner-section .customer-banner-02 .mu-icon-img:hover,
.banner-section .customer-banner-02 .mu-icon-img:focus {background-image:url("../images/ico/ico-customer-02_o.gif");}
.banner-section .customer-banner-03 .mu-icon-img {background-image:url("../images/ico/ico-customer-03_n.png");}
.banner-section .customer-banner-03 .mu-icon-img:hover,
.banner-section .customer-banner-03 .mu-icon-img:focus {background-image:url("../images/ico/ico-customer-03_o.gif");}