@charset "utf-8";

html, body{
	-webkit-text-size-adjust:none;
	text-size-adjust:none;
}
body {
    font-family: "Pretendard", sans-serif;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 400;
    color: #111;
}
body * {
    margin: 0;
    padding: 0;
    word-break: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-align: inherit;
    color: inherit;
    box-sizing: border-box;
    z-index: 0;
}
body *:before,
body *:after {
    margin: 0;
    padding: 0;
    word-break: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-align: inherit;
    color: inherit;
    box-sizing: border-box;
}

/* tooltip */
.ui-helper-hidden-accessible {
    display: none;
}
.ui-tooltip {
	position: absolute;
	max-width: 400px;
	padding: 0;
	border-radius: 0;
	z-index: 9999;
}
.ui-tooltip img {
    display: block;
    width: 500px; /* 해당 부분은 auto로 변경 */
    max-width: 100%;
}

.icon-tooltip {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    font-size: 0;
    background-image: url('../images/icon/icon-tooltip.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    vertical-align: top;
    cursor: pointer;
}

.icon-tooltip.active {
    pointer-events: none;
}
.icon-tooltip.comment {
    position: absolute;
    top: 30px;
    right: 0;
    width: auto;
    padding-left: 26px;
    background-size: 20px;
    background-position: left center;
}
.icon-tooltip.comment > p {
    font-style: normal;
    line-height: 1;
    font-size: 18px;
    color: #111;
}
.dv-tooltip-layer {
    position: absolute;
    width: auto;
    height: auto;
    background-color: #fff;
    box-shadow: 0 10px 10px 10px rgba(0, 0, 0, .15);
}
.dv-tooltip-layer > h4 {
    display: block;
    padding: 10px 25px;
    padding-right: 72px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    background-color: #00a0e9;
    z-index: 1;
}
.dv-tooltip-layer > a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    font-size: 0;
    cursor: pointer;
    z-index: 2;
}
.dv-tooltip-layer > a:before,
.dv-tooltip-layer > a:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #fff;
}
.dv-tooltip-layer > a:before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.dv-tooltip-layer > a:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.dv-tooltip-layer .dv-tooltip-info {
    position: relative;
    max-height: calc(100vh - 128px);
    padding: 25px;
    overflow: auto;
    z-index: 0;
}
.dv-tooltip-layer .dv-tooltip-info > dl {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    position: relative;
    width: 100%;
    font-size: 16px;
    color: #111;
}
.dv-tooltip-layer .dv-tooltip-info > dl > dt,
.dv-tooltip-layer .dv-tooltip-info > dl > dd {
    position: relative;
}
.dv-tooltip-layer .dv-tooltip-info > dl > dt {
    font-weight: 500;
}
.dv-tooltip-layer .dv-tooltip-info > dl > dd {
    padding-left: 12px;
    font-weight: 400;
}
.dv-tooltip-layer .dv-tooltip-info > dl > dd:before {
    content: ":";
    display: block;
    position: absolute;
    top: 0;
    left: 4px;
}
.dv-tooltip-layer .dv-tooltip-info > span {
    display: block;
    margin-top: 10px;
    font-size: 14px;
}
.dv-tooltip-layer .dv-tooltip-info > span:before {
    content:"(";
}
.dv-tooltip-layer .dv-tooltip-info > span:after {
    content:")";
}
/* tooltip */

/* map popup */
.dv-pointer {
    display: block;
    position: absolute;
    width: 24px;
    height: 30px;
    z-index: 1;
}
.dv-pointer.active {
    z-index: 21;
}

.icon-tooltip.active {
    pointer-events: none;
}
.dv-pointer-layer {
    display: none;
    position: absolute;
    width: 620px;
    height: auto;
    background-color: #fff;
    box-shadow: 0 10px 10px 10px rgba(0, 0, 0, .15);
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease .15s;
    z-index: 21;
}
.dv-pointer-layer.active {
    display: block;
    visibility: visible;
    opacity: 1;
}
.dv-pointer-layer > h5 {
    display: block;
    padding: 20px 25px 10px;
    padding-right: 72px;
    line-height: 1.417;
    font-size: 24px;
    font-weight: 500;
    color: #111;
    background-color: #fff;
    z-index: 1;
}
.dv-pointer-layer > a {
    display: block;
    position: absolute;
    top: 12px;
    right: 10px;
    width: 48px;
    height: 48px;
    font-size: 0;
    cursor: pointer;
    z-index: 2;
}
.dv-pointer-layer > a:before,
.dv-pointer-layer > a:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #111;
}
.dv-pointer-layer > a:before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.dv-pointer-layer > a:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.dv-pointer-layer .dv-pointer-layer-info {
    position: relative;
    max-height: calc(100vh - 128px);
    padding: 5px 25px 25px;
    z-index: 0;
}
.dv-pointer.active .dv-pointer-layer-info {
    z-index: 10;
}
.dv-pointer-layer .dv-pointer-layer-info > dl {
    table-layout: auto;
    display: table;
    position: relative;
    width: 100%;
}
.dv-pointer-layer .dv-pointer-layer-info > dl + dl {
    border-top: 1px solid #ddd;
}
.dv-pointer-layer .dv-pointer-layer-info > dl > dt,
.dv-pointer-layer .dv-pointer-layer-info > dl > dd {
    display: table-cell;
    position: relative;
    padding: 6px;
    padding-left: 12px;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    word-wrap: break-word;
    word-break: break-all;
}
.dv-pointer-layer .dv-pointer-layer-info > dl > dt {
    width: auto;
    white-space: nowrap;
    vertical-align: top;
}
.dv-pointer-layer .dv-pointer-layer-info > dl > dt:before {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #0068b7;
    border-radius: 50%;
}
.dv-pointer-layer .dv-pointer-layer-info > dl > dd {
    width: 100%;
    white-space: normal;
    vertical-align: middle;
}
.dv-pointer-layer .dv-pointer-layer-info > dl > dd:before {
    content: ":";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
}
.dv-pointer-layer .dv-pointer-layer-info .a-detail-btn {
    display: inline-block;
    position: relative;
    line-height: 1;
    padding: 4px 12px;
    font-size: 12px;
    color: #111;
    text-align: center;
    border: 1px solid #999;
    border-radius: 4px;
}
.dv-detail-layer {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    width: 620px;
    height: auto;
    background-color: #fff;
    box-shadow: 0 10px 10px 10px rgba(0, 0, 0, .15);
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease .15s;
    transform: translate(-180px, -50%);
    z-index: 21;
}
.dv-detail-layer.active {
    display: block;
    visibility: visible;
    opacity: 1;
}
.dv-detail-layer > h5 {
    display: block;
    padding: 8px 25px;
    line-height: 1.417;
    padding-right: 72px;
    font-size: 24px;
    font-weight: 500;
    color: #111;
    background-color: #fff;
    z-index: 1;
}
.dv-detail-layer > a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    font-size: 0;
    cursor: pointer;
    z-index: 2;
}
.dv-detail-layer > a:before,
.dv-detail-layer > a:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #111;
}
.dv-detail-layer > a:before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.dv-detail-layer > a:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.dv-detail-layer .dv-detail-layer-info {
    position: relative;
    max-height: calc(100vh - 128px);
    padding: 25px;
    overflow: auto;
    z-index: 0;
}
.dv-detail-layer .dv-detail-layer-info .a-msds-btn {
    display: inline-block;
    position: relative;
    line-height: 1;
    padding: 4px 12px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    background-color: #00a0e9;
    border: 1px solid #999;
    border-radius: 4px;
}
/* map popup */

/* layer popup */
.art-layer-layout {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99;
}
.art-layer-layout-inline {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99;
}
.art-layer-layout-inline.active {
    display: block;
}

.dv-layer {
    position: absolute;
    top: 50%;
    left: 50%;
	width:90vw;
    background-color: #fff;
    box-shadow: 0 10px 10px 10px rgba(0, 0, 0, .15);
    transform: translate(-50%, -50%);
    overflow: hidden;
}
.dv-layer.size-0 {
    min-width: 640px;
    width: 640px;
}

