@charset "utf-8";

/* home.css */
.home-content-area .tree-toggle-btn { display: none; }

/* report-result.css */
#info_container .report-content-area,
#info_container .report-content-area.pdt-0 { padding-top: 30px;}
#info_container .report-content-area.pdt-0 .tree-toggle-btn { position: absolute; top: 15px;}


@media (max-width: 1500px) {
  /* common.css */
  #header_container { min-width: unset; }

  /* home.css */
  #info_container .home-content-area { min-width: unset; }
}


@media (max-width: 1440px) {
  
  /* report-result.css */
  html { min-width: unset; }
  #info_container, .report-container { height: unset; }
  .selectbox label { font-size: 1.2rem; }
  #info_container { min-width: unset; }
  #info_container .report-content-area { min-width: unset; width: calc(100% - 300px); padding: 20px; }
  #info_container .report-content-area .tree-toggle-btn { transition: left .3s; z-index: 10; top: 18px; }
  #info_container .report-content-area .tree-toggle-btn a img { transform: rotate(180deg); }
  #info_container .report-content-area .report-content .report .content-box .tool-area {position: relative;}
  
  /* report-result.css */
  #info_container .tree-wrap { flex: 0; left: -100%; width: 0; flex-basis: 0; position: absolute; top:180px; left:0; }
  #info_container.tree-off .tree-wrap { width: 300px; left: 0; height: 100% !important; }
  #info_container.tree-off .report-content-area { width: 100%; }
  #info_container.tree-off .report-content-area .tree-toggle-btn { left: 300px; z-index: 1; }
  #info_container.tree-off .report-content-area .tree-toggle-btn a img { transform: rotate(0); }
  .scroll-unset #info_container.tree-off .tree-wrap { top: 0; }

  /* home.css */
  #info_container .home-content-area { position: relative; }
  #info_container .home-content-area .tree-wrap { flex: 0; transition: left .3s; width: 300px; position: fixed; top: 180px; left: -300px; background: #fff; z-index: 1;}
  .home-content-area .tree-toggle-btn { display: block; width: 22px; height: 52px; position: absolute; top: 195px; left: 0; background: var(--navy-color); border-radius: 0 3px 3px 0; text-align: center; line-height: 40px; padding-top: 21px; z-index: 1; transition: left .3s; }
  .home-content-area.pdt-0 .tree-toggle-btn { top: 15px; }
  .home-content-area.pdt-0 .tree-toggle-btn { top: 15px; }
  #info_container.tree-off .home-content-area.pdt-0 .tree-wrap { top: 0; position: absolute; }
  .home-content-area .tree-toggle-btn a { display: block; width: 100%; height: 100%; }
  .home-content-area .tree-toggle-btn a img { width: 12px; height: 11px; transform: rotate(180deg); }
  #info_container.tree-off .home-content-area { width: 100%; }
  #info_container.tree-off .home-content-area .tree-wrap { left:0; }
  #info_container.tree-off .home-content-area .tree-toggle-btn { left: 300px; }
  #info_container.tree-off .home-content-area .tree-toggle-btn a img { transform: rotate(0); }

  /* custom-chart.css */
  .custom-chart-wrap { display: block; }
  table.table-custom-chart tr td.custom-chart-area .set-area { height: auto; }
  #info_container .report-content-area .report-content .report .custom-chart-box .chart table.table-custom-chart { border-top: 1px solid #ddd; }
  #info_container .report-content-area .report-content .report .custom-chart-box .chart table.table-custom-chart tr td.custom-chart-area { border-left: 0; }
  .custom-chart-wrap .custom-chart-area { width: 100%; }
}

