@charset "UTF-8";
 
/* .wrap {width:100%; background:#eee; margin:0 auto;}
.wrap-type02 {background:orange; margin:0 auto; width:1280px;} */
 
.wrap {width:100%; margin:0 auto;}
.wrap-type02 {min-width:100%; width:1280px; height:70px; background:#264161; margin:0 auto;}
.tbl-wrap {width:100%; margin:0 auto;}

.header .inner-wrap {display:flex; margin:0 auto; width:1280px; height:70px; background:#264161;}
.header h1 {margin-top:24px; }
.header h1 a {display:block; width:124px; font-size:0; height: 20px; background-image: url(../images/pc/common/image/logo-title-type01.jpg);}
/* .header h1 a {display:block; width:124px; font-size:0; height:20px; background-image: url(/build_/assets/images/pc/common/image/logo-title-type01.jpg);} */

.header .header-tit {color:#fff; text-align:center; margin:0 auto; font-size:24px; margin-top:26px;}

.in-wrap {width:1280px; margin:0 auto;}
.right-gnb-wrap {position:relative;}
.right-gnb { margin-top:20px; position:absolute; right:0;}
.date-input {margin-right:10px; border:0px solid #fff; border-bottom:2px solid #1d1d1d; background:transparent; }
.search-btn-ico {position:relative; bottom:27px; margin-right:20px; margin-bottom:10px; font-size:0; background-image: url(../images/pc/common/image/search-ico.jpg); width:40px; height:40px;  }
/* .search-btn-ico {position:relative; bottom:27px; margin-right:20px; margin-bottom:10px; font-size:0; background-image: url(/build_/assets/images/pc/common/image/search-ico.jpg); width:40px; height:40px;  } */
 
.output-btn-ico {position:relative; bottom:27px; margin-bottom:10px; font-size:0; background-image: url(../images/pc/common/image/print-ico.jpg); width:40px; height:40px;  }
/* .output-btn-ico {position:relative; bottom:27px; margin-bottom:10px; font-size:0; background-image: url(/build_/assets/images/pc/common/image/print-ico.jpg); width:40px; height:40px;} */

.tbl-type01-area {margin-top:96px; position:relative;}
.tbl-type01-area .operational-performance-tbl-tit {font-size:36px; font-family:'KBFGDisplay'; font-weight:700;}
.tbl-type01-right-gnb {position:absolute; right:0; top:22px; font-family:'KBFGDisplay';}
.tbl-type01-right-gnb ul li {display:inline-block; margin-right:10px;}

.tbl-wrapper {width:100%; margin:0 auto; }

.tbl-area-type01 {width:100%; margin-top:22px; background-repeat: repeat-x; background-image: url(../images/pc/common/image/bg.jpg);}
/* .tbl-area-type01 {width:100%; margin-top:22px; background-repeat: repeat-x; background-image: url(/build_/assets/images/pc/common/image/bg.jpg);} */
.table-wrap {width:100%;}

table.tbl-type01 {width:1280px; border-top:2px solid #1d1d1d; margin:0 auto;}
table.tbl-type01 thead {background:#f5f5f5;}

/* s: 20211208 패딩 수치 변경 */
table.tbl-type01 thead tr th {padding:7px 0 0 0; border-right:1px solid #eaeaea; font-family:'KBFGDisplay'; font-weight:700; height:50px;}
table.tbl-type01 thead tr th.tit {padding:17px 0 0 0; border-right:1px solid #eaeaea; font-family:'KBFGDisplay'; font-weight:700; height:50px;}
/* e: 20211208 패딩 수치 변경 */

table.tbl-type01 thead tr th:last-child {}
table.tbl-type01 tbody tr td {padding:10px 20px 10px 10px; text-align:right; border-right:1px solid #eaeaea;}
table.tbl-type01 tbody tr td:last-child {border-right:1px solid transparent;}


/* s: 20211208 테이블 셀 너비 조정 및 라인 속성 추가 */
table.tbl-type01 tbody tr td.tal {text-align:left; font-family:'KBFGDisplay'; font-weight:700; border-bottom:1px solid #eaeaea;}
/* e: 20211208 테이블 셀 너비 조정 및 라인 속성 추가 */

 

.blank {display:block; position:relative; top:7px;}
.mgt {position:relative; top:0px;}
table.tbl-type01 thead tr th.last-tit {border-right:1px solid transparent;}
.tbl-tit-01 {margin-top:10px; display:block; }
.tbl_num {padding-top:15px; display:block; text-align:center; font-family:'KBFGDisplay';}

.tbl-area-type02-3::after {content:''; display:block; clear:both;}
.tbl-head-wrap {width:100%; } 
table.tbl-type02 {width:622px; border-top:2px solid #1d1d1d; float:right;}
table.tbl-type02 thead {background:#f5f5f5; width:100%; height:50px;}
table.tbl-type02 thead tr th {padding:17px;  border-right:1px solid #eaeaea; font-family:'KBFGDisplay'; font-weight:700;}
table.tbl-type02 thead tr th:last-child {border-right:0;}
table.tbl-type02 tbody tr td {font-family:'KBFGDisplay'; padding:16px 25px 16px 30px; line-height:1.5; text-align:left; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; vertical-align:middle;}
table.tbl-type02 tbody tr td:last-child {border-right:1px solid transparent; text-align:center;}
table.tbl-type02 tbody tr td.tal {text-align:center; font-family:'KBFGDisplay'; font-weight:100; border-bottom:1px solid #eaeaea;}
table.tbl-type02 tbody tr td.tbl_blank {padding:10px 10px 5px 10px;}
 
table.tbl-type02 tbody tr td.line-none {border-bottom:1px solid transparent;}
table.tbl-type02 thead tr th.rln {border-right:1px solid transparent;}
 
.tbl-area-type02-3::after {content:''; display:block; clear:both;}
/* s: 20211208 테이블 간격 맞추기 위하여 스타일 수정 */
table.tbl-type03 {width:621px; border-top:2px solid #1d1d1d; float:left;}
table.tbl-type03 thead {background:#f5f5f5; width:100%;}
table.tbl-type03 thead tr th {padding:17px;  border-right:1px solid #eaeaea; font-family:'KBFGDisplay'; font-weight:700;}
table.tbl-type03 thead tr th.rln {padding-left:14px; border-right:1px solid transparent; text-align:center;}
table.tbl-type03 tbody tr td {padding-bottom:20px; padding-top:20px; text-align:left; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
table.tbl-type03 tbody tr td:last-child {border-right:1px solid transparent; text-align:center; width:19%;}
table.tbl-type03 tbody tr td.tal {text-align:left; font-family:'KBFGDisplay'; vertical-align:middle;}
table.tbl-type03 tbody tr td.tbl_blank {padding:10px 10px 5px 10px;}
table.tbl-type03 tbody tr td.line-none {border-bottom:1px solid transparent;}

table.tbl-type03-2 {width:621px; border-top:2px solid #1d1d1d; float:left;}
table.tbl-type03-2 thead {background:#f5f5f5; width:100%;}
table.tbl-type03-2 thead tr th {padding:17px;  border-right:1px solid #eaeaea; font-family:'KBFGDisplay'; font-weight:700;}
table.tbl-type03-2 thead tr th.rln {padding-left:14px; border-right:1px solid transparent; text-align:center;}
table.tbl-type03-2 tbody tr td {padding-bottom:20px; padding-top:20px; text-align:left; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea;}
table.tbl-type03-2 tbody tr td:last-child {border-right:1px solid transparent; text-align:center; width:19%;}
table.tbl-type03-2 tbody tr td.tal {text-align:left; font-family:'KBFGDisplay'; vertical-align:middle;}
table.tbl-type03-2 tbody tr td.tbl_blank {padding:10px 10px 5px 10px;}
table.tbl-type03-2 tbody tr td.line-none {border-bottom:1px solid transparent;}
/* e: 20211208 테이블 간격 맞추기 위하여 스타일 수정 */

.pdl30 {padding-left:30px; padding-top:20px;}
.tbl_num {padding-top:0; display:block; text-align:center;}

.tbl-type02-area {margin-top:80px;}
.tbl-type02-area::after {content:''; display:block; clear:both;}
.right-tbl-tit {float:right; margin-right:27.5%;}
.right-tbl-tit-2 {float:right; margin-right:34.5%;}
.right-tbl-tit-type02 {float:right; margin-right:35.5%;}
.basic-index {font-size:36px; font-family:'KBFGDisplay'; font-weight:700;}
.tbl-area-type02-3 {display:flex;}
.top10-composition-item-tit {font-size:36px; font-family:'KBFGDisplay'; font-weight:700;}
.tbl-area-type02 {margin-top:22px; width:52%; background-repeat: repeat-x; background-image: url(../images/pc/common/image/bg.jpg);}
/* .tbl-area-type02 {margin-top:22px; width:52%; background-repeat: repeat-x; background-image: url(/build_/assets/images/pc/common/image/bg.jpg);} */

.place {width:40px; background:#fff;}
.tbl-area-type03 {margin-top:22px; width:52%; background-repeat: repeat-x; background-image: url(../images/pc/common/image/bg.jpg);}
/* .tbl-area-type03 {margin-top:22px; width:52%; background-repeat: repeat-x; background-image: url(/build_/assets/images/pc/common/image/bg.jpg);} */
table tbody tr:last-child td.tal ,table tbody tr:last-child td {border-bottom: none !important;}
.tbl-type02-txt-area {margin-top:30px; font-size:14px;}
.tbl-type02-txt-area::before {position:absolute; content:""; display:block; margin-top:5px; width:3px; height:3px; background:#7b7b7b; border-radius:40px;}

.in-wrap-02 {position:relative; width:100%; margin-top:142px; background:#fff;}
.section-investment-precautions {position:relative; width:1280px; margin:0 auto; padding:20px; font-family:'KBFGDisplay';}
.section-investment-precautions ul li {line-height:2; margin-left:20px;}
.section-investment-precautions ul li::before {position:absolute; left:1.8%; margin-top:17px; content:""; display:inline-block; width:9px; height:1px; background:#707070;}
.footer-tit {display:block; margin-bottom:25px; font-size:20px; margin-left:2px; font-family:'KBFGDisplay'; font-weight:700;}
.footer-tit::before {position:absolute; left:0; top:0; display:block; content:""; background-image: url(../images/pc/common/image/footer_logo_img.jpg); width:22px; height:22px;}
/* .footer-tit::before {position:absolute; left:0; top:0; display:block; content:""; background-image: url(/build_/assets/images/pc/common/image/footer_logo_img.jpg); width:22px; height:22px;} */

.footer-logo-area {margin-top:141px; padding-bottom:100px; }
.footer-logo {font-size:0; margin:0 auto; background-image: url(../images/pc/common/image/footer_logo.jpg); width:189px; height:30px;}
/* .footer-logo {font-size:0; margin:0 auto; background-image: url(/build_/assets/images/pc/common/image/footer_logo.jpg); width:189px; height:30px;} */

/* 20211206 etb99 */
.forPrint {display: none;}
/* 20211206 etb99 */

 
 
/* s: 20211207 테이블 내 내용물 텍스트 수정 */
table.tbl-type01 tbody tr td.tbl_blank {border-bottom:1px solid #eaeaea; font-family:'KBFGDisplay'; word-break:keep-all;}
/* e: 20211207 테이블 내 내용물 텍스트 수정 */

/* s: 20211207 테이블 내 내용물 텍스트 수정 */
table.tbl-type02 tbody tr td .ftl {text-align:center; display:flex;}
/* e: 20211207 테이블 내 내용물 텍스트 수정 */

/* s: 20211207 테이블 내 내용물 텍스트 수정 */
table.tbl-type02 tbody tr td.fwn {font-family:'KBFGDisplay';}
/* e: 20211207 테이블 내 내용물 텍스트 수정 */

/* s: 20211207 테이블 내 내용물 텍스트 수정 */
.tbl_rank {padding-top:0; margin:0 auto;}
/* e: 20211207 테이블 내 내용물 텍스트 수정 */

.tbl-cont {display:block; line-height:1.5;} 
/* .mgtt {position:relative; display:block; bottom:10px;} */

/* s: 20211207 테이블 내 내용물 텍스트 수정 */
.font-bold-num {font-family:'KBFGDisplay'; font-weight:0;}
/* e: 20211207 테이블 내 내용물 텍스트 수정 */

/* s: 20211207 테이블 내 내용물 텍스트 수정 */
.tbl-type02-txt {margin-left:10px; font-family:'KBFGDisplay';}
/* e: 20211207 테이블 내 내용물 텍스트 수정 */

/* s: 20211207 테이블 내 내용물 텍스트 수정 */
.tbl-no1-foot-wrap {position:relative;}
.tbl-no1-foot-wrap .tbl-no1-foot-txt {position:absolute; left:1%; margin-top:10px; font-family:'KBFGDisplay';}
/* e: 20211207 테이블 내 내용물 텍스트 수정 */

/* s: 20211207 테이블 내 내용물 텍스트 수정 */
table.tbl-type01 tbody tr td.blno {border-bottom:0;}
/* e: 20211207 테이블 내 내용물 텍스트 수정 */

/******************* ai 인사이트 신설 ***************/



/* e : ai 인사이트 mo */

/* s : ai 인사이트 pc */


/* s : 20211217 ai-insight 트리맵 pc */


#chartdiv { width: 100%; height: 1000px; }
.ampopup-header{display: none;}
#outside {width:100%; height:700px; background: tomato;}

/* .wrap_prod_detail .page_visual { height: 770px; padding-bottom: 0; } */

/* e : 20211217 ai-insight 트리맵 pc */









/************************ pc ********************/


/* s: 2021-12-30 투자시그널 페이지 pc */

.amcharts-Rectangle {display:none;}
  
  /* s : 20211222 ai-insight 투자시그널 팝업 pc */
  
  .wrap_ai-insight .bottom_floating_content {bottom:-750px;}
  .wrap_ai-insight .bottom_floating_content .compare_contnet {width:1320px;}
  /* .wrap_ai-insight .bottom_floating_content .content_scroll {height:810px;} */
  .wrap_ai-insight .bottom_floating_content [class*="tab_type"].tab_type04 .tab_menu {justify-content: flex-end; align-items: flex-end;}
  .wrap_ai-insight .bottom_floating_content [class*="tab_type"].tab_type04 div[role="tabpanel"] {padding-top:35px; background: #fff;}
  /* .ai-popup-inner {margin:0 auto; padding:0 15px; max-width:1320px;} */
  /* .ai-popup-inner-title h2 {position: relative; z-index: 1; float:left; font-size:36px; font-weight:700;} */
  .ai-popup-inner-title h2::before {content:''; position: absolute; left:0; bottom:-5px; z-index: -1; width:100%; height:10px; background:#FFC72C;}
  .ai-popup-inner-title button { float:right; position: relative; z-index: 1; width:25px; height: 25px; background:url('../images/pc/common/icon/ico_gnb_close.png'); background-position:center center; background-size:cover;}
  .ai-popup-inner-title::after {content:''; display: block; clear:both;}
  .ai-popup-inner-index {margin-top:60px;}
  .ai-popup-inner-index p {font-size:20px; font-weight: 700;}
  /* .ai-popup-inner-index h2 {margin-top:15px; padding-bottom:30px; border-bottom:1px solid #EAEAEA; font-size:30px; z-index: 0;} */
  .ai-popup-inner-product {margin-top:30px;}
  /* .ai-popup-inner-product p {font-size:20px; font-weight: 700;} */
  .ai-popup-inner-product-list {display: flex; margin-top:17px;}
  /* .ai-popup-inner-product-list li {padding:30px; margin-right:20px; width:413px; min-height:292px; border-radius: 20px; box-shadow: 0px 10px 20px #00000029;} */
  .ai-popup-inner-product-list .tag_type06 {padding:0;}
  .ai-popup-inner-product-list .tag_type06 span {padding:5px 10px; margin-right:10px; border:1px solid #CDCDCD; border-radius: 20px;}
  .ai-popup-inner-product-list .product-name {margin-top:20px; max-width: 353px; min-height:118px;}
  /* .ai-popup-inner-product-list .product-name h2 {font-size:30px;} */
  .ai-popup-inner-product-list .view-detail {margin-top:20px;}
  .ai-popup-inner-product-list .view-detail a {padding:8px 33px; border:1px solid #707070; border-radius: 20px; font-size:18px; font-weight: 700;}
  
  /* e : 20211222 ai-insight 투자시그널 팝업 pc */
  
  /* s : 20211222 ai-insight KBSTARMAP 팝업 pc */
  
  .ai-popup-inner.starmap-popup span {padding:5px 10px; margin-right:10px; border:1px solid #CDCDCD; border-radius: 20px; font-size:12px;}
  .ai-popup-inner.starmap-popup .ai-popup-inner-index {margin-top:10px;}
  .ai-popup-inner.starmap-popup .ai-popup-inner-index::after {content:''; display: block; clear:both;}
  .ai-popup-inner.starmap-popup .ai-popup-inner-index h2 {position: relative; float:left; padding-bottom:0; z-index: 0;}
  .ai-popup-inner.starmap-popup .ai-popup-inner-index h2::before {content:''; position: absolute; left:0; bottom:0; z-index: -1; width:100%; height:10px; background:#FFC72C;}
  
  /* e : 20211222 ai-insight KBSTARMAP 팝업 pc */
  
  /* s : 20211217 ai-insight 트리맵 pc */
  
  #chartdiv { width: 1280px; height: 875px; margin:0 auto; margin-bottom:200px;}
  .ampopup-header{display: none;}
  #my_dataviz {margin:0 auto; margin-bottom:200px; max-width:1320px;}
  .wrap_ai-insight .page_visual.ai-treemap {position: relative; /*height: 450px;*/ padding-bottom: 0; }
  .wrap_ai-insight .page_visual.ai-treemap::before {background-color: #2B6A55;}
  .wrap_ai-insight .page_visual.ai-treemap h2 {margin-top:55px;}
  .wrap_ai-insight .page_visual.ai-treemap .visual_shape01::before {background:url('../images/pc/common/image/img_visual_ai_01_01.png')}
  .wrap_ai-insight .page_visual.ai-treemap .visual_shape02::before {background:url('../images/pc/common/image/img_visual_ai_01_02.png')}
  .wrap_ai-insight .m_tray { position: relative; padding-top: 110px;}
  .wrap_ai-insight .m_tray .left_content p { font-size:16px; }
  .wrap_ai-insight .m_tray .right_content .date_info { font-size:14px; }
  .wrap_ai-insight .card_view {display: none; flex-wrap: wrap;}
  .wrap_ai-insight .card_view.active {display: flex;}
  .wrap_ai-insight .top_btn { bottom: 102px; }
  /* .wrap_ai-insight .content_info { padding: 68px 0 30px; } */
  .wrap_ai-insight .wrap_btn_more { margin-top: 60px; text-align: center; }
  .wrap_ai-insight .wrap_btn_more .btn_index_more .cnt { font-size: 18px; color: #6D6D6D; font-weight: bold; }
  .wrap_ai-insight .list_view { display: none; }
  .wrap_ai-insight .list_view.active { display: block; }
  .wrap_ai-insight .list_view.graph_active .graph { display: block; }
  .wrap_ai-insight .list_view.graph_active .no_data { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .wrap_ai-insight .list_view tbody th:first-child p { margin-top: 7px; }
  .wrap_ai-insight .list_view .graph, .wrap_ai-insight .list_view .no_data { display: none; margin-top: 20px; width: 180px; height: 85px; }
  .wrap_ai-insight .list_view .no_data { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .wrap_ai-insight .list_view .no_data span { margin-top: 15px; font-size: 12px; font-weight: 300; color: #1d1d1d; }
  .wrap_ai-insight .list_view.table_type01 table::before { height: 173px; }
  .wrap_ai-insight .list_view.table_type01 thead th, .wrap_ai-insight .list_view.table_type01 thead th button { line-height: 24px; }
  .wrap_ai-insight .card_view { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .wrap_ai-insight .card_view.active { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .wrap_ai-insight .card_view.graph_active .graph { display: block; }
  .wrap_ai-insight .card_view.graph_active .no_data { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .wrap_ai-insight .card_view .card_type02 { margin-right: 40px; margin-bottom: 40px; width: 400px; }
  .wrap_ai-insight .card_view .card_type02:nth-child(3n) { margin-right: 0; }
  .wrap_ai-insight .card_view .card_type02 .wrap_btn .checkbox_type03 { vertical-align: middle; }
  .wrap_ai-insight .card_view .card_type02.number { position: relative; padding-bottom:28px;}
  .wrap_ai-insight .card_view .card_type02.number .wrap_btn { position: absolute; left: 0; bottom: 12px; width: 100%; margin: 0; }
  /* treemap 차트 css */
  
  .product-value {visibility: hidden;}
  
  /* e : 20211217 ai-insight 트리맵 pc */
  
  /* e : ai 인사이트 pc */
  
   /* s: 2021-12-23~24 ai투자시그널 pc */
  .mo-ai-wrap {display:none;}
  .ai-wrap {margin:0 auto; position:relative;}
  .ai-wrap-02 {width:1280px; margin:0 auto;}
  .btn-wrap-01 {display:flex; justify-content:space-between; margin:0 auto; width:12%; text-align:center; border-bottom:1px solid #b0b0b0;}
  
  
  
  /* .lighton {border-bottom:5px solid #FFC72C; color:#1d1d1d;} */
  
  /* .btn-wrap-02 .action-btn {font-size:12px; background:#fff; border-radius:25px; border:2px solid #eee; padding:10px 30px 10px 30px; } */
  .btn-wrap-02 .active {background:#FFC72C; border-bottom:#ddd;}
  
  .tooltip {
      /* position: relative; */
      display: block;

    }
  
  .tooltip .tooltiptext {
      visibility: hidden;
      width: 120px;
      background-color: #fff;
      color: #000;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
      border:1px solid #000;
      position: absolute;
      z-index: 1;
    }
  
    .tooltip:hover .tooltiptext {
      visibility: visible;
    }
    .tooltip .tooltiptext::after {
      content: " ";
      position: absolute;
      border-style: solid;
      border-width: 5px;
    }
    .tooltip .tooltip-top {
      width: 120px;
      bottom: 93%;
      left: 50%;
      margin-left: -60px;
    }
    .tooltip .tooltip-top::after {
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-color: #fff transparent transparent transparent;
    }
  
  .btn-wrap-02 {margin-top:120px;}
  /* .btn-wrap-02 .action-btn {font-size:16px; border-radius:50px; background:#fff; margin-left:12px; color:#666;} */
  .btn-wrap-02 .active {background:#FFC72C; border-bottom:#ddd; color:#000; font-weight:bold;}

  /* .btn-next-tit {color:#1d1d1d; display:inline-block; vertical-align: bottom; margin-bottom:5px;} */
  
  .risk-info {margin-top:40px; position:relative;}
  .risk-info table {width:55%; border:1px solid #000; border-right:1px solid transparent; border-left:1px solid transparent; border-bottom:1px solid #eaeaea;}
  .risk-info table thead tr th {border-bottom:1px solid #000; padding:5px 14px 5px 14px;}
  .risk-info table thead tr th.thead-line {border-right:1px solid #fff;}
  .risk-info table tbody tr td.tbody-line {border-right:1px solid #eaeaea;}
  .risk-info table tbody tr td {text-align:center; padding:5px 34px 5px 34px;}
  
  .risk-info table thead tr th.thead-green {background:#297B5F; color:#fff;}
  .risk-info table thead tr th.thead-lightgreen {background:#79D0B2; color:#1d1d1d;}
  .risk-info table thead tr th.thead-yellow {background:#FFD45F; color:#1d1d1d;}
  .risk-info table thead tr th.thead-red {background:#EC0319; color:#fff;}
  .risk-info table thead tr th.thead-red-type02 {background:#9F0011; color:#fff;}

  .date-field {position:relative; top:40px; text-align:right;}

  .color-yellow {background:#FFDB77; border-radius:15px; padding:20px 0 0 24px;}
  .color-yellow:hover {box-shadow: 10px 40px 20px #00000029;}
  .color-green {background:#297B5F; border-radius:15px; padding:20px 0 0 24px;}
  .color-green:hover {box-shadow: 0px 40px 20px #00000029;}
  .color-red {background:#9F0011; border-radius:15px; padding:20px 0 0 24px;}
  .color-red:hover {box-shadow: 0px 40px 20px #00000029;}
  .color-red-02 {background:#EC0319; border-radius:15px; padding:20px 0 0 24px;}
  .color-red-02:hover {box-shadow: 0px 40px 20px #00000029;}
  .color-mint {background:#79D0B2; border-radius: 15px; padding:20px 0 0 24px;}
  .color-mint:hover {box-shadow: 0px 40px 20px #00000029;}


  .color-fff {display:block; color:#fff; font-size:24px;}
  .color-fff-type02 {color:#fff; font-size:16px;}
  .color-1d1d1d {color:#1d1d1d; font-size:24px; margin-right:21px;}
  
  .btn-color-green {display:block; font-size:16px; padding-top:3px; width:76px; height:28px; background:#599d86; border-radius:25px; margin-top:20px;}
  .btn-color-yellow {display:block; font-size:16px; padding-top:3px; width:76px; height:28px; background:#ffc438; border-radius:25px; margin-top:20px;}
  .btn-color-brown {display:block; font-size:16px; padding-top:3px; width:76px; height:28px; background:#af3645; border-radius:25px; margin-top:20px;}

  .btn-color-mint {display:block; font-size:16px; padding-top:3px; width:76px; height:28px; background:#50b190; border-radius:25px; margin-top:20px; }
  .btn-color-red {display:block; font-size:16px; padding-top:3px;  width:76px; height:28px; background:#eb3949; border-radius:25px; margin-top:20px;}
  
  .txt-wrap01 {margin-top:40px;}
  .network-txt {line-height:1.5;}
  
  .txt-wrap02 {margin-top:40px; margin-bottom:200px; }
  .txt-wrap02-sub {margin-top:67px;}
  .model-txt {line-height:1.5;}
  /* .align-bttn {position:relative; bottom:10px;} */
  .align-bttn02 {position:relative; top:8px;}
  .world-wrap {margin:0 auto; background:#f5f5f5; margin-top:30px;}
  
  .country {width:1280px; margin:0 auto;}
  /* .on-the-line {padding-left:10px; padding-top:10px;} */
  .country-content ul li {width:15%; height:120px; display:inline-block; margin-left:10px; margin-bottom:22px;}
 
  
  .country-tit {display:block; padding-right:22px; padding-bottom:20px; color:#1d1d1d; font-size:16px;}
  /* .country-tit-pad {display:block; width:120px; padding-bottom:20px; padding-right:25px; font-size:16px; color:#fff;} */
  
  
  .wrap-cont02 {margin-top:80px; position:relative; margin-bottom:80px;}
  .wrap-cont02 .precautions-tit {display:block; margin-bottom:20px;}
  .wrap-cont02 ul li {line-height:1.5; margin-left:10px;}
  .wrap-cont02 ul li::before {position:absolute; left:0; margin-top:10px; display:inline-block; content:""; width:3px; height:3px; background:#666; border-radius:100%;}
  


  .algo-tit {font-size:40px; margin-bottom:39px; line-height:1.3;}
  .network-tit {font-size:24px; margin-bottom:20px;}
  .network-txt {font-size:20px;}
  
  .model-tit {font-size:24px; margin-bottom:20px;}
  .model-txt {font-size:20px;}
  
  .bttn {width:195px; background:red;}
  
   /* e: 2021-12-23~24 ai투자시그널 pc */
  
  
   /* s: 2021-12-24 이벤트 네트워크 데이터 없음 페이지 pc */
  .no-data-wrap {width:1280px; margin:0 auto;}
  .no-data-wrap .btn-wrap-01 {margin-top:40px; width:30%; border-bottom:1px solid #ddd;}
  .issue-tit {font-size:40px; text-align:center;}
  .data-search-tit {font-size:20px;}
  
  .no-data-cont {text-align:center; margin-top:150px;}
  
  .no-data-wrap-mo {display:none;}
  
  
  /* wrap_ai-insight .tab-menu-wrap {position: relative; padding-top:94px;}
  .wrap_ai-insight .tab-menu02 {text-align: center;}
  .wrap_ai-insight .tab-menu02 .wrap_inner > h2 {font-size:40px; font-weight: lighter;}
  .wrap_ai-insight .tab-menu02 .wrap_inner a {position: relative; margin:50px 10px 0 0;}
   .wrap_ai-insight .tab-menu02 .wrap_inner a.active::after {content:''; position: absolute; bottom: -10px; left:-5px; width:110%; height:3px; background:#FFC72C;} */
  
  
   /* e: 2021-12-24 이벤트 네트워크 데이터 없음 페이지 pc */
  
  
   /* s: 2021-12-24 워드 클라우드 데이터 없음 페이지 pc */
  .no-data-wrap-type02 {width:1280px; margin:0 auto;}
  .no-data-wrap-type02 .btn-wrap-01-type02 {margin-top:40px; width:32%; border-bottom:5px solid #ddd;}
  
  .issue-tit {font-size:40px; text-align:center;}
  .search-img {display:flex; justify-content: center; margin-bottom:30px;}
  .data-search-tit {font-size:20px;}
  
  .no-data-cont {margin-bottom:200px;}
  
  .no-data-wrap-mo {display:none;}
  
   /* e: 2021-12-24 워드 클라우드 데이터 없음 페이지 pc */
  
   /* s: 2021-12-28 푸터 내 패밀리사이트 드롭다운 버튼 PC */
  
  /* .footer_content .footer_service .family_site select::after {position:absolute; content:"v"; display:inline-block; right:0; width:5px; height:5px;} */
  
   /* e: 2021-12-28 푸터 내 패밀리사이트 드롭다운 버튼 PC */
  
  /* s : 20211222 ai-insight 투자시그널 팝업 pc */
  
  .wrap_ai-insight .bottom_floating_content {bottom:-850px; z-index: 1000;}
  .wrap_ai-insight .bottom_floating_content .compare_contnet {width:1320px;}
  /* .wrap_ai-insight .bottom_floating_content .content_scroll {height:810px;} */
  .wrap_ai-insight .bottom_floating_content [class*="tab_type"].tab_type04 .tab_menu {justify-content: flex-end; align-items: flex-end;}
  .wrap_ai-insight .bottom_floating_content [class*="tab_type"].tab_type04 div[role="tabpanel"] {padding-top:35px; background: #fff;}
  /* .ai-popup-inner {margin:0 auto; padding:0 15px; max-width:1320px;} */
  /* .ai-popup-inner-title h2 {position: relative; z-index: 1; float:left; font-size:36px; font-weight:700;} */
  .ai-popup-inner-title h2::before {content:''; position: absolute; left:0; bottom:-5px; z-index: -1; width:100%; height:10px; background:#FFC72C;}
  .ai-popup-inner-title button { float:right; position: relative; z-index: 1; width:25px; height: 25px; background:url('../images/pc/common/icon/ico_gnb_close.png'); background-position:center center; background-size:cover;}
  .ai-popup-inner-title::after {content:''; display: block; clear:both;}
  .ai-popup-inner-index {margin-top:60px;}
  .ai-popup-inner-index p {font-size:20px; font-weight: 700;}
  .ai-popup-inner-index h2 {margin-top:15px; padding-bottom:30px; border-bottom:1px solid #EAEAEA; font-size:30px; z-index: 0;}
  .ai-popup-inner-product {margin-top:30px;}
  /* .ai-popup-inner-product p {font-size:20px; font-weight: 700;} */
  .ai-popup-inner-product-list {display: flex; margin-top:17px;}
  /* .ai-popup-inner-product-list li {padding:30px; margin-right:20px; width:413px; min-height:292px; border-radius: 20px; box-shadow: 0px 10px 20px #00000029;} */
  .ai-popup-inner-product-list .tag_type06 {padding:0;}
  .ai-popup-inner-product-list .tag_type06 span {padding:5px 10px; margin-right:10px; border:1px solid #CDCDCD; border-radius: 20px;}
  .ai-popup-inner-product-list .product-name {margin-top:20px; max-width: 353px; min-height:118px;}
  /* .ai-popup-inner-product-list .product-name h2 {font-size:30px;} */
  .ai-popup-inner-product-list .view-detail {margin-top:20px;}
  .ai-popup-inner-product-list .view-detail a {padding:8px 33px; border:1px solid #707070; border-radius: 20px; font-size:18px; font-weight: 700;}
  /* e : 20211222 ai-insight 투자시그널 팝업 pc */

  .mobile-wrap {display:none;}


  .notice_text_02 { position: relative; z-index: 1; padding: 20px; margin-top:65px; margin-bottom:200px;}

.notice_text_02 dl dt { margin-bottom: 20px; font-weight: 700; color: #000; margin-left:15px;}

.notice_text_02 dl {padding-left:3px;}

/* s: 2022-01-13 AI 투자 시그널 유의사항 문구 스타일링 추가 - pc */
.notice_text_02 dl dd { font-weight: 400; color: #707070; line-height: 34px; font-size:16px; margin-left:11px; text-indent:-13px; padding-left:10px;}
.notice_text_02 dl dd.txt-bold {font-weight:bold; }
/* e: 2022-01-13 AI 투자 시그널 유의사항 문구 스타일링 추가 - pc*/

.notice_text_02::before { display: block; content: ""; position: absolute; top: 0; left: 20px; z-index: 1; border: 12px solid #ffc72c; border-right-color: transparent; border-bottom-color: transparent; }

.popup-in-date {text-align:right; position:relative; top:64px;}
  
header .gnb_nav { display: -webkit-box; display: -ms-flexbox; display: flex; width:57%;}


/* .model-float .bottom_floating_content.open {transform: translate(0, -750px);} */

.nodata-modal-float .bottom_floating_content.open {transform: translate(0, -750px);}
/* e: 2021-12-30 투자시그널 페이지 pc */
  
  
  
  

  
  
  
  









  @media screen and (min-width: 769px) {
    .amcharts-Rectangle {display:none;}
  
  /* s : 20211222 ai-insight 투자시그널 팝업 pc */
  
  .wrap_ai-insight .bottom_floating_content {bottom:-750px;}
  .wrap_ai-insight .bottom_floating_content .compare_contnet {width:1320px;}
  /* .wrap_ai-insight .bottom_floating_content .content_scroll {height:810px;} */
  .wrap_ai-insight .bottom_floating_content [class*="tab_type"].tab_type04 .tab_menu {justify-content: flex-end; align-items: flex-end;}
  .wrap_ai-insight .bottom_floating_content [class*="tab_type"].tab_type04 div[role="tabpanel"] {padding-top:35px; background: #fff;}
  .ai-popup-inner {margin:0 auto; padding:0 15px; max-width:1320px;}
  /* .ai-popup-inner-title h2 {position: relative; z-index: 1; float:left; font-size:36px; font-weight:700;} */
  .ai-popup-inner-title h2::before {content:''; position: absolute; left:0; bottom:-5px; z-index: -1; width:100%; height:10px; background:#FFC72C;}
  .ai-popup-inner-title button { float:right; position: relative; z-index: 1; width:25px; height: 25px; background:url('../images/pc/common/icon/ico_gnb_close.png'); background-position:center center; background-size:cover;}
  .ai-popup-inner-title::after {content:''; display: block; clear:both;}
  .ai-popup-inner-index {margin-top:60px;}
  .ai-popup-inner-index p {font-size:20px; font-weight: 700;}
  .ai-popup-inner-index h2 {margin-top:15px; padding-bottom:30px; border-bottom:1px solid #EAEAEA; font-size:30px; z-index: 0;}
  .ai-popup-inner-product {margin-top:30px;}
  .ai-popup-inner-product p {font-size:20px; font-weight: 700;}
  .ai-popup-inner-product-list {display: flex; margin-top:17px;}
  .ai-popup-inner-product-list li {padding:30px; margin-right:20px; width:413px; min-height:292px; border-radius: 20px; box-shadow: 0px 10px 20px #00000029;}
  .ai-popup-inner-product-list .tag_type06 {padding:0;}
  .ai-popup-inner-product-list .tag_type06 span {padding:5px 10px; margin-right:10px; border:1px solid #CDCDCD; border-radius: 20px;}
  .ai-popup-inner-product-list .product-name {margin-top:20px; max-width: 353px; min-height:118px;}
  /* .ai-popup-inner-product-list .product-name h2 {font-size:30px;} */
  .ai-popup-inner-product-list .view-detail {margin-top:20px;}
  .ai-popup-inner-product-list .view-detail a {padding:8px 33px; border:1px solid #707070; border-radius: 20px; font-size:18px; font-weight: 700;}
  
  /* e : 20211222 ai-insight 투자시그널 팝업 pc */
  
  /* s : 20211222 ai-insight KBSTARMAP 팝업 pc */
  
  .ai-popup-inner.starmap-popup span {padding:5px 10px; margin-right:10px; border:1px solid #CDCDCD; border-radius: 20px; font-size:12px;}
  .ai-popup-inner.starmap-popup .ai-popup-inner-index {margin-top:10px;}
  .ai-popup-inner.starmap-popup .ai-popup-inner-index::after {content:''; display: block; clear:both;}
  .ai-popup-inner.starmap-popup .ai-popup-inner-index h2 {position: relative; float:left; padding-bottom:0; z-index: 0;}
  .ai-popup-inner.starmap-popup .ai-popup-inner-index h2::before {content:''; position: absolute; left:0; bottom:0; z-index: -1; width:100%; height:10px; background:#FFC72C;}
  
  /* e : 20211222 ai-insight KBSTARMAP 팝업 pc */
  
  /* s : 20211217 ai-insight 트리맵 pc */
  
  #chartdiv { width: 1280px; height: 875px; margin:0 auto; margin-bottom:200px;}
  .ampopup-header{display: none;}
  #my_dataviz {margin:0 auto; margin-bottom:200px; max-width:1320px;}
  .wrap_ai-insight .page_visual.ai-treemap {position: relative; height: 450px; padding-bottom: 0; }
  .wrap_ai-insight .page_visual.ai-treemap::before {background-color: #2B6A55;}
  .wrap_ai-insight .page_visual.ai-treemap h2 {margin-top:55px;}
  .wrap_ai-insight .page_visual.ai-treemap .visual_shape01::before {background:url('../images/pc/common/image/img_visual_ai_01_01.png')}
  .wrap_ai-insight .page_visual.ai-treemap .visual_shape02::before {background:url('../images/pc/common/image/img_visual_ai_01_02.png')}
  .wrap_ai-insight .m_tray { position: relative; padding-top: 110px;}
  .wrap_ai-insight .m_tray .left_content p { font-size:16px; }
  .wrap_ai-insight .m_tray .right_content .date_info { font-size:14px; }
  .wrap_ai-insight .card_view {display: none; flex-wrap: wrap;}
  .wrap_ai-insight .card_view.active {display: flex;}
  .wrap_ai-insight .top_btn { bottom: 102px; }
  /* .wrap_ai-insight .content_info { padding: 68px 0 30px; } */
  .wrap_ai-insight .wrap_btn_more { margin-top: 60px; text-align: center; }
  .wrap_ai-insight .wrap_btn_more .btn_index_more .cnt { font-size: 18px; color: #6D6D6D; font-weight: bold; }
  .wrap_ai-insight .list_view { display: none; }
  .wrap_ai-insight .list_view.active { display: block; }
  .wrap_ai-insight .list_view.graph_active .graph { display: block; }
  .wrap_ai-insight .list_view.graph_active .no_data { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .wrap_ai-insight .list_view tbody th:first-child p { margin-top: 7px; }
  .wrap_ai-insight .list_view .graph, .wrap_ai-insight .list_view .no_data { display: none; margin-top: 20px; width: 180px; height: 85px; }
  .wrap_ai-insight .list_view .no_data { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  .wrap_ai-insight .list_view .no_data span { margin-top: 15px; font-size: 12px; font-weight: 300; color: #1d1d1d; }
  .wrap_ai-insight .list_view.table_type01 table::before { height: 173px; }
  .wrap_ai-insight .list_view.table_type01 thead th, .wrap_ai-insight .list_view.table_type01 thead th button { line-height: 24px; }
  .wrap_ai-insight .card_view { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .wrap_ai-insight .card_view.active { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .wrap_ai-insight .card_view.graph_active .graph { display: block; }
  .wrap_ai-insight .card_view.graph_active .no_data { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .wrap_ai-insight .card_view .card_type02 { margin-right: 40px; margin-bottom: 40px; width: 400px; }
  .wrap_ai-insight .card_view .card_type02:nth-child(3n) { margin-right: 0; }
  .wrap_ai-insight .card_view .card_type02 .wrap_btn .checkbox_type03 { vertical-align: middle; }
  .wrap_ai-insight .card_view .card_type02.number { position: relative; padding-bottom:28px;}
  .wrap_ai-insight .card_view .card_type02.number .wrap_btn { position: absolute; left: 0; bottom: 12px; width: 100%; margin: 0; }
  /* treemap 차트 css */
  
  .product-value {visibility: hidden;}
  
  /* e : 20211217 ai-insight 트리맵 pc */
  
  /* e : ai 인사이트 pc */
  
   /* s: 2021-12-23~24 ai투자시그널 pc */
  .mo-ai-wrap {display:none;}
  .ai-wrap {margin:0 auto; position:relative;}
  .ai-wrap-02 {width:1280px; margin:0 auto;}
  /* s: 2022-01-13 AI 투자 시그널 탭메뉴 밑줄 삭제 pc */
/*   .btn-wrap-01 {display:flex; justify-content:space-between; margin:0 auto; width:14%; text-align:center; border-bottom:1px solid transparent;}

  .btn-wrap-01 .line-btn {padding:0 5px; font-size:32px; margin-left:0px; color:#666; font-family: "KBFGDisplay", "맑은 고딕", "Malgun Gothic", sans-serif; padding-bottom:5px;}
  .btn-wrap-01 .line-btn + .line-btn{margin-left:35px;}
   */

  /* s: 2022-01-18 익스에서 AI 투자 시그널 탭메뉴 너비 수정 */
  .btn-wrap-01 {display:flex; justify-content:space-between; margin:0 auto; width:350px; text-align:center; border-bottom:1px solid transparent;}
  /* e: 2022-01-18 익스에서 AI 투자 시그널 탭메뉴 너비 수정 */  

  /* s: 2022-01-18 color:#929292 값 추가  */
  .btn-wrap-01 .line-btn {padding:0 5px; font-size:32px; color:rgb(24, 22, 22); color:#929292; font-family: "KBFGDisplay", "맑은 고딕", "Malgun Gothic", sans-serif; padding-bottom:5px;}
  /* e: 2022-01-18 color:#929292 값 추가  */

  /* s: 2022-01-18 익스에서 간격 조정을 위해 margin-right:35px; 값 추가 */
  .btn-wrap-01 .line-btn + .line-btn{margin-left:35px; margin-right:35px;}
  /* e: 2022-01-18 익스에서 간격 조정을 위해 margin-right:35px; 값 추가 */
  
     
  .btn-wrap-01 .active {box-shadow:inset 0 -16px #FFC72C; color:#1d1d1d;}
    /* e: 2022-01-13 AI 투자 시그널 탭메뉴 밑줄 삭제 pc */
  /* .lighton {border-bottom:5px solid #FFC72C; color:#1d1d1d;} */
  
  .btn-wrap-02 .action-btn {border:2px solid #eee; padding:10px 30px 10px 30px; }
  .btn-wrap-02 .active {background:#FFC72C; border-bottom:#ddd;}
  
  /* s: 2022-01-19 AI투자시그널 툴팁 버튼에 가득차는 스타일 추가 */
  .tooltip {
      /* position: relative; */
      display: block;
      width:90%;
      padding-bottom:53px;
    }
  /* e: 2022-01-19 AI투자시그널 툴팁 버튼에 가득차는 스타일 추가 */ 
  /* .tooltip .tooltiptext {
      visibility: hidden;
      width: 120px;
      background-color: #fff;
      color: #000;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
      border:1px solid #000;
      position: absolute;
      z-index: 1;
    } */

    .tooltip .tooltiptext {
      position:absolute;
      visibility: hidden;
      width: 120px;
      background-color: #fff;
      color: #000;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
    }
  
    .tooltip:hover .tooltiptext {
      visibility: visible;
    }
    .tooltip .tooltiptext::after {
      content: " ";
      position: absolute;
      border-style: solid;
      border-width: 5px;
    }
    /* .tooltip .tooltip-top {
      bottom: 93%;
      left: -7%;
      margin-left: -60px;
      min-width:200px;
    } */
    /* s: 2022-01-14 ie에서 툴팁 이슈 대응 스타일 추가 */
    .tooltip .tooltip-top {
      bottom:100px;
      left:55px;
      margin-left:-60px;
      min-width:200px;
      position:absolute;
      line-height:1.5;
    }
    /* e: 2022-01-14 ie에서 툴팁 이슈 대응 스타일 추가 */


    .tooltip .tooltip-top::after {
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-color: #fff transparent transparent transparent;
    }
    /* s: 2022-01-14 익스에서 꺠지는 현상 수정  */
    .txt-align {display:block; margin-right:150px; display:inline-block; width:100%; text-align:left;}
    /* e: 2022-01-14 익스에서 꺠지는 현상 수정  */
    .txt-align02 {display:block; margin-right:150px;}
    .btn-mal {display:block; margin-left:-6px;}
    .txt-align-pc {margin-right:7px; display:block;}
 
  .btn-wrap-02 {margin-top:120px;}
  /* s : 2022-01-13 날짜 밖으로 꺼냄 */
  .btn-wrap-02.has-date {position:relative;}
  .btn-wrap-02.has-date .date-field{position:absolute; bottom:0; right:0; top:auto; font-size:14px; color:#666666;}
  /* e : 2022-01-13 날짜 밖으로 꺼냄 */
  .btn-wrap-02 .action-btn {font-size:16px; border-radius:50px; background:#fff; margin-left:12px; color:#666;}
  .btn-wrap-02 .active {background:#FFC72C; border-bottom:#ddd; color:#000; font-weight:bold;}

  .btn-next-tit {color:#1d1d1d; display:inline-block; vertical-align: bottom; margin-bottom:5px; margin-left:20px; font-size:16px;}
  
  .risk-info {margin-top:40px; position:relative; margin-bottom:70px;}

  /* s:2022-01-21 신호등 테이블 가운데 정렬 */
  .risk-info table {width:55%; margin:0 auto; border:1px solid #000; border-right:1px solid transparent; border-left:1px solid transparent; border-bottom:1px solid #fff; border-top:1px solid #fff;}
  /* e:2022-01-19 신호등 테이블 가운데 정렬 */
  
  /* s: 2022-01-19 신호등 테이블 패딩값 재조정 */
  .risk-info table thead tr th {border-bottom:1px solid transparent; padding:15px 64px 14px 64px;}
  /* e: 2022-01-19 신호등 테이블 패딩값 재조정 */
  .risk-info table thead tr th.thead-line {border-right:1px solid #fff;}
  .risk-info table tbody tr td.tbody-line {border-right:1px solid #eaeaea;}
  .risk-info table tbody tr td {text-align:center; padding:5px 34px 5px 34px;}
  
  /* s: 2022-01-19 테이블 끝부분 라운드 쉐입 추가 */
  .risk-info table thead tr th.thead-green {background:#297B5F; color:#fff; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
  /* e: 2022-01-19 테이블 끝부분 라운드 쉐입 추가 */
  .risk-info table thead tr th.thead-lightgreen {background:#79D0B2; color:#1d1d1d;}
  .risk-info table thead tr th.thead-yellow {background:#FFD45F; color:#1d1d1d;}
  /* s: 2022-01-19 AI투자시그널 Bad 영역 색상 변경 */
  .risk-info table thead tr th.thead-red {background:#FF7E8A; color:#fff;}
  .risk-info table thead tr th.thead-red-type02 {background:#EC0319; color:#fff; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
   /* e: 2022-01-19 AI투자시그널 Bad 영역 색상 변경 */

  
  .country-big-tit {font-size:20px; font-weight:600;}


  /* s: 2022-01-06 투자시그널 테이블 버튼 수정 - pc */
  .color-yellow {background:#FFDB77; border-radius:15px; padding:20px 0 0 24px; position:relative;}
  .color-yellow .color {color:#1d1d1d; font-size:24px;}
  .color-yellow:hover {box-shadow: 0px 10px 20px #00000029;}
  .color-yellow .color-type2 {display:block; width:76px; height:28px; padding-top:5px; margin-top:29px; margin-left:-7px; padding:7px 10px 2px 10px; border-radius:25px; color:#1d1d1d; background:#ffc825;}

  .color-green {background:#297B5F; border-radius:15px; padding:20px 0 0 24px; position:relative;}
  .color-green .color {color:#fff; font-size:24px}
  .color-green:hover {box-shadow: 0px 10px 20px #00000029;}
  .color-green .color-type2 {display:block; width:76px; height:28px; padding-top:5px; margin-top:29px; margin-left:-7px; padding:7px 10px 2px 10px; border-radius:25px; color:#fff; background:#4c9079;}

  /* s: 2022-01-19 테이블 버튼값 컬러 변경 */
  .color-red {background:#EC0319; border-radius:15px; padding:20px 0 0 24px; position:relative;}
   /* e: 2022-01-19 테이블 버튼값 컬러 변경 */
     
  .color-red .color {color:#fff; font-size:24px}
  .color-red:hover {box-shadow: 0px 10px 20px #00000029;}
  .color-red .color-type2 {display:block; width:76px; height:28px; padding-top:5px; margin-top:29px; margin-left:-7px; padding:7px 10px 2px 10px; border-radius:25px; color:#fff; background:#b73243;}

  /* s: 2022-01-19 테이블 버튼값 컬러 변경 */
  .color-red-02 {background:#FF7E8A; border-radius:15px; padding:20px 0 0 24px; position:relative;}
  /* e: 2022-01-19 테이블 버튼값 컬러 변경 */
  .color-red-02 .color {color:#fff; font-size:24px}
  .color-red-02:hover {box-shadow: 0px 10px 20px #00000029;}
  .color-red-02 .color-type2 {display:block; width:76px; height:28px; padding-top:5px; margin-top:22px; margin-left:-7px; padding:7px 10px 2px 10px; border-radius:25px; color:#fff; background:#ea374c;}

  .color-mint {background:#79D0B2; border-radius: 15px; padding:20px 0 0 24px; position:relative;}
  /* s: 2022-01-14 ie 에서 틀어짐 방지하기 위하여 패딩값 조정 */
  .color-mint .color {color:#1d1d1d; font-size:24px; display:block; margin-left:1px;}
  /* e: 2022-01-14 ie 에서 틀어짐 방지하기 위하여 패딩값 조정 */
  .color-mint:hover {box-shadow: 0px 10px 20px #00000029;}

  /* s: 2022-01-14 ie 에서 틀어짐 방지하기 위하여 패딩값 조정  */
  .color-mint .color-type2 {display:block; width:76px; height:28px; font-size:16px; padding-top:5px; margin-top:21px; margin-left:1px; padding:4px 10px 2px 10px; border-radius:25px; color:#1d1d1d; background:#5dbc9c;}
  /* s: 2022-01-14 ie 에서 틀어짐 방지하기 위하여 패딩값 조정  */
  
  /* e: 2022-01-06 투자시그널 테이블 버튼 수정 - pc */

  .color-fff {display:block; color:#fff; font-size:24px;}
  /* .color-fff-type02 {color:#fff; font-size:16px;} */
  .color-1d1d1d {color:#1d1d1d; font-size:24px; display:block; margin-right:150px;}
  
   */
  .btn-color-green {display:block; font-size:16px; padding-top:5px; width:76px; height:28px; background:#599d86; color:#fff; border-radius:25px; margin-top:20px; margin-left:1px;}
  .btn-color-yellow {display:block; font-size:16px; padding-top:3px; width:76px; height:28px; background:#ffc438; color:#1d1d1d; border-radius:25px; margin-top:20px;}
  .btn-color-brown {display:block; font-size:16px; padding-top:3px; width:76px; height:28px; background:#af3645; color:#fff; border-radius:25px; margin-top:20px;}

  .btn-color-mint {display:block; font-size:16px; padding-top:3px; width:76px; height:28px; background:#50b190; color:#1d1d1d; border-radius:25px; margin-top:20px; }
  .btn-color-red {display:block; font-size:16px; padding-top:3px;  width:76px; height:28px; background:#eb3949; color:#fff; border-radius:25px; margin-top:20px;}

  /* .date-txt {position:absolute; right:0; bottom:0; color:#666;} */
  
  .date-field {}
  .txt-wrap01 {margin-top:40px;}
  .network-txt {line-height:1.5;}
  
  .txt-wrap02 {margin-top:40px; margin-bottom:200px; }
  .txt-wrap02-sub {margin-top:67px;}
  .model-txt {line-height:1.5;}
  /* .align-bttn {position:relative; bottom:10px;} */
  .align-bttn02 {position:relative; top:8px;}
  .world-wrap {margin:0 auto; background:#f5f5f5; margin-top:35px;}
  
  .country {width:1280px; margin:0 auto;}
  /* .on-the-line {padding-left:10px; padding-top:10px;} */
  .country-content ul li {width:15%; height:120px; display:inline-block; margin-left:10px; margin-bottom:22px;}
 
  
  .country-tit {display:block; padding-right:22px; padding-bottom:20px; color:#1d1d1d; font-size:16px;}
  /* .country-tit-pad {display:block; width:120px; padding-bottom:20px; padding-right:25px; font-size:16px; color:#fff;} */
  
  
  .wrap-cont02 {margin-top:80px; position:relative; margin-bottom:80px;}
  .wrap-cont02 .precautions-tit {display:block; margin-bottom:20px;}
  .wrap-cont02 ul li {line-height:1.5; margin-left:10px;}
  .wrap-cont02 ul li::before {position:absolute; left:0; margin-top:10px; display:inline-block; content:""; width:3px; height:3px; background:#666; border-radius:100%;}
  


  .algo-tit {font-size:40px; margin-bottom:39px; line-height:1.3;}
  .network-tit {font-size:24px; margin-bottom:20px;}
  .network-txt {font-size:20px;}
  
  .model-tit {font-size:24px; margin-bottom:20px;}
  .model-txt {font-size:20px;}
  
  .bttn {width:195px; background:red;}
  
   /* e: 2021-12-23~24 ai투자시그널 pc */
  
  
   /* s: 2021-12-24 이벤트 네트워크 데이터 없음 페이지 pc */
  .no-data-wrap {width:1280px; margin:0 auto;}
  .no-data-wrap .btn-wrap-01 {margin-top:40px; width:30%; border-bottom:1px solid #ddd;}
  .issue-tit {font-size:40px; text-align:center;}
  .data-search-tit {font-size:20px;}
  
  .no-data-cont {text-align:center; margin-top:150px;}
  
  .no-data-wrap-mo {display:none;}
  
  
  /* wrap_ai-insight .tab-menu-wrap {position: relative; padding-top:94px;}
  .wrap_ai-insight .tab-menu02 {text-align: center;}
  .wrap_ai-insight .tab-menu02 .wrap_inner > h2 {font-size:40px; font-weight: lighter;}
  .wrap_ai-insight .tab-menu02 .wrap_inner a {position: relative; margin:50px 10px 0 0;}
   .wrap_ai-insight .tab-menu02 .wrap_inner a.active::after {content:''; position: absolute; bottom: -10px; left:-5px; width:110%; height:3px; background:#FFC72C;} */
  
  
   /* e: 2021-12-24 이벤트 네트워크 데이터 없음 페이지 pc */
  
  
   /* s: 2021-12-24 워드 클라우드 데이터 없음 페이지 pc */
  .no-data-wrap-type02 {width:1280px; margin:0 auto;}
  .no-data-wrap-type02 .btn-wrap-01-type02 {margin-top:40px; width:32%; border-bottom:5px solid #ddd;}
  
  .issue-tit {font-size:40px; text-align:center;}
  .search-img {display:flex; justify-content: center; margin-bottom:30px;}
  .data-search-tit {font-size:20px;}
  
  .no-data-cont {margin-bottom:200px;}
  
  .no-data-wrap-mo {display:none;}
  
   /* e: 2021-12-24 워드 클라우드 데이터 없음 페이지 pc */
  
   /* s: 2021-12-28 푸터 내 패밀리사이트 드롭다운 버튼 PC */
  
  /* .footer_content .footer_service .family_site select::after {position:absolute; content:"v"; display:inline-block; right:0; width:5px; height:5px;} */
  
   /* e: 2021-12-28 푸터 내 패밀리사이트 드롭다운 버튼 PC */
  
  /* s : 20211222 ai-insight 투자시그널 팝업 pc */
  
  .bottom_floating_content.open {transform: translate(0, -750px);}
  .wrap_ai-insight .bottom_floating_content {bottom:-750px; z-index: 1000;}
  .wrap_ai-insight .bottom_floating_content .compare_contnet {width:1320px;}
  /* .wrap_ai-insight .bottom_floating_content .content_scroll {height:910px;} */
  .wrap_ai-insight .bottom_floating_content [class*="tab_type"].tab_type04 .tab_menu {justify-content: flex-end; align-items: flex-end;}
  .wrap_ai-insight .bottom_floating_content [class*="tab_type"].tab_type04 div[role="tabpanel"] {padding-top:35px; background: #fff;}
  .ai-popup-inner {margin:0 auto; padding:0 15px; max-width:1320px;}
  .ai-popup-inner-title h2 {position: relative; z-index: 1; float:left; font-size:30px; font-weight:700;}
  .ai-popup-inner-title h2::before {content:''; position: absolute; left:0; bottom:-5px; z-index: -1; width:100%; height:10px; background:#FFC72C;}
  .ai-popup-inner-title button.pc { float:right; position: relative; z-index: 1; width:25px; height: 25px; background:url('../images/pc/common/icon/ico_gnb_close.png'); background-position:center center; background-size:cover;}
  .bottom_floating_content > button.mo { display:none; }
  .ai-popup-inner-title::after {content:''; display: block; clear:both;}
  .ai-popup-inner-index {margin-top:60px;}
  .ai-popup-inner-index p {font-size:20px; font-weight: 700;}
  .ai-popup-inner-index h2 {margin-top:15px; line-height:1.3; padding-bottom:30px; border-bottom:1px solid #EAEAEA; font-size:30px; z-index: 0;}
  .ai-popup-inner-product {margin-top:30px;}
  .ai-popup-inner-product p {font-size:20px; font-weight: 700;}
  .ai-popup-inner-product-list {display: flex; margin-top:17px;}
  .ai-popup-inner-product-list li {padding:30px; margin-right:20px; width:413px; min-height:292px; border-radius: 20px; box-shadow: 0px 10px 20px #00000029;}
  .ai-popup-inner-product-list .tag_type06 {padding:0;}
  .ai-popup-inner-product-list .tag_type06 span {padding:5px 10px; margin-right:10px; border:1px solid #CDCDCD; border-radius: 20px;}
  .ai-popup-inner-product-list .product-name {margin-top:20px; max-width: 353px; min-height:118px;}
  .ai-popup-inner-product-list .product-name h2 {font-size:30px; line-height:1.3;}
  .ai-popup-inner-product-list .view-detail {margin-top:20px;}
  .ai-popup-inner-product-list .view-detail a {padding:8px 33px; border:1px solid #707070; border-radius: 20px; font-size:18px; font-weight: 700;}
  

  .mobile-wrap {display:none;}
  /* e : 20211222 ai-insight 투자시그널 팝업 pc */
  

  /* s: 모달 팝업 데이터 없음 - pc - 2022-01-04 */
.no-product-data {margin-top:16px; background:#f6f6f6; width:1280px; height:292px; border-radius:20px;}
.no-product-data .no-product-img img {margin:0 auto; padding-top:50px;}
.no-product-data .nodata-text .nodata-text-01 {display:block; text-align:center; padding-top:24px; font-size:20px;}
.no-product-data .nodata-text .nodata-text-02 {display:block; text-align:center; line-height:2; font-size:20px;}
/* e: 모달 팝업 데이터 없음 - pc - 2022-01-04 */


.model-float.pc{}
.model-float .bottom_floating_content.open {transform: translate(0, -750px);}
.nodata-modal-float .bottom_floating_content.open {transform: translate(0, -750px);}
.bottom_floating_content.open_state {visibility: visible !important} 
.bottom_floating_content.close_state {visibility: hidden !important}

.no-product-data .no-product-img img {
  margin: 0 auto;
  padding-top: 50px;
}

/* .btn_open {display:none;} */



/* s: 2022-01-14 pc에서 모바일 안보이게 하기  */
.page_visual.ai-treemap.m_hide {display:block !important;}
/* e: 2022-01-14 pc에서 모바일 안보이게 하기  */


.paragraph-space {display:none;}


/* s: 2022-01-19 AI 투자 신호등? 텍스트 스타일링 - pc */
.traffic-light-txt-wrap {text-align:center; margin-top:68px;}
.traffic-light-txt-wrap .traffic-light-tit {font-size:24px; margin-bottom:12px; color:#1d1d1d; font-weight:bold;}
.traffic-light-txt-wrap .traffic-light-txt {font-size:16px; line-height:1.5; color:#1d1d1d;}

.mo-space {display:none;}
.pc-space {display:block;}


}




    /* *********************** mo ************************* */

 



 






 /* s: 2021-12-24 이벤트 네트워크 데이터 없음 페이지 pc */
 .no-data-wrap {width:1280px; margin:0 auto;}
 .no-data-wrap .btn-wrap-01 {margin-top:40px; width:30%; border-bottom:1px solid #ddd;}
 .issue-tit {font-size:40px; text-align:center;}
 .data-search-tit {font-size:20px;}
 
 .no-data-cont {text-align:center; margin-top:150px;}
 
 .no-data-wrap-mo {display:none;}
 
 
 /* wrap_ai-insight .tab-menu-wrap {position: relative; padding-top:94px;}
 .wrap_ai-insight .tab-menu02 {text-align: center;}
 .wrap_ai-insight .tab-menu02 .wrap_inner > h2 {font-size:40px; font-weight: lighter;}
 .wrap_ai-insight .tab-menu02 .wrap_inner a {position: relative; margin:50px 10px 0 0;}
  .wrap_ai-insight .tab-menu02 .wrap_inner a.active::after {content:''; position: absolute; bottom: -10px; left:-5px; width:110%; height:3px; background:#FFC72C;} */
 
 
  /* e: 2021-12-24 이벤트 네트워크 데이터 없음 페이지 pc */
 
 
  /* s: 2021-12-24 워드 클라우드 데이터 없음 페이지 pc */
 .no-data-wrap-type02 {width:1280px; margin:0 auto;}
 .no-data-wrap-type02 .btn-wrap-01-type02 {margin-top:40px; width:32%; border-bottom:5px solid #ddd;}
 
 .issue-tit {font-size:40px; text-align:center;}
 .search-img {display:flex; justify-content: center; margin-bottom:30px;}
 .data-search-tit {font-size:20px;}
 
 .no-data-cont {margin-bottom:200px;}
  
 .no-data-wrap-mo {display:none;}
  
  /* e: 2021-12-24 워드 클라우드 데이터 없음 페이지 pc */
 
  /* s: 2021-12-28 푸터 내 패밀리사이트 드롭다운 버튼 PC */

 /* .footer_content .footer_service .family_site select::after {position:absolute; content:"v"; display:inline-block; right:0; width:5px; height:5px;} */
 
  /* e: 2021-12-28 푸터 내 패밀리사이트 드롭다운 버튼 PC */


  /* s : 20211222 ai-insight KBSTARMAP 팝업 pc */

.ai-popup-inner.starmap-popup span {padding:5px 10px; margin-right:10px; border:1px solid #CDCDCD; border-radius: 20px; font-size:12px;}
.ai-popup-inner.starmap-popup .ai-popup-inner-index {margin-top:10px;}
.ai-popup-inner.starmap-popup .ai-popup-inner-index::after {content:''; display: block; clear:both;}
.ai-popup-inner.starmap-popup .ai-popup-inner-index h2 {position: relative; float:left; padding-bottom:0; z-index: 0;}
.ai-popup-inner.starmap-popup .ai-popup-inner-index h2::before {content:''; position: absolute; left:0; bottom:0; z-index: -1; width:100%; height:10px; background:#FFC72C;}

/* e : 20211222 ai-insight KBSTARMAP 팝업 pc */

/* s : 20211217 ai-insight 트리맵 pc */

/* s: 2022-01-21 AI투자시그널 지도 아랫부분 공백 조정  */
#chartdiv { width: 1000px; height: 600px; margin:0 auto; margin-bottom:70px;}
/* e: 2022-01-21 AI투자시그널 지도 아랫부분 공백 조정  */
.ampopup-header{display: none;}
#my_dataviz {margin:0 auto; margin-bottom:200px; max-width:1320px;}
.wrap_ai-insight .page_visual.ai-treemap {position: relative; /*height: 450px;*/ padding-bottom: 0; }
.wrap_ai-insight .page_visual.ai-treemap::before {background-color: #2B6A55;}
.wrap_ai-insight .page_visual.ai-treemap h2 {margin-top:55px;}
/* s: 2022-01-13 AI 투자 시그널 설명글 추가 pc */
.explain-txt {color:#fff; margin-top:32px; line-height:1.5;}
/* e: 2022-01-13 AI 투자 시그널 설명글 추가 pc */
.wrap_ai-insight .page_visual.ai-treemap .visual_shape01::before {background:url('../images/pc/common/image/img_visual_ai_01_01.png')}
.wrap_ai-insight .page_visual.ai-treemap .visual_shape02::before {background:url('../images/pc/common/image/img_visual_ai_01_02.png')}
.wrap_ai-insight .m_tray { position: relative; padding-top: 55px;}
.wrap_ai-insight .m_tray .left_content p { font-size:16px; }
.wrap_ai-insight .m_tray .right_content .date_info { font-size:14px; }
.wrap_ai-insight .card_view {display: none; flex-wrap: wrap;}
.wrap_ai-insight .card_view.active {display: flex;}
.wrap_ai-insight .top_btn { bottom: 102px; }
/* .wrap_ai-insight .content_info { padding: 68px 0 30px; } */
.wrap_ai-insight .wrap_btn_more { margin-top: 60px; text-align: center; }
.wrap_ai-insight .wrap_btn_more .btn_index_more .cnt { font-size: 18px; color: #6D6D6D; font-weight: bold; }
.wrap_ai-insight .list_view { display: none; }
.wrap_ai-insight .list_view.active { display: block; }
.wrap_ai-insight .list_view.graph_active .graph { display: block; }
.wrap_ai-insight .list_view.graph_active .no_data { display: -webkit-box; display: -ms-flexbox; display: flex; }
.wrap_ai-insight .list_view tbody th:first-child p { margin-top: 7px; }
.wrap_ai-insight .list_view .graph, .wrap_ai-insight .list_view .no_data { display: none; margin-top: 20px; width: 180px; height: 85px; }
.wrap_ai-insight .list_view .no_data { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.wrap_ai-insight .list_view .no_data span { margin-top: 15px; font-size: 12px; font-weight: 300; color: #1d1d1d; }
.wrap_ai-insight .list_view.table_type01 table::before { height: 173px; }
.wrap_ai-insight .list_view.table_type01 thead th, .wrap_ai-insight .list_view.table_type01 thead th button { line-height: 24px; }
.wrap_ai-insight .card_view { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.wrap_ai-insight .card_view.active { display: -webkit-box; display: -ms-flexbox; display: flex; }
.wrap_ai-insight .card_view.graph_active .graph { display: block; }
.wrap_ai-insight .card_view.graph_active .no_data { display: -webkit-box; display: -ms-flexbox; display: flex; }
.wrap_ai-insight .card_view .card_type02 { margin-right: 40px; margin-bottom: 40px; width: 400px; }
.wrap_ai-insight .card_view .card_type02:nth-child(3n) { margin-right: 0; }
.wrap_ai-insight .card_view .card_type02 .wrap_btn .checkbox_type03 { vertical-align: middle; }
.wrap_ai-insight .card_view .card_type02.number { position: relative; padding-bottom:28px;}
.wrap_ai-insight .card_view .card_type02.number .wrap_btn { position: absolute; left: 0; bottom: 12px; width: 100%; margin: 0; }
/* treemap 차트 css */

.product-value {visibility: hidden;}

/* e : 20211217 ai-insight 트리맵 pc */

   /* s: 2021-12-24 이벤트 네트워크 데이터 없음 페이지 pc */
.no-data-wrap {width:1280px; margin:0 auto;}
.no-data-wrap .btn-wrap-01 {margin-top:40px; width:30%; border-bottom:1px solid #ddd;}
.issue-tit {font-size:40px; text-align:center;}
.data-search-tit {font-size:20px;}

.no-data-cont {text-align:center; margin-top:150px;}

.no-data-wrap-mo {display:none;}


/* wrap_ai-insight .tab-menu-wrap {position: relative; padding-top:94px;}
.wrap_ai-insight .tab-menu02 {text-align: center;}
.wrap_ai-insight .tab-menu02 .wrap_inner > h2 {font-size:40px; font-weight: lighter;}
.wrap_ai-insight .tab-menu02 .wrap_inner a {position: relative; margin:50px 10px 0 0;}
 .wrap_ai-insight .tab-menu02 .wrap_inner a.active::after {content:''; position: absolute; bottom: -10px; left:-5px; width:110%; height:3px; background:#FFC72C;} */


 /* e: 2021-12-24 이벤트 네트워크 데이터 없음 페이지 pc */


 /* s: 2021-12-24 워드 클라우드 데이터 없음 페이지 pc */
.no-data-wrap-type02 {width:1280px; margin:0 auto;}
.no-data-wrap-type02 .btn-wrap-01-type02 {margin-top:40px; width:32%; border-bottom:5px solid #ddd;}

.issue-tit {font-size:40px; text-align:center;}
.search-img {display:flex; justify-content: center; margin-bottom:30px;}
.data-search-tit {font-size:20px;}

.no-data-cont {margin-bottom:200px;}

.no-data-wrap-mo {display:none;}

 /* e: 2021-12-24 워드 클라우드 데이터 없음 페이지 pc */

 /* s: 2021-12-28 푸터 내 패밀리사이트 드롭다운 버튼 PC */
/* s: 2022-02-03 appearance: none; 으로 속성 변경 */
.footer_content .footer_service .family_site select {position:relative; -webkit-appearance: none;}
/* e: 2022-02-03 appearance: none; 으로 속성 변경 */
/* .footer_content .footer_service .family_site select::after {position:absolute; content:"v"; display:inline-block; right:0; width:5px; height:5px;} */

 /* e: 2021-12-28 푸터 내 패밀리사이트 드롭다운 버튼 PC */

/* s : 20211222 ai-insight 투자시그널 팝업 pc */

.wrap_ai-insight .bottom_floating_content {bottom:-1700px; z-index: 1000;}
.wrap_ai-insight .bottom_floating_content .compare_contnet {width:1320px;}
.wrap_ai-insight .bottom_floating_content .content_scroll {height:1623px;}
.wrap_ai-insight .bottom_floating_content [class*="tab_type"].tab_type04 .tab_menu {justify-content: flex-end; align-items: flex-end;}
.wrap_ai-insight .bottom_floating_content [class*="tab_type"].tab_type04 div[role="tabpanel"] {padding-top:35px; background: #fff;}
.ai-popup-inner {margin:0 auto; padding:0 15px; max-width:1320px;}
/* .ai-popup-inner-title h2 {position: relative; z-index: 1; float:left; font-size:36px; font-weight:700;} */
.ai-popup-inner-title h2::before {content:''; position: absolute; left:0; bottom:-5px; z-index: -1; width:100%; height:10px; background:#FFC72C;}
.ai-popup-inner-title button { float:right; position: relative; z-index: 1; width:25px; height: 25px; background:url('../images/pc/common/icon/ico_gnb_close.png'); background-position:center center; background-size:cover;}
.ai-popup-inner-title::after {content:''; display: block; clear:both;}
.ai-popup-inner-index {margin-top:60px;}
/* .ai-popup-inner-index p {font-size:20px; font-weight: 700;} */
/* .ai-popup-inner-index h2 {margin-top:15px; padding-bottom:30px; border-bottom:1px solid #EAEAEA; font-size:30px; z-index: 0;} */
.ai-popup-inner-product {margin-top:30px;}
.ai-popup-inner-product p {font-size:20px; font-weight: 700;}

/* s: 모달 팝업 데이터 없음 - pc - 2022-01-04 */
/* .no-product-data {margin-top:16px; background:#f6f6f6; width:100%; height:292px; border-radius:20px;} */
.no-product-data .no-product-img img {margin:0 auto; padding-top:50px;}
/* .no-product-data .nodata-text .nodata-text-01 {display:block; text-align:center; padding-top:24px; font-size:20px;} */
.no-product-data .nodata-text .nodata-text-02 {display:block; text-align:center; line-height:2; font-size:20px;}
/* e: 모달 팝업 데이터 없음 - pc - 2022-01-04 */

.ai-popup-inner-product-list {display: flex; margin-top:17px;}
/* s: 2022-01-07 팝업 데이터 있을 때 너비 조정 */
.ai-popup-inner-product-list li {padding:30px; margin-right:20px; width:413px; min-height:292px; border-radius: 20px; box-shadow: 0px 10px 20px #00000029; box-shadow: 0 10px 20px rgba(0,0,0,0.2);}
/* e: 2022-01-07 팝업 데이터 있을 때 너비 조정 */
.ai-popup-inner-product-list .tag_type06 {padding:0;}
.ai-popup-inner-product-list .tag_type06 span {padding:5px 10px; margin-right:10px; border:1px solid #CDCDCD; border-radius: 20px;}
.ai-popup-inner-product-list .product-name {margin-top:20px; max-width: 353px; min-height:118px;}
/* .ai-popup-inner-product-list .product-name h2 {font-size:26px; line-height:1.5;} */
.ai-popup-inner-product-list .view-detail {margin-top:20px;}
.ai-popup-inner-product-list .view-detail a {padding:8px 33px; border:1px solid #707070; border-radius: 20px; font-size:18px; font-weight: 700;}

/* e : 20211222 ai-insight 투자시그널 팝업 pc */







@media screen and (max-width: 768px) { /* 최대넓이가 768px 까지 */
  /* .btn-wrap-01{display: block; width:50%;} */
  .page_visual.ai-treemap {display:none;}
  #chartdiv {display:none;}

  .wrap_prod_detail header .gnb_wrap.prod {
    background-color: #2B6A55;
  }
  .bottom_floating_content.open .tab_type04 .content_scroll {width:100%; padding: 20px; background-color: #ffffff; overflow-y: inherit !important; overflow-x: inherit !important; margin: 0;}

  /* s: 2021-12-30 투자시그널 페이지 mo */

  .amcharts-Rectangle {display:none;}

/* s : 20211222 ai-insight 투자시그널 팝업 mo */

.wrap_ai-insight .bottom_floating_content {bottom:-750px;}
.wrap_ai-insight .bottom_floating_content .compare_contnet {width:1320px;}
.wrap_ai-insight .bottom_floating_content .content_scroll {height:810px;}
.wrap_ai-insight .bottom_floating_content [class*="tab_type"].tab_type04 .tab_menu {justify-content: flex-end; align-items: flex-end;}
.wrap_ai-insight .bottom_floating_content [class*="tab_type"].tab_type04 div[role="tabpanel"] {padding-top:35px; background: #fff;}
/* .ai-popup-inner {margin:0 auto; padding:0 15px; max-width:1320px;} */
/* .ai-popup-inner-title h2 {position: relative; z-index: 1; float:left; font-size:36px; font-weight:700;} */
.ai-popup-inner-title h2::before {content:''; position: absolute; left:0; bottom:-5px; z-index: -1; width:100%; height:10px; background:#FFC72C;}
.ai-popup-inner-title button { float:right; position: relative; z-index: 1; width:25px; height: 25px; background:url('../images/pc/common/icon/ico_gnb_close.png'); background-position:center center; background-size:cover; display:none;}
.ai-popup-inner-title::after {content:''; display: block; clear:both;}
.ai-popup-inner-index {margin-top:60px;}
.ai-popup-inner-index p {font-size:20px; font-weight: 700;}
/* .ai-popup-inner-index h2 {margin-top:15px; padding-bottom:30px; border-bottom:1px solid #EAEAEA; font-size:30px; z-index: 0;} */
.ai-popup-inner-product {margin-top:30px;}
.ai-popup-inner-product p {font-size:20px; font-weight: 700;}
.ai-popup-inner-product-list {display: flex; margin-top:17px;}
/* .ai-popup-inner-product-list li {padding:30px; margin-right:20px; width:413px; min-height:292px; border-radius: 20px; box-shadow: 0px 10px 20px #00000029;} */
.ai-popup-inner-product-list .tag_type06 {padding:0;}
.ai-popup-inner-product-list .tag_type06 span {padding:5px 10px; margin-right:10px; border:1px solid #CDCDCD; border-radius: 20px;}
.ai-popup-inner-product-list .product-name {margin-top:20px; max-width: 353px; min-height:118px;}
/* .ai-popup-inner-product-list .product-name h2 {font-size:30px;} */
/* .ai-popup-inner-product-list .view-detail {margin-top:20px;} */
.ai-popup-inner-product-list .view-detail a {padding:8px 33px; border:1px solid #707070; border-radius: 20px; font-size:18px; font-weight: 700;}

/* e : 20211222 ai-insight 투자시그널 팝업 mo */

/* s : 20211222 ai-insight KBSTARMAP 팝업 mo */

.ai-popup-inner.starmap-popup span {padding:5px 10px; margin-right:10px; border:1px solid #CDCDCD; border-radius: 20px; font-size:12px;}
.ai-popup-inner.starmap-popup .ai-popup-inner-index {margin-top:10px;}
.ai-popup-inner.starmap-popup .ai-popup-inner-index::after {content:''; display: block; clear:both;}
.ai-popup-inner.starmap-popup .ai-popup-inner-index h2 {position: relative; float:left; padding-bottom:0; z-index: 0;}
.ai-popup-inner.starmap-popup .ai-popup-inner-index h2::before {content:''; position: absolute; left:0; bottom:0; z-index: -1; width:100%; height:10px; background:#FFC72C;}

/* e : 20211222 ai-insight KBSTARMAP 팝업 mo */

/* s : 20211217 ai-insight 트리맵 pc */

#chartdiv { width: 1280px; height: 875px; margin:0 auto; margin-bottom:200px;}
.ampopup-header{display: none;}
#my_dataviz {margin:0 auto; margin-bottom:200px; max-width:1320px;}
.wrap_ai-insight .page_visual.ai-treemap {position: relative; /*height: 450px;*/ padding-bottom: 10px; }

/* s: 2022-01-14 AI 투자시그널 모바일 설명글 수정 - mo*/

/* .wrap_ai-insight.signal .page_visual.ai-treemap {height:0;} */
/* e: 2022-01-14  AI 투자시그널 모바일 설명글 수정 - mo*/

.wrap_ai-insight .page_visual.ai-treemap::before {background-color: #2B6A55;}
.wrap_ai-insight .page_visual.ai-treemap h2 {margin-top:55px;}
.wrap_ai-insight .page_visual.ai-treemap .visual_shape01::before {background:url('../images/pc/common/image/img_visual_ai_01_01.png')}
.wrap_ai-insight .page_visual.ai-treemap .visual_shape02::before {background:url('../images/pc/common/image/img_visual_ai_01_02.png')}
.wrap_ai-insight .m_tray { position: relative; padding-top: 55px;}

/* s:2022-01-14 패딩 수정 */
.wrap_ai-insight .m_tray.padtop {padding-top:40px;}
/* e:2022-01-14 패딩 수정 */


.wrap_ai-insight .m_tray .left_content p { font-size:16px; }
.wrap_ai-insight .m_tray .right_content .date_info { font-size:14px; }
.wrap_ai-insight .card_view {display: none; flex-wrap: wrap;}
.wrap_ai-insight .card_view.active {display: flex;}
.wrap_ai-insight .top_btn { bottom: 102px; }
/* .wrap_ai-insight .content_info { padding: 68px 0 30px; } */
.wrap_ai-insight .wrap_btn_more { margin-top: 60px; text-align: center; }
.wrap_ai-insight .wrap_btn_more .btn_index_more .cnt { font-size: 18px; color: #6D6D6D; font-weight: bold; }
.wrap_ai-insight .list_view { display: none; }
.wrap_ai-insight .list_view.active { display: block; }
.wrap_ai-insight .list_view.graph_active .graph { display: block; }
.wrap_ai-insight .list_view.graph_active .no_data { display: -webkit-box; display: -ms-flexbox; display: flex; }
.wrap_ai-insight .list_view tbody th:first-child p { margin-top: 7px; }
.wrap_ai-insight .list_view .graph, .wrap_ai-insight .list_view .no_data { display: none; margin-top: 20px; width: 180px; height: 85px; }
.wrap_ai-insight .list_view .no_data { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.wrap_ai-insight .list_view .no_data span { margin-top: 15px; font-size: 12px; font-weight: 300; color: #1d1d1d; }
.wrap_ai-insight .list_view.table_type01 table::before { height: 173px; }
.wrap_ai-insight .list_view.table_type01 thead th, .wrap_ai-insight .list_view.table_type01 thead th button { line-height: 24px; }
.wrap_ai-insight .card_view { display: none; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.wrap_ai-insight .card_view.active { display: -webkit-box; display: -ms-flexbox; display: flex; }
.wrap_ai-insight .card_view.graph_active .graph { display: block; }
.wrap_ai-insight .card_view.graph_active .no_data { display: -webkit-box; display: -ms-flexbox; display: flex; }
.wrap_ai-insight .card_view .card_type02 { margin-right: 40px; margin-bottom: 40px; width: 400px; }
.wrap_ai-insight .card_view .card_type02:nth-child(3n) { margin-right: 0; }
.wrap_ai-insight .card_view .card_type02 .wrap_btn .checkbox_type03 { vertical-align: middle; }
.wrap_ai-insight .card_view .card_type02.number { position: relative; padding-bottom:28px;}
.wrap_ai-insight .card_view .card_type02.number .wrap_btn { position: absolute; left: 0; bottom: 12px; width: 100%; margin: 0; }
/* treemap 차트 css */

.product-value {visibility: hidden;}

/* e : 20211217 ai-insight 트리맵 pc */

/* e : ai 인사이트 pc */

/* s: 2021-12-23~24 ai투자시그널 mo */
.ai-wrap {margin:0 auto; position:relative;}
.ai-wrap-02 {width:100%; margin:0 auto;}

/* s: 2022-01-13 AI투자시그널 탭메뉴 밑줄 삭제 - mo */
/* s: 2022-01-14 AI투자시그널 탭메뉴 간격 조정 - mo */
.btn-wrap-01 {display:flex; justify-content:center; margin:0 auto; width:60%; text-align:center; border-bottom:1px solid transparent; margin-left:79px;}
/* e: 2022-01-14 AI투자시그널 탭메뉴 간격 조정 - mo */
/* e: 2022-01-13 AI투자시그널 탭메뉴 밑줄 삭제 - mo */

/* s: 2022-01-13 font-size 변경 */
.btn-wrap-01 .line-btn {font-size:18px; margin-left:0px; color:#666; font-family: "KBFGDisplay", "맑은 고딕", "Malgun Gothic", sans-serif; width:auto;}
/* e: 2022-01-13 font-size 변경 */

.btn-wrap-01 .line-btn + .line-btn{margin-left:20px;}
.btn-wrap-01 .active {box-shadow:inset 0 -6px #ffc72c; color:#1d1d1d; }

/* .lighton {border-bottom:5px solid #FFC72C; color:#1d1d1d;} */
/* s: 2022-01-07 AI 투자 시그널 버튼 패딩값 조정 */
.btn-wrap-02 .action-btn {font-size:12px; background:#fff; border-radius:25px; border:2px solid #eee; padding:5px 15px 5px 15px; }
/* e: 2022-01-07 AI 투자 시그널 버튼 패딩값 조정 */
.btn-wrap-02 .active {background:#FFC72C; border-bottom:#ddd;}

country-btn tooltip

.tooltip {
  position: relative;
  display: block;
  width:100%;
}
.country-btn:hover {
  display:block;
  
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #fff;
  color: #000;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  border:1px solid #000;
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  border-style: solid;
  border-width: 5px;
}
.tooltip .tooltip-top {
  /* width: 160px; */
  min-width:125px;
  bottom: 93%;
  left: 50%;
  margin-left: -60px;
  display:none;
}
.tooltip .tooltip-top::after {
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-color: #fff transparent transparent transparent;
}

.btn-wrap-02 {margin-top:40px; text-align:center;}
.btn-wrap-02 .action-btn {font-size:12px; border-radius:50px; background:#fff; margin-left:2px; color:#666;}
.btn-wrap-02 .active {background:#FFC72C; border-bottom:#ddd; color:#000;}
.btn-wrap-02 .action-btn-tit .active {background:#FFC72C; font-weight:bold; font-size:12px;}


.btn-next-tit {color:#1d1d1d; display:block; margin-bottom:5px; margin-top:15px; font-size:14px;}

/* s: 2022-01-21 신호등 테이블과 텍스트 사이 영역 조정  */
.risk-info {margin-top:20px; position:relative; margin-left:20px; margin-right:20px; margin-bottom:40px;}
/* e: 2022-01-21 신호등 테이블과 텍스트 사이 영역 조정  */
.risk-info table {width:100%; font-size:12px; border:1px solid #000; border-right:1px solid transparent; border-left:1px solid transparent; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea;}
.risk-info table thead tr th {border-bottom:1px solid transparent;}
.risk-info table thead tr th.thead-line {border-right:1px solid #fff;}
.risk-info table tbody tr td.tbody-line {border-right:1px solid #eaeaea; padding:10px; font-size:12px;}
.risk-info table tbody tr td {text-align:center; padding:7px 5px 5px 5px; font-size:10px;}

/* .risk-info table thead tr th.thead-green {background:#297B5F; color:#fff;}
.risk-info table thead tr th.thead-lightgreen {background:#79D0B2; color:#1d1d1d;}
.risk-info table thead tr th.thead-yellow {background:#FFD45F; color:#1d1d1d;}
.risk-info table thead tr th.thead-red {background:#EC0319; color:#fff;}
.risk-info table thead tr th.thead-red-type02 {background:#9F0011; color:#fff;} */

.risk-info table thead tr th.thead-green {background:#297B5F; color:#fff; padding:11px 15px 11px 15px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
  .risk-info table thead tr th.thead-lightgreen {background:#79D0B2; color:#1d1d1d;}
  .risk-info table thead tr th.thead-yellow {background:#FFD45F; color:#1d1d1d;}
  /* s: 2022-01-19 AI투자시그널 Bad 영역 색상 변경 */
  .risk-info table thead tr th.thead-red {background:#FF7E8A; color:#fff;}
  .risk-info table thead tr th.thead-red-type02 {background:#EC0319; color:#fff; border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
   /* e: 2022-01-19 AI투자시그널 Bad 영역 색상 변경 */

.date-field {position:relative; top:0px; text-align:right; font-size:10px; color:#666; margin-bottom:10px;}
/* s : 2022-01-13 CSS 수정 */
.has-date .date-field {width:100%; padding:0 20px; margin-top:40px;}
/* e : 2022-01-13 CSS 수정 */
.sub-country-type01 {padding-left:10px;}


.color-yellow {background:#FFDB77; border-radius:15px; padding:20px 0 0 12px;}
.color-green {background:#297B5F; border-radius:15px; padding:20px 0 0 12px;}
.color-red {background:#9F0011; border-radius:15px; padding:20px 0 0 12px;}
.color-red-02 {background:#EC0319; border-radius:15px; padding:20px 0 0 12px;}
.color-mint {background:#79D0B2; border-radius: 15px; padding:20px 0 0 12px;}


.color-fff {display:block; color:#fff; font-size:14px;}
.us-align {margin-right:13px;} 
.color-fff-type02 {color:#fff; font-size:16px;}
.color-1d1d1d {color:#1d1d1d; font-size:14px; margin-right:40px; }

.btn-color-green {display:block; font-size:12px; padding-top:4px; width:55px; height:20px; background:#599d86; color:#fff; border-radius:25px; margin-top:28px;}
.btn-color-yellow {display:block; font-size:12px; padding-top:4px; width:55px; height:20px; background:#ffc438; color:#1d1d1d; border-radius:25px; margin-top:28px;}
.btn-color-brown {display:block; font-size:12px; padding-top:4px; width:55px; height:20px; background:#af3645; color:#fff; border-radius:25px; margin-top:28px;}

.btn-color-mint {display:block; font-size:12px; padding-top:4px; width:55px; height:20px; background:#50b190; color:#1d1d1d; border-radius:25px; margin-top:28px; }
.btn-color-red {display:block; font-size:12px; padding-top:4px;  width:55px; height:20px; background:#eb3949; color:#fff; border-radius:25px; margin-top:28px;}



.txt-wrap01 {margin-top:40px;}
.network-txt {line-height:1.5;}

.txt-wrap02 {margin-top:40px; margin-bottom:200px; }
.txt-wrap02-sub {margin-top:67px;}
.model-txt {line-height:1.5;}
/* .align-bttn {position:relative; bottom:10px;} */
.align-bttn02 {position:relative; top:8px;}
/* s : 20220113 마진값 변경 */
.world-wrap {margin:0 auto; background:#f5f5f5; margin-top:10px;}
/* e : 20220113 마진값 변경 */

.country {width:100%; margin:0 auto;}
/* .on-the-line {padding-left:10px; padding-top:10px;} */
.country-content ul li {width:30%; height:90px; display:inline-block; margin-left:5px; margin-bottom:11px; padding-top:10px; padding-right:44px;}


.country-tit {display:block; padding-right:22px; padding-bottom:20px; color:#1d1d1d; font-size:16px;}
/* .country-tit-pad {display:block; width:120px; padding-bottom:20px; padding-right:25px; font-size:16px; color:#fff;} */


.wrap-cont02 {margin-top:80px; position:relative; margin-bottom:80px;}
.wrap-cont02 .precautions-tit {display:block; margin-bottom:20px;}
.wrap-cont02 ul li {line-height:1.5; margin-left:10px;}
.wrap-cont02 ul li::before {position:absolute; left:0; margin-top:10px; display:inline-block; content:""; width:3px; height:3px; background:#666; border-radius:100%;}



.algo-tit {font-size:40px; margin-bottom:39px; line-height:1.3;}
.network-tit {font-size:24px; margin-bottom:20px;}
.network-txt {font-size:20px;}

.model-tit {font-size:24px; margin-bottom:20px;}
.model-txt {font-size:20px;}

.bttn {width:195px; background:red;}

/* e: 2021-12-23~24 ai투자시그널 mo */






/* s : 20211222 ai-insight 투자시그널 팝업 mo */

.wrap_ai-insight .bottom_floating_content {bottom:-1000px; z-index: 1000;}
.wrap_ai-insight .bottom_floating_content .compare_contnet {width:1320px;}
.wrap_ai-insight .bottom_floating_content .content_scroll {height:810px;}
.wrap_ai-insight .bottom_floating_content [class*="tab_type"].tab_type04 .tab_menu {justify-content: flex-end; align-items: flex-end;}
.wrap_ai-insight .bottom_floating_content [class*="tab_type"].tab_type04 div[role="tabpanel"] {padding-top:35px; background: #fff;}
.ai-popup-inner {margin:0 auto; padding:0; max-width:1320px;}
.ai-popup-inner-title h2 {position: relative; z-index: 1; float:left; font-size:22px; font-weight:700; padding-top:60px;}
.ai-popup-inner-title h2::before {content:''; position: absolute; left:0; bottom:-5px; z-index: -1; width:100%; height:10px; background:#FFC72C;}
.bottom_floating_content > button.mo { top: 15px; right: 20px; width: 30px; height: 30px; padding: 5px; background: url(../images/pc/common/icon/ico_gnb_close.png) no-repeat center center; position: absolute; background-size: 20px 20px; }
.ai-popup-inner-title button.pc {display:none;}
.ai-popup-inner-title::after {content:''; display: block; clear:both;}
.ai-popup-inner-index {margin-top:60px;}
.ai-popup-inner-index p {font-size:14px; font-weight: 700;}
.ai-popup-inner-index h2 {margin-top:10px; padding-bottom:30px; border-bottom:1px solid #EAEAEA; font-size:20px; z-index: 0; line-height:1.3;}
.ai-popup-inner-product {margin-top:30px;}
.ai-popup-inner-product p {font-size:14px; font-weight: 700;}
.ai-popup-inner-product-list {display: flex; flex-direction: column; margin-top:10px;}
.ai-popup-inner-product-list li {padding:30px; margin-right:20px; width:100%; min-height:169px; border-radius: 20px; box-shadow: 0px 10px 20px #00000029; margin-top:20px;}
.ai-popup-inner-product-list li:last-of-type{margin-bottom: 20px;}
.ai-popup-inner-product-list .tag_type06 {padding:0;}
.ai-popup-inner-product-list .tag_type06 span {padding:5px 10px; margin-right:10px; border:1px solid #CDCDCD; border-radius: 20px; font-size:12px;}
.ai-popup-inner-product-list .product-name {margin-top:20px; max-width: 353px; min-height:50px;}
.ai-popup-inner-product-list .product-name h2 {font-size:20px;}
.ai-popup-inner-product-list .view-detail {margin-top:20px;}
.ai-popup-inner-product-list .view-detail a {padding:8px 33px; border:1px solid #707070; border-radius: 20px; font-size:12px; font-weight: 700;}


/* e : 20211222 ai-insight 투자시그널 팝업 mo */

.notice_text_02 { position: relative; z-index: 1; padding: 20px; margin-top:65px; margin-bottom:100px;}

.notice_text_02 dl dt { margin-bottom: 20px; font-weight: 400; color: #000; margin-left:12px; font-size:16px;}

.notice_text_02 dl dd { font-weight: 400; color: #707070; line-height: 19px; font-size:9px; text-indent:-10px;}

.notice_text_02::before { display: block; content: ""; position: absolute; top: 0; left: 20px; z-index: 1; border: 12px solid #ffc72c; border-right-color: transparent; border-bottom-color: transparent; }

.popup-in-date {text-align:right; position:relative; top:15px; right:0px; font-size:10px;}
/* e: 2021-12-30 투자시그널 페이지 mo */


header .gnb_nav { display: -webkit-box; display: -ms-flexbox; display: flex; width:100%;}

/* .bottom_floating_content.open {transform: translate(0, -750px);} */

.model-float.mo{position: absolute; top: 0px; height: 100%; background-color: rgb(255, 255, 255);}
/* s: 2022-01-27 모달 레이아웃 팝업 높이 추가 (스크롤 동작을 위해서) */
.bottom_floating_content.open { overflow-y: auto; overflow-x: hidden; position: fixed; left:0; top:0; z-index: 110; width: 100%; min-width: 0px; background-color: rgb(255, 255, 255); display:block; height:100%;}
/* e: 2022-01-27 모달 레이아웃 팝업 높이 추가 (스크롤 동작을 위해서) */
.bottom_floating_content.open_state {visibility: visible !important} 
.bottom_floating_content.close_state {visibility: hidden !important} 

/* s: 모달 팝업 데이터 없음 - pc - 2022-01-04 */
.no-product-data {margin-top:16px; background:#f6f6f6; width:100%; height:527px; border-radius:20px; margin-bottom:40px;}

.no-product-data .nodata-text .nodata-text-01 {display:block; text-align:center; margin-top:100px; font-size:14px; line-height:1.5; font-weight:normal;}
.no-product-data .no-product-img img {display:block; position:relative; top:84px;}
/* e: 모달 팝업 데이터 없음 - pc - 2022-01-04 */


/* .model-float .bottom_floating_content.open {transform: translate(0, -750px);} */
.nodata-modal-float .bottom_floating_content {transform: translate(0, -750px);}

.txt-align {display:block; margin-right:150px;}

.color-type3btn {position:relative; bottom:13px;} 


/* s: 2022-01-06 투자시그널 테이블 버튼 수정 - mo */
.color-yellow {background:#FFDB77; border-radius:15px; padding:10px 0 0 12px;}
.color-yellow button {width:100px;} /* 2022-01-10 버튼 스타일링 */
.color-yellow .color {color:#1d1d1d; font-size:12px;}
.color-yellow:hover {box-shadow: 0px 10px 20px #00000029;}
.color-yellow .color-type2 {display:block; width:47px; height:24px; margin-top:29px; margin-left:-5px; padding:4px 10px 2px 10px; border-radius:25px; color:#1d1d1d; background:#ffc825;}


.color-green {background:#297B5F; border-radius:15px; padding:10px 0 0 12px;}
.color-green button {width:100px;}
.color-green .color {color:#fff; font-size:12px; display:block; width:40px;}
.color-green:hover {box-shadow: 0px 10px 20px #00000029;}
.color-green .color-type2 {display:block; width:47px; height:24px; margin-top:29px; margin-left:0px; padding:7px 10px 2px 10px; border-radius:25px; color:#fff; background:#4c9079;}
.mo-bttn-align {position:relative; bottom:13px;}

.color-red {background:#9F0011; border-radius:15px; padding:10px 0 0 12px;}
.color-red button {width:100px;}
.color-red .color {color:#fff; font-size:12px;}
.color-red:hover {box-shadow: 0px 10px 20px #00000029;}
.color-red .color-type2 {display:block; width:55px; height:24px; margin-top:29px; margin-left:-3px; padding:7px 10px 2px 10px; border-radius:25px; color:#fff; background:#b73243;}

.color-red-02 {background:#EC0319; border-radius:15px; padding:10px 0 0 12px;}
.color-red-02 button {width:100px;}
.color-red-02 .color {color:#fff; font-size:12px;}
.color-red-02:hover {box-shadow: 0px 10px 20px #00000029;}
.color-red-02 .color-type2 {display:block; width:55px; height:20px; margin-top:30px; margin-left:-7px; padding:4px 10px 2px 10px; border-radius:25px; color:#fff; background:#ea374c;}
.mo-bttn-align02 {margin-right:18px; display:block; padding-right:38px;}

.color-mint {background:#79D0B2; border-radius: 15px; padding:10px 0 0 12px;}
.color-mint .color {color:#1d1d1d; font-size:12px;}
.color-mint:hover {box-shadow: 0px 10px 20px #00000029;}
.color-mint .color-type2 {display:block; width:55px; height:24px; margin-top:26px; margin-left:1px; padding:7px 10px 2px 10px; border-radius:25px; color:#1d1d1d; background:#5dbc9c;}

.color-type2btn {display:block; padding-right:26px; padding-left:10px;}
.color-type3btn {position:relative; bottom:16px;}
.txt-left {position:relative; left:-10px;}
.txt-mgr {display:block; margin-right:28px;}
.btn-mal {display:block; margin-left:0px;}
.tit-mgl {display:block; margin-left:120px;}
/* e: 2022-01-06 투자시그널 테이블 버튼 수정 - mo */


/* s: 2022-01-13 AI 투자 시그널 설명글 추가 mo */
/* s: 2022-01-14 AI 투자 시그널 설명글 폰트 수정 */
.explain-txt {color:#fff; margin-top:13px; line-height:1.5; display:block; padding-top:10px; padding-bottom:25px; font-size:13px;}
/* e: 2022-01-14 AI 투자 시그널 설명글 폰트 수정 */
/* e: 2022-01-13 AI 투자 시그널 설명글 추가 mo */

.wrap_ai-insight .page_visual.ai-treemap::before {background-color: #2B6A55; height:165px;}


/* s: 2022-01-14 AI투자시그널 설명글 추가 mo */
.wrap_prod_detail .page_visual .page_title.prod_title {
  display: none !important;
  height: auto;
  margin-top: 12px;
  font-size: 22px;
  line-height: 1.2;
  text-align: center;
}
/* e: 2022-01-14 AI투자시그널 설명글 추가 mo */


/* s: 2022-01-14 pc에서 모바일 안보이게 하기  */
.page_visual.ai-treemap.m_show {display:block;}
.page_visual.ai-treemap.m_hide {display:none;}
/* .page_visual.ai-treemap.m_show {display:block;} */
/* e: 2022-01-14 pc에서 모바일 안보이게 하기  */

/* s: 2022-01-19 AI 투자 신호등? 텍스트 스타일링 - mo */
/* s: 2022-01-21 AI 투자 신호등? 영역 공백 조정  - mo*/
.traffic-light-txt-wrap {text-align:center; margin-top:50px;}
/* e: 2022-01-21 AI 투자 신호등? 영역 공백 조정  - mo*/ 
.traffic-light-txt-wrap .traffic-light-tit {font-size:24px; margin-bottom:12px; color:#1d1d1d; font-weight:bold;}
.traffic-light-txt-wrap .traffic-light-txt {font-size:16px; line-height:1.5; color:#1d1d1d;}

.mo-space {display:block;}

.pc-space {display:none;}
/* e: 2022-01-19 AI 투자 신호등? 텍스트 스타일링 - mo */
}
