@charset "utf-8";

/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');*/

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(fonts/NotoSansKR-Thin.woff2) format('woff2'),
       url(fonts/NotoSansKR-Thin.woff) format('woff'),
       url(fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/NotoSansKR-Light.woff2) format('woff2'),
       url(fonts/NotoSansKR-Light.woff) format('woff'),
       url(fonts/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(fonts/NotoSansKR-Regular.woff2) format('woff2'),
        url(fonts/NotoSansKR-Regular.woff) format('woff'),
        url(fonts/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(fonts/NotoSansKR-Medium.woff2) format('woff2'),
        url(fonts/NotoSansKR-Medium.woff) format('woff'),
        url(fonts/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(fonts/NotoSansKR-Bold.woff2) format('woff2'),
        url(fonts/NotoSansKR-Bold.woff) format('woff'),
        url(fonts/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(fonts/NotoSansKR-Black.woff2) format('woff2'),
        url(fonts/NotoSansKR-Black.woff) format('woff'),
        url(fonts/NotoSansKR-Black.otf) format('opentype');
 }


@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(fonts/NanumSquareR.eot);
 src: url(fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(fonts/NanumSquareR.woff) format('woff'),
      url(fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(fonts/NanumSquareB.eot);
 src: url(fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(fonts/NanumSquareB.woff) format('woff'),
      url(fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(fonts/NanumSquareEB.eot);
 src: url(fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(fonts/NanumSquareEB.woff) format('woff'),
      url(fonts/NanumSquareEB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(fonts/NanumSquareL.eot);
 src: url(fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),qnxmtmxmfoq
      url(fonts/NanumSquareL.woff) format('woff'),
      url(fonts/NanumSquareL.ttf) format('truetype');
}

body {font-family: 'Noto Sans KR', sans-serif !important; width:100%; min-width: 1400px;} /* 최소 해상도 변경 */

 :focus-visible {outline: 1px solid #bb0f17 !important;}

table {border-collapse:collapse;border-spacing:0;}
caption {padding:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}


input:focus, select:focus, textarea:focus {border:1px solid #bb0f17 !important; background-color:#fffcf3 !important;}
input::placeholder, textarea::placeholder {color:#ccc !important;}

.font_sq {font-family: 'NanumSquare', sans-serif !important;}
.font_noto {font-family: 'Noto Sans KR', sans-serif !important;}

.text-center {text-align:center;}
.text-right {text-align:right;}
.font-900 {font-weight:900;}
.font-700 {font-weight:700;}
.font-lt-1 {letter-spacing:-1px;}

.text-primary {color:#bb0f17 !important;}

a {color:#0c2d4a;}
a:hover {color:#195487 !important;}

.form-group {margin-bottom:0.5rem;}

ul, ol, li {list-style: none;margin: 0; padding: 0;}

/* margin */
.mgt0 {margin-top:0 !important;}
.mgl0 {margin-left:0 !important;}
.mgb0 {margin-bottom:0 !important;}
.mgr0 {margin-right:0 !important;}

.mgb5 {margin-bottom:5px!important;}
.mgb20 {margin-bottom:20px !important;}

.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}
.mgt70 {margin-top:70px !important;}
.mgt75 {margin-top:75px !important;}

.mgl3 {margin-left:3px !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}

.mgr5 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr20 {margin-right:20px !important;}

.pd0 {padding:0px !important;}
.pd10 {padding:10px !important;}
.pd5-20 {padding:5px 20px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}

.pdt0 {padding-top:0px !important;}
.pdt20 {padding-top:20px !important;}

.pdg10 {padding-left:10px !important;}
.pdg20 {padding-left:20px !important;}
.pdg30 {padding-left:30px !important;}

.pdr10 {padding-right:10px !important;}
.pdr20 {padding-right:20px !important;}

.pdb0 {padding-bottom:0px !important;}

.pt10 {padding:0 10px 0 10px !important;}

.pt05 {padding:0.2rem !important;}

.btn-primary {background:#bb0f17; border:1px solid #930f15; box-shadow:0 2px 6px 0 rgba(33, 70, 102, 0.5);}
.btn-primary:hover {background:#930f15; border-color: #930f15;}
.btn-outline-primary {color: #bb0f17; border-color: #930f15;}
.btn-outline-primary:hover {background:#bb0f17; border-color: #930f15;}
.btn-success {background:#107C41; border-color:#0e753d;}

.bg-primary {background-color:#bb0f17 !important;}
.bg-light {background:#f8f9fa !important;}

.page-logo{background:#FFF;width:14rem;}
.page-sidebar {background:#2f384b;}

.inlineB {display:inline-block;}

.breadcrumb-item + .breadcrumb-item::before {font-family: 'Font Awesome 5 Pro'; font-weight: 300; content:"\f105" }
.breadcrumb-item.active {color:#bb0f17; font-weight:500;}

/* 좌측 메뉴 영역 */
.primary-nav .nav-menu:first-of-type {margin-top:0;}
.info-card-text > span {font-size:100%;}
.nav-menu li {border-bottom: 1px dotted #4e5d7c;}
.nav-menu li.active {background:#0a1428;}
.nav-menu li a {color:#8ea5ba; letter-spacing:-1px;}
.nav-menu li.active > a {box-shadow:inset 3px 0 0 #a1c515; color:#f6ff00;}

.nav-menu li a > [class*='fa-'], .nav-menu li a > .ni {color:#8ea5ba;}
.nav-menu li.active > a [class*='fa-'] {color:#a1c515;}

.nav-menu li > ul {padding-top:0; padding-bottom:0;}
.nav-menu li > ul > li:first-child {border-top: 1px dotted #4e5d7c;}
.nav-menu li > ul > li:last-child {border-bottom: 0;}
.nav-menu li > ul li a {color:#FFF; font-size:12px; padding:0.5rem 2rem 0.5rem 4rem;}
.nav-menu li > ul li a:hover {color:#b81117 !important;}

.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {border-left:1px solid #b8111194;}
.mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul > li a:after {background-color:#b81117;}

.nav-menu li.active:not(.open) > a:before {color:#b91217;}
.nav-menu li > ul li.active > a {color:#f6ff00;}
.nav-menu li > ul li > ul li, .nav-menu li > ul li > ul li.active {background:#400f12;}
.nav-menu li > ul li > ul li.active > a {color:#f6ff00;}
.nav-menu li > ul li > ul li a {color:#FFF; padding:0.5rem 2rem 0.5rem 3.75rem;}

.breadcrumb > li.breadcrumb-item {max-width:160px;}

.page-content-wrapper {background-color:#fffdfa;}

.panel-hdr h2 {font-size:1rem; font-weight:500;}
.help {margin-bottom: 0; margin-block-start: 0; margin-block-end: 0; line-height:200%;}

.panel-tag {background:#cedce2; color:#333; font-size:16px; font-weight:700;}
.dataview { position: absolute; top: 10px; right: 20px;}
.dataText {text-align: center;position: absolute; top: 42%; left: 50%; transform: translate(-50%, -50%);}
hr {border-bottom:1px dashed #d3d3d3;}

/* dashboard */
.subheader {margin-bottom:0;}
.emo {font-size:50px; text-align:center;}
.emoBar {margin : 0 10px 6px 10px;}
.emoBar .denial {line-height:30px; color:#FFF; width:40%; display:inline-block; background:#ff0100;}
.emoBar .positive {line-height:30px; color:#FFF; width:60%; display:inline-block; background:#008000;}

.issuArea {display:inline-block; border-right:1px dotted #cdcdcd; padding:20px; height:300px;}
.issuArea .icnbg {width:100px; height:100px; line-height:100px;}
.issuStat {background:#f5f5f5; border:1px solid #dcdcdc; border-radius:5px; height:300px;}
.issuStat p {font-size:20px;  margin-block-start:0;}
.issuStat p span.num {font-size:60px; font-weight:900;}

/* right bottom QuickMenu */
.menu-item, label.menu-open-button {background:#195487;}
.menu-item:hover {background:#b81117; color:#FFF !important;}
label.menu-open-button:hover {background:#b81117; border:1px solid #b81117;}

.custom-control-input:checked ~ .custom-control-label::before {background:#bb0f17; border-color:#b5121a;}

.nav-item {background:rgba(0,0,0,0.07); margin-left:2px; border-radius:3px;}
.nav-item >a:hover {color:#FFF;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background:#bb0f17 url(../img/contents/bg_tabCheck.png)no-repeat 10% 50%;}
.nav .nav-link:not([class^="btn-"]):not([class*=" btn-"])  {font-size:120%; font-weight:500;  color:#999;}
.nav-tabs {border-bottom:1px solid rgb(187 15 23);}
.nav-tabs .nav-item .nav-link.active:not(:hover) {color:#bb0f17; font-weight:700;}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {border-color:rgb(187 15 23) rgb(187 15 23) #fff; background-color: #fffdfa;}

.shortcut-menu {bottom:2.5rem;}

/* 알림 경고창 */
/*.swal2-title {font-size:24px; margin-top:20px;}*/
.swal2-styled.swal2-confirm {background-color:#3f51b5;}

.chartInfo {float:left; margin:7px 20px; text-align:left;}
.chartSetting {margin:20px 20px 10px 0; text-align:right;}
.chartArea {padding:0 20px 20px 20px;}

/* taginput */
.bootstrap-tagsinput {border:none; box-shadow:none;}
.label {font-size:13px; padding:5px 10px;}
.label-info {background:#17a2b8; border-radius:3px;}
.label-primary {background:#0b4a8a;}

.num-st01 .rank-num {display:inline-block; width:20px; height:20px; line-height:20px; margin-right:10px; border-radius:10px; text-align:center; background:#8c9094 url('../img/contents/no_bg.png')no-repeat 0 0; color:#fff; font-size:11px;}
.num-st01 .rank-num.rank-top {background-color:#ef7b00; }
.num-st01 .rank-num.rank-middle {background-color:#1299de; }
.rank-box-content ol.num-st01 > li .rank-keyword,
.rank-box-content ol.num-st02.updown > li .rank-keyword {}
.num-st01 .rank-keyword {display:inline-block;}
.num-st01 .rank-updown {display:inline-block; width:53px; color:#919191; letter-spacing:-1px; text-align:right; float:right; font-size:85%;}
.num-st01 .rank-updown i {margin-right:5px;}
.num-st02 .rank-num {display:inline-block;width:20px;height:20px; line-height:20px;margin-right:5px;border-radius:10px;text-align:center;background: #8c9094 url('../img/contents/no_bg.png')no-repeat 0 0;color:#fff;font-size:11px;}
.num-st02 .rank-updown {display:inline-block; width:53px; color:#919191; letter-spacing:-1px; text-align:right; float:right; font-size:100%; margin-right:10px;}
.num-st02 .rank-updown i {margin-left:5px;}
.num-st02 .rank-num.three {background:#ef7b00 url('../img/contents/no_bg.png')no-repeat 0 0;}
.num-st02 .rank-num.five {background:#1299de url('../img/contents/no_bg.png')no-repeat 0 0;}
.num-st02 .rank-keyword {}
.num-st03 .rank-num { display: inline-block; width: 20px; height: 20px; line-height: 20px; margin-right:10px; border-radius: 10px; text-align: center; background-color: #8c9094; color: #fff; font-weight: bold; }
.num-st03 li:nth-child(n+6) .rank-num { background-color:#b9bec3; }

.rank-box {background:#fff; border:1px solid #ced8e3;}
.rank-box .rank-box-title {padding:10px; background-color:#cdcdcd; color:#fff; font-weight:500; text-align:center; }
.rank-box .rank-box-title.on {background-color: #006dba; }
.rank-box .rank-box-title.red {background:#f40050;}
.rank-box .rank-box-title.yellow {background:#f4c300;}
.rank-box .rank-box-title.green {background:#53af31;}
.rank-box .rank-box-title h5 {margin:0; font-size:16px; color:#FFF; font-weight:500;}
.rank-box .rank-box-content {border-radius:.25rem;}
.rank-box .rank-box-content ol > li {position:relative; padding:7px 10px 7px 10px; background-color:#fff; border-bottom:1px solid #f0f0f0; font-size:100%}
.rank-box .rank-box-content ol > li.gubun {background:#f4f4f4;}
.rank-box .rank-box-content ol > li.end {border-bottom:0;}
.rank-box .rank-box-content ol > li:hover {background-color: #fcffee; cursor: pointer; }
.rank-box .rank-box-content ol > li span, .rank-keyword .ellipsis{vertical-align:middle;}
.rank-box-content ol > li .rank-keyword {display:inline-block; /*width:100%; margin-left:-28px; padding-left:28px;*/ }
.rank-box-content ol > li .rank-keyword.ellipsis {width:60%; font-size:100%;}
.rank-box-content ol > li .rank-ana {text-align:right; display:inline-block; float:right;}
.rank-box-content ol li a {color:#333; display:block;}
.rank-box-content ol li .dropdown-menu a,
.rank-box-content ol li .dropdown-menu a:focus,
.rank-box-content ol li .dropdown-menu a:hover {color: #333; }

.issue-rank { position:relative; }
.issue-rank .issue-rank-box { float:left; margin:0 5px; padding:10px;}
.issue-rank-box { background-color:#f6fafd; border:1px solid #ced8e3; }
.issue-rank-box .rank-box-title { padding:15px 5px 17px 5px; text-align:center; }
.issue-rank-box .rank-box-title h5 {margin:0; font-size:16px; color:#333; font-weight:700; background:url('../img/contents/rank_titleBg.png')no-repeat 50% 100%; padding-bottom:20px;}
.issue-rank-box .rank-box-content { }
.issue-rank-box .rank-box-content ol > li { position:relative; padding:5px 12px; }
.issue-rank-box .rank-box-content ol > li:hover { background-color: #e2effb; cursor: pointer; }
.issue-rank-box .rank-box-content .dropdown-menu {background:#0d4f92;color:#FFF; margin:-7px 40px;}
.issue-rank-box .rank-box-content .dropdown-menu a {color:#FFF; margin-left:20px; font-size:12px;}
.issue-rank-box .rank-box-content .dropdown-menu a:hover {color:#ffdb00;}

.rank-page-button { }
.rank-page-button .btn { position:absolute; top:50%;  opacity:.7; }
.rank-page-button .btn-prev { left:0; }
.rank-page-button .btn-next { right:0; }

.issue-rank-box .rank-box-content ol li.key-load:hover >  a { color:#fff; }
.issue-rank-box .rank-box-content ol > li.key-load:hover { background-color: #6c99c3; color:#fff; }
.issue-rank-box .rank-box-content ol > li.no-data {height:330px;}
.rank-box-content .no-data {text-align:center;}
.rank-box-content .no-data img { display:inline-block; width:20px; margin-right:5px; }

.area-issue-rank {}
.area-issue-rank::after { content: ''; display: table; clear: both; }
.area-issue-rank .rank-box{ float:left; width: 16%; margin: 5px .324%; }
.area-issue-rank .rank-box-content .rank-num { display: inline-block; width: 18px; height: 18px; margin-right:10px; line-height: 20px; border-radius: 2px; text-align: center; background-color: #8c9094; color: #fff; font-weight: bold; }
.area-issue-rank.col4 .rank-box { width:24.35%; }

li.key-load {border:1px solid #1765b4;  background-color: #c6dbef;}
li.key-load a:hover {color:#FFF !important;}

.slick-slider {margin-bottom:0px;}

.col2 .filter-box-wrap { width:50%; }
.col3 .filter-box-wrap { width:33.3333337%; }
.col4 .filter-box-wrap { width:25%; }
.col5 .filter-box-wrap { width:20%; }
.col6 .filter-box-wrap { width:16.66666667%; }
.filter-box-wrap { float:left; padding:0 5px; }
.filter-box-wrap .filter-content li a span { display:inline-block; width:100%; }
.filter-box-wrap .filter-content .slimScrollDiv { overflow:inherit !important; }
/*.filter-box-wrap .filter-content .dropdown-filter {position:static}
.filter-box-wrap .filter-content li a span { display:inline-block; width:100%}
.filter-box-wrap .filter-content .slimScrollDiv { overflow:inherit !important}
.filter-box-wrap .filter-content .dropdown-filter > .dropdown-menu {top:0; left:30%; margin-top:-6px; border-radius:3px;}*/
.filter-box-wrap.disable  { opacity: .5; }
.filter-box-wrap.disable .filter-box .filter-content li { cursor: not-allowed; }
.filter-box-wrap.disable .filter-box .filter-content ol > li:hover { background-color:transparent; color:inherit; }
.filter-box-wrap.disable .filter-box .filter-content ol > li:hover > a { color:inherit; }
.filter-box-wrap.disable .filter-box .filter-content li a { pointer-events: none; }
.filter-box { border:1px solid #e5e6e7; }
.filter-box .filter-title { height:40px; padding:0 10px; border-bottom:1px solid #e5e6e7; background-color:#eef2f6; vertical-align:middle; }
.filter-box .filter-title h5 { margin:0; line-height:40px; font-weight:500; text-align:center;}
.filter-box .filter-title h5.line2 { padding-top:8px; }
.filter-box .filter-title .filter-title-option { padding-top:15px; font-weight:500; }
.filter-box .filter-title .filter-title-option .checkbox label,
.filter-box .filter-title .filter-title-option .radio label { font-weight:500; }
.filter-box .filter-content { padding:10px 0; }
.filter-box .filter-content ol { margin:0; padding:0; }
.filter-box .filter-content ol > li {}
.filter-box .filter-content ol > li:hover,
.filter-box .filter-content ol > li.open {background-color:#344554;; color:#fff; cursor:pointer; }
.filter-box .filter-content ol > li > a { display:inline-block; width:100%; height:100%; padding:5px 10px; color:#333; }
.filter-box .filter-content ol > li:hover > a { color:#fff; }
.filter-box .filter-content ol > li > button.btn-dropdown { float:right; /*position: absolute; right: 20px;top: 4px;*/margin:4px 10px 0 0; padding:2px 5px 0px 5px; font-size: 12px; color: #fff; background:#03c1ff; border-color: transparent; }
.filter-box .filter-content ol > li > a.open.btn-dropdown { color:#fff; }
.filter-box .filter-content ol > li > span { display:inline-block; /*width:100%;*/ padding:5px 10px; }
.filter-box .filter-content ol > li > .dropdown { background-color:#344554; }
.filter-box .filter-content ol > li > .dropdown > ul > li:hover { }
.filter-box .filter-content ol > li > .dropdown > ul > li > a { display: block; padding: 3px 20px; line-height: 20px; text-align: left; font-weight: normal; color:#fff; clear: both; } /* 20191218 ���� */
.filter-box .filter-content ol > li > .dropdown > ul > li > a:hover { background-color:transparent; color:#03c1ff; }
.filter-box .filter-content .dropdown-filter .dropdown { top:inherit; } /* 20191218 ���� */
.filter-box .filter-content .dropdown-filter { position:static; }
.filter-box .filter-content .dropdown-filter > span { /* width: calc(100% - 32px); width:100%;*/ margin-right:-32px; padding-right:32px; }
.filter-box-wrap .btn-dropdown.open,
.filter-box-wrap .btn-dropdown.open:hover {}
.filter-box-wrap:last-child .filter-box .filter-content .dropdown-filter > .dropdown{ left:inherit;} /* 20191218 ���� */

/* ��� �� �˻� */
h4.noPanel {background:url(../img/contents/h4_icn.png)no-repeat 5px 0; padding-left:20px;}

/* ��� �Ӽ� */
.modal-title {color:#FFF; font-weight:bold; font-size:20px; font-family: 'NanumSquare', sans-serif !important;}
.close {color:#FFF; text-shadow:none;}
.modal-footer {justify-content:center; border-top:1px solid #ddd;}
.modalchartArea {padding:20px; border:1px solid #cdcdcd;}
.modalchartSelect {border:2px solid #f06292;}

.table th, .table td {vertical-align:middle;}
table tbody tr.active {background:#f3f3f3;}

.tbListA {width:100%; font-size:100%;  background:#FFF; border-top:2px solid #696969; border-bottom:1px solid #696969; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.tbListA thead tr th {padding:10px 0 10px; font-weight:bold; color:#3e3e3e; text-align:center; vertical-align:middle; border-bottom:1px solid #6b6b6b; background:#fff6eb; border-left:1px solid #cdcdcd;}
.tbListA thead tr th:first-child {border-left:0;}
.tbListA thead tr th.CL {border-left:1px solid #cdcdcd; text-align:center;}
.tbListA tbody tr td {word-break:break-word; height:19px; padding:10px; color:#3e3e3e; vertical-align:middle; border-top:1px solid #cdcdcd; border-left:1px solid #e1e1e1; line-height:18px; font-weight:normal; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.tbListA tbody tr:first-child td {border-top:0;}
.tbListA tbody tr td:first-child {border-left:0;}
.tbListA tbody tr td.CL {border-left:1px solid #e1e1e1;}
.tbListA tbody tr td a {color:#bb0f17; font-weight:500; font-size:15px; line-height:32px;}
.tbListA tbody tr td a.de {font-size:14px;}
.tbListA tbody tr td a:hover {text-decoration:none;}
.tbListA tbody.alignC tr td {text-align:center;}
.tbListA tbody.pd10 tr td {padding:10px 5px;}
.tbListA tbody.pd10 tr td.cate {line-height:24px; vertical-align:top; padding-left:20px;}
.tbListA tbody.pd10 tr td.CL {border-left:1px solid #cdcdcd; text-align:center;}
.tbListA tbody.pd10 tr td.date {text-align:left; padding:5px; font-weight:bold;}
.tbListA tbody.pd10 tr td.memo {border-top:0px; height:70px;}
.tbListA tbody.pd10 tr td.sun {background:#fff7f9; color:#ea0732;}
.tbListA tbody.pd10 tr td.sat {background:#effdff; color:#0da4ba;}
.tbListA tbody.pd10 tr.point td {background:#ffefe9; font-weight:bold;}
.tbListA tbody.pd10 tr.Endpoint td {background:#ffcc00; font-weight:bold;}

.tbWriteA {width:100%; border-top:2px solid #6b6b6b; border-bottom:1px solid #6b6b6b; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.tbWriteA tbody tr th {height:27px; padding:10px 0; font-weight:bold; color:#3e3e3e; text-align:center; vertical-align:middle; border-top:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; background:#fff6eb;}
.tbWriteA tbody tr th:first-child {border-left:0px;}
.tbWriteA tbody tr th span {color:#f50000;}
.tbWriteA tbody tr td {height:47px; padding:10px; line-height:160%; vertical-align:middle; border-top:1px solid #e1e1e1; background:#FFF;}
.tbWriteA tbody tr td.editor { width: 100%; overflow-x: scroll; }
.tbWriteA tbody tr:first-child th, .tbWriteA tbody tr:first-child td {border-top:0;}
.tbWriteA tbody tr:last-child td #file210Area p{margin-bottom:0;}
.tbWriteA tbody tr:last-child td #file210Area li{padding:1px;}

.table-bordered {border-left:none; border-right:none;}
.table-bordered th, .table-bordered td {border:none;}
.table-striped tbody tr:nth-of-type(odd) {background-color:#f8f8f8;}
.table-hover tbody tr:hover {background:#fffdef;}

.tbIssue {border:1px solid #cdcdcd;}
.tbIssue thead tr th {text-align:center; font-size:15px;}
.tbIssue tbody tr th {text-align:center; padding:0.75rem 0.4rem;}
.tbIssue tbody tr th span.num {background:url('../img/contents/no_bg.png')no-repeat 0 0; width:20px; height:20px; display:block; border-radius:10px;}
.tbIssue tbody tr td {padding:0.75rem 0.4rem;}

.tbTime {width:100%; font-size:100%; background:#FFF; border-top:2px solid #6b6b6b; border-bottom:1px solid #6b6b6b; border-collapse:collapse; border-spacing:0; table-layout:fixed;}
.tbTime thead tr th {padding:5px 0 5px; font-weight:bold; color:#3e3e3e; text-align:center; vertical-align:middle; border-bottom:1px solid #6b6b6b; background:#FFF; border-left:1px solid #cdcdcd;}
.tbTime thead tr th:first-child {border-left:0;}
.tbTime thead tr th.CL {border-left:1px solid #cdcdcd; text-align:center;}
.tbTime tbody tr td {height:20px; color:#3e3e3e; vertical-align:middle; border-top:1px solid #cdcdcd; border-left:1px solid #e1e1e1; line-height:18px; font-weight:normal;}
.tbTime tbody.alignC tr th {text-align:center;}
.tbTime tbody.alignC tr th.now {color:#FF6600; font-weight:900;}
.tbTime tbody.alignC tr td {text-align:center;}

.pagination {margin:0 auto;}
.pagination .page-link {width:auto; height:32px; border-radius:16px; border:1px solid #EEE; background:#FFF !important; color:#333; box-sizing:border-box;}
.pagination .page-link:hover {border:1px solid #bb0f17; background:#FFF !important; color:#bb0f17 !important; box-sizing:border-box;}
.page-item.active .page-link {border:1px solid #bb0f17; background:#bb0f17 !important; color:#FFF !important; box-sizing:border-box;}
.page-item:first-child .page-link, .page-item:last-child .page-link {border-radius:16px !important;}

p.info {font-size:100%; margin-bottom:5px;}

.collapseArea {position:absolute; top:10px; right:20px;}

.progress { background-color: #dddddd; }
.correlation-list .correlation-completion .progress {margin-bottom:0; }
.progress-bar.danger { background-color: #ed232b; }
.label-state .label { display:inline-block; width:25px; height:25px; line-height:25px; padding:0; border-radius:100%; font-size:18px; margin-bottom:0;}
.rank-num-corr {color:#1765b4; font-weight:bold; text-align:center; }

.label-gradient-default,
.badge-gradient-default {
  background-color:#4a5864;
  background-image: linear-gradient( to right, #4a5864, #7a8b99 );
  background-image: -webkit-linear-gradient( right, #4a5864, #7a8b99 );
  color: #FFFFFF;
}
.label-gradient-danger,
.badge-gradient-danger {
  background-color:#ff4e00;
  background-image: linear-gradient( to right, #ff4e00, #ed2129  );
  background-image: -webkit-linear-gradient( right, #ff4e00, #ed2129  );
  color: #FFFFFF;
}
.label-gradient-primary,
.badge-gradient-primary {
  background-color:#1268b6;
  background-image: linear-gradient( to right, #1268b6, #2fb9e7 );
  background-image: -webkit-linear-gradient( right, #1268b6, #2fb9e7 );
  color: #FFFFFF;
}

/* Ű���� �м� */
.inputKeyword {border:5px solid #0b4a8a; box-sizing:border-box; border-radius:.25rem;}
.infoArea {text-align:center; padding:100px;}
.infoArea p.symbol {color:#c7d5e2; font-size:200px; line-height:200px;}
.infoArea p.text {color:#9ab5ce; line-height:160%;}
.collapseArea {position:absolute; top:20px; right:20px;}

/* �޻�� Ű���� �м� */
.keywordBox {width:20%; display:inline-block; border:1px solid #cdcdcd; margin-left:10px;}
.keywordBox .keyword {background:#effffe;}
.keywordBox .keyword p {font-size:22px; margin-bottom:0;}
.keywordBox .keyword p.updown {font-size:16px;}

.datepicker {width:300px;}

/* 좌측 메뉴 */
.page-sidebar { width:14rem; max-width:14rem;}
.info-card {width:15rem;}
.info-card .info-card-text {margin-left:0.5rem;}
.fontm {letter-spacing:-1px;}

/* 대시보드 - 긍부정 워드클라우드 변경 */
.tableWord tbody tr td {font-size:120%; border-bottom:#eee;}
.tableWord tbody.alignC tr td {text-align:center;}

.fs100 {font-size:220%; font-weight:900;}
.fs80 {font-size:200%; font-weight:900;}
.fs60 {font-size:180%; font-weight:700;}
.fs40 {font-size:160%; font-weight:700;}
.fs20 {font-size:140%; font-weight:500;}

.panel-content h4 {margin-bottom:0;}


/* widget box */
.widget-cate-box { padding: 10px; background-color: #eef2f6; border: 1px solid #c5cfd9; }
.widget-box { margin-bottom: 20px; padding: 20px; background-color: #fff; border: 1px solid #e7eaec; max-height:340px;}
.widget-box a {color:#777;}
.widget-box a:hover {color:#777;}
.widget-box p.date {margin-block-start: 0; margin-block-end: 0; line-height:100%; font-size:13px;}
.widget-box h5  {margin-top:10px; font-size:15px; font-weight:500; letter-spacing:-1px;}
.widget-box .close { position:absolute; top:5px; right:25px; color:#777; opacity:1; }

.tableSearch {width:100%; max-width:100%; border-top:2px solid #696969;}
.tableSearch thead {display:none;}
.tableSearch tbody {text-align:left;}
.tableSearch tbody tr td {padding:20px; border-bottom:1px solid #e7eaec;}
.tableSearch tbody tr td p {margin:5px 0 0 0; font-size:100%;}
.tableSearch tbody tr td p.title {color:#06a2b5; font-size:15px; font-weight:bold;}
.tableSearch tbody tr td p span {color:#999; font-size:12px; font-weight:bold;}
.tableSearch tbody tr td p span.tit {font-weight:700;color:#000;}
.tableSearch tbody tr td span.date {color:#999; line-height:30px;}
.tableSearch tbody tr td span.title {color:#06a2b5; font-size:15px; font-weight:bold;}
.tableSearch tbody tr td.right {text-align:right; vertical-align:bottom;}


.modal-fullscreen .modal-dialog {max-width:100vw; height:1024px; min-height:100vh; margin:0;}

.modal-body h1 {font-size:30px; font-weight:700;}
.modal-body h6 {font-size:13px; background:url('../img/contents/icn_h6.png')no-repeat 0 50%; padding-left:15px;}
.col4 {width:24.3% !important;}
.col5 {width:19.2% !important;}
span.dataNm {float:right;}
.areaGubun {border-top:1px dashed #cdcdcd; margin-top:20px; padding-top:30px;}

.panel-dash {border-left:1px dashed #cdcdcd;}
.panel-bg-all {border: 1px solid #bb0f17;border-top: 0; background: #fff6eb;}

/* 교육관리 */
.card-title {word-break:break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; min-height:39px;} /* 20221012 수정 */
.card-body {width:100%;}


/* 산업분류관리 */
.jstree-default .jstree-clicked {background: #ffc783; color: #222;}
.jstree-default .jstree-hovered {background: #ffc783; color: #222;}

/* 갤러리형 자료실 */
.report-title {position:absolute; bottom:0; background:rgba(0,0,0,0.7);}

.tooltip-inner {max-width:100%; width:auto; padding:10px 20px 10px 20px; text-align:left;}

/* 방문한 페이지 */
.alert {display:inline-block; margin-bottom:1rem; padding:0.5rem 2rem 0.5rem 1rem; letter-spacing:-0.5px;}
.alert-dismissible .close {padding:0.4rem 0.5rem;}

/* 캘린더 레이어 */
.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.selected, .datepicker table tr td.selected.highlighted, .datepicker table tr td span.active.active, .datepicker table tr td span.focused
{background-color: #bb0f17; border-color: #930f15;}

/* 온라인 교육 - 유튜브 사이즈 */
.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

/* 대시보드 검색창 */
.total-search {height:50px; border:3px solid #bb0f17;box-sizing:border-box; color:#bb0f17; font-size:18px; font-weight:700;}
input.total-search::placeholder {font-weight:normal !important; color:#cdcdcd;}

/* 폰트 줄임 */
.wb {white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; word-break: break-word;}
.wbNone {white-space: normal !important;  text-overflow: unset !important; overflow: auto !important; word-break: keep-all !important;}

/* 자동완성 */
.searchPopup {position:absolute;top:37px; left:0; padding:15px;background-color:#FFF; border:1px solid #bb0f17; z-index:950;color:#333; border-radius:3px;width:100%;}
.searchInput{position:relative; width:100%;}
.searchPopup li {padding:3px;}
.disNone{display:none;}

/* 공통모달 영역 */
.commonArea {border:1px solid #cdcdcd; width:100%; border-radius:3px;}
.commonArea .title {background:#fff6eb; font-size:16px; font-weight:500; text-align:center; padding:10px; border-bottom:1px solid #e1e1e1;}
.commonArea ul.comList {margin:10px 0 10px 0; width:100%;}
.commonArea ul.comList li {display:block;}
.commonArea ul.comList li a {padding: 5px 30px 5px 30px; display:block; border-top:1px solid #FFF; border-bottom:1px solid #FFF; }
.commonArea ul.comList li a:hover {background:#cdcdcd;  color:#FFF !important;}
.commonArea ul.comList li a.active {background:#bb0f17;color:#FFF !important;}

/* 인사이트 */
span.no {width:32px; height:32px; border-radius:16px; text-align:center; background:#747474 url('../img/layout/bg_num.png')no-repeat 50% 50%; display:inline-block; line-height:32px; margin-right:10px; color:#FFF;}
span.no3 {width:32px; height:32px; border-radius:16px; text-align:center; background:#bb0f17 url('../img/layout/bg_num.png')no-repeat 50% 50%; display:inline-block; line-height:32px; margin-right:10px; color:#FFF;}
span.no5 {width:32px; height:32px; border-radius:16px; text-align:center; background:#416bb8 url('../img/layout/bg_num.png')no-repeat 50% 50%; display:inline-block; line-height:32px; margin-right:10px; color:#FFF;}

#skipNav {position:relative;z-index:9999; width:100%;}
#skipNav a {position: absolute; top: -200px; left:0; width: 100%; line-height: 30px; background-color: #333; color:#FFF; text-align:center;}
#skipNav a:focus,
#skipNav a:active {top: 0;}

/* System Popup */
.popWrap {position: absolute; min-width:320px; border: 1px solid #e9e9e9;top:0;left:0;z-index:999999999;background: #fff; font-size: 16px;}

/* 대쉬보드 조회수  */
.btn-hit { display: flex; flex-direction: column; align-items: center; font-size: 0.85rem; color: #767676; background: #f1f1f1; border: 1px solid #dbdbdb; box-shadow: 0 2px 6px 0 rgb(186 186 187 / 50%); transition: all 0.3s; }
.btn-hit > .badge{ color:#fff; background: #dd3d31!important;}
.btn-hit:hover,
.btn-hit:focus,
.btn-hit.active { margin-top: -5px; color: #dd3d31; font-weight: 500; background:#fff; border: 1px solid #e77c74; box-shadow: 0 2px 6px 0 rgb(186 186 187 / 80%);}

/* ecplaza - kkm 작업 20240314 */
.badge.redwhite { padding: 0.5rem 1.125rem; font-size: 12px; line-height: 1.47; border-radius: 4px; text-align: center; vertical-align: middle; color: #dd3d31; font-weight: 500; background: #fff; border: 1px solid #e77c74; box-shadow: 0 2px 6px 0 rgb(186 186 187 / 80%);}
.badge.redwhite i { font-size: 1rem; }
button.badge.redwhite{font-size: 13px!important;}
button.badge.redwhite:hover {font-size: 13px!important; background-color:#fff1f1;}

.tbWriteA.Osys-popup {clear:both;}
.tbWriteA.Osys-popup thead tr th{border-bottom:1px solid #e1e1e1;}
.tbWriteA.Osys-popup thead tr th:last-child{border-right: 0px}
.tbWriteA.Osys-popup tbody tr:nth-of-type(odd) td {background-color: #f7f7f7!important;}
.tbWriteA.Osys-popup tbody tr td {border-left:1px solid #e1e1e1;}
.tbWriteA.Osys-popup tbody tr td:first-child {border-left:0px}

/* 해외인증 조사 신청 */
.tbWriteA.cer-req { clear:both;}
.tbWriteA.cer-req tbody tr td { min-height: 47px; }
.tbWriteA.cer-req .col-part { display: flex;}
.tbWriteA.cer-req .col-part .input-group { flex: 1;}
.tbWriteA.cer-req .col-part span { flex: 1}

.tbWriteA.cer-req-pop { clear:both; }
.tbWriteA.cer-req-pop tbody tr td { display: table-cell;}
.tbWriteA.cer-req-pop tbody tr td .form-control { display: inline-block; }
.tbWriteA.cer-req-pop tbody tr td .form-control + .custom-control-inline { margin-left: 10px; }

.h12-space { display: block; height: 12px; }
.h0-space { display: block; height: 0px; }

/*  규제정보관리 - 시행중 규제 - 인증 - 팝업 메시지 */
.tbWriteA.cer-req-pop tbody tr td:last-child {border-left: 1px solid #e1e1e1;}
.tbWriteA.cer-req-pop .type-yn{ display: flex; flex-direction: row; min-width: 210px; align-items: center;}
.tbWriteA.cer-req-pop .type-yn .custom-control-inline { margin-right: 0.7rem}
.modal-content.data-sbox { margin: 4px 4px 4px -4px; border: 1px solid #ddd; padding: 0px; min-width: 50%; min-height: 280px; overflow-y: scroll;}
.modal-content.data-sbox strong { font-size: 15px; margin-bottom: 0px; padding: 10px; color: #212529; font-weight: 500; background: #ab8d59;}
.modal-content.data-sbox strong em { padding: 2px 6px; border-radius: 50%; background-color:#fff; font-style: normal;}
.modal-content.data-sbox span { display: block; padding: 10px;}
.modal-content.data-sbox ul { padding: 10px; }
.modal-content.data-sbox ul li { word-wrap: break-word; }
.modal-content.data-sbox p { display: block!important; margin-bottom: 5px!important; font-size: 14px!important; word-wrap: break-word;}
.modal-content.msg-sbox { display: flex; margin: 0 auto; width: 80%; height: 200px; align-content: center; justify-content: center; align-items: center; border: 10px solid #cea990;box-shadow: 5px 5px 20px 5px rgba(0, 0, 0, 0.2);}
.modal-content.msg-sbox .msg-txt{ display: flex; padding: 10px; font-size: 16px; font-weight: 500; min-height: 200px; justify-content: center; align-items: center; color: #6d4500; word-wrap: break-word;}
/* .modal.fade.show { border:1px solid red}
.modal.fade.show .modal-dialog > .modal-contnet { border:2px solid green; width: 200px; height: 250px; } */

/* 탄소배출 20250708-add*/
.ta_carbonForm__scrollx{overflow-x: auto; width: 100%;}
.ta_carbonForm {min-width: 1200px; max-width: none!important;}
.tbListA.ta_carbonForm.typeA thead tr:nth-of-type(2) th:first-child { border-left: 1px solid #cdcdcd!important;}

.tbListA.ta_carbonForm tbody tr th {text-align: center; }
.tbListA.ta_carbonForm tbody tr td .form-control { padding: 0.5rem 0.2rem!important;}