@charset "utf-8";

/* 헤더 */
#header_container .logo-area h2 span.grade.grade-9 { color: #186DCC; }
#header_container .logo-area h2 span.grade.grade-8 { color: #186DCC; }
#header_container .logo-area h2 span.grade.grade-7 { color: #186DCC; }
#header_container .logo-area h2 span.grade.grade-6 { color: #59BFEF; }
#header_container .logo-area h2 span.grade.grade-5 { color: #59BFEF; }
#header_container .logo-area h2 span.grade.grade-4 { color: #59BFEF; }
#header_container .logo-area h2 span.grade.grade-3 { color: #3fa449; }
#header_container .logo-area h2 span.grade.grade-2 { color: #3fa449; }
#header_container .logo-area h2 span.grade.grade-1 { color: #3fa449; }



#header_container.full-text-on ~ .info-container { padding-top: 0; }
/* #info_container .report-content-area .report-content { max-width: 1900px; margin: 0 auto; } */
#info_container .report-content-area .report-content .browsing-area { position: relative; border: 1px solid #dee3eb; margin-bottom: 30px; }

#info_container .report-content-area .report-content .browsing-area .header { background: #fff; height: 40px; padding: 0 15px; transition: height .25s ease; border-bottom: 1px solid #dee3eb; }
#info_container .report-content-area .report-content .browsing-area .header .type-select { display: inline-block; float: left; height: 100%; }
#info_container .report-content-area .report-content .browsing-area .header .search-box { display: inline-block; float: left; }
#info_container .report-content-area .report-content .browsing-area .header .type-select a { display: inline-block; height: 100%; font-size: 1.2rem; color: #999; line-height: 38px; padding: 0 10px; position: relative; }
#info_container .report-content-area .report-content .browsing-area .header .type-select a.select { font-weight: bold; color: var(--navy-color); }
#info_container .report-content-area .report-content .browsing-area .header .type-select a.select:after { position: absolute; content: ''; left: 0; bottom: 0; left: 0; width: 100%; height: 2px; background: var(--navy-color); }
#info_container .report-content-area .report-content .browsing-area .header .search-box { height: 35px; background: #f8f8f8; position: relative; border-radius: 3px; width: 250px; margin-top: 7px; margin-left: 20px; cursor: pointer; transition: box-shadow .25s ease; transition: width .25s ease; }
#info_container .report-content-area .report-content .browsing-area .header .search-box input[type=text] { width: 100%; height: 100%; border: none; background: transparent; outline: 0; padding-left: 10px; letter-spacing: 0; cursor: pointer; border-radius: 3px; }
#info_container .report-content-area .report-content .browsing-area .header .search-box input[type=text]:hover,
#info_container .report-content-area .report-content .browsing-area .header .search-box input[type=text]:active,
#info_container .report-content-area .report-content .browsing-area .header .search-box input[type=text]:focus { box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1) inset; } 
#info_container .report-content-area .report-content .browsing-area .header .search-box .search-btn { position: absolute; top: 50%; margin-top: -10px; right: 10px; width: 20px; height: 20px; border: none; background: none; outline: 0; }
#info_container .report-content-area .report-content .browsing-area .header .array-btn-wrap { float: right; }
#info_container .report-content-area .report-content .browsing-area .header .array-btn-wrap a { font-size: 1.2rem; height: 100%; display: inline-block; line-height: 38px; opacity: .4; font-weight: 500; margin-right: 10px; transition: opacity .25s ease; padding-right: 18px; background: url(../../img/svg/up_down_normal_ico.svg) no-repeat; background-position: right center; background-size: 15px 15px;}
#info_container .report-content-area .report-content .browsing-area .header .array-btn-wrap a.up { background: url(../../img/svg/up_down_up_ico.svg) no-repeat; background-position: right center; background-size: 15px 15px;}
#info_container .report-content-area .report-content .browsing-area .header .array-btn-wrap a.down { background: url(../../img/svg/up_down_down_ico.svg) no-repeat; background-position: right center; background-size: 15px 15px;}
#info_container .report-content-area .report-content .browsing-area .header .array-btn-wrap a.reset { background: url(../../img/svg/reset_ico.svg) no-repeat; background-position: right center; background-size: 15px 15px;}
#info_container .report-content-area .report-content .browsing-area .header .array-btn-wrap a:hover { opacity: 0.9; }
#info_container .report-content-area .report-content .browsing-area .header .array-btn-wrap a:last-child { margin-right: 0; }
#info_container .report-content-area .report-content .browsing-area .header .array-btn-wrap a.select { opacity: 1; color: #2b3245; font-weight: bold; }

#info_container .report-content-area .report-content .browsing-area .header .content-type-select { float: right; margin-left: 20px; }
#info_container .report-content-area .report-content .browsing-area .header .content-type-select a { font-size: 1.2rem; height: 100%; line-height: 38px; font-weight: 500; opacity: .4; padding: 0 5px; transition: opacity .25s ease; }
#info_container .report-content-area .report-content .browsing-area .header .content-type-select a.select { opacity: 1; }
#info_container .report-content-area .report-content .browsing-area .header .content-type-select a:hover { opacity: 0.9; }
#info_container .report-content-area .report-content .browsing-area .header .content-type-select a img { width: 17px; margin-top: 11px; margin-right: 4px; }

#info_container .report-content-area .report-content .browsing-area .body { background: #fff; overflow: hidden; max-height: 40px; }
#info_container .report-content-area .report-content .browsing-area .body ul.category-list { padding: 15px 20px; padding-bottom: 8px; }
#info_container .report-content-area .report-content .browsing-area .body ul.category-list li:last-child { margin-left: 0; }
#info_container .report-content-area .report-content .browsing-area .body ul.category-list li { display: inline-block; margin-right: 15px; margin-bottom: 12px; cursor: default; letter-spacing: 0; font-size: 1.25rem; color: #555; position: relative; line-height: 15px; font-weight: 500; transition: color .25s ease; }
#info_container .report-content-area .report-content .browsing-area .body ul.category-list li a:hover { color: var(--theme-color); }
#info_container .report-content-area .report-content .browsing-area .body ul.category-list li .dot { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #999; margin-right: 5px; margin-bottom: 3px; transition: background .25s ease; }
#info_container .report-content-area .report-content .browsing-area .body ul.category-list li:hover .dot { background: #555; }
#info_container .report-content-area .report-content .browsing-area .body ul.category-list li .label-wrap { display: inline-block; margin-left: 3px; }
#info_container .report-content-area .report-content .browsing-area .body ul.category-list li .label-wrap .label { font-family: 'Arial','Malgun Gothic','Dotum'; font-size: 1.1rem; background: #F2F2F7; padding: 0 8px; height: 16px; line-height: 16px; display: inline-block; border-radius: 12px; color: #222; }
#info_container .report-content-area .report-content .browsing-area .body ul.category-list li .view-btn { display: inline-block; margin-right: 3px; opacity: 0.4; transition: opacity .25s ease; }
#info_container .report-content-area .report-content .browsing-area .body ul.category-list li .view-btn:hover { opacity: 1; }
#info_container .report-content-area .report-content .browsing-area .body ul.category-list li .view-btn img { width: 14px; height: 14px; margin-top: 2px; }

#info_container .report-content-area .report-content .browsing-area .body ul.category-list li.disable { cursor: not-allowed; opacity: 0.3; }
#info_container .report-content-area .report-content .browsing-area .body ul.category-list li.disable a { cursor: not-allowed; font-weight: 300; letter-spacing: 0; }
#info_container .report-content-area .report-content .browsing-area .body ul.category-list li.disable a:hover { color: #2b3245; }
#info_container .report-content-area .report-content .browsing-area .body ul.category-list li.disable:hover .dot { background: #999; }
#info_container .report-content-area .report-content .browsing-area .body ul.category-list li.disable .label-wrap .label .patent-num-tot { display: none; }