.dv-layer.size-2 {
    width: 1640px;
}
.dv-layer > h4 {
    display: block;
    padding: 10px 25px;
    padding-right: 72px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    background-color: #00a0e9;
    z-index: 1;
}
.dv-layer > a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    font-size: 0;
    cursor: pointer;
    z-index: 2;
}
.dv-layer > a:before,
.dv-layer > a:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #fff;
}
.dv-layer > a:before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}
.dv-layer > a:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}
.dv-layer .dv-layer-info {
    position: relative;
    max-height: calc(100vh - 140px);
    padding: 25px;
    z-index: 0;
}
.dv-layer .dv-layer-info > h6 {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #0068b7;
    margin-bottom: 10px;
}
.dv-layer .dv-layer-info > h6 .lab-check {
    margin-left: 40px;
    margin-top: 6px;
}
.dv-layer .dv-layer-info > h6 > span.spn-guide {
    margin-left: 40px;
    font-weight: 400;
    font-size: .8em;
    color: #666;
}
.dv-layer .dv-layer-info > pre {
    position: relative;
    width: 100%;
    min-height: 240px;
    max-height:550px;
    font-size: 15px;
    color: #666;
}
.dv-layer .dv-layer-info > h6.type-1 {
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.dv-layer .dv-layer-info > .dv-list-file {
    margin-top: 25px;
    border-top: 1px solid #ddd;
}

.dv-layer .dv-layer-info .lab-date {
    width: 100%;
}

/* 230811 추가 */
.dv-layer .dv-layer-info.type-1 {
    display: flex;
    padding: 0;
    overflow: hidden;
}
.dv-layer .dv-layer-info.type-1 > div {
    width: 100%;
    max-height: calc(100vh - 128px);
    padding: 25px;
    overflow: auto;
}
.dv-layer .dv-layer-info.type-1 > div:nth-child(2) {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.dv-layer .dv-layer-info.type-1 > div > h6 {
    display: block;
    font-size: 18px;
    font-weight: 500;
    color: #0068b7;
    margin-bottom: 10px;
}
.dv-layer .dv-layer-info.type-1 > div > h6 .lab-check {
    margin-left: 40px;
    margin-top: 6px;
}
.dv-layer .dv-layer-info.type-1 > div > h6 > span.spn-guide {
    margin-left: 40px;
    font-weight: 400;
    font-size: .8em;
    color: #666;
}
.dv-layer .dv-layer-info.type-1 > div > pre {
    position: relative;
    width: 100%;
    min-height: 240px;
    font-size: 15px;
    color: #666;
}
/* 23.08.11 추가 */

.dv-layer .dv-tree-form {
    width: 100%;
    min-height: 340px;
    max-height: 640px;
    border: 1px solid #ddd;
    overflow: auto;
}

.dv-layer .dv-board-regist {
    width: 100%;
    max-height: 640px;
    overflow: auto;
}
.dv-layer .dv-board-regist > h5 {
    position: relative;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 20px;
}
.dv-layer .dv-board-regist > h5:before {
    content: "";
    display: block;
    position: absolute;
    top: 34px;
    left: 4px;
    width: 5px;
    height: 20px;
    background-color: #0068b7;
}

.dv-msds-layer {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.dv-msds-layer > div {
    display: block;
    position: relative;
    width: calc(50% - 20px);
}
.dv-msds-flat {
    position: relative;
    width: 100%;
}
.dv-msds-flat + .dv-msds-flat {
    margin-top: 40px;
}
.dv-msds-flat > h6 {
    margin-bottom: 10px;
    font-size: 18px;
}
.dv-msds-flat-info {
    position: relative;
    width: 100%;
}
.dv-msds-flat-info > pre {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ddd;
}

.mt-10 {
    margin-top: 10px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-60 {
    margin-bottom: 60px !important;
}

.mx-wid-320 {
    width: 95% !important;
    margin-bottom:5px;
}
.wid-pre-50 {
    width: 50% !important;
}

.only-sound {
    font-size: 0;
    visibility: hidden;
}
.only-guide {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    line-height: 1.2;
    font-size: 14px;
    color: #666;
    vertical-align: top;
}
.only-guide:before {
    content: "*";
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    line-height: 1;
}
.only-guide {
    display: inline-block;
    position: relative;
    padding-left: 10px;
    line-height: 1.2;
    font-size: 14px;
    color: #666;
    vertical-align: top;
}
.only-guide.type-1 {
    padding-left: 14px;
}
.only-guide.type-1:before {
    content: "※";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
}

.sec-layout {
    width: 100%;
}
.art-layout {
    width: 100%;
}

.spn-percent {
    position: relative;
}
.spn-percent:after {
    content: "%";
    font-weight: 100;
}

/* pageing */
.dv-paging {
    display: block;
    position: relative;
    width: 100%;
    margin: 40px auto 0;
    font-size: 0;
    text-align: center;
}
.dv-paging > a {
    display: inline-block;
    position: relative;
    min-width: 30px;
    margin: 0 2px;
    line-height: 28px;
    font-size: 15px;
    text-align: center;
    color: #666;
    background-color: #fff;
    border: 1px solid #ddd;
    vertical-align: top;
    transition: all .3s;
}
.dv-paging > a:hover {
    background-color: #f2f8fb;
}
.dv-paging > a.active {
    font-weight: 500;
    color: #076cb9;
    border-color: #076cb9;
    pointer-events: none;
}
.dv-paging > a.a-page-first,
.dv-paging > a.a-page-last,
.dv-paging > a.a-page-prev,
.dv-paging > a.a-page-next {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 14px;
}
.dv-paging > a.a-page-first:hover,
.dv-paging > a.a-page-last:hover,
.dv-paging > a.a-page-prev:hover,
.dv-paging > a.a-page-next:hover {
    border-color: #076cb9;
}
.dv-paging > a.a-page-first.disabled,
.dv-paging > a.a-page-last.disabled,
.dv-paging > a.a-page-prev.disabled,
.dv-paging > a.a-page-next.disabled {
    opacity: 0;
}
.dv-paging > a.a-page-first {
    background-image: url('../images/icon/icon-page-first.png');
}
.dv-paging > a.a-page-prev {
    margin-right: 8px;
    background-image: url('../images/icon/icon-page-prev.png');
}
.dv-paging > a.a-page-next {
    margin-left: 8px;
    background-image: url('../images/icon/icon-page-next.png');
}
.dv-paging > a.a-page-last {
    background-image: url('../images/icon/icon-page-last.png');
}
.dv-paging + .dv-btn-info {
    text-align: right;
    border: 0;
}

/* logo */
.logo {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-end;
    align-content: center;
    width: auto;
    vertical-align: top;
}
.logo > i {
    display: block;
    font-size: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.logo > em {
    display: block;
    margin-right: 8px;
    line-height: 1;
    font-style: normal;
    font-weight: 700;
    color: #333;
}

/* header */
.dv-header-layout {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: all .3s;
    z-index: -1;
}
.dv-header-layout-inner {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 56px;
    padding: 0 50px;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    position: relative;
    z-index: -1;
}

.dv-header-layout-inner > div {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
}
.dv-header-layout-inner .dv-but-quicknews {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 36px;
    margin-right: 20px;
    padding: 0 22px;
    color: #fff;
    background-color: #e93333;
    border-radius: 18px;
    cursor: pointer;
}
.dv-header-layout-inner .dv-but-quicknews.active {
    display: none;
}
.dv-header-layout-inner .dv-but-quicknews > strong {
    font-size: 15px;
    font-weight: 500;
}
.dv-header-layout-inner .dv-but-quicknews > span {
    margin-left: 4px;
    font-size: 12px;
    font-weight: 100;
}

.dv-header-layout-info {
    position: relative;
    width: 100%;
    z-index: -1;
}

.dv-gnb {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    position: relative;
    width: 100%;
    height: 78px;
    padding: 0 50px;
    background-color: transparent;
    overflow: hidden;
    transition: all .3s;
}
.dv-gnb:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 78px;
    background-color: transparent;
}
.dv-gnb.active {
    height: 480px;
    background-color: #f5f5f5;
    box-shadow: 0 8px 5px rgba(0, 0, 0, .15);
}
.dv-gnb.active:before {
    background-color: #fff;
}

.subPage .dv-header-layout {
    position: fixed;
    border-bottom: 1px solid #ddd;
}
.subPage .dv-gnb:before {
    background-color: #fff;
}

.ul-gnb-info {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    width: calc(100% - 280px);
    max-width: 1280px;
    height: 100%;
    margin: 0 auto;
    overflow-y: hidden;
    overflow-x: auto;
}

.ul-gnb-info > li:first-child {
    background: transparent;
}
.ul-gnb-info > li > a {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    height: 78px;
    font-size: 18px;
    font-weight: 600;
    transition: all .3s;
    z-index: 1;
}
.ul-gnb-info > li > a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 24px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #278bae;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}
.ul-gnb-info > li:hover > a {
    color: #278bae;
}
.ul-gnb-info > li:hover > a:before {
    width: 100%;
    visibility: visible;
    opacity: 1;
}
.ul-gnb-info > li > .dv-gnb-sub {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: absolute;
    top: 78px;
    left: 50%;
    width: 100%;
    max-width: 1600px;
    height: 0;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transform: translate(-50%, 0);
}
/*.ul-gnb-info > li:hover > .dv-gnb-sub {*/
/*    height: 352px;*/
/*    visibility: visible;*/
/*    opacity: 1;*/
/*}*/

.dv-gnb-sub > .dv-gnb-img {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 400px;
    height: 100%;
}
.dv-gnb-sub > .dv-gnb-sub-info {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: stretch;
    width: calc(100% - 400px);
    height: 100%;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-1 {
    display: block;
    width: 33.33%;
    height: 100%;
    background-color: #e5f4fa;
    overflow: auto;
    scrollbar-color: #ddd #e5f4fa;
    scrollbar-width: thin;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-1::-webkit-scrollbar {
    width: 4px;
    border-radius: 2px;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-1::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 2px;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-1::-webkit-scrollbar-thumb:hover {
	background-color:#ddd;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-1::-webkit-scrollbar-track {
    background-color: #e5f4fa;
    border-radius: 0;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-1 > ul > li {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: center;
    position: relative;
    width: 100%;
    height: 40px;
    font-size: 15px;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-1 > ul > li.li-sub-depth a{
    width: 100%;
    height: 100%;
    display: flex;
    padding: 0 25px;
    align-items: center;
}

.dv-gnb-sub-info > .dv-gnb-sub-depth-1 > ul > li.li-sub-depth a:hover{
    color: #fff;
}

.dv-gnb-sub-info > .dv-gnb-sub-depth-1 > ul > li:hover,
.dv-gnb-sub-info > .dv-gnb-sub-depth-1 > ul > li.active {
    color: #fff;
    background-color: #008fcd;
}

.dv-gnb-sub-info > .dv-gnb-sub-depth-2 {
    display: block;
    width: 33.33%;
    height: 100%;
    background-color: #cce9f5;
    overflow: auto;
    scrollbar-color: #ddd #cce9f5;
    scrollbar-width: thin;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-2::-webkit-scrollbar {
    width: 4px;
    border-radius: 2px;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-2::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 2px;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-2::-webkit-scrollbar-thumb:hover {
	background-color:#ddd;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-2::-webkit-scrollbar-track {
    background-color: #cce9f5;
    border-radius: 0;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-2 > div {
    display: none;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-2 > div.active {
    display: block;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-2 > div > ul > li {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: center;
    position: relative;
    width: 100%;
    height: 40px;
    font-size: 15px;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-2 > div > ul > li a{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding: 0 25px;
}

.dv-gnb-sub-info > .dv-gnb-sub-depth-2 > div > ul > li a:hover{
    color: #fff;
}

.dv-gnb-sub-info > .dv-gnb-sub-depth-2 > div > ul > li.li-sub-depth {
    padding-right: 58px;
}

.dv-gnb-sub-info > .dv-gnb-sub-depth-2 > div > ul > li:hover,
.dv-gnb-sub-info > .dv-gnb-sub-depth-2 > div > ul > li.active {
    color: #fff;
    background-color: #008fcd;
}

.dv-gnb-sub-info > .dv-gnb-sub-depth-3 {
    display: block;
    width: 33.33%;
    height: 100%;
    background-color: #b2ddf0;
    scrollbar-color: #ddd #b2ddf0;
    scrollbar-width: thin;
    overflow: auto;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-3::-webkit-scrollbar {
    width: 4px;
    border-radius: 2px;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-3::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 2px;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-3::-webkit-scrollbar-thumb:hover {
	background-color:#ddd;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-3::-webkit-scrollbar-track {
    background-color: #b2ddf0;
    border-radius: 0;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-3 > div > div {
    display: none;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-3 > div > div.active {
    display: block;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-3 > div > div > ul > li {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: center;
    position: relative;
    width: 100%;
    height: 40px;
    padding: 0 25px;
    font-size: 15px;
}
.dv-gnb-sub-info > .dv-gnb-sub-depth-3 > div > div > ul > li.li-sub-depth {
    padding-right: 58px;
}

.dv-gnb-sub-info > .dv-gnb-sub-depth-3 > div > div > ul > li:hover,
.dv-gnb-sub-info > .dv-gnb-sub-depth-3 > div > div > ul > li.active {
    color: #fff;
    background-color: #008fcd;
}

.dv-log-info {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    position: absolute;
    top: 24px;
    right: 50px;
}
.dv-log-info > a {
    display: block;
    position: relative;
    width: 76px;
    height: 30px;
    margin-left: 20px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    border-radius: 15px;
    border: 1px solid #278bae;
    overflow: hidden;
    transition: all .3s;
}
.dv-log-info > a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #278bae;
    z-index: 0;
    transition: all .3s;
}
.dv-log-info > a:hover {
    color: #111;
    border-color: #666;
}
.dv-log-info > a:hover:before {
    height: 0;
}
.dv-log-info > a > span {
    position: relative;
    z-index: 1;
}
.dv-profile {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}

.dv-profile > .dv-profile-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}
.dv-profile > p {
    margin-left: 6px;
}
.dv-profile > p > strong {
    font-weight: 500;
}
.dv-profile > p > span {
    margin-left: 2px;
}

/* footer */
.dv-footer-layout {
    width: 100%;
    background-color: #44536a;
}
.dv-footer-layout-info {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    max-width: 1560px;
    height: 45px;
    margin: 0 auto;
    padding: 0 20px;
}

.dv-footer-layout-info > p {
    font-size: 13px;
    font-weight: 300;
    text-align: center;
    color: #c1d2e8;
}

/* main */
.dv-main-layout {
    position: relative;
    width: 100%;
    padding-top: 56px;
}
.dv-main-visual {
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    height: calc(100% - 56px);
    color: #fff;
}
.dv-main-visual:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(232,246,255);
    background: linear-gradient(180deg, rgba(232,246,255,1) 0%, rgba(221,221,221,0) 100%);
    z-index: 0;
}

.dv-main-visual > h2 {
    position: relative;
    margin-top: 100px;
    line-height: 1.2;
    font-size: 30px;
    text-align: center;
    z-index: 2;
}
.dv-main-visual > h2 > span {
    display: block;
    font-style: normal;
    font-weight: 100;
    color: #111;
}
.dv-main-visual > h2 > strong {
    display: block;
    font-weight: 700;
    color: #0090c4;
}

.dv-electronic {
    position: absolute;
    top: 50%;
    left: 100px;
    width: 205px;
    padding: 20px;
    text-align: center;
    background-color: #111;
    border-radius: 20px;
    transform: translate(0, -50%);
}
.dv-electronic > h3 {
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 300;
}
.dv-electronic > h3 > span {
    display: block;
}
.dv-electronic > dl {
    display: table;
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    font-size: 17px;
    font-weight: 500;
}
.dv-electronic > dl + dl {
    margin-top: 5px;
}
.dv-electronic > dl > dt {
    display: table-cell;
    position: relative;
    width: 50%;
    padding-right: 14px;
    text-align: right;
}

.dv-electronic > dl > dd {
    display: table-cell;
    width: 50%;
    text-align: left;
    padding-left: 14px;
}

.dv-main-layout-info {
    position: relative;
    width: 100%;
    max-width: 1640px;
    margin: 0 auto;
    padding: 370px 20px 20px;
}

.dv-main-visual-tabBtns {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    position: absolute;
    top: 254px;
    left: 50%;
    width: calc(100% - 40px);
    color: #fff;
    background-color: #23aa73;
    transform: translate(-50%, 0);
    border-radius: 10px;
    z-index: 1;
}
.dv-main-visual-tabBtns > div {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    width: 25%;
    height: 96px;
    cursor: pointer;
    transition: all .3s;
}
.dv-main-visual-tabBtns > div:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -0.5px;
    width: 1px;
    height: 50px;
    background-color: rgba(255, 255, 255, .5);
    transform: translate(0, -50%);
}
.dv-main-visual-tabBtns > div:first-child:after {
    display: none;
}
.dv-main-visual-tabBtns > div:first-child {
    border-radius: 10px 0 0 10px;
}
.dv-main-visual-tabBtns > div:last-child {
    border-radius: 0 10px 10px 0;
}
.dv-main-visual-tabBtns > div:hover {
    background-color: rgba(0, 0, 0, .15);
}
.dv-main-visual-tabBtns > div.active {
    background-color: #1f6e3d;
}
.dv-main-visual-tabBtns > div.active:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    border-top: 10px solid #1f6e3d;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 0;
    transform: translate(-50%, 0);
}
.dv-main-visual-tabBtns > div > h3 {
    font-size: 20px;
    font-weight: 500;
}
.dv-main-visual-tabBtns > div > h4 {
    font-size: 15px;
    font-weight: 500;
}
.dv-main-visual-tabBtns > div .p-count {
    line-height: 1;
    font-size: 30px;
    font-weight: 500;
}
.dv-main-visual-tabBtns > div .p-count.type-1:after {
    content: "명";
}
.dv-main-visual-tabBtns > div .p-count.type-2:after {
    content: "건";
}
.dv-main-visual-tabBtns > div .p-count.type-3:after {
    content: "종";
}
.dv-main-visual-tabBtns > div .p-count.type-4:before {
    content: "사고사망";
}
.dv-main-visual-tabBtns > div .p-count.type-4:after {
    content: "명";
}
/*.dv-main-visual-tabBtns > div .p-count:before {*/
/*    font-weight: 100;*/
/*}*/
.dv-main-visual-tabBtns > div .p-count:after {
    font-size: 16px;
    font-weight: 100;
}
.dv-main-visual-tabConts {
    position: relative;
    width: 100%;
    z-index: 0;
}
.dv-main-visual-tabConts > div {
    position: absolute;
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
.dv-main-visual-tabConts > div.active {
    position: static;
    height: auto;
    opacity: 1;
    visibility: visible;
    overflow: visible;
}

.dv-main-grid {
    display: grid;
    gap: 20px;
    width: 100%;
}
.dv-main-grid-info {
    padding: 25px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
}
.dv-main-grid-info.basic {
    padding: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
}
.dv-main-grid-info.type-1 {
    background-color: #f5f5f5;
}
.dv-main-grid-info .dv-main-grid-info-box {
    padding: 25px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
}
.dv-main-grid-info .dv-main-grid-info-box.type-1 {
    background-color: #f5f5f5;
}

.dv-main-grid.type-1 {
    grid-template-columns: 450px 450px 1fr;
}
.dv-main-grid.type-1 .dv-main-grid-info:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
    height: 230px;
}
.dv-main-grid.type-1 .dv-main-grid-info:nth-child(2) {
    grid-column: 3/4;
    grid-row: 1/3;
    height: 640px;
    z-index: 1; /* 2023.08.21 추가 */
}
.dv-main-grid.type-1 .dv-main-grid-info:nth-child(3) {
    grid-column: 1/2;
    grid-row: 2/3;
}
.dv-main-grid.type-1 .dv-main-grid-info:nth-child(4) {
    grid-column: 2/3;
    grid-row: 2/3;
}

.dv-main-grid.type-2 {
    grid-template-columns: 450px 450px 1fr;
}
.dv-main-grid.type-2 .dv-main-grid-info:nth-child(1) {
    grid-column: 1/3;
    height: 395px;
}
.dv-main-grid.type-2 .dv-main-grid-info:nth-child(1) .dv-main-grid-info-box {
    height: calc(50% - 2.5px);
}
.dv-main-grid.type-2 .dv-main-grid-info:nth-child(1) .dv-main-grid-info-box + .dv-main-grid-info-box {
    margin-top: 5px;
}
.dv-main-grid.type-2 .dv-main-grid-info:nth-child(2) {
    grid-column: 3/4;
    grid-row: 1/3;
    z-index: 1;
}
.dv-main-grid.type-2 .dv-main-grid-info:nth-child(3) {
    grid-column: 1/3;
    height: 220px;
}

.dv-main-grid.type-3 {
    grid-template-columns: repeat(2, 1fr);
}
.dv-main-grid.type-3 .dv-main-grid-info:nth-child(1) {
    grid-column: 1/3;
    height: 430px;
}
.dv-main-grid.type-3 .dv-main-grid-info:nth-child(1) .dv-main-grid-info-box:nth-child(1) {
    height: 260px;
    padding: 0;
}
.dv-main-grid.type-3 .dv-main-grid-info:nth-child(1) .dv-main-grid-info-box:nth-child(2) {
    height: calc(100% - 270px);
    margin-top: 10px;
    padding: 0;
    overflow: hidden;
}
.dv-main-grid.type-3 .dv-main-grid-info:nth-child(2),
.dv-main-grid.type-3 .dv-main-grid-info:nth-child(3) {
    height: 410px;
}
.dv-main-grid.type-4 {
    grid-template-columns: 880px 700px;
    grid-template-rows: 280px 280px 460px;
    height: 1060px;
}
.dv-main-grid.type-4 .dv-main-grid-info:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
}
.dv-main-grid.type-4 .dv-main-grid-info:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/3;
}
.dv-main-grid.type-4 .dv-main-grid-info:nth-child(3) {
    grid-column: 1/2;
    grid-row: 3/4;
}
.dv-main-grid.type-4 .dv-main-grid-info:nth-child(4) {
    grid-column: 2/3;
    grid-row: 1/4;
}
.dv-main-grid.type-4 .dv-main-grid-info:nth-child(4) .dv-main-grid-main > div {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.dv-main-grid.type-4 .dv-main-grid-info:nth-child(4) .dv-main-grid-main > div > img {
    width: 100%;
    height: auto;
}
.dv-main-grid.type-5 {
    margin-top: 25px;
    grid-template-columns: repeat(2, 1fr);
}

/* 2923.08.21 추가 */
.dv-main-grid-info .dv-main-grid-info-box.slide .slick-list,
.dv-main-grid-info .dv-main-grid-info-box.slide .slick-track,
.dv-main-grid-info .dv-main-grid-info-box.slide .slick-slide,
.dv-main-grid-info .dv-main-grid-info-box.slide .slick-slide > div {
    height: 100%;
}
.dv-main-grid-info .dv-main-grid-info-box.slide .slick-slide .dv-main-tbl-info > h4 {
    position: relative;
    top: -20px;
    opacity: 0;
    transition: all .3s ease .3s;
}
.dv-main-grid-info .dv-main-grid-info-box.slide .slick-slide.slick-active .dv-main-tbl-info > h4 {
    top: 0;
    opacity: 1;
}
.dv-main-grid-info .dv-main-grid-info-box.slide .slick-slide .dv-main-tbl-info > p {
    position: relative;
    top: -20px;
    opacity: 0;
    transition: all .3s ease .6s;
}
.dv-main-grid-info .dv-main-grid-info-box.slide .slick-slide.slick-active .dv-main-tbl-info > p {
    top: 0;
    opacity: 1;
}

/*
.dv-main-grid.type-5 .dv-main-grid-info:nth-child(1) {
    grid-column: 1/2;
}
.dv-main-grid.type-5 .dv-main-grid-info:nth-child(2) {
    grid-column: 2/3;
}
.dv-main-grid.type-5 .dv-main-grid-info:nth-child(3),
.dv-main-grid.type-5 .dv-main-grid-info:nth-child(4),
.dv-main-grid.type-5 .dv-main-grid-info:nth-child(5) {
    grid-column: 1/3;
}

.dv-main-grid.type-5 .dv-main-grid-info:nth-child(1) .ul-main-tree:nth-child(1) {
    position: relative;
    padding-bottom: 40px;
}
.dv-main-grid.type-5 .dv-main-grid-info:nth-child(1) .ul-main-tree:nth-child(1):before {
    content: "";
    display: block;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    border-bottom: 1px dotted #ddd;
}
*/
.dv-main-grid.type-5 .dv-main-grid-info:nth-child(1),
.dv-main-grid.type-5 .dv-main-grid-info:nth-child(2) {
    grid-column: 1/3;
}

.dv-main-grid-header {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
    margin-bottom: 25px;
}
.dv-main-grid-header > h3 {
    font-size: 20px;
    font-weight: 600;
}
.dv-main-grid-header > h3 > span {
    font-size: 16px;
    font-weight: 300;
}
.dv-main-grid-header > h3 > span:before {
    content: "(";
}
.dv-main-grid-header > h3 > span:after {
    content: ")";
}
.dv-main-grid-header-info {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
}
.dv-main-grid-header-info > * + * {
    margin-left: 4px;
}
.dv-main-grid-main {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 100%;
}
.dv-main-grid-header + .dv-main-grid-main {
    width: 100%;
    height: calc(100% - 55px);
}
.dv-main-grid-main > div {
    width: 100%;
    height: 100%;
}
.dv-main-grid-main > div.flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 534px;
}
.dv-main-grid-main > div:first-child:nth-last-child(2),
.dv-main-grid-main > div:first-child:nth-last-child(2) ~ div {
    width: 50%;
}
.dv-main-grid-main > div:first-child:nth-last-child(3),
.dv-main-grid-main > div:first-child:nth-last-child(3) ~ div {
    width: 33.3333%;
}
.dv-main-grid-main > div:first-child:nth-last-child(4),
.dv-main-grid-main > div:first-child:nth-last-child(4) ~ div {
    width: 25%;
}
.dv-main-grid-main > div:first-child:nth-last-child(5),
.dv-main-grid-main > div:first-child:nth-last-child(5) ~ div {
    width: 20%;
}
.dv-main-grid-main > div > h4 {
    margin-bottom: 10px;
    line-height: 1;
    font-size: 14px;
    text-align: center;
    color: #666;
}
.dv-main-grid-main > div > img {
    display: block;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
}
.dv-main-grid-main > div > h4 + img {
    height: calc(100% - 24px);
}
.dv-main-grid-main > div > h4 + div {
    height: calc(100% - 24px);
}

.dv-select-date {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
.dv-select-date .select-basic {
    width: auto;
    height: 30px;
    padding: 0 26px 0 10px;
    border-color: #999;
    border-radius: 15px;
    cursor: pointer;
}
.dv-select-date .select-basic + .select-basic {
    margin-left: 4px;
}

.ul-move-tabs {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 30px;
    font-size: 13px;
    background-color: #ddd;
    border-radius: 15px;
    position: absolute;
    top: 69px;
    left: 667px;
    z-index: 99;
}
.ul-move-tabs > li {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    height: 30px;
    padding: 0 10px;
    font-weight: 600;
    color: #666;
    border-radius: 15px;
    cursor: pointer;
}
.ul-move-tabs > li:first-child {
    padding-left: 15px;
}
.ul-move-tabs > li:last-child {
    padding-right: 15px;
}
.ul-move-tabs > li.active {
    position: relative;
    padding: 0 15px;
    font-weight: 500;
    color: #fff;
    background-color: #008fcd;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .15);
}

.ul-main-flex {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    align-content: center;
}
.ul-main-flex.info {
    justify-content: center;
    width: 100%;
    height: 100%;
}
.ul-main-flex.info > li {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
}
.ul-main-flex.info > li + li {
    border-left: 1px dotted rgba(102, 102, 102, .5);
}
.ul-main-flex.info > li:first-child:nth-last-child(2),
.ul-main-flex.info > li:first-child:nth-last-child(2) ~ li {
    width: 50%;
}
.ul-main-flex.info > li:first-child:nth-last-child(3),
.ul-main-flex.info > li:first-child:nth-last-child(3) ~ li {
    width: 33.3333%;
}
.ul-main-flex.info > li:first-child:nth-last-child(4),
.ul-main-flex.info > li:first-child:nth-last-child(4) ~ li {
    width: 25%;
}
.ul-main-flex.info > li:first-child:nth-last-child(5),
.ul-main-flex.info > li:first-child:nth-last-child(5) ~ li {
    width: 20%;
}
.ul-main-flex.link {
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.ul-main-flex.link > li {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    width: 20%;
    height: 50%;
    border-left: 1px solid #ddd;
}
.ul-main-flex.link > li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #eef7fb;
    border: 2px solid #008fcd;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .15);
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    transition: all .3s;
}
.ul-main-flex.link > li:hover:before {
    opacity: 1;
    visibility: visible;
}
.ul-main-flex.link > li:nth-child(5n+1) {
    border-left: 0;
}
.ul-main-flex.link > li:nth-child(1),
.ul-main-flex.link > li:nth-child(2),
.ul-main-flex.link > li:nth-child(3),
.ul-main-flex.link > li:nth-child(4),
.ul-main-flex.link > li:nth-child(5) {
    border-bottom: 1px solid #ddd;
}
.ul-main-flex.link > li:nth-child(1),
.ul-main-flex.link > li:nth-child(1):before {
    border-top-left-radius: 20px;
}
.ul-main-flex.link > li:nth-child(5),
.ul-main-flex.link > li:nth-child(5):before {
    border-top-right-radius: 20px;
}
.ul-main-flex.link > li:nth-child(6),
.ul-main-flex.link > li:nth-child(6):before {
    border-bottom-left-radius: 20px;
}
.ul-main-flex.link > li:nth-child(10),
.ul-main-flex.link > li:nth-child(10):before {
    border-bottom-right-radius: 20px;
}

.ul-main-flex.effect {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
    justify-items: stretch;
    align-content: stretch;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 20px;
    overflow: hidden;
}
.ul-main-flex.effect > li {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: 1px dotted #ddd;
    cursor: pointer;
    transition: all .3s;
}
.ul-main-flex.effect > li:nth-child(1) {
    border-top-left-radius: 20px;
}
.ul-main-flex.effect > li:nth-child(3) {
    border-top-right-radius: 20px;
}
.ul-main-flex.effect > li:nth-child(4) {
    border-bottom-left-radius: 20px;
}
.ul-main-flex.effect > li:nth-child(6) {
    border-bottom-right-radius: 20px;
}
.ul-main-flex.effect.all-3 > li:nth-child(1) {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.ul-main-flex.effect.all-3 > li:nth-child(3) {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.ul-main-flex.effect > li .dv-count-box {
    transform: scale(1);
    transition: all .3s;
}
.ul-main-flex.effect > li.active {
    background-color: #eef7fb;
    border: 1px solid #008fcd;
}
.ul-main-flex.effect > li.active .dv-count-box,
.ul-main-flex.effect > li:hover .dv-count-box {
    transform: scale(1.1);
}
.ul-main-flex.ranking {
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.ul-main-flex.ranking > li {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    width: 20%;
}
.ul-main-flex.ranking > li:first-child .i-symbol.removebg_01 + span {
    background-color: #0a4fa2;
}
.ul-main-flex.ranking > li:first-child .i-symbol.removebg_02 + span {
    background-color: #009143;
}
.ul-main-flex.ranking > li:first-child .i-symbol.removebg_03 + span {
    background-color: #702c91;
}
.ul-main-flex.ranking > li:first-child .i-symbol.removebg_04 + span {
    background-color: #0a4fa2;
}
.ul-main-flex.ranking > li:first-child .i-symbol.removebg_05 + span {
    background-color: #0a4fa2;
}
.ul-main-flex.ranking > li:first-child .i-symbol.removebg_06 + span {
    background-color: #0a4fa2;
}
.ul-main-flex.ranking > li:first-child .i-symbol.removebg_07 + span {
    background-color: #0a4fa2;
}
.ul-main-flex.ranking > li:first-child .i-symbol.removebg_08 + span {
    background-color: #0a4fa2;
}
.ul-main-flex.ranking > li:first-child .i-symbol.removebg_09 + span {
    background-color: #0a4fa2;
}
.ul-main-flex.ranking > li:first-child .i-symbol.removebg_10 + span {
    background-color: #702c91;
}
.ul-main-flex.ranking > li:first-child .i-symbol.removebg_11 + span {
    background-color: #702c91;
}
.ul-main-flex.ranking > li:first-child .i-symbol.removebg_12 + span {
    background-color: #702c91;
}
.ul-main-flex.ranking > li:first-child .i-symbol.removebg_13 + span {
    background-color: #009143;
}
.ul-main-flex.ranking > li:first-child .i-symbol.removebg_14 + span {
    background-color: #009143;
}
.ul-main-flex.ranking > li:first-child .i-symbol.removebg_15 + span {
    background-color: #f58221;
}

.dv-plugin-box {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

/* map css */
/* 2023.08.21 수정 */
.dv-plugin-map-box {
    position: relative;
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    transform: scale(0.8);
}
.dv-plugin-map-box:before {
    content: "";
    display: block;
    padding-top: 114%;
}
.dv-plugin-map-box .dv-map-bg {
    position: absolute;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
    transition: all .3s;
}
.dv-plugin-map-box .dv-map-graph {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    cursor: pointer;
}
.dv-plugin-map-box .dv-map-graph > .dv-map-graph-detail {
    position: absolute;
    padding: 6px;
    text-align: left;
    font-size: 10px;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .15);
    border-radius: 4px;
    z-index: 9;
    visibility: visible;
    opacity: 0;
}
/*.dv-plugin-map-box .dv-map-graph > .dv-map-graph-detail {*/
/*    position: absolute;*/
/*    padding: 6px;*/
/*    text-align: left;*/
/*    font-size: 10px;*/
/*    background-color: #fff;*/
/*    box-shadow: 0 5px 10px rgba(0, 0, 0, .15);*/
/*    border-radius: 4px;*/
/*    z-index: -1;*/
/*    visibility: hidden;*/
/*    opacity: 0;*/
/*    transition: all .3s;*/
/*}*/


.dv-plugin-map-box .dv-map-graph:hover > .dv-map-graph-detail {
    display: block;
    visibility: visible;
    z-index: 9;
    opacity: 1 !important;
}
.dv-plugin-map-box .dv-map-graph > .dv-map-graph-detail > h6 {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 6px;
}
.dv-plugin-map-box .dv-map-graph > .dv-map-graph-detail ul > li {
    position: relative;
    padding-left: 16px;
    white-space: nowrap;
}
.dv-plugin-map-box .dv-map-graph > .dv-map-graph-detail ul > li + li {
    margin-top: 4px;
}
.dv-plugin-map-box .dv-map-graph > .dv-map-graph-detail ul > li:before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 12px;
    height: 12px;
}
.dv-plugin-map-box .dv-map-graph > .dv-map-graph-detail ul > li:nth-child(1):before {
    background-color: #ee6666;
}
.dv-plugin-map-box .dv-map-graph > .dv-map-graph-detail ul > li:nth-child(2):before {
    background-color: #5470c6;
}
.dv-plugin-map-box .dv-map-graph > .dv-map-graph-detail ul > li:nth-child(3):before {
    background-color: #fac858;
}
.dv-plugin-map-box .dv-map-graph > .dv-map-graph-detail ul > li:nth-child(4):before {
    background-color: #91cc75;
}
.dv-plugin-map-box .dv-map-graph > .dv-map-graph-detail ul > li:nth-child(5):before {
    background-color: #73c0de;
}
.dv-plugin-map-box .dv-map-graph-bar {
    position: absolute;
    width: 60px;
    height: 1px;
    /*background-color: #ddd;*/
    cursor: pointer;
}
.dv-plugin-map-box .dv-map-graph-bar > h6 {
    position: absolute;
    top: 50%;
    right: 64px;
    font-size: 12px;
    text-align: right;
    color: #ddd;
    transform: translate(0, -50%);
}
.dv-plugin-map-box .dv-map-graph-bar > span {
    display: block;
    position: absolute;
    width: 25px;
}
.dv-plugin-map-box .dv-map-graph-bar > span:before {
    content: attr(data-percent);
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 10px;
    color: #fff;
    transform: translate(-50%, -50%);
}

.dv-plugin-map-box .dv-busan > .dv-map-graph {
    top: 62%;
    left: 56%;
}
.dv-plugin-map-box .dv-map-graph-bar {
    z-index: 9;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-1 {
    top: 40%;
    left: 34%;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-2 {
    top: 10%;
    left: 28%;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-2 > h6 {
    color: #000;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-3 {
    top: 26.5%;
    left: 32.5%;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-4 {
    top: 12%;
    left: 40%;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-4 > h6 {
    right: auto;
    left: 64px;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-5 {
    top: 44%;
    left: 52%;
    z-index: 2;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-5 > h6 {
    right: auto;
    left: 64px;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-6 {
    top: 62%;
    left: 30%;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-7 {
    top: 62%;
    left: 48%;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-7 > h6 {
    right: auto;
    left: 64px;
}

/* 2023.08.21 수정 */
.dv-plugin-map-box .dv-map-graph-bar.pos-01 {
    top: 21%;
    left: 20%;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-01 > h6 {
    color: #000;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-02 {
    top: 14.5%;
    left: 48.5%;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-03 {
    top: 38%;
    left: 30%;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-04 {
    top: 68%;
    left: 14%;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-04 > h6 {
    right: auto;
    left: 64px;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-05 {
    top: 44%;
    left: 52%;
    z-index: 2;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-05 > h6 {
    right: auto;
    left: 64px;
}
.dv-plugin-map-box .dv-map-graph-bar.pos-06 {
    top: 62%;
    left: 64%;
}

/* 2023.08.21 추가 */

.dv-main-data {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 100%;
}
.dv-main-data > * + * {
    margin-top: 10px;
}

.dl-data-tbl {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
}
.dl-data-tbl > dt {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 200px;
    height: 46px;
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 23px;
}
.dl-data-tbl > dd {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    max-width: calc(100% - 230px);
    margin-left: 30px;
}
.dl-data-tbl > dd > *.dl-data-tbl-info + *.dl-data-tbl-info {
    margin-left: 20px;
}
.dl-data-tbl.same {
    flex-flow: row wrap;
    justify-content: flex-start;
    padding-left: 20px;
}
.dl-data-tbl.same > dd {
	width: calc(100% - 200px);
    justify-content: flex-start;
}
.dl-data-tbl.same > dd > *.dl-data-tbl-info {
	display: flex;
    justify-content: flex-start;
	width: calc(50% - 10px);
}
.dl-data-tbl.same > dd > *.dl-data-tbl-info > dt {
	width: 50px;
}
.dl-data-tbl.same > dd > *.dl-data-tbl-info > dd {
	width: calc(100% - 75px);
}
.dl-data-tbl-info {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.dl-data-tbl-info.disabled {
    color: #999;
}
.dl-data-tbl-info > dt {
    font-size: 24px;
    font-weight: 300;
}
.dl-data-tbl-info > dd {
    margin-left: 25px;
}
.dl-data-tbl-info > dd .spn-percent {
    padding-right: 35px;
    font-size: 48px;
    font-weight: 700;
}
.dl-data-tbl-info > dd .spn-percent.down {
    color: #0068b7;
    /*
    background-image: url('../images/icon/icon_data_down_arrow.png');
    background-repeat: no-repeat;
    background-size: 25px 42px;
    background-position: right center;
    */
}
.dl-data-tbl-info > dd .spn-percent.up {
    color: #e60012;
    /*
    background-image: url('../images/icon/icon_data_up_arrow.png');
    background-repeat: no-repeat;
    background-size: 25px 42px;
    background-position: right center;
    */
}

.dv-main-data-slide {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 100%;
}
.dv-main-data-slide .slick-list {
    width: calc(100% - 40px);
    height: 165px;
    margin: 0 auto;
}
.dv-main-data-slide .slick-track {
    width: 100%;
    height: 100%;
}
.dv-main-data-slide .slick-slide {
    height: 100%;
    margin: 0 20px;
}
.dv-main-data-slide .slick-slide > div {
    width: 100%;
    height: 100%;
}
.dv-main-data-slide .slick-arrow {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 36px;
    font-size: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border: 0;
    cursor: pointer;
    z-index: 2;
    transform: translate(0, -50%);
}
.dv-main-data-slide-info {
    height: 100%;
}
.dv-main-data-slide-info > a {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    border-radius: 20px;
}
.dv-main-data-slide-info > a > span {
    display: block;
    line-height: 1.2;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.dv-main-tbl {
    width: 100%;
    height: 100%;
}
.dv-main-tbl > table {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    height: 100%;
}
.dv-main-tbl > table > caption {
    display: none;
}
.dv-main-tbl > table > thead {
    height: 50px;
    background-color: #eef7fb;
}
.dv-main-tbl > table > thead th {
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}
.dv-main-tbl > table > tbody {
    height: calc(100% - 50px);
    border-top: 1px solid #ddd;
}
.dv-main-tbl > table > tbody td {
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #ddd;
}
.dv-main-tbl > table > tbody td:first-child {
    border-left: 0;
}
.dv-main-tbl-info {
    display: inline-flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.dv-main-tbl-info > h4 {
    font-size: 15px;
    font-weight: 700;
}
.dv-main-tbl-info > p {
    font-size: 20px;
    font-weight: 300;
}

.dv-count-box {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
}
.dv-count-box > span {
    font-size: 18px;
    font-weight: 600;
}
.dv-count-box > strong {
    line-height: 1;
    font-size: 32px;
    font-weight: 600;
    color: #008fcd;
}
.dv-count-box > strong:after {
    content: "건";
    position: relative;
    top: -2px;
    margin-left: 2px;
    font-size: 18px;
    font-weight: 400;
    color: #111;
}
.dv-count-box > strong.onlyTxt:after {
	display: none;
}

.link-tag {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    width: 100%;
    cursor: pointer;
}
.link-tag.update:before {
    content: "UPDATE";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    color: #fff;
    background-color: #ee6666;
    border-radius: 15px;
    transform: translate(0, -50%);
}
.link-tag > span {
    line-height: 1;
    font-size: 16px;
    font-weight: 500;
    color: #000011;
}

.dv-ranking-box {
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    width: 100%;
}
.dv-ranking-box > span {
    display: inline-block;
    height: 20px;
    margin-bottom: 4px;
    padding: 0 10px;
    line-height: 20px;
    color: #fff;
    background-color: #999;
    border-radius: 10px;
    vertical-align: top;
}
.dv-ranking-box > p {
    display: block;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
}
.dv-ranking-box > p > em {
    font-style: normal;
}
.dv-ranking-box > p > em:before {
    content: "(";
}
.dv-ranking-box > p > em:after {
    content: "%)";
}

.ul-main-tree {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
}
.ul-main-tree > li {
    position: relative;
    width: 50%;
    text-align: center;
}
.ul-main-tree > li:before {
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: 50%;
    width: 1px;
    height: 20px;
    background-color: #ddd;
    transform: translate(-50%, 0);
}
.ul-main-tree > li:after {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 10px solid #ddd;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    transform: translate(-50%, 0);
}

.ul-main-tree > li .dv-main-tree-info {
    height: 80px;
    padding: 0 30px;
    border-radius: 40px;
}
.ul-main-tree > li:first-child {
    width: 100%;
    padding-bottom: 40px;
    text-align: center;
}
.ul-main-tree > li:first-child:before {
    top: unset;
    bottom: 20px;
}
.ul-main-tree > li:first-child:after {
    top: unset;
    bottom: 20px;
    width: 50%;
    height: 1px;
    background-color: #ddd;
    border: 0;
}
.ul-main-tree > li:first-child .dv-main-tree-info {
    height: 65px;
    color: #fff;
    background-color: #008fcd;
    border-color: #008fcd;
    border-radius: 32.5px;
}

.dv-main-tree-info {
    display: inline-flex;
    flex-flow: column wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    min-width: 180px;
    padding: 10px 30px;
    line-height: 1;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
}
.dv-main-tree-info > h4 {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 300;
}
.dv-main-tree-info > h5 {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
}
.dv-main-tree-info > div {
    display: block;
    width: 100%;
    margin-top: 5px;
    text-align: center;
}
.dv-main-tree-info > div > p {
    display: block;
    font-size: 24px;
    font-weight: 700;
}
.dv-main-tree-info > div > dl {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.dv-main-tree-info > div > dl + dl {
    margin-left: 6px;
}
.dv-main-tree-info > div > dl > dt {
    font-size: 17px;
    font-weight: 100;
}
.dv-main-tree-info > div > dl > dt:before {
    content: "(";
}
.dv-main-tree-info > div > dl > dt:after {
    content: ")";
}
.dv-main-tree-info > div > dl > dd {
    margin-left: 2px;
    font-size: 20px;
    font-weight: 700;
    color: #008fcd;
}

/* flex css */
.dv-flex {
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    position: relative;
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    overflow-y: auto;
}
.dv-fiex-items {
    position: relative;
    width: 50%;
    height: calc(100vh/2);
    padding: 40px;
    border-bottom: 1px solid #ddd;
    z-index: 1;
}
.dv-fiex-items:nth-child(even) {
    border-left: 1px solid #ddd;
}
.dv-fiex-items > div {
    position: relative;
    width: 100%;
    height: 100%;
}
.dv-fiex-items > div *[onclick] {
    cursor: pointer;
}
.dv-fiex-items > div > h6 {
    display: inline-block;
    line-height: 1;
    font-size: 16px;
    font-weight: 400;
    color: #00a0e9;
    vertical-align: top;
}
.dv-fiex-items > div > h6.bg {
    padding: 10px 30px;
    color: #fff;
    background-color: #00a0e9;
    border-radius: 20px;
}
.dv-fiex-items > div > h2 {
    display: block;
    margin: 10px 0 20px;
    line-height: 1.1;
    font-size: 34px;
}
.dv-fiex-items > div > a {
    position: absolute;
    top: 36px;
    right: 0;
    width: 32px;
    height: 32px;
    font-size: 0;
    background-image: url('../images/icon/icon-link-arrow.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}
.dv-fiex-items > div > p {
    color: #666;
}
.dv-img-box {
    position: relative;
    width: 100%;
}
.dv-fiex-items > div > p + .dv-img-box {
    margin-top: 20px;
}
.dv-img-box > img {
    display: block;
    margin: 0 auto;
}
.dv-img-box > p {
    display: block;
    margin-top: 16px;
    font-weight: 500;
    text-align: center;
    color: #333;
}

.ul-list-box {
    position: relative;
    width: 100%;
    padding-top: 8px;
}
.ul-list-box > li {
    position: relative;
    width: 100%;
    padding: 14px 0;
    border-top: 1px solid #ddd;
}
.ul-list-box > li > a {
    display: inline-block;
    position: relative;
    max-width: calc(100% - 60px);
    font-size: 20px;
    font-weight: 500;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.ul-list-box > li > span {
    display: block;
    font-size: 15px;
    color: #666;
}

.dv-slide-layout {
    position: relative;
    width: 100%;
}
.dv-slide-info {
    position: static;
    width: 100%;
}
.dv-slide-info .slick-arrow {
    display: block;
    position: absolute;
    top: -54px;
    width: 32px;
    height: 32px;
    font-size: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border: 0;
    cursor: pointer;
}
.dv-slide-info .slick-arrow.slick-prev {
    right: 72px;
    background-image: url('../images/icon/icon-slide-prev.png');
}
.dv-slide-info .slick-arrow.slick-next {
    right: 0;
    background-image: url('../images/icon/icon-slide-next.png');
}
.dv-slide-control {
    display: block;
    position: absolute;
    top: -54px;
    right: 36px;
    width: 32px;
    height: 32px;
    background-image: url('../images/icon/icon-slide-stop.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
}
.dv-slide-control.play {
    background-image: url('../images/icon/icon-slide-play.png');
}

.dv-art-sroll {
    position: fixed;
    bottom: 40px;
    right: calc(25% - 20px);
    width: 40px;
    height: 40px;
    background-image: url('../images/icon/icon-scroll-arrow.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    cursor: pointer;
    z-index: 2;
}
.dv-art-sroll.top {
    transform: scaleY(-1);
}

/* form */
.input-basic,
.select-basic {
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 1;
    font-size: 14px;
    text-align: left; /* 2023.08.24 추가 */
    border: 1px solid #ddd;
    border-radius: 0;
    box-sizing: border-box;
}
.input-basic {
    padding: 0 16px;
}
.select-basic {
    padding: 0 32px 0 16px;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../images/icon/icon-select-arrow.png');
    background-repeat: no-repeat;
    background-size: 10px 5px;
    background-position: calc(100% - 10px) center;
}
.select-basic::-ms-expand {
	display: none;
}
.textarea-basic {
    position: relative;
    width: 100%;
    height: 326px;
    padding: 16px;
    font-size: 14px;
    border: 1px solid #ddd;
    border: 1px solid #ddd;
    border-radius: 0;
    box-sizing: border-box;
    resize: none;
}

.dv-file-upload {
    position: relative;
    width: 100%;
}
.dv-file-upload:after {
    content: "";
    display: block;
    clear: both;
}
.dv-file-upload .input-basic[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
.dv-file-upload .form-upload-name {
    float: left;
    position: relative;
    width: calc(100% - 86px);
    min-height: 34px;
    margin: 0;
    padding: 0.432rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    background-color: #eee;
    z-index: 0;
}
.dv-file-upload .form-upload-name:before {
    content: "이 곳에 파일을 드래그하여 첨부할 수 있습니다.";
    display: block;
    position: absolute;
    top: 50%;
    left: 16px;
    padding-left: 22px;
    font-size: 14px;
    background-image: url('../images/icon/drag_file_icon.png');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left top;
    transform: translate(0, -50%);
}
.dv-file-upload .form-upload-name.upload:before {
    display: none;
}
.dv-file-upload .btn {
    float: right;
    display: block;
    position: relative;
    width: 80px;
    height: 34px;
    line-height: 32px;
    font-size: 0;
    text-align: center;
    border: 1px solid #666;
    cursor: pointer;
}
.dv-file-upload .btn:before {
    content: "파일선택";
    font-size: 14px;
}
.dv-file-upload .btn.upload {
    color: #fff;
    background-color: #111;
    border-color: #111;
    z-index: 2;
}
.dv-file-upload .btn.upload:before {
    content: "파일삭제";
}
.dv-file-upload .btn.upload:hover {
    background-color: #000;
}

.dv-list-file-form {
    position: relative;
    width: 100%;
}
.dv-file-list {
    display: flex;
    width: 100%;
}
.dv-file-list .select-files {
    width: calc(100% - 86px);
    height: 112px;
    border: 1px solid #ddd;
    overflow: auto;
}
.dv-file-list .select-files option {
    padding: 5px 10px;
    padding-left: 52px;
    font-size: 14px;
    color: #111;
}
.dv-file-list .select-files option.info {
    position: relative;
}
.dv-file-list .select-files option.info:before {
    content: "원문";
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 42px;
    height: 22px;
    line-height: 24px;
    font-size: 12px;
    color: #111;
    text-align: center;
    background-color: #f5d41b;
}
.dv-file-list .select-info {
    width: 80px;
    margin-left: 6px;
}
.dv-file-list .btn {
    display: block;
    position: relative;
    width: 100%;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #666;
    cursor: pointer;
}
.dv-file-list .btn + .btn {
    margin-top: 5px;
}
.dv-file-list-upload {
    position: relative;
    width: 100%;
    margin-top: 10px;
}
.dv-file-list-upload:after {
    content: "";
    display: block;
    clear: both;
}
.dv-file-list-upload .input-basic[type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}
.dv-file-list-upload .form-upload-name {
    float: left;
    position: relative;
    width: calc(100% - 86px);
    min-height: 34px;
    margin: 0;
    padding: 0.432rem 0.75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    background-color: #eee;
    z-index: 0;
}
.dv-file-list-upload .form-upload-name:before {
    content: "이 곳에 파일을 드래그하여 첨부할 수 있습니다.";
    display: block;
    position: absolute;
    top: 50%;
    left: 16px;
    padding-left: 22px;
    font-size: 14px;
    background-image: url('../images/icon/drag_file_icon.png');
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left top;
    transform: translate(0, -50%);
}
.dv-file-list-upload .form-upload-name.upload:before {
    display: none;
}
.dv-file-list-upload .upload-btn {
    float: right;
    display: block;
    position: relative;
    width: 80px;
    height: 34px;
    line-height: 32px;
    font-size: 0;
    text-align: center;
    border: 1px solid #666;
    cursor: pointer;
}
.dv-file-list-upload .upload-btn:before {
    content: "파일선택";
    font-size: 14px;
}

.dv-otherCauses-form {
    position: relative;
    width: 100%;
    padding: 10px 10px 0;
    border: 1px solid #ddd;
}
.dv-otherCauses-info {
    position: relative;
    width: calc(100% + 10px);
    padding: 5px 0;
    margin: 0 -5px;
    font-size: 0;
}
.dv-otherCauses-info > span {
    display: inline-block;
    position: relative;
    margin: 5px;
    padding: 4px 8px;
    padding-right: 32px;
    line-height: 1.334;
    font-size: 12px;
    color: #fff;
    background-color: #333;
    border-radius: 4px;
}


.lab-date {
    display: block;
    position: relative;
    width: 312px;
    max-width: 100%;
}
.lab-date.full {
    width: 100%;
    max-width: 100%;
}
.lab-date > input {
    padding-right: 40px;
}
.lab-date > i {
    position: absolute;
    top: 7px;
    right: 8px;
    width: 16px;
    height: 16px;
    background-image: url('../images/icon/icon-calendar.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: right center;
    z-index: 9;
}

.lab-check {
    display: inline-block;
    position: relative;
    line-height: 1;
    font-size: 13px;
    cursor: pointer;
    width:33%;
    margin-bottom:7px;
}

.lab-check span {
    display: block;
    position: relative;
    padding-left: 22px;
    color: #666;
}
.lab-check span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border: 1px solid #ddd;
}
.lab-check span.only-sound {
    width: 14px;
    height: 14px;
    padding: 0;
    font-size: 0;
    opacity: 1;
    visibility: visible;
}
.lab-check input[type="checkbox"]:checked + span:before {
   background-image: url('../images/icon/icon-inp-check.png');
   background-color: #0068b7;
   border-color: #0068b7;
}
.lab-check input[type="radio"] + span:before {
    border-radius: 50%;
}
.lab-check input[type="radio"]:checked + span:before {
    background-image: url('../images/icon/icon-inp-radio.png');
    background-color: #0068b7;
    border-color: #0068b7;
}

.inp-swich {
    position: relative;
    width: 54px;
    height: 24px;
    border-radius: 12px;
    overflow: hidden;
}
.inp-swich input[type="checkbox"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}
.inp-swich label {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: all .3s;
}
.inp-swich label:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    line-height: 1;
    font-size: 13px;
    transform: translate(0, -50%);
}
.inp-swich label > span {
    position: absolute;
    top: 50%;
    width: 15px;
    height: 15px;
    font-size: 0;
    background-color: #fff;
    border-radius: 50%;
    transition: all .3s;
    transform: translate(0, -50%);
}
.inp-swich input[type="checkbox"] + label {
    background-color: #ddd;
}
.inp-swich input[type="checkbox"] + label:before {
    content: "OFF";
    right: 6px;
}
.inp-swich input[type="checkbox"] + label > span {
    left: 5px;
}
.inp-swich input[type="checkbox"]:checked + label {
    background-color: #448aca;
    border-color: #448aca;
}
.inp-swich input[type="checkbox"]:checked + label:before {
    content: "ON";
    left: 10px;
    color: #fff;
}
.inp-swich input[type="checkbox"]:checked + label > span {
    left: calc(100% - 20px);
}

.btn-basic {
    display: block;
    position: relative;
    width: 100%;
    height: 48px;
    color: #fff;
    background-color: #333;
    border: 1px solid #333;
    cursor: pointer;
    transition: all .6s ease 0s;
}
.btn-basic:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    visibility: hidden;
    z-index: 0;
    transition: all .6s ease 0s;
}
.btn-basic:hover {
    border-color: #111;
}
.btn-basic:hover:before {
    height: 100%;
    background-color: #111;
    visibility: visible;
}
.btn-basic.type-1 {
    background-color: #0068b7;
    border-color: #0068b7;
}
.btn-basic.type-1:hover {
    border-color: #035b9e;
}
.btn-basic.type-1:hover:before {
    height: 100%;
    background-color: #035b9e;
    visibility: visible;
}
.btn-basic.type-2 {
    background-color: #e93333;
    border-color: #e93333;
}
.btn-basic.type-2:hover {
    border-color: #d12727;
}
.btn-basic.type-2:hover:before {
    height: 100%;
    background-color: #d12727;
    visibility: visible;
}
.btn-basic.type-3 {
    background-color: #6eb929;
    border-color: #6eb929;
}
.btn-basic.type-3:hover {
    border-color: #5aa318;
}
.btn-basic.type-3:hover:before {
    height: 100%;
    background-color: #5aa318;
    visibility: visible;
}
/* 23.09.06 수정 */
.btn-basic > span {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    line-height: 1.2;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}
/* 23.09.06 수정 */

.btn-basic.sm {
    display: inline-block;
    width: auto;
    height: 26px;
    padding: 0 10px;
    vertical-align: top;
}
.btn-basic.sm > span {
    position: relative;
    top: 0;
    font-size: 14px;
    transform: none;
}

.btn-basic.icon-search {
    width: 48px;
    height: 48px;
}
.btn-basic.icon-search > span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    font-size: 0;
    background-image: url('../images/icon/icon-search.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    transform: translate(-50%, -50%);
}

.btn-excel {
    display: inline-block;
    position: relative;
    padding: 4px 20px;
    line-height: 1;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
}
.btn-excel > span {
    display: block;
    position: relative;
    padding-left: 22px;
}
.btn-excel > span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 15px;
    background-image: url('../images/icon/icon-excel.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.btn-capture {
    display: inline-block;
    position: relative;
    padding: 4px 20px;
    line-height: 1;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
}
.btn-capture > span {
    display: block;
    position: relative;
    padding-left: 22px;
}

.btn-chart {
    display: inline-block;
    position: relative;
    padding: 4px 20px;
    line-height: 1;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    cursor: pointer;
}
.btn-chart > span {
    display: block;
    position: relative;
    padding-left: 22px;
}

.btn-line-basic {
    display: block;
    position: relative;
    width: 100%;
    height: 70px;
    color: #0068b7;
    border: 1px solid #0068b7;
    cursor: pointer;
    transition: all .6s ease 0s;
}
.btn-line-basic:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    visibility: hidden;
    z-index: 0;
    transition: all .6s ease 0s;
}
.btn-line-basic:hover {
    color: #fff;
}
.btn-line-basic:hover:before {
    height: 100%;
    background-color: #0068b7;
    visibility: visible;
}
.btn-line-basic > span {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    line-height: 1.2;
    font-size: 15px;
    text-align: center;
    transform: translate(0, -50%);
}
.btn-tbl-plus {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 14px;
    text-align: center;
    color: #fff;
    background-color: #0068b7;
    border: 1px solid #0068b7;
    border-radius: 4px;
    cursor: pointer;
}
.btn-tbl-minus {
    display: inline-block;
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: #fff;
    background-color: #0068b7;
    border: 1px solid #0068b7;
    border-radius: 4px;
    cursor: pointer;
}

.icon-sort {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: top;
    cursor: pointer;
}

/* 23.09.12 추가 */
.icon-danger {
    display: inline-block;
    padding: 6px 14px;
    padding-left: 8px;
    line-height: 1;
    font-size: 12px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    vertical-align: top;
}
.icon-danger > span {
    position: relative;
    padding-left: 16px;
}
.icon-danger > span:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #ddd;
    border-radius: 50%;
}
.icon-danger.high {
    color: #e93333;
    border-color: #e93333;
}
.icon-danger.high > span:before {
    background-color: #e93333;
}
.icon-danger.row {
    color: #076cb9;
    border-color: #076cb9;
}
.icon-danger.row > span:before {
    background-color: #076cb9;
}
.dv-flex-risk {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%;
}
.dv-flex-risk-head {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    width: 100%;
    margin-bottom: 20px;
}
.dv-flex-risk-head > h5 {
    position: relative;
    padding-left: 20px;
    font-size: 20px;
}
.dv-flex-risk-head > h5:before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 5px;
    height: 20px;
    background-color: #0068b7;
}


.dv-flex-risk .dv-widget-canvas {
    width: calc(40% - 20px);
    margin: 0;
}
.dv-flex-risk.type-1 .dv-widget-canvas {
    width: calc(50% - 10px);
    margin: 0;
}
.dv-flex-risk .dv-widget-canvas > div {
    border: 1px solid #ddd;
}
.dv-flex-risk .dv-widget-canvas > div:before {
    padding-top: 360px;
}
.dv-flex-risk .dv-flex-risk-info {
    width: 20%;
}
.dv-flex-risk .dv-flex-risk-info > dl {
    display: flex;
    flex-flow: column wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
}
.dv-flex-risk .dv-flex-risk-info > dl + dl {
    margin-top: 20px;
}
.dv-flex-risk .dv-flex-risk-info > dl > dt {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    height: 48px;
    padding: 0 22px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background-color: #e93333;
    border-radius: 24px;
    z-index: 1;
}
.dv-flex-risk .dv-flex-risk-info > dl > dd {
    position: relative;
    width: 100%;
    margin-top: -24px;
    padding: 48px 20px 20px;
    border-radius: 10px;
    line-height: 1;
    font-size: 50px;
    font-weight: 900;
    text-align: right;
    color: #e93333;
    border: 4px solid #e93333;
    z-index: 0;
}
.dv-flex-risk .dv-flex-risk-info > dl > dd > strong {
    font-size: 0.6em;
    font-weight: 300;
}



/* 23.09.12 추가 */

.dv-flex-info {
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    max-width: 100%;
}
.dv-flex-info > * {
    width: auto;
}
.dv-flex-info > *.inp-swich {
    width: 54px;
}
.dv-flex-info > *.inp-swich + * {
    width: calc(100% - 64px);
    margin-left: 10px;
}

.dv-flex-form {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    align-content: flex-start;
    position: relative;
    width: 100%;
}

.dv-flex-form .input-basic {
    border-right: 0;
}
.dv-flex-form .ul-form-info {
    width: calc(100% - 100px);
}
.dv-flex-form .ul-form-info > li {
    width: calc(50% - 15px);
}
.dv-flex-form .ul-form-info > li:nth-child(1) .input-basic {
    border-right: 1px solid #ddd;
}
.dv-flex-form .btn-basic {
    width: 100px;
    height: 30px;
}
.dv-flex-form .btn-basic > span {
    line-height: 1;
    font-size: 14px;
}
/* 23.09.08 수정 */
.dv-flex-form .btn-basic.icon-search {
    position: relative;
    width: 32px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-left: 0;
}
.dv-flex-form .btn-basic.icon-search:before {
    display: none;
}
.dv-flex-form .btn-basic.icon-search > span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    font-size: 0;
    background-image: url('../images/icon/icon-search-black.png');
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    transform: translate(-50%, -50%);
}
/* 23.09.08 수정 */

.ul-form-info {
    position: relative;
    width: auto;
}
.ul-form-info:after {
    content: "";
    display: block;
    clear: both;
}
.ul-form-info > li {
    float: left;
    position: relative;
    width: auto;
}
.ul-form-info > li.txt {
    width: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
}
.ul-form-info.date {
    width: 100%;
    max-width: 600px;
}
.ul-form-info.date > li {
    width: calc(50% - 15px);
}
.ul-form-info.date > li.txt {
    width: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
}
.ul-form-info.count {
    width: 100%;
    max-width: 600px;
}
.ul-form-info.count > li {
    width: calc(50% - 15px);
}
.ul-form-info.count > li.txt {
    width: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
}
.ul-form-info.count > li > div {
    display: flex;
    line-height: 30px;
    font-size: 15px;
}
.ul-form-info.count > li > div > span {
    margin-left: 4px;
    text-align: right;
}
.ul-form-info.tbl {
    display: table;
    width: calc(100% + 10px);
    margin: 0 -5px;
}
.ul-form-info.tbl > li {
    float: none;
    display: table-cell;
    width: auto;
    padding: 0 5px;
}

/* sub */
.dv-sub-layout {
	position: relative;
    width: 100%;
    max-width: 1800px;
    min-height: calc(100vh - 45px);
    margin: 0 auto;
    padding: 175px 20px 20px;
    z-index: 0;
}

/* 23.08.11 추가 */
.dv-sub-layout.search {
    max-width: 1580px;
}

.dv-search-quick {
	margin-bottom:10px;
}
.dv-search-quick-btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 85px;
    height: 85px;
    background-color: #00a0e9;
    border-radius: 50%;
    cursor: pointer;
}
.dv-search-quick-btn > p {
    margin-bottom: 2px;
    font-size: 13px;
    text-align: center;
    color: #fff;
}
.dv-search-quick-info {
    position: absolute;
    top: 50%;
    right: 0;
    width: 310px;
    padding: 10px 20px;
    background-color: #fff;
    border: 1px solid #0068b7;
    border-radius: 10px;
    transform: translate(0, -50%);
    visibility: hidden;
    opacity: 0;
    transition: all .6s ease 0s;
}
.dv-search-quick-info > h3 {
    margin-bottom: 10px;
    line-height: 1;
    font-size: 16px;
    font-weight: 700;
    color: #0068b7;
}
.dv-search-quick-info > ul {
    height: 16vh;
    max-height:210px;
    overflow: auto;
}
.dv-search-quick-info > ul > li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 35px;
    padding: 0 10px;
}
.dv-search-quick-info > ul > li + li {
    border-top: 1px solid #ddd;
}
.dv-search-quick-info > ul > li.no-data {
    height: 100%;
}


.dv-search-quick-info > ul > li > span {
    display: block;
    width: calc(100% - 30px);
    font-size: 15px;
    font-weight: 300;
    color: #111;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.dv-search-quick.active .dv-search-quick-btn > i {
    transform: rotate(180deg);
}
.dv-search-quick.active .dv-search-quick-info {
    right: 100px;
    opacity: 1;
    visibility: visible;
}
.dv-search-quick-btn > i{
    display: block;
    width: 20px;
    height: 20px;
    font-size: 0;
    background-image: url(../images/icon/icon-search-quick.png);
    background-repeat: no-repeat;
    background-size: 6px 10px;
    background-position: center;
    border: 1px solid #fff;
    border-radius: 50%;
    transition: all .6s ease 0s;
}
/* 230811 추가 */

.dv-location {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    width: 100%;
    margin-bottom: 40px;
    z-index: 0;
}
.dv-location > h2 {
    display: block;
    position: relative;
    line-height: 1.2;
    font-size: 36px;
}

.ul-location-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}
.ul-location-info > li {
    display: block;
    position: relative;
    padding-right: 12px;
    line-height: 1.2;
    font-size: 14px;
    font-weight: 500;
}
.ul-location-info > li:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 10px;
    background-image: url('../images/icon/icon-location-arrow.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    transform: translate(0, -50%);
}
.ul-location-info > li:last-child {
    padding-right: 0;
}
.ul-location-info > li:last-child:after {
    display: none;
}
.ul-location-info > li + li {
    margin-left: 6px;
}
.ul-location-info > li > a {
    color: #666;
}
.ul-location-info > li > span {
    color: #666;
}
.ul-location-info > li:last-child > span {
    color: #333;
}

.dv-sub-info {
    position: relative;
    width: 100%;
    padding: 40px 0;
    border-top: 1px solid #111;
    z-index: 0;
}
.dv-sub-info-config {
    position: relative;
    width: 100%;
}
.dv-sub-info-config > h3 {
    display: block;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
    line-height: 1.2;
    font-size: 30px;
    font-weight: 700;
    border-bottom: 1px solid #111;
}
.dv-sub-info-config.detail > h3 {
    margin-bottom: 0;
}

.dv-search {
    position: relative;
    width: 100%;
    z-index: 9;
}
.fset-search-info {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: auto;
    padding: 35px 50px;
    border: 1px solid #ddd;
}

.dv-paging + .fset-search-info {
    margin-top: 30px;
}

.fset-search-info > legend {
    display: none;
}
.fset-search-info .input-basic,
.fset-search-info .select-basic {
    font-size: 17px;
}
.fset-search-info .select-basic {
    width: 100px;
    height: 50px;
    margin-right: 4px;
    line-height: 1;
    background-image: url('../images/icon/icon-select-arrow-search.png');
    background-position: calc(100% - 20px) center;
}

.fset-search-info .input-basic {
    width: calc(100% - 434px);
    height: 50px;
    padding: 0 24px;
    line-height: 1;
}
.fset-search-info .btn {
    width: 90px;
    height: 50px;
    font-size: 17px;
    text-align: center;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    transition: all .6s ease 0s;
    cursor: pointer;
}
.fset-search-info .btn + .btn {
    margin-left: 4px;
}
.fset-search-info .btn.search {
    color: #fff;
    background-color: #00a0e9;
}
.fset-search-info .btn.search:hover {
    background-color: #0091d3;
}
.fset-search-info .btn.detail {
    color: #fff;
    background-color: #454b57;
}
.fset-search-info .btn.detail:hover,
.fset-search-info .btn.detail.active {
    background-color: #363b44;
}
.fset-search-info .btn.search > span {
    position: relative;
    padding-left: 24px;
}
.fset-search-info .btn.search > span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url('../images/icon/icon-search.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.fset-search-info.list {
    background-color: #f5f5f5;
}
.fset-search-info.list .input-basic {
    width: calc(100% - 314px);
    height: 50px;
}
.fset-search-info.type-1 {
    padding: 15px 20px;
    justify-content: flex-start;
}
.fset-search-info.type-1 .dv-search-gradient {
    position: relative;
    width: calc(100% - 140px);
    max-width: 1180px;
    font-size: 17px;
    background: linear-gradient(to top, #02a1e6, #76bc2d);
}
.fset-search-info.type-1 .dv-search-gradient label {
	width: 100%;
}
.fset-search-info.type-1 .dv-search-gradient span {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 120px !important;
    font-weight: 500;
    text-align: center;
    transform: translate(0, -50%);
    z-index: 2;
}
.fset-search-info.type-1 .dv-search-gradient span:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    width: 1px;
    height: 14px;
    background-color: #999;
}
.fset-search-info.type-1 .dv-search-gradient .btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 96px;
    height: 60px;
    background-color: transparent;
    background-image: url('../images/icon/icon-search-big.png');
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center;
    z-index: 1;
}
.fset-search-info.type-1 .dv-search-gradient .input-basic {
    position: relative;
    margin: 4px;
    width: calc(100% - 8px);
    padding: 13px 20px 14px 130px !important;
    background-color: #fff;
    border: 0;
    z-index: 0;
}
.fset-search-info.type-1 .dv-search-gradient .btn > span {
    padding: 0;
    font-size: 0;
}
.fset-search-info.type-1 .dv-search-gradient .btn > span:before {
    display: none;
}
.fset-search-info.type-1 .dv-search-gradient + .btn {
    height: 60px;
    margin-left: 20px;
}
.fset-search-info.doubleCheck {
    background-color: #f5f5f5;
}
.fset-search-info.doubleCheck .input-basic {
    width: calc(100% - 120px);
    height: 50px;
}

.fset-search-detail-info {
    position: absolute;
    top: 86px;
    left: 0;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    transition: all .6s ease 0s;
}
.fset-search-detail-info.view {
    top: -8px;
    opacity: 1;
    visibility: visible;
}
.fset-search-detail-info.type-1 {
    padding: 70px 40px 5px;
}
.fset-search-detail-info.type-1.view {
    top: 92px;
}
.fset-search-detail-info > legend {
	position:relative;
    padding: 12px 40px;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #666;
    background-color: #f5f5f5;
    z-index: 0;
}
.fset-search-detail-info > a {
    position: absolute;
    top: 0;
    right: 26px;
    width: 40px;
    height: 40px;
    font-size: 0;
    cursor: pointer;
    z-index: 1;
}
.fset-search-detail-info > a:before,
.fset-search-detail-info > a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 1px;
    background-color: #111;
}
.fset-search-detail-info > a:before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.fset-search-detail-info > a:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.fset-search-detail-info > .btn {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 12px;
    line-height: 1.295;
    font-size: 17px;
    text-align: center;
    color: #fff;
    background-color: #333;
    border: 0;
    cursor: pointer;
    transition: all .6s ease 0s;
}
.fset-search-detail-info > .btn:hover {
    background-color: #111;
}
.fset-search-detail-info .input-basic,
.fset-search-detail-info .select-basic,
.fset-search-detail-info .dv-flex-form .btn-basic.icon-search {
    height: 30px;
}
.fset-search-detail-info .lab-check span:before {
    border-color: #999;
}

.fset-search-detail-info .dv-btn-info .btn-basic {
    min-width: 136px;
    height: 44px;
}
.fset-search-detail-info .dv-btn-info .btn-basic > span {
    font-size: 16px;
    font-weight: 400;
}
.fset-search-detail-info.visible {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 40px 40px 20px;
    opacity: 1;
    visibility: visible;
}
.fset-search-detail-info.visible > legend {
    display: none;
}
.fset-search-detail-info.visible > a {
    display: none;
}

.dv-fset-clear {
    position: relative;
    width: 100%;
}
.dv-fset-clear + .dv-fset-clear {
    margin-top: 20px;
}
.dv-fset-clear:after {
    content: "";
    display: block;
    clear: both;
}

.dl-search-detail-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    align-content: flex-start;
    width: 100%;
    flex: 1 1 auto;
}

.dl-search-detail-info + .dl-search-detail-info {
    margin-top: 20px;
}
.dl-search-detail-info.col-2 {
    float: left;
    width: calc(50% - 10px);
    margin-top: 20px;
}
.dl-search-detail-info.col-3 {
    float: left;
    width: calc(33.3% - 12px);
    margin-top: 20px;
}
.dl-search-detail-info.col-3-2 {
    float: left;
    width: calc(66.6% - 6px);
}
.dl-search-detail-info.col-4 {
    float: left;
    width: calc(25% - 15px);
    margin-top: 20px;
}

.dl-search-detail-info + .dv-btn-info {
    clear: both;
    padding-top: 30px;
    border: 0;
}
.dv-fset-clear + .dv-btn-info {
    clear: both;
    padding-top: 30px;
    border: 0;
}
.dl-search-detail-info.col-2 + .dl-search-detail-info.col-2 {
    clear: none;
    margin-left: 20px;
}
.dl-search-detail-info.col-2:nth-of-type(1),
.dl-search-detail-info.col-2:nth-of-type(2) {
    margin-top: 0;
}
.dl-search-detail-info.col-3 + .dl-search-detail-info {
    clear: both;
    float: left;
}
.dl-search-detail-info.col-3 + .dl-search-detail-info.col-3,
.dl-search-detail-info.col-3 + .dl-search-detail-info.col-3-2 {
    clear: none;
    margin-left: 18px;
}
.dl-search-detail-info.col-3:nth-of-type(3n+1) {
    clear: both;
    margin-left: 0 !important
}
.dl-search-detail-info.col-3:nth-of-type(1),
.dl-search-detail-info.col-3:nth-of-type(2),
.dl-search-detail-info.col-3:nth-of-type(3) {
    margin-top: 0;
}
.dl-search-detail-info.col-4 + .dl-search-detail-info.col-4 {
    clear: none;
    margin-left: 20px;
}
.dl-search-detail-info.col-4:nth-of-type(1),
.dl-search-detail-info.col-4:nth-of-type(2),
.dl-search-detail-info.col-4:nth-of-type(3),
.dl-search-detail-info.col-4:nth-of-type(4) {
    margin-top: 0;
}
.dl-search-detail-info > dt,
.dl-search-detail-info > dd {
    position: relative;
}
.dl-search-detail-info > dt {
    min-width: 118px;
    padding-right: 20px;
    padding-left:20px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    color: #333;
}
.dl-search-detail-info > dd {
    display: flex;
    align-items: center;
    flex-wrap:wrap;
    justify-content: space-between;
    align-content: flex-start;
    width: calc(100% - 118px);
    max-width: 100%;
}
.dl-search-detail-info > dd * + .only-guide {
    margin-left: 20px;
}
.dl-search-detail-info > dd .lab-date {
    width: 100%;
}
.dl-search-associated {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    width: 100%;
    margin-top: 14px;
    z-index: 0;
}
.dl-search-associated > dt,
.dl-search-associated > dd {
    position: relative;
    font-size: 15px;
}
.dl-search-associated > dt {
    padding-right: 20px;
    font-weight: 500;
}
.dl-search-associated > dt:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    right: 0;
    width: 1px;
    height: 14px;
    background-color: #999;
}
.dl-search-associated > dd {
    padding-left: 8px;
}
.dl-search-associated > dd > a {
    display: inline-block;
    margin: 0 10px;
    color: #666;
    vertical-align: top;
    transition: all .6s ease 0s;
}
.dl-search-associated > dd > a:hover {
    color: #333;
}

.dv-results {
    position: relative;
    width: 100%;
    padding: 35px 0;
}
.dv-results > p {
    font-size: 18px;
    color: #454b57;
}
.dv-results > p > span {
    font-weight: 700;
    color: #0068b7;
}
.dv-results.sm {
    margin-bottom: 20px;
    padding: 0;
}
.dv-results.sm > p {
    font-size: 15px;
    color: #454b57;
}
.dv-results.sm > p.p-guide {
    position: relative;
    padding-left: 12px;
    color: #666;
}
.dv-results.sm > p.p-guide:before {
    content: "*";
    display: block;
    position: absolute;
    top: 6px;
    left: 0;
    line-height: 1;
}
.dv-results > p > span.spn-search:before {
    content: '"';
}
.dv-results > p > span.spn-search:after {
    content: '"';
}
.dv-results > p > span.spn-results:before {
    content: '총 ';
    color: #666;
}
.dv-results > p > span.spn-results:after {
    content: '건';
    color: #666;
}

.dv-all-search-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    width: calc(100% + 20px);
    margin: 0 -10px 0;
}
.dv-all-search-list > div {
    flex-grow: 1;
    position: relative;
/*     width: calc(100% - 20px); */
    margin: 10px;
    padding: 0;
    overflow: hidden;
}
.dv-all-search-list > div:nth-child(1),
.dv-all-search-list > div:nth-child(2),
.dv-all-search-list > div:nth-child(3){
     width: calc(100% - 20px);
    max-height: 560px;
    min-height: 70px;;
}
.dv-all-search-list > div:nth-child(4),
.dv-all-search-list > div:nth-child(5) {
    width: calc(100% - 20px);
    max-height: 560px;
    min-height: 70px;;
}
.dv-all-search-list > div:nth-child(6) {
    max-height: 560px;
    min-height: 70px;
}

.dv-all-search-list > div:nth-child(7){
	width: calc(100% - 20px);
    max-height: 560px;
    min-height: 70px;;
}

.dv-all-search-list > div:nth-child(8){
	width: calc(100% - 20px);
    max-height: 560px;
    min-height: 70px;;
}

.dv-all-search-list > div:nth-child(9){
	width: calc(100% - 20px);
    max-height: 420px;
    min-height: 70px;;
}


.dv-all-search-list > div > h4 {
    width: 100%;
    padding: 20px 30px;
    line-height: 1.417;
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    background-color: #0068b7;
    z-index: 2;
}
.dv-all-search-list > div .a-search-results-more {
    top: 24px;
    right:65px;
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 0;
    z-index: 3;
}
.dv-all-search-list > div .a-search-results-more:before {
    top: 50%;
    right: 5px;
    width: 20px;
    height: 2px;
    background-color: #fff;
    transform: translate(0, -50%);
}
.dv-all-search-list > div .a-search-results-more:after {
    top: 5px;
    right: 50%;
    width: 2px;
    height: 20px;
    background-color: #fff;
    transform: translate(50%, 0);
}
.dv-all-search-list > div .ul-list-info {
    position: relative;
    width: 100%;
    max-height: 400px;
    padding: 30px;
    overflow: auto;
    border:1px solid #ccc;
}
.dv-all-search-list > div .ul-list-info > li {
    padding: 0;
    border: 0;
}
.dv-all-search-list > div .ul-list-info > li + li {
    margin-top: 30px;
}
.dv-all-search-list > div .ul-list-info > li > div > pre {
    display: -webkit-box;
    position: relative;
    width: 100%;
    font-size: 17px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}


.dv-tab-auto {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    width: auto;
    max-width: 100%;
    background-color: #ddd;
    border-radius: 10px;
}
.dv-tab-auto > div {
    position: relative;
    min-width: 182px;
    width: auto;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
}
.dv-tab-auto > div:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -1px;
    width: 1px;
    height: 12px;
    background-color: #a1a1a1;
    transform: translate(0, -50%);
}
.dv-tab-auto > div:first-child {
    border-radius: 10px 0 0 10px;
}
.dv-tab-auto > div:last-child {
    border-radius: 0 10px 10px 0;
}
.dv-tab-auto > div:last-child:before {
    display: none;
}
.dv-tab-auto > div.active {
    color: #fff;
    background-color: #0068b7;
}
.dv-tab-auto > div.active:before {
    display: none;
}
.dv-tab-auto.type-1 {
    display: inline-flex;
    justify-content: flex-start;
}
.dv-tabs {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    width: 100%;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #111;
}
.dv-tabs > div {
    position: relative;
    width: 100%;
    min-height: 80px;
    padding: 14px 25px 0;
    line-height: 1.2;
    font-size: 15px;
    color: #111;
    text-align: center;
    border-left: 1px solid #ddd;
}
.dv-tabs > div.active {
    padding-top: 8px;
    font-size: 18px;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #111;
    border-bottom: 0;
}
.dv-tabs > div.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}
.dv-tabs > div:last-child {
    border-right: 1px solid #ddd;
}
.dv-tabs > div.active:last-child {
    border-right-color: #111;
}
.dv-tabs > div > span:before {
    content: "(";
}
.dv-tabs > div > span:after {
    content: ")";
}
.dv-tabs > div > * {
    cursor: pointer;
}
.dv-tabs > div.active > * {
    pointer-events: none;
}

/* 230811 추가 */
.dv-tabs-slide {
    display: flex;
    width: 100%;
    height: 80px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #111;
}
.dv-tabs-slide .dv-tabs-slide-info {
    position: relative;
    min-height: 78px;
    margin: 0;
    padding: 14px 25px 0;
    line-height: 1.2;
    font-size: 15px;
    color: #111;
    text-align: center;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.dv-tabs-slide .dv-tabs-slide-info.active {
    padding-top: 8px;
    font-size: 18px;
    font-weight: 500;
    background-color: #fff;
    border: 1px solid #111;
    border-bottom: 0;
}
.dv-tabs-slide .dv-tabs-slide-info.active:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}
.dv-tabs-slide.slick-slider {
    display: block;
    width: 95%;
    background-color: #f5f5f5;
    margin: 0 auto;
    border-right: 1px solid #ddd;
    position:relative;
}
.dv-tabs-slide.slick-slider .slick-arrow {
    position: absolute;
    top: 0;
    width: 44px;
    height: 80px;
    font-size: 0;
    border: 0;
    z-index: 1;
    transition: all .6s ease 0s;
    background: whitesmoke;
    border: 1px solid #ddd;
    border-bottom: 1px solid #111;
}

.dv-tabs-slide.slick-slider .slick-arrow.slick-prev {
    left: -44px;
}
.dv-tabs-slide.slick-slider .slick-arrow:before,
.dv-tabs-slide.slick-slider .slick-arrow:after {
    content:'';
    display: block;
    position: absolute;
    left: 50%;
    width: 20px;
    height: 2px;
    background: #000;
}
.dv-tabs-slide.slick-slider .slick-arrow:before {
    top: 32px;
}
.dv-tabs-slide.slick-slider .slick-arrow:after {
    bottom: 32px;
}
.dv-tabs-slide.slick-slider .slick-arrow.slick-prev:before {
    transform: translate(-50%, 0) rotate(-45deg);
}
.dv-tabs-slide.slick-slider .slick-arrow.slick-prev:after {
    transform: translate(-50%, 0) rotate(45deg);
}
.dv-tabs-slide.slick-slider .slick-arrow.slick-next {
    right: -44px;
    z-index: 99;
}
.dv-tabs-slide.slick-slider .slick-arrow.slick-next:before {
    transform: translate(-50%, 0) rotate(45deg);
}
.dv-tabs-slide.slick-slider .slick-arrow.slick-next:after {
    transform: translate(-50%, 0) rotate(-45deg);
}

.dv-tabs-slide.slick-slider .slick-list {
    z-index: 0;
}
.dv-tabs-slide.slick-slider .dv-tabs-slide-info {
    width: 100%;
}
/* 230811 추가 */

.dv-list {
    position: relative;
    width: 100%;
}
.dv-list > div {
    position: relative;
    width: 100%;
}
.dv-list > div + div {
    margin-top: 56px;
}
.dv-list > div > h4 {
    position: relative;
    width: 100%;
    padding-left: 30px;
    padding-bottom: 30px;
    font-size: 24px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
}
.dv-list > div > h4:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url('../images/icon/icon-list.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.dv-list > div > h4 > span {
    font-weight: 700;
    color: #0068b7;
}
.dv-list > div > h4 > span:after {
    content: "건";
    font-weight: 500;
    color: #111;
}
.dv-tabs.sm > div {
    min-height: auto;
    padding: 10px;
}
.dv-list.sm > div > h4 {
    padding-bottom: 20px;
    border-bottom: 0;
}
.dv-list.sm > div > h5 {
    position: relative;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 20px;
}
.dv-list.sm > div > h5:before {
    content: "";
    display: block;
    position: absolute;
    top: 34px;
    left: 4px;
    width: 5px;
    height: 20px;
    background-color: #0068b7;
}
.dv-list.sm > div > h5 .icon-tooltip {
    margin-top: 5px;
    margin-left: 15px;
}
/* 2023.08.24 추가 */
.dv-list.sm > div > h5:first-child {
    padding-top: 0;
}
.dv-list.sm > div > h5:first-child:before {
    top: 4px;
}
.dv-clause-info {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
}
.dv-clause-info > span {
    display: inline-block;
    font-size: 14px;
    color: #0068b7;
    vertical-align: top;
}
.dv-clause-info > p {
    display: block;
    max-width: 100%;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
/* 2023.08.24 추가 */
.dv-list-flex-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    position: relative;
    width: 100%;
}
.dv-list-flex-box > div {
    width: calc(50% - 10px);
    height: auto;
    overflow: hidden;
}
.dv-list-flex-box > div.size-2-1 {
    width: calc(100% - 260px);
}
.dv-list-flex-box > div.size-2-2 {
    width: 240px;
}
.dv-list-flex-box.type-1 > div:nth-child(1) {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    width: calc(66.66% - 10px);
    height: auto;
    overflow: hidden;
}
.dv-list-flex-box.type-1 > div:nth-child(1) > div {
    width: calc(50% - 10px);
    height: auto;
    overflow: hidden;
}
.dv-list-flex-box.type-1 > div:nth-child(2) {
    width: calc(33.33% - 10px);
    height: auto;
    overflow: hidden;
}
.dv-list-flex-box-info > h5 {
    position: relative;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 22px;
    font-size: 20px;
}
.dv-list-flex-box-info > h5:before {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    left: 4px;
    width: 10px;
    height: 10px;
    background-color: #0068b7;
}
.dv-list-flex-box-info > h5.h-low {
    padding-top: 0;
}
.dv-list-flex-box-info > h5.h-low:before {
    top: 10px;
}
.dv-list-flex-box-info > h5 > span {
    font-size: .8em;
}
.dv-list-flex-box-info > h5 .icon-tooltip {
    margin-top: 5px;
    margin-left: 15px;
}
.pre-list {
    position: relative;
    width: 100%;
    height: 120px;
    padding: 10px;
    font-size: 14px;
    color: #111;
    border: 1px solid #ddd;
    overflow: auto;
}

.dv-flex-flat {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
}
.dv-flex-flat > div:nth-child(1) {
    width: calc(66% - 10px);
}
.dv-flex-flat > div:nth-child(2) {
    width: calc(34% - 10px);
}
.dv-flex-flat > div > h5 {
    position: relative;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 20px;
}
.dv-flex-flat > div > h5:before {
    content: "";
    display: block;
    position: absolute;
    top: 34px;
    left: 4px;
    width: 5px;
    height: 20px;
    background-color: #0068b7;
}
.dv-list-canvas {
    position: relative;
    width: 100%;
    height: 962px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}

.dv-list.tbl {
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
}
.dv-list.tbl + .dv-paging {
    margin-top: 20px;
}
.dv-list.tbl.scroll {
    min-width: 100%;
    max-height: 290px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #ddd;
    overflow: auto;
}
.dv-list.tbl.scroll-big {
    min-width: 100%;
    max-height: 400px;
    border-top: 1px solid #111;
    border-bottom: 1px solid #ddd;
    overflow: auto;
}
.dv-list.tbl + .dv-list.tbl.scroll {
    margin-top: 20px;
}
.dv-list.tbl > h5 {
    position: relative;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-size: 20px;
}
.dv-list.tbl > h5:before {
    content: "";
    display: block;
    position: absolute;
    top: 34px;
    left: 4px;
    width: 5px;
    height: 20px;
    background-color: #0068b7;
}
.dv-list-info {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    position: relative;
    width: 100%;
}
.dv-list-info > dl {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    position: relative;
    width: auto;
    padding: 14px 0;
}
.dv-list-info > dl + dl {
    margin-left: 20px;
}
.dv-list-info > dl > dt,
.dv-list-info > dl > dd {
    position: relative;
    width: auto;
    font-size: 14px;
}
.dv-list-info > dl > dt {
    margin-right: 4px;
    padding-right: 8px;
    font-weight: 500;
}
.dv-list-info > dl > dt:after {
    content: ":";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.dv-list-cont {
    position: relative;
    width: 100%;
    padding: 20px 0;
    font-size: 17px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.dv-list-cont > pre {
    min-height:  420px;
}

.dv-list-file {
    position: relative;
    width: 100%;
}
.dv-list-file > dl {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    align-content: flex-start;
    position: relative;
    width: 100%;
    padding: 14px 0;
}
.dv-list-file > dl + dl {
    border-top: 1px dotted #ddd;
}
.dv-list-file > dl > dt,
.dv-list-file > dl > dd {
    position: relative;
    width: auto;
    font-size: 14px;
}
.dv-list-file > dl > dt {
    margin-right: 4px;
    padding-right: 8px;
    font-weight: 500;
}
.dv-list-file > dl > dt:after {
    content: ":";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

.dv-btn-info {
    position: relative;
    width: 100%;
    padding: 20px 0;
    font-size: 0;
    text-align: center;
    border-top: 1px solid #ddd;
}
.dv-btn-info.type-1 {
    border: 0;
}
.dv-list.tbl + .dv-btn-info {
    border: 0;
}
.dv-list.tbl.scroll + .dv-btn-info {
    padding-bottom: 0;
}

.dv-btn-info .btn-basic {
    display: inline-block;
    min-width: 120px;
    width: auto;
    vertical-align: top;
}
.dv-btn-info .btn-basic + .btn-basic {
    margin-left: 6px;
}
.dv-btn-info.sm {
    padding: 0;
    text-align: right;
    border: 0;
}
.dv-btn-info.sm.ct {
    text-align: center;
}

.dv-btn-info.sm .btn-basic {
    display: inline-block;
    min-width: auto;
    width: auto;
    height: auto;
    margin: 0;
    border-radius: 4px;
}
.dv-btn-info.sm .btn-basic > span {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    padding: 4px 20px;
    line-height: 1;
    font-size: 14px;
    text-align: center;
    transform: none;
}
.dv-btn-info.sm .btn-basic + .btn-basic,
.dv-btn-info.sm .btn-excel + .btn-excel,
.dv-btn-info.sm .btn-basic + .btn-excel,
.dv-btn-info.sm .btn-excel + .btn-basic {
    margin-left: 4px;
}
.dv-answer .dv-btn-info.sm {
    margin-top: 15px;
}
.dv-answer .dv-btn-info.sm .btn-basic {
    width: auto;
    height: auto;
    padding: 6px 14px;
    border-radius: 4px;
}
.dv-answer .dv-btn-info.sm .btn-basic > span {
    display: block;
    position: relative;
    text-align: center;
    font-size: 14px;
    transform: none;
}
.dv-layer .dv-btn-info.sm {
    display: block;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.dv-layer .dv-btn-info.sm.rt {
    text-align: right;
}
.dv-layer .dv-btn-info.sm .btn-basic {
    width: auto;
    height: auto;
    padding: 10px 30px;
}
.dv-layer .dv-btn-info.sm .btn-basic > span {
    display: block;
    position: relative;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    transform: none;
}
.dv-layer .dv-btn-info.type-1 {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
    border: 0;
}
.dv-layer .dv-btn-info.type-1 .btn-basic {
    min-width: auto;
    width: auto;
    height: auto;
    padding: 4px 12px;
}
.dv-layer .dv-btn-info.type-1 .btn-basic > span {
    display: block;
    position: relative;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    transform: none;
}
.a-search-results-more {
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    padding-right: 14px;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    transition: all .6s ease 0s;
}
.a-search-results-more:hover {
    color: #0068b7;
}
.a-search-results-more:before,
.a-search-results-more:after {
    content: "";
    display: block;
    position: absolute;
    background-color: #666;
    transition: all .6s ease 0s;
}
.a-search-results-more:before {
    top: 10px;
    right: 0;
    width: 9px;
    height: 1px;
}
.a-search-results-more:after {
    top: 6px;
    right: 4px;
    width: 1px;
    height: 9px;
}
.a-search-results-more:hover:before,
.a-search-results-more:hover:after {
    background-color: #0068b7;
}

.a-file-download {
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding-right: 100px;
    line-height: 22px;
    font-size: 14px;
    vertical-align: top;
}
.a-file-download:after {
    content: "다운로드";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 90px;
    padding: 5px;
    line-height: 1;
    font-size: 12px;
    color: #333;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transform: translate(0, -50%);
}
.a-file-download > span {
    color: #111;
}

.ul-list-info {
    position: relative;
    width: 100%;
}
.ul-list-info > li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: flex-start;
    position: relative;
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px dotted #ccc;
}
.ul-list-info > li > div {
    display: block;
    position: relative;
    width: 100%;
    font-size: 0;
}
.ul-list-info > li > h6 {
    display: none;
}
.ul-list-info > li > h6:before {
    content: "[";
}
.ul-list-info > li > h6:after {
    content: "]";
}
.ul-list-info > li > div > .dv-list-file {
    margin-top: 10px;
}
.ul-list-info > li > div > .dv-list-file > dl {
    padding: 0;
}
.ul-list-info > li > div > .dv-list-file > dl .a-file-download + .a-file-download {
    margin-left: 14px;
}

.ul-list-info > li > div > a {
    display: inline-block;
    position: relative;
    max-width: calc(80% - 22px);
    margin-left: 22px;
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 500;
    color: #0068b7;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
}
.ul-list-info > li > div > a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 1px;
    background-color: #0068b7;
    transition: all .6s ease 0s;
    transform: translate(-50%, 0);
}
.ul-list-info > li > div > a:hover:after {
    width: 100%;
    transition: width .6s ease 0s;
}
.ul-list-info > li > div > a > .spn-cate {
    display: inline;
    font-weight: 700;
}
.ul-list-info > li > div > a > .spn-cate:before {
    content: "[";
}
.ul-list-info > li > div > a > .spn-cate:after {
    content: "]";
}
.ul-list-info > li > div > pre {
    display: -webkit-box;
    position: relative;
    width: 100%;
    font-size: 15px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.ul-list-info > li > a {
    display: block;
    position: relative;
    width: 180px;
    overflow: hidden;
}
.ul-list-info > li > a:before {
    content: "";
    display: block;
    padding-top: 55.56%;
}
.ul-list-info > li > a > *:not(.spn-img-tooltip) {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    width: auto;
    min-height: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}
.ul-list-info > li > .spn-img-tooltip {
    position: absolute;
    top: 50%;
    left: 200px;
    width: auto;
    max-width: 400px;
    height: auto;
    opacity: 0;
    visibility: hidden;
    transform: translate(0, -50%);
    z-index: -1;
    transition: all .4s ease .2s;
}
.ul-list-info > li > .spn-img-tooltip:hover,
.ul-list-info > li > a:hover ~ .spn-img-tooltip {
    transform: translate(0, -50%) scale(1.1);
    opacity: 1;
    visibility: visible;
    z-index: 9;
}
.ul-list-info > li > a ~ .spn-img-tooltip img {
    display: block;
    width: auto;
    height: auto;
}

.ul-list-info > li > a + div {
    width: calc(100% - 200px);
    margin-left: 20px;
}

.ul-list-info > li > div.interest {
    padding-right: 34px;
}


/* 230811 추가 */

.ul-list-info > li > div.interest > span {
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
    width: 24px;
    height: 20px;
    background-image: url('../images/icon/icon-interest.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    z-index: 1;
    cursor: pointer;
}
.ul-list-info > li > div.interest > span.active {
    background-image: url('../images/icon/icon-interest-active.png');
}

.dv-search-quick-info > ul > li > i.active {
    background-image: url(../images/icon/icon-bookmark-active.png);
    display: block;
    width: 20px;
    height: 20px;
    font-size: 0;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.ul-list-info > li.interest > span {
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    width: 180px;
    height: 30px;
    background-color: rgba(255, 255, 255, .5);
    z-index: 1;
}
.ul-list-info > li.interest > span:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 20px;
    height: 20px;
    background-image: url('../images/icon/icon-interest.png');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    transform: none;
    cursor: pointer;
}
.ul-list-info > li.interest > span.active:before {
    background-image: url('../images/icon/icon-interest-active.png');
}
.ul-list-info > li.interest > a {
    z-index: 0;
}

.ul-list-info > li.no-data {
    height: 240px;
    border-bottom: 1px solid #ddd;
}
.ul-list-info > li.no-data > p {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    font-size: 17px;
    font-weight: 500;
    color: #666;
    text-align: center;
    transform: translate(0,-50%);
}
.dv-relation-list {
    position: relative;
    width: 100%;
}
* + .dv-relation-list {
    margin-top: 20px;
}
.dv-relation-list > h6 {
    font-size: 16px;
    font-weight: 700;
}
.dv-relation-list .ul-list-info > li {
    padding: 0;
    border: 0;
}
.dv-relation-list .ul-list-info > li + li {
    margin-top: 30px;
}
.dv-relation-list .ul-list-info > li > div > pre {
    display: -webkit-box;
    position: relative;
    width: 100%;
    font-size: 15px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.dv-relation-list .ul-list-info {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    width: calc(100% + 20px);
    margin: 0 -10px;
}
.dv-relation-list .ul-list-info > li {
    width: calc(16.66% - 20px);
    margin: 10px;
    flex-direction: column;
}
.dv-relation-list .ul-list-info > li.no-data {
    width: 100%;
}
.dv-relation-list .ul-list-info > li + li {
    margin: 10px;
}
.dv-relation-list .ul-list-info > li > a,
.dv-relation-list .ul-list-info > li > div {
    width: 100%;
    margin: 0;
}
.dv-relation-list .ul-list-info > li > div > a {
    display: block;
    margin: 0;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
    color: #111;
    text-align: center;
    transition: all .6s ease 0s;
}
.dv-relation-list .ul-list-info > li > div > a:after {
    display: none;
}
.dv-relation-list .ul-list-info > li > div > a:hover {
    color: #0068b7;
}
.dv-relation-list .ul-list-info > li > div > pre {
    display: none;
}

.tbl-list {
    table-layout: auto;
    position: relative;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}
.tbl-list caption {
    display: none;
}
.tbl-list thead {
    background-color: #f5f5f5;
    border-top: 1px solid #111;
    border-bottom: 1px solid #ddd;
}
.tbl-list tbody {
    background-color: #fff;
}
.tbl-list th,
.tbl-list td {
    position: relative;
    padding: 14px 6px;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.tbl-list th:first-child ,
.tbl-list td:first-child {
    border-left: 0;
}
.tbl-list thead th {
    font-weight: 700;
}
.tbl-list thead th.row-first {
    border-left: 1px solid #ddd;
}
.tbl-list thead th .icon-sort {
    margin-top: 2px;
    margin-left: 4px;
}

.tbl-list td.lt {
    padding: 14px 24px;
    text-align: justify;
}
/* 2023.09.12 추가 */
.tbl-list td.rt {
    padding: 14px 24px;
    text-align: right;
}
/* 2023.09.12 추가 */

.tbl-list td > a {
    display: inline-flex;
    position: relative;
    max-width: 100%;
    color: #111;
    vertical-align: top;
    transition: all .6s ease 0s;
}
.tbl-list td > a:hover {
    color: #0068b7;
}
.tbl-list.stripe tbody tr:nth-of-type(even) {
    background-color: #ecf6fb;
}
.tbl-list td.no-data {
    position: relative;
    width: 100%;
    height: 460px;
}
.tbl-list td.no-data > p {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    font-size: 17px;
    font-weight: 500;
    color: #666;
    text-align: center;
    transform: translate(0,-50%);
}
.tbl-list .lab-check {
    margin-top: 4px;
}
/* 2023.09.12 추가 */
.tbl-list.basic {
    table-layout: fixed;
}
/* 2023.09.12 추가 */
.tbl-list.type-1 {
    table-layout: fixed;
}
.tbl-list.type-1 tbody {
    background-color: #fff;
    border-top: 1px solid #111;
    border-bottom: 1px solid #ddd;
}
.tbl-list.type-1 tr {
    height: 64px;
}
.tbl-list.type-1 th,
.tbl-list.type-1 td {
    position: relative;
    padding: 16px 10px;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    border-left: 0;
    border-bottom: 1px solid #ddd;
}
.tbl-list.type-1 th .required {
    display: inline-block;
    position: relative;
    padding-right: 8px;
    vertical-align: top;
}
.tbl-list.type-1 th .required:before {
    content: "*";
    position: absolute;
    top: 0;
    right: 0;
    color: #0068b7;
}
.tbl-list.type-1 td {
    padding-right: 50px;
    text-align: left;
}
.tbl-list.type-1 td .lab-check {
    line-height: 1.4;
}
.tbl-list.type-1 td .lab-check span:before {
    top: 4px;
}
.tbl-list.type-1 td .dv-file-upload {
    max-width: 440px;
}

.tbl-list.detail {
    table-layout: fixed;
}
.tbl-list.detail + .tbl-list.detail {
    margin-top: 20px;
}
.tbl-list.detail tbody {
    background-color: #fff;
    border-top: 1px solid #111;
}
.tbl-list.detail tr > *:last-child {
    border-right: 0;
}
.tbl-list.detail th,
.tbl-list.detail td {
    position: relative;
    padding: 10px 10px;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.tbl-list.detail th {
    font-weight: 700;
    background-color: #f5f5f5;
}
.tbl-list.detail th .required {
    display: inline-block;
    position: relative;
    padding-right: 8px;
    vertical-align: top;
}
.tbl-list.detail th .required:before {
    content: "*";
    position: absolute;
    top: 0;
    right: 0;
    color: #0068b7;
}
.tbl-list.detail td {
    text-align: left;
    vertical-align: top;
}
.tbl-list.detail td.ct {
    text-align: center;
}
.tbl-list.detail td pre {
    min-height: 70px;
}
.tbl-list.detail.capView {
    margin-top: 30px;
}
.tbl-list.detail.capView caption {
    display: block;
    position: absolute;
    top: -30px;
    right: 0;
    max-width: 100%;
    font-size: 14px;
    text-align: right;
}
.tbl-list.box {
    border: 0;
}
.tbl-list.box th,
.tbl-list.box td {
    padding: 10px;
    font-size: 14px;
    text-align: left;
    border: 1px solid #ddd;
}
.tbl-list.box td.ct {
    text-align: center;
}
.tbl-list.box td img {
    display: block;
}
.tbl-list.box td img + img {
    margin-left: 5px;
}
.tbl-list.search {
    border: 1px solid #ddd;
}
.tbl-list.search th,
.tbl-list.search td {
    padding: 5px;
    font-size: 14px;
    text-align: left;
    border: 0;
}
.tbl-list.search th {
    text-align: center;
}
.tbl-list.search td.ct {
    text-align: center;
}
.dv-list.tbl.scroll .tbl-list {
    min-width: 640px;
    width: 100%;
}
.dv-list.tbl.scroll.size-01 .tbl-list {
    min-width: auto;
}
.dv-list.tbl.scroll .tbl-list thead {
    border: 0;
}
.dv-list.tbl.scroll .tbl-list thead th {
    position: sticky;
    top: 0px;
    height: 48px;
    background-color: #f5f5f5;
    border: 0;
    z-index: 1;
}
.dv-list.tbl.scroll .tbl-list thead:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}
.dv-list.tbl.scroll .tbl-list tbody tr {
    border-bottom: 1px solid #ddd;
}
.dv-list.tbl.scroll .tbl-list tbody tr:last-child {
    border: 0;
}
.dv-list.tbl.scroll .tbl-list tbody th,
.dv-list.tbl.scroll .tbl-list tbody td {
    border: 0;
}
.dv-list.tbl.scroll .tbl-list td.no-data {
    height: 240px;
}
.dv-list.tbl.scroll-big .tbl-list thead {
    border-top: 0;
}
.dv-list.tbl.scroll-big .tbl-list thead th {
    position: sticky;
    top: 0px;
    height: 48px;
    background-color: #f5f5f5;
    z-index: 1;
}
.dv-list.tbl.scroll-big .tbl-list tbody tr:last-child {
    border-bottom: 0;
}
.dv-list.tbl.scroll-big .tbl-list td.no-data {
    height: 350px;
    border-bottom: 0;
}

.dv-list.gallery .ul-guide-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    align-content: flex-start;
    width: calc(100% + 20px);
    margin: 0 -10px;
}
.dv-list.gallery .ul-guide-info > li {
    flex-direction: column;
    width: calc(25% - 20px);
    margin: 10px;
    padding: 20px;
    border: 1px solid #ddd;
    z-index: 0;
    transition: all .6s ease 0s;
}
.dv-list.gallery .ul-guide-info > li > a {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    width: 100%;
    height: 180px;
    text-align: center;
}
.dv-list.gallery .ul-guide-info > li > a > i {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    font-size: 0;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    transition: all .6s ease 0s;
}
.dv-list.gallery .ul-guide-info > li > a > span {
    display: block;
    text-align: center;
    transition: all .6s ease 0s;
}
.dv-list.gallery .ul-guide-info > li:hover {
    background-color: #f5f5f5;
    border-color: #0068b7;
    box-shadow: 0 8px 6px rgba(0, 0, 0, .15);
}
.dv-list.gallery .ul-guide-info > li:hover > a > i {
    transform: scale(1.1);
}
.dv-list.gallery .ul-guide-info > li:hover > a > span {
    font-weight: 700;
    color: #0068b7;
}

.dv-list.search .ul-guide-info {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    align-content: flex-start;
    width: calc(100% + 20px);
    margin: 0 -10px;
}
.dv-list.search .ul-guide-info > li {
    flex-direction: column;
    width: calc(20% - 20px);
    margin: 10px;
    padding: 20px;
    border: 1px solid #ddd;
    z-index: 0;
    transition: all .6s ease 0s;
}
.dv-list.search .ul-guide-info > li > a {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: relative;
    width: 100%;
    height: 140px;
    text-align: center;
}
.dv-list.search .ul-guide-info > li > a > i {
    display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    font-size: 0;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
    transition: all .6s ease 0s;
}
.dv-list.search .ul-guide-info > li > a > span {
    display: block;
    text-align: center;
    transition: all .6s ease 0s;
}
.dv-list.search .ul-guide-info > li > a > strong {
    font-size: 20px;
    font-weight: 700;
    color: #0068b7;
}
.dv-list.search .ul-guide-info > li > a > strong:after {
    content: "회";
    color: #666;
}
.dv-list.search .ul-guide-info > li:hover {
    background-color: #f5f5f5;
    border-color: #0068b7;
    box-shadow: 0 8px 6px rgba(0, 0, 0, .15);
}
.dv-list.search .ul-guide-info > li:hover > a > i {
    transform: scale(1.1);
}
.dv-list.search .ul-guide-info > li:hover > a > span {
    font-weight: 700;
    color: #0068b7;
}

.dv-canvas {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    align-content: flex-start;
    position: relative;
    width: 100%;
}
.dv-canvas-info {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
}
.dv-canvas-info:first-child:nth-last-child(1) {
    width: 100%;
}
.dv-canvas-info:first-child:nth-last-child(2),
.dv-canvas-info:first-child:nth-last-child(2) ~ .dv-canvas-info {
    width: calc(50% - 18px);
}
.dv-canvas-info:first-child:nth-last-child(3),
.dv-canvas-info:first-child:nth-last-child(3) ~ .dv-canvas-info {
    width: calc(33.3% - 12px);
}
.dv-canvas-info:first-child:nth-last-child(4),
.dv-canvas-info:first-child:nth-last-child(4) ~ .dv-canvas-info {
    width: calc(25% - 9px);
}
.dv-canvas-info > h3 {
    position: relative;
    width: 100%;
    padding: 14px 24px;
    font-size: 18px;
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}
.dv-canvas-info > div {
    position: relative;
    width: 100%;
}
.dv-canvas-info > div:before {
    content: "";
    display: block;
    padding-top: 53.388%;
}
.dv-canvas-info > div > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dv-sub-info-flex {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    flex-wrap:wrap;
}
.dv-sub-info-flex.col-6 > * {
    width: 24.5% !important;
    margin-bottom:15px;
}

.dv-guide {
    position: relative;
    width: 100%;
    padding: 30px;
    border: 1px solid #ddd;
}
.dv-guide > h4 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 700;
}
.dv-guide > p {
    font-size: 17px;
    font-weight: 500;
    color: #333;
}
.dv-guide > ul {
    position: relative;
    color: #666;
}
.dv-guide > p + ul {
    margin-top: 5px;
}
.dv-guide > ul > li {
    position: relative;
    padding-left: 16px;
}
.dv-guide > ul > li:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 4px;
    width: 6px;
    height: 1px;
    background-color: #666;
}

.dv-guide-form {
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
}
.dv-guide-form pre {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    height: auto;
}

.dv-comments {
    position: relative;
    width: 100%;
    border-top: 1px solid #ddd;
}
.dv-comments-list {
    position: relative;
    width: 100%;
}
.dv-comments-list > dl {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    align-self: flex-start;
    position: relative;
    width: 100%;
    padding: 14px 0;
    border-bottom: 1px solid #ddd;
}
.dv-comments-list > dl > dt,
.dv-comments-list > dl > dd {
    position: relative;
    width: auto;
    font-size: 14px;
}
.dv-comments-list > dl > dt {
    padding-right: 12px;
    font-weight: 500;
}
.dv-comments-list > dl > dt:after {
    content: ":";
    display: block;
    position: absolute;
    top: 0;
    right: 4px;
}
.dv-comments-list > dl > dd {
    max-width: 100%;
    word-break: normal;
}
.fset-comments-info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    align-self: flex-start;
    position: relative;
    width: 100%;
    padding: 20px 0;
    border: 0;
}
.fset-comments-info > legend {
    display: none;
}
.fset-comments-info .input-basic {
    height: 42px;
    padding: 10px 16px;
}
.fset-comments-info .btn {
    display: block;
    width:  85px;
    margin-left: 5px;
    height: 42px;
    font-size: 15px;
    text-align: center;
    color: #111;
    background-color: #fff;
    border: 1px solid #666;
    cursor: pointer;
}

.dv-list-scroll {
    position: static;
    width: 100%;
}
.dv-list-scroll:after {
    content: "";
    display: block;
    clear: both;
}

.dv-list-scroll-gnb {
    float: right;
    position: relative;
    width: 280px;
    min-height: 180px;
    max-height: calc(100vh - 142px);
    border: 1px solid #ddd;
    overflow: auto;
}
.dv-list-scroll-gnb > ul > li {
    position: relative;
    width: 100%;
    padding: 15px 30px;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 500;
    background-color: #fff;
    cursor: pointer;
}
.dv-list-scroll-gnb > ul > li:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 30px;
    width: calc(100% - 60px);
    height: 1px;
    background-color: #ddd;
}
.dv-list-scroll-gnb > ul > li.active {
    color: #fff;
    background-color: #0068b7;
}
.dv-list-scroll-gnb > ul > li:first-child:before,
.dv-list-scroll-gnb > ul > li.active:before,
.dv-list-scroll-gnb > ul > li.active + li:before {
    display: none;
}
.dv-list-scroll-info {
    float: left;
    position: relative;
    width: calc(100% - 350px);
}

.dv-map-canvas {
    position: relative;
    width: 100%;
    margin: 0;
    border: 1px solid #ddd;
}
.dv-map-canvas > div.dv-map-canvas-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 100%;
    padding: 25px 20px;
    background-color: rgba(255, 255, 255, .7);
    overflow: auto;
    z-index: 1;
}
.dv-map-canvas > div.dv-map-canvas-list > span {
    display: block;
    position: relative;
    width: 100%;
    padding-left: 18px;
    font-size: 12px;
    font-weight: 500;
}
.dv-map-canvas > div.dv-map-canvas-list > span:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 12px;
    height: 8px;
    background-color: #111;
}
.dv-map-canvas > div.dv-map-canvas-list > span.bg-1:before {
    background-color: #01438f;
}
.dv-map-canvas > div.dv-map-canvas-list > span.bg-2:before {
    background-color: #e1aa12;
}
.dv-map-canvas > div.dv-map-canvas-list > span.bg-3:before {
    background-color: #008089;
}
.dv-map-canvas > div.dv-map-canvas-list > span.bg-4:before {
    background-color: #ee6666;
}
.dv-map-canvas > div.dv-map-canvas-list > span.bg-5:before {
    background-color: #73c0de;
}
.dv-map-canvas > div.dv-map-canvas-list > span.bg-6:before {
    background-color: #4c7eb7;
}
.dv-map-canvas > div.dv-map-canvas-list > span.bg-7:before {
    background-color: #46bfa6;
}
.dv-map-canvas > div.dv-map-canvas-list > span.bg-8:before {
    background-color: #5f52a0;
}
.dv-map-canvas > div.dv-map-canvas-list > span.bg-9:before {
    background-color: #ae5da1;
}
.dv-map-canvas > div.dv-map-canvas-list > span.bg-10:before {
    background-color: #e60012;
}
.dv-map-canvas > div.dv-map-canvas-list > span + span {
    margin-top: 5px;
}
.dv-map-canvas > div.dv-map-canver-tabs {
    position: relative;
    width: 100%;
    margin-top: 28px;
    margin-bottom: 10px;
    font-size: 0;
    text-align: center;
}
.dv-map-canvas > div.dv-map-canver-tabs > span {
    display: inline-block;
    position: relative;
    margin: 0 20px;
    line-height: 1;
    font-size: 15px;
    font-weight: 500;
    color: #333;
    cursor: pointer;
    vertical-align: top;
    transition: all .4s ease .2s;
}
.dv-map-canvas > div.dv-map-canver-tabs > span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -20px;
    width: 1px;
    height: 14px;
    background-color: #999;
}
.dv-map-canvas > div.dv-map-canver-tabs > span:last-child:before {
    display: none;
}
.dv-map-canvas > div.dv-map-canver-tabs > span.active {
    font-weight: 700;
    color: #01438f;
}
.dv-map-canvas > div.dv-map-canvas-info {
    position: static;
    width: 100%;
    z-index: 0;
}
.dv-map-canvas > div.dv-map-canvas-info:before {
    content: "";
    display: block;
    padding-top: 32%;
}
.dv-widget-map .dv-map-canvas > div.dv-map-canvas-info:before {
    padding-top: 43.56%;
}
.dv-widget-map .dv-pointer-layer {
    position: fixed;
}
.dv-map-canvas > div.dv-map-canvas-info > *:not(.dv-pointer) {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.dv-map-canvas > div.dv-map-canvas-info > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: none;
}

.dv-widget-list {
    position: relative;
    width: 280px;
    min-height: calc(100vh - 340px);
    height: 630px;
    padding: 26px 30px;
    border: 1px solid #ddd;
    border-radius: 10px;
    transition: all .6s ease 0s;
    z-index: 0;
}

.spn-widget-list-close.active {
    top: 0;
    left: 20px;
    transform: translate(0, 0) rotate(180deg);
}
.dv-widget-list > h3 {
    position: relative;
    width: 100%;
    margin-bottom: 16px;
    line-height: 1.2;
    font-size: 20px;
    color: #014efe;
    font-weight: 700;
    transition: all .3s ease .8s;
}
.dv-widget-delete {
    position: relative;
    width: 100%;
    height: 60px;
    background-color: #ddd;
    border-radius: 10px;
    transition: all .3s ease .8s;
}
.dv-widget-delete > span {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    line-height: 1.15;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    transform: translate(0, -50%);
}
.ul-widget-list {
    position: relative;
    width: 100%;
    height: calc(100% - 106px);
    margin-top: 6px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: all .3s ease .8s;
}
.ul-widget-list > li {
    position: relative;
    width: 100%;
    padding: 5px;
    padding-left: 14px;
    line-height: 1.143;
    font-size: 14px;
    font-weight: 700;
}
.ul-widget-list > li:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: 4px;
    width: 4px;
    height: 4px;
    background-color: #014efe;
    border-radius: 50%;
}

.dv-widget.full .dv-widget-info {
    width: 100%;
}
.dv-widget.full .dv-widget-list {
    width: 48px;
    padding: 0;
    border: 0;
    border-color: #ddd;
}
.dv-widget.full .dv-widget-list > h3 {
    opacity: 0;
    transition: all 0s ease 0s;
}
.dv-widget.full .dv-widget-delete {
    opacity: 0;
    transition: all 0s ease 0s;
}
.dv-widget.full .ul-widget-list {
    opacity: 0;
    transition: all 0s ease 0s;
}

.fset-widget-search {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative;
    width: 100%;
    margin: 20px 0;
    padding: 10px 50px;
    background-color: #f5f5f5;
    border: 0;
    border-radius: 10px;
}
.fset-widget-search.type-1 {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 0;
}
.fset-widget-search > legend {
    display: none;
}
.fset-widget-search > dl {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: auto;
}
.fset-widget-search > dl > dt {
    font-weight: 500;
}
.fset-widget-search > dl > dd {
    position: relative;
    padding-left: 16px;
}
.fset-widget-search > dl > dd:before {
    content: ":";
    display: block;
    position: absolute;
    top: 50%;
    left: 6px;
    transform: translate(0, -50%);
}

.dv-widget-serch-info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    position: relative;
    width: calc(100% - 30px);
    margin-right: 30px;
}
.dv-widget-serch-info > *:not(.btn-basic),
.dv-widget-serch-info > .ul-form-info.date {
    width: 100%;
    max-width: 295px;
}
.dv-widget-serch-info > .ul-form-info.date > li {
    width: calc(50% - 8px);
}
.dv-widget-serch-info > .ul-form-info.date > li.txt {
    width: 16px;
}
.dv-widget-serch-info > *:not(.btn-basic):first-child:nth-last-child(n+3),
.dv-widget-serch-info > *:not(.btn-basic):first-child:nth-last-child(n+3) ~ *:not(.btn-basic) {
    width: auto !important;
    max-width: none !important;
    height: 30px;
}
.dv-widget-serch-info > * + * {
    margin-left: 4px;
}

.dv-widget-serch-info .input-basic,
.dv-widget-serch-info .select-basic,
.dv-widget-serch-info .lab-check span:before {
    border-color: #999;
}
.dv-widget-serch-info .btn-basic {
    width: 60px;
    height: 30px;
}
.dv-widget-serch-info .btn-basic > span {
    font-size: 14px;
    font-weight: 400;
}
.dv-widget-serch-info > dl {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: auto;
}
.dv-widget-serch-info > dl > dt {
    font-weight: 500;
}
.dv-widget-serch-info > dl > dd {
    position: relative;
    padding-left: 16px;
}
.dv-widget-serch-info > dl + dl {
    margin-left: 20px;
}

.dv-widget-serch-option {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    align-content: center;
    position: relative;
}
.dv-widget-serch-option > * {
    width: auto;
    white-space: nowrap;
}
.dv-widget-serch-option > * + * {
    margin-left: 4px;
}

.dv-widget-map {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    position: relative;
    width: 100%;
}
.dv-widget-map-chart {
    position: relative;
    width: calc(50% - 20px);
}
.dv-widget-map-chart-info {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background-color: rgba(255, 255, 255, .7);
    border: 1px solid #ddd;
    border-bottom: 0;
    z-index: 1;
}
.dv-map-canvas .dv-widget-map-chart-info {
    border: 0;
}
.dv-widget-map-chart-info > span {
    display: inline-block;
    position: relative;
    width: auto;
    margin: 0 6px;
    padding-left: 18px;
    line-height: 1;
    font-size: 12px;
    vertical-align: top;
}
.dv-widget-map-chart-info > span:before {
    content: "";
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 12px;
    height: 8px;
}
.dv-widget-map-chart-info > span.spn-col-1:before {
    background-color: #01438f;
}
.dv-widget-map-chart-info > span.spn-col-2:before {
    background-color: #e1aa12;
}
.dv-widget-map-chart-info > span.spn-col-3:before {
    background-color: #008089;
}
.dv-widget-map-chart-info > span.spn-col-4:before {
    background-color: #ee6666;
}
.dv-widget-map-chart-info > span.spn-col-5:before {
    background-color: #73c0de;
}
.dv-widget-map-chart-box {
    position: relative;
    width: 100%;
    z-index: 0;
}
.dv-widget-map-chart-box > div {
    position: relative;
    width: 100%;
    height: 446px;
    border: 1px solid #ddd;
    overflow: hidden;
}
.dv-widget-map-chart-box > div > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.dv-widget-map-chart-box > div > img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    max-height: 100%;
    transform: translate(-50%, -50%);
}
.dv-widget-map-info {
    position: relative;
    width: calc(50% - 20px);
    height: 446px;
    padding: 25px 30px;
    border: 1px solid #ddd;
}
.dv-widget-map-info > h4 {
    position: relative;
    width: calc(100% - 30px);
    margin-bottom: 20px;
    font-size: 24px;
}

.dv-widget-map-info-detail {
    position: relative;
    width: 100%;
}
.dv-widget-map-info-detail > * + * {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid #ddd;
}
.dl-widget-map-info-list-box {
    position: relative;
    width: 100%;
}
.dv-widget-map-info-detail-box {
    position: relative;
    width: 100%;
    padding-top: 10px;
}
.dv-widget-map-info-detail-box > div {
    position: relative;
    width: 100%;
    height: 100px;
    background-color: #ddd;
}
.dv-widget-map-info-detail-box > div > * {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.dl-widget-map-info-detail-flex {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start;
    align-self: flex-start;
    position: relative;
    width: 100%;
}
.dl-widget-map-info-detail-flex > dt,
.dl-widget-map-info-detail-flex > dd {
    display: block;
    position: relative;
    line-height: 1.2;
    font-size: 15px;
}
.dl-widget-map-info-detail-flex > dt {
    font-weight: 500;
}
.dl-widget-map-info-detail-flex > dt {
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 500;
}
.dl-widget-map-info-detail-flex > dt:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #014efe;
    border-radius: 50%;
}
.dl-widget-map-info-detail-flex > dt:after {
    content: ":";
    display: block;
    position: absolute;
    top: 0;
    right: 4px;
}
.dl-widget-map-info-detail-flex > dd {
    width: 100%;
    font-size: 0;
}

.dl-widget-map-info-detail-flex > dd > span {
    display: inline-block;
    max-width: 100%;
    font-size: 15px;
    white-space: normal;
    word-break: break-all;
    vertical-align: top;
}
.dl-widget-map-info-detail-flex > dd > span.death {
    font-weight: 500;
}
.dl-widget-map-info-detail-flex > dd > span.death:before {
    content: "사망";
    margin-right: 4px;
    font-weight: 400;
}
.dl-widget-map-info-detail-flex > dd > span.death:after {
    content: "명";
    font-weight: 400;
}
.dl-widget-map-info-detail-flex > dd > span.injury {
    font-weight: 500;
}
.dl-widget-map-info-detail-flex > dd > span.injury:before {
    content: "부상";
    margin-right: 4px;
    font-weight: 400;
}
.dl-widget-map-info-detail-flex > dd > span.injury:after {
    content: "명";
    font-weight: 400;
}
.dl-widget-map-info-detail-flex > dd > span.death + span.injury {
    margin-left: 6px;
}
.dl-widget-map-info-detail-pre {
    position: relative;
    width: 100%;
}
.dl-widget-map-info-detail-pre > dt,
.dl-widget-map-info-detail-pre > dd {
    position: relative;
    width: 100%;
    line-height: 1.2;
    font-size: 15px;
}
.dl-widget-map-info-detail-pre > dt {
    padding-left: 10px;
    font-weight: 500;
}
.dl-widget-map-info-detail-pre > dt:before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #014efe;
    border-radius: 50%;
}
.dl-widget-map-info-detail-pre > dd {
    margin-top: 6px;
}
.dl-widget-map-info-detail-pre > dd > pre {
    position: relative;
    width: 100%;
    height: 54px;
    padding: 0 10px;
    font-size: 15px;
    color: #666;
    overflow: auto;
}

.spn-widget-map-close {
    display: block;
    position: absolute;
    top: 25px;
    right: 25px;
    width: 30px;
    height: 30px;
    font-size: 0;
    z-index: 1;
    cursor: pointer;
}
.spn-widget-map-close:before,
.spn-widget-map-close:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 1px;
    background-color: #111;
}
.spn-widget-map-close:before {
    transform: translate(-50%, -50%) rotate(45deg);
}
.spn-widget-map-close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* 속보 CSS */
.dv-quicknews-layer {
    display: none;
}
.dv-quicknews-layer > h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15%;
    height: 40px;
    background-color: #e93333;
    border-radius: 0 20px 20px 0;
    z-index: 9;
}
.dv-quicknews-layer > h2 > strong {
    font-size: 15px;
    font-weight: 500;
}
.dv-quicknews-layer > h2 > span {
    margin-left: 4px;
    font-size: 15px;
    font-weight: 100;
}
.dv-quicknews-layer > div {
    width: 80%;
}
.dv-quicknews-layer > div > dl {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    position: relative;
    font-size: 16px;
    font-weight: 300;
}
.dv-quicknews-layer > div > dl + dl {
    margin-left: 30px;
}
.dv-quicknews-layer > div > dl > dt {
    position: relative;
    padding-right: 16px;
}
.dv-quicknews-layer > div > dl > dt:before {
    content: ":";
    display: block;
    position: absolute;
    top: 0;
    right: 8px;
}
.dv-quicknews-layer > div > dl > dd:after {
    content: "명";
}
.dv-quicknews-layer > div > dl + dl:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -15px;
    width: 1px;
    height: 10px;
    background-color: rgba(255, 255, 255, .3);
    transform: translate(0, -50%);
}
.dv-quicknews-layer > span {
    position: relative;
    height: 100%;
    width: 3%;
    background: #111;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dv-header-layout.newsOpen .dv-quicknews-layer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    color: #fff;
    background-color: #111;
}
.dv-header-layout.newsOpen + .dv-main-layout {
    padding-top: 96px;
}
.dv-header-layout.newsOpen + .dv-main-layout .dv-main-visual {
    top: 96px;
}
.dv-header-layout.newsOpen + .dv-sub-layout {
    padding-top: 215px;
}



/* 2023.08.23 추가 */
.dv-widget-ranking {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: all 2s;
}
.dv-widget-ranking.active {
    width: 150%;
    height: 100%;
    opacity: 1;
    margin-left: 150px;
    margin-top: 15px;
}
.dv-widget-ranking .dv-widget-ranking-box {
    position: absolute;
    font-size: 14px;
}
.dv-widget-ranking .dv-widget-ranking-box > .dv-widget-ranking-box-icon {
    display: block;
    position: relative;
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
}
.dv-widget-ranking .dv-widget-ranking-box > .dv-widget-ranking-box-icon > img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    max-width: 86%;
    max-height: 86%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
.dv-widget-ranking .dv-widget-ranking-box > .dv-widget-ranking-box-icon:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.dv-widget-ranking .dv-widget-ranking-box > .dv-widget-ranking-box-icon:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: medium solid transparent;
    border-radius: 50%;
    z-index: 1;
}
.dv-widget-ranking .dv-widget-ranking-box > .dv-widget-ranking-box-info {
    position: absolute;
    transform: translate(-50%, -50%);
}
.dv-widget-ranking .dv-widget-ranking-box > .dv-widget-ranking-box-info > h3 {
    line-height: 1.1;
    font-size: 1.4em;
    font-weight: 900;
    white-space: nowrap;
}
.dv-widget-ranking .dv-widget-ranking-box > .dv-widget-ranking-box-info > p {
    line-height: 1.1;
    white-space: nowrap;
}
.dv-widget-ranking .dv-widget-ranking-box > .dv-widget-ranking-box-info > p > strong {
    font-size: 1em;
    font-weight: 700;
}
.dv-widget-ranking .dv-widget-ranking-box > .dv-widget-ranking-box-info > p > strong:after {
    content: "명";
    font-size: .6em;
    font-weight: 500;
}
.dv-widget-ranking .dv-widget-ranking-box > .dv-widget-ranking-box-info > p > span {
    font-size: .6em;
    font-weight: 500;
}
.dv-widget-ranking .dv-widget-ranking-box > .dv-widget-ranking-box-info > p > span:before {
    content: "(";
}
.dv-widget-ranking .dv-widget-ranking-box > .dv-widget-ranking-box-info > p > span:after {
    content: ")";
}
.dv-widget-ranking .dv-widget-ranking-box.rank-1 {
    top: 20%;
    left: 0;
    width: 20%;
    transition: all .3s ease .3s;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-2 {
    bottom: 0;
    left: 22%;
    width: 18%;
    transition: all .3s ease .6s;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-3 {
    top: 4%;
    left: 34%;
    width: 16%;
    transition: all .3s ease .9s;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-4 {
    top: 40%;
    left: 52%;
    width: 14%;
    transition: all .3s ease 1.2s;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-5 {
    top: 16%;
    left: 66%;
    width: 12%;
    transition: all .3s ease 1.5s;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-6 {
    top: 54%;
    right: 16%;
    width: 10%;
    transition: all .3s ease 1.8s;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-7 {
    top: 32%;
    right: 10%;
    width: 8%;
    transition: all .3s ease 2.1s;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-8 {
    top: 56%;
    right: 4%;
    width: 6%;
    transition: all .3s ease 2.4s;
}

.dv-widget-ranking .dv-widget-ranking-box.rank-1 > .dv-widget-ranking-box-icon {
    background-color: #e60012;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-1 > .dv-widget-ranking-box-icon:after {
    border-color: #e60012;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-1 > .dv-widget-ranking-box-info {
    top: -18%;
    left: 86%;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-1 > .dv-widget-ranking-box-info > h3,
.dv-widget-ranking .dv-widget-ranking-box.rank-1 > .dv-widget-ranking-box-info > p {
    color: #e60012;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-2 > .dv-widget-ranking-box-icon {
    background-color: #00479d;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-2 > .dv-widget-ranking-box-icon:after {
    border-color: #00479d;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-2 > .dv-widget-ranking-box-info {
    top: 84%;
    left: -20%;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-2 > .dv-widget-ranking-box-info > h3,
.dv-widget-ranking .dv-widget-ranking-box.rank-2 > .dv-widget-ranking-box-info > p {
    color: #00479d;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-3 > .dv-widget-ranking-box-icon {
    background-color: #601986;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-3 > .dv-widget-ranking-box-icon:after {
    border-color: #601986;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-3 > .dv-widget-ranking-box-info {
    top: 8%;
    left: 136%;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-3 > .dv-widget-ranking-box-info > h3,
.dv-widget-ranking .dv-widget-ranking-box.rank-3 > .dv-widget-ranking-box-info > p {
    color: #601986;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-4 > .dv-widget-ranking-box-icon {
    background-color: #00a0e9;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-4 > .dv-widget-ranking-box-icon:after {
    border-color: #00a0e9;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-4 > .dv-widget-ranking-box-info {
    top: 106%;
    left: -38%;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-4 > .dv-widget-ranking-box-info > h3,
.dv-widget-ranking .dv-widget-ranking-box.rank-4 > .dv-widget-ranking-box-info > p {
    color: #00a0e9;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-5 > .dv-widget-ranking-box-icon {
    background-color: #009944;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-5 > .dv-widget-ranking-box-icon:after {
    border-color: #009944;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-5 > .dv-widget-ranking-box-info {
    top: -24%;
    left: 136%;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-5 > .dv-widget-ranking-box-info > h3,
.dv-widget-ranking .dv-widget-ranking-box.rank-5 > .dv-widget-ranking-box-info > p {
    color: #009944;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-6 > .dv-widget-ranking-box-icon {
    background-color: #009e96;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-6 > .dv-widget-ranking-box-icon:after {
    border-color: #009e96;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-6 > .dv-widget-ranking-box-info {
    top: 114%;
    left: -28%;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-6 > .dv-widget-ranking-box-info > h3,
.dv-widget-ranking .dv-widget-ranking-box.rank-6 > .dv-widget-ranking-box-info > p {
    color: #009e96;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-7 > .dv-widget-ranking-box-icon {
    background-color: #eb6100;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-7 > .dv-widget-ranking-box-icon:after {
    border-color: #eb6100;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-7 > .dv-widget-ranking-box-info {
    top: -28%;
    left: 154%;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-7 > .dv-widget-ranking-box-info > h3,
.dv-widget-ranking .dv-widget-ranking-box.rank-7 > .dv-widget-ranking-box-info > p {
    color: #eb6100;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-8 > .dv-widget-ranking-box-icon {
    background-color: #8fc31f;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-8 > .dv-widget-ranking-box-icon:after {
    border-color: #8fc31f;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-8 > .dv-widget-ranking-box-info {
    top: 174%;
    left: 50%;
}
.dv-widget-ranking .dv-widget-ranking-box.rank-8 > .dv-widget-ranking-box-info > h3,
.dv-widget-ranking .dv-widget-ranking-box.rank-8 > .dv-widget-ranking-box-info > p {
    color: #8fc31f;
}
/* 2023.08.23 추가 */

@media (max-width: 1680px) {
	.dv-gnb {
	    justify-content: flex-start;
	}
	.ul-gnb-info {
		margin: 0;
	}
}


/* 2023.10.10 추가 */
/* START :: 원문보기, 엑셀다운로드 버튼 */
#originDoc .btn-line-basic{
	width: 12%;
    height: 50px;
}

#originDoc .btn-line-basic:hover:before {
    height: 100%;
    background-color: #0068b7;
    visibility: visible;
}

#originDoc .btn-line-basic:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    visibility: hidden;
    z-index: 0;
    transition: all .6s ease 0s;
}

#originDoc .originDocList{
    transform: translateX(250px);
    opacity: 0;
    transition: 1s;
    position: relative;
    z-index: -1;
}

#originDoc .originDocList.active{
    transform: translateX(0);
    opacity: 1;
    transition: 1s;
    z-index: 1;
}

#originDoc .btn-constom {
    color: #fff;
    width: 80px;
    height: 35px;
    border: 0;
    border-radius: 0;
    transition: all .6s ease 0s;
    cursor: pointer;
    font-size: 15px;
    text-align: center;
}

#originDoc .btn-constom.a{
    background: #0091d3;
}
#originDoc .btn-constom.b{
    background: #363b44;
}

/* END :: 원문보기, 엑셀다운로드 버튼 */

/* START :: 카테고리 미디어 */
#media{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    height: calc(100% - 74px);
    margin: 0;
    padding: 20px;
}

#media li{
    width: 21.5%;
    flex-direction: column;
    z-index: 0;
    margin:10px;
}

#media li + li{
    margin: 10px;
}

#media h6{
    display: block;
    position: relative;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #0068b7;
}

#media div{
    width: 100%;
    margin: 0;
}

#media a{
    width: 100%;
    margin: 0;
    display: inline-block;
    position: relative;
    max-width: calc(100% - 22px) !important;
    font-size: 18px;
    font-weight: 500;
    color: #0068b7;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
}
#media pre{
    display: none;
}
/* END :: 카테고리 미디어 */

/* 2023.10.11 추가 */
/* START :: 드랍다운 */
.dv-all-search-list .dropdown-btn{
    font-size: 20px;
    position: absolute;
    top: 26px;
    right: 23px;
    color: #fff;
    z-index: 9;
}
/* END :: 드랍다운 */

/* END :: 원문보기 */

/* START :: 팝업  */
.popup_contents > span{
    display: block;
}
/* END :: 팝업  */
.popup_contents > span:nth-child(1){font-size: 15px; color: #0068b7; margin-bottom: 5px;}
.popup_contents > span:nth-child(2){font-size: 15px; color: #666;}

/* 10.16추가 */
.dv-main-grid-footer{
    position: absolute;
    top: 26px;
    right: 158px;
}

/* 10.19추가 */
/* 미디어 검색설정 */
#media-config{}
#media-config .media-config-box{
    width:700px;
    display: flex;
}
#media-config .media-config-box label{
    font-size: 18px;
}
#media-config .media-config-box button{
    background-color: #333;
    border: 1px solid #333;
    display: block;
    width: 100px;
    height: 37px;
    color: #fff;

}
#media-config .media-config-box button span{
    font-size: 13px;
    display: flex;
    justify-content: center;
    align-content: center;
    font-weight: bold;
}


#media-config .media-config-box .media-config-box-left{
    width: 85.5%;
    border: 1px solid #ccc;
    display:flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.25rem;
    padding: 0 20px;
}

/* 외부망 레이아웃 */
/* 2022.11.03 user page layout */
.sec-user-layout {
    position: relative;
    margin:0 auto;
    max-width:720px;
}

.art-user-layout {
    position: relative;
    width: 100%;
}

.art-user-layout .dv-header-layout {
    position: relative;
    width: 100%;
    background-color: #454b57;
}

.art-user-layout .dv-header-layout > div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    position: relative;
    width: 100%;
    max-width: 1740px;
    height: 96px;
    margin: 0 auto;
    padding: 20px;
}

.art-user-layout .dv-header-layout > div > .a-logo-link {
    position: relative;
    top: auto;
    left: auto;
    width: 316px;
    height: 44px;
    background-image: url('../images/logo/logo_white.png');
}

.art-user-layout .dv-header-layout > div > h2 {
    margin-left: 20px;
    font-size: 32px;
    font-weight: 500;
    color: #fff;
    background: #454b57;
    position: absolute;
    top: 26px;
    left: 139px;
}

.art-user-layout .dv-footer-layout {
    width:720px;
    margin: 0 auto;
    position:relative;
    z-index:-1;
}

.art-user-layout .dv-footer-layout > div {
    width:720px;
    margin: 0 auto;
}

.art-user-layout .dv-user-layout {
    padding: 40px 20px 20px;
}

.art-user-layout .dv-user-layout .dv-sub-info {
    padding: 0;
    border: 0;
}

.art-user-layout .dv-canvas-info > h3 {
    position: relative;
    width: 100%;
    padding: 14px 24px;
    font-size: 18px;
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

.art-user-layout .dv-canvas-info > .a-search-results-more {
    top: 12px;
    right: 20px;
    width: 30px;
    height: 30px;
    padding: 0;
    font-size: 0;
    z-index: 3;
}

.art-user-layout .dv-canvas-info > .a-search-results-more:before {
    top: 50%;
    right: 5px;
    width: 20px;
    height: 2px;
    background-color: #fff;
    transform: translate(0, -50%);
}

.art-user-layout .dv-canvas-info > .a-search-results-more:after {
    top: 5px;
    right: 50%;
    width: 2px;
    height: 20px;
    background-color: #fff;
    transform: translate(50%, 0);
}
.lab-check input[type="checkbox"],
.lab-check input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: 0;
    border: 0;
    border-radius: 0;
    opacity: 0;
}
.lab-check span {
    display: block;
    position: relative;
    padding-left: 22px;
    color: #666;
}
.lab-check span:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border: 1px solid #ddd;
}


/* 11월2일 폰트추가 */
@font-face {
    font-family: "NanumFont";
    src: url("../../../fonts/NanumFontSetup_TTF_SQUARE/NanumSquare_acB.ttf");
}

@font-face {
    font-family: "NanumFont";
    src: url("../../../fonts/NanumFontSetup_TTF_SQUARE/NanumSquare_acEB.ttf");
}

@font-face {
    font-family: "NanumFont";
    src: url("../../../fonts/NanumFontSetup_TTF_SQUARE/NanumSquare_acL.ttf");
}

@font-face {
    font-family: "NanumFont";
    src: url("../../../fonts/NanumFontSetup_TTF_SQUARE/NanumSquare_acR.ttf");
}

@font-face {
  font-family: "Pretendard";
  font-weight: 100;
  src: url("../../../fonts/pretendard/Pretendard-Thin.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 200;
  src: url("../../../fonts/pretendard/Pretendard-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 300;
  src: url("../../../fonts/pretendard/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 400;
  src: url("../../../fonts/pretendard/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 500;
  src: url("../../../fonts/pretendard/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 600;
  src: url("../../../fonts/pretendard/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 700;
  src: url("../../../fonts/pretendard/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 800;
  src: url("../../../fonts/pretendard/Pretendard-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-weight: 900;
  src: url("../../../fonts/pretendard/Pretendard-Black.woff") format("woff");
}



/* list.jsp 에 있던 css 옮기기 */
#container span {
    cursor: pointer;
    font-family: "NanumFont";
    font-weight: bold;
}

/* 기본팝업 idx == 1 일때 제목 밑줄 삭제*/
.dv-layer .dv-layer-info > h6.type-1 {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-top: 1px solid #ccc;
    padding-top: 17px;
}

#srchlist {
    overflow-x: hidden;
}

#allList > div::-webkit-scrollbar {
    display: none;
}

/* 법령 즐겨찾기 모달 크기 변경*/
.dv-search-quick-info {
    width: 310px;
}

  #popup {
      width: 100vw;
      height: 100vh;
      background: #000;
      opacity: 50%;
      position: fixed;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      z-index: 999;
  }

  .dv-layer {
      z-index: 9999;
      position: fixed !important;
  }

      /* 게시글 글자 넘지못하게 처리 */
 .tbl-list.detail td {
     word-break: break-all !important;
 }

 #container span {
     cursor: pointer;
 }

 .lawList {
     width: 100% !important;
     border-bottom: 1px dotted #ccc !important;
 }

 .heart_mark {
     display: flex !important;
     justify-content: flex-start !important;
     align-items: flex-start !important;
     flex-direction: column;
     align-items: center;
     position: relative;
 }
 
 
/* 타이틀(제1조 목적) 왼쪽정렬 */
 .ul-list-info > li > div > a {
     margin-left: 0 !important;
     color: #0068b7 !important;
     cursor: pointer;
 }

 /* 내용 말줄임 */
 .dv-search-quick a {
     width: 100%;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }

 .dv-search-quick li i.active {
     cursor: pointer;
 }

 /* action */
 .action {
     overflow: hidden;
 }



/* 모바일 */

 .cursor{
	cursor:pointer;
 	color:#0068b7;
 }
 
 
 .search-list-new{
 	display:flex;
 	flex-direction: column;
 	font-size:18px;
 	overflow:hidden;
	height: 385px;
	position:relative;
	transition:.6s;
 }
 
 .search-list-new.vh{
 	height: 65px;
 	transition:.6s;
 }
 
 
 .search-list-new li{
 	width:100%;
 	cursor:pointer;
 	margin-bottom:10px;
 	padding-left:35px;
 	position:relative;
 	
 }
 
 .search-list-new li::after{
 	content:"▶";
 	display:block;
 	position:absolute;
 	top:0;
 	left:11px;
 	color:0068b7;
 }
 
 .search-active{
 	background:#f4f4f4;
 	font-size:20px;
 	font-weight:bold;
 	display:flex;
 	padding:15px !important;
 	order:-1;
 	margin-bottom:10px;
 }
 
 .search-active::after{
 	display:none !important;
 }
  
 .search-active p {
 	margin-right:5px;
 }

 #loading{
 	top:0;
 	left:50%;
 	transform:translateX(-50%);
 	width:720px;
 	z-index:9999;
 	display:flex;
 	align-items:center;
 	justify-content:center;
 	height:100%;
 }
 
 .search-list-down-btn{
 	position:absolute;
 	top:0;
 	right:0;
 	width:100px;
 	height:58px;
 	display:flex;
 	align-items:center;
 	justify-content:center;
 	padding-left:35px;
 }
 
 .ui-tooltip-content{
 	display:none !important;
 }
 
 .popup-item{
	transform: translateX(-20%) rotateZ(90deg);
    transform-origin: top center;
    width: 880px;
 }
 
  /* 3단팝업 높이조정 */
 .dv-list.tbl.scroll-big {
     min-height:330px;
 }
 
 .smartSpanTag:after{
    top: 18px !important;
}

 	#searchDetailBtn{
 		height:60px;
 	}
 
 /* Top Btn */
 .top-btn{
    width: 80px;
    height: 80px;
    background-color: #454b57;
    border-radius: 50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
 }
 
  
 .btn-spear{
    position: fixed;
    bottom: 80px;
    right: 30px;
 }
 
 
 @media(orientation : landscape){
 	.btn-spear{
	    position: fixed;
	    bottom: 70px;
	    right: 30px;
 	}
 	
 	.top-btn{
 		width:55px;
 		height:55px;
 	}
 	
 	.dv-search-quick-btn{
 		width:55px;
 		height:55px;
 	}
 	
 	.dv-search-quick-btn > p{
 		font-size:10px;
 	}
 	
 	.dv-search-quick-btn > i{
 	    width: 15px;
    	height: 15px;
 		background-size: 5px 6px;
 	}
 	
 	.dv-search{
 		font-size:13px;
 	}
 	
 	
 	.fset-search-info.type-1{
 		padding: 5px 20px;
 	}
 	
 	.fset-search-info.type-1 .dv-search-gradient .input-basic{
 		height:37px;
 	}
 	
 	.fset-search-info .select-basic{
 		height:33px;
 	}
 	
 	.smartSpanTag:after{
		top: 9px !important;
 	}
 	
 	#searchBtn{
 		height:45px;
 	}
 	
 	#searchDetailBtn{
 		height:45px;
 	}
 	
 	.mt-60{
		margin-top: 20px !important;
 	}
 	
 	.dv-sub-info-config > h3{
 		margin-bottom:20px;
 		padding-bottom:20px;
 	}
 	
 	.dv-sub-info-config > h3{
 		font-size:23px;
 	}
 	
 	
 	/* 상세 */
 	.search-active{
		font-size: 17px;
		padding: 10px !important;
 	}
 	
 	
 	.dv-all-search-list > div > h4{
 		padding: 10px 30px;
		font-size: 21px;
 	}
 	
 	.dv-all-search-list > div .a-search-results-more{
 		top:8px;
 	}
 	
 	.dv-all-search-list .dropdown-btn{
 		top: 11px;
 	}
 	
 	
 	.dv-all-search-list > div .ul-list-info{
 		padding:20px;
 	}
 	
 	.dv-all-search-list > div .ul-list-info > li + li{
 		margin-top:20px;
 	}
 	
 	
 	.dv-layer .dv-layer-info > pre{
 		min-height: unset;
		max-height: calc(100vh - 200px);
 	}
 	
 	.dv-layer .dv-btn-info.sm{
 		margin-bottom:20px !important;
 		margin-top:5px !important;
 	}
 	
 	
 	.popup-item{
		transform: translate(-50%, -50%);
    	transform-origin: unset;
    	width: 90vw;
 	}
 	
 	.dv-list.tbl.scroll-big{
 		min-height:unset;
 		max-height: calc(100vh - 140px);
 	}
 	
 	
 	/* 팝업창 */
 	.dv-layer > h4{
    	padding: 9px 25px;
    	font-size: 16px;
 	}
 	
 	.dv-layer > a{
 		width: 48px;
    	height: 38px;
 	}
 	
 	.dv-list.tbl.scroll-big .tbl-list thead th{
 		height: 34px;
		font-size: 12px;
 	}
 	
 	.dv-layer .dv-layer-info{
 		padding: 13px 25px;
 	}
 	
 	
 	.popup_contents > span:nth-child(1){
 		font-size:13px;
 	}
 	
 	.tbl-list.detail td pre{
 		font-size:11px;
 	}
 	
 	/* 가로모드에서는 닫기 없애기 */
 	.dv-layer .dv-btn-info.sm{
 		display:none;
 	}
  	
 	.dv-layer .dv-btn-info.sm .btn-basic > span{
 		font-size:12px;
 	}
 	
 	.btn-excel > span{
 		font-size:12px;
 	}
 	
 	.search-list-down-btn{
 		height:43.8px;
 	}
 	
 	.search-list-new.vh{
 		height:45px;
 	}
 	
 	.dv-layer .dv-layer-info{
 		max-height:unset !important;
 	}
 	
 	
 }