/*font*/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {
    font-family: 'SuseongDotum';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2205@1.0/SuseongDotum.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* Font Face */
@font-face {
    font-family: 'Pretendard';
    src:url('https://img.cssignal.co.kr/cs-images/resource/font/PretendardVariable.woff2') format('woff2'),
    url('https://img.cssignal.co.kr/cs-images/resource/font/PretendardVariable.ttf') format('truetype');
    font-weight: 100 900; /* 가변 폰트이므로 100~900 범위 지원 */
    font-style: normal;
    font-display: swap;
}

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, label, input, select, button{margin: 0; padding: 0; border: 0; font-size:62.5%; font: inherit;vertical-align: baseline; font-family: 'Pretendard'; color:#000;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul, li {
    list-style: none;
    outline: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
button{background:transparent; border:none;}
img:focus {outline: none;}
button{border: none; outline: none;}
button:focus{outline:none;}
input:focus{outline:none;}
div:focus{outline:none;}
select:focus{outline:none;}
a{text-decoration: none; color: inherit; outline: none;}
*{line-height: 1; box-sizing: border-box;}

/*up down color*/
.search_wrap .up{color:#f83b3e;}
.search_wrap .down{color:#006eff!important;}
.search_wrap .no_change{color:#8f96a3;}


/*조건검색식 - 검색식랭킹_선택*/
.search_wrap{position:relative; max-width:768px; margin:0 auto;}
.search_rank_wrap{position:relative; width:100%; padding-bottom:50px;}
.search_rank_wrap header{padding:16px;}
.search_rank_wrap header h1{font-size:20px; font-weight:500; line-height:26px; color:#20226F;}
.search_rank_wrap header .search_guide{margin-top:4px; color:#8f96a3; font-size:13px; font-weight:500; line-height:17px;}
.search_rank_wrap .return_rate_wrap .return_rate_select span{display:flex; align-items:center; justify-content:flex-end; padding:8px 20px; font-size:12px;}
.search_rank_wrap .return_rate_wrap .return_rate_select span.select_2{display:none;}
.search_rank_wrap .return_rate_wrap .return_rate_select p{text-align:right; color:#8f96a3; font-size:10px; font-weight:500; padding:8px 24px;}
.search_rank_wrap .return_rate_wrap .return_rate_list ul li{margin:8px 16px;}
.search_rank_wrap .return_rate_wrap .return_rate_list ul li:first-child{margin-top:0;}
.search_rank_wrap .return_rate_wrap .return_rate_list ul li:last-child{margin-bottom:0;}
.search_rank_wrap .return_rate_wrap .return_rate_list ul li:nth-child(1) .list_box{border-top: 3px solid #FEE13B;}
.search_rank_wrap .return_rate_wrap .return_rate_list ul li:nth-child(2) .list_box{border-top: 3px solid #E1E1E1;}
.search_rank_wrap .return_rate_wrap .return_rate_list ul li:nth-child(3) .list_box{border-top: 3px solid #C5794B;}
.search_rank_wrap .return_rate_wrap .return_rate_list ul li .list_box{background:#fff; padding:12px; border-radius:10px; box-shadow:0 2px 12px 0 rgba(0,0,0,0.04); display:flex; align-items:center; gap:12px;}
.search_rank_wrap .return_rate_wrap .return_rate_list ul li .list_box .rank{width:15%; text-align:center;}
.search_rank_wrap .return_rate_wrap .return_rate_list ul li .list_box .rank span{font-size:18px; font-weight:500; line-height:17px; padding:6px 8px; color:#20226f;}
.search_rank_wrap .return_rate_wrap .return_rate_list ul li .list_box .content .tag span{border-radius:5px; background:#e5ebfc; margin-right:4px; color:#1c4fde; font-size:12px; font-weight:500; padding:1px 4px;}
.search_rank_wrap .return_rate_wrap .return_rate_list ul li .list_box .content{width:88%;}
.search_rank_wrap .return_rate_wrap .return_rate_list ul li .list_box .content .tag{margin-bottom:8px; padding:4px;}
.search_rank_wrap .return_rate_wrap .return_rate_list ul li .list_box .content_name{margin-bottom:8px; font-size:16px; font-weight:500; line-height:22px; display:flex; justify-content: space-between;}
.search_rank_wrap .return_rate_wrap .return_rate_list ul li .list_box .content_guide{font-size:12px; font-weight:500; line-height:18px; color:#8f96a3;}

/*조건검색식 - 검색식랭킹_셀렉트*/
.select_box_wrap{width:100%; height:100%; background:rgba(0,0,0,0.4); backdrop-filter:blur(2px); position:fixed; left:0; top:0; display:none; transition: bottom 0.5s ease;}
.select_box_wrap .select_box{border-radius:30px 30px 0 0; background:#fff; position:fixed; bottom:-45%; width:100%; height:255px;}
.select_box_wrap .select_box p{font-size:20px; font-weight:500; line-height:26px; margin:40px 0 0 24px;}
.select_box_wrap .select_box .select_list{display:flex; flex-direction:column; align-items:center; gap:6px; margin-top:22px;}
.select_box_wrap .select_box .select_list li{border:1px solid #D2d5da; border-radius:50px; padding:16px 0; text-align:center; width:220px;}
.select_box_wrap .select_box .select_list li span{color:#8f96a3; font-weight:500;}
.select_box_wrap .select_box .select_list li.on{border:2px solid #20226f;}
.select_box_wrap .select_box .select_list li.on span{color:#20226f;}

/*조건검색식 -상세 페이지*/
.highcharts-legend {pointer-events: none;}
.highcharts-axis-labels{position:absolute; top:0;}
.search_detail_wrap header{position:relative; border-bottom:1px solid #f0f2f4;}
.search_detail_wrap header h1{text-align:center; font-size:20px; font-weight:500; line-height:26px; padding:15px 0;}
.search_detail_wrap header .back_btn{position:absolute; top:50%; transform:translateY(-50%); margin-left:6px;}
.search_detail_wrap .detail_content{padding:12px 16px; border-bottom:3px solid #e6eaee;}
.search_detail_wrap .detail_content .tag{padding:4px 0;}
.search_detail_wrap .detail_content .tag span{border-radius:5px; background:#e5ebfc; margin-right:4px; color:#1c4fde; font-size:12px; font-weight:500; padding:1px 4px;}
.search_detail_wrap .detail_content .content_name{margin:8px 0;}
.search_detail_wrap .detail_content .content_name h2{font-size:30px; font-weight:500; letter-spacing:-1.575px; color:#30343b; line-height:36px;}
.search_detail_wrap .detail_content .content_name p{font-size:12px; font-weight:500; letter-spacing:-0.27px; color:#8f96a3; margin-top:4px; line-height:17px;}
.search_detail_wrap .detail_content .invest_content{padding-top:24px;}
.search_detail_wrap .detail_content .invest_content h3{font-size:13px; font-weight:500; line-height:17px; color:#30343b; margin-bottom:6px;}
.search_detail_wrap .detail_content .invest_content .invest_list{border-radius: 10px; background: rgba(193, 197, 205, 0.15); padding:15px 0 16px 9px;}
.search_detail_wrap .detail_content .invest_content .invest_list li{margin-bottom:4px;}
.search_detail_wrap .detail_content .invest_content .invest_list li:last-child{margin-bottom:0;}
.search_detail_wrap .detail_content .invest_content .invest_list li p{font-size:13px; font-weight:500; line-height:17px;}
.search_detail_wrap .detail_content .confirm_btn{border:1px solid #dee2e6; border-radius:5px; margin-top:24px;}
.search_detail_wrap .detail_content .confirm_btn a{display:flex; align-items:center; justify-content:center; padding:9.5px 0; font-size:13px; font-weight:500;}
.search_detail_wrap .rate_check_wrap{padding:54px 16px 12px; background:url('//img.cssignal.co.kr/cs-images/x1/images/searcher/icon/rate_check_bg.png') top / cover no-repeat;}
.search_detail_wrap .rate_check .rate_check_content{background:#f7f8fa; padding:16px; border-radius:10px;}
.search_detail_wrap .rate_check .head h4{font-size:20px; font-weight:500; line-height:22px; letter-spacing: -1.24px; margin-bottom:6px;}
.search_detail_wrap .rate_check .head p{font-size:13px; font-weight:500; line-height:22px; color:#8f96a3; letter-spacing:-0.292px; margin-bottom:8px;}
.search_detail_wrap .rate_check .sub_head p{font-size:11px; line-height:14px; margin-bottom:24px; color:#8f96a3;}
.search_detail_wrap .rate_check .rate_check_content .search_date h4{font-size:13px; font-weight:500; line-height:18px; letter-spacing:-0.27px; display:flex; align-items:center; margin-bottom:8px;}
.search_detail_wrap .rate_check .rate_check_content .search_date h4 img{margin-right:8px;}
.search_detail_wrap .rate_check .search_date .date_picker .icon{position:absolute; top:50%; transform: translateY(-50%); left:7px;}
.rate_check input[type=date]::-webkit-datetime-edit-text {-webkit-appearance: none; display: none;}
.rate_check input[type=date]::-webkit-datetime-edit-month-field{-webkit-appearance: none; display: none;}
.rate_check input[type=date]::-webkit-datetime-edit-day-field {-webkit-appearance: none; display: none;}
.rate_check input[type=date]::-webkit-datetime-edit-year-field {-webkit-appearance: none; display: none;}
.rate_check input[type="date"]::-webkit-calendar-picker-indicator{display: none;}
.rate_check input[type=date]::before {color: #303f3b; font-size:13px; content: attr(placeholder); font-family: "Spoqa Han Sans Neo"; position:absolute; left:50%; transform:translateX(-50%);}
.rate_check .date_picker {position: relative; display: flex; align-items: center; border: 1px solid #dcdcdc; padding: 10px 16px; border-radius: 6px; background-color: #f7f8fa; font-size: 16px; color: #333; width: 100%; cursor: pointer; height:35px;}
.rate_check #date_input {opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; z-index:999;}
.rate_check .selected_date {color: #30343b; font-size: 14px; position: absolute; left:50%; transform:translateX(-50%); pointer-events:none;}
.highcharts-tooltip {z-index: 1000 !important;}
.rate_check .rate_check_content .search_period{margin-top:24px;}
.rate_check .rate_check_content .search_period h4{font-size:13px; font-weight:500; line-height:18px; letter-spacing:-0.27px; display:flex; align-items:center; margin-bottom:17px;}
.rate_check .rate_check_content .search_period h4 img{margin-right:8px;}
.rate_check .rate_check_content .search_period .period_list{display:flex; justify-content:center; gap:4px; margin:9px 0;}
.rate_check .rate_check_content .search_period .period_list li{padding:7px; border-radius:50px; border:1px solid #d2d5da; width:20%; text-align:center;}
.rate_check .rate_check_content .search_period .period_list li span{color:#8f96a3; font-size:13px;}
.rate_check .rate_check_content .search_period .period_list li.on{background:#20226f; border:1px solid #20226f;}
.rate_check .rate_check_content .search_period .period_list li.on span{color:#fff;}
.rate_confirm_btn button{border:1px solid #f1f2f4; border-radius:5px; margin:9px 0 24px;}
.rate_confirm_btn button{background:#f1f2f4; display:flex; align-items:center; justify-content: center; width:100%; padding:10px 0; }
.rate_confirm_btn button span{font-family: 'Pretendard'; font-size:13px; color:#d2d5da;}
.rate_confirm_btn button img.up{display:block;}
.rate_confirm_btn.on button{border:1.5px solid #20226f; background:#fff;}
.rate_confirm_btn.on button span{color:#20226F; font-weight:500; animation: bounce 0.75s ease-out;}
.rate_confirm_btn.on button img.down{display:block;}
.rate_confirm_btn.on button img.up{display:none;}
@keyframes bounce {
    0%   { transform: translateY(0); }
    20%  { transform: translateY(-10px); }
    40%  { transform: translateY(0); }
    55%  { transform: translateY(-5px); }
    70%  { transform: translateY(0); }
    80%  { transform: translateY(-2.5px); }
    100% { transform: translateY(0); }
}
.rate_content_wrap{border-top:1px dashed #e6eaee; padding:16px; display:none;}
.rate_content_wrap .rate_tab_floating .rate_tab_btn{display:flex; justify-content:center; margin:24px 0 16px 0;}
.rate_content_wrap .rate_tab_floating .rate_tab_btn li{background:#f1f2f4; color:#8f96a3; font-size:13px; font-weight:500; line-height:17px; width:45%; text-align:center; padding:10px 0; border-radius:3px;}
.rate_content_wrap .rate_tab_floating .rate_tab_btn li.on{background:#20226f; color:#fff}
.rate_content_wrap .rate_tab_content{display:none;}
.rate_content_wrap .rate_tab_content.on{display:block;}
.rate_content_wrap .no_results{display:none;}
.rate_content_wrap .group{display:none;}
.rate_content_wrap .stock_table_wrap .table_thead{display:flex; background:#f4f4f4; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.rate_content_wrap .stock_table_wrap .table_thead li:first-child{width:52%;}
.rate_content_wrap .stock_table_wrap .table_thead li{width:24%; text-align:center; font-weight:bold; color:#666; font-size:12px; padding:17.5px 0;}
.rate_content_wrap .stock_table_wrap .table_chart_thead li:first-child{width:52%;}
.rate_content_wrap .stock_table_wrap .table_chart_thead li{width:24%;}
.rate_content_wrap .period_rate_table{height:180px; overflow:auto;}
.rate_content_wrap .stock_chart_table{height:180px; overflow:auto;}
.rate_content_wrap .stock_table table{width: 100%; border-collapse: collapse; background-color: #fff; text-align: left; font-size: 14px; color: #333; border-bottom:1px solid #dcdcdc; table-layout:fixed; }
.rate_content_wrap .stock_table tbody .stock_data.on{background:#f4f4f4;}
.rate_content_wrap .stock_table tbody .stock_data.on .stock{font-weight:bold;}
.rate_content_wrap .stock_table tbody{margin-top:4px;}
.rate_content_wrap .stock_table thead {background-color: #f4f4f4; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.rate_content_wrap .stock_table th, .rate_content_wrap .stock_table td {text-align:center; font-size:12px; position: relative; padding:12px 0; font-weight:500; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.rate_content_wrap .stock_table th {font-weight: bold; color: #666; font-size:12px; padding:17.5px 0; text-align:center; vertical-align:middle;}
.rate_content_wrap .stock_check input[type="checkbox"] {display: none;}
.rate_content_wrap .stock_check {display: inline-flex; align-items: center; position: absolute; top:50%; left:8%; transform:translate(-50%,-50%);}
.rate_content_wrap .stock_check .checkmark {width: 20px; height: 20px; background-color: #fff; border:1px solid #c1c5cd ; border-radius: 6px; position: relative; transition: background-color 0.3s;}
.rate_content_wrap .stock_check input[type="checkbox"]:checked + .checkmark {background-color: #20226f;}
.rate_content_wrap .stock_check .checkmark::after {content: ""; position: absolute; left: 6px; top: 2px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0; transition: opacity 0.3s;}
.rate_content_wrap .stock_check input[type="checkbox"]:checked + .checkmark::after {opacity: 1;}
.rate_content_wrap .no_results{width:100%; height:200px; position: relative; display: flex; justify-content: center;}
.rate_content_wrap .no_results p{font-size:13px; color:#8f96a3; font-weight:500; display: flex; align-items: center; justify-content: center; line-height: 22px; text-align: center}
.rate_content_wrap .stock_info{background:#F7F8FA; padding:12px 8px;}
.rate_content_wrap .stock_info .stock_table thead{background:#F7F8FA;}
.rate_content_wrap .stock_info .stock_table tr{background:#F7F8FA;}

/*종목포착 - 실시간포착*/
.search_capture_wrap .capture_tab_floating .capture_tab_btn{display:flex; border-bottom:1px solid #dee2e6;}
.search_capture_wrap .capture_tab_floating .capture_tab_btn li{width:50%; text-align:center; padding:17px 0 11px 0; color:#a0a5b1; font-weight:500; font-size:16px; background:#fff;}
.search_capture_wrap .capture_tab_floating .capture_tab_btn li.on{color:#20226f; border-bottom:2px solid #20226f; font-weight:700;}
.search_capture_wrap .capture_content{display:none;}
.search_capture_wrap .capture_content.on{display:block;}
.search_capture_wrap .tab_swiper{background:#fff; border-bottom:1px solid #dee2e6; padding-right:50px;}
.search_capture_wrap .capture_list{display:flex; gap:1.5%; padding:20px 16px;}
.search_capture_wrap .capture_list li{color:#8f96a3; font-size:13px; padding:8px 0; border:1px solid #d2d5da; border-radius:50px; width:32.5%; text-align:center;}
.search_capture_wrap .capture_list li.on{color:#fff; background:#20226F; border:1px solid #20226F;}
.search_capture_wrap .stock_list{padding:16px; position:relative;}
.search_capture_wrap .stock_list .rate_guide {color: #8f96a3; display: block; text-align: right; font-size: 12px; font-weight: 500; letter-spacing: -0.125px;
    margin-bottom: 8px;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box{background:#fff; border-radius:10px; box-shadow:0 2px 12px 0 rgba(0,0,0,0.04); padding:12px; position: relative;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box .date{font-size:10px; color:#7e8695; font-weight:500; background:#f1f2f4; padding:2px 4px; position:absolute; top:20px; right:16px;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box .stock_name{display:flex; align-items:center; margin-bottom:8px;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box .stock_name .stock{margin-left:4px; width:50%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box .stock_name .rank span{display:flex; align-items:center; justify-content:center; width:32px; height:32px; color:#20226f; font-size:18px; line-height:17px;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box .stock_detail{display:flex; align-items:center; justify-content: space-between;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box .stock_info{display:flex; text-align:center; align-items:center; gap:8px;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box .rate_price{display:flex; text-align:center; gap:16px; justify-content: space-evenly;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box .stock_info .stock_name span{font-size:16px; font-weight:500; line-height:22px;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box .stock_info .stock_name .stock{color:#30343b;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box .stock_info .stock_name .rate{color:#f83b3e;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box .stock_info .stock_name{display:flex; flex-direction:column; gap:4px;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box .stock_info .rank span{font-size:13px; font-weight:500; line-height:17px; padding:6px 8px; color:#20226f;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box .rate_price span{font-size:11px; color:#8f96a3; font-weight:500; line-height:15px; letter-spacing:-0.137px;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box .rate_price div{display:flex; flex-direction:column; gap:4px; width:33%;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box .rate_price .price{font-size:16px; color:#30343b; line-height:22px;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box div.rate .price.up{color:#f83b3e;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_box div.rate .price em{color:inherit;}
.search_capture_wrap .stock_list .rate_top_wrap li{margin-bottom:4px;}
.search_capture_wrap .stock_list .rate_top_wrap li:nth-child(1) .stock_box{border-top: 3px solid #FEE13B;}
.search_capture_wrap .stock_list .rate_top_wrap li:nth-child(2) .stock_box{border-top: 3px solid #E1E1E1;}
.search_capture_wrap .stock_list .rate_top_wrap li:nth-child(3) .stock_box{border-top: 3px solid #C5794B;}
.search_capture_wrap .stock_list .rate_top_wrap li:last-child{margin-bottom:0;}
.search_capture_wrap .stock_list .stock_table{overflow:hidden; display:none;}
.search_capture_wrap .stock_list .stock_table table{width:100%; border-collapse:collapse; background:#fff; font-size:14px; color:#333; text-align:center;}
.search_capture_wrap .stock_list .stock_table thead{background:#f4f4f4; border-top:1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.search_capture_wrap .stock_list .stock_table thead th{color:#534d59; font-weight:500; padding:8px 0; vertical-align:middle;}
.search_capture_wrap .stock_list .stock_table thead th span{font-size:10px; color:#7e8695;}
.search_capture_wrap .stock_list .stock_table tbody td{font-size:12px; line-height:18px; font-weight:500; padding:4px 0 8px 0;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_confirm{border:1px solid #dee2e6; border-radius:5px; text-align:center; margin-top:16px;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_confirm button{background:transparent; font-size:13px; color:#494f5a; font-weight:500; padding:10px 0; display:flex; align-items:center; position:relative; left:50%; transform:translateX(-50%); width:100%; justify-content:center;}
.search_capture_wrap .stock_list .rate_top_wrap .more_btn{border:1px solid #dee2e6; border-radius:5px; text-align:center; margin-top:16px; display:none;}
.search_capture_wrap .stock_list .rate_top_wrap .more_btn button{background:transparent; font-size:13px; color:#494f5a; font-weight:500; padding:10px 0; display:flex; align-items:center; position:relative; left:50%; transform:translateX(-50%); width:100%; justify-content:center;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_confirm button img{margin-left:4px;}
.search_capture_wrap .stock_list .rate_top_wrap .stock_confirm.rotate button img{transform: rotate(180deg);}
.search_capture_wrap .blur_deem{position:absolute; width:8%; height:100%; right:0; top:0; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) -15.51%, #FFF 82.05%); z-index:9; border-radius:10px;}
.search_capture_wrap .stock_list .capture_table_wrap {position: relative;}
.search_capture_wrap .arrow{position:absolute; right: 0; top:27.5px; z-index:10}
.search_capture_wrap .stock_list .stock_guide {color: #8f96a3; font-size: 12px; display: block; text-align:left; margin-left:12px; line-height:15px; margin-top:12px;}
.search_capture_wrap .stock_list .capture_table_content {background: #fff; padding:6px 2px; margin-top: 8px; overflow-x: auto; border-radius: 10px; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04); position: relative; display:flex;}
.search_capture_wrap .capture_table {width:100%; border-collapse: collapse; background-color: #fff; text-align: left; font-size: 14px; color: #333; border-bottom:1px solid #dcdcdc; table-layout:fixed;}
.search_capture_wrap .capture_table.scrollable-table{width:250%;}
.search_capture_wrap .capture_table tbody{margin-top:4px;}
.search_capture_wrap .capture_table thead {background-color: #f4f4f4; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.search_capture_wrap .capture_table th, .search_capture_wrap .capture_table td {text-align:center; font-size:14px; position: relative; padding:4px 0 14px 0; margin:6px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.search_capture_wrap .capture_table td:first-child{padding-top:10px;}
.search_capture_wrap .capture_table th{text-align:center;}
.search_capture_wrap .capture_table th.stock{text-align:left;}
.search_capture_wrap .capture_table td.stock{padding: 12px 0; text-align:left;}
.search_capture_wrap .capture_table th {color: #666; font-size:14px; padding:17.5px 0;}
.search_capture_wrap .fixed-table-wrapper {width: 60%;}
.search_capture_wrap .scrollable-table-wrapper {width: 40%; overflow-x: auto; border-bottom: 1px solid #dcdcdc;}

/*체험하기*/
.locked{position:relative; font-size:15px; padding:9px 0;}
.locked::after{content: ""; display: inline-block; width: 100px; height: 24px; top:5px; background-color: #e6eaee; border-radius:5px; position: absolute; left:50%; transform:translateX(-50%); background-image: url('//img.cssignal.co.kr/cs-images/x1/images/searcher/icon/ic_locked.svg'); background-size:12px 12px; background-position:center center; background-repeat:no-repeat;}
.stock.locked::after{left:0; transform:initial;}
.stock_info .locked::after{left:0; transform:initial;}
.locked_2::after{width:100%; }
.search_ex_wrap .ex_head{padding:40px 16px 16px 16px;}
.search_ex_wrap .ex_head h2{display:flex; align-items:center; font-size:20px; color:#20226f; font-weight:500; line-height:26px;}
.search_ex_wrap .ex_head .sub{font-size:12px; color:#8f96a3; line-height:18px; margin-top:4px; display:block; letter-spacing:-0.27px;}
.search_ex_wrap section{border-bottom:3px solid #e6eaee;}
.search_ex_wrap section:last-child{border-bottom:0;}
.search_ex_wrap .tab_swiper{padding-right:50px;}
.search_ex_wrap .capture_list{display:flex; gap:1.5%; padding:9px 16px; background:transparent;}
.search_ex_wrap .capture_list li{color:#8f96a3; font-size:13px; padding:8px 0; border:1px solid #d2d5da; border-radius:50px; width:32.5%; text-align:center; background:#fff;}
.search_ex_wrap .capture_list li.on{color:#fff; background:#20226F; border:1px solid #20226F;}
.search_ex_wrap .capture_table_wrap .stock_guide{color:#8f96a3; font-size:10px; line-height:14px; display:block; text-align:right;}
.search_ex_wrap .capture_table_wrap {position: relative; padding:16px; background:#f7f8fb;}
.search_ex_wrap .capture_table_content {background: #fff; padding: 12px; margin-top: 8px; overflow-x: auto; border-radius: 10px; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04); position: relative; display:flex;}
.search_ex_wrap .capture_table {width:100%; border-collapse: collapse; background-color: #fff; text-align: left; font-size: 14px; color: #333; border-bottom:1px solid #dcdcdc; table-layout:fixed;}
.search_ex_wrap .capture_table.scrollable-table{width:250%;}
.search_ex_wrap .capture_table tbody{margin-top:4px;}
.search_ex_wrap .capture_table thead {background-color: #f4f4f4; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.search_ex_wrap .capture_table th, .search_ex_wrap .capture_table td {text-align:center; font-size:14px; position: relative; padding:4px 0 14px 0; margin:6px 0; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.search_ex_wrap .capture_table td:first-child{padding-top:10px;}
.search_ex_wrap .capture_table th{text-align:center;}
.search_ex_wrap .capture_table th.stock{text-align:left;}
.search_ex_wrap .capture_table td.stock{padding: 12px 0; text-align:left;}
.search_ex_wrap .capture_table th {color: #666; font-size:14px; padding:17.5px 0;}
.search_ex_wrap .fixed-table-wrapper {width: 60%;}
.search_ex_wrap .scrollable-table-wrapper {width:40%; overflow-x: auto;}
.search_ex_wrap .arrow{position:absolute; right:0; top:27.5px; z-index:10}
.search_ex_wrap .blur_deem{position:absolute; width:5%; height:100%; right:12px; top:0; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) -15.51%, #FFF 82.05%); z-index:9;}
.search_ex_wrap .stock_list{padding:16px; position:relative;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box{background:#fff; border-radius:10px; box-shadow:0 2px 12px 0 rgba(0,0,0,0.04); padding:12px; position: relative;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box .date{font-size:10px; color:#7e8695; font-weight:500; background:#f1f2f4; padding:2px 4px; position:absolute; top:20px; right:16px;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box .stock_name{display:flex; align-items:center; margin-bottom:8px;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box .stock_name .stock{margin-left:4px; width:50%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; position:relative;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box .stock_detail{display:flex; align-items:center; justify-content: space-between;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box .stock_info{display:flex; text-align:center; align-items:center; gap:8px;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box .rate_price{display:flex; text-align:center; gap:16px; justify-content: space-evenly;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box .stock_info .stock_name span{font-size:16px; font-weight:500; line-height:22px;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box .stock_info .stock_name .stock{color:#30343b;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box .stock_info .stock_name .rate{color:#f83b3e;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box .stock_info .stock_name{display:flex; flex-direction:column; gap:4px;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box .stock_info .rank span{font-size:13px; font-weight:500; line-height:17px; padding:6px 8px; color:#20226f;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box .rate_price span{font-size:11px; color:#8f96a3; font-weight:500; line-height:15px; letter-spacing:-0.137px;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box .rate_price div{display:flex; flex-direction:column; gap:4px; width:33%;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box .rate_price .price{font-size:16px; color:#30343b; line-height:22px; padding:9px 0;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box div.rate .price.up{color:#f83b3e;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_box div.rate .price em{color:inherit;}
.search_ex_wrap .stock_list .rate_top_wrap li{margin-bottom:4px;}
.search_ex_wrap .stock_list .rate_top_wrap li:nth-child(1) .stock_box{border-top: 3px solid #FEE13B;}
.search_ex_wrap .stock_list .rate_top_wrap li:nth-child(2) .stock_box{border-top: 3px solid #E1E1E1;}
.search_ex_wrap .stock_list .rate_top_wrap li:nth-child(3) .stock_box{border-top: 3px solid #C5794B;}
.search_ex_wrap .stock_list .rate_top_wrap li:last-child{margin-bottom:0;}
.search_ex_wrap .stock_list .stock_table{overflow:hidden; display:none;}
.search_ex_wrap .stock_list .stock_table table{width:100%; border-collapse:collapse; background:#fff; font-size:14px; color:#333; text-align:center;}
.search_ex_wrap .stock_list .stock_table thead{background:#f4f4f4; border-top:1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc;}
.search_ex_wrap .stock_list .stock_table thead th{color:#534d59; font-weight:500; padding:8px 0; vertical-align:middle;}
.search_ex_wrap .stock_list .stock_table thead th span{font-size:10px; color:#7e8695;}
.search_ex_wrap .stock_list .stock_table tbody td{font-size:12px; line-height:18px; font-weight:500; padding:4px 0 8px 0;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_confirm{border:1px solid #dee2e6; border-radius:5px; text-align:center; margin-top:16px;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_confirm button{background:transparent; font-size:13px; color:#494f5a; font-weight:500; padding:10px 0; display:flex; align-items:center; position:relative; left:50%; transform:translateX(-50%); width:100%; justify-content:center;}
.search_ex_wrap .stock_list .rate_top_wrap .more_btn{border:1px solid #dee2e6; border-radius:5px; text-align:center; margin-top:16px; display:none;}
.search_ex_wrap .stock_list .rate_top_wrap .more_btn button{background:transparent; font-size:13px; color:#494f5a; font-weight:500; padding:10px 0; display:flex; align-items:center; position:relative; left:50%; transform:translateX(-50%); width:100%; justify-content:center;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_confirm button img{margin-left:4px;}
.search_ex_wrap .stock_list .rate_top_wrap .stock_confirm.rotate button img{transform: rotate(180deg);}
.search_ex_wrap .rate_check_wrap{padding:12px 16px;}
.search_ex_wrap .rate_check .rate_check_content{background:#f7f8fa; padding:16px; border-radius:10px;}
.search_ex_wrap .rate_check .rate_check_content .head h4{font-size:16px; font-weight:500; line-height:22px;}
.search_ex_wrap .rate_check .rate_check_content .head p{font-size:10px; font-weight:500; line-height:14px; margin:11px 0 24px 0; color:#8f96a3;}
.search_ex_wrap .rate_check .rate_check_content .search_date h4{font-size:12px; font-weight:500; line-height:18px; letter-spacing:-0.27px; display:flex; align-items:center; margin-bottom:8px;}
.search_ex_wrap .rate_check .rate_check_content .search_date h4 img{margin-right:8px;}
.search_ex_wrap .rate_check .search_date .date_picker .icon{position:absolute; top:50%; transform: translateY(-50%); left:7px;}
.search_ex_wrap .rate_tab_floating .rate_tab_btn{display:flex; justify-content:center; margin:24px 0 16px 0;}
.search_ex_wrap .rate_tab_floating .rate_tab_btn li{background:#f1f2f4; color:#8f96a3; font-size:13px; font-weight:500; line-height:17px; width:45%; text-align:center; padding:10px 0; border-radius:3px;}
.search_ex_wrap .rate_tab_floating .rate_tab_btn li.on{background:#20226f; color:#fff}
.search_ex_wrap .no_results{display:none;}
.search_ex_wrap .no_results{width:100%; height:200px; position: relative; display: flex; justify-content: center;}
.search_ex_wrap .no_results p{font-size:13px; color:#8f96a3; font-weight:500; display: flex; align-items: center; justify-content: center; line-height: 22px; text-align: center}
.rate_ranking{padding:23px 0; margin-left:24px}
.rate_ranking ul li{padding:10px 12px 20px; background:#fff; border-radius:10px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; border-top:3px solid #fff;}
.rate_ranking ul li.first{border-top: 3px solid #FEE13B;}
.rate_ranking ul li.second{border-top: 3px solid #E1E1E1;}
.rate_ranking ul li.third{border-top: 3px solid #C5794B;}
.rate_ranking ul li .rank{width:32px; height:32px; display:flex; align-items:center; justify-content:center;}
.rate_ranking ul li .rank span{font-size:18px; color:#20226f; font-weight:500;}
.rate_ranking ul li .tag{padding:4px 0;}
.rate_ranking ul li .tag span{border-radius:5px; background:#e5ebfc; margin-right:4px; color:#1c4fde; font-size:10px; font-weight:500; padding:1px 4px;}
.rate_ranking ul li .invest_rate{text-align:center; font-size:16px; font-weight:500; line-height:22px;}
.rate_ranking ul li .invest_rate em{display:block;}
.rate_ranking ul li .invest_rate bold span{color:inherit;}
.service_apply_wrap{width:100%; height:100%; background:rgba(0,0,0,0.4); backdrop-filter:blur(2px); position:fixed; left:0; top:0; transition:center 0.5s ease; z-index:99; display:none;}
.service_apply_wrap .apply_popup{background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:15px; width:90%; height:162px;}
.service_apply_wrap .apply_popup h4{color:#212121; font-size:16px; line-height:22px; font-weight:500; text-align:center; margin-top:35px;}
.service_apply_wrap .apply_popup p{color:#666; font-size:13px; font-weight:500; line-height:17px; text-align:center; margin-top:10px;}
.service_apply_wrap .apply_popup .apply_btn{background:#20226f; position:absolute; bottom:0; width:100%; border-radius:0 0 15px 15px; text-align:center;}
.service_apply_wrap .apply_popup .apply_btn a{color:#fff; font-family: "Spoqa Han Sans Neo"; padding:14px 0; font-size:16px; font-weight:700; display:block;}

.vold td {font-weight: bold!important;}

/*랜딩페이지 - mo*/
@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/whitedev7773/Paperlogy/Paperlogy-4Regular.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/whitedev7773/Paperlogy/Paperlogy-4Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
.signal_mo_1{background:url('//img.cssignal.co.kr/cs-images/x1/images/searcher/landing/bg2.png') no-repeat center center / cover; position:relative;}
.signal_mo_1 > img{position:absolute; top:0; width:100%; z-index:-1;}
.signal_mo_1 > p{color:rgba(255,255,255,0.6); font-size:3.05vw; font-weight:400; padding:5.55vw; text-align:right; font-family: 'Pretendard';}
.signal_mo_1 .tit{margin-top:20.8vw}
.signal_mo_1 .tit h1{text-align:center; margin-top:3.33vw;}
.signal_mo_1 .tit h1 img{width:46vw;}
.signal_mo_1 .tit span{color:rgba(255,255,255,0.7); font-size:3.05vw; font-weight:400; letter-spacing:-0.45px; display:block; text-align:center; font-family: 'Pretendard'; }
.signal_mo_1 .sub_tit{color:#B4C9E0; font-size:4.44vw; line-height:5vw; letter-spacing:-0.3px; text-align:center; margin-top:16.6vw; padding:0; font-family: 'Paperlogy', sans-serif;}
.signal_mo_1 .sub_tit span{font-weight:600; font-family: 'Paperlogy', sans-serif; color: #B4C9E0;}
.signal_mo_1 .apply_btn{color:#e5ebfc; font-size:3.61vw; font-weight:700; letter-spacing: -0.3px; width:90%; text-align:center; display:block; position:relative; left:50%; transform:translateX(-50%); background:linear-gradient(135deg, #4978FB 4.02%, #16A456 95.42%); padding:2.77vw 0; border-radius:3px; margin:20.8vw 0 6.66vw 0; font-family: 'Pretendard';}
.signal_mo_1 .box{width:100%; background:#20226f; padding:2.22vw 0;}
.signal_mo_1 .box p{color:rgba(229,235,252,0.6); font-size:2.77vw; text-align:center; line-height:4.16vw; font-family: "Spoqa Han Sans Neo", sans-serif; letter-spacing:-0.5px;}
.signal_mo_1 .box p em{color:rgba(255, 67, 91, 0.60);}
.signal_container .sec_header{padding-top:13.3vw;}
.signal_container .sec_header h2{font-size:8.33vw; font-weight:700; color:#20226f; text-align:center; line-height:10vw; font-family: 'Paperlogy', sans-serif;}
.signal_container .sec_header p{font-size:4.44vw; font-weight:500; line-height:6.11vw; letter-spacing:-0.04px; text-align:center; margin-top:3.33vw; font-family: 'Paperlogy', sans-serif;}
.signal_container .sec_header p em{color:#ff435b;}
.signal_container .sec_img{margin-top:13.8vw;}
.signal_container .sec_img img{width:100%;}
.signal_mo_3, .signal_mo_5{background:#f6f9ff;}
.signal_mo_7 {background: #F3F3F3; padding: 0 4% 20%;}
.signal_mo_7 .sec_tit{color: #121212; padding:19.5% 6% 7% 6%; text-align:center; font-size:6.6vw; font-weight:500;}
.signal_mo_7 .contents{padding-bottom: 10%;}
.signal_mo_7 .contents li{border-radius: 12px; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15); background-color: #fff; padding: 5% 7%; margin-bottom: 4%;}
.signal_mo_7 .contents li:last-child{margin: 0;}
.signal_mo_7 .contents li .service_info_tit{font-size: 4.1vw; font-weight: 500; line-height: 1.27; letter-spacing: -0.38px; text-align: left; color: #1e1e1e; display: flex; align-items: center; justify-content: space-between; padding: 5px 0;}
.signal_mo_7 .contents li .service_info_tit::after{content: ''; display: block; width: 2.5vw; height: 2.5vw; border: 2px solid #1e1e1e; transform: rotate(45deg) translate(-20%, -20%); border-width: 0 2px 2px 0;}
.signal_mo_7 .contents li .service_info_tit.on::after{content: ''; display: block; width: 2.5vw; height: 2.5vw; border: 2px solid #1e1e1e; transform: rotate(-135deg) translate(-20%, -20%); border-width: 0 2px 2px 0;}
.signal_mo_7 .contents li .service_info_text{margin-top: 10px; display: none; height: 100%; padding-bottom: 10px;}
.signal_mo_7 .contents li .service_info_text p{font-size: 3.5vw; margin: 1.5vw 0; line-height: 1.3; display: flex; width: 100%;}
.signal_mo_7 .contents li .service_info_text p::before{content: '·'; display: inline-block; margin-right:3px;}
.signal_mo_7 .contents li .service_info_text p i{font-size: inherit; color: #ef5d5d;}
.signal_mo_7 .contents li .service_info_text p i.bold {font-weight: 700;}
.signal_mo_7 .contents li .service_info_text span.inner_info{margin-left: 2vw; display: block; line-height: 1.3; font-size: 3.3vw;}
.signal_mo_7 .contents li .service_info_text span.info_inner_tit{display: block; line-height: 1.3; font-size: 3.8vw; font-weight: 500; margin-top: 5vw;}
.signal_mo_7 .tbl_comm.kw3 th,
.signal_mo_7 .tbl_comm.kw3 td{border: 1px solid #1e1e1e;font-size: 2.5vw;letter-spacing: -0.03em;color: #1e1e1e;word-break: keep-all;text-align: center;padding: 1vw; line-height: 1.1;}
.signal_mo_7 .tbl_comm.kw3 th{border-top: 1px solid #1e1e1e;border-bottom: 1px solid #1e1e1e;background: none;line-height: 1.5;font-size: 2.5vw;letter-spacing: -0.05em;color: #1e1e1e;text-align: center;}
.signal_mo_7 .tbl_comm.kw3 td.fontBold,
.signal_mo_7 .tbl_comm.kw3 th.fontBold{font-weight: bold; font-size: 2.7vw;}
.signal_mo_7 .tbl_comm.kw3 tr > th:first-child,
.signal_mo_7 .tbl_comm.kw3 tr > td:first-child{border-left: none;}
.signal_mo_7 .tbl_comm.kw3 tr > th:last-child,
.signal_mo_7 .tbl_comm.kw3 tr > td:last-child{border-right: none;}
.signal_mo_7 .tbl_comm.kw3 tr > td:last-child{border-right: none;}
.signal_container .apply_banner{background:#20226f; position:fixed; bottom:0; width:100%;}
.signal_container .apply_banner a{color:#fff; font-size:4.16vw; display:block; text-align:center; padding:4.7vw 0;}

/*랜딩페이지 - pc*/
.signal_pc_container{width:1130px; margin:0 auto;}
.signal_pc_1 .tit{background:url('//img.cssignal.co.kr/cs-images/x1/images/searcher/landing/pc_bg.png') no-repeat top/ cover; height:232px;}
.signal_pc_1 .tit p{color:rgba(230,234,238,0.6); text-align:right; font-size:14px; font-weight:300; font-family: 'Pretendard'; padding:20px 30px 0 0;}
.signal_pc_1 .tit h1{text-align:center; margin-top:40px;}
.signal_pc_1 .tit h1 span{display:block; color:rgba(255,255,255,0.8); font-size:14px; letter-spacing:-0.187px; font-family: 'Pretendard'; font-weight:400; margin-bottom:10px;}
.signal_pc_1 .tit h1 span em{font-weight:700; color: rgba(255, 255, 255, 0.8);    }
.signal_pc_1 .box{background:#1f2056; padding:24px 0;}
.signal_pc_1 .box p{color:#b0b6c7; font-size:16px; line-height:22px; text-align:center; font-family: "Spoqa Han Sans Neo", sans-serif;}
.signal_pc_1 .box p em{color:rgba(255, 67, 91, 0.60);}
.signal_pc_2 img{width:100%;}
.signal_pc_3 .intro_tit{text-align:center; padding-top:64px;}
.signal_pc_3, .signal_pc_5{background:#f6f9ff;}
.signal_pc_container .sec_content{padding-top:150px;}
.signal_pc_container h2{color:#20226f; font-size:54px; font-weight:700; line-height:65px; text-align:center;}
.signal_pc_container h2 em{font-size:62px;}
.signal_pc_container .sec_sub_header{margin-top:56px;}
.signal_pc_container .sec_sub_header p{font-size:28px; line-height:40px; font-weight:500; text-align:center; font-family: 'Paperlogy', sans-serif;}
.signal_pc_container .sec_sub_header p em{color:#ff435b; font-family: 'Paperlogy', sans-serif;}
.signal_pc_container .sec_sub_header p:nth-child(2){margin-top:22px;}
.signal_pc_container .sec_img{text-align:center; margin-top:60px;}
.signal_pc_8 .use_notice{text-align: left; margin: 48px 0 40px 16px;}
.signal_pc_8 .use_notice bold{margin-bottom: 10px; font-size: 24px; display:block;}
.signal_pc_8 .use_notice .use_notice_wrap p{font-size: 16px; line-height:28px;}
.signal_pc_8 .use_notice .use_notice_wrap p.fontBold{color: red;}
.signal_pc_8 .use_notice .use_notice_wrap em.fontBold{color: red;   }
.signal_pc_8 .use_notice .use_notice_wrap p i{color:red;}
.signal_pc_8 .use_notice .use_notice_wrap p i.bold{font-weight:700;}
.signal_pc_8 .use_notice .use_notice_wrap p em{font-style:normal;}

.highcharts-legend-nav-inactive, .highcharts-legend-nav-active, .highcharts-legend-navigation{display: none}

/*실시간 포착 팝업 테이블*/
.table_popup_wrap{position:fixed; left:50%; top:0; transform:translateX(-50%); width:100%; height:100%; max-width:768px; background:rgba(52, 61, 76, 0.30); z-index:999; display:block ;}
.table_popup{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#f0f2f4; border-radius:15px; padding:26px 24px 80px 24px; width:90%;}
.table_popup .head{position:relative;}
.table_popup .head h2{display:flex; font-size:16px; margin-bottom:5px; font-weight:500; align-items:center; gap:6px; position:relative;}
.table_popup .head h3{display:flex; font-size:16px; margin-bottom:18px; font-weight:500; align-items:center; gap:6px; position:relative;}
.table_popup .head h2 .popup_close_btn{position:absolute; right:0;}
.table_popup .head .sub_head{color:#212121; line-height:1.31; font-size:13px; font-weight:500;}
.table_popup .head .sub_head em, .table_popup .head .sub_head em span{color:#f83b3b;}
.table_popup .head .tooltip{background:#20226f; padding:6px 8px 8px; border-radius:4px; position:absolute; z-index:99; top:40px; opacity:0; visibility:hidden; transition:0.3s; display:flex;}
.table_popup .head .tooltip.on{opacity:1; visibility: visible; transition:0.3s; display:flex;}
.table_popup .head .tooltip p{color:#fff; font-size:12px; font-weight:300; letter-spacing:-0.2px;}
.table_popup .table_history{margin-top:8px; background:#fff; border-radius:5px;}
.table_popup .table_history .popup_swiper{border-radius:5px;}
.table_popup .table_history h3{font-size:13px; text-align:center; font-weight:500;}
.table_popup .table_history .table_list li{padding:16px 8px 48px; background:#fff;}
.table_popup .table_history ::-webkit-scrollbar {width: 3px; height:3px;}
.table_popup .table_history ::-webkit-scrollbar-thumb {background: #a9a9a9;}
.capture_popup_table{margin-top:15px; height:135px; overflow-y: auto; position:relative;}
.capture_popup_table .capture_none{position:absolute; bottom:0; background:#fff; width:100%; height:72%; display:flex; align-items:center; justify-content:center;}
.capture_popup_table.expanded{max-height:200px; overflow-y:auto;}
.capture_popup_table tbody tr {display: none;}
.capture_popup_table tbody tr:nth-child(-n+3) {display: table-row;}
.capture_popup_table table{width:100%;}
.capture_popup_table tr{text-align:center; font-size:12px;}
.capture_popup_table thead tr th{padding:12px 0; border-top:1px solid #dee2e6; border-bottom:1px solid #dee2e6;}
.capture_popup_table tbody{border-bottom:1px solid #dee2e6;}
.capture_popup_table tbody tr td{padding:10px 0;}
.table_popup .more_btn{border:1px solid #dee2e6; margin-top:12px; text-align:center; border-radius:5px;}
.table_popup .more_btn button{font-size:13px; font-weight:500; color:#1c1e22; padding:10px 0; }
.table_popup_wrap .swiper-pagination-bullet{width:12px; height:12px; margin:0 6px !important;}
.table_popup_wrap .swiper-pagination-bullet-active{background:#20226f;}
.table_popup_wrap .close_btn{background:#20226f; border-radius:0 0 15px 15px; position:absolute; bottom:0; width:100%; left:50%; transform:translateX(-50%);}
.table_popup_wrap .close_btn button{color:#fff; text-align:center; width:100%; font-size:16px; font-weight:500; padding:17.5px 0;}
.table_popup_wrap .more_btn button{display:flex; align-items:center; justify-content:center; width:100%; gap:4px;}
.tooltip::after {content: ""; position: absolute; bottom: 99%; left:136px; transform: translateX(-50%); border-width: 0.375rem; border-style: solid;border-color: transparent transparent #20226f transparent;}

.capture_sub_wrap{padding-top:15px;}
.capture_sub_wrap .return_rate_wrap .return_rate_list ul li .list_box .content{width:100%;}
.capture_sub_wrap .return_rate_wrap .return_rate_list ul li .list_box {border:1px solid #d2d5da !important;}
.capture_sub_wrap .return_rate_wrap .return_rate_list ul li .list_box .content .tag {margin-bottom:4px;}
.capture_sub_wrap .return_rate_wrap .return_rate_list ul li .list_box .content_name {margin-bottom:4px;}
.capture_sub_wrap .return_rate_wrap .return_rate_list ul li {margin:4px 16px;}
.capture_sub_wrap .return_rate_wrap .return_rate_list ul li .list_box {border-radius: 15px;}
.search_detail_wrap.capture_sub_wrap{padding-top:0;}
.capture_sub_wrap .detail_content {padding:0 12px; border-bottom:none;}
.capture_sub_wrap .detail_content .content_name p{margin-top:6px;}
/*.data_deem{display:flex; flex-direction:column; align-items:center; justify-content:center; position:absolute; z-index:99; background:#fff; width:100%; height:calc(100% - 56px); top:56px; border-radius:0 0 10px 10px;}*/
.data_deem{display:flex; flex-direction:column; align-items:center; justify-content:center; background:#fff; width:100%; position: relative; padding:70px 0; height:100%; border-radius:10px; margin-top:16px;}
.data_deem img{width:145px;}
.data_deem p, .data_deem p span{color:#8f96a3; text-align:center; font-size:13px; line-height:17px; font-weight:500;}
.data_deem.rate_top_deem{position:relative; top:10px; padding:70px 0;}
.active{background:rgba(230, 234, 238, 0.40) !important;}

/*소개페이지-pc 탭메뉴*/
.tab_menu{margin: 20px 0 0 0;}
.tab_menu:after{content: "";display: block;clear: both;}
.tab_menu li{float: left;width: 33.333%;}
.tab_menu li a{display:block; height: 48px; box-shadow: 1px 0 0 0 #c2c2c2, 0 1px 0 0 #dd2b32, 1px 1px 0 0 #c2c2c2, 1px 0 0 0 #c2c2c2 inset, 0 1px 0 0 #c2c2c2 inset; text-align: center; line-height: 48px;font-size: 18px;}
.tab_menu li.on a{box-shadow:1px 0 0 0 #fff, 0 1px 0 0 #fff,  1px 1px 0 0 #dd2b32, 1px 0 0 0 #dd2b32 inset, 0 1px 0 0 #dd2b32 inset; border-right: 1px solid #dd2b32; color: #dd2b32; font-weight: 500;}
.tab_cont.on{display:block;}
.tab_cont{display:none;}
.tab_cont th, .tab_cont td{vertical-align:middle;}
.tab_con2>p{margin : 100px 0 15px 0; font-size: 17px;letter-spacing: -1px;}
.tab_con2{padding-bottom: 50px;}
.tab_con2>p{margin-bottom: 15px; font-size: 17px; letter-spacing: -1px;}
.tab_con2 table{width: 100%; border-top: 1px solid #909090;}
.tab_con2 table tr{border-bottom: 1px solid #fff; height: 60px;}
.tab_con2 table tr:last-child{border-bottom: 1px solid #909090;}
.tab_con2 table th{background: #f2f2f2; min-height: 60px; width: 225px; text-align: left; padding-left: 55px; box-sizing: border-box;}
.tab_con2 table th.h80{ height: 80px;}
.tab_con2 table th.h107{ height: 107px;}
.tab_con2 table th.h161{ height: 161px;}
.tab_con2 table th.h230{ height: 230px;}
.tab_con2 table td p{padding-left: 10px; padding-bottom: 10px;}
.tab_con2 table td p:last-child{padding-bottom: 0px;}
.tab_con2 table td .red, .tab_con2 table td p span{color: #ef1818; font-weight: bold;}
.tab_con2 table td p strong{display: inline-block; color: #ef1818;}
.tab_con3 table{margin-top:100px; width: 100%; border-top: 1px solid #909090;}
.tab_con3 table tr{border-bottom: 1px solid #c8c9ca; height: 60px;}
.tab_con3 table tr:last-child{border-bottom: 1px solid #909090;}
.tab_con3 table th{min-height: 60px; text-align: center; text-align: left; box-sizing: border-box; line-height: 20px; text-align: center;}
.tab_con3 table tr:nth-child(1) th{background: #f2f2f2;}
.tab_con3 table td{border-left: 1px solid #c8c9ca;}
.tab_con3 table td p{width: 130px; margin: 0 auto; text-align: center; box-sizing: border-box;}
.tab_con3 table tr:nth-child(1) td{height: 59px; box-sizing: border-box; background: #f2f2f2; border-left: 1px solid #c8c9ca;}
.tab_con3 table td .cen{text-align: center!important; line-height: 17px;}
.tab_con3 ul{margin: 20px 0 50px;}
.tab_con3 ul li{margin-bottom: 13px;}
.tab_con3 ul li.bold{ font-weight: bold;}
.tab_con3 ul li span{display: inline-block; margin: 5px 0 0 10px; font-weight: normal;}
.tab_con3 ul li strong{ color: #ef1818; font-weight: bold;}
.chart_guide p{font-size: 12px; font-weight: 500; letter-spacing: -0.27px; color: #8f96a3; margin-top: 4px; line-height: 17px; text-align:center;}

/*추가 수정사항(6.10)*/
.rate_content_wrap .stock_chart_table .stock_check input[type="radio"] {display: none;}
.rate_content_wrap .stock_chart_table .stock_check {display: inline-flex; align-items: center; position: absolute; top:50%; left:8%; transform:translate(-50%,-50%);}
.rate_content_wrap .stock_chart_table .stock_check .checkmark {width: 20px; height: 20px; background-color: #fff; border:1px solid #c1c5cd ; border-radius: 50%; position: relative; transition: background-color 0.3s;}
.rate_content_wrap .stock_chart_table .stock_check input[type="radio"]:checked + .checkmark {background-color: #20226f;}
.rate_content_wrap .stock_chart_table .stock_check .checkmark::after {content: ""; position: absolute; left: 6px; top: 2px; width: 4px; height: 8px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); opacity: 0; transition: opacity 0.3s;}
.rate_content_wrap .stock_chart_table .stock_check input[type="radio"]:checked + .checkmark::after {opacity: 1;}
.search_capture_list ul{ margin-top:20px; }
.search_capture_list ul li{margin-top:4px;}
.list_box{border-radius:15px; background:#fff; box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.04); padding:8px 16px; display:flex; justify-content:space-between}
.list_box .stock_info{display:flex; flex-direction:column;}
.list_box .stock_info .stock{color:#30343b; font-weight:600; font-size:15px; line-height:17px; padding:9px 0;}
.list_box .stock_info .price_info{font-size:13px; font-weight:600; line-height:17px;}
.list_box .stock_info .price_info em{color:inherit; font-size:8px; margin-right:1px;}
.list_box .stock_info .price_info .trans_price{margin:0 2px; color:inherit;}
.list_box .stock_info .volume{font-size:12px; font-weight:600; line-height:17px; margin:4px 0; color:#30343b;}
.list_box .stock_info .volume em{color:rgba(83,77,89,0.5);}
.list_box .capture_price{border-radius:10px; background:#f1f2f3;}
.list_box .capture_price .price_box{display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; gap:2px; width:90px;}
.list_box .capture_price .price_box span{color:#20226f; font-size:13px; font-weight:500; display:flex; align-items:center;}
.list_box .capture_price .price_box em{margin-top:4px; color:#30343b; font-size:15px; line-height:17px; font-weight:500;}
.list_box.capture_list_box{padding:4px 16px; margin:8px 0;}
@media all and (max-width:330px){
    .data_deem{top:240px;}
}