#info_container .report-content-area .report-content .browsing-area .body .breadcrumb { width: 100%; min-height: 30px; background: #f8f8f8; border-bottom: 1px solid #eee; padding: 10px 15px; }
#info_container .report-content-area .report-content .browsing-area .body .breadcrumb ul li { display: inline-block; font-family: 'Arial'; }
#info_container .report-content-area .report-content .browsing-area .body .breadcrumb ul li a { font-size: 1.2rem; letter-spacing: 0; color: #555; transition: color .25s ease;  }
#info_container .report-content-area .report-content .browsing-area .body .breadcrumb ul li a:hover { color: #222; text-decoration: underline; }
#info_container .report-content-area .report-content .browsing-area .body .breadcrumb ul li.arrow { margin: 0 5px; cursor: default; }

#info_container .report-content-area .report-content .browsing-area .body table { width: 100%; border: 1px solid #ddd; font-size: 1.2rem; }
#info_container .report-content-area .report-content .browsing-area .body table th { background: #eee; padding: 10px; text-align: center; font-weight: bold; border-right: 1px solid #ddd; position: relative; }
#info_container .report-content-area .report-content .browsing-area .body table th.check-col { width: 35px; }
#info_container .report-content-area .report-content .browsing-area .body table th.check-col { width: 35px; }
#info_container .report-content-area .report-content .browsing-area .body .list-table table th { padding: 7px; }
#info_container .report-content-area .report-content .browsing-area .body .list-table table th.has-order { padding: 7px 23px; }
#info_container .report-content-area .report-content .browsing-area .body table th:last-child { border-right: none; }
#info_container .report-content-area .report-content .browsing-area .body table td { text-align: center; padding: 10px; border-right: 1px solid #ddd; }
#info_container .report-content-area .report-content .browsing-area .body table td.category { text-align: left; }
#info_container .report-content-area .report-content .browsing-area .body table td.category .plus img { width: 14px; height: 14px; margin-top: 2px; margin-right: 2px; opacity: 0.4; transition: opacity .25s ease; }
#info_container .report-content-area .report-content .browsing-area .body table td.category .plus:hover img { opacity: 1; }
#info_container .report-content-area .report-content .browsing-area .body .list-table table td { padding: 7px; }
#info_container .report-content-area .report-content .browsing-area .body table td:last-child { border-right: none; }
#info_container .report-content-area .report-content .browsing-area .body table td a:hover { color: var(--theme-color); text-decoration: underline; }
#info_container .report-content-area .report-content .browsing-area .body table tr { border-bottom: 1px solid #ddd; }
#info_container .report-content-area .report-content .browsing-area .body table tbody tr { transition: background .25s ease; }
#info_container .report-content-area .report-content .browsing-area .body table tbody tr:hover { background: #f2f2f7; }
#info_container .report-content-area .report-content .browsing-area .body table tbody tr.top-result { background-color: #e8eeff; }
#info_container .report-content-area .report-content .browsing-area .body table tr:last-child { border-bottom: none; }
#info_container .report-content-area .report-content .browsing-area .body table thead tr:last-child { border-bottom: 1px solid #ddd; }
#info_container .report-content-area .report-content .browsing-area .body table tbody tr .view-btn { display: inline-block; margin-left: 3px; opacity: 0.4; transition: opacity .25s ease; }
#info_container .report-content-area .report-content .browsing-area .body table tbody tr .view-btn:hover { opacity: 1; }
#info_container .report-content-area .report-content .browsing-area .body table tbody tr .view-btn img { width: 14px; height: 14px; margin-top: 2px; }

#info_container .report-content-area .report-content .browsing-area .body table tbody tr td a {text-decoration: none !important; color: #2b3245;}
#info_container .report-content-area .report-content .browsing-area .body table tbody tr td a:hover { color: var(--theme-color); }
#info_container .report-content-area .report-content .browsing-area .body table tbody tr td.disable { cursor: not-allowed; opacity: 0.3; }
#info_container .report-content-area .report-content .browsing-area .body table tbody tr td.disable a { cursor: not-allowed; font-weight: 300; letter-spacing: 0; }
#info_container .report-content-area .report-content .browsing-area .body table tbody tr td.disable a:hover { color: #2b3245; }
#info_container .report-content-area .report-content .browsing-area .body table tbody tr td.disable img { display:none; }

#info_container .report-content-area .report-content .browsing-area .on-off-btn { position: absolute; z-index: 2; width: 50px; height: 15px; background: #fff; text-align: center; border-left: 1px solid #dee3eb; bottom: -15px; border-right: 1px solid #dee3eb; border-bottom: 1px solid #dee3eb; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; left: 50%; margin-left: -25px; overflow: hidden; }
#info_container .report-content-area .report-content .browsing-area .on-off-btn img { width: 30%; }

#info_container .report-content-area .report-content .browsing-area #body_on_off_toggle ~ .on-off-btn .down-img {display:inline-block;}
#info_container .report-content-area .report-content .browsing-area #body_on_off_toggle ~ .on-off-btn .up-img {display:none;}
#info_container .report-content-area .report-content .browsing-area #body_on_off_toggle:checked ~ .on-off-btn .down-img {display:none;}
#info_container .report-content-area .report-content .browsing-area #body_on_off_toggle:checked ~ .on-off-btn .up-img {display:inline-block;}
#info_container .report-content-area .report-content .browsing-area #body_on_off_toggle:checked ~ .body { max-height: none; }

#info_container .report-content-area .report-content .report { border: 1px solid #dee3eb; padding: 70px 20px 25px; position: relative; background: #fff; }

#info_container .report-content-area .report-content .report .subject-select-wrap { position: absolute; z-index: 2; left: 0; top: 0; height: 45px; width: 100%; border-bottom: 1px solid #dee3eb; overflow: hidden; cursor: pointer; padding: 0 25px; }
#info_container .report-content-area .report-content .report .subject-select-wrap:after { position: absolute; width: 50px; height: 100%; top: 0; right: 0; content: ''; z-index: 2; background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255,255,255,0.1)), color-stop(1, #ffffff)); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff 100%); background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%, #ffffff 100%); background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%, #ffffff 100%); background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%, #ffffff 100%); background: linear-gradient(left,  rgba(255,255,255,0) 0%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='#ffffff', gradientType=1); }
#info_container .report-content-area .report-content .report .subject-select-wrap ul { overflow-x: auto; white-space: nowrap; -ms-overflow-style: none; height: 85px; cursor: pointer; }
#info_container .report-content-area .report-content .report .subject-select-wrap ul li { display: inline-block; height: 44px; margin: 0 5px; }
#info_container .report-content-area .report-content .report .subject-select-wrap ul li:last-child { margin-right: 0; }
#info_container .report-content-area .report-content .report .subject-select-wrap ul li:first-child { margin-left: 0; }
#info_container .report-content-area .report-content .report .subject-select-wrap ul li a { display: block; height: 100%; line-height: 44px; font-size: 1.4rem; color: #888; padding: 0 20px; position: relative; }
#info_container .report-content-area .report-content .report .subject-select-wrap ul li.select a { font-weight: bold; }
#info_container .report-content-area .report-content .report .subject-select-wrap ul li.select a:after { position: absolute; content: ''; width: 100%; height: 2px; bottom: 0; left: 0; }

.enterprise #info_container .report-content-area .report-content .report .subject-select-wrap ul li.select a { color: #262932; }
.technology #info_container .report-content-area .report-content .report .subject-select-wrap ul li.select a { color: var(--navy-color); }
.agent #info_container .report-content-area .report-content .report .subject-select-wrap ul li.select a { color: #360E68; }
.researcher #info_container .report-content-area .report-content .report .subject-select-wrap ul li.select a { color: #00515B; }

