/*
+----------------------------------------------------------------------+
| Copyright (c) VAIV.  co. Ltd
+----------------------------------------------------------------------+
| 占쎈쑞�솒紐껊빍 揶쏆뮆而삼옙�쁽 占쎈땾占쎌젟 CSS
+----------------------------------------------------------------------+
*/
@charset "utf-8";

/* 211029 scss수정

    .list_info{font-size: 14px;}
    .foreign-stock-text {font-size: 13px;}
    .relationList_wrap li .ytd-video-meta-block {margin-top: 7px;}
 */


table.view4 .col-item.active{font-weight:bold;background-color: #d3d3d3;border-top-left-radius:15px;border-bottom-left-radius: 15px;}
table.view4 .col-price.active{background-color: #d3d3d3;}
table.view4 .col-compare.active{background-color: #d3d3d3;border-top-right-radius:15px;border-bottom-right-radius: 15px;}

table.view4 #top_theme_company_list tr:hover .col-item{cursor: pointer;background-color: #d3d3d3;border-top-left-radius:15px;border-bottom-left-radius: 15px;}
table.view4 #top_theme_company_list tr:hover .col-price{cursor: pointer;background-color: #d3d3d3;}
table.view4 #top_theme_company_list tr:hover .col-compare{cursor: pointer;background-color: #d3d3d3;border-top-right-radius:15px;border-bottom-right-radius: 15px;}


.item-summary .item-score.down{color: #4866EF;}
.item-summary .item-score.down .ico-score {border-width: 6px 4px 0px 4px;border-color: #4866EF transparent transparent transparent;}

.today-origin-wrap .origin-tab-news-lists li .list-author-text .author-box .author-name{width: 80px;}

#dynamic-total-pages-pagination .pagination-sm .prev{opacity: 0.4;}
#dynamic-total-pages-pagination .pagination-sm .next{opacity: 0.4;}
#dynamic-total-pages-pagination .pagination-sm li{cursor: pointer;}

table.view3 tbody td{
	padding: 6px 4px;
	font-size: 13px	
}

table.view3 tbody td.value-text, table.view3 tfoot td.value-text{
	font-family: tahoma,arial,"SpoqaHanSans Neo","Malgun Gothic","맑은고딕","맑은 고딕","malgun-gothic","Apple Gothic",dotum,sans-serif;
}

.text-up, .text-down{
	font-size:12px;
}

.list_price{
	text-align:right;
}

td.value-text {
    font-family: tahoma,arial,"SpoqaHanSans Neo","Malgun Gothic","맑은고딕","맑은 고딕","malgun-gothic","Apple Gothic",dotum,sans-serif;
}

td.ratio-text{
	font-family: tahoma,arial,"SpoqaHanSans Neo","Malgun Gothic","맑은고딕","맑은 고딕","malgun-gothic","Apple Gothic",dotum,sans-serif;
}

.search-date-box{
	width:132px;
}


table.view1 tbody td.companyName{
	text-align:left;
}

.tac{
	margin:10px 0;
}


/*실시간검색어*/
.slide {height: 300px;overflow: hidden;}
.slide ul {position: relative;height: 100%;}
.slide li {position: absolute;left: 0;right: 0;top: 0;bottom: 0;opacity: 0;animation: fade 25s infinite;}
.slide li:nth-child(1) {animation-delay: 0s}
.slide li:nth-child(2) {animation-delay: 2.5s}
.slide li:nth-child(3) {animation-delay: 5s}
.slide li:nth-child(4) {animation-delay: 7.5s}
.slide li:nth-child(5) {animation-delay: 10s}
.slide li:nth-child(6) {animation-delay: 12.5s}
.slide li:nth-child(7) {animation-delay: 15s}
.slide li:nth-child(8) {animation-delay: 17.5s}
.slide li:nth-child(9) {animation-delay: 20s}
.slide li:nth-child(10) {animation-delay: 22.5s}
/* 100 / 20 = 5 */
@keyframes fade {
  0% {opacity: 0;}
  5%{opacity:1;}
  10%{opacity:1;}
  15%{opacity:0;}
  100%{opacity:0;}
}

table.view5 tbody tr td.col-3,table.view5 tbody tr td.col-4,table.view5 tbody tr td.col-5,.list_info{
	text-align:right;
	font-family: tahoma,arial,"SpoqaHanSans Neo","Malgun Gothic","맑은고딕","맑은 고딕","malgun-gothic","Apple Gothic",dotum,sans-serif;
}

.amcharts-input.active{
	color:black;
	background-color:orange;
}

.count, .table-align-num, em, .num{
	font-family: tahoma,arial,"SpoqaHanSans Neo","Malgun Gothic","맑은고딕","맑은 고딕","malgun-gothic","Apple Gothic",dotum,sans-serif;
}

.price-item{
	margin-right:6px;
}

.bunwi-bar>li:nth-child(1) .num, .bunwi-bar>li:nth-child(10) .num{
	opacity:0;
}


.bunwi-bar>li.active:nth-child(1) .block {
    background-color: #C31734;
}

.bunwi-bar>li.active:nth-child(2) .block {
    background-color: #AA224B;
}

.bunwi-bar>li.active:nth-child(3) .block {
    background-color: #912E62;
}

.bunwi-bar>li.active:nth-child(4) .block {
    background-color: #793979;
}

.bunwi-bar>li.active:nth-child(5) .block {
    background-color: #604590;
}

.bunwi-bar>li.active:nth-child(6) .block {
    background-color: #4750A7;
}

.bunwi-bar>li.active:nth-child(7) .block {
    background-color: #2F5CBE;
}

.bunwi-bar>li.active:nth-child(8) .block {
    background-color: #1667D5;
}

.bunwi-bar>li.active:nth-child(9) .block {
    background-color: #1667D5;
}

.page-item a{
	padding: 0 5px;
    line-height: 34px;
    font-size: 15px;
    font-weight: 700;
    color: #c7c8cb;
    background-color: #fff;
    border-radius: 100%;
}

.page-item.first a, .page-item.prev a, .page-item.next a, .page-item.last a{
	height:34px;
	border: 0px;
	padding: 0 5px;
    line-height: 34px;
    font-size: 15px;
    font-weight: 700;
    color: #000000;
    background-color: #fff;
    border-radius: 100%;
}

#issueCompanyList tr{
	cursor: pointer;
}

#issueCompanyList tr.active{
	background-color: #d3d3d3;
}

.qa-summary-btn {
    margin-left: 10px;
    display: inline-block;
    border-radius: 10px;
    background-color: aliceblue;
    border: 1px solid gray;
    padding: 2px 10px 2px 10px;
}

#qa-summary-modal {
    display: none;
    top: 50%;
    left: 300px;
    transform: translate(0%, -50%);
    position: fixed;
    max-width: 500px;
    background-color: aliceblue;
    z-index: 99999;
    border: 1px solid gray;
    border-radius: 10px;
    padding: 10px;
}

.summary-li {
    margin: 10px 0px 10px 0px;
    font-weight: 400;
    line-height: 1.5;
}

#itemSummary{
	margin-top:20px;
}

.item-slider .item-text.up_info .percent_num{
	color:red;
}

.item-slider .item-text.down_info .percent_num{
	color:blue;
}
/*
.news-search-section.static-news-search{
	position:relative;
	display:block;
	z-index:99;
}

.static-news-search .search-item-section{
	display:block;
}

.static-news-search .search-enter-section{
	display:inline-block;
	
}

.static-news-search .search-enter-section .search-input-box{
	display:absolute;
	left: 120px;
}

.static-news-search .search-enter-section .search-input-box .search-item-input{
	width:700px;
}
*/

/*검색창을 default로 노출*/
.static-news-search .search-item-list{display:none;}
.static-news-search .search-item-btn{display:none;}
.static-news-search .search-enter-section{display:block;}

/*관련주 검색*/
.theme-search-tab-wrap{}
.theme-search-tab-wrap dd{padding: 22px;width: 958px;}
.theme-search-tab-wrap .table-box{}

.theme-search-tab{position: relative;display:flex;justify-content:start;align-items:start;border: 1px solid #E5E5E5;border-radius: 20px;background-color: #fff;}
.theme-search-tab dt{display: none;}
.theme-search-tab dd{}

/* .ai-search-btn{
	position:absolute;
	right:-100px;
	top:0px;
	font-size:20px;
	background-color:#ebecf0;
	padding:20px;
	border-radius:10px;
} */

.list_img{
	min-height:100px;
}

.escape-btn{
	float:right;
}

.news-list-before-wrap .before-news-list.qa-list .list-desc-text{
	white-space: normal;
}

.news-list-before-wrap .before-news-list .list-info-box{
	width: 833.75px;
}
.news-list-before-wrap .before-news-list .list-author-text{
	width:125.25px;
}
.news-list-before-wrap .qa-list.before-news-list .list-info-box .list-desc-text{
	max-width:none;
	margin-right:20px;
}

.search-date-box.type2 .search-date-picker{
	width:95px;
	font-family:none;
}

.search-date-box .search-date-picker{
	font-family:none;
}

.search-dash-box .search-dash{
	padding-top:auto;
	padding-bottom:auto;
}

#gnb ul li{
	margin:0 8px;
}
header .header-top-menu-box .btn-header-top-menu{
	margin-left:5px;	
}

header .headerLogo{
	margin-right:20px;
	width:158px;
	background:url("/resources/images/logo/logo-beta-0e81858f681f2f1ffdabdb222079a844.svg") no-repeat 0 50%;
}

.fix-search-mode{
	margin-bottom:40px;
}

.header-snb-wrap .snb-lists.news-snb-lists{left: -277px;}
.header-snb-wrap .snb-lists.item-discovery-snb-lists{left: -196px;}
/* 2026.05.21 KYPARK : 종목 발골, 섹터 분석 메뉴 삭제 후 아래와 같이 조정
.header-snb-wrap .snb-lists.theme-snb-lists{left: 30px;}
.header-snb-wrap .snb-lists.public-analysis-snb-lists{left: 130px;} */
.header-snb-wrap .snb-lists.theme-snb-lists {left: -160px;}
.header-snb-wrap .snb-lists.public-analysis-snb-lists {left: -58px;}
.header-snb-wrap .snb-lists.qa-snb-lists{left: 150px;}
.header-snb-wrap .snb-lists.service-snb-lists{left: 158px;}
.header-snb-wrap .snb-lists.service-snb-lists.somemoney {left: 114px;}

.radio-type1{
	padding-left:22px;
	margin-right:8px;
}

.news-list-before-wrap .before-news-list .list-hash-tag-box .vam .list-hash-tag{
	margin-right:0px;
}
.tag-box.vam{
	margin-right:10px;
}
.tag-box.vam .list_icon{
	padding-left: 5px;
	font-size: 0;
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    z-index: 5;
    background: #fff;
}
.tag-box.vam .list_icon .icon_btn.news_btn{
	background-image: url("/resources/images/icon/icon_search2-96123b57df35d875ba48de2cd5309e11.svg");
}
.tag-box.vam .list_icon .icon_btn.contents_btn{
	background-image: url("/resources/images/icon/icon_yt-b48df89286a413895c41564403325370.svg");
}
.tag-box.vam .list_icon .icon_btn.saved_btn{
	background-image: url("/resources/images/icon/icon_saved-b62d690b217e8f3dd97bd8b5269b45a9.svg");
}

.tag-box.vam .list_icon .icon_btn{
	vertical-align: middle;
    display: inline-block;
    background-color: #fff;
    outline: none;
    font-size: 0;
    text-indent: -9999px;
    border: 0;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    background-size: 100%;
    border-radius: 50%;
}
.news-list-before-wrap .before-news-list .list-author-text.list-cell div span{
	font-family: tahoma,arial,"SpoqaHanSans Neo","Malgun Gothic","맑은고딕","맑은 고딕","malgun-gothic","Apple Gothic",dotum,sans-serif;
}

.contentsInner .floating_btn .floating_inner {
	border-image: none;
	/*left: 50%;*/
	bottom: 20px;
	/*transform: translate(365px, 0);*/
	position: absolute;
}

/* 2025.02.24 KYPARK : 챗봇 배너 및 Top 버튼 위치 조정 */
#chatbot_banner, #top_btn {width: 100%; max-width: 1270px;}
#chatbot_banner .floating_inner {right: 210px;}
#top_btn .floating_inner {right: 155px; bottom: 29px;}
#chatbot_banner .floating_inner.wide {right: 90px;}
#top_btn .floating_inner.wide {right: 35px; bottom: 29px;}

.sectionContents_layout1 .right-content.fixed {top: 70px;}

.hide{
	display:none;
}

.tooltip-custom-content{
	position:absolute;
	width: 200px;
	top:-39px;
	right:0;	
}

.statement-rowname{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 400px;
}

.table-caption{
	position: absolute;
    right: 0px;
}

.statement-table-info{
	position: relative;
	margin-bottom: 10px;
}

.rowname-col{
	width: 400px;
}

.news-search-section-dummy{}
.news-search-section-dummy.on{height: 90px;}
.income-statement, .seperate-income-statement{
	display:none;
}

table.view1 tbody td.left-align{
	text-align:left;
}

.tr-link{
	cursor:pointer;
}

.search-result-text {
    margin-top: 50px;
}

table.view1-type3 thead th.no-border {
	border-bottom: 0px ;
}

.list-path-text{
	color:#999;
}

.report-info{
	color:#999;
	white-space: nowrap;
}

.list-author-text{
	text-align: center;
}

.search-option-wrap .btn-smit{
	display: block;
	min-width:90px;
}

.search-form.stock-filter{
	max-width:none;
	margin: 0;
	width:240px;	
}

.stock-filter label{
	font-weight: none;
}

.stock-filter label, input{
	height: 20px;
}

.stock-filter input{
	margin-left:10px;
	border:0px;
}

.auto-discovery-lists {
    justify-content: flex-start;
}

.auto-discovery-lists .auto-discovery-list {
    width: calc(25% - 15px);
    margin-right: 20px;
    margin-bottom: 20px;
}

.stock-report {
	margin-top:10px;
}

.news-list-before-wrap .before-news-list .list-img-box {
    width: 140px;
}

.news-list-before-wrap .before-news-list .list-info-box{
	width: 692.75px;
}


.news-list-before-wrap .before-news-list .list-info-box .list-desc-text{
	max-width: 662px;
}

.news-list-summary .summary-title{border-bottom: 1px solid #e8e8e8;}
.news-list-summary .summary-title .btn-summary-close{color: #979797;}
.news-list-summary{border: 1px solid #e5e5e5; background-color: #f6f7f8;}
.summary-li { margin: 6px 0px 6px 0px;font-weight: 400; line-height: 1.5;}

.report-list-right>.right-source p{font-size:12px; font-weight:400; color:#c9ccd2;}

.news-list-summary{
	box-shadow: none;
}

.right-text mark {
    border-bottom: 2px solid #ffdc00;
    background: rgba(0,0,0,0);
    color: #2d3643;
    font-weight: 500;
}

#profit-chart0{width: 100%;height: 350px;}
#profit-growth-chart0{width: 100%;height: 350px;}

.span.twitter-typeahead .active.tt-suggestion, span.twitter-typeahead .tt-suggestion.tt-cursor, span.twitter-typeahead .active.tt-suggestion:focus, span.twitter-typeahead .tt-suggestion.tt-cursor:focus, span.twitter-typeahead .active.tt-suggestion:hover, span.twitter-typeahead .tt-suggestion.tt-cursor:hover{
	background-color: #2d3643;
}

/* 2022.07.22 KYPARK : 로딩바를 센터에 고정 */
.loadingType #circle2{display: block;position: fixed;top: 50%;left: 50%;height: 60px;width: 60px;margin: -20px 0 0 -20px;background:url(/resources/images/icon/load_black-36845b539d20f85eb3777c4125c996c5.gif) no-repeat;background-size: 60px;}

/* 2022.07.23 KYPARK : 로그인버튼을 숨길경우 hotKeyword 영역을 늘림 */
header .hideMenuBox{min-width: 267px;}

/* 2022.07.23 KYPARK : 관심종목 탭을 숨길 경우 첫번째 <li> 영역을 100%로 늘림 */
.hideMyStock li{width: 100%}

/* 2022.07.23 KYPARK : 오늘의 이슈 테이블의 오른쪽 패딩 제거 */
table.view5 .col-6{width: 145px;padding-right: 0px;}

/* 2022.07.23 KYPARK : 직접발굴에서 '내 설정 선택'을 '종목발굴 설정'으로 변경시 커서 표시를 default 모양으로 변경 */
.search-option-wrap .noPointer{cursor: auto}

/* 2022.07.25 KYPARK : admin 장전뉴스 관련 css 추가 */
/* https://dev2-money.some.co.kr/resources/scss/pages/_before_news.scss에서 가저욤 */
.news_before .beforeContents_box{}
.news_before .before_tab_con{float: left; }
.news_before .before_newsList_wrap{width: 910px;margin-top: 30px;}
.news_before .before_newsList_wrap .news_list{display: table;width: 100%;padding: 20px 0;position: relative;}
.news_before .before_newsList_wrap .news_list .list_cell{display: table-cell;vertical-align: middle;}
.news_before .before_newsList_wrap .news_list:first-child{padding-top:0px}
.news_before .before_newsList_wrap .news_list:last-child{padding-bottom:0px}
 
/* list_indexNum */
.news_before .before_newsList_wrap .news_list .list_indexNum{width: 40px;text-align: left;font-size: 19px;color: #2D3643;font-weight: 300;vertical-align: top;}
 
/* list_img_box */
.news_before .before_newsList_wrap .news_list .list_img_box{position: relative;top: auto;left: auto;width: 102px;height: 102px;border-radius: 10px;overflow: hidden;border: 1px solid #e5e5e5;}
.news_before .before_newsList_wrap .news_list .list_img_box a{display: block;width: 102px;height: 102px;}
.news_before .before_newsList_wrap .news_list .list_img_box img{width: 100%;height: 100%;width: 102px;height: 102px;object-fit: cover;}
 
/* list_info_box */
.news_before .before_newsList_wrap .news_list .list_info_box{padding: 4px 15px 0;vertical-align: top;width: 586px;}
.news_before .before_newsList_wrap .news_list .list_info_box .list_subject{font-family: "cwTeXMing",tahoma,arial,"SpoqaHanSans Neo","Malgun Gothic","맑은고딕","맑은 고딕","malgun-gothic","Apple Gothic",dotum,sans-serif;font-size: 19px;color: #2D3643;font-weight: 500;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 500px;}
.news_before .before_newsList_wrap .news_list .list_info_box .list_desc_text{display: block;color: #7e7e7e;font-size: 13px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 556px;margin-top: 7px;font-family:tahoma,arial,"SpoqaHanSans Neo","Malgun Gothic","맑은고딕","맑은 고딕","malgun-gothic","Apple Gothic",dotum,sans-serif;}
.news_before .before_newsList_wrap .news_list .list_info_box .list_keyword_box{margin-top: 9px;}
.news_before .before_newsList_wrap .news_list .list_info_box .list_keyword_box span{position:relative;height:20px;line-height:20px;text-align: center; color:#2D3643; font-size: 13px;font-family:tahoma,arial,"SpoqaHanSans Neo","Malgun Gothic","맑은고딕","맑은 고딕","malgun-gothic","Apple Gothic",dotum,sans-serif;vertical-align: middle;font-weight: 500; margin-right: 8px;}
.news_before .before_newsList_wrap .news_list .list_info_box .list_keyword_box span em{display: inline-block;vertical-align: middle;z-index: 3;position: relative;}
.news_before .before_newsList_wrap .news_list .list_info_box .list_keyword_box span .list_icon{padding-left:5px;}
.news_before .before_newsList_wrap .news_list .list_info_box .list_keyword_box span::before{content:'#';color:#2D3643;}
.news_before .before_newsList_wrap .news_list .list_info_box .list_keyword_box span::after{content:'';position: absolute;bottom:2px;left:0;background:rgba(255,220,0,0.5);height:4px;width:100%;}
.news_before .before_newsList_wrap .news_list .list_info_box .list_keyword_box span:hover .list_icon{opacity: 1;visibility: visible; position: relative;}
 
/* list_author_text */
.news_before .before_newsList_wrap .news_list .list_author_text{color: #7e7e7e;font-size: 13px;padding-left: 21px;position: relative;border-left: 1px solid #f1f1f1;}
.news_before .before_newsList_wrap .news_list .author_name{margin-bottom: 5px;}
/* 2022.07.25 KYPARK : admin 장전뉴스 관련 css 추가 : 여기까지 */

/* 2022.07.25 KYPARK : finter labs 로고 추가 */
header .finterLabsLogo{height: 26px; margin-top: 20px; background:url("/resources/images/logo/logo-finter-labs-c282b62696aeeb0252654e8782909aab.svg") no-repeat 0 50%;}
footer .finterLabsFooterLogo{height: 17px;}

/* 2022.07.25 KYPARK : 도움말 메뉴 내용 off, 타이틀 폰트 사이즈 조정 */
.help-content.off {display: none}
.tab-style10 li.title {font-size: 19px; line-height: 24px; font-weight: 600; color: #2d3643;}

/* 2022.07.29 KYPARK : 특징주 테이블 위의 여백 줄이기 */
.sectionContents_layout1 .left-content .noSortBox {margin-top: 0px;}

/* 2022.07.29 KYPARK : 금융 AI 어시스턴트 안내 타이틀 좌측 정렬 */
.help-wrap .leftAlign {display: block}

/* 2022.07.30 KYPARK : 주요 섹터 및 테마 목록에서 섹터명을 가운데 정렬 */ 
.item-slider .noUpInfo {margin-top: 15px; margin-bottom: 16px;text-align: center;}

/* 2022.07.30 KYPARK : 크롬 다운로드 안내 페이지에서 사용 */ 
.contentInner {margin: 0 auto; max-width: 1270px;}

.visual_list{margin-top: 68px}
.visual_list dt, .visual_list dd{display: table-cell;width: 50%;vertical-align: top;}
.visual_list dd{text-align: right;}

.visual_list .title_text, .visual_list .desc_text{color: #202020;}
.visual_list .title_text{line-height: 1.27; padding-top: 30px; font-size: 43px}
.visual_list .desc_text{line-height: 1.38;font-size: 26px; margin: 35px 0 50px}
.visual_list .visual_btn_box{}
.visual_list .visual_btn_box .visual_btn{display: inline-block; background: url('/resources/images/etc/download_btn-6f46685517eabde2903340b780e6e09c.png') #1270ed no-repeat 90% 50%;color: #fff;line-height: 1;padding: 14px 75px 14px 23px;border-radius: 14px;font-size: 24px;}

.text_wrap{padding-bottom: 177px;}
.text_wrap .list-wrap{margin-top: 74px;color: #202020;padding-left: 50px;background: url('/resources/images/etc/check-979f33b1aa12929dec5bb22a958c8647.png') no-repeat 0 2px;}
.text_wrap .list-wrap h3{line-height: 1;font-size: 32px;margin-bottom: 40px;}
.text_wrap .list-wrap li {line-height: 1.77;font-size: 18px;margin-bottom: 12px;}
.text_wrap .list-wrap li a{color: #1270ed}

.text_wrap .list-wrap ol li {list-style: decimal;margin-left: 20px;}

/* 2022.08.29 KYPARK : 검색창 우측 하단에 검색 주의사항 안내 */
.search-guide-text{text-align: right; padding-top: 10px; color: gray; font-weight: 400}


/* 2022.09.01 KYPARK : AI 종목 발굴 관련 CSS */
.ai-discovery-tab {height: 600px; margin-top: 20px; padding: 30px; width: 960px; position: relative; display: none; justify-content: start; align-items: start; border: 1px solid #e5e5e5; border-radius: 20px; background-color: #f1f1f1;}
.ai-discovery-content {display: flex; justify-content: start; align-items: start;}
.ai-discovery-content .table-box {width: 448px; height: 510px; border-radius: 20px; background-color: #fff;}
.ai-discovery-content .table-box table.view4 tr:hover .col-rank {cursor: pointer; background-color: #d3d3d3; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.ai-discovery-content .table-box table.view4 tr:hover .col-item {cursor: pointer; background-color: #d3d3d3; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.ai-discovery-content .table-box table.view4 tr:hover .col-price {cursor: pointer; background-color: #d3d3d3; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.ai-discovery-content .table-box table.view4 tr:hover .col-compare {cursor: pointer; background-color: #d3d3d3; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.ai-discovery-content .table-box table.view4 tr:hover .col-link {cursor: pointer; background-color: #d3d3d3; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
.ai-discovery-content .table-box table.view4 td {padding: 9px 5px;}
.ai-discovery-content .table-box table.view4 .col-rank {width: 48px; text-align: center;}
.ai-discovery-content .table-box table.view4 .col-item {width: 128px; text-align: left; padding-left: 5px;}
.ai-discovery-content .table-box table.view4 .col-price {width: 80px; text-align: right; padding-right: 5px;}
.ai-discovery-content .table-box table.view4 .col-compare {width: 80px; text-align: right; padding-right: 5px;}
.ai-discovery-content .table-box table.view4 .col-link {width: 112px; text-align: center;}
.ai-discovery-content .table-box table.view4 .col-rank.active {font-weight: bold; background-color: #d3d3d3; border-top-left-radius: 15px; border-bottom-left-radius: 15px;}
.ai-discovery-content .table-box table.view4 .col-item.active {font-weight: bold; background-color: #d3d3d3; border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.ai-discovery-content .table-box table.view4 .col-price.active {font-weight: bold; background-color: #d3d3d3; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.ai-discovery-content .table-box table.view4 .col-compare.active {font-weight: bold; background-color: #d3d3d3; border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.ai-discovery-content .table-box table.view4 .col-link.active {font-weight: bold; background-color: #d3d3d3; border-top-right-radius: 15px; border-bottom-right-radius: 15px;}
.ai-discovery-content .contents-box {width: 450px; padding-left: 30px;}
.ai-discovery-content .chart-box {height: 350px; border-radius: 20px; background-color: #fff; padding: 20px 20px;}
.ai-discovery-graph-wrap .chart-title-box {margin-top: 20px; margin-bottom: 20px; text-align: center; font-size: 19px; color: #2d3643; line-height: 1.26; letter-spacing: -0.05em;}
.ai-discovery-graph-wrap .moving-average-text {font-size: 15px;}
.ai-discovery-graph-wrap .chart-area {height: 240px; text-align: center;}
.ai-discovery-tab .stock-pagination {display: flex; justify-content: center; align-items: center; width: 448px; margin-top: 20px; text-align: center;}
.ai-discovery-tab .stock-pagination .pagination-btn {width: 24px; height: 24px; line-height: 27px; margin: 0 10px; border: 1px solid #e5e5e5; border-radius: 5px; color: #2d3643; font-size: 21px; background-color: #fff;}
.ai-discovery-tab .stock-pagination .pagination-btn[disabled] {background-color: #f1f1f1; border-color: #e5e5e5; color: #a6a6a6; cursor: default;}

/* 2022.09.02 KYPARK : AI 종목 발굴의 블로그 관련 CSS */
.ai-discovery-content .blog-box {width: 420px; padding: 20px 30px; height: 146px; margin-top: 15px; border-radius: 20px; background-color: #fff;}
.ai-discovery-content .blog-title {position: relative; display: flex; justify-content: space-between; align-items: center;}
.ai-discovery-content .blog-title .blog-title-text {display: inline-block; max-width: 90%; color: #2d3643; font-size: 19px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.26;}
.ai-discovery-content .blog-desc {margin: 9px 0 10px;} 
.ai-discovery-content .blog-desc .blog-desc-text {font-size: 14px; color: #888; line-height: 1.5; letter-spacing: -0.05em; display: -webkit-box; height: 3em; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ai-discovery-content .blog-author-box {display: flex; justify-content: start; align-items: center; color: #888; font-size: 13px;}
.ai-discovery-content .blog-author-box .author-img img {width: 25px; height: 25px; overflow: hidden;}
.ai-discovery-content .blog-author-box .author-time {margin: 0 10px; font-family: "Montserrat"; font-weight: 500;}

/* 2022.09.06 KYPARK : 유튜브 영향력자 필터링 관련 CSS */
.page-sort-box .youtube-filter {margin-bottom: 15px;}
.left-content .youtube-filter {display: flex; justify-content: space-between;}
.left-content .youtube-filter ul {width: unset;}

/* 2022.09.05 KYPARK : 종묵분석 메인페이지 주가 표시 관련 CSS */
.item-price .stock-price {font-size: 20px; line-height: 1.2; margin-right: 10px;}

/* 2022.09.20 KYPARK : 종목분석 > 콘텐츠 분석 > 뉴스 관련 CSS */
.news-list-item .list-desc-text {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}

/* 2022.09.28 KYPARK : 종목뉴스 > 장전뉴스 > 종목명 관련 CSS */
.news-list-before-wrap .before-news-list .list-hash-tag-box {display: flex;}
.news-list-before-wrap .before-news-list .list-hash-tag-box .on {font-weight: 600;}

/* 2022.09.28 KYPARK : 종목뉴스 > 장전뉴스 > 숨기기 관련 CSS */
#beforeStockNewsList > li.removed-news >div:not(:last-child) {opacity: 0.3;}
.news-list-before-wrap .before-news-list {padding: 15px 0;}
.news-list-before-wrap .before-news-list .list-index-box .removed-news {display: none;}
.news-list-before-wrap .before-news-list .list-index-num {position: absolute; margin: 8px; width: 50px; height: 30px; background-color: white; opacity:0.9; border-radius: 10px;}
.news-list-before-wrap .before-news-list .list-index-num p {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 19px; font-weight: 600; color: black;}
.news-list-before-wrap .before-news-list .nice-select.x-small {width: 100px; padding-left: 26px;}
.news-list-before-wrap .before-news-list .show-news-button {height: 35px; line-height: 33px; min-height: 33px; font-size: 14px; font-weight: 400; width: 100px; border: solid 1px #e5e5e5; border-radius: 5px; margin: 5px 0px; background-color: aliceblue;}
.news-list-before-wrap .before-news-list .hide-news-button {height: 35px; line-height: 33px; min-height: 33px; font-size: 14px; font-weight: 400; width: 100px; border: solid 1px #e5e5e5; border-radius: 5px; margin: 5px 0px; background-color: lavenderblush;}
.news-list-before-wrap .before-news-list .stock-filter-button {height: 16px; line-height: 16px; min-height: 16px; font-size: 14px; font-weight: 400; width: 16px; border: solid 1px #858585; border-radius: 5px; margin: 0px 4px 4px 0px; font-weight: 500}
.news-list-before-wrap .before-news-list .removed-stock {color: red;}

/* 2022.10.13 KYPARK : 종목분석 > 개요 > 내재가치 관련 CSS */
.item-summary-value dd {margin: 0; position: relative;}
.item-summary-value .item-value-title .label {font-size: 24px; font-weight: 600; color: #6D7683; line-height: 1.25;}
.item-summary-value .item-value-title .value-price {font-size: 30px; margin-left: 15px;}
.item-summary-value .item-value {margin-top: 15px; letter-spacing: -0.5px; font-size: 17px; color: #6D7683}
.item-summary-value .item-value .label {margin-right: 10px; color: gray;}
.item-summary-value .up {color: #FF3941;}
.item-summary-value .down {color: #4866EF;}
.item-summary-value .tooltip-type2 .top {min-width: 250px;}

/* 2022.10.16 KYPARK : 종목분석 > 개요 > alert 정보 관련 CSS */
.stock-alert-box {height: 25px; line-height: 23px; min-height: 23px; font-size: 14px; font-weight: 400; width: 70px; border: solid 1px darkred; border-radius: 5px; margin-left: 10px; margin-bottom: 5px; background-color: darkred; color: white;}
.stock-alert-box .top {min-width: 250px; text-align: left;}

/* 2022.10.20 KYPARK : 종목분석의 주가차트에 텍스트 표시 */
.item-summary-chart-text {position:absolute; margin: 170px 0 0 310px; padding: 10px; font-size: 28px; background-color: #fcfcfc; color:#a6a6a6; z-index: 1; display:none;}

/* 2022.10.26 KYPARK : 종목발굴 지표 표시 관련 width 조정 */
.option-indicator-box .indicator-con dt {width: 220px;}

/* 2022.10.27 KYPARK : 게시판 관련 CSS */
.board-wrap {padding: 0}
.board-wrap .search-item-box {padding-top: 15px;}
.board-layout {display: flex; justify-content: space-between; align-items: flex-start; padding-top: 35px;}
.board-lnb {position: sticky; top: 105px; left: 0;}
.board-lnb > ul {}
.board-lnb > ul > li {}
.board-lnb > ul > li > a {display: inline-block; color: #4e4e4e; font-size: 16px; font-weight: 400; line-height: 2.4;}
.board-lnb > ul > li.active > a {color: #2d3643; font-weight: 700;}
.board-content {width: 1080px;}
.board-row {margin-bottom: 50px;}
.board-title {}
.board-title h1 {margin-bottom: 12px; font-size: 36px; font-weight: 500; line-height: 1.4;}
.board-title p {font-size: 20px; font-weight: 300; line-height: 1.6; letter-spacing: -0.05em;}
.board-sub {margin-bottom: 20px;}
.board-sub:last-child {margin-bottom: 0;}
.board-sub h2 {margin-bottom: 12px; font-size: 26px; font-weight: 500; line-height: 1.4;}
.board-sub h3 {padding-top: 20px; margin-bottom: 12px; color: #33a9ba; font-size: 19px; font-weight: 700; line-height: 1.25;}
.board-sub:first-child h3 {padding-top: 0;}
.board-sub h3:last-child {margin-bottom: 0;}
.board-sub p {font-weight: 400; line-height: 1.7; letter-spacing: -0.05em;}
.board-img {margin: 20px 0; padding: 44px 0; background: #f6f7f8; text-align: center;}
.board-img:last-child {margin-bottom: 0;}
.board-img img {display: inline-block; margin-bottom: 38px; border-radius: 15px; box-shadow: 5px 10px 30px rgb(206 208 214 / 30%);}
.board-img img:last-child {margin-bottom: 0;}
.board-callout {margin: 20px 0;padding: 20px;border-radius: 15px;background: rgba(51,169,186,.1);}
.board-callout:last-child {margin-bottom: 0;}
.board-callout p {color: #33a9ba; font-weight: 400; line-height: 1.7;}

.board-search-wrap {display: flex; margin-bottom: 30px;}
.board-search-wrap {display: flex; justify-content: space-between;}
.board-search-wrap .search-enter-section {width: 908px; display: block;}
.board-search-wrap .search-enter-section .search-input-box.type-select .select-box select {padding-left: 10px;}
.board-search-wrap .search-enter-section .search-input-box .search-item-input {height: 45px;}

.board-content table.view1 tbody td {padding: 8px 4px; height: 37px;}
.board-content table.view1 tbody tr.active {background-color: #d3d3d3;}
.board-wrap .board-common-button {width: 100px; height: 47px; background-color: darkblue; border-radius: 10px; font-size: 16px; font-weight: 400; color: white; margin-left: 10px;}
.board-wrap .board-cancel-button {width: 100px; height: 47px; background-color: #2d3643; border-radius: 10px; font-size: 16px; font-weight: 400; color: white; margin-left: 10px;}
.board-wrap .board-comment-button {width: 90px; height: 30px; background-color: gray; font-size: 16px; font-weight: 400; color: white; margin-left: 10px;}
.board-wrap .board-comment-sub-button {width: 70px; height: 26px; background-color: #fafafa; font-size: 13px; color: gray; margin: -3px 0 -3px 5px; border: 1px solid #ddd;}
.board-wrap .board-comment-sub-button.reply {width: 64px; background-color: white; margin: -3px -10px -3px 5px;}
.board-wrap .vbtnbox {text-align: right;}

.board-content .comment-count {height: 38px; line-height: 38px; font-weight: bold;}
.board-content .comment-box {border-top: 2px solid gray; border-bottom: 2px solid gray;}
.board-content .comment {display: flex; justify-content: space-between; padding: 9px 0px 7px 3px; border-top: 1px solid #eee; font-weight: 400;}
.board-content .comment.reply {border-top: unset; padding: 0px 3px 0px 3px;}
.board-content .comment .comment-nickname {width: 150px; padding-top: 4px;}
.board-content .comment .comment-nickname.reply {width: 107px;}
.board-content .comment .comment-text {width: 477px; padding-right: 20px; line-height: 1.5;}
.board-content .comment .comment-text.reply {width: 447px; padding-right: 20px; line-height: 1.5;}
.board-content .comment .comment-datetime {width: 110px; text-align:right; padding-top: 4px; padding-right: 5px; font-family: tahoma,arial,"SpoqaHanSans Neo","Malgun Gothic","맑은고딕","맑은 고딕","malgun-gothic","Apple Gothic",dotum,sans-serif;}
.board-content .comment .comment-datetime.reply {margin-right: 75px;}
.board-content .comment-reply-box {margin: 0px 0 4px 30px; padding: 0px 0 0; border: 1px solid #ddd; background: #fafafa; border-width: 0 1px 1px 1px;}
.board-content .comment-reply-list li {padding: 9px 12px 7px; border-top: 1px solid #ddd;}
.board-content .comment .comment-reply-icon {width: 30px; line-height: 1.5;}

.board-content .comment-reply-write-box {display: flex; justify-content: space-between;}
.board-content .user-info-input {width: 140px; height: 30px; margin-top: 5px; border: 1px solid #cecdce; background: #fff;}
.board-content .user-info-input:first-child {margin-top: 0px;}
.board-content .user-info-input input {width: 126px; height: 28px; padding: 1px 7px 1px; border: none;}
.board-content .comment-write {text-align: right;}
.board-content .comment-write textarea {width: 685px; height: 100px; padding: 5px 10px; border: 1px solid #cecdce; font-size: 13px; line-height: 1.5; margin-bottom: 5px;}

.board-content .comment-write-header {margin-top: 20px; height: 38px; line-height: 38px; font-weight: bold;}
.board-content .comment-write-box {display: flex; padding: 12px 12px 12px; background: #fafafa; border-top: 2px solid gray; border-bottom: 2px solid gray;}

.board-content .pop-container input {width: 300px; height: 30px; padding: 1px 7px 1px; border: 1px solid #cecdce;}
.pop-footer .dpflex {display: flex; justify-content: space-between; align-items: center;}

/* 2022.11.01 KYPARK : 종목뉴스 관련 CSS */
.search-date-text {font-family: none; font-size:19px; margin-right: 5px;}
.newsList_wrap .news_list .stock-delete-button {height: 18px; line-height: 18px; min-height: 18px; font-size: 14px; color: #ff3941; width: 18px; border: solid 1px #ff3941; border-radius: 5px; margin: 0px 4px 4px 0px; font-weight: 500}
.news_list_wrap .news_list .list_tag_box .list_tag.on {letter-spacing: -0.5px;}
.news_list_wrap .news_list .list_tag_box .list_tag.hide {display: none;}
.news_list_wrap .news_list .nice-select.x-small {width: 100px; padding-left: 26px;}
#stockNewsContentUl > li.blur {opacity: 0.3;}

/* 2022.11.10 KYPARK : 시황뉴스 관련 CSS */
.news-type-filter-box .nice-select.x-small {width: 90px; height: 25px; min-height: 25px;}
.newsList_wrap.issue .news_list {min-height: 120px; padding-left: 180px;}
.newsList_wrap.issue .news_list .list_img_box {height: 120px; width: 165px;}
.newsList_wrap.issue .news_list .list_info_box {min-width: 643px; padding-right: 15px;}
.newsList_wrap.issue .news_list .list_subject .list-subject-text {max-width: 87%;}
.newsList_wrap.issue .news_list .list_desc_text {word-break: unset;}
.newsList_wrap.issue .news_list .list-cell {display: table-cell; vertical-align: middle;}
.newsList_wrap.issue .news_list .list-admin-box {width: 125.25px; padding-left: 21px; position: relative; border-left: 1px solid #f1f1f1; text-align: center;}
.newsList_wrap.issue .news_list .delete-news-button {height: 35px; line-height: 33px; min-height: 33px; font-size: 14px; font-weight: 400; width: 100px; border: solid 1px #e5e5e5; border-radius: 5px; margin: 5px 0px; background-color: lavenderblush; padding-left: 30px; text-align: left;}
.newsList_wrap.issue .news_list.removed-news {opacity: 0.3;}
.newsList_wrap.issue .news_list .display-deleted {width: 100px; height: 120px; display: flex; align-items: center; justify-content: center; color: red;}
.newsList_wrap .list_subject .list-subject-text {max-width: 87%;}

/* 2022.11.30 KYPARK : 커뮤니티 메뉴명 뒤에 new 표시 */
header .header-gnb .log-menu.new:after {background: url(/resources/images/icon/icon_new_v3-42df30e623cb535f840a94f9bd51fa92.svg) no-repeat 0 0; background-size: 16px 16px; content: ""; display: block; height: 16px; margin-top: 22px; position: absolute; right: -20px; top: 0; width: 16px; z-index: 1;}

/* 2022.12.01 KYPARK : footer 관련 CSS 수정 */
footer .copyRight_box.leftbox {float: left; width: 900px;}
footer .copyRight_box>div:nth-child(2) .ftTop_menu:first-child {font-weight: 600;}
footer .menu_box.leftbox {float: left; width: 900px;}
footer .menu_box.rightbox {float: right; margin-top: 0px;}
footer .menu_box .familySite select {width: 140px; height: 40px; border: none; border: 1px solid #e5e5e5; color: #a6a6a6; background: none; cursor: pointer; padding: 7px 13px; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

/* 2022.12.14 KYPARK : 이건 꼭! 관련 CSS메뉴명 뒤에 new 표시 */
.item-investment-analysis-title mark {border-left: 10px solid #33a9be; padding-left: 10px; background: rgba(0,0,0,0); color: #2d3643;}
.item-summary-table .investment-indicator-wrap {width: 368px; padding: 0 10px;}
.item-summary-table .financial-statement-table-wrap {width: 100%; padding: 0 10px;}
.financial-analysis-table-wrap {padding: 10px 0; width: 488px;}
table.investment-analysis-table tbody th {vertical-align: middle;}
table.investment-analysis-table tbody td {vertical-align: middle;}
.financial-analysis-table-wrap .evaluation-label {justify-content: center;}
.financial-analysis-table-wrap.stability {width: 346px;}

/* 2022.12.27 KYPARK : 이건 꼭! 키포인트별 테두리 및 간격 조정 */
/*.keypoint-box-wrap {margin: 20px 0 60px; padding: 20px; border: 1px solid #e5e5e5; border-radius: 20px;}*/
.keypoint-box-wrap {margin: 20px 0 60px; padding: 20px; border: 1px solid #e5e5e5; border-radius: 20px; box-shadow: 4px 12px 30px 6px rgb(0 0 0 / 10%);}
.enterprise-value.keypoint-box-wrap {padding: 0px 100px 0px 100px;}
.enterprise-value #valueChartPBR, #valueChartPER, #valueChartPSR {height: 250px;}
.keypoint-box-wrap .news-list-item:last-child {margin-bottom: 0px;}
.keypoint-box-wrap .item-summary-table {margin-top: 0px;}

/* 2022.12.28 KYPARK : 이건 꼭! 페이지에 적정주가 추가 */
.item-value .item-value-text {font-size: 16px; font-weight: 400;}
.item-value .item-value-text .up {color: #FF3941; font-weight: 500;}
.item-value .item-value-text .down {color: #4866EF; font-weight: 500;}
.item-value .item-value-text .live-price-rate {font-weight: 600;}
.item-value .item-summary {margin-top: 0px;}
.item-value .item-summary .item-name {color: #6D7683;}

/* 2023.01.02 KYPARK : 매출액이 음수인 경우 메시지 출력 */
/* 종목분석 > 재무분석 > 수익성, 성장성 */
.item-finance-analysis-tab-wrap .add-message-about-sales {margin: 10px 0 0 0;}
/* 종목분석 > 재무지표 */
.item-finance-table-wrap .add-message-about-sales {margin: 10px 0 0 0;}
/* 종목분석 > 이건 꼭! */
.add-message-about-sales {color: gray; font-weight: 400; text-align: right; margin: 10px 10px 0 0;}

/* 2023.01.13 KYPARK : 메인, 도움말, 커뮤니티 페이지 등 우측에 "최근 검색 종목"이 없는 페이지는 width를 1100px로 조정 */
.contentsInner2 {width: 1080px; margin-left: calc((100% - 1270px) / 2);}
.main-today-issue-content .table-box {width: 357px;}
.main-today-issue-content .contents-box {width: 395px;}
.main-korea-news-lists .main-korea-news-list {width: calc(25% - 21px); margin: 0 7px;}
footer .footerInner {width: 1080px;}
.help-content {width: 885px;}
.aiv-info .contentsInner2 {position: relative; height: 100%;}
.aiv-use-list li {width: 530px; min-width: 530px;}
.board-content {width: 885px;}

/* 2023.01.16 KYPARK : 메인페이지 국내뉴스 및 특징주 좌측 정렬 */
.main-korea-news-lists {margin: 0 -35px 0 -7px; justify-content: flex-start; row-gap: 14px;}
.main-korea-news-list .stock-author-box {font-size: 12px;}

/* 2023.02.10 KYPARK : 종목비교 메뉴명 뒤에 new 표시 */
.tab-style2 .must-menu.new:after {background: url(/resources/images/icon/icon_new_v3-42df30e623cb535f840a94f9bd51fa92.svg) no-repeat 0 0; background-size: 16px 16px; content: ""; display: block; height: 16px; margin-top: -5px; position: absolute; left: 70px; top: 0; width: 16px; z-index: 1;}

/* 2023.04.01 KYPARK : 핫키워드 숨김 후 CSS 조정 */
header .header-right-box {padding-right: 230px;}
header .header-top-menu-box .btn-header-top-menu {color: #20b6fc}

/* 2023.08.08 KYPARK : vaiv stock 로고 추가 */
header .vaivStockLogo{height: 26px; margin-top: 20px; background:url("/resources/images/logo/vaiv_stock_logo-04c7fed5b6df51d59060b8b9bf3dd2a7.svg") no-repeat 0 50%;}


/* 2023.09.04 zidane : 공시분석 > 연관어 분석용 */
/*==================================================================
// repute_wrap
//=================================================================*/
/*=========  repute=========*/
.clearfix { display: block; }

.repute_wrap{}
.repute_wrap .contents_wrap{height: 650px;margin-top: 15px;}
.repute_wrap .category_wrap{float: left;float: left;width: 185px;height: inherit;border-radius: 5px;}

.repute_wrap .repute_d3_wrap{float: left;height: inherit;border: 1px solid #ebebeb;width: 665px;/* margin-left: 13px; */position: relative;border-radius: 5px;}
.repute_wrap .repute_d3_wrap #reputationTitle{margin-bottom: 0;padding: 50px 20px 00px;border: 0;text-align: center;}
.repute_wrap .d3_wrap{text-align: center;height: 470px;margin-top: 100px;}
.repute_wrap .d3_wrap svg{width: 100%; height: 100%;}
.repute_wrap .d3_wrap .association_node text{font-size: 15px;}


.repute_wrap .slidecontainer{width: 300px;position: absolute;left: 50%;right: 0;bottom: 50px;margin-left: -150px;text-align: center;}
.repute_wrap  .input_valueText{font-size: 18px; color:#4b5b7b}
.repute_wrap .slider {-webkit-appearance: none;appearance: none;width: 100%;outline: none;-webkit-transition: .2s; transition: opacity .2s;}
.repute_wrap .slider:hover {}
.repute_wrap .slider::-webkit-slider-thumb {-webkit-appearance: none; appearance: none;width: 12px;height: 12px;background: #8c9aa8; cursor: pointer; border-radius: 50%; }
.repute_wrap .slider::-moz-range-thumb {width: 12px; height: 12px;background: #4b5b7b; cursor: pointer;}
.repute_wrap input[type=range]::-ms-track {
    width: 300px;
    height: 5px;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
.repute_wrap input[type=range]::-ms-fill-lower {
    background: #8c9aa8;
    border-radius: 10px;
}
.repute_wrap input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
.repute_wrap input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #8c9aa8;
}

.repute_wrap .repute_table_wrap{float: right;height: inherit;border: 1px solid #ebebeb;width: 324px;padding: 20px 20px 11px 20px;border-radius: 5px;}
.repute_wrap .repute_table_wrap .table-box-wrap{padding-top: 0}
.repute_wrap .contents_wrap {
    height: 530px;
    margin-top: 15px;
}

.repute_wrap .d3_wrap {
    text-align: center;
    height: 470px;
    margin-top: 40px;
}

.repute_table td.reputation-association-label{max-width: 110px;}
.repute_table td.reputation-association-count{max-width: 80px;}

.repute_wrap .relation_table{color:#555 ; text-align: left; }
.repute_wrap .relation_table th,.relation_table td {}
.repute_wrap .relation_table th{font-size: 15px;font-family: 'NotoM', sans-serif;border-top: 1px solid #707070;border-bottom:1px solid #707070;padding: 8px 5px;}
.repute_wrap .relation_table td{font-size: 15px;padding: 8px 5px;}
.repute_wrap .repute_wrap .relation_table td:last-child{text-align: right; padding-right: 15px;}
.repute_wrap .relation_table .keywordText{display: inline-block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.repute_wrap .relation_table .active {border: 2px solid #ff9161;}
.repute_wrap .relation_table .active td{color:#000}

/* top fixed Table */
.table-box-wrap {position: relative;padding-top: 50px;height: 100%;}
.table-box-wrap .table-box {height: calc(100% - 10px);overflow: auto;overflow-x: hidden;}
.table-box-wrap .table-box table {width: 100%;border-spacing: 0;border-collapse: collapse;}
.table-box-wrap .table-box table thead tr {position: absolute;top: 0;}
.table-box-wrap .table-box table thead tr th {}
.table-box-wrap .table-box table td {height: 38px;} /*border-top: 1px solid #ccc; */
.table-box-wrap .table-box table tr {width: 100%;} /* table-layout: fixed; */
.table-box-wrap .table-box table tbody tr {display: table-row;}

.accordion{height: 0;overflow: hidden;display: none;}
.accordion.wide{height: auto;display: block;}

.ta_center{text-align: center !important;}
.ta_right{text-align: right !important;}
.ta_left{text-align: left !important;}

.origin-tab-news-lists .list-info-box{width:920px;margin-right:30px}
.origin-tab-news-lists .list-info-box .list-desc-text {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
    color: #4e4e4e;
    font-size: 14px;
    line-height: 1.5;
    min-height: 3em;
    max-height: 3em;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.right-btn {
	float: right;
	margin : 10px 0px 0px 0px;
}

.origin-tab-news-lists .list-info-box .list-desc-text .highlight{
    display: inline-block;
    padding: .25em 0;
    color: #0080ff;
}

.origin-tab-news-lists .list-info-box .list-mokcha-text {font-size:12px; font-weight:400; color:#c9ccd2; margin-top: 10px;}

/* 2023.09.19 KYPARK : 연관어분석 목차 필터 */
.tc-filter { margin-top: 15px; cursor:pointer; }
.tc-filter .vbtn { font-size: 14px; font-weight: 500; line-height: 1.5; letter-spacing: -0.07em; padding: 5px 8px; border-radius: 10px; margin-right: 2px;}
.tc-filter .vbtn-first { margin-right: 4px; }
.tc-filter .btn-tc { color: #888; background-color: #fff; border: 1px solid #e5e5e5; }
.tc-filter .btn-tc.selected { color: #2d3643; background-color: #f6f7f8; border: 1px solid #e5e5e5; }
.tc-filter .btn-tc:hover { background-color: rgba(45,54,67,.1); }

/* 2023.09.22 KYPARK : 제외키워드 필터 */
.not-keyword-filter {display: flex; align-items: center;}
.not-keyword-filter label {display: inline-flex; align-items: center; width: 120px; color: #2d3643; font-size: 17px;}
.not-keyword-filter label::before {content: "\ED29"; font-family: "remixicon"; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-right: 5px; font-size: 22px;}
.not-keyword-filter input[type="text"] {width: 450px; border: 0px; font-size: 16px; font-weight: 500;}
.not-keyword-filter input[type="text"]::placeholder {color: #d9d9d9;}

/* 2024.01.16 KYPARK : 유튜브 QA 리스트에서 날짜 앞에 | 추가 */
.youtube-list-author .author-time:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 14px;
    background-color: lightgray;
    margin-left: 8px;
    margin-right: 8px;
}

/* 2024.05.16 KYPARK : 개요 -> 개황 */
.data-summary .summary-box-text {
    line-height: 1.7;
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
    margin-right: 15px;
    text-align: justify;
}

/* 2024.07.26 zidane : 자동완성 */
.ui-widget {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 460px;
    font-family: inherit;
    width: 240px;
}

.ui-widget.ui-widget-content {
    border: 1px solid rgb(71 84 103 / 31%);
}

.ui-autocomplete {
    z-index: 10;
    padding: 9px;
    border-radius: 10px;
    background: rgba( 255, 255, 255, 0.8);
    box-shadow: 0 5px 13px 5px rgb(22 24 26 / 7%);
    backdrop-filter: blur(8px);
    cursor: pointer;
}

.ui-autocomplete .ui-menu-item {
    text-decoration: none;
    position: relative;
    display: block;
    padding: 5px 10px;
    color: var(--black-light);
    font-weight: var(--font-medium);
    border: 0px;
}

/*
.ui-autocomplete .ui-state-active {
    text-decoration: none;
    position: relative;
    display: block;
    padding: 5px 10px;
    color: var(--black-light);
    font-weight: var(--font-medium);
    border: 0px;
    border-radius: 5px;
    background: #d3d3d3;
}
*/

.ui-autocomplete-stockcode {
	display: inline-block;
	width: 80px;
}

.ui-autocomplete-highlight {
	font-weight: var(--font-bold);
	color: #FF850A;
}

.page-title-type1 i {
    font-size: 19px;
    color: #c9ccd2;
    position: relative;
    margin-left: 5px;
}

/* VAIV US-Stock 배너 */
.us-stock-banner {
	display: block;
	position: fixed;
	top: 90px;
	right: 10px;
	z-index: 1000;
}

.us-stock-banner .banner-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 200px;
	height: 59px;
	border: 4px solid #85bdfe;
	border-radius: 30px;
	color: #4d6190;
	background-color: rgba(255, 255, 255, 0.7);
}

/* markdown style */
.markdown-style h1, .markdown-style h2, .markdown-style h3, .markdown-style h4 {
    margin-top: 25px;
    font-size: 17px;
}
	
.markdown-style pre {
    background-color: /*#f8f8f8*/#eef;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    overflow: auto;
    white-space: pre-wrap; /* 줄바꿈을 허용 */
    margin-bottom: 10px;
}

.markdown-style code {
    background-color: #eef;
    border-radius: 3px;
    padding: 2px 4px;
    font-family: 'Courier New', Courier, monospace;
}

.markdown-style p {
	white-space: unset;
    margin: 10px 0;	
    line-height: 1.8 !important;
    text-align: justify;
}

.markdown-style p:last-of-type {
    margin-bottom: 0;
}

.markdown-style ol, .markdown-style  ul {
	margin: 10px 0 10px 20px; /* 리스트 들여쓰기 */
	list-style: unset;
	color: #454F5B;
}

.markdown-style li {
	list-style: unset;
	line-height: 1.7;
}

.markdown-style strong {
    font-weight: bold;
}

/* 종목 정보 */
.section.finance .usa-stock-info .info-title {display: flex;align-items: flex-end;gap: 10px;}
.section.finance .usa-stock-info .info-title h4,
.section.finance .usa-stock-info .info-title h5 {margin: 0;padding: 0;color: #454545;line-height: 1;}
.section.finance .usa-stock-info .info-title h4 {margin-top: 2px;font-size: 36px;line-height: 32px;}
.section.finance .usa-stock-info .info-title h5 {font-size: 28px;}
.section.finance .usa-stock-info .info-title h5 small {font-size: 18px;}
.section.finance .usa-stock-info .info-title h5.color-up {color: #FC2148;}
.section.finance .usa-stock-info .info-title h5.color-down {color: #0057FF;}
.section.finance .usa-stock-info .info-title h5.color-neutral {color:#9da7b5;}
.section.finance .usa-stock-info .info-desc {display: flex;gap: 20px;margin-top: 10px;}
.section.finance .usa-stock-info .info-desc p {padding: 0;color: #878787;font-size: 16px;font-weight: 500;}
.section.finance .usa-stock-info .info-ratio {display: flex;justify-content: space-between;align-items: center;gap: 10px;margin-top: 20px;border: 1px solid #ecedee;border-radius: 8px;padding: 12px 10px;background: #f9f9f9; line-height:1.8}
.section.finance .usa-stock-info .info-ratio dl {display: inline-flex;align-items: center;gap: 6px;}
.section.finance .usa-stock-info .info-ratio dt {color: #878787;font-size: 13px;font-weight: 500;line-height: 1.4;}
.section.finance .usa-stock-info .info-ratio dd {padding: 0;font-size: 13px;line-height: 1.4;text-align: left;}

.section.finance .usa-stock-info {
    position: relative;
	background: none;
}

.section.finance .usa-stock-info .info-title {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.section.finance .usa-stock-info .info-desc {
    display: flex;
    gap: 20px;
    margin-top: 10px;
}

.section.finance .usa-stock-info .info-ratio {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    border: 1px solid #ecedee;
    border-radius: 8px;
    padding: 12px 10px;
    background: #f9f9f9;
}

/* 미국기업 AI Summary */
.ai-summary p {
    font-size: 14px;
    color: #4e4e4e;
    line-height: 1.6;
    word-wrap: break-word;
    word-break: keep-all;
}

.ai-summary .summary-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
}

.ai-summary .summary-box-text {
    line-height: 1.7;
    font-size: 16px;
    font-weight: 400;
    margin-top: 20px;
    margin-right: 15px;
    text-align: justify;
}

/* color */
.section.finance .color-down{color:#0057FF;}
.section.finance .color-up{color:#FC2148;}
.section.finance .color-neutral {color:#9da7b5;}
.section.finance .color-tit{color:#0cd4ba;}
.section.finance .color-orange{color: #f58220;}

.section.finance .box {
    border: 1px solid #f5f5f5;
    border-radius: 14px;
    padding-top: 22px;
    margin-bottom: 18px;
    box-shadow: 4px 12px 30px 6px rgb(0 0 0 / 1%);
    background: #fff;
}

.section.finance .box .col-4 {
    display: table-cell;
    width: 33.3%;
}

.customChartArea {padding:10px 10px;width:100%;overflow:hidden;position:relative;display:table;border-radius:4px;}
.customChart{width:100%;height:100%; display:table-row;}

/* 2025.03.10 KYPARK : 경제 뉴스 */
.newsList_wrap .list_subject.news-digest {padding-top: 0px; display: flex; justify-content: space-between;}
.newsList_wrap .list_subject.news-digest .btn-related-news {
    margin-left: 15px;
    padding: 5px 7px;
    border: 1px solid #4866f2;
    border-radius: 7px;
    color: #4866f2;
    font-size: 14px;
    font-weight: 600;
    min-width: 125px;
}
.newsList_wrap .list_desc_text_header {padding: 15px 0 5px 0; color: #87909e; font-weight: 400;}
.newsList_wrap .list_desc_text.news-digest {color: unset; min-height: 75px; -webkit-line-clamp: 3; text-align: justify;}
.newsList_wrap .list_issue_keyword {padding: 0; color: #87909e; font-weight: 400;}
.newsList_wrap .list_subject.news-digest:hover .list-subject-text{text-decoration: unset;}

.newsList_wrap .list-index-num {position: absolute; margin: 8px; width: 50px; height: 30px; background-color: white; opacity:0.7; border-radius: 10px; z-index: 1;}
.newsList_wrap .list-index-num p {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 19px; font-weight: 600; color: black;}

/* 2025.03.10 KYPARK : 경제 뉴스 관련 뉴스 */
.newsList_wrap .news-list-summary.news-digest {
	margin: 15px 0 30px 0;
	padding: 10px 15px;
	border-radius: 7px;
}

.newsList_wrap .news-list-summary.news-digest .summary-title {
	color: #4174f5;
}

.newsList_wrap .news-list-summary.news-digest .summary-source .source-link {
    margin-top: 10px;
}

.newsList_wrap .news-list-summary.news-digest .summary-source .source-num {
    color: #87909e;
    font-weight: 500;
    margin-right: 5px;
}

.newsList_wrap .news-list-summary.news-digest .summary-source a {
    color: #16181A;
    word-break: keep-all;
    text-decoration: none;
    transition: text-decoration .2s ease-in;
}

.newsList_wrap .news-list-summary.news-digest .summary-source a:hover .source-link-text, .newsList_wrap .news-list-summary.news-digest .summary-source .summary-source a:focus .source-link-text {
    text-decoration: underline;
}

.newsList_wrap .news-list-summary.news-digest .summary-source .source-link-text {
    margin-right: 12px;
    display: inline-block;
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.newsList_wrap .news-list-summary.news-digest .summary-source .source-link-info {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    color: #87909e;
    font-weight: 400;
}

.newsList_wrap .news-list-summary.news-digest .summary-source .source-link-info .date:before {
    content: "";
    display: inline-block;
    vertical-align: -1px;
    width: 1px;
    height: 12px;
    background: #98A2B3;
    margin-left: 8px;
    margin-right: 7px;
}

.item-chart-no-data { min-height: 200px; }