@media (max-width: 1024px) {
  /* common.css */
  #header_container .logo-area { width: calc(100% - 280px); }
  #header_container .gnb-area { padding-top: 50px; }
  #header_container .gnb-area .gnb-l { width: 100%; float: none; }
  #header_container .gnb-area .gnb-l>nav>ul>li>a { font-size: 1.3rem; padding: 0 10px; }
  #header_container .gnb-area .gnb-l>nav>ul>li.select .report-gnb-wrap { bottom: -5px; width: 100%; }
  #header_container .gnb-area .gnb-l>nav>ul>li>a:hover, 
  #header_container .gnb-area .gnb-l>nav>ul>li.select>a { height: 55px; }
  #header_container .gnb-area .gnb-r { position: absolute; top: 0; height: 50px; width: 100%; float: none; border-bottom: 1px solid rgba(255,255,255,0.1); }
  #header_container .gnb-area .gnb-r .search-box { width: 150px; height: 33px; }
  #header_container .report-gnb-wrap .report-gnb ul li a { font-size: 1.3rem; }
  #info_container .report-content-area .tree-toggle-btn { top: 250px; }
  #info_container .report-content-area .report-content .browsing-area #body_on_off_toggle:checked ~ .body { width: 100%; }
  #info_container .report-content-area .report-content .browsing-area .header { height: auto; }
  #info_container .report-content-area .report-content .browsing-area .header:after { content: ''; display: block; clear: both; }
  #info_container .report-content-area .report-content .browsing-area .header .array-btn-wrap { width: 100%; border-top: 1px solid #dee3eb; }
  #info_container .report-content-area .report-content .browsing-area .header .array-btn-wrap a { margin-right: 5px; padding-right: 15px;}
  #info_container .report-content-area .report-content .browsing-area .header .content-type-select { margin-left: 10px; }
  #info_container .report-content-area .report-content .browsing-area .body ul.category-list li { font-size: 1.2rem; margin-bottom: 5px;}
  #info_container .report-content-area .report-content .browsing-area .body .breadcrumb { line-height: 1.8; }
  #info_container .report-content-area .report-content .report .content-box .filter-result { width: 100%; }
  #info_container .report-content-area .report-content .report .content-box .filter-result .filter-unit { display: block; width: 100%; }
  #info_container .report-content-area .report-content .report .content-box .filter-result .apply-filter-btn { margin-top: 10px; float: right; }
  #info_container .report-content-area .report-content .report .content-box .search-box { width: 100%; margin-left: 0; }
  #info_container .report-content-area .report-content .report .content-box .search-box.range-filter { width: calc(50% - 20px); }
  #info_container .report-content-area .report-content .report .content-box .chart { padding: 5px; }
  #info_container .report-content-area .report-content .report .content-box .chart .chart-type-select { position: static; }
  #info_container .report-content-area .report-content .report .content-box .chart .chart-type-select button { margin-bottom: 5px; width: 48%; }
  #info_container .report-content-area .report-content .report .report-header .content-title { font-size: 1.6rem; }
  #info_container .report-content-area .report-content .report .report-header .description .dsc-text { font-size: 1.3rem; }
  #info_container .report-content-area .report-content .report .content-box .detail-content-title { margin-bottom: 20px;}
  #info_container.tree-off .tree-wrap { top: 235px; z-index: 99; }

  
  /* report-result.css */
  #info_container .report-content-area .report-content .report .content-box .scroll-table { overflow-y: auto; }
  #info_container .report-content-area .report-content .report .content-box table.mo-overflow-x { width: 1000px; }
  #info_container .report-content-area .report-content .report .content-box .tool-area { margin-bottom: 10px; }
  #info_container .report-content-area .report-content .report .content-box .tool-area .locale-wrap { width: 100%; }
  #info_container .report-content-area .report-content .report .content-box .tool-area .locale-wrap .filter .selectbox { width: 100%; margin-left: 0; }
  #info_container .report-content-area .report-content .report .content-box .tool-area .kw-wrap { margin-right: 0; width: 100%; }
  #info_container .report-content-area .report-content .report .content-box .tool-area .filter-wrap { width: 100%; float: none; padding-bottom: 10px; }
  #info_container .report-content-area .report-content .report .content-box .tool-area .filter { width: 100%; margin-left: 0; }
  #info_container .report-content-area .report-content .report .content-box .tool-area .filter .selectbox { width: 100%; margin-bottom: 5px; margin-left: 0; }
  #info_container .report-content-area .report-content .report .content-box .report-btn-wrap .new-window-btn img { margin-top: 5px;}
  #info_container .report-content-area .report-content .report .content-box .report-btn-wrap .new-window-btn { font-size: 1.2rem; height: 28px; line-height: 28px; }
  #info_container .report-content-area .report-content .report .content-box .report-btn-wrap .exel-download { display: none; }
  #info_container .report-content-area .report-content .report .content-box .filter-reset-btn { font-size: 1.2rem; height: 28px; line-height: 25px; }
  #info_container .report-content-area .report-content .report .content-box .filter-reset-btn img { margin-top: 5px;}
  #info_container .report-content-area .report-content .report .content-box .note { padding-right: 60px; }
  .chart-view-setting { border-top: 1px solid #ddd; padding-top: 10px; }
  .block-pop-layer { top: 0; }

  
  /* home.css */
  #info_container .home-content-area { padding-top: 235px; }
  .launcher-wrap .launcher-group .down-btn { display: none; }
  .launcher-wrap .launcher-group .launcher-title { font-size: 2rem; padding: 0 0 20px; }
  .launcher-wrap .launcher-group .cont-area ul.contents-list li {width: 100%;}
  .launcher-wrap .launcher-group .cont-area ul.contents-list li.chart-box { height: auto; overflow: hidden; }
  .home-content-area .tree-toggle-btn { top: 250px; }

  /* 4depth-menu.css */
  #info_container { padding-top: 0; width: 100%; height: unset; position: relative; }
  #info_container .report-content-area { padding-top: 265px; }
  #info_container .report-content-area .report-content .report .report-header .content-title .down-btn { display: none; }
  #info_container .report-content-area .report-content .report .report-header .content-title .title-area { width: calc(100% - 30px); }
  #info_container .report-content-area .report-content .report .content-box .chart .chart-size-select { position: static; padding: 5px 0 10px; }
  #info_container .report-content-area .report-content .report .content-box .url-copy-btn { position: absolute; top: 0; right: 0; height: 28px; line-height: 28px; font-size: 1.2rem; }
  #info_container .report-content-area .report-content .report .content-box .url-copy-btn img { margin-top: 4px;}
  #header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select .selectbox { vertical-align: middle; }

  /* custom-chart.css */
  table.table-custom-chart tr td.custom-chart-area .set-area { height: auto; }
  #info_container .report-content-area .report-content .report .custom-chart-box .chart { padding: 0; }
  #info_container .report-content-area .report-content .report .custom-chart-box .chart .page-btn button.cancel { width: auto; }

}

@media (max-width: 800px) {
  /* report-result.css */
  .chart-view-setting .setting-wrap .setting-group { gap: 10px; flex: 1 1 40%; }
  .chart-view-setting .setting-wrap .setting-group .tit { flex-basis: 90px; }
  .toggle-tab-wrap,
  .chart-view-setting .setting-wrap .setting-group .size-setting { flex-basis: calc(100% - 100px); }
  .chart-view-setting .setting-wrap .setting-group .size-setting .level { width: calc(100% - 56px); }
}

@media (max-width: 768px) {
  /* common.css */
  #header_container .logo-area { width: 100%; padding: 15px 90px 15px 15px; }
  #header_container .logo-area h1 { width: 40px; height: 40px; }
  #header_container .logo-area h2 { width: calc(100% - 45px); letter-spacing: -.5px; padding: 10px 0; margin-left: 5px; }
  #header_container .logo-area h2 span { margin: 0; }
  #header_container .logo-area h2 .title-area { letter-spacing: -.8px; word-break: break-all; font-size: 1.5rem; padding-right: 53px;}
  #header_container .logo-area h2 .title-area .full-text-btn { margin-right: 10px; }
  #header_container .logo-area h2 .title-area .full-text-btn:after { font-size: 1.2rem;}
  #header_container .logo-area h2 .title-area.full-text-on { padding-right: 95px; }
  #header_container .logo-area h2 .set { margin: 0 3px 0 0; padding: 3px 5px; position: relative; top: 3px; }
  #header_container .logo-area h2 span.grade { position: relative; font-size: 1.4rem; top: 0; }
  #header_container .powered a { line-height: unset; font-size: 1.1rem; }
  #header_container .powered a img { width: 95px; height: auto; margin-top: 0;}
  #header_container .bookmark-btn { padding-right: 5px; }
  #header_container .bookmark-btn .title { display: none; }
  #header_container .gnb-area .gnb-r ul { float: none; }
  #header_container .gnb-area .gnb-r ul li { margin-right: 10px; }
  #header_container .gnb-area .gnb-r ul li .title { margin-right: 5px; font-size: 1.1rem; }
  #header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select .selectbox { height: 25px; line-height: 23px; width: 70px; }
  #header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select .selectbox:before { right: 5px; }
  #header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select .selectbox label { line-height: 23px; font-size: 1.1rem;}
  #header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select .selectbox select { height: 25px; padding-right: 20px;}

  /* 공통 (common, report-result) */
  .user-tool-layer-wrap .lang-layer.on { width: calc(100% - 40px); margin-left: 0; transform: translateX(-50%); }
  .user-tool-layer-wrap .lang-layer .content-area ul li { width: 33.33%; }
  
  /* mobile header */
  #header_container .mo-nav-area .gnb-area .gnb-r { height: unset; }
  #header_container .mo-nav-area .gnb-area .gnb-r:after { content: ''; display: block; clear: both; }
  #header_container .mo-nav-wrap { display: block; }

  #header_container .header>.grade { display: none; }
  #header_container .user-tool-area .login { display: none; }
  #header_container .powered { display: none; }
  
  /* home.css */
  #info_container .home-content-area .board-area.launcher { padding: 30px 20px; }
  #header_container .logo-area h2 .title-area .title-text a { letter-spacing: -.8px; word-break: break-all; font-size: 1.5rem; }
  #header_container .logo-area h2 .title-area .full-text-btn { margin-right: 10px; }
  #header_container .logo-area h2 .title-area .full-text-btn:after { font-size: 1.2rem;}
  #header_container .logo-area h2 .title-area.full-text-on { padding-right: 95px; }

  /* reoprt-result.css */
  #info_container .report-content-area .report-content .report .content-box table { font-size: 1.2rem; }

  /* custom-chart.css */
  .kpi-wrap { width: 50%; }
  .kpi-wrap .box .num { font-size: 2.3rem; }
}

@media (max-width: 550px) {
  /* common.css */
  #header_container .logo-area { padding-right: 70px; }
  #header_container .gnb-area .gnb-r { padding: 4px 10px 0 10px; }
  #header_container .gnb-area .gnb-r .search-box { width: 35px; }
  #header_container .gnb-area .gnb-r .search-box input[type=text] { position: relative; z-index: 10; }
  #header_container .gnb-area .gnb-l>nav>ul>li { margin: 0; }
  #header_container .report-gnb-wrap .report-gnb ul li { margin: 0; }
  #header_container .mo-nav-wrap { right: 20px; }
  #header_container .mo-nav-wrap .mo-nav-icon .nav-icon { width: 35px; }
  #info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging { float: none; width: 100%; }
  #info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul { text-align: center; width: 100%; }
  #info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li { float: none; display: inline-block; width: 8%; }
  #info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li a { border: 0; }
  #info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li:last-child a { border-right: 0; }
  #info_container .report-content-area .report-content .report .content-box .list-table .paging-wrap .paging ul li a { min-width: 20px; height: 25px; line-height: 25px; }
  
  /* 공통 (common, report-result) */
  .user-tool-layer-wrap .lang-layer .content-area { padding-bottom: 20px; }
  .user-tool-layer-wrap .lang-layer .content-area ul li { width: 50%; }
  .user-tool-layer-wrap .lang-layer .content-area .lang-select-wrap ul li { width: 50%; }
  .user-tool-layer-wrap .lang-layer .btn-area { position: static; bottom: unset; left: unset; z-index: unset; }
  .user-tool-layer-wrap .lang-layer .btn-area .select-option { width: 100%; float: none; margin-bottom: 20px; text-align: center; }

  /* home.css */
  .launcher-wrap .launcher-group .launcher-title { font-size: 2rem; display: block; padding: 10px; word-break: keep-all;text-align: center; }
  .launcher-wrap .launcher-group .cont-area:nth-child(1 of .cont-area) { padding-top: 20px;}
  .launcher-wrap .launcher-group .cont-area ul.contents-list li { padding: 13px; font-size: 1.2rem; }
  .launcher-wrap .launcher-group .cont-area ul.contents-list li.chart-box .chart { height: auto; }
  .launcher-wrap .launcher-group .toggle-btn { width: 80px; margin: 0 auto; display: block; text-align: center; }

  /* report-result.css */
  .block-pop-layer .block-pop { width: calc(100% - 40px); margin-left: 0; transform: translateX(-50%); }
  .chart-view-setting .setting-wrap { display: block; }
  .chart-view-setting .setting-wrap .setting-group:not(:last-child) { margin-bottom: 5px; }
  .chart-view-setting .setting-wrap .setting-group .tit { flex-basis: 100px;}
  .toggle-tab-wrap,
  .chart-view-setting .setting-wrap .setting-group .size-setting { flex-basis: calc(100% - 110px); }
  .toggle-tab-wrap .toggle-btn input[type="radio"].toggle + label { width: 50%; }

  /* custom-chart.css */
  .kpi-wrap .box .num { font-size: 1.8rem; }
}

@media (max-width: 375px) {
  /* common.css */
  #header_container .logo-area h2 { margin: 0; }
  #header_container .logo-area h2 .title-area .title-text a { font-size: 1.6rem;}
  #header_container .logo-area h2 span { margin: 0;}
  #header_container .bookmark-btn { margin-right: 10px; }
  #header_container .gnb-area .gnb-r ul li { margin-right: 5px;}
  #header_container .gnb-area .gnb-r ul li.lang a .label { font-size: 1rem; padding: 0 5px;}
  #header_container .gnb-area .gnb-r ul li.lang a .txt { font-size: 1rem; }
  #header_container .gnb-area .gnb-r ul li.lang a img { width: 13px; height: 13px; margin: 13px 0;}
  #header_container .gnb-area .gnb-r ul li .title { font-size: 1rem; }
  #header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select .selectbox { width: 65px; }
  #header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select .selectbox:before { right: 0;}
  #header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select .selectbox label { font-size: 1rem; }
  #header_container .gnb-area .gnb-r ul li.data-lang .data-lang-select .selectbox select { padding-right: 15px; }

}