.enterprise #info_container .report-content-area .report-content .report .subject-select-wrap ul li.select a:after { background: #262932; }
.technology #info_container .report-content-area .report-content .report .subject-select-wrap ul li.select a:after { background: var(--navy-color); }
.agent #info_container .report-content-area .report-content .report .subject-select-wrap ul li.select a:after { background: #360E68; }
.researcher #info_container .report-content-area .report-content .report .subject-select-wrap ul li.select a:after { background: #00515B; }

#info_container .report-content-area .report-content .report .subject-select-wrap .navi-btn { position: absolute; z-index: 3; top: 10px; background: #505357; border: none; height: 25px; width: 16px; border-radius: 4px; outline: 0; transition: background .25s ease,box-shadow .25s ease; }
#info_container .report-content-area .report-content .report .subject-select-wrap .navi-btn:hover { background: #5E6166; box-shadow: 0 2px 4px 3px rgba(0,0,0,0.1); }
#info_container .report-content-area .report-content .report .subject-select-wrap .navi-btn.left { left: 9px; }
#info_container .report-content-area .report-content .report .subject-select-wrap .navi-btn.right { right: 9px; }
#info_container .report-content-area .report-content .report .subject-select-wrap .navi-btn img { margin-top: 1px; }
#info_container .report-content-area .report-content .report .subject-select-wrap .navi-btn:disabled { opacity: 0.2; cursor: not-allowed; }

#info_container .report-content-area .report-content .report .content-box { margin-bottom: 30px; }
#info_container .report-content-area .report-content .report .content-box:last-child { margin-bottom: 0; }
/* #info_container .report-content-area .report-content .report .report-header { border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; padding-bottom: 20px; } */
#info_container .report-content-area .report-content .report .report-header { border-bottom: 1px solid #e5e5e5; margin-bottom: 20px; padding-bottom: 30px; }
#info_container .report-content-area .report-content .report .report-header .content-title { font-size: 1.8rem; display: block; margin-bottom: 10px; font-weight: 800; position: relative; }
#info_container .report-content-area .report-content .report .report-header .content-title .title-area { width: calc(100% - 200px); word-break: break-word; display: inline-block; }
#info_container .report-content-area .report-content .report .report-header .content-title img { width: 20px; margin-right: 5px; margin-top: 4px; }
#info_container .report-content-area .report-content .report .report-header .content-title .down-btn { background: #2A5696; border: none; height: 35px; color: #fff; letter-spacing: 0; font-size: 1.3rem; font-weight: 300; padding: 0 15px; border-radius: 3px; outline: 0; transition: box-shadow .25s ease; position: absolute; right: 0; top: -5px; }
#info_container .report-content-area .report-content .report .report-header .content-title .down-btn:hover{ box-shadow: 0 2px 7px 4px rgba(0,0,0,0.15); }
#info_container .report-content-area .report-content .report .report-header .content-title .down-btn img { width: 20px; height: 20px; margin-right: 5px; margin-top: 1px; }
#info_container .report-content-area .report-content .report .content-box .detail-content-title { font-size: 1.6rem; display: block; margin-bottom: 5px; }
#info_container .report-content-area .report-content .report .content-box .detail-content-title img { width: 15px; margin-right: 5px; margin-top: 5px; }

/* Design 페이지용 DESCRIPTION영역 CSS. 구조 차이로 디자인 페이지에서만 적용 */
#info_container .report-content-area .report-content .report .report-header .description { margin-top: 10px; position: relative; }
#info_container .report-content-area .report-content .report .report-header .description .dsc-text { font-size: 1.5rem; font-weight: 300; color: #666; letter-spacing: 0; line-height: 1.4; position: relative; margin-bottom: 20px; max-height: 65px; overflow: hidden; display: -webkit-box; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
#info_container .report-content-area .report-content .report .report-header .description .dsc-text > img { width: 15px; margin-right: 5px; margin-top: 2px; }
#info_container .report-content-area .report-content .report .report-header .description .acd-arrow { position: absolute; bottom: -24px; right: 0; cursor: pointer; width: 20px; height: 20px; background:#c0c0c0; border-radius: 5px; opacity: 0.5; text-align: center; }
#info_container .report-content-area .report-content .report .report-header .description .acd-arrow:hover { opacity: .7; }
#info_container .report-content-area .report-content .report .report-header .description .acd-arrow .icon { width: 20px; height: 20px; }
#info_container .report-content-area .report-content .report .report-header .description.open .dsc-text { max-height: unset; overflow: inherit; display: block; -webkit-line-clamp: inherit; }
#info_container .report-content-area .report-content .report .report-header .description.open .acd-arrow .icon { transform: rotate(180deg); }

/* DESCRIPTION 영역 CSS (ROBOTIC_COMMENT와 HEADTITLE_ONWEB) 시작 */
/* 현재 프로그램에서 사용되는 CSS. DESCRIPTION 영역의 구조 차이로 디자인페이지에서는 주석 처리 (프로그램에 적용시 해당 CSS 사용해야함.)
#info_container .report-content-area .report-content .report .report-header .description-box { font-size: 1.5rem; font-weight: 300; color: #666; display: block; margin-top: 10px; letter-spacing: 0; line-height: 18px; }
#info_container .report-content-area .report-content .report .report-header .description-box .description-text { max-height:73px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-word;}
#info_container .report-content-area .report-content .report .report-header .description img { width: 15px; margin-right: 5px; margin-top: 2px; }
#info_container .report-content-area .report-content .report .report-header .description-box .acd-arrow { float:right; bottom: -24px; right: 0; cursor: pointer; width: 20px; height: 20px; background:#c0c0c0; border-radius: 5px; opacity: 0.5; text-align: center; }
#info_container .report-content-area .report-content .report .report-header .description-box .acd-arrow:hover { opacity: .7; }
#info_container .report-content-area .report-content .report .report-header .description-box .acd-arrow .icon { width: 20px; height: 20px; }
#info_container .report-content-area .report-content .report .report-header .description-box.open .description-text { max-height: unset; overflow: inherit; white-space:normal; display: block; -webkit-line-clamp: inherit; }
#info_container .report-content-area .report-content .report .report-header .description-box.open .acd-arrow .icon { transform: rotate(180deg); }
*/
/* DESCRIPTION 영역 CSS (ROBOTIC_COMMENT와 HEADTITLE_ONWEB) 끝 */

#info_container .report-content-area .report-content .report .content-box .sub-title { font-size: 1.3rem; display: block; margin-bottom: 10px; font-weight: 600; }
#info_container .report-content-area .report-content .report .content-box table { width: 100%; border: 1px solid #ddd; font-size: 1.4rem; }
#info_container .report-content-area .report-content .report .content-box table .no-wordbreak { width: 20%; }
#info_container .report-content-area .report-content .report .content-box table th { background: #eee; padding: 5px 2px; text-align: center; font-weight: bold; border-right: 1px solid #ddd; position: relative; height: 18px; line-height: 21px; }
#info_container .report-content-area .report-content .report .content-box .list-table { overflow: auto; } /*2023-05-17 테이블이 길 경우 div를 뚫고 넘어가는 현상이 발견되어 추가*/
#info_container .report-content-area .report-content .report .content-box .list-table table th { padding: 5px 2px; position: relative; }
#info_container .report-content-area .report-content .report .content-box .list-table.header-fixed table th { position: -webkit-sticky; position: sticky; top: 180px; }
#info_container .report-content-area .report-content .report .content-box .list-table.header-fixed.ie-table table th { position: -webkit-relative; position: relative; top: auto; }
#info_container .report-content-area .report-content .report .content-box .list-table table th.has-order { padding: 5px 2px 20px; z-index: 9;}
#info_container .report-content-area .report-content .report .content-box .list-table table th.has-annotation { padding-right: 6px; }
#info_container .report-content-area .report-content .report .content-box .list-table table th .annotation-label { position: absolute; top: -4px; right: 0; color: red; font-size: 1rem; }
#info_container .report-content-area .report-content .report .content-box .list-table table th .view-layer { position: absolute; display: none; z-index: 3; right: 0; top: 30%; background: rgba(16,21,78,0.85); color: #fff; font-size: 1.2rem; letter-spacing: 0; font-weight: 100; padding: 8px 10px; line-height: 15px; border-radius: 3px; cursor: default; transition: top .25s ease; min-width: 150px; }
#info_container .report-content-area .report-content .report .content-box .list-table table th .annotation-label:hover + .view-layer { display: inline; }

#info_container .report-content-area .report-content .report .content-box table th:last-child { border-right: none; }
#info_container .report-content-area .report-content .report .content-box table td { text-align: center; padding: 5px 2px; border-right: 1px solid #ddd; line-height: 21px; }
#info_container .report-content-area .report-content .report .content-box table td .view-btn { display: inline-block; opacity: 0.4; transition: opacity .25s ease; }
#info_container .report-content-area .report-content .report .content-box table td .view-btn:hover { opacity: 1; }
#info_container .report-content-area .report-content .report .content-box table td .view-btn img { width: 14px; height: 14px; margin-top: 4px; }
#info_container .report-content-area .report-content .report .content-box .list-table table td { padding: 5px 2px; }
#info_container .report-content-area .report-content .report .content-box .list-table table td.left { text-align: left; padding: 5px 8px; }
#info_container .report-content-area .report-content .report .content-box .list-table table td.right { text-align: right; padding: 5px 8px; }
#info_container .report-content-area .report-content .report .content-box .list-table table td p { width:100%; word-break:break-all; }
#info_container .report-content-area .report-content .report .content-box table td:last-child { border-right: none; }
#info_container .report-content-area .report-content .report .content-box table td a:hover { color: var(--theme-color); text-decoration: underline; }
#info_container .report-content-area .report-content .report .content-box table tr { border-bottom: 1px solid #ddd; }
#info_container .report-content-area .report-content .report .content-box table thead tr th { border-bottom: 2px solid #ddd; }
#info_container .report-content-area .report-content .report .content-box table tbody tr { transition: background .25s ease; }
#info_container .report-content-area .report-content .report .content-box table tbody tr:hover { background: #f2f2f7; }
#info_container .report-content-area .report-content .report .content-box table tbody tr.top-result { background-color: #e8eeff; }
#info_container .report-content-area .report-content .report .content-box table tr:last-child { border-bottom: none; }
#info_container .report-content-area .report-content .report .content-box table .table-align-btn 
{ font-weight: bold; font-size: 1.2rem; background: none; border: none; border-top: 1px solid #ddd;outline: 0; transition: opacity .25s ease; cursor: pointer; display: inline-block;  background: url(../../img/report/table_filter_ico.png) no-repeat; background-size: 15px 45px; width: 100%; height: 15px; background-color: #fff; background-position: center 0; position: absolute; bottom: 0;left:0;}
#info_container .report-content-area .report-content .report .content-box table .table-align-btn.up { background-position: center -15px; background-color:#f2f2f7;}
#info_container .report-content-area .report-content .report .content-box table .table-align-btn.down { background-position: center -30px; background-color:#f2f2f7;}
#info_container .report-content-area .report-content .report .content-box table .table-align-btn:hover { background-color:#f2f2f7; }

#info_container .report-content-area .report-content .report .content-box table .trend-img { width: 18px; }

#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap {overflow:hidden;}

#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .number-limit { float:left;display: inline-block; margin-top: 15px; vertical-align: top; color: #999; font-size: 1.2rem; line-height: 30px; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .number-limit .filter-title { line-height: 30px; vertical-align: top; margin-right: 5px; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .number-limit ul { overflow: hidden; display: inline-block; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .number-limit ul li { display: inline-block; float: left; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .number-limit ul li a { display: inline-block; min-width: 28px; height: 25px; text-align: center; font-weight: 500; font-size: 1.2rem; color: #999; letter-spacing: 0; padding: 0 5px; border-radius: 4px; line-height: 25px; margin-right: 5px; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .number-limit ul li.select a { color: #fff; background: var(--navy-color); }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .number-limit ul li a:hover { color: #222; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .number-limit ul li.select a:hover { color: #fff; }

#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging { float:right;margin-top: 15px; display: inline-block; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul { overflow: hidden; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li { display: inline-block; float: left; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li img { width: 17px; opacity: 0.5; margin-top: 6px; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li .page-move-btn.disabled img { opacity: 0.2; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li a { display: inline-block; min-width: 28px; height: 30px; text-align: center; font-weight: 500; font-size: 1.2rem; color: #999; line-height: 28px; letter-spacing: 0; padding: 0 5px; border: 1px solid #dee3eb; border-right: none; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li a.disabled { background-color: #eee; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li:last-child a { border-right: 1px solid #dee3eb; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li:first-child a { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li a:hover { color: #222; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li a.disabled:hover { color: #999; cursor: default; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li.select a { background: var(--navy-color); border-color: var(--navy-color); color: #fff; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li .page-move-btn { padding: 0; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li .page-move-btn:hover img { opacity: 1; }
#info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li .page-move-btn.disabled:hover img { opacity: 0.2; cursor: default; }

#info_container .report-content-area .report-content .report .content-box .note { background: #f8f8f8; margin: 20px 0; padding: 20px; color: #222; font-size: 1.2rem; border-top: 1px solid var(--navy-color); position: relative; }
#info_container .report-content-area .report-content .report .content-box .note ul li { margin-top: 10px; font-weight: 300; }
#info_container .report-content-area .report-content .report .content-box .note ul li:first-child { margin-top: 0; }
#info_container .report-content-area .report-content .report .content-box .note ul li p { font-size:1em; font-weight:normal;}
#info_container .report-content-area .report-content .report .content-box .note ul li p .head-wrap { font-size:1em; font-weight:normal;position: relative; }
#info_container .report-content-area .report-content .report .content-box .note ul li p .head-wrap .head-text { text-decoration: underline; }
#info_container .report-content-area .report-content .report .content-box .note ul li p .head-wrap .annotation-label { font-size: 1rem; color: red; position:absolute; top:-5px; right:-10px;}
#info_container .report-content-area .report-content .report .content-box .note ul li p .annotation-desc { text-decoration: none; position: relative; padding-left:15px;}
#info_container .report-content-area .report-content .report .content-box .note ul li p .annotation-desc:before { content : ' : '; }
#info_container .report-content-area .report-content .report .content-box .note ul li:nth-child(n+3) { display: none; }

#info_container .report-content-area .report-content .report .content-box .note #note_toggle_input { display: none; }
#info_container .report-content-area .report-content .report .content-box .note .note-foling-btn { position: absolute; width: 30px; height: 30px; display: block; background: #C0C0C0; border-radius: 50%; opacity: 0.5; right: 20px; top: 20px; text-align: center; }
#info_container .report-content-area .report-content .report .content-box .note .note-foling-btn img { width: 20px; margin-top: 6px; }
#info_container .report-content-area .report-content .report .content-box .note .note-foling-btn img.up-ico { display: none; }

#info_container .report-content-area .report-content .report .content-box .note #note_toggle_input:checked ~ ul li:nth-child(n+3) { display: block; }
#info_container .report-content-area .report-content .report .content-box .note #note_toggle_input:checked ~ .note-foling-btn img.down-ico { display: none; }
#info_container .report-content-area .report-content .report .content-box .note #note_toggle_input:checked ~ .note-foling-btn img.up-ico { display: inline-block; margin-top: 4px; }

#info_container .report-content-area .report-content .report .content-box .chart { border: 1px solid #ddd; padding: 10px; position: relative; }

/* 셀렉트 커스텀 */
.selectbox { position: relative; border-style: none;  z-index: 1; display: inline-block; border: 1px solid #dcdcdc; height: 35px; width: 170px; border-radius: 3px; margin-left: 5px; vertical-align: top; transition: background .25s ease; }
.selectbox:hover { background: #f8f8f8; }
.selectbox:before { content: "";  position: absolute; top: 50%; margin-top: -10px; right: 8px; background: url(../../img/svg/down_b_ico.svg) no-repeat; width: 20px; height: 20px; opacity: 0.5; }
.selectbox label { position: absolute; top: 0; left: 0; color: #222;  z-index: -1;  /* IE8에서 label이 위치한 곳이 클릭되지 않는 것 해결 */ font-size: 1.3rem; line-height: 33px; text-align: left; width: 90%; padding-left: 10px; padding-right: 5px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.selectbox select { padding-right:50px; width: 100%; line-height: normal;  /* line-height 초기화 */ font-family: inherit; border: 0; opacity: 0;  /* 숨기기 */  filter:alpha(opacity=0);  /* IE8 숨기기 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */  -moz-appearance: none; appearance: none; margin-left: 0; height: 33px; cursor: pointer; }

#info_container .report-content-area .report-content .report .content-box .tool-area { height: auto; }
#info_container .report-content-area .report-content .report .content-box .tool-area:after { clear: both; display: block; height: 0; content: ''; }
#info_container .report-content-area .report-content .report .content-box .tool-area .filter-wrap { display: inline-block; float: left; padding: 0 0 3px 0; }
#info_container .report-content-area .report-content .report .content-box .tool-area .filter-wrap.total-count .filter-result { line-height: 30px; }
#info_container .report-content-area .report-content .report .content-box .tool-area .locale-wrap { position: relative; display: inline-block; float: left; padding: 0 0 3px 0; margin-right: 5px; }
#info_container .report-content-area .report-content .report .content-box .tool-area .locale-wrap .view-layer { position: absolute; display: none; z-index: 3; left: 0; top: -150%; width: 350px; background: rgba(16,21,78,0.85); color: #fff; font-size: 1.2rem; letter-spacing: 0; font-weight: 100; padding: 8px 10px; line-height: 15px; border-radius: 3px; cursor: default; transition: top .25s ease; }
#info_container .report-content-area .report-content .report .content-box .tool-area .locale-wrap .filter .selectbox { width: 100px; }
#info_container .report-content-area .report-content .report .content-box .tool-area .kw-wrap { display: inline-block; float: left; padding: 0 0 3px 0; margin-right: 20px; }
#info_container .report-content-area .report-content .report .content-box .tool-area .filter { display: inline-block; margin-left: 20px; vertical-align: top; }
#info_container .report-content-area .report-content .report .content-box .tool-area .filter:first-child { margin-left: 0; margin-bottom: 3px; }
#info_container .report-content-area .report-content .report .content-box .tool-area .filter .filter-title { font-weight: bold; color: #999; line-height: 33px; display: inline-block; font-size: 1.3rem; margin-right: 5px; }
#info_container .report-content-area .report-content .report .content-box .tool-area .filter .filter-title sup { font-weight: 300; letter-spacing: 0; }

#info_container .report-content-area .report-content .report .content-box .content-type-select { float: left; margin-right: 20px; margin-top: 5px; padding-left: 5px; background: #F2F2F7; border-radius: 10px; height: 20px; }
#info_container .report-content-area .report-content .report .content-box .content-type-select a { font-size: 1.2rem; height: 100%; line-height: 20px; font-weight: 500; opacity: .4; padding: 0 5px; transition: opacity .25s ease; }
#info_container .report-content-area .report-content .report .content-box .content-type-select a.select { opacity: 1; }
#info_container .report-content-area .report-content .report .content-box .content-type-select a:hover { opacity: 0.9; }
#info_container .report-content-area .report-content .report .content-box .content-type-select a img { width: 17px; margin-top: 2px; margin-right: 4px; }

#info_container .report-content-area .report-content .report .content-box .report-btn-wrap { padding: 0 0 3px 0; text-align:right; float: right; }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .filter { display: inline-block; margin-left: 20px; vertical-align: top; }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .filter:first-child { margin-left: 0; margin-bottom: 3px; }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .filter .filter-title { font-weight: bold; color: #999; line-height: 25px; display: inline-block; font-size: 1.3rem; margin-right: 5px; }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .filter .filter-title sup { font-weight: 300; letter-spacing: 0; }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .exel-download { display:inline-block;min-height: 45px; }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .exel-download .down-btn { background: #217346; border: none; height: 35px; color: #fff; letter-spacing: 0; font-size: 1.3rem; font-weight: 300; padding: 0 15px; border-radius: 3px; outline: 0; transition: box-shadow .25s ease; }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .exel-download .down-btn:hover{ box-shadow: 0 2px 7px 4px rgba(0,0,0,0.15); }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .exel-download .down-btn img { width: 20px; height: 20px; margin-right: 5px; }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .exel-download .filter { margin-right: 5px; }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .exel-download .filter .selectbox { width: auto; }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .new-window-btn { height: 35px; background: #2659D4; border: none;  border-radius: 3px; line-height: 35px; padding: 0 15px; font-weight: 300; color: #fff; font-size: 1.3rem; outline: 0; transition: box-shadow .25s ease; margin-left: 8px; }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .new-window-btn:hover { box-shadow: 0 2px 7px 4px rgba(0,0,0,0.15); }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .new-window-btn img { width: 19px; margin-top: 8px; margin-right: 5px; }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .wide-view-btn { height: 35px; background: #fff; border: 1px solid #2659D4; border-radius: 3px; line-height: 33px; padding: 0 15px; font-weight: 500; color: #2659D4; font-size: 1.3rem; outline: 0; transition: box-shadow .25s ease; margin-left: 8px; }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .wide-view-btn:hover { box-shadow: 0 2px 7px 4px rgba(0,0,0,0.15); }
#info_container .report-content-area .report-content .report .content-box .report-btn-wrap .wide-view-btn img { width: 17px; margin-top: 8px; margin-right: 5px; }

#info_container .report-content-area .report-content .report .content-box .filter-result { font-weight: bold; color: #999; line-height: 25px; display: inline-block; font-size: 1.3rem; }
#info_container .report-content-area .report-content .report .content-box .filter-result .label { display: inline-block; height: 20px; padding: 0 15px; background: #F2F2F7; line-height: 20px; font-size: 12px; border-radius: 10px; margin-left: 10px; margin-right: 20px; color: #222; }
#info_container .report-content-area .report-content .report .content-box .filter-result .between { line-height: 35px; padding-left: 10px; }
#info_container .report-content-area .report-content .report .content-box .filter-result .filter-unit { display: inline-block; }
#info_container .report-content-area .report-content .report .content-box .filter-result .apply-filter-btn { background: var(--navy-color); border: none; height: 35px; color: #fff; letter-spacing: 0; font-size: 1.3rem; font-weight: 300; padding: 0 15px; margin-left: 10px; border-radius: 3px; outline: 0; transition: box-shadow .25s ease; }
#info_container .report-content-area .report-content .report .content-box .filter-result .apply-filter-btn:hover{ box-shadow: 0 2px 7px 4px rgba(0,0,0,0.15); }
#info_container .report-content-area .report-content .report .content-box .url-copy-btn { height: 35px; background: #fff; border: 1px solid #dcdcdc; border-radius: 3px; line-height: 33px; padding: 0 15px; font-weight: normal; color: #222; font-size: 1.3rem; outline: 0; transition: box-shadow .25s ease; margin-left: 8px; }
#info_container .report-content-area .report-content .report .content-box .url-copy-btn:hover { background:#f8f8f8;}
#info_container .report-content-area .report-content .report .content-box .url-copy-btn img { width: 17px; margin-top: 8px; margin-right: 5px; }
#info_container .report-content-area .report-content .report .content-box .filter-reset-btn { height: 35px; background: #fff; border: 1px solid #dcdcdc; border-radius: 3px; line-height: 33px; padding: 0 15px; font-weight: normal; color: #222; font-size: 1.3rem; outline: 0; transition: box-shadow .25s ease; margin-left: 8px; }
#info_container .report-content-area .report-content .report .content-box .filter-reset-btn:hover { background:#f8f8f8;}
#info_container .report-content-area .report-content .report .content-box .filter-reset-btn img { width: 17px; margin-top: 8px; margin-right: 5px; }

#info_container .report-content-area .report-content .report .content-box .search-box { height: 35px; background: #f8f8f8; position: relative; border-radius: 3px; width: 200px; margin-left: 10px; cursor: pointer; transition: box-shadow .25s ease; transition: width .25s ease; display: inline-block; vertical-align: top; }
#info_container .report-content-area .report-content .report .content-box .search-box.range-filter { width: 100px; }
#info_container .report-content-area .report-content .report .content-box .search-box input[type=text] { width: 100%; height: 100%; border: none; background: transparent; outline: 0; padding-left: 10px; letter-spacing: 0; cursor: pointer; border-radius: 3px; }
#info_container .report-content-area .report-content .report .content-box .search-box input[type=text]:hover,
#info_container .report-content-area .report-content .report .content-box .search-box input[type=text]:active,
#info_container .report-content-area .report-content .report .content-box .search-box input[type=text]:focus { box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.1) inset; } 
#info_container .report-content-area .report-content .report .content-box .search-box .search-btn { position: absolute; top: 50%; margin-top: -10px; right: 10px; width: 20px; height: 20px; border: none; background: none; outline: 0; }

/* 체크박스커스텀 */
.checkbox { display: none; }
.checkbox-label { min-width: 15px; height: 15px; display: inline-block; background: url(../../img/common/checkbox_02.png)no-repeat; background-size: 15px 30px; background-position: 0 0; padding-left: 15px; line-height: 15px; color: #9DAACC; font-size: 1.2rem; letter-spacing: 0;}
.checkbox:checked + .checkbox-label { background-position: 0 -15px; } 

#info_container .report-content-area .report-content .report .content-box .explanation-box { margin-top: 20px; background: #f2f2f7; padding: 20px; }
#info_container .report-content-area .report-content .report .content-box .explanation-box .keyword-box { margin-bottom: 10px; }
#info_container .report-content-area .report-content .report .content-box .explanation-box .keyword-box:last-child { margin-bottom: 0; }
#info_container .report-content-area .report-content .report .content-box .explanation-box h4 { display: inline-block; margin-bottom: 2px; font-weight: 700; }




/* 차트 타입 */
#info_container .report-content-area .report-content .report .content-box .chart .chart-type-select { position: relative; z-index: 2; padding: 10px; }
#info_container .report-content-area .report-content .report .content-box .chart .chart-type-select button { border: none; background: #ddd; border-radius: 4px; height: 30px; outline: 0; padding: 0 10px; line-height: 30px; letter-spacing: 0; font-weight: bold; font-size: 1.1rem; opacity: 0.3; transition: opacity .25s ease; margin:0 1px;}
#info_container .report-content-area .report-content .report .content-box .chart .chart-type-select button:hover { opacity: 1; }
#info_container .report-content-area .report-content .report .content-box .chart .chart-type-select button.select { opacity: 1; background: #ddd; }
#info_container .report-content-area .report-content .report .content-box .chart .chart-type-select button img { width: 20px; height: 20px; margin-top: 5px; }

#info_container .report-content-area .report-content .report .content-box .chart .chart-size-select { position: absolute; z-index: 2; top: 0; right: 0; padding: 10px; }
#info_container .report-content-area .report-content .report .content-box .chart .chart-size-select button { border: none; background: #ddd; border-radius: 4px; height: 30px; outline: 0; padding: 0 10px; line-height: 30px; letter-spacing: 0; font-weight: bold; font-size: 1.1rem; opacity: 0.3; transition: opacity .25s ease; margin:0 1px;}
#info_container .report-content-area .report-content .report .content-box .chart .chart-size-select button:hover { opacity: 1; }
#info_container .report-content-area .report-content .report .content-box .chart .chart-size-select button.select { opacity: 1; background: #ddd; }
#info_container .report-content-area .report-content .report .content-box .chart .chart-size-select button img { width: 20px; height: 20px; margin-top: 5px; }



.DVSL-font-height {}

/* 로딩바 */
.form-loader { overflow: hidden; height: 100%; position: absolute; width: 100%; min-height: 150px; }
.form-loader ul { height: 100%; position: absolute; width: 100%; margin: 0; }
@keyframes preload {
  0% {
    background: #567DE7;
    opacity: 1;
  }
  50% {
    background: #567DE7;
    opacity: 0.3;
  }
  100% {
    background: #567DE7;
    opacity: 1;
  }
}
.form-loader .form-loading { display: block; height: 14px; top: 50%; left: 50%; position: absolute; display: inline-block; width: 62px; margin-left: -34px; }
.form-loader .form-loading li { background: #fff; display: block; float: left; width: 15px; height: 15px; position: relative; margin-left: 8px; animation: preload 1s infinite; top: -50%; border-radius: 50%; transition: background .3s ease,opacity .3s ease; }
.form-loader .form-loading li:first-child { margin-left: 0 }
.form-loader .form-loading li:nth-child(2) { animation-delay: .2s }
.form-loader .form-loading li:nth-child(3) { animation-delay: .4s }

/* 카테고리 상세형 breadcrumb */
#info_container .report-content-area .report-content .report .content-box .breadcrumb { width: 100%; min-height: 30px; background: #f8f8f8; border-bottom: 1px solid #eee; padding: 10px 15px; border: 1px solid #ddd; }
#info_container .report-content-area .report-content .report .content-box .breadcrumb ul li { display: inline-block; font-family: 'Arial'; }
#info_container .report-content-area .report-content .report .content-box .breadcrumb ul li a { font-size: 1.2rem; letter-spacing: 0; color: #555; transition: color .25s ease;  }
#info_container .report-content-area .report-content .report .content-box .breadcrumb ul li a:hover { color: #222; text-decoration: underline; }
#info_container .report-content-area .report-content .report .content-box .breadcrumb ul li.arrow { margin: 0 5px; }

/* 카테고리 간략형 */
#info_container .report-content-area .report-content .report .content-box .category-list li { display: inline-block; margin-right: 15px; margin-bottom: 12px; cursor: default; letter-spacing: 0; font-size: 1.25rem; color: #555; position: relative; line-height: 15px; font-weight: 500; transition: color .25s ease; }
#info_container .report-content-area .report-content .report .content-box .category-list li .dot { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #999; margin-right: 5px; margin-bottom: 3px; transition: background .25s ease; }
/* #info_container .report-content-area .report-content .report .content-box .category-list li:hover .dot { background: #555; } */

#info_container .report-content-area .report-content .report .content-box .category-list li { display: block; padding-bottom: 15px; border-bottom: 1px dotted #dee3eb; margin-bottom: 20px; letter-spacing: 0; }
#info_container .report-content-area .report-content .report .content-box .category-list li:first-child { padding-top: 15px; border-top: 1px dotted #dee3eb; }
#info_container .report-content-area .report-content .report .content-box .category-list li:last-child { margin-bottom: 0; }
#info_container .report-content-area .report-content .report .content-box .category-list li .big-category { margin-bottom: 5px; display: inline-block; }
#info_container .report-content-area .report-content .report .content-box .category-list li .big-category h6 { font-size: 1.5rem; font-weight: bold; display: inline-block; line-height: 18px; color: #000; }
#info_container .report-content-area .report-content .report .content-box .category-list li .big-category:hover h6 { color: var(--theme-color); }
#info_container .report-content-area .report-content .report .content-box .category-list li .big-category img { width: 19px; height: 19px; margin-right: 3px; }
#info_container .report-content-area .report-content .report .content-box .category-list li .category { display: inline-block; margin-bottom: 5px; }
#info_container .report-content-area .report-content .report .content-box .category-list li .open-depth { margin-top: 5px; margin-bottom: 10px; padding: 5px 0; box-shadow: 0 3px 5px #e5e5e5; border-top: 1px solid #efefef; }
#info_container .report-content-area .report-content .report .content-box .category-list li .open-depth .category { display: block; margin-left: 35px; }
#info_container .report-content-area .report-content .report .content-box .category-list li .open-depth .category:nth-child(1) { margin-left: 5px; }
#info_container .report-content-area .report-content .report .content-box .category-list li .open-depth .category:nth-child(2) { margin-left: 15px; }
#info_container .report-content-area .report-content .report .content-box .category-list li .open-depth .category:nth-child(3) { margin-left: 25px; }
#info_container .report-content-area .report-content .report .content-box .category-list li .category:last-of-type a { color: var(--theme-color); font-weight: bold; }
#info_container .report-content-area .report-content .report .content-box .category-list li .category .label { font-family: 'Arial','Malgun Gothic','Dotum'; font-size: 1.1rem; background: #F2F2F7; padding: 0 8px; height: 16px; line-height: 16px; display: inline-block; border-radius: 12px; color: #222; margin-left: 3px; }
#info_container .report-content-area .report-content .report .content-box .category-list li .dot-wrap { display: inline-block; cursor: pointer; padding: 0 6px; transition: background .25s ease; border-radius: 3px; }
#info_container .report-content-area .report-content .report .content-box .category-list li .dot-wrap:hover { background: #EFEFEF; }
#info_container .report-content-area .report-content .report .content-box .category-list li .dot { cursor: pointer; margin-right: 3px; margin-bottom: 3px; background: #DDDDDD; }
#info_container .report-content-area .report-content .report .content-box .category-list li .dot:last-child { margin-right: 0; }
#info_container .report-content-area .report-content .report .content-box .category-list li .dot.on { background: var(--theme-color); }
#info_container .report-content-area .report-content .report .content-box .category-list li .open-depth .dot.on { background: #4AE280; }
#info_container .report-content-area .report-content .report .content-box .category-list li .open-depth .category:last-of-type .dot.on { background: var(--theme-color); }
#info_container .report-content-area .report-content .report .content-box .category-list li .dot-wrap:hover .dot { background: #C9C9C9; }
#info_container .report-content-area .report-content .report .content-box .category-list li .open-depth .dot-wrap:hover .dot.on { background: #30D46B; }
#info_container .report-content-area .report-content .report .content-box .category-list li .open-depth .category:last-of-type .dot-wrap:hover .dot.on { background: var(--theme-color); }
#info_container .report-content-area .report-content .report .content-box .category-list li .dot-wrap:hover .dot.on { background: var(--theme-color); }
#info_container .report-content-area .report-content .report .content-box .category-list li .arrow { width: 17px; height: 17px; display: inline-block; margin: 0 3px; opacity: 0.3; }
#info_container .report-content-area .report-content .report .content-box .category-list li .arrow img { width: 100%; }

/* 모달 */
.modal-wrap .modal .modal-content-area .folder-list .folder-structure .sub-folder-list.open-depth .sub-folder { display: block; padding-right: 0; }
.modal-wrap .modal .modal-content-area .folder-list .folder-structure .sub-folder-list.open-depth .sub-folder:after { display: none; }

/* 알림창 */
.alert-pop-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 0; z-index: 999; transition: height 0.7s cubic-bezier(1, 0.09, 0.18, 0.66),padding 0.7s cubic-bezier(1, 0.09, 0.18, 0.66),opacity 0.7s cubic-bezier(1, 0.09, 0.18, 0.66); box-shadow: 0 2px 5px 5px rgba(0,0,0,0.05); padding: 0 20px; overflow: hidden; opacity: 0; }
.alert-pop-wrap.on { height: 50px; padding: 14px 20px; opacity: 1; }
.alert-pop-wrap.red-bg { background: rgba(255,44,48,0.95); }
.alert-pop-wrap.green-bg { background: rgba(51,190,98,0.95); }
.alert-pop-wrap i { display: inline-block; color: #fff; margin-right: 5px; font-size: 13px; text-shadow: 0 0 1px 1px rgba(0,0,0,0.05);  }
.alert-pop-wrap .messege { color: #fff; font-size: 13px; font-weight: 300; display: inline-block; cursor: default; text-shadow: 0 0 1px 1px rgba(0,0,0,0.05); }
.alert-pop-wrap .close-btn { float: right; color: #fff; cursor: pointer; transition: opacity .25s ease; }
.alert-pop-wrap .close-btn:hover { opacity: 0.7; }



/* 유저정보 */
.login-user { position: absolute; right: 200px; bottom: 103px; height: 25px; }
.login-user .user-info { display: inline-block; padding-left: 15px; padding-right: 5px; border-radius: 50px; transition: background .25s ease; height: 25px; padding-top: 1px; }
.login-user .user-info .account-ico { width: 19px; margin-top: 2px; margin-right: 3px; opacity: 0.6; }
.login-user .user-info .name { font-weight: 400; letter-spacing: -0.3px; display: inline-block; font-size: 1.2rem; }
.login-user .user-info .name img { width: 15px; height: 15px; margin-top: 2px; }
.login-user .user-info:hover { background: rgba(0,0,0,0.1); }
.login-user .plan-info { position: absolute; background: #fff; right: 100%; bottom: 200px; border-radius: 4px; color: #222; padding: 10px 15px; box-shadow: 0 5px 15px -2px rgba(0,0,0,0.5); z-index: -9999; opacity: 0; transition: opacity 1s ease;  font-size:  1.2rem; }
.login-user .user-info:hover ~ .plan-info { z-index: 10; opacity: 1; right: 100%; bottom: -70px; }
.login-user .plan-info:hover { z-index: 10; opacity: 1; right: 100%; bottom: -70px; }
.login-user .plan-info .row { margin-bottom: 2px; white-space: nowrap; }
.login-user .plan-info .row:last-child { margin-bottom: 0; }
.login-user .plan-info .row .head { font-weight: bold; color: #999; width: 45px; display: inline-block; position: relative; }
.login-user .plan-info .row .head:after { width: 1px; height: 12px; right: 5px; top: 3px; position: absolute; content: ''; background: #e5e5e5; }
.login-user .plan-info .row .cont { letter-spacing: 0; }
.login-user .plan-info .plan-upgrade-btn { background: #19298E; display: block; width: 100%; margin-left: 0; margin-top: 10px; text-align: center; height: 30px; line-height: 30px; border-radius: 3px; font-size: 1.2rem; font-weight: 100; color: #fff; }

/* 로딩 */
.loading-wrap {position: fixed; top:0; left: 0; z-index: 99; width: 100%; height: 100%; background:rgba(0,0,0,0.8); display: none;}
.loading-wrap.on {display: block;}
.loading-wrap .loading {position: absolute; top:50%; left: 50%; transform:translate(-50%, -50%);}
.loading-wrap .loading .lds-txt {text-align: center; }
.loading-wrap .loading .lds-txt p { font-size: 1.5rem; font-weight: 600; color: #fff; }
.loading-wrap .loading .lds-ellipsis {display: inline-block; position: relative; width: 80px; height: 80px; left:20px;}
.loading-wrap .loading .lds-ellipsis div { position: absolute; top: 33px; width: 13px; height: 13px;border-radius: 50%; background: #fff; animation-timing-function: cubic-bezier(0, 1, 1, 0);}
.loading-wrap .loading .lds-ellipsis div:nth-child(1) { left: 8px; animation: lds-ellipsis1 0.6s infinite;}
.loading-wrap .loading .lds-ellipsis div:nth-child(2) { left: 8px;  animation: lds-ellipsis2 0.6s infinite;}
.loading-wrap .loading .lds-ellipsis div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite;}
.loading-wrap .loading .lds-ellipsis div:nth-child(4) { left: 56px;  animation: lds-ellipsis3 0.6s infinite;}
@keyframes lds-ellipsis1 {
  0% { transform: scale(0); }
  100% { transform: scale(1); }
}
@keyframes lds-ellipsis3 {
  0% { transform: scale(1);  }
  100% { transform: scale(0); }
}
@keyframes lds-ellipsis2 {
  0% { transform: translate(0, 0); }
  100% { transform: translate(24px, 0); }
}

/* 현재차트 새창보기 버튼 커스텀 */
#info_container .report-content-area .report-content .report .content-box .chart .chart-size-select button.new-window-current-chart-btn { background: var(--navy-color); opacity: 1; color:#fff; }

/* 멀티차트 영역 */
.multi-chart { width: 33%; display: inline-block; }
.slice-border { border-right: 1px solid #e3e3e3; }

/* KPI차트 분석결과페이지 전용 CSS */
.kpi-wrap { display: inline-block; position: relative; width: 25%; padding: 10px 10px 10px 0px; overflow: hidden; white-space: nowrap; height: 144px; }
.kpi-wrap .box {position: relative; height: 112px; margin: 0 2.5px 5px 2.5px; text-align: center; background: #ebeff5; border-radius: 10px; display: inline-block;}
.kpi-wrap.col-2 .box { width: 100%; }
.kpi-wrap.col-3 .box { width: calc(33% - -1px); }
.kpi-wrap.col-4 .box { width: calc(25% - 6px); }
.kpi-wrap .box .align { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 97%;}
.kpi-wrap .box .tit { font-size: 1.3rem; color: #707ba0; font-weight: 500; line-height: 1.2; white-space: pre-wrap; }
.kpi-wrap .box .num { position: relative; font-size: 2.9rem; font-weight: 900; color: var(--navy-color); display: inline-block;}
.kpi-wrap .box .num.up,
.kpi-wrap .box .num.down { padding-right: 15px; }
.kpi-wrap .box .num.down:after { position: absolute; top: 23px; right: 0; content: ''; width:0; height:0; border-left: 4px solid transparent; border-right: 4px solid transparent;  z-index: 1; border-top: 6px solid #456cfd;}
.kpi-wrap .box .num.up:after { position: absolute; top: 23px; right: 0; content: ''; width:0; height:0; border-left: 4px solid transparent; border-right: 4px solid transparent;  z-index: 1; border-bottom: 6px solid #d5412d;}

/* 즐겨찾기 내부 아이콘 신규 디자인 적용용 CSS */
.subject-ico { border-radius: 4px; }
.subject-ico.bg-light-blue { background-color: #abd1ee; }
.subject-ico.text {padding:0 5px;font-size:11px; width:auto; line-height:17px; font-weight: 600; color: #fff;}
.subject-ico.text .subject-name {display:inline-block;}


.scroll-unset #info_container .tree-wrap { top: 0; }


/* 차트 폰트, 로고 사이즈 셋팅 css */
.chart-view-setting { position: relative; padding: 0 10px 10px; width: 100%; border-bottom: 1px solid #ddd; }
.chart-view-setting .setting-wrap { display: flex; gap: 30px; position: relative; }
.chart-view-setting .setting-wrap .setting-group { display: flex; align-items: center; gap: 7px; }
.chart-view-setting .setting-wrap .setting-group .tit { font-size: 1.2rem; color: var(--navy-color); font-weight: 600; }
.chart-view-setting .setting-wrap .setting-group .size-setting { border: 1px solid #e3e3e3;}
.chart-view-setting .setting-wrap .setting-group .size-setting .button { border:0; background: #f0f0f0; color: #000; font-size: 1.8rem; width: 25px; height: 25px; }
.chart-view-setting .setting-wrap .setting-group .size-setting .button:first-child { border-right: 1px solid #e3e3e3; }
.chart-view-setting .setting-wrap .setting-group .size-setting .button:last-child { border-left: 1px solid #e3e3e3; }
.chart-view-setting .setting-wrap .setting-group .size-setting .button:not(:disabled):hover { background: #e3e3e3;}
.chart-view-setting .setting-wrap .setting-group .size-setting .button:disabled { cursor: no-drop; color: #ccc; }
.chart-view-setting .setting-wrap .setting-group .size-setting .level { font-size: 1.1rem; font-weight: 600; color: #555; width: 70px; text-align: center; display: inline-block; }



/* 월,주별 토글버튼 */
.toggle-tab-wrap .toggle-btn .btn { border: 1px solid #e3e3e3; display: inline-block; padding: 4px 10px; position: relative; text-align: center;font-size: 1.2rem; color: #aaa;}
.toggle-tab-wrap .toggle-btn input[type=radio]:not(old) { background: none;}
.toggle-tab-wrap .toggle-btn input[type=radio]:not(old) + label { background: none;}
.toggle-tab-wrap .toggle-btn input[type=radio]:not(old):checked + label { margin: 0;}
.toggle-tab-wrap .toggle-btn input[type=radio]:not(old) + label { margin: 0;}
.toggle-tab-wrap .toggle-btn input[type="radio"].toggle { display: none;}
.toggle-tab-wrap .toggle-btn input[type="radio"].toggle + label { cursor: pointer; min-width: 60px; line-height: normal;}
.toggle-tab-wrap .toggle-btn input[type="radio"].toggle + label:after { background: #e3e3e3; content: ""; height: 100%; position: absolute; top: 0; transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1); width: 100%; z-index: -1;}
.toggle-tab-wrap .toggle-btn input[type="radio"].toggle.toggle-left + label { border-right: 0;}
.toggle-tab-wrap .toggle-btn input[type="radio"].toggle.toggle-left + label:after { left: 100%;}
.toggle-tab-wrap .toggle-btn input[type="radio"].toggle.toggle-right + label { margin-left: -5px;}
.toggle-tab-wrap .toggle-btn input[type="radio"].toggle.toggle-right + label:after { left: -100%;}
.toggle-tab-wrap .toggle-btn input[type="radio"].toggle:checked + label { cursor: default; color: #000; font-weight: 600; transition: color 200ms; z-index: 1}
.toggle-tab-wrap .toggle-btn input[type="radio"].toggle:checked + label:after { left: 0;}



.txt-item-group { position: relative; display: block; clear: both; width: 100%; flex-basis: 100%; flex: none; padding-top: 10px;}
.txt-item-group .txt-item { font-size: 1.1rem; color: #888; padding: 3px 3px 3px 0; }

/* 원본페이지로 돌아가기 버튼 */
#header_container .page-back { position: relative; width: 100%; padding: 10px 30px 13px; background: var(--navy-color); }
#header_container .page-back a { font-size: 1.15rem; color: #fff; border-radius: 5px; padding: 3px 10px; background: rgba(255,255,255,0.2); transition: background .3s;}
#header_container .page-back a:hover { background: rgba(0,0,0,0.4); }

.page-breadcrumb .btn-wrap { display: flex; justify-content: flex-end; position: absolute; top: 0; right: 0; padding: 10px;}
.page-breadcrumb .btn-wrap button { border: none;
  background: #ddd; border-radius: 4px; color: #fff; padding: 0 10px; line-height: 30px; letter-spacing: 0; font-weight: 500; font-size: 1.2rem;  margin: 0 1px;}

  .page-breadcrumb .btn-wrap .bg-blue { background: #3000BA;}
  .page-breadcrumb .btn-wrap .bg-red { background: #BA0000;}
  .page-breadcrumb .btn-wrap .bg-green { background: #00BA13;}