/* 증권 메인페이지 관련 INFO */ table a,table img,table span,table label,table input{vertical-align:middle} input[type="text"],input[type="password"],input[type="file"],select{height:29px;text-align:left;background:#fff;border:1px solid #d6d6d6;padding:0 10px;color:#666} input[type="file"]{width:100%;padding:0;line-height:normal;color:#666;}textarea{background:#f9f9f9;border:1px solid #e8e7e4;padding:5px;width:99%;color:#666} input[type="file"]{background:#fafafa;height:auto;padding:4px 0}select{height:28px;}img{max-width:100%;} /*layout*/ #stock_2dep{width:100%;min-width: 350px; position: relative;} #stock_2dep:after{content:"";display:block;clear:both;} #stock_2dep .stock_left{width:858px;float:left;position:relative} #stock_2dep .stock_right_wrap{width:300px;float:right;} #stock_2dep, #stock_2dep *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;/*영문폰트 설정하기*/} .both_space{width:100%;height:5px;} @media screen and (max-width:20000px){ #stock_2dep .stock_left{width:73%;} #stock_2dep .stock_right_wrap{width:27%;} #stock_2dep .stock_right{margin-left:20px;} } @media screen and (max-width:20000px){ #stock_2dep .stock_right{margin-left:10px;} } @media screen and (max-width:20000px){ #stock_2dep .stock_left{width:100%;float:none} #stock_2dep .stock_right_wrap{width:100%;float:none;border-bottom:10px solid #eceeef} #stock_2dep .stock_right{margin-left:0px;} #container.stock_container{margin-left:0;margin-right:0;} } /* PC - Mobile exchange */ #stock_2dep .ex_pc{display:block;} #stock_2dep .ex_m{display:none;} #stock_2dep .m_stock{display:none;} @media screen and (max-width:20000px){ #stock_2dep .ex_m{display:inline-block;} #stock_2dep .ex_pc{display:none;} #stock_2dep .m_stock{display:block;} #stock_2dep .m_none{display:none !important;} } @media screen and (max-width:768px){ #stock_2dep .m_none768{display:none;} } /*common style*/ #stock_2dep .tab_wrap{display:block;clear:both;*zoom:1;} #stock_2dep .tab_wrap:after{display:block;visibility:hidden;clear:both} #stock_2dep .tab_wrap > .tab_menu{width:100%;position:relative;} #stock_2dep .tab_wrap > .tab_menu > li{float:left;text-align:center;font-size:17px;letter-spacing:-1px;} #stock_2dep .tab_wrap > .tab_menu > li.on{position:relative} #stock_2dep .tab_wrap > .tab_menu > li a{display:block;height:100%;cursor:pointer;} #stock_2dep .tab_wrap > .tab_cont{display:block;width:100%;clear:both;position:relative;} #stock_2dep .up{color:#ff3535;} #stock_2dep .down{color:#0374ff;} #stock_2dep .black{color:#000;} #stock_2dep .auto_select { color:#e01f26;} #stock_2dep .pitch > span{position:relative;display:inline-block;} #stock_2dep .pitch > span:after{display:block;content:"";width:10px;height:10px;position:absolute;top:14px;left:-14px;} #stock_2dep .pitch.down > span:after{background:url(../../img/signalm/triangle_blue.svg) no-repeat;background-size:100%;} #stock_2dep .pitch.up > span:after{background:url(../../img/signalm/triangle_red.svg) no-repeat;background-size:100%;} #stock_2dep .pitch.allup > span:after{height:12px;left:-13px;} #stock_2dep .pitch.down.allup > span:after{background:url(../../img/signalm/arrow_blue.svg) no-repeat;background-size:100%;} #stock_2dep .pitch.up.allup > span:after{background:url(../../img/signalm/arrow_red.svg) no-repeat;background-size:100%;} #stock_2dep .th_br, #stock_2dep .br {vertical-align:top} /*input*/ /*#stock_2dep input::-webkit-input-placeholder{color:#999;font-size:15px;} #stock_2dep input:-moz-placeholder{color:#999;font-size:15px;} #stock_2dep input::-moz-placeholder{color:#999;font-size:15px;} #stock_2dep input:-ms-input-placeholder{color:#999;font-size:15px;}*/ /* ------------------------ left box ------------------------ */ /* left main tab */ #stock_2dep .main_tab > .tab_menu{width:100%;} #stock_2dep .main_tab > .tab_menu:after{display:block;content:"";width:100%;height:1px;position:absolute;bottom:0;left:0;background:#cdd1da;} #stock_2dep .main_tab > .tab_menu > li a{background:#999;border:1px solid #cdd1da;border-left:0 none;background:#f2f2f2;} #stock_2dep .main_tab > .tab_menu > li:first-child a{border-left:1px solid #cdd1da} #stock_2dep .main_tab > .tab_menu > li.on a{border-bottom:0 none;background:#fff;position:relative} #stock_2dep .main_tab > .tab_menu > li img.click_on, #stock_2dep .main_tab > .tab_menu > li.on img.click_off{display:none} #stock_2dep .main_tab > .tab_menu > li.on img.click_on, #stock_2dep .main_tab > .tab_menu > li img.click_off{display:inline-block} #stock_2dep .main_tab > .tab_menu > li a span{display:none;} /*BIG tab*/ #stock_2dep .tab1 > .tab_menu{height:40px;} #stock_2dep .tab1 > .tab_menu > li{width:120px;height:40px;} #stock_2dep .tab1 > .tab_menu > li img{margin-top:10px;} #stock_2dep .tab1 > .tab_cont{padding-top:40px;} /*small_tab*/ #stock_2dep .tab2 > .tab_menu{height:35px;} #stock_2dep .tab2 > .tab_menu > li{width:110px;height:35px;} #stock_2dep .tab2 > .tab_menu > li img{margin-top:9px;} #stock_2dep .tab2 > .tab_cont{padding-top:23px;} @media screen and (max-width:20000px){ #stock_2dep .tab_wrap:after{visibility:inherit;} #stock_2dep .tab1 > .tab_menu > li a{border-top:0 none;} #stock_2dep .main_tab > .tab_menu{width:100%;} #stock_2dep .main_tab > .tab_menu > li a{border:0 none;border-bottom:1px solid #dcdcdc;background:#fff;font-weight: bold} #stock_2dep .main_tab > .tab_menu > li:first-child a{border-left:0 none} #stock_2dep .main_tab > .tab_menu > li.on img.click_on, #stock_2dep .main_tab > .tab_menu > li img.click_off{display:none} #stock_2dep .main_tab > .tab_menu > li a span{display:block;height:100%;} /*BIG tab*/ #stock_2dep .tab1 > .tab_menu > li{width:25%;} #stock_2dep .tab1.tab1-2-3 > .tab_menu > li{width:20%;float: left} #stock_2dep .tab1-2 > .tab_menu > li{width:50%;} #stock_2dep .tab1 > .tab_menu > li a span{display: inline-block; height: 24px; line-height:24px;font-size:15px;color:#333; margin-top: 8px; padding:0 5px; text-indent: -1px; font-weight: normal;} #stock_2dep .tab1 > .tab_menu > li.on a span{color:#fff; background: #3c3c3c; border-radius: 1px;} #stock_2dep .tab1 > .tab_cont{padding-top:25px;border-top:10px solid #eceeef;} /*small_tab*/ #stock_2dep .tab2 > .tab_menu{height:45px;line-height:45px;padding-left:15px;} #stock_2dep .tab2 > .tab_menu:after {display: none;} #stock_2dep .tab2 > .tab_menu > li{display:inline-block;width:auto;height:100%;margin-right:30px;font-size:17px;} #stock_2dep .tab2 > .tab_menu > li a{border-bottom:0 none;} #stock_2dep .tab2 > .tab_menu > li a span{line-height:45px;color:#999} #stock_2dep .tab2 > .tab_menu > li.on a:after{height:1px;bottom:-1px;background:#000;} #stock_2dep .tab2 > .tab_cont{padding-top:0;} /*small_tab_ver2*/ #stock_2dep .tab3 > .tab_menu{height:45px;line-height:45px;padding-left:0;border-top:1px solid #ced2d7;margin-bottom:15px;} #stock_2dep .tab3 > .tab_menu > li{width:50%;margin:0;height:44px;} #stock_2dep .tab3 > .tab_menu > li a{background:#f4f4f4;border-bottom:1px solid #ced2d7;border-left:1px solid #ced2d7;font-size:17px;} #stock_2dep .tab2 > .tab_menu > li.on a span, #stock_2dep .tab3 > .tab_menu > li.on a span{color:#000;} #stock_2dep .tab3 > .tab_menu > li.on a:after{display: block; content: ""; width: 100%; height: 1px; position: absolute; bottom:0; left: 0; background:#fff;z-index: 10} #stock_2dep .tab_wrap .more{width:8px;height:16px;position:absolute;top:-30px;right:10px;} #stock_2dep .tab_wrap .more img{width:100%;height:100%;display:block;} /*sp*/ #stock_2dep .tab3.tab1 > .tab_menu{margin-top:25px;margin-bottom:0;} #stock_2dep .tab3.tab1 > .tab_cont{border-top:0 none;padding-top:0} #stock_2dep .tab3.tab1 .now_time{top:-65px} } /* select box style */ #stock_2dep .select_box{float:right;text-align:left;position:relative;} #stock_2dep .select_box .select_go{display:block;width:150px;height:30px;background:#fff;border:1px solid #bbb;line-height:30px;padding:0 10px;line-height:28px;position:relative; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; } #stock_2dep .select_box .select_go > span{display:block;width:10px;height:6px;position:absolute;top:12px;right:10px;background:url("../../img/signalm/stock_65.jpg") no-repeat;background-size:100%;} #stock_2dep .select_box .select_go > span.reverse{-webkit-transform:rotate(180deg);transform:rotate(180deg);top:10px} #stock_2dep .select_box ul{width:100%;max-height:310px;position:absolute;top:29px;left:0;display:none;z-index:50;overflow-y:auto;border-bottom:1px solid #bbb;border-right:1px solid #bbb;border-top:1px solid #bbb} #stock_2dep .select_box ul li{background:#fff;height:31px;border:1px solid #bbb;border-top:1px solid #eaeaea;border-bottom:0 none;} #stock_2dep .select_box ul li:first-child{border-top:0 none;} #stock_2dep .select_box ul li a{display:block;height:100%;line-height:30px;padding-left:10px;font-size:13px;color:#666;} @media screen and (max-width:20000px){ #stock_2dep .select_box .select_go{width:250px;font-size:15px;} #stock_2dep .select_box .select_go > span{width:10px;height:6px;top:11px;background:url("../../img/signalm/select_down.svg") no-repeat;background-size:100%;} #stock_2dep .select_box ul li a{font-size:15px;} #stock_2dep .m_select {position: absolute;top: 0;left: 0;display: inline-block;width: 100%;height:30px;border: 0;box-shadow: none;background-color: transparent;background-image: none;-webkit-appearance: none;outline: 0;cursor: pointer;z-index: 1;opacity: 0;} } /* button style */ .page_back{display:block;width:42px;height:42px;position:absolute;top:12px;left:0;} .page_back img{display:block;width:22px;margin-left:10px;margin-top:20px;} .p_g_serch_result1{padding:45px;border-top:2px solid #838383;border-bottom:1px solid #ced2d7;} .p_g_serch_result1 > p{display:inline-block;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-top:-10px;} .p_g_serch_result1 > p span{display:block;width:100%;position:relative;line-height:18px;margin-top:10px;font-size:13px;color:#666;} .p_g_serch_result1 > p span:after{content:"";display:block;width:3px;height:5px;background:url("../../img/signalm/photo_read_12.jpg") no-repeat;position:absolute;top:5px;left:-5px;} .p_g_serch_result1 > p span strong{letter-spacing:0;font-weight:normal;color:#333;text-decoration:underline;} .p_g_serch_result2{margin-top:50px;} .p_g_serch_result2 > span{font-size:14px;color:#666;display:block;margin-bottom:25px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 30px;line-height:20px;} .sto_btn{display:inline-block;height:46px;} .sto_btn a{display:block;width:166px;height:100%;float:left;line-height:45px;background:#f8f8f8;border:1px solid #c7c7c7;color:#666;font-size:16px;font-weight:bold;margin-left:10px;} .sto_btn a:first-child{margin-left:0;} .sto_btn2{height:40px;margin:20px 0 10px 0;} .sto_btn2 a{width:110px;line-height:36px;} .sto_btn3{margin-top:30px;} .sto_btn3 a{width:190px;} /* radio button */ #stock_2dep .radio_style a{height:100%;padding-left:15px;color:#ababab;position:relative} #stock_2dep .radio_style a:first-child{padding:0} #stock_2dep .radio_style a.click{font-weight:bold;} #stock_2dep .radio_style a span{vertical-align:middle} #stock_2dep .radio_style a span span{display:inline-block;width:13px;height:13px;border:1px solid #666;border-radius:50%;background:#fff;margin:-2px 2px 0 0;position:relative} #stock_2dep .radio_style a.click span span:after{display:block;content:"";width:7px;height:7px;border-radius:50%;background:#e01f26;position:absolute;top:2px;left:2px;} /* section partition */ #stock_2dep .sec{width:100%;margin-top:50px;} #stock_2dep .sec h2{text-align:left;font-size:15px;font-weight:bold;color:#333;} #stock_2dep .sec h2.sec_h2_result{margin-bottom:8px;margin-left:3px;} #stock_2dep .sec h2 span{color:#247acd} #stock_2dep .sec h2 img{margin-bottom:10px;padding-left:5px;} #stock_2dep h3 img{margin-bottom:7px;margin-left:5px} #stock_2dep .result{position:relative;} #stock_2dep .result:after{display:block;content:"";width:1px;height:14px;position:absolute;top:2px;left:70px;background:#d4d4d4} #stock_2dep .result .result_answer{position:absolute;top:1px;left:80px;font-size:14px;letter-spacing:0;color:#666;font-weight:normal;} #stock_2dep .result .result_answer > span:first-child{font-weight:bold;} #stock_2dep .result .result_answer > span{color:#e01f26;} @media screen and (max-width:20000px){ #stock_2dep .sec{margin-top:0;border-top:11px solid #eceeef;position:relative;} #stock_2dep .sec.sec_noline{border-top:0 none;} #stock_2dep .sec:after{display:block;content:"";width:100%;height:1px;position:absolute;top:-11px;left:0;background:#dcdcdc;} #stock_2dep .sec.sec_noline:after{display:none;} #stock_2dep .sec h2{font-size:17px;font-weight:bold;color:#333;height:45px;line-height:45px;padding-left:15px;} #stock_2dep .sec h2.underline{border-bottom:1px solid #ced2d7;margin-bottom:10px;} #stock_2dep .sec h2 span.ex_m{color:#333;font-weight: bold;} #stock_2dep .sec h2.result{height:auto;padding-top:35px;padding-left:0;text-align:center;font-size:20px;line-height:1;margin-bottom:10px;} #stock_2dep .result:after{display:none;} #stock_2dep .result .result_answer{display:block;position:static;padding-top:20px;} .p_g_serch_result1{padding:40px 50px 20px 50px ;border-top:0 none;} .p_g_serch_result2{margin-top:20px;} .p_g_serch_result2 > span{margin-bottom:20px;} .sto_btn{height:40px;margin-bottom:25px;} .sto_btn a{width:130px;line-height:40px;font-size:14px;} .sto_btn3{display: none;} .vRt .p_g_serch_result1 {border-bottom: 0 none; margin-bottom: -10px; border-top: 1px solid #dcdcdc; padding:30px 50px} } @media screen and (max-width:525px){ .p_g_serch_result2 > span span {display: block;} } /* table - friends */ #stock_2dep .table_wrap{position:relative;} /*parent*/ #stock_2dep .table_wrap.table_no_data table tbody { display: none; } #stock_2dep .table_no_data_tex {width: 100%; height: 45px; border-top: 1px solid #afb3b7; border-bottom: 1px solid #ced2d7; line-height: 45px; font-size: 14px;} #stock_2dep .table_wrap .top_2px_border{display:block;content:"";width:100%;height:2px;position:absolute;top:0;left:0;background:#838383;z-index:10;} #stock_2dep .table_notition{display:inline-block;position:absolute;top:-16px;right:0;color:#999;font-size:11px;} /*child*/ #stock_2dep .rank_tab{position:relative;} #stock_2dep .day_select{display:inline-block;height:19px;position:absolute;top:-50px;right:0;} #stock_2dep .day_select li{float:left;line-height:17px;} #stock_2dep .day_select li:first-child{width:45px;height:18px;background:#535353;border-radius:2px;color:#fff;font-size:10px;border-bottom:1px solid #3a3a3a;border-right:1px solid #3a3a3a;} #stock_2dep .day_select li a{padding-left:10px;color:#333;letter-spacing:0;font-size:12px;line-height:18px;} #stock_2dep .day_select li a span{display:inline-block;width:12px;height:12px;border:1px solid #8f8f8f;border-radius:50%;margin:3px 4px 0 0;position:relative} #stock_2dep .day_select li a.click span:after{display:block;content:"";width:6px;height:6px;position:absolute;top:2px;left:2px;background:#000;border-radius:50%;} #stock_2dep .table_plus{display:inline-block;position:absolute;top:-20px;right:5px;font-size:11px;color:#666;} #stock_2dep .table_plus span:first-child{display:inline-block;width:13px;height:13px;background:#777;border-radius:50%;margin-right:3px;position:relative;} #stock_2dep .table_plus span:first-child:after{display:block;content:"";width:7px;height:1px;position:absolute;top:6px;left:3px;background:#fff;} #stock_2dep .table_plus span:first-child:before{display:block;content:"";width:1px;height:7px;position:absolute;top:3px;left:6px;background:#fff;} /* TABLE TYPE (common)*/ #stock_2dep table{width:100%;border-top:2px solid #838383;border-bottom:1px solid #ced2d7;text-align:right;table-layout:fixed;} #stock_2dep table th{padding:13px 8px;border-left:1px solid #e6e8eb;text-align:right;} #stock_2dep table td{padding:7px 10px;border-left:1px solid #f0f1f3;text-align:right;letter-spacing:-0.5px;color:#555} #stock_2dep table thead tr th{color:#333;font-size:14px;font-weight:bold;border-bottom:1px solid #ced2d7;position:relative} #stock_2dep table thead tr th:after{display:block;content:"";width:100%;height:2px;background:#f3f3f3;position:absolute;bottom:-3px;left:0;} #stock_2dep table.ta10 th, #stock_2dep table.ta10 td{padding:0;position:static} #stock_2dep table.ta10 thead tr th:after{display:none;} #stock_2dep table.ta10 thead tr th .th_position{display:block;width:100%;height:100%;position:relative;padding:13px 7px 13px 0;line-height: 1; height: 41px;} #stock_2dep table.ta10 thead tr th .th_position:after{display:block;content:"";width:100%;height:2px;background:#f3f3f3;position:absolute;bottom:-3px;left:0;z-index:20;} #stock_2dep table.ta10 tbody tr td .td_position{display:block;width:100%;height:100%;position:relative;padding:7px 10px;} #stock_2dep table.ta9 tbody tr td .td_position{display:block;padding:0 !important} #stock_2dep table.ta9.ta10 tbody tr td .td_position{display:block;padding:7px 10px !important} #stock_2dep table.ta9.ta10 tbody tr td.rank_num.rank_numC .td_position{padding:7px 10px 7px 0 !important} #stock_2dep table thead tr th a{display:block;height:100%;color:#333;font-size:14px;} #stock_2dep table th:first-child, #stock_2dep table td:first-child{border-left:0 none;} #stock_2dep table tbody tr th{color:#333;font-size:14px;font-weight:bold;} #stock_2dep .table_position_wrap, #stock_2dep .table_wrap > img, #stock_2dep table thead tr th .th_small, .m_table_arr{display:none;} /*개별 특정 스타일*/ #stock_2dep .text_center{text-align:center;} /*th가 2줄일때 "th2"*/ #stock_2dep table.th2 th{padding:7px 10px;} #stock_2dep table.th2 thead tr:nth-child(2) th{font-size:12px;color:#999;font-weight:normal;padding:7px 10px;} #stock_2dep table.th2 thead tr th[colspan]{border-bottom:1px solid #e6e8eb;} #stock_2dep table.th2 thead tr th[colspan]:after{display:none;} #stock_2dep table.th2.ta5 thead tr th[colspan]:first-child{border-bottom:1px solid #ced2d7} #stock_2dep table.th2.ta5 thead tr th[colspan]:first-child:after{display:block;} #stock_2dep table.th2 thead tr:nth-child(2) th:first-child{border-left:1px solid #e6e8eb} /*5줄씩 끊을때*/ #stock_2dep .cut_5line td{padding:0 !important;width:100%;} #stock_2dep .cut_5line td span{position:relative;display:block;width:100%;height:15px;} #stock_2dep .cut_5line td span:after{display:block;content:"";width:100%;height:1px;background:#e2e4e7;position:absolute;top:7.5px;left:0;} #stock_2dep table .cut_5line td.orange span:after{background:#e2dccd;} /*td 라인이 없는 경우*/ #stock_2dep table tbody.no_line .table_blank > *{padding:5px;} #stock_2dep table.ta10 tbody.no_line .table_blank > *{padding:0;} #stock_2dep table.ta10 tbody.no_line .table_blank > * > *{padding:5px;} #stock_2dep table.ta10 tbody.no_line .table_blank > * > .td_position{padding:7px 10px;} /*td 라인이 있는 경우*/ #stock_2dep table tbody.have_line tr td{border-bottom:1px solid #e6e8eb;padding:9px 10px;} #stock_2dep table tbody.have_line tr td.orange{background:#fff6e1;border-left:1px solid #f0e9d6;border-bottom:1px solid #e6e0cf;} #stock_2dep table tbody.have_line tr td.blue {background:#eaeef4;border-left:1px solid #dee1e6 ;border-bottom:1px solid #d3d9e1; } /*Orange range + ta10 */ #stock_2dep table thead tr th.orange{background:#f9e2ae;color:#6e644c;border-bottom:1px solid #c9ba93;border-left:1px solid #e1cea0;} #stock_2dep table thead tr th.blue { background:#c6d2df;color:#575c62;border-bottom:1px solid #b5beca;border-left:1px solid #b5beca; padding:0 !important } #stock_2dep table tbody tr td.orange.px2 span:before{display:block;content:"";width:1px;height:108%;background:#e6e0cf;position:absolute;top:0;left:0;} #stock_2dep table.ta10 thead tr th.orange .th_position:after, #stock_2dep table thead tr th.orange span:after{display:block;content:"";width:100%;height:2px;position:absolute;bottom:-3px;left:0;background:#f2ead5;z-index:1} #stock_2dep table thead tr th.blue:after {background: #dee2e8 !important;} #stock_2dep table thead tr th.blue span:after {background: #dee2e8 !important; border-top:1px solid #b5beca } #stock_2dep table thead tr *.orange span:before{display:block;content:"";width:1px;height:100%;/*background:#e1cea0;*/position:absolute;top:0;left:-1px;} #stock_2dep table.ta4 thead tr *.orange span:before{left:0px;} #stock_2dep table thead tr *.orange.px2 span:before{display:block;content:"";width:1px;height:100%;background:#e1cea0;position:absolute;top:0;left:0;} #stock_2dep table tbody tr td.orange{background:#fff6e1;border-left:1px solid #f0e9d6;} #stock_2dep table thead tr th.blue .ico_info.type2 {height: 60px} #stock_2dep table thead tr th.blue .ico_info{ display: inline-block; width:16px; height:16px;vertical-align: middle; margin-top:-3px; } #stock_2dep table thead tr th.blue .ico_info img { margin-left:0 !important; width:16px; height:16px; margin-top:0 !important} #stock_2dep.article table.ta4.ta7 tr th.blue span { padding:0} /* Icon */ #stock_2dep table .pitch > span{/*line-height:18px;*/} #stock_2dep table .pitch > span:after{width:9px;height:6px;top:50%;left:-12px; margin-top: -3px;} #stock_2dep table .pitch.up > span:after{background:url("../../img/signalm/stock_70.png") no-repeat;} #stock_2dep table .pitch.down > span:after{background:url("../../img/signalm/stock_71.png") no-repeat;} #stock_2dep table .pitch.up.allup > span:after{height:11px;left:-11px;margin-top: -5.5px; background:url("../../img/signalm/stock_69.png") no-repeat;} #stock_2dep table .pitch.down.allup > span:after{height:11px;left:-11px;margin-top: -5.5px;background:url("../../img/signalm/stock_72.png") no-repeat;} /* rank NUMBER */ #stock_2dep .rank_num{text-align:left;letter-spacing:-1px;} #stock_2dep .rank_num a span{color:#333;font-size:13px;font-weight:bold;} #stock_2dep .rank_num a span:first-child{display:inline-block;width:14px;height:13px;background:#a6a6a6;border:1px solid #959595;color:#fff;font-weight:normal;font-size:9px;text-align:center;border-radius:2px;margin-right:5px;text-indent:-1px;line-height:12px;margin-top:-1px;} #stock_2dep .rank_num.rank_numA a span:first-child{background:#ff3535;border:1px solid #cd0d0d;} #stock_2dep .rank_num.rank_numB a span:first-child{background:#0374ff;border:1px solid #0057c1;} #stock_2dep .rank_num.rank_numC a span:first-child{width:25px;height:auto;background:none;border:0 none;color:#b4b4b4;font-size:10px;text-align:center;border-radius:0;margin-right:0;text-indent:-1px;letter-spacing:0} #stock_2dep table td.rank_num.rank_numC > .td_position{padding:7px 10px 7px 0;} /* Click table - 선택된 테이블 세로열 */ #stock_2dep table thead tr th.select_table{border-left:2px solid #737475;border-right:2px solid #737475;} #stock_2dep table tbody tr td.select_table{border-left:2px solid #737475;border-right:2px solid #737475;background:#f2f2f2;border-bottom:1px solid #dadcdf;} #stock_2dep table thead tr th.select_table{border-top:1px solid #414141;} #stock_2dep table thead tr th.select_table:before{display:block;content:"";width:100%;height:2px;background:#414141;position:absolute;top:-2px;left:0;z-index:10} /*종목정보 sorting 기능 추가 */ #stock_2dep table.ta2 thead tr th.select_table:before {display: none;} #stock_2dep table.ta2 thead tr th img { margin:-4px 0 0 3px;} #stock_2dep table.ta2 tbody tr td.select_table{ border-bottom: 0 none} /*--*/ #stock_2dep table tbody tr:last-child td.select_table, #stock_2dep table tbody.have_line tr:last-child td.select_table{border-bottom:2px solid #737475;} #stock_2dep table thead tr th.select_table:after, #stock_2dep table.ta10 thead tr th.select_table .th_position:after {background:#e7e7e7;} #stock_2dep table thead tr th img.img_on{display:none;} #stock_2dep table thead tr th.select_table img.img_off{display:none;} #stock_2dep table thead tr th.select_table img.img_on{display:inline-block;} /* Each Page:table SIZE (+) detail style */ /* ta2:상승률 상위*/ #stock_2dep table.ta2 th:nth-child(1), #stock_2dep table.ta2 td:nth-child(1){width:20%;} #stock_2dep table.ta2 td:nth-child(1){width:100%;} #stock_2dep table.ta2 th, #stock_2dep table.ta2 td{width:10%;} /* ta3:등락률 상위업종*/ #stock_2dep table.ta3 td:nth-child(1){width:117px;padding-right:0;} #stock_2dep table.ta3 td:nth-child(2){width:52px;text-align:right;padding:3px 0 0 0;} #stock_2dep table.ta3 td:nth-child(3){text-align:left;color:#666;padding-left:20px;padding-right:0;letter-spacing:-1.5px} #stock_2dep table.ta3 td:nth-child(4){text-align:left;color:#666;padding-left:5px;letter-spacing:-1px} #stock_2dep table.ta3 td{border-left:0 none;} #stock_2dep table.ta3 td > span a{display:inline-block;color:#666;font-size:13px;width:100%;} /*말줄임+아이콘*/ #stock_2dep table .rankta3 td > span{width:100%;height:100%;display:inline-block} #stock_2dep table.ta3 .rankta3 a{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;line-height:14px;} #stock_2dep table.ta3 .rankta3 .pitch{padding-left:12px;} #stock_2dep table .rankta3 .pitch > span:after{width:9px;height:6px;top:50%;left:-12px;margin-top: -3px;} #stock_2dep table .rankta3 .pitch.up > span:after{background:url("../../img/signalm/stock_70.png") no-repeat;} #stock_2dep table .rankta3 .pitch.down > span:after{background:url("../../img/signalm/stock_71.png") no-repeat;} #stock_2dep table .rankta3 .pitch.up.allup > span:after{width:9px;height:11px;top:50%;left:-11px;margin-top: -5.5px; background:url("../../img/signalm/stock_69.png") no-repeat;} #stock_2dep table .rankta3 .pitch.down.allup > span:after{width:9px;height:11px;top:50%;left:-11px; margin-top: -5.5px; background:url("../../img/signalm/stock_72.png") no-repeat;} /*ta4:1-3업종별*/ #stock_2dep table.ta4 .pitch > span{line-height:18px;} #stock_2dep table.ta4 th, #stock_2dep table.ta5 th:last-child{padding:13px 5px} #stock_2dep table.ta4 th img{display:inline-block;width:14px;height:14px;margin:-3px 0 0 3px;} #stock_2dep table.ta4 tbody tr td:first-child{text-align:left} #stock_2dep table.ta4 tbody tr td:first-child a{font-size:14px;color:#333;font-weight:bold;} #stock_2dep table.ta4.ta4_2 th:first-child, #stock_2dep table.ta4.ta4_2 td:first-child{width:30%} #stock_2dep table.ta4 thead tr th.orange{padding:0} #stock_2dep table.ta4 thead tr th.orange span{padding:15px 5px;display:block;width:100%;height:100%;position:relative} #stock_2dep table.ta4 .orange > span{display:block;width:100%;height:100%;} #stock_2dep table.ta4 thead tr th.orange:after{background:#f2ead5;} /*ta5:1-4주체별*/ #stock_2dep table.ta5 .cut_5line td:after{background:#ced2d7;} #stock_2dep table.ta5 tbody tr:last-child td{border-bottom:#ced2d7;} /*ta6:2>2 일별*/ #stock_2dep table.ta6 td:first-child{font-size:14px;color:#333} /*ta7:검색결과*/ #stock_2dep table.ta7 th:first-child, #stock_2dep table.ta7 td:first-child{width:25%;padding:9px 4px;} #stock_2dep table.ta4.ta7 th{padding:13px 10px} #stock_2dep table.ta7 td:first-child a > span{position:relative;padding-left:43px;} #stock_2dep table.ta7 td:first-child a > span span{display:block;width:36px;height:14px;position:absolute;top:2px;left:0;border:1px solid #d4d4d4;border-radius:2px;background:#fff;color:#707070;font-size:10px;line-height:14px;font-weight:bold;text-align:center;letter-spacing:-0.5px} /*ta8:공시 page style*/ #stock_2dep table.ta8 th:nth-child(1), #stock_2dep table.ta8 td:nth-child(1){width:125px;} #stock_2dep table.ta8 th:nth-child(2), #stock_2dep table.ta8 td:nth-child(2){width:145px;} #stock_2dep table.ta8 th:nth-child(3), #stock_2dep table.ta8 td:nth-child(3){width:70px;} #stock_2dep table.ta8 th:nth-child(4) a, #stock_2dep table.ta8 td:nth-child(4) a{color:#333;} #stock_2dep table.ta8 th:nth-child(5), #stock_2dep table.ta8 td:nth-child(5){width:105px;} #stock_2dep table.ta8 tr:nth-child(2n+2) td{background:#f6f6f6;border-left:1px solid #e5e6e8;} #stock_2dep table.ta8 tr td{padding:0 !important;} #stock_2dep table.ta8 tr td > span{display:block;width:100%;height:36px;position:relative;padding:0 10px;line-height:36px;} #stock_2dep table.ta8 tr:nth-child(2n+2) td > span:after{display:block;content:"";width:100%;height:1px;position:absolute;top:0;left:0;background:#fff;} #stock_2dep table.ta8 td:nth-child(1) span{font-size:11px;color:#999;font-weight:bold;letter-spacing:0;line-height:38px} #stock_2dep table.ta8 td:nth-child(2), #stock_2dep table.ta8 td:nth-child(4){text-align:left} #stock_2dep table.ta8 td:nth-child(3) span{text-align:center;} #stock_2dep table.ta8 td:nth-child(3) span span{display:inline-block;width:40px;height:19px;background:#dfedfe;padding:1px 0;border:1px solid #6ba6f2;color:#5b91d7;font-size:11px;line-height:14.5px;}#stock_2dep table.ta8 tr:nth-child(2n+2) td:first-child{border-left:0 none;} #stock_2dep table.ta8 tbody.have_line tr:nth-child(5n+5) td{border-bottom:1px solid #e6e8eb} /*ta9:th글씨가 길어서 짤리는부분*/ #stock_2dep table.ta9 th:nth-child(8), #stock_2dep table.ta9 td:nth-child(8){width:11%;} #stock_2dep table.ta9 th:nth-child(9), #stock_2dep table.ta9 td:nth-child(9){width:12%;} #stock_2dep table.ta2.ta9 td:nth-child(1){padding: 7px 10px 7px 0} #stock_2dep table.ta2.ta9.ta10 td:nth-child(1){padding:0} /*5줄마다 진한선추가*/ #stock_2dep table tbody.have_line tr:nth-child(5n+5) td{border-bottom:1px solid #babfc6;} #stock_2dep table tbody.have_line tr:last-child td{border-bottom:1px solid #babfc6;} /*td 말줄임*/ #stock_2dep table.ta2 td:nth-child(1) > span, #stock_2dep table.ta3 td:nth-child(1), #stock_2dep table.ta4.ta4_2 td:first-child, #stock_2dep table.ta7 td:first-child, #stock_2dep table.ta8 td:nth-child(4) > span, #stock_2dep table.ta8 td:nth-child(2) > span, #stock_2dep table.ta2.ta11 td:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #stock_2dep table tbody tr td.table_chart{padding:0;} @media screen and (-webkit-min-device-pixel-ratio:0){ #stock_2dep .day_select li{line-height:19px;} .sto_btn2 a{line-height:40px;} #stock_2dep .rank_num a span:first-child{text-indent:-2px;line-height:11px;} #stock_2dep table.ta8 td:nth-child(1) span{font-size:12px;} #stock_2dep table.ta8 tr td > span{line-height:35px;} #stock_2dep table.ta8 td:nth-child(3) span span{font-size:11px;line-height:16px;} #stock_2dep table.ta7 td:first-child a > span span{line-height:16px;top:0;} } @media screen and (max-width:20000px){ #stock_2dep .pc1200{display:none;} #stock_2dep table thead tr th{font-size:12px;} } @media screen and (max-width:20000px){ #stock_2dep table th{padding:13px 6px;} #stock_2dep table.th2 th{padding:7px 6px;} #stock_2dep .pc1100{display:none;} #stock_2dep table thead tr th a{font-size:13px;} #stock_2dep table.th2 th{padding:7px 6px;} #stock_2dep table.th2.ta5 thead tr th .br{display:block;} #stock_2dep table.ta2 th, #stock_2dep table.ta2 td{width:11%;} #stock_2dep table.ta3 td:nth-child(3){padding-right:10px;text-align:right} #stock_2dep table.ta3 td:nth-child(4){display:none;} #stock_2dep table.ta8 th:nth-child(3), #stock_2dep table.ta8 td:nth-child(3){width:11%;} #stock_2dep table.ta9 th:nth-child(8), #stock_2dep table.ta9 td:nth-child(8){width:13%;} #stock_2dep table.ta9 th:nth-child(9), #stock_2dep table.ta9 td:nth-child(9){width:14%;} @media screen and (-webkit-min-device-pixel-ratio:0){#stock_2dep table.ta3 td:nth-child(3){text-align:left}} } @media screen and (max-width:20000px){ #stock_2dep .pc1000{display:none;} #stock_2dep table.ta10 thead tr th .th_position{padding:13px 6px;} } @media screen and (max-width:20000px){ #stock_2dep .table_wrap.table_no_data { display: none; } #stock_2dep .table_no_data_tex {height: 41px; line-height: 41px; font-size: 15px;} #stock_2dep .day_select{display:block;height:44px;position:static;background:#f7f8f9;border-top:1px solid #ced2d7;border-bottom:1px solid #ced2d7;padding:0 15px;margin-bottom:5px;} #stock_2dep .day_select li{line-height:43px;} #stock_2dep .day_select li:first-child{width:53px;height:24px;font-size:13px;border:0 none;line-height:25px;margin-top:10px;} #stock_2dep .day_select li a{font-size:14px;line-height:45px;padding-left: 20px;} #stock_2dep .day_select li a:not(:root:root){line-height:43px;} #stock_2dep .day_select li a span{width:16px;height:16px;margin:13px 4px 0 0;background:#fff;} #stock_2dep .day_select li a.click span:after{width:8px;height:8px;top:3px;left:3px;background:#333} #stock_2dep .table_plus{height:45px;top:-45px;right:10px;font-size:14px;line-height:45px;} #stock_2dep .table_plus span:first-child{display:block;width:8px;height:16px;position:absolute;top:14px;;right:0;background:url("../../img/signalm/arrow_right_black.svg")no-repeat;background-size:100%;border-radius:0;margin-right:0;} #stock_2dep .table_plus span:first-child:after, #stock_2dep .table_plus span:first-child:before{display:none;} #stock_2dep .table_plus span:nth-child(2){padding-right:15px;} #stock_2dep .table_wrap{/*margin-bottom:10px; */} #stock_2dep table{border-top:1px solid #afb3b7;border-bottom:1px solid #ced2d7;} #stock_2dep table thead tr th{font-size:14px;color:#999;font-weight:normal;padding:0 8px;} #stock_2dep table thead tr th a{color:#999;} #stock_2dep table thead tr th > *{line-height:60px;position:relative} #stock_2dep table thead tr th .th_small{display:inline-block;font-size:11px;color:#000;position:absolute;bottom:10px;right:10px;line-height:1;opacity:0.3} #stock_2dep table thead tr *.orange.px2 .th_small:before{display:none;} #stock_2dep table th{padding:0 8px;height:62px;line-height:1;} #stock_2dep table td{padding:0 10px;height:41px;line-height:37px;border-top:1px solid #f0f1f3;color:#333;font-size:15px;} #stock_2dep table td.orange{border-top:1px solid #f0e8d6} #stock_2dep table tr:first-child td{border-top:0 none} #stock_2dep table tbody th{border-bottom:1px solid #f0f1f3;} #stock_2dep .table_wrap .top_2px_border{display:none;} #stock_2dep .table_notition{right:10px;} #stock_2dep table.ta10 thead tr th .th_position{padding:0 8px; line-height: 60px; height: 62px;} #stock_2dep table.ta10 tbody tr td .td_position{padding:0 10px;} #stock_2dep table.ta9.ta10 tbody tr td .td_position{padding:0 10px !important;} #stock_2dep table.ta9.ta10 tbody tr td.rank_num.rank_numC .td_position{padding:0 10px 0 0 !important} #stock_2dep table.ta2 tbody tr td.select_table{border-bottom: 1px solid #dadcdf} #stock_2dep table.ta2 tbody tr:last-child td.select_table{border-bottom:2px solid #737475;} #stock_2dep table td.rank_num.rank_numC > .td_position{padding:0 10px 0 0;} /*here*/ #stock_2dep table.table_position th, #stock_2dep table.table_position td{background:#fff;border-right:1px solid #afb3b7;} #stock_2dep table.table_position tbody th:first-child{background:#fff;border-right:1px solid #f0f1f3;} #stock_2dep .table_wrap > img{display:block;position:absolute;top:27px;right:3px;opacity:0.7;z-index:10;} #stock_2dep .table_wrap.posi570 > img, #stock_2dep .table_wrap.posi670 > img, #stock_2dep .table_wrap.posi730 > img, #stock_2dep .table_wrap.posi830 > img { display: none} #stock_2dep table .pc1100 , #stock_2dep table .pc1000{display:table-cell;} #stock_2dep table.th2 th{padding:0 10px;height:31px;line-height:30px;font-weight:normal} #stock_2dep table.th2 tbody th{font-size:15px;height:38px;line-height:37px;} #stock_2dep table.th2.ta5 tbody tr th:nth-child(2){border-top:1px solid #f0f1f3} #stock_2dep table.th2.ta5 tbody th{border-bottom:0 none; height: 41px} #stock_2dep table tbody.have_line tr td{padding:0 8px;} #stock_2dep table tbody tr td.select_table{border-left:2px solid #737475} #stock_2dep table tbody.have_line tr.select_table_last td.select_table{border-bottom:2px solid #737475;} /* Icon */ #stock_2dep table .pitch > span:after{width:10px;height:9px;top:50%;left:-13px;margin-top: -4.5px} #stock_2dep table .pitch.up > span:after{background:url("../../img/signalm/triangle_red.svg") no-repeat; background-size:100%;} #stock_2dep table .pitch.down > span:after{background:url("../../img/signalm/triangle_blue.svg") no-repeat; background-size:100%;} #stock_2dep table .pitch.up.allup > span:after{width:9px;height:13px;left:-12px;margin-top: -6.5px; background:url("../../img/signalm/arrow_red.svg") no-repeat; background-size:100%;} #stock_2dep table .pitch.down.allup > span:after{width:9px;height:13px;left:-12px;margin-top: -6.5px; background:url("../../img/signalm/arrow_blue.svg") no-repeat; background-size:100%;} #stock_2dep .rank_num a span{font-size:15px;} #stock_2dep .rank_num a span:first-child{width:20px;height:100%;background:#fff;border:0 none;color:#999;font-size:12px;border-radius:0;line-height:38px;margin:0;} #stock_2dep .rank_num.rank_numA a span:first-child, #stock_2dep .m_stock.sec table.ta3 td.rank_num.rank_numA a span:first-child{color:#ff3535;background:#fff;border:0 none;} #stock_2dep .rank_num.rank_numB a span:first-child, #stock_2dep .m_stock.sec table.ta3 td.rank_num.rank_numB a span:first-child{color:#0374ff;background:#fff;border:0 none;} #stock_2dep .rank_num.rank_numC a span:first-child{font-size:12px;} /*모바일-등락률 상위업종*/ #stock_2dep .m_stock.sec table.ta3 td.rank_num a span:first-child{width:30px;text-align:left;padding-left:10px;font-size:16px;line-height:41px;color:#333;font-weight: bold;} #stock_2dep table thead tr th.select_table:before{top:-1px;} #stock_2dep .table_position_wrap table thead tr th.select_table:before {top:0;} /*Orange range + ta10 */ #stock_2dep table.ta4 thead tr th.orange span{padding:0 5px;} #stock_2dep table tbody tr td.orange.px2 span:before{height:103%;} /*right 영역 순위 아이콘은 PC스타일 그대로 유지*/ #stock_2dep .stock_right .rank_num a span{font-size:15px;font-weight:bold;} #stock_2dep .stock_right .rank_num a span:first-child{display:inline-block;width:15px;height:15px;background:#a6a6a6;border:1px solid #959595;color:#fff;font-weight:normal;font-size:10px;text-align:center;border-radius:2px;margin-right:5px;text-indent:-1px;line-height:15px;margin-top:-1px;} #stock_2dep .stock_right .rank_num.rank_numA a span:first-child{background:#ff3535;border:1px solid #cd0d0d;} #stock_2dep .stock_right .rank_num.rank_numB a span:first-child{background:#0374ff;border:1px solid #0057c1;} #stock_2dep table.ta4 th, #stock_2dep table.ta5 th:last-child{padding:0 5px} #stock_2dep table.th2 thead tr:nth-child(2) th{padding:0 10px} #stock_2dep table.ta4 tbody tr td:first-child a{font-size:15px;} #stock_2dep table .m_table_arr{display:inline-block;width:7px;height:12px; margin:-4px 0 0 3px;position: relative} #stock_2dep table .m_table_arr img, #stock_2dep table.ta4 th .m_table_arr img{display:block;width:100%;height:4px;position: absolute; left:-3px} #stock_2dep table .m_table_arr .arr_up, #stock_2dep table.ta4 th .m_table_arr .arr_up{top:3px} #stock_2dep table .m_table_arr .arr_down, #stock_2dep table.ta4 th .m_table_arr .arr_down{top:11px;} /*ascend*/#stock_2dep table .m_table_arr.ascend .arr_up, #stock_2dep table.ta4 th .m_table_arr.ascend .arr_up{top:7px} /*ascend*/#stock_2dep table .m_table_arr.ascend .arr_down, #stock_2dep table.ta4 th .m_table_arr.ascend .arr_down{display: none;} /*descend*/#stock_2dep table .m_table_arr.descend .arr_up, #stock_2dep table.ta4 th .m_table_arr.descend .arr_up{display: none;} /*descend*/#stock_2dep table .m_table_arr.descend .arr_down, #stock_2dep table.ta4 th .m_table_arr.descend .arr_down{top:8px;} #stock_2dep table.table_position tbody tr td.rank_num:first-child span {font-weight: bold;} #stock_2dep table.table_position tbody tr td.rank_num:first-child span:first-child {font-weight: normal;} /* ta3:등락률 상위업종*/ #stock_2dep table.ta3{border-top:1px solid #ced2d7;margin-bottom:-1px;} #stock_2dep table.ta3 td:nth-child(1){width:auto;padding-right:0;} #stock_2dep table.ta3 td:nth-child(2){width:auto;text-align:right;padding:3px 10% 0 0;} #stock_2dep table.ta3 td:nth-child(3){width:25%;text-align:left;color:#333;padding-left:0;padding-right:0;letter-spacing:-1px} #stock_2dep table.ta3 td:nth-child(4){width:25%;display:table-cell;text-align:left;color:#333;padding-left:10px;} #stock_2dep table.ta3 td > span a{display:inline-block;color:#666;font-size:13px;width:100%;} #stock_2dep table.ta3 .rankta3 a{line-height:36px;} #stock_2dep table.ta3 .rankta3 .pitch{padding-left:15px;} #stock_2dep table .rankta3 .pitch > span:after{width:10px;height:9px;top:50%;left:-14px;margin-top: -7.5px} #stock_2dep table .rankta3 .pitch.up > span:after{background:url("../../img/signalm/triangle_red.svg") no-repeat;background-size:10px 9px;} #stock_2dep table .rankta3 .pitch.down > span:after{background:url("../../img/signalm/triangle_blue.svg") no-repeat;background-size:10px 9px} #stock_2dep table .rankta3 .pitch.up.allup > span:after{width:9px;height:13px;top:50%;left:-13px;margin-top:-9.5px;background:url("../../img/signalm/arrow_red.svg") no-repeat;background-size:9px 13px;} #stock_2dep table .rankta3 .pitch.down.allup > span:after{width:9px;height:13px;top:50%;left:-13px;margin-top:-9.5px;background:url("../../img/signalm/arrow_blue.svg") no-repeat;background-size:9px 13px;} #stock_2dep table.th2.ta5 thead tr th .pc1200{display:none;} #stock_2dep table.th2.ta5 thead tr th .br{display:inline-block;vertical-align: middle; margin-top: -2px;} #stock_2dep .search_result table.ta7 th:first-child, #stock_2dep .search_result table.ta7 td:first-child{width:auto;} #stock_2dep table.ta12{border-top:1px solid #ced2d7}/*투자주체별 매매동향*/ #stock_2dep table.ta12 td{border-bottom:1px solid #f0f1f3;} #stock_2dep table.th2.ta12 th{height:38px;line-height:38px;} #stock_2dep table.th2.ta12 thead tr th .th_br{display:block;line-height: 1;position: absolute;bottom:13px;right:10px;} #stock_2dep table.ta4.ta7 th{padding:0 8px; height: 63px;} #stock_2dep table.ta4.ta7 th:first-child{width: 170px;} #stock_2dep table tbody.have_line tr:last-child td{border-bottom:1px solid #a8aeb6;} #stock_2dep table tbody.have_line tr:nth-child(5n+5) td{border-bottom:1px solid #a8aeb6;} #stock_2dep table.ta2.ta9 td.rank_num.rank_numC {padding:0} /*table 900 "a" tag block*/ #stock_2dep table td:nth-child(1) a { display: inline-block; height: 100%; width: 100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;} #stock_2dep .bar_chart td a {display: block !important;} /* width : 100px */ #stock_2dep table.ta9 th:nth-child(8), #stock_2dep table.ta9 td:nth-child(8){width:100px;} #stock_2dep table.ta9 th:nth-child(9), #stock_2dep table.ta9 td:nth-child(9){width:100px;} #stock_2dep .table_position_wrap table.table_position{width:131px;} /* 570 // search_stock*/ .search_result #stock_2dep table.ta4.ta7 tr td, .search_result #stock_2dep table.ta4.ta7 tr th{width:100px;} .search_result #stock_2dep table.ta4.ta7 tr td:first-child, .search_result #stock_2dep table.ta4.ta7 tr th:first-child{width:auto;padding:0 8px;} /* 670 // 2-2 */ #stock_2dep table.ta4.ta7 tr td, #stock_2dep table.ta4.ta7 tr th{width:100px;} #stock_2dep table.ta4.ta7 tr td.orange, #stock_2dep table.ta4.ta7 tr th.orange, #stock_2dep table.ta4.ta7 tr td.blue, #stock_2dep table.ta4.ta7 tr th.blue { width:115px;} #stock_2dep table.ta4.ta7 tr td:first-child, #stock_2dep table.ta4.ta7 tr th:first-child{width: auto;padding:0 8px} #stock_2dep table.ta4.ta7 tr td:nth-child(3), #stock_2dep table.ta4.ta7 tr th:nth-child(3){display: none;} /* 730 // 2-1:nth(1) + 1-3-2 */ #stock_2dep table.ta4.ta4_2 th:first-child,#stock_2dep table.ta4.ta4_2 td:first-child{width:auto;} /* 830 // 1-3 + 2-1:nth(2,3)*/ #stock_2dep table.ta4 tr td, #stock_2dep table.ta4 tr th, #stock_2dep table.ta6 tr td, #stock_2dep table.ta6 tr th{width:100px;} #stock_2dep .table_position_wrap table.ta4, #stock_2dep .table_position_wrap table.ta6{width:100%;} #stock_2dep table.ta4 th:nth-child(1), #stock_2dep table.ta4 td:nth-child(1){width:auto;} #stock_2dep table.ta6 th:first-child, #stock_2dep table.ta6 td:first-child{width:auto;padding:0 8px;} /* 930+1130 // 1:nth(3) + 1-4 + 2(4) */ #stock_2dep table.ta2 tr td, #stock_2dep table.ta2 tr th, #stock_2dep table.ta5 tr td, #stock_2dep table.ta5 tr th{width:100px;} #stock_2dep table.ta2 th:nth-child(1), #stock_2dep table.ta2 td:nth-child(1){width:132px;} #stock_2dep .table_position_wrap table.ta2 th:nth-child(1), #stock_2dep .table_position_wrap table.ta2 td:nth-child(1){width:131px;} /*높이통일*/ #stock_2dep table.ta2 thead tr th, #stock_2dep table.ta6 thead tr th { height: 63px;} #stock_2dep table.th2 thead tr th[colspan] {height: 32px;} #stock_2dep .table_position_wrap table.ta2 th.select_table:nth-child(1), #stock_2dep .table_position_wrap table.ta2 td.select_table:nth-child(1){border-left: 2px solid #737475; border-right: 2px solid #737475;} #stock_2dep .table_position_wrap table.ta2 tr:last-child td.select_table:nth-child(1) {border-bottom: 2px solid #737475;} #stock_2dep table.ta10 th {position: static} #stock_2dep table.ta2 thead tr th.select_table:before {display: none;} @media screen and (-webkit-min-device-pixel-ratio:0) { #stock_2dep table.ta10 th {position: relative} #stock_2dep table.ta2 thead tr th.select_table:before {display: block;}} #stock_2dep table.ta5 th:nth-child(1), #stock_2dep table.ta5 td:nth-child(1){width:131px;} #stock_2dep table.ta5 tr th:nth-child(5) {width: 600px;} #stock_2dep .table_position_wrap table.ta2{width:131px;} /*table_position*/ #stock_2dep .posi570 .table_position_wrap, #stock_2dep .posi670 .table_position_wrap, #stock_2dep .posi730 .table_position_wrap, #stock_2dep .posi830 .table_position_wrap {display: none;} #stock_2dep .table_position_wrap{display:none;width:131px;position:absolute;top:0;left:0;z-index:50;background:#fff;} #stock_2dep .table_position_wrap.type3 { width:150px} #stock_2dep .table_position_wrap table th{position:relative; padding:0 !important; border-right:1px solid #afb3b7;} #stock_2dep .table_position_wrap table th .th_position {display: block; width: 100%; height:62px; position: relative;} #stock_2dep .table_position_wrap table.ta5 th:first-child .th_position {line-height: 61px;} #stock_2dep .table_position_wrap table th .th_position:after{ display: block; content: ""; width: 100%; height: 2px; background: #f3f3f3; position: absolute; bottom: -3px; left: 0;} #stock_2dep .table_position_wrap table td{border-right:1px solid #afb3b7;} #stock_2dep table.th2.ta5 thead tr th[colspan]:first-child:after, #stock_2dep .table_position_wrap table thead tr th:after {/*display: none;*/} #stock_2dep .table_position_wrap table th a {position: relative; padding:0 8px !important;} #stock_2dep .table_position_wrap table thead tr th a:after{display:block;content:"";width:100%;height:2px;background:#f3f3f3;position:absolute;bottom:-3px;left:0;} #stock_2dep .table_position_wrap.table_shadow:after{display:block;content:"";width:6px;height:100%;position:absolute;top:0;right:-6px;background:url("../../img/signalm/stock_73.png") repeat-y;z-index:10;} #stock_2dep .table_position_wrap.table_shadow:before{display:block;content:"";width:15px;height:15px;position:absolute;top:27px;right:-17px;background:url("../../img/signalm/arrow_left_round.svg") repeat-y;background-size: 100%; z-index:10;opacity: 0.7} } @media screen and (max-width:950px){ #stock_2dep .table_position_wrap{display:block} #stock_2dep table.ta2 th.select_table:nth-child(1), #stock_2dep table.ta2 td.select_table:nth-child(1){border-left: 0 none; border-right:0 none;} } @media screen and (max-width:830px){ #stock_2dep .posi830 .table_position_wrap{display:block;} #stock_2dep .table_wrap.posi830 > img { display: block} /* 830 // 1-3 + 2-1:nth(2,3)*/ /*#stock_2dep .table_position_wrap table.ta4,*/ #stock_2dep .table_position_wrap table.ta6{width:131px;} #stock_2dep table.ta4 th:nth-child(1), #stock_2dep table.ta4 td:nth-child(1){width:132px; border-right:0 none;} #stock_2dep .table_position_wrap table.ta4 th:nth-child(1), #stock_2dep .table_position_wrap table.ta4 td:nth-child(1){border-right:1px solid #afb3b7; width: 131px;}/*일반라인*/ #stock_2dep .table_position_wrap table.ta4 th.select_table:nth-child(1), #stock_2dep .table_position_wrap table.ta4 td.select_table:nth-child(1){border-right:2px solid #737475;}/*선택된라인두껍게*/ #stock_2dep table.ta6 th:first-child, #stock_2dep table.ta6 td:first-child{width:131px;} } @media screen and (max-width:800px){ #stock_2dep .posi730 .table_position_wrap{display:block;} #stock_2dep .table_wrap.posi730 > img { display: block} /* 730 // 2-1:nth(1) + 1-3-2 + 1:nth(3) */ #stock_2dep table.ta4.ta4_2 th:first-child,#stock_2dep table.ta4.ta4_2 td:first-child{width:132px;} #stock_2dep .table_position_wrap table.ta4.ta4_2 th:first-child, #stock_2dep .table_position_wrap table.ta4.ta4_2 td:first-child{width:131px;} #stock_2dep table.ta1.ta2 th:first-child,#stock_2dep table.ta1.ta2 td:first-child{width:131px} /*@media screen and (-webkit-min-device-pixel-ratio:0) { #stock_2dep table.ta1.ta2 th:first-child,#stock_2dep table.ta1.ta2 td:first-child{width:130px;} }*/ #stock_2dep .table_position_wrap table.fin_tbl thead th .th_position { height:61px !important} } @media screen and (max-width:670px){ #stock_2dep .posi670 .table_position_wrap{display:block;} #stock_2dep .table_wrap.posi670 > img { display: block} /* 670 // 2-2 */ #stock_2dep table.ta4.ta7 tr td:first-child, #stock_2dep table.ta4.ta7 tr th:first-child{width: 170px;} } @media screen and (max-width:630px){ #stock_2dep .day_select li a{padding-left:10px;} } @media screen and (max-width:720px){ #stock_2dep .posi570 .table_position_wrap{display:block;} #stock_2dep .table_wrap.posi570 > img { display: block} /* 570 // search_stock*/ .search_result #stock_2dep table.ta4.ta7 tr td:first-child, .search_result #stock_2dep table.ta4.ta7 tr th:first-child{width:170px;} } @media screen and (max-width:500px){ #stock_2dep table.ta3 td:nth-child(1){width:135px;} #stock_2dep table.ta3 td:nth-child(2){width:80px;padding:3px 8% 0 0} #stock_2dep table.ta3 td:nth-child(3){width:30%; padding-right: 10px;} #stock_2dep table.ta3 td:nth-child(4){display: none;} } @media screen and (max-width:530px){ #stock_2dep .day_select li a{font-size:13px;} #stock_2dep .day_select li a:nth-child(5){display:none;} #stock_2dep .day_select li a span{width:13px;height:13px;margin:15px 3px 0 0} #stock_2dep .day_select li a.click span:after{width:7px;height:7px;top:2px;left:2px;} } @media screen and (max-width:388px){ #stock_2dep .day_select li a:nth-child(3){display:none;} } /* 1-지수동향 > 1-1 코스피 */ /*현재시간*/ #stock_2dep .now_time{display:inline-block;height:15px;position:absolute;top:-25px;right:0;z-index:10; letter-spacing: 0;} #stock_2dep .now_time.m_stock{display:none;} .mt30 {margin-top:30px} .mt30 .now_time { top:-20px !important} /*#stock_2dep .now_time > span:first-child{display:inline-block;width:36px;height:15px;background:#535353;border-radius:2px;color:#fff;font-size:10px;text-align:center;} #stock_2dep .now_time > span:first-child span{display:inline-block;position:relative;padding-left:9px;line-height:15px;margin-left:-1px;} #stock_2dep .now_time > span:first-child span:after{display:block;content:"";width:9px;height:9px;position:absolute;top:2.5px;left:-1px;background:url("https://img.sedaily.com/Html/Content/stock/stock_time1.svg") no-repeat;background-size:100%;}*/ #stock_2dep .now_time > span:nth-child(1){font-size:12px;color:#888;letter-spacing:0;line-height:15px;padding-left:3px; font-family: 'Tahoma' !important;} #stock_2dep .now_time > span:nth-child(2){font-size:11px;color:#999;letter-spacing: -1px;line-height:14px;} #stock_2dep .now_time .now_time_refresh{display:inline-block;width:18px;height:15px;margin-left:4px;} #stock_2dep .table_wrap .now_time{top:-25px;} /*검색쪽*/ /*intro-visual*/ #stock_2dep .kospi_info{text-align:left;padding-left:5px;margin-bottom:10px;letter-spacing: 0} #stock_2dep .kospi_info *{display:inline-block;line-height:30px;} #stock_2dep .kospi_info > span{font-size:30px;color:#333;font-weight:bold;} #stock_2dep .kospi_info ul li{font-size:20px;} #stock_2dep .kospi_info ul li:first-child{font-size:30px;font-weight:bold;padding-left:15px;} #stock_2dep .kospi_info ul li:nth-child(2){padding-left:23px;} #stock_2dep .kospi_info ul li:nth-child(3){padding-left:8px;} #stock_2dep .kospi_info ul li.pitch.allup{padding-left:25px;} #stock_2dep .kospi_info ul li.pitch span:after{width:12px;top:10px} #stock_2dep .kospi_info ul li.pitch.allup span:after{width:13px;height:19px;top:6px;left:-16px;} #stock_2dep .kospi_visual{position:relative;} #stock_2dep .visual_select{display:inline-block;height:30px;position:absolute;top:-40px;right:0;} #stock_2dep .visual_select > *{display:block;float:left;height:100%;line-height:30px;} #stock_2dep .visual_select > span{font-size:13px;font-weight:bold;color:#333;padding:0 10px 0 5px;position:relative} #stock_2dep .visual_select > span:after{display:block;content:"";width:3px;height:3px;position:absolute;top:12px;left:0;background:#333;border-radius:50%;} #stock_2dep .visual_select > a{width:37px;margin-left:5px;background:#f2f2f2;border:1px solid #bbb;line-height:27px;} #stock_2dep .text_chart{width:100%;height:40px;border-top:2px solid #333;border-bottom:1px solid #ced2d7;} #stock_2dep .text_chart li{width:20%;float:left;line-height:35px;border-left:1px solid #ced2d7;text-align:left;position:relative;padding:0 10px;} #stock_2dep .text_chart li:first-child{border-left:0 none;} #stock_2dep .text_chart li strong{font-size:12px;color:#333;} #stock_2dep .text_chart li strong span{color:#999;font-weight:normal;} #stock_2dep .text_chart li > span{display:inline-block;height:100%;position:absolute;top:0;right:10px;font-weight:bold;letter-spacing:0px;line-height:38px} #stock_2dep .bar_chart{border:0 none;width:100%;height:16px;margin-bottom:20px;} #stock_2dep .bar_chart td{padding:0;border:0 none;} #stock_2dep .bar_chart td a{display:block;height:100%;color:#fff;font-size:11px;letter-spacing:0;text-align:center} #stock_2dep .stock_right .bar_chart td a{height:16px;} #stock_2dep .bar_chart td:nth-child(1) a{background:#b60000;border:1px solid #920000;border-right:0 none;} #stock_2dep .bar_chart td:nth-child(2) a{background:#ff3535;border-top:1px solid #cc2a2a;border-bottom:1px solid #cc2a2a;} #stock_2dep .bar_chart td:nth-child(3) a{background:#8c8c8c;border-top:1px solid #707070;border-bottom:1px solid #707070;} #stock_2dep .bar_chart td:nth-child(4) a{background:#147dff;border-top:1px solid #1064cc;border-bottom:1px solid #1064cc;} #stock_2dep .bar_chart td:nth-child(5) a{background:#2a3c88;border-top:1px solid #22306d;border-bottom:1px solid #22306d;} #stock_2dep .main_chart{width:100%;border:5px solid #f2f2f2;} #stock_2dep .main_chart > div{width:100%;border:1px solid #bbb;border-radius:3px;} #stock_2dep .main_chart > div > div{width:100%;height: 390px; border:1px solid #e8e8e8;border-radius:3px;text-align:center; position: relative; padding-top: 40px;} #stock_2dep .main_chart > div > div div {height: 100%;} #stock_2dep .main_chart > div > div.fromto_chart .div_chart{height:355px; position: relative}/*차트 영역 높이*/ #stock_2dep .main_chart > div > div.fromto_chart .div_chart .stop_chart { width: 100%; height: 100%; position: absolute; top:0; left: 0; background: #fff; z-index: 10; } #stock_2dep .main_chart > div > div.fromto_chart .div_chart .stop_chart span {display:inline-block; line-height:25px; font-size: 16px; padding-top: 170px} #stock_2dep .main_chart > div > div .fromto { height: 21px; margin:10px 10px 2px 0; text-align: right; position: absolute; top:0; right:0;} #stock_2dep .main_chart > div > div .fromto > * { line-height: 21px;} #stock_2dep .main_chart > div > div .fromto input[type="text"] { width:94px; height:21px; color:#333; font-size:12px; text-align:center} #stock_2dep .main_chart > div > div .fromto label:nth-child(3) { margin-left: 10px;} #stock_2dep .main_chart > div > div .zoom_btn{ display: inline-block; position: absolute; top:10px; left: 10px; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size: 12px; line-height: 22px; text-align: left; letter-spacing: 0;z-index: 20; height: 30px;} #stock_2dep .main_chart > div > div .zoom_btn a{display: inline-block; width: 32px; height: 22px; text-align: center; border-radius: 3px; background: #f7f7f7} #stock_2dep .main_chart > div > div .zoom_btn a.click {background: #4369b3; color:#fff;} select.ui-datepicker-year, select.ui-datepicker-month { padding-right: 0;} @media screen and (-webkit-min-device-pixel-ratio:0){ #stock_2dep .visual_select > a{line-height:29px;} #stock_2dep .text_chart li strong{line-height:36px} } @media screen and (max-width:20000px){ #stock_2dep #div_InTabCont .now_time, #stock_2dep #div_tabCont .now_time {top:10px;} #stock_2dep .visual_select{top:-34px;} #stock_2dep .kospi_info{height:65px;text-align:center;margin-top:20px;} #stock_2dep .kospi_info > *{display:inline-block} #stock_2dep .text_chart li strong span{display:none;} } @media screen and (max-width:20000px){ #stock_2dep .now_time.m_stock{display:inline-block;} #stock_2dep .now_time{top:5px;right:10px;} #stock_2dep .now_time.sub2-2Nt{top:-20px;} #stock_2dep.article .now_time{top:-20px;right:5px;} #stock_2dep #div_tabCont .now_time {top:5px;} /*#stock_2dep .now_time > span:first-child{display:none;}*/ #stock_2dep .now_time > span:nth-child(1){color:#888;} #stock_2dep .now_time .now_time_refresh{display:inline-block;width:18px;height:16px;margin-left:4px;margin-top: -1px; position:relative;border:1px solid #ced1d6;border-radius:2px;background:#ffffff;background:-moz-linear-gradient(top, #ffffff 0%, #ffffff 43%, #ffffff 43%, #e9e9e9 46%, #ffffff 100%);background:-webkit-linear-gradient(top, #ffffff 0%,#ffffff 43%,#ffffff 43%,#e9e9e9 46%,#ffffff 100%);background:linear-gradient(to bottom, #ffffff 0%,#ffffff 43%,#ffffff 43%,#e9e9e9 46%,#ffffff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );z-index:50;} #stock_2dep .now_time .now_time_refresh span{display:block;content:"";width:10px;height:10px;position:absolute;top:2.5px;left:2.5px;background:url("../../img/signalm/stock_refresh_off.svg") no-repeat;background-size:100%;} #stock_2dep .now_time .now_time_refresh span img { display: none;} #stock_2dep .kospi_info{height:43px;margin:0;border-bottom:1px solid #ced2d7;margin-top: 10px;} #stock_2dep .kospi_info > span, #stock_2dep .kospi_info ul li:first-child{font-size:35px;} #stock_2dep .kospi_info ul li:nth-child(2){padding-top:3px;} #stock_2dep .kospi_info ul li:nth-child(3){padding-top:3px;} #stock_2dep .kospi_info ul li.pitch span:after{top:10px} #stock_2dep .kospi_visual > div{text-align:center;} #stock_2dep .visual_select{display:inline-block !important;height:30px;position:static;margin:5px 0;} #stock_2dep .visual_select > span{font-size:15px;font-weight:normal} #stock_2dep .visual_select > a{color:#999;} #stock_2dep .text_chart{height:77px;border-bottom:0 none;position:relative} #stock_2dep .text_chart li{width:50%;height:36px;float:none;border-left:1px solid #e6e8eb;text-align:left;position:absolute;border-bottom:1px solid #e6e8eb;} #stock_2dep .text_chart li:first-child{display:none;} #stock_2dep .text_chart li:nth-child(2){top:0;left:0;} #stock_2dep .text_chart li:nth-child(3){top:37px;left:0;border-bottom:0 none} #stock_2dep .text_chart li:nth-child(4){top:0;left:50%;} #stock_2dep .text_chart li:nth-child(5){top:37px;left:50%;border-bottom:0 none} #stock_2dep .text_chart li strong{font-size:15px;font-weight:normal;} #stock_2dep .text_chart li strong span{display:inline-block;} #stock_2dep .text_chart li > span{font-weight:normal;font-size:16px;} #stock_2dep .kospi_visual > div.text_chart3{width:100%;height:38px;background:#f7f8f9;border-top:1px solid #ced2d7;border-bottom:1px solid #ced2d7;position:relative;margin:0;} #stock_2dep .text_chart3 ul { width:100%; height:100%; position: relative} #stock_2dep .text_chart3 ul li{display:inline-block;font-size:13px;color:#333;line-height:37px;} #stock_2dep .text_chart3 ul li:first-child{position: absolute; top:0; left: 60px;} #stock_2dep .text_chart3 ul li:nth-child(3) {position: absolute; top:0; right: 60px;} #stock_2dep .text_chart3 ul li span{letter-spacing:0;font-size:16px;padding-left:5px;} #stock_2dep .text_chart3 > span{display:inline-block;height:100%;position:absolute;top:0;right:10px;line-height:37px;color:#999;font-size:13px;} #stock_2dep .kospi_visual > div.bar_chart_wrap{padding:10px;margin:0;} #stock_2dep .bar_chart{height:24px;margin-bottom:0;} #stock_2dep .bar_chart td a{line-height:24px;font-size:10px;} #stock_2dep .bar_chart td{height:24px;} #stock_2dep .main_chart{border:0 none;margin:0;padding:0 10px 10px 10px;} #stock_2dep .main_chart > div{border:1px solid #e6e8eb;border-radius:0;} #stock_2dep .main_chart > div > div{border:0 none;border-radius:0;height: 340px;} #stock_2dep .main_chart > div > div .zoom_btn{ top:0; } #stock_2dep .main_chart > div > div.fromto_chart .div_chart{height:315px; } } @media screen and (max-width:640px){ #stock_2dep .main_chart > div > div{height: 300px; overflow: hidden} #stock_2dep .main_chart > div > div .zoom_btn{ top:10px; } #stock_2dep .main_chart > div > div .fromto { display: none;} #stock_2dep .main_chart > div > div.fromto_chart .div_chart{height:100%; padding-top: 35px;} #stock_2dep .main_chart > div > div.fromto_chart .div_chart#div_InvChart{ padding-top:10px;} } @media screen and (max-width:440px){ #stock_2dep .kospi_info > span, #stock_2dep .kospi_info ul li:first-child { font-size: 28px;} #stock_2dep .kospi_info * {line-height: 28px;} #stock_2dep .kospi_info ul li {font-size: 18px;} #stock_2dep .kospi_info ul li:first-child {padding-left: 10px;} #stock_2dep .kospi_info ul li:nth-child(2) { padding-left: 20px;} #stock_2dep .kospi_info ul li:nth-child(3) {padding-left: 6px;} #stock_2dep .text_chart3 ul li:first-child{left:20px;} #stock_2dep .text_chart3 ul li:nth-child(3) {right:40px;} #stock_2dep .text_chart3 > span {font-size:11px;} #stock_2dep .text_chart3 ul li span {font-size: 15px;} } @media screen and (max-width:380px){ #stock_2dep .kospi_info > span, #stock_2dep .kospi_info ul li:first-child { font-size: 24px;} #stock_2dep .kospi_info * {line-height: 25px;} #stock_2dep .kospi_info ul li {font-size: 17px;} #stock_2dep .kospi_info ul li.pitch span:after {top:8px;} } /*등락률 상위/하위 업종*/ #stock_2dep .dan2{width:100%;} #stock_2dep .dan2:after{content:"";display:block;clear:both;} #stock_2dep .dan2 > div{width:50%;float:left;position:relative} #stock_2dep .dan2 > div:nth-child(1){padding-right:25px;} #stock_2dep .dan2 > div:nth-child(2){padding-left:25px;} #stock_2dep .dan2 > div > a{display:block;width:42px;height:18px;border-radius:2px;border:1px solid #8c8c8c;position:absolute;top:0;right:25px;color:#666;font-size:11px;line-height:16px;text-indent:-1px;} #stock_2dep .dan2 > div:nth-child(2) > a{right:0} /* 1-지수동향 > 1-3 업종별 > 업종 상세페이지 */ #stock_2dep .search_option2{width:100%;height:40px;background:#4f4f4f;border-radius:3px;margin-bottom:20px;position:relative;} #stock_2dep .search_option2 > div{position:absolute;top:0;left:5px;} #stock_2dep .search_option2 .select_wrap{display:inline-block;float:left;margin-top:5px;} #stock_2dep .search_option2 .select_wrap .select_box{margin-right:2px;border:0 none;float:left} #stock_2dep .search_option2 .select_wrap .select_go{border:1px solid #3d3d3d;} #stock_2dep .search_option2 .select_wrap ul{border-bottom:1px solid #3d3d3d;border-right:1px solid #3d3d3d;border-top:1px solid #bbb} /*#stock_2dep .search_option2 > div .select_box:nth-child(1) ul{border-right:0 none;}*/ #stock_2dep .search_option2 .select_wrap ul li{border:1px solid #3d3d3d;border-top:1px solid #eaeaea;border-bottom:0 none;} #stock_2dep .search_option2 .select_wrap ul li:first-child{border-top:0 none;} #stock_2dep .search_option2 .info3{display:inline-block;height:100%;line-height:40px;text-align:center;float:left;margin-left:20px;} #stock_2dep .search_option2 .info3 li{display:inline-block;font-weight:bold;line-height:40px;letter-spacing:-0.5px;} #stock_2dep .search_option2 .info3 li:nth-child(1){font-size:16px;padding-right:15px;} #stock_2dep .search_option2 .info3 li:nth-child(2){font-size:15px;padding-left:10px;padding-right:12px;font-weight:normal} #stock_2dep .search_option2 .pitch span:after{width:9px;top:16px;left:-13px;} #stock_2dep .search_option2 .info3 li:nth-child(3){font-size:15px;font-weight:normal} #stock_2dep .search_option2 .set5{height:100%;position:absolute;top:0;right:0;} #stock_2dep .search_option2 .set5 li{float:left;color:#ccc;font-size:11px;line-height:40px;} #stock_2dep .search_option2 .set5 li > span{padding:0 13px 0 5px;position:relative} #stock_2dep .search_option2 .set5 li > span:after{display:block;content:"";width:3px;height:3px;position:absolute;top:5px;left:0;background:#bbb;border-radius:50%;} #stock_2dep .search_option2 .set5 li > span span{font-size:12px;font-weight:bold;padding:0 0 0 7px;letter-spacing:0;line-height:42px;} /* 1-지수동향 > 1-4 주체별 */ #stock_2dep .main_chart_choice{width:100%;height:40px;background:#f2f2f2;border:1px solid #ced2d7;line-height:50px;margin-bottom:20px;border-radius:3px;position:relative} #stock_2dep .main_chart_choice dl{height:100%;} #stock_2dep .main_chart_choice dl:nth-child(1){float:left;padding-left:20px;} #stock_2dep .main_chart_choice dl:nth-child(2){position:absolute;top:0;right:15px;} #stock_2dep .main_chart_choice dl > *{display:inline-block;line-height:39px;} #stock_2dep .main_chart_choice dl dt{font-size:14px;color:#333;font-weight:bold;padding:0 18px 0 8px;position:relative;} #stock_2dep .main_chart_choice dl dt:after{display:block;content:"";width:3px;height:5px;position:absolute;top:18px;left:0;background:url("../../img/signalm/stock_36.png") no-repeat;background-size:100%;} #stock_2dep .main_chart_choice dl dd{font-size:13px;color:#666;margin-right:10px;} #stock_2dep .main_chart_choice dl:nth-child(1) dd a{letter-spacing:0;} #stock_2dep .main_chart_choice dl dd a{display:block;height:100%;position:relative;} #stock_2dep .main_chart_choice dl dd a span{display:inline-block;width:13px;height:13px;border:1px solid #77797b;background:#fff;border-radius:50%;margin:13px 3px;0 0;position:relative} #stock_2dep .main_chart_choice dl dd.click a{font-weight:bold;color:#333;} #stock_2dep .main_chart_choice dl dd.click a span:after{display:block;content:"";width:7px;height:7px;position:absolute;top:2px;left:2px;background:#1764ca;border-radius:50%;} /* 2-종목정보 > 2-1 코스피 */ #stock_2dep .search_option1{width:100%;position:relative;border-radius:3px; background:#4b4b4b;background:-moz-linear-gradient(top, #4b4b4b 0%, #242424 100%);background:-webkit-linear-gradient(top, #4b4b4b 0%,#242424 100%); background:linear-gradient(to bottom, #4b4b4b 0%,#242424 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#242424',GradientType=0 );-webkit-box-shadow:1px 1px 3px 0px rgba(161,161,161,1);-moz-box-shadow:1px 1px 3px 0px rgba(161,161,161,1); box-shadow:1px 1px 3px 0px rgba(161,161,161,1);overflow:hidden} #stock_2dep .search_option1:after{display:block;content:"";width:100%;height:1px;position:absolute;top:1px;left:0;background:#fff;opacity:0.25;} #stock_2dep .search_option1:before{display:block;content:"";width:1px;height:100%;position:absolute;top:0;left:1px;background:#fff;opacity:0.25;z-index:1} #stock_2dep .search_option1>span{width:100px;height:90px;position:absolute;top:0;left:0;background:#196ddc;background:-moz-linear-gradient(top, #196ddc 0%, #1353a8 100%);background:-webkit-linear-gradient(top, #196ddc 0%,#1353a8 100%);background:linear-gradient(to bottom, #196ddc 0%,#1353a8 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#196ddc', endColorstr='#1353a8',GradientType=0 );border-right:1px solid #272727;} #stock_2dep .search_option1>span:after{display:block;content:"";width:1px;height:100%;position:absolute;top:1px;right:-2px;background:#fff;opacity:0.2;} #stock_2dep .search_option1 ul:after{display:block;content:"";width:100%;height:1px;position:absolute;bottom:1px;left:0;background:#000;opacity:0.25} #stock_2dep .search_option1 ul:before{display:block;content:"";width:1px;height:100%;position:absolute;bottom:0;right:1px;background:#000;opacity:0.25;z-index:1} #stock_2dep .search_option1 > ul li:nth-child(2) > div:after{display:block;content:"";width:100%;height:1px;position:absolute;top:0;right:1px;background:#000;opacity:0.25;z-index:1} #stock_2dep .search_option1 > ul li:nth-child(2) > div:before{display:block;content:"";width:100%;height:1px;position:absolute;top:1px;right:1px;background:#fff;opacity:0.1;z-index:1} #stock_2dep .search_option1 > ul{width:100%;position:relative;} #stock_2dep .search_option1 > ul li{width:100%;height:44px;position:relative;padding:0 8px;} #stock_2dep .search_option1 > ul li > *{height:100%;line-height:46px;} #stock_2dep .search_option1 > ul li h5{width:100px;position:absolute;top:0;left:0;z-index:1;} #stock_2dep .search_option1 > ul li h5 span{display:inline-block;font-size:15px;color:#fff;line-height:42px;position:relative;font-weight:bold;padding-right:10px;} #stock_2dep .search_option1 > ul li h5 span:after{display:block;content:"";width:3px;height:5px;position:absolute;top:20px;right:0;background:url("../../img/signalm/stock_46.png") no-repeat;opacity:0.6} #stock_2dep .search_option1 > ul li div{width:100%;text-align:left;padding:0 0 0 110px;position:relative} #stock_2dep .search_option1 > ul li:first-child div a{display:inline-block;height:27px;line-height:25px;border:1px solid #77797b;padding:0 5px;border-radius:3px;color:#a4a4a4;margin:10px 1px 0 0;font-size:13px;} #stock_2dep .search_option1 > ul li:first-child div a.click{height:29px;position:relative;background:url("../../img/signalm/stock_67.jpg") repeat-x;border:0 none;color:#fff;padding-right:9px;margin-right:0;} #stock_2dep .search_option1 > ul li:first-child div a.click:after{display:block;content:"";width:3px;height:29px;position:absolute;top:0;left:0;background:url("../../img/signalm/stock_66.jpg") no-repeat;} #stock_2dep .search_option1 > ul li:first-child div a.click:before{display:block;content:"";width:4px;height:29px;position:absolute;top:0;right:0;background:url("../../img/signalm/stock_68_2.jpg") no-repeat;} #stock_2dep .search_option1 > ul li:nth-child(2){margin-right:10px;} #stock_2dep .search_option1 > ul li:nth-child(2) a{line-height:45px;letter-spacing:0} #stock_2dep .search_option1 > ul li:nth-child(2) a:after{top:0px;} #stock_2dep .search_option1 > ul li:nth-child(2) a.click{color:#fff;} #stock_2dep .search_option1 > ul li:nth-child(2) a span span{border:1px solid #fff;} @media screen and (-webkit-min-device-pixel-ratio:0){ #stock_2dep .dan2 > div > a{line-height:18px;} #stock_2dep .main_chart_choice dl dt:after{top:16px;} #stock_2dep .main_chart_choice dl dd a{line-height:43px;} #stock_2dep .main_chart_choice dl > *{line-height:40px;} #stock_2dep .search_option1 > ul li{height:45px;} #stock_2dep .search_option1 > ul li:first-child div a{line-height:27px;} #stock_2dep .search_option1 > ul li:nth-child(2) a{line-height:43px;} #stock_2dep .search_option1 > ul li:nth-child(2) a:after{top:1px;} #stock_2dep .search_option1 > ul li h5 span{line-height:45px;} #stock_2dep .search_option2 .info3 li{line-height:42px;} #stock_2dep .search_option2 .set5 li > span span{line-height:40px;} } @media screen and (max-width:20000px){ #stock_2dep .search_option2 > div{width:100%;} #stock_2dep .search_option2 .set5{display:none;} #stock_2dep .search_option2 .info3{float:none;margin-left:0;position:absolute;top:0;right:17px;} } @media screen and (max-width:20000px){ #stock_2dep .search_option1 > ul li div{padding:0 0 0 100px;} #stock_2dep .search_option1 > ul li:first-child div a{font-size:11px;padding:0 3px;} #stock_2dep .search_option1 > ul li:first-child div a.click{padding-right:6px;} } @media screen and (max-width:20000px){ #stock_2dep .fin_tbl tbody.have_line tr:last-child td{ border-bottom: 1px solid #a8aeb6 !important } #stock_2dep .option1_m{width:100%;height:44px;margin-bottom:5px;border-bottom:1px solid #ced2d7; margin-top:25px; overflow: inherit} #stock_2dep .option1_m ul{width:2000px;height:100%;text-align:left} #stock_2dep .option1_m ul li{display:inline-block;height:100%;line-height:44px;margin-left:22px;} #stock_2dep .option1_m ul li:first-child{margin-left:10px;} #stock_2dep .option1_m ul li:last-child{margin-right:10px;} #stock_2dep .option1_m ul li a{display:block;height:100%;font-size:17px;color:#666;position:relative} #stock_2dep .option1_m ul li.click a{color:#333;font-weight:bold;} #stock_2dep .option1_m ul li.click a:after{display:block;content:"";width:100%;height:2px;position:absolute;bottom:-1px;left:0;background:#000;z-index:10;} #stock_2dep .search_option2{height:44px;background:#fff;border-top:1px solid #ced2d7;border-bottom:1px solid #ced2d7;border-radius:0;margin-bottom:0;background: #f7f8f9;} #stock_2dep .search_option2 .info3 li:nth-child(1){font-size:18px;padding-right: 8px;} #stock_2dep .search_option2 .info3 li:nth-child(2){padding:0 8px 0 13px;} #stock_2dep .search_option2 .pitch span:after{top:18px;} #stock_2dep .search_option2 .select_wrap{margin-top:6px;} #stock_2dep .search_option2 .select_wrap .select_go{border:1px solid #bbb;} #stock_2dep .search_option4{width:100%;height:51px;border-top:1px solid #bbb;border-bottom:1px solid #bbb;margin-bottom:10px;position:relative} #stock_2dep .search_option4 ul{width:100%;height:100%;} #stock_2dep .search_option4 li{width:50%;height:100%;float:left;padding-right:10px;} #stock_2dep .search_option4 li:first-child{border-right:1px solid #bbb;} #stock_2dep .search_option4 li select{width:100%;height:100%;border:0 none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("../../img/signalm/arrow_bottom.svg") no-repeat center right;background-size:10px 6px;color:#333;font-size:16px;font-weight:bold;} select::-ms-expand{display:none;} #stock_2dep .search_option4 li:nth-child(2) select span{font-size:11px;} #stock_2dep .search_option4 > span{display:inline-block;height:100%;position:absolute;top:0;right:30px; letter-spacing: 0;} #stock_2dep .search_option4 > span span {display: inline-block; position: absolute; right:0; line-height: 1;} #stock_2dep .search_option4 > span span:nth-child(1){font-weight: bold; font-size: 16px; top:8px;} #stock_2dep .search_option4 > span span:nth-child(2){font-size:14px; top:28px;} #stock_2dep .main_chart_choice{height:44px;background:#fff;border:1px solid #bbb;border-right:0 none;border-left:0 none;line-height:50px;margin-bottom:10px;border-radius:0;} #stock_2dep .main_chart_choice dl{width:50%;height:100%;float:left;position:relative;text-align:left} #stock_2dep .main_chart_choice dl:nth-child(1){padding-left:0;} #stock_2dep .main_chart_choice dl:nth-child(2){position:relative;border-left:1px solid #eaeaea;} #stock_2dep .main_chart_choice dl > *{display:inline-block;line-height:43px;height:100%;} #stock_2dep .main_chart_choice dl dt{width:75px;position:absolute;top:0;left:0;background:#f7f8f9;color:#999;font-weight:normal;padding:0;border-right:1px solid #eaeaea;text-align:center} #stock_2dep .main_chart_choice dl dt:after{display:none;} #stock_2dep .main_chart_choice dl dd{font-size:14px;color:#333;margin-right:8px;} #stock_2dep .main_chart_choice dl dd:nth-child(2){padding-left:85px;} #stock_2dep .main_chart_choice dl:nth-child(1) dd a{letter-spacing:-0.5px;} #stock_2dep .main_chart_choice dl dd a span{width:16px;height:16px;border:1px solid #858585;margin:12px 3px;0 0;} #stock_2dep .main_chart_choice dl dd.click a{font-weight:normal;} #stock_2dep .main_chart_choice dl dd.click a span:after{width:8px;height:8px;position:absolute;top:3px;left:3px;background:#333;} } @media screen and (max-width:670px){ #stock_2dep .main_chart_choice{height:88px;} #stock_2dep .main_chart_choice dl{width:100%;height:50%;} #stock_2dep .main_chart_choice dl:nth-child(2){right:0; border-left: 0 none;border-top:1px solid #ced2d7;} #stock_2dep .main_chart_choice dl dd{width: 81px;margin-right:0;} #stock_2dep .main_chart_choice dl dd:nth-child(2){width: 162px;} } @media screen and (max-width:380px){ #stock_2dep .search_option4 li:nth-child(1) {width: 40%;} #stock_2dep .search_option4 li:nth-child(2) {width: 60%;} } /* 2-종목정보 > 2 > 종목상세페이지 */ #stock_2dep .kospi_info2{height:75px;text-align:center;padding-bottom:10px;border-bottom:4px solid #333;} #stock_2dep .kospi_info2 h4{font-size:30px;color:#333;font-weight:bold;display:inline-block;line-height:30px;letter-spacing:-1.5px;} #stock_2dep .kospi_info2 span{display:inline-block;line-height:30px;font-size:13px;font-family:"malgun gothic" !important;font-weight:bold;color:#777;padding:0 7px;position:relative;letter-spacing:0;} #stock_2dep .kospi_info2 span:after{display:block;content:"";width:1px;height:9px;position:absolute;top:12px;right:-3px;background:#e5e5e5;} #stock_2dep .kospi_info2 span:nth-child(2):after{display:none;} /*#stock_2dep .visual_select2{display:inline-block;height:30px;position:absolute;top:-44px;right:0;}*/ #stock_2dep .visual_select2_wrap { width: 100%; height: 35px;border-bottom: 1px solid #ced2d7; padding-right:5px;} #stock_2dep .new_flag { display:inline-block; width: 120px; height:30px; float:left; line-height: 30px; margin-left: 5px; } #stock_2dep .new_flag a { display:block; height: 100%; color:#333; font-size: 13px; padding-left:20px; text-align: left} #stock_2dep .new_flag a.hide { background: url("../../img/signalm/stock_74_off.jpg") no-repeat center left;} #stock_2dep .new_flag a.show {background: url("../../img/signalm/stock_74_on.jpg") no-repeat center left;} #stock_2dep .visual_select2{display:inline-block;height:30px; float:right} #stock_2dep .visual_select2 > *{display:block;float:left;height:100%;line-height:29px;} #stock_2dep .visual_select2 > span{font-size:13px;font-weight:bold;color:#333;padding:0 10px 0 5px;position:relative} #stock_2dep .visual_select2 > span:after{display:block;content:"";width:3px;height:3px;position:absolute;top:12px;left:0;background:#333;border-radius:50%;} #stock_2dep .visual_select2 .select_box{margin-right:3px;} #stock_2dep .visual_select2 > a{width:37px;background:#f2f2f2;border:1px solid #bbb;} #stock_2dep .text_chart_top{width:100%;height:50px;text-align:left;position:relative} #stock_2dep .text_chart_top ul li{height:100%;line-height:50px;display:inline-block;font-size:18px;padding-left:10px;} #stock_2dep .text_chart_top ul li:first-child{font-size:36px;font-weight:bold;} #stock_2dep .text_chart_top ul li:nth-child(2){padding-left:27px;} #stock_2dep .text_chart_top ul li span, #stock_2dep .text_chart_top ul li:nth-child(3){line-height:57px;} #stock_2dep .text_chart_top ul li.pitch.allup{padding-left:25px;} #stock_2dep .text_chart_top ul li.pitch span:after{width:12px;top:23px} #stock_2dep .text_chart_top ul li.pitch.allup span:after{width:10px;height:19px;top:20px;left:-13px;} #stock_2dep .text_chart_top dl{display:inline-block;height:40px;position:absolute;top:10px;right:5px;} #stock_2dep .text_chart_top dl > *{float:left;line-height:40px;color:#000;font-weight:bold;} #stock_2dep .text_chart_top dl dt{display:inline-block;margin-top:-1px;font-size:15px;padding-left:15px;} #stock_2dep .text_chart_top dl dt span{display:inline-block;margin-top:-2px;padding-left:2px;font-size:13px;color:#999;font-weight:normal;line-height: 42px;} #stock_2dep .text_chart_top dl dd{font-size:16px;padding-left:3px;} #stock_2dep .text_chart2{width:100%;height:73px;border-bottom:0;margin-bottom:20px;} #stock_2dep .text_chart2 li{width:25%;float:left;line-height:35px;border-left:1px solid #ced2d7;border-top:1px solid #ced2d7;text-align:left;position:relative;padding:0 5px;} #stock_2dep .text_chart2 li:nth-child(4n+1){border-left:0 none;} #stock_2dep .text_chart2 li strong{font-size:12px;color:#333;} #stock_2dep .text_chart2 li > span{display:inline-block;height:100%;position:absolute;top:0;right:10px;font-weight:bold;letter-spacing:-0.5px;} #stock_2dep .text_chart2 li > strong span{color:#999;font-weight:normal;font-size:11px;} /* 3-공시 */ #stock_2dep .search_option3{background:#f2f2f2;border-radius:3px;position:relative;padding:0 20px 0 23px;border:1px solid #ced2d7;} #stock_2dep .search_option3 > ul{width:100%;padding-right:95px;position:relative;} #stock_2dep .search_option3 .select_box ul{border-right:0 none;border-bottom:0 none} #stock_2dep .search_option3 > ul:after{content:"";display:block;clear:both;} #stock_2dep .search_option3 > ul > li{width:52%;height:45px;float:left;text-align:left;position:relative;border-top:1px solid #dcdfe2} #stock_2dep .search_option3 > ul > li:nth-child(1), #stock_2dep .search_option3 > ul > li:nth-child(4){width:47%;} #stock_2dep .search_option3 > ul > li:nth-child(1), #stock_2dep .search_option3 > ul > li:nth-child(2){ border:0 none;} #stock_2dep .search_option3 > ul > li > span{display:block;height:100%;width:100%;padding:0 40px 0 70px;line-height:45px;} #stock_2dep .search_option3 > ul > li strong{display:inline-block;font-size:14px;color:#333;font-weight:bold;line-height:46px;padding-left:8px;position:absolute;top:0;left:0;} #stock_2dep .search_option3 > ul > li strong:after{display:block;content:"";width:3px;height:5px;position:absolute;top:21px;left:0;background:url("../../img/signalm/stock_36.png") no-repeat;background-size:100%;} #stock_2dep .search_option3 > ul > li > span > span{display:block;width:100%;position:relative;} #stock_2dep .search_option3 > ul > li input{width:100%;border:1px solid #dcdcdc;margin-top:8px;outline:none;line-height:1; color:#666; font-size: 13px;} #stock_2dep .search_option3 > ul > li input:focus{border:1px solid #666;color:#333} #stock_2dep .search_option3 > ul > li select {font-size: 13px !important; color:#666 !important;} #stock_2dep .search_option3 > ul > li:nth-child(3) { width: 99%;} #stock_2dep .search_option3 > ul > li:nth-child(3) .select_box {width: 102px; margin-left: 70px; padding:0; position: absolute; top:0; left:0;} #stock_2dep .search_option3 > ul > li:nth-child(3) > span { display: inline-block; width:100%; padding:0 61px 0 177px;} #stock_2dep .search_option3 > ul > li:nth-child(4) input{width:45%;} #stock_2dep .search_option3 > ul > li > span > span span{display:inline-block;padding-left:3%;} #stock_2dep .search_option3 > ul > li:nth-child(4) input:nth-child(3){width:45%;position:absolute;top:0;right:0;} #stock_2dep .search_option3 > ul > li:nth-child(5) a{line-height:45px;color:#666;padding-left:10px;} #stock_2dep .search_option3 > ul > li:nth-child(5) a:first-child{padding-left:0;} #stock_2dep .search_option3 > ul > li:nth-child(5) a:after{top:3px;} #stock_2dep .search_option3 > ul > li:nth-child(5) a.click{color:#333;} #stock_2dep .search_option3 .select_box{float:left;margin-left:83px;margin-top:8px;width:230px;} #stock_2dep .search_option3 .select_box .select_go{border:1px solid #dcdcdc;width:100%;} #stock_2dep .search_option3 .select_box .select_go.focus_line{border:1px solid #666;width:100%;} #stock_2dep .search_option3 .select_box ul li{border:1px solid #dcdcdc;border-top:0 none;} #stock_2dep .search_option3 .select_box ul.focus_line {border-bottom: 1px solid #666; border-right:1px solid #666;} #stock_2dep .search_option3 .select_box ul.focus_line li{border:1px solid #666;border-top:0 none;border-bottom:1px solid #eaeaea;} /*#stock_2dep .search_option3 .select_box ul.focus_line li:last-child{border-bottom:1px solid #666}*/ #stock_2dep .search_option3 > a{display:block;width:77px;height:77px;position:absolute;top:29px;right:20px;background:url("../../img/signalm/stock_51.png") no-repeat;line-height:77px;color:#fff;font-size:14px;} #stock_2dep .disclosure_read dl{border-top:1px solid #838383;} #stock_2dep .disclosure_read dt{border-bottom:1px solid #e2e4e7;font-size:16px;color:#333;font-weight:bold;padding:15px;} #stock_2dep .disclosure_read dd{height:35px;line-height:35px;position:relative;padding:0 10px;font-size:12px;border-bottom:1px solid #ced2d7;text-align:left} #stock_2dep .vRt .disclosure_read dd{border-bottom:1px solid #e2e4e7;} #stock_2dep .disclosure_read dd > span{display:inline-block;position:relative;margin-right:20px;} #stock_2dep .disclosure_read dd > span:after{display:block;content:"";width:3px;height:3px;position:absolute;top:16px;left:0;background:url("../../img/signalm/stock_53.png") no-repeat;} #stock_2dep .disclosure_read dd > span >span:first-child{color:#999;margin-right:3px;padding-left:5px;} #stock_2dep .disclosure_read dd > span span:nth-child(2){color:#333;letter-spacing:0;line-height:36px;} #stock_2dep .disclosure_read dd > span:nth-child(2) span:nth-child(2), #stock_2dep .disclosure_read dd > span:nth-child(3) span:nth-child(2){line-height:37px;} #stock_2dep .disclosure_read dd a{display:inline-block;height:100%;position:absolute;top:0;right:10px;font-size:13px;color:#e01f26;font-weight:bold;} #stock_2dep .disclosure_read dd a img{margin-top:14px;margin-left:5px;} #stock_2dep .vRt .dis_read_tab {border-bottom:1px solid #ced2d7; height: 42px; position: relative} #stock_2dep .vRt .dis_read_tab:after {display: block; content: ""; width: 1px; height: 100%; position: absolute; top:0; left: 50%; background: rgba(0,0,0,0.1)} #stock_2dep .vRt .dis_read_tab li {width: 50%; float: left; height: 100%; } #stock_2dep .vRt .dis_read_tab li a { display: block; height: 100%; line-height: 41px; font-size: 14px; background:#f2f2f2; color:#999; position: relative} #stock_2dep .vRt .dis_read_tab li.on a { background:#fff; color:#333; font-weight: bold;} #stock_2dep .vRt .dis_read_tab li.on a:after {display: block; content: ""; width: 100%; height: 10px; position: absolute; bottom:-5px; left: 0; background:#fff; z-index: 10;} #stock_2dep .vRt .dis_read_tab li:nth-child(2).on a:after {left:1px; } #stock_2dep .vRt .dis_read_tab.alone:after {display: none; } #stock_2dep .vRt .dis_read_tab.alone li {width: 100%; float: none; } #stock_2dep .vRt .dis_read_tab.alone li a { background:#fff; color:#333; cursor: default} #stock_2dep .disclosure_read > div{padding:40px 10px;border-bottom:1px solid #babfc6;word-break: break-all;} #stock_2dep .disclosure_read > div p{font-size:14px;line-height:28px;text-align:left} #stock_2dep .disclosure_read > div p:first-child{margin-top:0;} /*공시 읽기 페이지 외부 데이터 style 강제*/ #stock_2dep .disclosure_read > div table {border:1px solid #ced2d7 !important} #stock_2dep .disclosure_read > div table thead tr th:after {display: none;} #stock_2dep .disclosure_read > div table th {text-align: left !important; font-weight: normal; font-size: 13px; color:#555;border-left: 1px solid #ced2d7;line-height:22px; padding:7px 10px; width:unset} #stock_2dep .disclosure_read > div table td{text-align: left !important; border-bottom: 1px solid #ced2d7; border-left: 1px solid #ced2d7; line-height:22px;color:#555; width:unset} #stock_2dep .disclosure_read > div table tr:last-child td, #stock_2dep .disclosure_read > div table tr:last-child th{border-bottom: 1px solid #ced2d7;} #stock_2dep .disclosure_read > div table td p {font-size:13px; line-height:22px;} #stock_2dep .disclosure_read > div table span { display: inline; margin:0;} #stock_2dep .disclosure_read > div span { display: block; text-align: left; margin:10px 0; line-height: 20px;} /*title*/ #stock_2dep .disclosure_read > div .xforms_title span, #stock_2dep .disclosure_read > div h2 p{display: block; font-size:18px; color:#222; margin-bottom:10px;text-align: center; font-weight: bold;} #stock_2dep .disclosure_read > div h2 { padding:0} /*3.시장공시*/ #stock_2dep .disclosure_read > div pre { text-align: left;font-size:14px;line-height:28px; } #stock_2dep .disclosure_m_list{display:none;} @media screen and (-webkit-min-device-pixel-ratio:0){ #stock_2dep .kospi_info2 span{line-height:25px;} #stock_2dep .search_option3 > ul > li strong:after{top:19px;} #stock_2dep .search_option3 > ul > li:nth-child(5) a:after{top:1px;} #stock_2dep .disclosure_read dd > span:after{top:14px;} #stock_2dep .disclosure_read dd > span span:nth-child(2){line-height:35px;} #stock_2dep .disclosure_read dd > span:nth-child(2) span:nth-child(2), #stock_2dep .disclosure_read dd > span:nth-child(3) span:nth-child(2){line-height:36px;} #stock_2dep .text_chart_top dl dt, #stock_2dep .text_chart_top dl dd span{margin-top:0px;} #stock_2dep .visual_select2 > *{line-height:30px;} } @media screen and (max-width:20000px){ #stock_2dep .search_option3 .select_box{width:170px;} #stock_2dep .search_option3 > ul:before{width:85%;} #stock_2dep .search_option3 > ul > li, #stock_2dep .search_option3 > ul > li:nth-child(1), #stock_2dep .search_option3 > ul > li:nth-child(4){width:50%;} #stock_2dep .search_option3 > ul > li:nth-child(3) { width: 100%;} #stock_2dep .search_option3 > ul > li:nth-child(3) > span { padding:0 5% 0 177px;} #stock_2dep .search_option3 > ul > li:nth-child(5) a{padding-left:7px;font-size:12px;} } @media screen and (max-width:20000px){ #stock_2dep .kospi_info2{height:auto;border-bottom:0 none;padding:0;} #stock_2dep .kospi_info2 h4{font-size:28px;padding:35px 20px 0 20px;} #stock_2dep .kospi_info2 div { margin-top:6px;} #stock_2dep .kospi_info2 span{font-weight:normal;line-height:18px;margin-bottom:10px;} #stock_2dep .kospi_info2 span:after{top:4px;right:-2px;} #stock_2dep .visual_select2_wrap {padding:0 10px 5px 10px; border:0 none;height: auto;} #stock_2dep .new_flag { display: none;} #stock_2dep .visual_select2{position:static;margin:5px 0;float:none;} #stock_2dep .visual_select2 > a{color:#999} #stock_2dep .visual_select2 .select_box .select_go { width: 150px;} #stock_2dep .text_chart_top{height:55px;border-top:2px solid #333;} #stock_2dep .text_chart_top ul{text-align:left;height:100%;} #stock_2dep .text_chart_top ul li:first-child{font-size:30px;} #stock_2dep .text_chart_top ul li{font-size:15px;line-height:53px;} #stock_2dep .text_chart_top ul li span, #stock_2dep .text_chart_top ul li:nth-child(3){line-height:55px;font-size: 16px;} #stock_2dep .text_chart_top dl{top:0;height:100%;} #stock_2dep .text_chart_top dl dt, #stock_2dep .text_chart_top dl dd{height:100%;line-height:53px;} #stock_2dep .text_chart_top dl dt span{line-height:55px;} #stock_2dep .text_chart2{/*margin-bottom:10px;*/margin-bottom:0px;height:144px;border-bottom:0;position:relative} #stock_2dep .text_chart2 li{width:50%;height:36px;border-top:1px solid #e6e8eb;border-left:1px solid #e6e8eb;position:absolute;padding:0 10px;} #stock_2dep .text_chart2 li:nth-child(1){top:0;left:0;border-left:0 none;} #stock_2dep .text_chart2 li:nth-child(2){top:36px;left:0;border-left:0 none;} #stock_2dep .text_chart2 li:nth-child(3){top:72px;left:0;border-left:0 none;} #stock_2dep .text_chart2 li:nth-child(4){top:108px;left:0;border-left:0 none;} #stock_2dep .text_chart2 li:nth-child(5){top:0;left:50%;border-left:1px solid #e6e8eb;} #stock_2dep .text_chart2 li:nth-child(6){top:36px;left:50%} #stock_2dep .text_chart2 li:nth-child(7){top:72px;left:50%} #stock_2dep .text_chart2 li:nth-child(8){top:108px;left:50%} #stock_2dep .text_chart2 li strong, #stock_2dep .text_chart2 li > span{font-size:15px;font-weight:normal} #stock_2dep .text_chart2 li > strong span{font-size:13px;} #stock_2dep .text_chart2 li > strong span:not(:root:root){line-height: 34px;} #stock_2dep .search_option3{ border-bottom:1px solid #ced2d7;padding:0 10px 0 13px; margin:10px;} #stock_2dep .search_option3 > ul{padding-right:0;} #stock_2dep .search_option3 > ul:before{width:100%;} #stock_2dep .search_option3 > ul > li:nth-child(3) > span { padding:0 10px 0 177px;} #stock_2dep .search_option3 > ul > li:nth-child(5) a{padding-left:10px;} #stock_2dep .search_option3 .select_box{width: 100%; padding:0 10px 0 70px; margin-left: 0;} #stock_2dep .search_option3 .select_box .select_go{color:#666; font-size: 13px;} #stock_2dep .m_option3{width:75px;height:30px;background:#fff;line-height:29px;color:#666;font-size:15px;border:1px solid #d3d5d8;border-radius:2px;margin:5px auto 20px auto;} #stock_2dep .m_option3:not(:root:root){line-height:30px;} #stock_2dep .m_option3 img{margin:7px 3px 0 0;} #stock_2dep .disclosure_m_list{display:block;text-align:left;/*margin-bottom:10px;*/} #stock_2dep .disclosure_m_list > span{display:block;font-size:14px;color:#333;padding-left:15px;margin-bottom:12px;position:relative} #stock_2dep .disclosure_m_list > span:after{display:block;content:"";width:3px;height:3px;position:absolute;top:6px;left:10px;background:#333;} #stock_2dep .disclosure_m_list > span span{color:#247acd;padding-left:3px;} #stock_2dep .disclosure_m_list ul{border-top:1px solid #e6e8eb;} #stock_2dep .disclosure_m_list li{width:100%;height:95px;border-top:1px solid #e6e8eb; position:relative;} #stock_2dep .disclosure_m_list li:first-child {border-top: 0 none;} #stock_2dep .disclosure_m_list li a{display:block;height:100%;text-align:left;padding:15px;} #stock_2dep .disclosure_m_list dd:first-child{font-size:14px;color:#e01f26} #stock_2dep .disclosure_m_list dt{width:100%;font-size:16px;color:#333;padding-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} #stock_2dep .disclosure_m_list dt span, #stock_2dep .disclosure_read dt span{display:inline-block;width:42px;height:19px;background:#fff;border:1px solid #e01f26;border-radius:2px;line-height:18px;font-size:12px;color:#e01f26;font-weight:bold;text-align:center;text-indent:-1px;margin:0 5px 0 0;} #stock_2dep .disclosure_m_list dd:nth-child(3){font-size:12px;color:#999;letter-spacing:0;padding-top:9px;} #stock_2dep .disclosure_m_list dd:nth-child(3) span{padding:0 7px;position:relative} #stock_2dep .disclosure_m_list dd:nth-child(3) span:after{display:block;content:"";width:1px;height:8px;position:absolute;top:3px;left:0;background:#dcdcdc} #stock_2dep .disclosure_m_list dd:nth-child(3) span:first-child{padding-left:0;} #stock_2dep .disclosure_m_list dd:nth-child(3) span:first-child:after{display:none} #stock_2dep .disclosure_read{/*margin-top:45px;*/margin-top:0;} #stock_2dep .disclosure_read dt{border-bottom:1px solid #e6e8eb;font-size:18px;font-weight:normal;text-align:left;padding:15px 10px 15px 60px;position:relative} #stock_2dep .disclosure_read dt span{position:absolute;top:15px;left:10px;} #stock_2dep .disclosure_read dd{height:43px;line-height:43px;font-size:14px;} #stock_2dep .disclosure_read dd > span{margin-right:14px;} #stock_2dep .disclosure_read dd > span:after{display:none;} #stock_2dep .disclosure_read dd > span:nth-child(2) span:nth-child(2), #stock_2dep .disclosure_read dd > span:nth-child(3) span:nth-child(2), #stock_2dep .vRt .disclosure_read dd > span span:nth-child(2){line-height:43px;color:#999;position:relative} #stock_2dep .disclosure_read dd > span span:nth-child(2):after{display:block;content:"";width:1px;height:9px;position:absolute;top:4px;right:-8px;background:#dcdcdc} #stock_2dep .disclosure_read dd > span:last-child span:nth-child(2):after {display: none;} #stock_2dep .disclosure_read dd a{font-size:14px;font-weight:normal;} #stock_2dep .disclosure_read dd a img{margin-top:16px;} #stock_2dep .disclosure_read > div{padding:25px 10px;border-bottom:1px solid #ced2d7;border-top:2px solid #f3f3f3; position: relative;} #stock_2dep .disclosure_read > div .btn_info{position:absolute;top:15px;right:10px} #stock_2dep .disclosure_read > div .btn_info:after {content:" ";display:block;clear:both;overflow:hidden;} #stock_2dep .disclosure_read > div .btn_info ul{float:left;overflow:hidden;margin-left:10px} #stock_2dep .disclosure_read > div .btn_info ul li{float:left;} #stock_2dep .disclosure_read > div .btn_info ul li a{display:block;width:28px;height:28px;border:1px solid #ced2d7;text-align:center;line-height:28px} #stock_2dep .disclosure_read > div .btn_info .font_control li:first-child a{border-right:none} #stock_2dep .disclosure_read > div .btn_info .font_control .f_minus{font-size:12px;color:#666} #stock_2dep .disclosure_read > div .btn_info .font_control .f_plus{font-size:18px;color:#333} #stock_2dep .disclosure_read > div p{font-size:15px;line-height:30px;} #stock_2dep .disclosure_read > div table td { padding:7px 5px; min-height: 37px; font-size: 13px;} #stock_2dep .disclosure_read > div table td p { font-size: 13px;} #stock_2dep .disclosure_m_list.vRt dt span {width: auto; padding:0 5px;} #stock_2dep .vRt .disclosure_read dt{padding:15px 10px;} #stock_2dep .vRt .disclosure_read dt span {width: auto; padding:0 5px; position: static} #stock_2dep .vRt .disclosure_read dd > span > span:first-child {padding: 0; margin: 0;} #stock_2dep .vRt .disclosure_read dd > span span:nth-child(2) {margin-left: 3px;} #stock_2dep .vRt .disclosure_read dd > span span:nth-child(2):after {right: -9px;} #stock_2dep .vRt .disclosure_read > div{padding:35px 10px 35px 10px;} /*editor*/ #stock_2dep .vRt .disclosure_read > div * { margin:0; padding: 0; line-height: 1.6;} .sto_btn2{display:block;width:100%;height:51px;border-bottom:1px solid #838383;margin:0;position:relative; padding-left: 10px;} .vRt .sto_btn2{border-bottom:0 none} .sto_btn2 a{display:inline-block;width:62px;height:30px;border:1px solid #d3d5d8;background:#fff;line-height:30px;font-size:14px;font-weight:normal; margin-top: 10px; margin-left: 0;} .sto_btn2 a.sto_btn2_child1{border-radius:2px 0 0 2px; margin-right: -1px;} .sto_btn2 a.sto_btn2_child1 span{display: inline-block; width: 5px; height: 7px; background: url(../../img/signalm/sto_btn2_child.svg)no-repeat center; background-size:5px 7px; transform: rotate(180deg); margin: 11px 4px 0 0} .sto_btn2 a.sto_btn2_child2{border-radius:0 2px 2px 0; } .sto_btn2 a.sto_btn2_child2 span{display: inline-block; width: 5px; height: 7px; background: url(../../img/signalm/sto_btn2_child.svg)no-repeat center; background-size:5px 7px; margin: 11px 0 0 4px} .sto_btn2 a.sto_btn2_child3{position:absolute;top:0;right:10px;} .sto_btn2 a img{display:inline-block;width:7px;margin-top:8px;} .sto_btn2 a:nth-child(1) img{margin-right:4px;} .sto_btn2 a:nth-child(2) img{margin-left:4px;} .sto_btn4 a{display:inline-block;width:auto;height:45px;line-height:45px;padding:0 20px;border:1px solid #d3d5d8;margin:20px 0;border-radius:2px;font-size:14px;} .sto_btn4 a span:first-child{display:inline-block;width:13px;height:13px;background:#e01f26;border-radius:50px;margin:-3px 3px 0 0;vertical-align:middle;position:relative} .sto_btn4 a span:first-child:after{display:block;content:"";width:7px;height:1px;position:absolute;top:6px;left:3px;background:#fff;} .sto_btn4 a span:first-child:before{display:block;content:"";width:1px;height:7px;position:absolute;top:3px;left:6px;background:#fff;} .sto_btn4 a span:nth-child(2){color:#e01f26} /*v-report*/ .outlink {display: block; height: 52px; position: relative; border-top:1px solid #ced1d6; border-bottom:1px solid #ced1d6; line-height: 50px; text-align: left; margin-top: -1px;} .outlink > div {width: 100%; padding-left: 57px; position: relative} .outlink strong {display: block; width: 100%; font-size: 14px; color:#333; padding-right: 10px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-weight: normal;} .outlink.url strong {display: inline-block; width: 55px; margin-right:5px; padding:0; position: absolute; top:0; left:57px;} .outlink.url .url_text {display: inline-block; width: 100%; font-size: 13px; color:#999; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; letter-spacing: 0; padding:0 15px 0 60px;} .circle_down {display: block; width: 39px; height: 39px; position: absolute; background:#fff; border-radius: 50%; padding:0; border:1px solid #e0e0e0;} .circle_down span {display: block;} /*확장자별 이미지*/ .circle_down .pdf { width: 17px; height: 22px; background: url(../../img/signalm/pdf.svg)no-repeat; background-size:17px 22px; margin: 7px 0 0 10px;} .circle_down .xls { width: 19px; height: 18px; background: url(../../img/signalm/xls.svg)no-repeat; background-size:19px 18px; margin: 9px 0 0 9px;} .circle_down .ppt { width: 19px; height: 17px; background: url(../../img/signalm/ppt.svg)no-repeat; background-size:19px 17px; margin: 9px 0 0 9px;} .circle_down .doc { width: 19px; height: 18px; background: url(../../img/signalm/doc.svg)no-repeat; background-size:19px 18px; margin: 9px 0 0 9px;} .circle_down .url { width: 17px; height: 17px; background: url(../../img/signalm/url.svg)no-repeat; background-size:17px 17px; margin: 9px 0 0 11px;} .circle_down .hwp { width: 18px; height: 22px; background: url(../../img/signalm/hwp.jpg)no-repeat; background-size:18px 22px; margin:8px 0 0 10px;} #stock_2dep .disclosure_m_list.vRt li {height: 80px;} #stock_2dep .disclosure_m_list li a {padding: 15px 69px 15px 15px; } #stock_2dep .disclosure_m_list.vRt li a {padding: 12px 69px 15px 15px; } #stock_2dep .disclosure_m_list.vRt li .circle_down {display: block; width: 39px; height: 39px; top:20px; right:15px; padding:0;} .outlink .circle_down {top:6px; left:10px;} } @media screen and (max-width:640px){ #stock_2dep .select_box .select_go { width: 185px;} } @media screen and (max-width:550px){ #stock_2dep .kospi_info2 h4{font-size:24px;} #stock_2dep .visual_select2 .select_box .select_go { width: 120px;} #stock_2dep .select_box .select_go { width: 130px;} #stock_2dep .text_chart_top {height: 80px;} #stock_2dep .text_chart_top ul { height:48px; text-align: center} #stock_2dep .text_chart_top dl { height:20px; position: static;} #stock_2dep .text_chart_top dl dt, #stock_2dep .text_chart_top dl dd{ line-height: 20px;} #stock_2dep .text_chart_top dl dt span{line-height:23px;} #stock_2dep .search_option3 > ul > li, #stock_2dep .search_option3 > ul > li:nth-child(1), #stock_2dep .search_option3 > ul > li:nth-child(4){width:100%;float:none;} #stock_2dep .search_option3 > ul > li:nth-child(2) {border-top:1px solid #dcdfe2} #stock_2dep .search_option3 > ul > li:nth-child(3) > span { width:100%; padding:0 0 0 177px;} #stock_2dep .search_option3 > ul > li:first-child{border-top:0 none;} #stock_2dep .search_option3 > ul:before{display:none} #stock_2dep .search_option3 > ul > li > span{padding:0 0 0 70px} #stock_2dep .search_option3 .select_box{padding:0 0 0 70px;} #stock_2dep .search_option3 > ul > li:nth-child(5) a{padding-left:15px;font-size:14px;} #stock_2dep .search_option3 > ul > li:nth-child(5) a:first-child {padding-left: 8px;} } @media screen and (max-width:410px){ #stock_2dep .visual_select2 > span span { display: none} #stock_2dep .visual_select2 .select_box .select_go { width: 110px;} #stock_2dep .select_box .select_go { width:110px;} } /* left common box:"검색" */ .stock_right_search{width:100%;height:55px;position:relative;padding:10px 15px;} .stock_right_search #SearchInput {width: 100%; position: relative;} .stock_right_search .search_input{position:relative;} .stock_right_search .search_input > span{display:block;width:100%;height:35px;position:relative;} .stock_right_search .search_input > span input{display:block;width:100%;height:100%;background:#3c3c3c;padding:0 170px 0 15px;color:#fff;font-size:14px;border:0 none; outline: none; border-radius: 0; font-weight: bold; letter-spacing: 0;} .stock_right_search input::-webkit-input-placeholder{color:#999;font-size:14px;} .stock_right_search input:-moz-placeholder{color:#999;font-size:14px;} .stock_right_search input::-moz-placeholder{color:#999;font-size:14px;} .stock_right_search input:-ms-input-placeholder{color:#999;font-size:14px;} .stock_right_search .search_input > span a{display:block;width:40px;height:100%;position:absolute;top:0;right:90px;text-indent:-9999px;font-size: 0;} .stock_right_search .search_input > span a span { display:block; width:100%;height:100%;} .stock_right_search .search_input > span a span span{display:block;width:100%;height:100%;opacity:1;text-indent:0;} .stock_right_search .search_input > span a span span img{margin:10px 2px 0 0;} .stock_right_search #big_Search_m{display:block;width:90px;height:35px;position:absolute;top:0;right:0;font-size:12px;color:#fff;line-height:31px;font-size:14px; background: #e01f26;line-height:35px;} .stock_right_search .now_time{right:20px;top:18px;} .stock_right_search .now_time > span:nth-child(1){color:#fff;} .stock_right_search .now_time .now_time_refresh{display:inline-block;width:19px;height:16px;border:0 none;} @media screen and (max-width:640px){ .stock_right_search{padding:0; height:40px;} .stock_right_search #big_Search_m {height: 40px; line-height: 41px;} .stock_right_search .search_input > span {height:40px;} .stock_right_search .search_input > span a span span img {margin:12px 2px 0 0} } /* ------------------------ right box ------------------------ */ /* right box - "common" */ .stock_right > div{width:100%;border:1px solid #ced1d6;position:relative;margin-bottom:10px;} .stock_right > div:last-child{margin-bottom:0;} .stock_right > div h2{width:100%;height:40px;border-bottom:1px solid #ced1d6;padding-left:20px;background:#f2f2f2;line-height:39px;font-size:16px;text-align:left;color:#000;font-weight: bold} .stock_right > div h2 a{display:block;width:100%;height:100%;color:#000;font-weight:bold;line-height:39px;font-size:16px;text-align:left;} .stock_right > div .more{width:14px;height:14px;position:absolute;top:13px;right:10px;} .stock_right > div ul{width:100%;padding:8px 20px;} .stock_right > div .stoDot{width:100%;text-align:left;position:relative;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .stock_right > div .stoDot:after{display:block;content:"";width:3px;height:3px;position:absolute;top:11px;left:0;border-radius:50%;background:#5e5f61;} .stock_right > div .stoDot > *{padding-left:8px;width:100%;} /*contents no padding*/ #stock_2dep .kospi_right .right_side_tab > .tab_cont > div, #stock_2dep .stock_right > div ul.bar_chart, #stock_2dep .stock_right > div ul.right_kospi_info, #stock_2dep .stock_right > div.right_flash ul{padding:0;} @media screen and (max-width:20000px){ .stock_right > div{width:100%;border:0 none;margin-bottom:0;} .stock_right > div h2{height:45px;border-bottom:1px solid #ced2d7;background:#fff;padding-left:15px;line-height:45px;font-size:17px;} .stock_right > div h2 a{line-height:45px;font-size:17px;} .stock_right > div .more{width:8px;height:16px;position:absolute;top:14px;right:10px;} .stock_right > div .more img{width:100%;height:100%;display:block;} .stock_right > div ul{padding:0;} .stock_right > div .stoDot:after{display:none;} .stock_right > div .stoDot > *{padding-left:0;font-size:15px;} /*900 "a" tag block*/ .stock_right > div .stoDot a { display: inline-block; height: 100%; width: 100%; white-space:nowrap; /*overflow:hidden; text-overflow: ellipsis;*/} } /* right box - "시황 속보" */ .stock_right > div.market_conditions dl, .stock_right > div.market_conditions dt{display:inline} @media screen and (max-width:20000px){ .stock_right > div.market_conditions li{height:90px;border-bottom:1px solid #e6e8eb;padding:0 150px 0 15px;} .stock_right > div.market_conditions li:nth-child(5){border-bottom:0 none;} .stock_right > div.market_conditions li.no_img{padding:0 15px;} .stock_right > div.market_conditions li a{display:block;width:100%;height:100%;} .stock_right > div.market_conditions li a:before{display:inline-block;width:0;height:100%;content:"";vertical-align:middle;} .stock_right > div.market_conditions dl{display:inline-block;width:100%;vertical-align:middle;padding-top:4px;} .stock_right > div.market_conditions dt{display:block;width:100%;font-size:15px;color:#222;max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;white-space:normal;} .stock_right > div.market_conditions dd{display:block;font-size:12px;color:#999;} .stock_right > div.market_conditions dd span{padding:0 7px;position:relative} .stock_right > div.market_conditions dd span:after{display:block;content:"";width:1px;height:8px;position:absolute;top:3px;right:0;background:#dcdcdc;} .stock_right > div.market_conditions dd span:first-child{padding-left:0;} .stock_right > div.market_conditions dd span:last-child:after{display:none;} .stock_right > div.market_conditions li a > span{display:block;width:107px;height:59px;position:absolute;top:15px;right:15px;text-align:center;} .stock_right > div.market_conditions li a > span:after{display:block;content:"";width:100%;height:100%;position:absolute;top:0;right:-1px;border:1px solid rgba(0,0,0,0.1);} .stock_right > div.market_conditions li a > span img{display:inline-block;width:100%;min-height:100%;} } /* right box - "이시간 특징주" */ /* right box - "공시" */ .thistime ul li{padding-right:40px;} .thistime ul li span:first-child{font-weight:bold;padding-right:5px;color:#000;letter-spacing:0;} .thistime ul li span:nth-child(3){display:inline-block;position:absolute;top:0;right:0;font-size:11px;letter-spacing:-0.5px;} .disclosure{} @media screen and (max-width:20000px){ .stock_right > div.thistime ul, .stock_right > div.disclosure ul{padding:5px 10px;} .stock_right > div.thistime ul li{height:37px;line-height:37px;border-top:1px solid #f0f1f3;padding:0 65px 0 5px;} .stock_right > div.thistime ul li:first-child, .stock_right > div.disclosure ul li:first-child{border-top:0 none;} .thistime ul li span:first-child{letter-spacing:-1px;} .thistime ul li span:nth-child(3){right:5px;font-size:15px;} .stock_right > div.disclosure ul li{height:37px;line-height:37px;border-top:1px solid #f0f1f3;padding:0 5px} } /* right box - "상승률 상위/하락률 상위" */ #stock_2dep .right_side_tab > .tab_menu{padding:0;} #stock_2dep .right_side_tab > .tab_menu > li{width:50%;height:40px;} #stock_2dep .right_side_tab > .tab_menu > li a{font-size:16px;line-height:40px;font-weight:bold;color:#adb3b9;background:#f2f2f2;text-align:left;padding-left:20px;border-bottom:1px solid #ced2d7;} #stock_2dep .right_side_tab > .tab_menu > li.on a{color:#333;background:#fff;border-bottom:0 none;border-left:1px solid #ced2d7;} #stock_2dep .right_side_tab > .tab_menu > li.on:first-child a{border-left:0 none;border-right:1px solid #ced2d7;} #stock_2dep .right_side_tab > .tab_cont > div{padding:10px;} /* rank common */ #stock_2dep .top_rank .rank_num a span, #stock_2dep .top_rank2 .rank_num a span, #stock_2dep .top_rank4 .rank_num a span{font-weight:normal} #stock_2dep .top_rank tr:first-child .rank_num a span, #stock_2dep .top_rank2 tr:first-child .rank_num a span, #stock_2dep .top_rank4 tr:first-child .rank_num a span{font-weight:bold} #stock_2dep .top_rank table, #stock_2dep .top_rank2 table, #stock_2dep .top_rank4 table{border:0 none;} #stock_2dep .top_rank table.ta3 td:nth-child(2), #stock_2dep .top_rank table.ta3 td:nth-child(3), #stock_2dep .top_rank2 table.ta3 td:nth-child(2), #stock_2dep .top_rank2 table.ta3 td:nth-child(3){text-align:right;font-size:12px;} /*only number*/ #stock_2dep .top_rank table.ta3 td:nth-child(2), #stock_2dep .top_rank table.ta3 td:nth-child(3), #stock_2dep .top_rank2 table.ta3 td:nth-child(2), #stock_2dep .top_rank3 table.ta3 td:nth-child(2), #stock_2dep .top_rank3 table.ta3 td:nth-child(3){letter-spacing:0;} /* rank1 */ #stock_2dep .top_rank table.ta3 td:nth-child(1){width:auto;padding:3px 0 3px 10px;} #stock_2dep .top_rank table.ta3 td:nth-child(2){width:70px;padding:4px 5px 2px 10px;} /*none*/ #stock_2dep .top_rank table.ta3 td:nth-child(3){width:65px;padding:4px 10px 2px 5px;} #stock_2dep .top_rank table.ta3 td.up:nth-child(3){color:#ff3535;} #stock_2dep .top_rank table.ta3 td.down:nth-child(3){color:#0374ff;} /* rank2 */ #stock_2dep .top_rank2 table.ta3 td:nth-child(1){width:110px;padding:3px 0 3px 10px;} #stock_2dep .top_rank2 table.ta3 td:nth-child(2){width:75px;padding:4px 10px 2px 15px;} #stock_2dep .top_rank2 table.ta3 td:nth-child(3){width:auto;padding:4px 10px 2px 0;} /*none*/ #stock_2dep .top_rank2 table.ta3 td:nth-child(3) a span{color:#666;letter-spacing:-1px;font-size:12px;} #stock_2dep .top_rank2 table.ta3 .rankta3 .pitch{padding-left:10px;} /* rank3 */ #stock_2dep .top_rank3 table.ta3 td:nth-child(1){width:110px;padding:3px 0 3px 10px;} #stock_2dep .top_rank3 table.ta3 td:nth-child(2){width:51px;padding:4px 5px 2px 5px;}/*none*/ #stock_2dep .top_rank3 table.ta3 td:nth-child(3){width:51px;padding:4px 10px 2px 5px;} /* icon */ #stock_2dep .top_rank2 table .pitch span:after{width:8px;height:5px;top:-5px;left:-9px;} #stock_2dep .top_rank2 table .pitch.up span:after{background:url("../../img/signalm/stock_70_2.png") no-repeat;} #stock_2dep .top_rank2 table .pitch.down span:after{background:url("../../img/signalm/stock_71_2.png") no-repeat;} #stock_2dep .top_rank2 table .pitch.up.allup span:after{width:7px;height:9px;top:-7px;left:-9px;background:url("../../img/signalm/stock_69_2.png") no-repeat;} #stock_2dep .top_rank2 table .pitch.down.allup span:after{width:7px;height:9px;top:-7px;left:-9px;background:url("../../img/signalm/stock_72_2.png") no-repeat;} #stock_2dep .top_rank2 table .pitch.up.allup span:after, #stock_2dep .top_rank2 table .pitch.down.allup span:after, #stock_2dep .top_rank2 table .pitch.down span:after, #stock_2dep .top_rank2 table .pitch.up span:after{left:-9px} @media screen and (-webkit-min-device-pixel-ratio:0){ .stock_right > div .stoDot:after{top:10px;} } @media screen and (max-width:20000px){ #stock_2dep .top_rank2 table.ta3 td:nth-child(1){width:auto;padding:3px 0 3px 10px;} #stock_2dep .top_rank2 table.ta3 td:nth-child(2){width:65px;padding:4px 10px 2px 5px;} #stock_2dep .top_rank2.top_rank3 table.ta3 td:nth-child(3){display:table-cell;width:60px;padding:4px 10px 2px 5px;} #stock_2dep .top_rank2 table.ta3 td:nth-child(3){display:none;} } @media screen and (max-width:20000px){ #stock_2dep .right_side_tab > .tab_menu > li{height:45px;} #stock_2dep .right_side_tab > .tab_menu > li a{font-size:17px;line-height:45px;color:#999;background:#f9fafa;padding-left:0;text-align:center;border-top:1px solid #ced2d7;} #stock_2dep .right_side_tab > .tab_cont > div{padding:5px 10px;} #stock_2dep .top_rank table.ta3 td:nth-child(2), #stock_2dep .top_rank table.ta3 td:nth-child(3), #stock_2dep .top_rank2 table.ta3 td:nth-child(2), #stock_2dep .top_rank2 table.ta3 td:nth-child(3){font-size:15px;} /* rank1 */ #stock_2dep .top_rank table.ta3 td:nth-child(1){width:auto;padding:0 0 0 5px} #stock_2dep .top_rank table.ta3 td:nth-child(2){width:20%;padding:0} #stock_2dep .top_rank table.ta3 td:nth-child(3){width:20%;padding:0 5px 0 10px} /* rank2 */ #stock_2dep .top_rank2 table.ta3 td:nth-child(1){width:140px;padding:0 0 0 5px} #stock_2dep .top_rank2 table.ta3 td:nth-child(2){width:20%;padding:0} #stock_2dep .top_rank2 table.ta3 td:nth-child(3){display:table-cell;width:45%;padding:0 5px 0 10px} /* rank3 */ #stock_2dep .top_rank3 table.ta3 td:nth-child(1){width:110px;padding:0 0 0 5px} #stock_2dep .top_rank3 table.ta3 td:nth-child(2){width:51px;padding:0} #stock_2dep .top_rank3 table.ta3 td:nth-child(3){width:51px;padding:0 5px 0 0} #stock_2dep .top_rank2.top_rank3 table.ta3 td:nth-child(3){padding:0 5px 0 0} /* rank4 -v report */ #stock_2dep .top_rank4 .mm_hd {margin-bottom: 0;} #stock_2dep .top_rank4 .vRt {padding:5px 10px;} #stock_2dep .top_rank4 table.ta3 td:nth-child(1){width:auto;padding:0 0 0 5px} #stock_2dep .top_rank4 table.ta3 td:nth-child(2){display:table-cell;width:65px;padding:0 5px 0 10px;text-align:right;letter-spacing:0; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-size: 13px; color:#333;} #stock_2dep .top_rank4.v2 table.ta3 td:nth-child(2){width: 20%; letter-spacing: 0; font-size: 14px;} /* icon */ #stock_2dep .top_rank2 table .pitch span:after{width:9px;height:7px;top:-6px;left:-12px;} #stock_2dep .top_rank2 table .pitch.up span:after{left:-12px;background:url("../../img/signalm/triangle_red.svg") no-repeat;background-size: 100%} #stock_2dep .top_rank2 table .pitch.down span:after{left:-12px;background:url("../../img/signalm/triangle_blue.svg") no-repeat;background-size: 100%} #stock_2dep .top_rank2 table .pitch.up.allup span:after{width:9px;height:13px;top:-10px;left:-12px;background:url("../../img/signalm/arrow_red.svg") no-repeat;background-size: 100%} #stock_2dep .top_rank2 table .pitch.down.allup span:after{width:9px;height:13px;top:-9px;left:-12px;background:url("../../img/signalm/arrow_blue.svg") no-repeat;background-size: 100%} } /* right box - "코스피/코스닥" */ #stock_2dep .kospi_right .tab_cont > div a{display: block; height: 100%;} #stock_2dep .kospi_right#kospi_right_div .tab_wrap > .tab_cont #right_kospi_div, #stock_2dep .kospi_right#kospi_right_div .tab_wrap > .tab_cont #right_kosdaq_div{ width: 100%; height: 201px; position: relative} #stock_2dep .kospi_right#kospi_right_div .tab_wrap > .tab_cont #right_kospi_div #chart_right_kospi, #stock_2dep .kospi_right#kospi_right_div .tab_wrap > .tab_cont #right_kosdaq_div #chart_right_kosdaq {width: 100%; position: absolute; bottom:10px; left: 0;} #stock_2dep .kospi_right#kospi_right_div .bar_chart {width: 100%; position: absolute; bottom:0; left: 0;} #stock_2dep .stock_right .right_kospi_info{width:100%;position:relative;} #stock_2dep .stock_right .right_kospi_info li{display:inline-block;margin-top:17px;height:26px;line-height:26px;letter-spacing:-0.5px;} #stock_2dep .stock_right .right_kospi_info li:nth-child(1){font-size:26px;font-weight:bold;} #stock_2dep .stock_right .right_kospi_info li:nth-child(2){font-size:15px;padding-left:25px;line-height:30px;} #stock_2dep .stock_right .right_kospi_info li:nth-child(3){font-size:15px;padding-left:7px;line-height:30px;} #stock_2dep .stock_right .right_kospi_info li:nth-child(4){display:inline-block;position:absolute;top:-20px;right:5px;font-size:10px;color:#999;letter-spacing:0;} #stock_2dep .right_kospi_info .pitch span:after{top:11px;} #stock_2dep .kospi_right .bar_chart{margin-bottom:0;} @media screen and (max-width:20000px){ #stock_2dep .stock_right .right_kospi_info li:nth-child(1){font-size:23px;} #stock_2dep .stock_right .right_kospi_info li:nth-child(2){font-size:14px;padding-left:23px;} #stock_2dep .stock_right .right_kospi_info li:nth-child(3){font-size:14px;padding-left:6px;} } @media screen and (max-width:20000px){ #stock_2dep .stock_right .kospi_right{display:none;} } /* right box - "속보" */ .right_flash h2 img{margin-top:8px;margin-right:3px;width:50px;} .right_flash > div{max-height:440px;overflow:hidden;} .right_flash > div ul{width:100%;margin:0 auto;position:relative;} .right_flash > div ul li{width:100%;text-align:left;position:relative;} .right_flash > div ul li:last-child { padding-bottom: 10px;} .right_flash > div ul li:after{display:block;content:"";width:1px;height:100%;position:absolute;top:0;left:27px;background:#ced2d7;} .right_flash > div ul li a{display:block;width: 100%; height:100%;position:relative;} /*clock*/ .right_flash > div ul li .sec6_time{width:48px;height:100%;float:left;position:absolute;top:0;left:0;} .right_flash > div ul li .sec6_time:after{display:block;content:"";width:19px;height:19px;position:absolute;top:24px;left:18px;background:url(../../img/signalm/politics_15.png);background-size:contain;z-index:10;} .right_flash > div ul li .sec6_time span{display:block;width:49px;height:14px;line-height:14px;text-align:right;color:#999;font-size:11px;background:#fff;z-index:11;position:relative;top:5px;left:0;text-align:center;letter-spacing:-1px;} /*con*/ .right_flash > div ul li dl{height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-right:15px;position:relative;padding-left:48px;} .right_flash > div ul li a dl dt{/* width:100%; */height:52px;} .right_flash > div ul li a dl dt:before { display: inline-block; width: 0; height:100%; content: ""; vertical-align: middle;} .right_flash > div ul li a dl dt .sec6_dt {vertical-align: middle;display:inline-block;padding-top:18px;} .right_flash > div ul li a dl dt .sec6_dt > span {display: block;font-size:13px;color:#666;max-height:33px;line-height:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .right_flash > div ul li a dl dt .sec6_info{display:none;} .right_flash > div ul li a dd{display:none;} /*first*/ .right_flash > div ul li.rf_first a dd{display:block;width:134px;max-height:76px;overflow:hidden;margin-top:8px;} .right_flash > div ul li.rf_first a dd img{display:block;width:100%;} /*red*/ .right_flash > div ul li.rf_red .sec6_time:after{background:url(../../img/signalm/politics_14.png);background-size:contain;} .right_flash > div ul li.rf_red .sec6_time span{color:#ff0000;letter-spacing:-1px;width:100%;left:0;} .right_flash > div ul li.rf_red a dl dt{color:#444;font-weight:bold;} .right_flash > ul{width:100%;height:35px;border-top:1px solid #ced2d7;background:#f7f7f7;position:relative;z-index:1;} .right_flash > ul li{width:50%;height:35px;float:left;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .right_flash > ul li:first-child{border-right:1px solid #ced2d7;} .right_flash > ul li a{display:block;height:100%;} .right_flash > ul li a img{display:inline-block;width:14px;height:23px;padding-top:14px} @media screen and (max-width:20000px){ .right_sub_con > .right_flash h3 span{display:inline-block;height:100%;color:#333;} .right_flash > h2 img{width:44px;margin-top:12px;} .right_flash > div{max-height:inherit;} .right_flash > div ul li{height:91px;} .right_flash > div ul li:last-child{/*border-bottom:0 none;*/padding-bottom: 0;} .right_flash > div ul li.rf_noimg a dl{padding-right:10px;} .right_flash > div ul li.rf_noimg a dl dd{display:none;} .right_flash > div ul li:after{display:none} .right_flash > div ul li .sec6_time{width:49px;background:#efefef;border-right:1px solid #e6e8eb;} .right_flash > div ul li .sec6_time:after{width:18px;height:18px;top:29px;left:16px;} .right_flash > div ul li .sec6_time span{width:100%;text-align:center;color:#333;font-size:11px;background:none;position:relative;top:49px;left:0;} .right_flash > div ul li a dl{padding-right:130px;padding-left:60px;} .right_flash > div ul li a dl:before{display:inline-block;width:0;height:100%;content:"";vertical-align:middle;} .right_flash > div ul li a dl dt{display:inline-block;height:auto;vertical-align:middle;font-size:15px;color:#222;line-height:20px;padding-top:0px;overflow:inherit;text-overflow:inherit;-webkit-line-clamp:inherit;-webkit-box-orient:inherit;word-wrap:normal;} .right_flash > div ul li a dl dt:before { display: none;} .right_flash > div ul li a dl dt .sec6_dt { display:block; padding-top: 0} .right_flash > div ul li a dl dt .sec6_dt > span{display:block;height:100%;max-height:40px;vertical-align:middle;line-height:20px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;display:-webkit-box;font-size:15px;color:#222;} .right_flash > div ul li.rf_red a dl dt {color:#222;font-weight:normal;} .right_flash > div ul li a dl dt .sec6_dt span .lock { display: inline-block; width: 12px; height: 15px; background: url(../../img/signalm/lock.svg)no-repeat; background-size: 11px 15px; margin-top:-2px; margin-right: 3px; } .right_flash > div ul li a dl dt .sec6_info{display:block;font-size:12px;color:#999;margin-top:3px;} .right_flash > div ul li a dl dt .sec6_info > span{display:inline-block;padding-right:13px;position:relative;} .right_flash > div ul li a dl dt .sec6_info > span:after{display:block;content:"";width:1px;height:8px;position:absolute;top:7px;left:-6px;background:#dcdcdc;z-index:10;} .right_flash > div ul li a dl dt .sec6_info > span.first_info:after{display:none;} .right_flash > div ul li a dl dt .sec6_info > span:nth-child(2){letter-spacing:0;} .right_flash > div ul li a dd{display:block;width:107px;height:59px;margin-top:0px;position:absolute;top:15px;right:10px;overflow:hidden;} .right_flash > div ul li.rf_first a dd{width:107px;height:59px;margin-top:0px;} .right_flash > div ul li a dd span{display:block;width:100%;height:100%;position:relative;} .right_flash > div ul li a dd span:after{display:block;content:"";width:100%;height:100%;border:1px solid rgba(0,0,0,0.1);position:absolute;top:0;left:0;z-index:50;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .right_flash > div ul li a dd img{display:block;width:100%;min-height:100%;} .right_flash > ul{display:none;} #stock_2dep .right_flash .sort_more.m_stock {margin:0; border-top:1px solid #e6e8eb} #stock_2dep .right_flash .sort_more.m_stock > span {margin:15px 0;} } /*page*/ .page{width:100%;height:32px;margin:30px 0 0 0;text-align:center;} .page ul{display:inline-block;height:100%;} .page li{display:block;float:left;width:31px;height:32px;border:1px solid #cccccc;border-left:0 none;} .page li a{display:block;height:100%;font-size:12px;line-height:32px;color:#a8a8a8;} .page li.click a{background:#f5f5f5;color:#000;font-weight:bold} .page li:first-child{border:1px solid #cccccc;} .page li.ppprev {background:url("../../img/signalm/science_130.png") no-repeat center;} .page li.pprev {background:url("../../img/signalm/science_131.png") no-repeat center;} .page li.nnext {background:url("../../img/signalm/science_132.png") no-repeat center;} .page li.nnnext {background:url("../../img/signalm/science_133.png") no-repeat center;} .sec2 .page{margin:10px 0 0 0;} /*sec2 in page margin*/ @media screen and (max-width:20000px){ .page{display:none;} #stock_2dep .sort_more{display:block;/*margin-top:-10px*/border-top:1px solid #e6e8eb;} #stock_2dep .sort_more > span{display:inline-block;position:relative;padding-left:25px;color:#333;font-size:14px;margin:16px 0 10px 0;line-height: 1;} #stock_2dep .sort_more > span span{display:block;width:22px;height:22px;background:#333;position:absolute;top:6px;left:0;margin-top:-11px;border-radius:50%;} #stock_2dep .sort_more > span span:after{display:block;content:"";width:12px;height:2px;position:absolute;top:10px;left:5px;background:#fff;} #stock_2dep .sort_more > span span:before{display:block;content:"";width:2px;height:12px;position:absolute;top:5px;left:10px;background:#fff;} #stock_2dep .sort_more.minus > span{margin:17px 0;} #stock_2dep .sort_more.minus span:before { display: none;} #stock_2dep .sort_more p{font-size:12px;letter-spacing:0;color:#999;margin-bottom:8px;padding-left:5px;} #stock_2dep .sort_more p strong{color:#000} } /*기존 sub_main page*/ /*증권전용*/ #container.sub_main .s_news.s_news_chart{height:567px;position:relative} #container.sub_main .s_news.s_news_chart, #container.sub_main .s_news.s_news_chart *{font-family:"arial", "malgun gothic"} #container.sub_main .s_news.s_news_chart .up{color:#ff3535;} #container.sub_main .s_news.s_news_chart .down{color:#0374ff;} #container.sub_main .s_news.s_news_chart .pitch span{position:relative;display:inline-block;} #container.sub_main .s_news.s_news_chart .pitch span:after{display:block;content:"";width:10px;height:10px;position:absolute;top:9px;left:-14px;} #container.sub_main .s_news.s_news_chart .pitch.down span:after{background:url(../../img/signalm/triangle_blue.svg) no-repeat;background-size:100%;} #container.sub_main .s_news.s_news_chart .pitch.up span:after{background:url(../../img/signalm/triangle_red.svg) no-repeat;background-size:100%;} #container.sub_main .s_news.s_news_chart > h2{width:100%;height:38px;background:#f3f3f3;border-bottom:1px solid #d1d5d9;position:absolute;top:0;left:0;} #container.sub_main .s_news.s_news_chart > h2 span{font-size:16px;font-weight:bold;color:#333;line-height:39px;padding-left:20px;} #container.sub_main .s_news.s_news_chart > h2 .real_time{font-size:11px;color:#888;letter-spacing:0;font-family:'arial', 'malgun gothic';position:absolute;top:0;right:10px;font-weight: normal} #container.sub_main .s_news.s_news_chart > h2 .real_time img{display:inline-block;width:10.5px;margin-top:14px;margin-right:3px;} #container.sub_main .s_news.s_news_chart > ul{width:100%;height:100%;padding-top:39px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #container.sub_main .s_news.s_news_chart > ul > li{padding:0;height:50%;overflow:hidden;position:relative} #container.sub_main .s_news.s_news_chart > ul > li:nth-child(2){border-top:1px solid #d1d5d9;} #container.sub_main .s_news.s_news_chart > ul > li > a { display: block; height: 100%;} .s_news_chart .main_kospi_info{width:100%;height:45px;position:absolute;top:0;left:0;} .s_news_chart .main_kospi_info li{display:inline-block;margin-top:17px;height:26px;line-height:26px;} .s_news_chart .main_kospi_info li:nth-child(1){font-size:20px;font-weight:bold;color:#333;padding-left:20px;float:left} .s_news_chart .main_kospi_info li:nth-child(2){float:right;margin-right:20px;} .s_news_chart .main_kospi_info li:nth-child(2) > span:nth-child(1){font-size:20px;font-weight:bold;} .s_news_chart .main_kospi_info li:nth-child(2) > span:nth-child(2){font-size:15px;padding-left:22px;margin-top: 2px; display: inline-block} .s_news_chart .main_kospi_info li:nth-child(2) > span:nth-child(3){font-size:15px;padding-left:6px;margin-top: 2px; display: inline-block} .s_news_chart .main_kospi_info li span{letter-spacing:-0.5px;} .s_news_chart .st_chart{height: 100%; padding:50px 0 20px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .s_news_chart .st_chart img{ width: 100%;} .s_news_chart .set4{width:100%;height:26px;position:absolute;bottom:0;left:0;border-top:1px solid #d1d5d9;background:#f1f2f4;} .s_news_chart .set4:after{display:block;content:"";width:100%;height:1px;position:absolute;top:0;left:0;background:#fff;} #container.sub_main .s_news.s_news_chart > ul > li:nth-child(2) .set4 {border-bottom:1px solid #d1d5d9 } .s_news_chart .set4 > span{display:inline-block;line-height:26px;font-size:11px;color:#333;margin-left:20px;} .s_news_chart .set4 > span:not(:root:root){line-height:28px;} .s_news_chart .set4 > span span{font-size:12px;letter-spacing:0;line-height:30px;} .s_news_chart .set4 > span:nth-child(1) {position: absolute; top:0; left: 0;} .s_news_chart .set4 > span:nth-child(2) {display: block; width: 100%; text-align: center;margin-left: 0;text-indent: -15px} .s_news_chart .set4 > span:nth-child(3) {position: absolute; top:0; right:45px;} .s_news_chart .set4 > span:nth-child(4){position:absolute;top:0;right:15px;color:#999;} @media screen and (-webkit-min-device-pixel-ratio:0){ #container.sub_main .s_news.s_news_chart > h2 span{line-height:40px;} .s_news_chart .set4 > span span{line-height:28px;} } @media screen and (max-width:20000px){ #container.sub_main .s_news.s_news_chart{height:250px;} #container.sub_main .s_news.s_news_chart > h2{border-top:1px solid #d1d5d9;} #container.sub_main .s_news.s_news_chart > ul > li{height:100%;width:50%;float:left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container.sub_main .s_news.s_news_chart > ul > li:nth-child(1){border-right:1px solid #d1d5d9;} #container.sub_main .s_news.s_news_chart > ul > li:nth-child(2){border-top:0 none;} .s_news_chart .main_kospi_info { text-align: center} .s_news_chart .main_kospi_info li:nth-child(1) {display: inline-block; float:none;} .s_news_chart .main_kospi_info li:nth-child(2) {display: inline-block; float:none;padding-left: 15px;} #container.sub_main .s_news.s_news_chart > ul > li:nth-child(2) .set4 {border-bottom:0 none } } @media screen and (max-width:20000px){ .s_news_chart .set4 > span span{line-height:27px;padding-left: 5px;} .s_news_chart .set4 > span span:not(:root:root){line-height:28px;} .s_news_chart .main_kospi_info li:nth-child(1) {font-size: 17px;padding-left:0;} .s_news_chart .main_kospi_info li:nth-child(2) {padding-left:7px;margin-right: 0;} .s_news_chart .main_kospi_info li:nth-child(2) > span:nth-child(1) {font-size: 17px;} .s_news_chart .main_kospi_info li:nth-child(2) > span:nth-child(2) {margin-top: 0;padding-left: 15px; font-size: 14px; margin-top: 1px} .s_news_chart .main_kospi_info li:nth-child(2) > span:nth-child(3) {margin-top: 0;padding-left:4px; font-size: 14px;margin-top: 1px} #container.sub_main .s_news.s_news_chart .pitch span:after {width: 9px; top:10px; left: -11px;} } @media screen and (max-width:840px){ .s_news_chart .set4 > span {margin:0} .s_news_chart .set4 > span span {padding-left: 0;} .s_news_chart .set4 > span:nth-child(1) {left:10px} .s_news_chart .set4 > span:nth-child(2) {text-indent: 0;} .s_news_chart .set4 > span:nth-child(3) {right:10px} .s_news_chart .set4 > span:nth-child(4) {display: none;} } @media screen and (max-width:780px){ .s_news_chart .main_kospi_info li:nth-child(1) {font-size: 16px;} .s_news_chart .main_kospi_info li:nth-child(2) > span:nth-child(1) {font-size: 16px;} .s_news_chart .main_kospi_info li:nth-child(2) > span:nth-child(2) {font-size: 12px;} .s_news_chart .main_kospi_info li:nth-child(2) > span:nth-child(3) {font-size: 12px;} } @media screen and (max-width:640px){ #container.sub_main .s_news.s_news_chart{height:500px;} #container.sub_main .s_news.s_news_chart > ul > li{height:50%;width:100%;} #container.sub_main .s_news.s_news_chart > ul > li:nth-child(1){border-right:0 none;border-bottom:1px solid #d1d5d9;} #container.sub_main .s_news.s_news_chart > h2 .real_time img{margin-top:14px;} .s_news_chart .main_kospi_info li:nth-child(1) {font-size: 20px;} .s_news_chart .main_kospi_info li:nth-child(2) {padding-left:20px;} .s_news_chart .main_kospi_info li:nth-child(2) > span:nth-child(1) {font-size:20px;} .s_news_chart .main_kospi_info li:nth-child(2) > span:nth-child(2) {font-size:15px;padding-left: 22px;} .s_news_chart .main_kospi_info li:nth-child(2) > span:nth-child(3) {font-size:15px;padding-left: 6px;} #container.sub_main .s_news.s_news_chart .pitch span:after {width: 10px; top:9px; left: -14px;} .s_news_chart .set4 > span span {padding-left:5px;} .s_news_chart .set4 > span:nth-child(1) {left:10px} .s_news_chart .set4 > span:nth-child(2) {text-indent:-20px;} .s_news_chart .set4 > span:nth-child(3) {right:45px} .s_news_chart .set4 > span:nth-child(4) {display: block;} } @media screen and (max-width:550px){ .s_news_chart .st_chart {padding: 50px 0 30px 0} .s_news_chart .set4 {display: block;} } /*통합검색*/ .search_result #stock_2dep { margin:0 auto 30px auto} .sto_all_search_btn{display:block;width:185px;height:40px;border:1px solid #ced2d7;margin:10px auto 10px auto;text-align:center} .sto_all_search_btn > span{display:inline-block;height:100%;line-height:38px;} .sto_all_search_btn > span span:first-child{display:inline-block;width:13px;height:13px;background:#247acd;border-radius:50%;margin:-2px 3px 0 0;position:relative;vertical-align:middle} .sto_all_search_btn > span span:first-child:after{display:block;content:"";width:7px;height:1px;position:absolute;top:6px;left:3px;background:#fff;} .sto_all_search_btn > span span:first-child:before{display:block;content:"";width:1px;height:7px;position:absolute;top:3px;left:6px;background:#fff;} .sto_all_search_btn > span span:nth-child(2) { color:#247acd} /*기존 content.css 수정사항*/ .search_cover > div .search_word p input[type="text"]{outline:none;padding:0 50px 0 10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .search_cover > div .search_word p{padding-left:0;max-width:385px;} /*자동완성*/ /*anti_plugin_css*/ .stock_right_search .search_input > span a.search_reset { width:16px; height:16px; position: absolute; top:9px; right:131px; background: url("../../img/signalm/close.svg") no-repeat; background-size: 100%; border:0 none; } .ui-autocomplete, .ui-autocomplete *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'Arial', 'malgun gothic' !important;/*영문폰트 설정하기*/} .ui-autocomplete.light{border:1px solid #b0b0b0; max-height: inherit} .ui-autocomplete.light li{width:100%;height:35px;line-height:35px;background:#fff;border-bottom:1px solid #e6e8eb;border-top: none;} .ui-autocomplete.light li:last-child{border-bottom:0 none} .ui-autocomplete.light:after{display:block;content:"";width:8px;height:5px;position:absolute;top:-22px;right:34px;background:url("../../img/signalm/triangle_gray.svg");background-size:8px 5px;} .ui-autocomplete.light:before{display:block;content:"";width:1px;height:1px;position:absolute;top:-2px;left:-1px;background:#4f4f4f;} .ui-autocomplete.light li a{display:block;height:100%;position:relative} .ui-autocomplete.light li a > span{font-size:13px;} .ui-autocomplete.light li a > span:nth-child(1){color:#999;position:absolute;top:0;left:10px;font-family:'malgun gothic';line-height:35px;letter-spacing:-0.5px} .ui-autocomplete.light li a > span:nth-child(2){display:block;width:100%;padding:0 50px 0 60px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left} .ui-autocomplete.light li a > span:nth-child(3){font-size:11px;position:absolute;top:0;right:10px;color:#888;} /*anti_plugin_css*/ .ui-autocomplete.light.ui-menu .ui-menu-item{padding:0;list-style-image:none;} .ui-autocomplete.light.ui-menu .ui-menu-item.ui-state-focus, .ui-widget-content.ui-autocomplete.light.ui-menu .ui-state-focus {background:#fff !important; border-bottom: 1px solid #e6e8eb !important;} .ui-widget-content.ui-autocomplete.light.ui-menu li.ui-state-focus:last-child { border-bottom: none !important; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{border:0 none !important;} .ui-autocomplete.ui-menu .ui-state-focus, .ui-menu .ui-state-active{margin:0 !important;} .search_cover > div .search_word a.search_reset{width:15px;height:15px;position:absolute;top:13px;right:65px;background:url("../../img/signalm/close.svg") no-repeat;background-size:100%;} .ui-autocomplete.dark{position:absolute;top:0;right:0;z-index:100;border:1px solid #4f4f4f;border-top:0 none;background:#2a2a2a;-webkit-box-shadow:3px 3px 5px 0px rgba(0,0,0,0.65);-moz-box-shadow:3px 3px 5px 0px rgba(0,0,0,0.65);box-shadow:3px 3px 5px 0px rgba(0,0,0,0.65);} .ui-autocomplete.dark:after{display:block;content:"";width:8px;height:5px;position:absolute;top:-16px;right:59px;background:url("../../img/signalm/triangle_gray.svg");background-size:8px 5px;} .ui-autocomplete.dark:before{display:block;content:"";width:1px;height:1px;position:absolute;top:-2px;left:-1px;background:#4f4f4f;} .ui-autocomplete.dark li{width:100%;height:25px;line-height:24px;border-bottom:1px solid #3f3f3f;} .ui-autocomplete.dark li:first-child{border-top:1px solid #4f4f4f} .ui-autocomplete.dark li:first-child, .ui-autocomplete.dark li:last-child{height:28px;line-height:26px;} .ui-autocomplete.dark li:last-child{border-bottom:0 none;} .ui-autocomplete.dark li a{display:block;height:100%;position:relative} .ui-autocomplete.dark li:first-child a > span:nth-child(1), .ui-autocomplete.dark li:last-child a > span:nth-child(1){line-height:29px;} .ui-autocomplete.dark li a > span:nth-child(1){font-size:12px;color:#888;position:absolute;top:0;left:10px;line-height:26px} .ui-autocomplete.dark li a > span:nth-child(2){display:block;width:100%;padding:0 50px 0 55px;font-size:12px;color:#fff;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left} .ui-autocomplete.dark li a > span:nth-child(3){font-size:11px;position:absolute;top:0;right:10px;color:#888;} .ui-autocomplete.dark.ui-menu .ui-menu-item{padding:0;list-style-image:none;background:#2a2a2a} .ui-datepicker-calendar .ui-state-hover, .ui-datepicker-calendar .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content.dark .ui-state-focus {border:0 none !important;background:#2a2a2a !important;font-weight:normal;color:#fff !important;} .ui-widget-header .ui-state-hover.ui-datepicker-prev-hover { background: none !important; left: 2px; top:2px;} .ui-widget-header .ui-state-hover.ui-datepicker-next-hover { background: none !important; right: 2px; top:2px;} @media screen and (-webkit-min-device-pixel-ratio:0){ .sto_all_search_btn > span{line-height:40px;} } @media screen and (max-width:20000px){ .sto_all_search_btn{width:184px;height:45px;} .sto_all_search_btn > span{line-height:45px;font-size: 14px;} .ui-autocomplete.light.m_stock { position: static; width: 100%; border:0 none; border-bottom: 1px solid #b0b0b0} .ui-autocomplete.light.m_stock:after{position:absolute;top:25px;right:186px;} .ui-autocomplete.light li{height:40px;line-height:40px;} .ui-autocomplete.light li a > span:nth-child(1){color:#333;line-height:40px;letter-spacing:-0.5px;font-size: 15px;} .ui-autocomplete.light li a > span:nth-child(2){font-size:15px;padding:0 50px 0 70px;} .ui-autocomplete.light li a > span:nth-child(3){font-size:13px;} } @media screen and (max-width:640px){ .stock_right_search .search_input > span a.search_reset {top: 12px;} } /*article page table*/ #stock_2dep.article { margin:30px 0} #stock_2dep.article table.ta4.ta7 tr th { padding:0; height: 45px;position: static} #stock_2dep.article table.ta4.ta7 tr th span{ padding:0 7px; position: relative; display: block; height: 100%; line-height: 45px;} #stock_2dep.article table thead tr th:after, #stock_2dep table.ta4 thead tr th.orange:after { display: none;} #stock_2dep.article table.ta4.ta7 tr th span:after {display:block;content:"";width:100%;height:2px;background:#f3f3f3;position:absolute;bottom:-3px;left:0;} #stock_2dep.article table.ta4.ta7 tr th.orange span:after {background: #f2ead5;} #stock_2dep.article table.ta4.ta7 tr td:nth-child(6), #stock_2dep.article table.ta4.ta7 tr th:nth-child(6){ width: 120px;} @media screen and (max-width: 20000px){ #stock_2dep.article table.ta4.ta7 tr td:first-child, #stock_2dep.article table.ta4.ta7 tr th:first-child { width:170px;} #stock_2dep.article table.ta4.ta7 tr td, #stock_2dep.article table.ta4.ta7 tr th{width:auto;} #stock_2dep.article table.ta4.ta7 tr td:nth-child(3), #stock_2dep.article table.ta4.ta7 tr th:nth-child(3){ display: table-cell;} #stock_2dep.article table.ta4.ta7 tr td:nth-child(2), #stock_2dep.article table.ta4.ta7 tr th:nth-child(2){ display:none} #stock_2dep.article table.ta4.ta7 tr td:nth-child(6), #stock_2dep.article table.ta4.ta7 tr th:nth-child(6){ width: 100px;} } @media screen and (max-width: 670px){ #stock_2dep.article table.ta4.ta7 tr td, #stock_2dep.article table.ta4.ta7 tr th{width:auto;} } @media screen and (max-width: 500px){ #stock_2dep.article table.ta4.ta7 tr td:first-child, #stock_2dep.article table.ta4.ta7 tr th:first-child { width:160px;} #stock_2dep.article table.ta4.ta7 tr td:first-child a > span { padding-left:0} #stock_2dep.article table.ta4.ta7 tr td:first-child span span{display: none;} #stock_2dep.article table.ta4.ta7 tr td:nth-child(6), #stock_2dep.article table.ta4.ta7 tr th:nth-child(6){ display:none} } .stock_notice.mobile { display: none;} .stock_notice { max-width: 1198px; margin:20px auto 0 auto;} .stock_notice p { width: 100%; text-align: left; font-size: 11px;color:#acacac; } .stock_notice.pc.search {padding-left: 168px;} @media screen and (max-width:20000px){ .stock_notice.pc.search {padding-left:0;} } @media screen and (max-width:20000px){ .stock_notice.mobile { display: block; position: relative; max-width: none; width: 100%; border-top: 1px solid #e6e8eb} .stock_notice.pc { display: none;} .stock_notice { margin:0 auto;} .stock_notice p { text-align: center; padding:15px;} } @media screen and (max-width:550px){ .stock_notice.mobile p span { display: block;} } /*swipe 메뉴*/ /*ONLY mobile news form (mm_sec3: 카테고리 뉴스/mm_sec6: 바텀뉴스)*/ .m_cateTab {width: 100%; font-size: 0; /*border-bottom: 1px solid #dcdcdc;*/height:45px; text-align: left; position: relative} .m_cateTab.swiper-container {overflow: inherit} .m_cateTab ul {width:100%; /*display: table;*/ font-size: 0} .m_cateTab li{display: table-cell; width: auto; white-space: nowrap; line-height: 0;} .m_cateTab ul.swiper-wrapper {display: table} .m_cateTab li.swiper-slide {display: table-cell !important} .m_cateTab li:first-child a { margin-left: 10px;} .m_cateTab li:last-child a { margin-right: 10px;} .m_cateTab li a{font-size: 16px; color:#999; position: relative; display: block; padding:0 4px 0 3px; text-decoration: none; line-height:20px; white-space: nowrap; text-align: center; font-weight: bold} .m_cateTab li a span {display: inline-block; position: relative; min-width: 37px; padding:12px 5px 13px 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .m_cateTab li.on a {color:#000} .m_cateTab li.on a:after {display: block; content: "";width: 100%; height: 2px; position: absolute; bottom:-1px; left: 0; background: #000} @media screen and (max-width:640px){ .m_cateTab ul.swiper-wrapper {display: flex} .m_cateTab li.swiper-slide {display: block !important} } /*company pop*/ .m_location { z-index: 5} .pop_link {display:inline-block;} .company_pop {display: none;z-index:99999 !important;position: fixed; top:50%; left:50%; transform:translate(-50%,-50%);box-shadow: 0 5px 5px rgba(0,0,0,.1);width:330px; box-sizing: border-box; height:333px; background:#fff; z-index: 20}' .company_pop.left{ left:0;} .company_pop.right { right:0} .company_pop.show {display:block} .company_pop.hide {display:none} .company_pop h1 {color:#333333; font-size:17px; padding:15px 0 20px 15px; text-align: left} .company_pop .btn_area { position: absolute;bottom:-11px; height:41px; box-sizing: border-box; border-top:1px solid #ced2d7; width:100%; text-align: center; background:#f7f7f7} .company_pop .btn_area a {display: inline-block; position:relative; width:100%;font-size:15px;text-align: center; font-weight: bold ;line-height:41px;height:41px; vertical-align: middle} .company_pop .btn_area a:hover { color:#fff; background:#6f6f6f; } .company_pop .btn_area a:after { display: inline-block; content: ""; background: url(../../img/signalm/company_arr.png) no-repeat; width:19px; height:40px; vertical-align: middle; margin-top:-4px} .company_pop .btn_area a:hover:after {background-position: 0 -40px;} .con_chart { border:1px solid #e6e9ec; margin:0 10px 0 10px ; height:calc(100% - 108px); text-align: center; box-sizing: border-box; padding-top:10px} .company_pop .close_company, .stock_pop a {display: block;width: 20px; height: 20px; position: absolute;top: 15px; right: 15px;} .company_pop a img,.stock_pop a img { display: block; width: 100%; height: 100%; opacity: 0.4;} .company_pop a img:hover,.stock_pop a img:hover {opacity:0.7} @media screen and (max-width: 320px){ .company_pop { width:320px} } /*EBITDA마진율 팝업*/ .dimed {display:none;position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #222; z-index:9999; zoom: 1; opacity: 0.7; filter: alpha(opacity:'70'); } .stock_pop { position:fixed; z-index:99999; background: #fff; box-sizing: border-box;top:0; width:100%; height:100%; left:50%; transform: translateX(-50%);} .stock_pop.pop_evita {display: none; width:100%; padding:20px 10px; box-sizing: border-box;top:0} .stock_pop h1 { font-size:17px; color:#333; padding-bottom:15px ; text-align:center; border-bottom:1px solid #848685} .stock_pop.pop_evita a { right: 20px;} .stock_pop.pop_evita .pop_con { text-align: left; padding-top:20px; font-size:14px; color:#666; line-height:1.6em; letter-spacing:-0.03em} .point_red {color:#ff0000} .stock_pop .pop_con .div{ display:inline-block; vertical-align: middle; margin-top:-1px; font-family:'tahoma'} /*재무산식 팝업*/ .stock_pop.pop_fin {position: relative; display:none; width:100%;height:100%;top:0; margin-left:0; padding:20px 10px} .stock_pop.pop_fin h1 {border-bottom:0; padding-bottom:10px} .stock_pop.pop_fin table { border:1px solid #ced2d7; border-top:1px solid #848685; width: 100%; } .stock_pop.pop_fin table thead th { background:#f2f2f2; text-align: center;color:#999999; font-size:14px; padding:15px 0; border-bottom:1px solid #e1e1e3;border-right:1px solid #e1e1e3} .stock_pop.pop_fin table td { text-align: left; font-size:14px; padding:10px; border-bottom:1px solid #e1e1e3;border-right:1px solid #e1e1e3; } .stock_pop.pop_fin table td.al_right{ text-align: right} .stock_pop.pop_fin table td.al_cen{ text-align: center} .stock_pop.pop_fin table tbody th {text-align: left;font-size:14px;padding:10px; color:#333;font-weight: bold;border-bottom:1px solid #e1e1e3; border-right:1px solid #e1e1e3; } .stock_pop.pop_fin table tbody th:after { display: none} .search_result #stock_2dep { margin:0 auto } /*계속 기업보고서*/ .mb0 { margin-bottom:1px!important} .m_chart_area {display: none} @media screen and (max-width: 586px){ .chart_area {display: none !important} .m_chart_area { display: block} .m_chart_area.m_result_chart { margin-top:10px !important} .m_chart_area { margin:0 0 10px;} .m_chart_area .m_tab { font-size: 0} .m_chart_area .m_tab li { display: inline-block; width:50%; border:1px solid #ced2d7; box-sizing:border-box; font-size:15px; color:#999; background: #f4f4f4; height:44px; line-height:35px; text-align:center} .m_chart_area .m_tab li.on { background:#fff; color:#333; font-weight: bold; border-bottom:0} .m_chart_area .m_tab li:first-child { border-left:0} .m_chart_area .m_tab li:last-child { border-right:0; border-left:0} .m_chart_area .m_chart { position: relative; padding:20px 10px 0 10px} .m_chart_area .m_chart .table_notition {position: absolute;top:3px !important; right:11px !important; color:#999; font-size:11px} .m_chart_area .m_chart>div {border:1px solid #e5e5e5; min-height:250px; } .m_chart_area .btn_area {text-align: center; margin-top:10px } .m_chart_area .btn_area a { border:1px solid #c7c7c7; box-sizing: border-box; height:46px; width:190px; display: inline-block; background:#f8f8f8;line-height:44px; font-size:16px; font-weight:bold} .m_chart_area .btn_area a:after { display: inline-block; content:""; background:url(../../img/signalm/company_arr1.png)0 0 no-repeat; width:8px; height:14px; margin:2px 0 0 8px; vertical-align: middle} .m_chart_info { padding:10px 10px 0 10px } .m_chart_info li { text-align: left; margin-bottom:8px; font-size:13px; color:#666; position: relative;padding-left:10px; line-height:18px} .m_chart_info li:before { display: inline-block; content:"";position: absolute; top:6px;left:0; width:4px; height:3px; background:#666; } .m_chart_info li .down_txt{color:#0273ff; } .m_chart_info li .up_txt{color:#ff3535 } .m_chart_info li:last-child { margin-bottom:0} } .result_chart {margin-top:10px} .tab_h2 { font-size:20px; color:#333; padding: 0 0 10px 5px; text-align:left; margin-top:-15px; font-weight: bold} .chart_area { margin-bottom:10px} .chart_area.mb_none { margin-bottom:0;} .chart_area .btn_area {text-align: center; margin-top:10px } .chart_area .btn_area a { border:1px solid #c7c7c7; box-sizing: border-box; height:46px; width:190px; display: inline-block; background:#f8f8f8;line-height:46px; font-size:16px; font-weight:bold} .chart_area .btn_area a:after { display: inline-block; content:""; background:url(../../img/signalm/company_arr1.png)0 0 no-repeat; width:8px; height:14px; margin:-4px 0 0 8px; vertical-align:middle} .result_chart .chart_tbl{border-bottom:1px solid #ced2d7!important} .chart_tbl{position: relative; width:100%; border-top:0 !important; border-bottom:0!important} .chart_tbl thead th:after { display:none !important} .chart_tbl th,.chart_tbl td { width: 50%;text-align: left !important;vertical-align: top} .chart_tbl th {position: relative; height:inherit !important; line-height:inherit !important;background:#fff; border:1px solid #ced2d7 !important; border-left:0 !important;border-top:0 !important; font-weight: bold !important; padding:10px 20px !important; font-size:16px !important; color:#333 !important;} .chart_tbl th:before{ display: block; content:""; position: absolute; top:0; left:0; width:100%; height: 1px; background:#ced2d7; z-index:100} .chart_tbl th:first-child { border-right:1px solid #d0d1d5;} .chart_tbl th span { position: absolute !important ; right:20px; top:11px; color:#999; font-size:12px; font-weight:normal; line-height:16px !important} .chart_tbl td {border-right:1px solid #d0d1d5 !important; padding:15px !important; height:inherit !important; line-height: inherit!important} .chart_tbl td:last-child ,.chart_tbl th:last-child { border-right:0 !important} .chart_tbl td .chart_box {position: relative;border:1px solid #e9e9e9; min-height:240px; box-sizing: border-box;} .chart_tbl td .chart_box a { position: absolute; top:0 ; left:0; right:0; bottom:50px; display: block} .chart_tbl td.chart_info { border-top:1px solid #e1e1e3 !important; } .chart_tbl td.chart_info li {position: relative;padding-left:10px; margin-bottom:12px; font-size:13px; color:#666} .chart_tbl td.chart_info li:before { display: inline-block; content:"";position: absolute; top:7px;left:0; width:4px; height:3px; background:#666; } .chart_tbl td.chart_info li .down_txt{color:#0273ff; } .chart_tbl td.chart_info li .up_txt{color:#ff3535 } .chart_tbl td.chart_info li:last-child { margin-bottom:0} .btn_fom {cursor:pointer;display: inline-block; vertical-align: middle; text-indent:-1000em; background:url(../../img/signalm/btn_fom.png) 0 0 no-repeat; height:29px; width:49px; margin-top:-4px; margin-left:5px} .btn_fom:hover { background-position:-49px 0 } .unit_txt { font-size:11px; color:#999 !important; display: inline-block; vertical-align: middle; margin-top:0;letter-spacing: -0.01em; font-weight: normal; margin-left:5px;} .sel_area { min-width:280px;text-align:left; margin:5px 0 5px 8px} .sel_area.type2 {margin-top:5px; margin-bottom:5px} .sel_area ul,.sel_area ul li { display: inline-block; } .sel_area ul { margin-right:4px;font-size:0} .sel_area ul:last-child{ margin-right:0} .sel_area li { border:1px solid #d3d4d6; box-sizing:border-box;width:35px; padding:6px 0;text-align: center; font-size:12px; cursor:pointer;} .sel_area ul li:first-child {border-right:0} .sel_area ul li:last-child { border-left:0} .sel_area ul li.on { color:#fff} .sel_area ul.link_sel li.on { background:#2a5fcb; border:1px solid #3c63b3} .sel_area ul.date_sel li.on { background:#cb5b2a; border:1px solid #ad4e24} .sel_area ul.num_sel li.on { background:#cbb92a; border:1px solid #b0a131 } #stock_2dep .fin_tbl { border-bottom: 1px solid #a8aeb6; } #stock_2dep .fin_tbl.type2 td { line-height: 1.4!important; height:inherit !important; padding:8px !important} #stock_2dep .fin_tbl thead tr th { width:110px;} #stock_2dep .fin_tbl thead tr th:after {} #stock_2dep .fin_tbl thead tr th.orange:after { display: block !important;content: "";width: 100%;height: 2px; background:#f2ead5;position: absolute; bottom: -3px; left: 0;} #stock_2dep .fin_tbl th { text-align: center;} #stock_2dep .fin_tbl tbody.have_line tr td.orange { border-bottom:0; border-top:1px solid #e6e0cf} #stock_2dep .fin_tbl tbody.have_line tr td { border-top:1px solid #e6e8eb;border-bottom:0;} #stock_2dep .fin_tbl tbody.have_line tr td.point_red { color:#ff3535} #stock_2dep .fin_tbl thead tr th:first-child { border-right:1px solid #a8aeb6} #stock_2dep .fin_tbl tbody.have_line tr td:first-child { font-size: 15px;letter-spacing:-0.08em;text-overflow:inherit; white-space:inherit; overflow: auto; padding-left:10px; font-weight: bold; color:#333; border-right:1px solid #a8aeb6; line-height:20px; padding:5px 8px} /*#stock_2dep .fin_tbl tbody.have_line tr.dep td {border-top:1px solid #a8aeb6 !important } #stock_2dep .fin_tbl tbody.have_line tr.dep2.last td {border-bottom:1px solid #a8aeb6 !important ; }*/ #stock_2dep .fin_tbl tbody.have_line tr.dep2 td {padding-left:20px !important;font-weight: normal;} #stock_2dep .fin_tbl tbody.have_line tr.dep2 td:first-child { font-size:14px; letter-spacing:-0.14em} #stock_2dep .fin_tbl { border-bottom: 1px solid #a8aeb6 } #stock_2dep .fin_tbl thead tr th.orange:after { display: block !important;content: "";width: 100%;height: 2px; background:#f2ead5;position: absolute; bottom: -3px; left: 0;} /*5줄마다 진한선추가 없앰*/ #stock_2dep .fin_tbl tbody.have_line tr:nth-child(5n+5) td{border-bottom:1px solid #e6e8eb !important} /*재무분석*/ .pad_no { padding-top: 0 !important} #stock_2dep .sec.mt20 { margin-top: -20px} #stock_2dep .fin_tbl td a {display:inline-block; text-indent: -1000em;background:url(../../img/signalm/img_treemenu.png) 0 0 no-repeat; width:15px; height:15px; margin-left:5px; margin-top:-2px } #stock_2dep .fin_tbl td .btn_acdopen{ background-position:-15px 0} #stock_2dep .fin_tbl td .btn_acdclose{ background-position:0 0} #stock_2dep .fin_tbl tr.acd_dep2_sub td { font-size:14px !important} #stock_2dep .fin_tbl tr.acd_dep2_sub td:first-child{ background: #fff url(../../img/signalm/sub_tree.png) 8px 4px no-repeat; padding-left:30px !important; font-weight: normal !important} #stock_2dep .fin_tbl tr.dep3 td:first-child{ background: #fff url(../../img/signalm/sub_tree.png) 27px 4px no-repeat; padding-left:48px !important;} #stock_2dep .fin_tbl tbody.have_line tr.point_blue td:first-child {border-right:1px solid #a8aeb6 !important; line-height:22px; padding:5px 8px} #stock_2dep .fin_tbl tbody.have_line tr.point_blue td { background:#e9edf6; border-bottom:1px solid #cacfda !important; border-right:1px solid #dbe0ea} #stock_2dep .fin_tbl tbody.have_line tr.point_blue td.orange { background:#e9e5d9} #stock_2dep .fin_tbl tbody.have_line tr:last-child td{ border-bottom: 1px solid #a8aeb6 !important } /*swiper */ .stock_swipe { position: relative; width:100%; box-sizing: border-box; margin-bottom: -1px} .m_cateTab.swiper-container { width:calc(100% - 63px);margin:0;border-top:1px solid #ced2d7} .m_cateTab.swiper-container.wid_all { width:100%} .stock_swipe .m_cateTab li.swiper-slide a {display: inline-block; vertical-align: middle;} .stock_swipe .m_cateTab li.swiper-slide { display: inline-block !important; margin-right:10px; position: relative;} .stock_swipe .m_cateTab li.swiper-slide:first-child { margin-left:0} .stock_swipe .m_cateTab li.swiper-slide:last-child { margin-right:0} .stock_swipe .m_cateTab li.on a:after {display: none} .stock_swipe .m_cateTab li.on a span:after {display: block; content: "";width: 100%; height: 2px; position: absolute; bottom:1px; left: 0; background: #000} /*계속 기업보고서*/ .stock_swipe .m_cateTab li.swiper-slide .btn_report{position: relative; z-index: 100; cursor: pointer;display:inline-block; background:url(../../img/signalm/ico_report.png) 0 0 no-repeat;vertical-align:middle;margin:-1px 4px 0 -5px;background-size:16px 16px; width:16px; height:16px } /*산식*/ .btn_calc { position: absolute; color:#fff !important; right:0; height:45px; background:#333; font-size:15px;line-height:44px; width:63px; text-align: center; z-index:100; } .btn_calc:before {display: block;content:'';position: absolute; width:3px;height:40px; top:5px; left:1px;box-shadow:-8px -2px 5px rgba(255,255,255,1) } .btn_calc:after { display:inline-block; content:""; background:url(../../img/signalm/m_info_report.png) 0 0 no-repeat;vertical-align:middle;margin:-3px 0 0 3px;background-size:16px 16px; width:16px; height:16px} .btn_calc:hover,.btn_calc:visited,.btn_calc:active,.btn_calc:focus{ background:#333 !important; } /*table관련 새로 추가*/ #stock_2dep .table_position_wrap.type2 table { width:132px} #stock_2dep .table_position_wrap.type2 table.fin_tbl { width:133px} #stock_2dep .table_position_wrap.type2 table td {background: #fff} .m_unit {display:block;font-size:11px;color:#000; line-height: 1 !important;text-align:right; line-height:1;opacity:0.3; padding:5px 10px 0 0} .dis_block{display: block} .unit_area { width:100%; position: relative;height:20px} .unit_area .m_unit { top:0} th .m_unit { display: none} /*tab*/ .tab_cont { position: relative;width:100%} .sub_tab { box-sizing: border-box; height:40px;border-top: 1px solid #dcdcdc } .sub_tab { text-align: left} .sub_tab li { position:relative;line-height:39px; display: inline-block; text-align: left; color:#999; font-size:15px;margin-left:18px } .sub_tab li:first-child {} .sub_tab li a{color:#999; display: inline-block; vertical-align: middle;} .sub_tab li.on a{ color:#333} .sub_tab li.on:before { vertical-align: middle;display: inline-block; content:""; background:url(../../img/signalm/ico_tab_sub.png) 0 0 no-repeat; background-size:100%; width:10px; height:8px; margin-right:2px; margin-top:-3px} .sub_tab_cont { display: none; position:relative; width:100%} /*업종분석*/ .sel_chart { border:1px solid #ced2d7; border-left:0; border-right:0; padding:10px;} .sel_chart .sel_box { border:1px solid #e5e5e5; min-height:300px; } .sel_tit { height:42px; box-sizing: border-box; border-bottom:1px solid #e1e1e3; line-height:42px; font-size:16px; color:#333; text-align:left; padding-left:10px;} .sel_tit:after { display: block; content:''; clear: both} .sel_tit .select_box { margin-top:6px; margin-right:10px} .sel_tit .select_box .select_go { width:200px} .m_timeline_wrap1{width:100%;position:relative} .m_timeline_wrap1>div{width:100%;height:160px;margin-top:10px; margin-bottom:10px; margin-right:10px} .m_timeline_wrap1 div > ul{width:100%;height:100%;position:absolute;top:0;left:10px;right:10px; overflow:hidden;padding-right:15px} .m_timeline_wrap1 div > ul:after{content:"";display:block;clear:both} .m_timeline_wrap1 div > ul > li{width:165px !important; padding-right:1px; height:100%;float:left;text-align:center} .m_timeline_wrap1 div > ul > li:last-child{margin-right:15px} .m_timeline_wrap1 div > ul > li .check_list{display:block;width:100%;height:100%;padding:15px;text-align:left;color:#666;position:relative;background:#fff; border:1px solid #ced2d7; box-sizing: border-box;} .m_timeline_wrap1 div > ul > li .check_list strong{display:block;color:#666;margin-top:8px;font-size:16px;height:63px;line-height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;letter-spacing:-0.5px} .m_timeline_wrap1 div > ul > li.on .check_list { color:#fff;background:#3c3c3c; border:0} .m_timeline_wrap1 div > ul > li.on .check_list strong {color:#fff } .m_timeline_wrap1 div > ul > li .check_list .num{display:inline-block;height:19px;line-height:18px;border:1px solid #999;border-radius:10px;padding:0 8px;color:#999;font-size:12px;text-indent:-1px} .m_timeline_wrap1 div > ul > li .check_list .per{display:block;color:#999;margin-top:10px;margin-bottom:5px;font-size:12px;line-height:18px} .m_timeline_wrap1 div > ul > li.on .check_list .per{color:#b3b3b3;} .m_timeline_wrap1 div > ul > li .check_list .per span{display:block; font-size:18px;font-family:'tahoma';font-weight:bold;line-height:16px;} .m_timeline_wrap1 div > ul > li .check_list .per span.up{color:#ff3535} .m_timeline_wrap1 div > ul > li .check_list .per span.down{color:#0374ff} .ta_long thead th:first-child{ width:133px !important; background:#fff} .ta_long thead th.long_txt {width:120px !important} #stock_2dep .tab_cont.dis_block { display: block} #stock_2dep .tab_cont .table_position_wrap.dis_block { display: block} @media screen and (max-width: 850px) { #stock_2dep .table_position_wrap.type2 {display: block !important} #stock_2dep .table_position_wrap.type2 table.fin_tbl { width:210px !important} #stock_2dep table.fin_tbl tr th:first-child{ width:210px !important} #stock_2dep .table_position_wrap.type2 { width:130px !important} .ta_long thead th:first-child{ width:132px !important; background:#fff} .ta_longl thead th:first-child{ width:130px !important; background:#fff} /*#stock_2dep table.ta_longl tbody tr:last-child td { height:39px !important;}*/ } @media screen and (max-width:730px) { #stock_2dep .table_position_wrap.type2 table.fin_tbl { width:150px !important} #stock_2dep table.fin_tbl tr th:first-child { width:150px !important} } /*#stock_2dep table.ta4 tr.long th { height:69px;}*/ .select_box_area { padding:10px 0 10px 0; text-align: left; border-bottom:1px solid #e1e1e3; margin-bottom:5px; font-size:0} .select_box_area.bt_none { border-bottom:0; margin-bottom:0} .select_box_area .select_box { float:inherit !important; display: inline-block;} #stock_2dep .select_box_area .select_box { width:33% !important; margin-right:0.5%} #stock_2dep .select_box_area .select_box:last-child{ margin-right: 0} #stock_2dep .select_box_area .select_box .select_go { width:100% !important} /*체크박스*/ .checks { position:absolute !important; height:16px !important; width:16px !important;z-index:1; top:10px; right:10px } .checks input[type="checkbox"] { /* 실제 체크박스는 화면에서 숨김 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .checks input[type="checkbox"]+label { display: inline-block; position: relative; padding-left: 30px; /* 글자와 체크박스 사이의 간격을 변경 */ cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .checks input[type="checkbox"]+label:before { /* 가짜 체크박스 */ content: ''; position: absolute; left: 0; top: -4px; /* 이 값을 변경해서 글자와의 정렬 */ width: 16px; /* 체크박스의 너비를 지정 */ height: 16px; /* 체크박스의 높이를 지정 */ line-height: 16px; /* 세로정렬을 위해 높이값과 일치 */ text-align: center; border: 1px solid #bdbdbd; background:#fff url(../../img/signalm/m_check.png) 0 0 no-repeat; background-size:100% } .checks input[type="checkbox"]:checked+label:before { /* 체크박스를 체크했을때 */ content: ''; /* 체크표시 유니코드 사용 */ color: #99a1a7; text-shadow: 1px 1px #fff; border-color: #3c3c3c; background:#3c3c3c url(../../img/signalm/m_check_on.png) 0 0 no-repeat; background-size:100% } .left_select { display: inline-block; margin-left:10px;width:calc(100% - 50px); text-align: left; font-size: 0} .btn_reset02 { margin-left:2px; text-indent: -1000em;display: inline-block; background: url(../../img/signalm/btn_reset01.png) no-repeat;background-size:30px;width:30px; height:30px; font-size:0 } .cir {font-weight:normal;letter-spacing:0 !important; font-size:0;display: inline-block; background:#fff; border-radius:50%; border:1px solid #333; width:15px; height:15px; box-sizing:border-box; text-align:center; margin-right: 1px; vertical-align:middle; margin-top:-4px} .cir.min { line-height:13px;font-size:17px;letter-spacing:0 !important;} .cir.eq { font-size:12px; line-height: 13px} .cir.plus {font-size:14px;line-height:14px;} .cir.div_c {font-size:14px;line-height:14px; } .s_txt { display: none; position: absolute !important;top:38px;text-align: center;width:calc(100% - 10px); color:#999; font-size:11px; line-height:12px !important;font-family: 'notokr-regular'} .orange .s_txt { left:5px} @media screen and (max-width: 640px) { .s_txt {width:100%; text-align: center; left:0 !important;box-sizing: border-box;left:20px} } .overflow { overflow: auto !important} .data_no { padding:8px 0} .btn_pop_chart { display: inline-block !important; margin-top:2px; margin-left:5px; line-height: inherit !important; vertical-align: middle; margin-top:-3px} .btn_pop_chart img { width:15px;} @media screen and (max-width: 586px){ .btn_pop_chart { line-height:40px; margin-top:12px} } #stock_2dep table.ta4 th button { font-weight: 700; } #stock_2dep table.ta4 th button:after { display: inline-block; content: ''; width: 7px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' viewBox='0 0 7 6' fill='none'%3E%3Cpath d='M3.03125 5.25L0.000161153 -9.41288e-08L6.06234 4.35844e-07L3.03125 5.25Z' fill='%231C1C1C'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; } #stock_2dep table.ta4 th .sort.asc::after { transform: rotate(180deg); } /* 1. 스크롤 및 테이블 기본 레이아웃 */ .table-scroll-container { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; position: relative; } .industry-table table { width: 100%; min-width: 800px; border-collapse: separate; border-spacing: 0; } /* 2. 1열(종목명) 고정 설정 */ .industry-table .sticky-col { position: sticky !important; left: 0 !important; background-color: #fff !important; border-right: 1px solid #eee; } /* 1행 1열(헤더 부분) */ .industry-table thead th.sticky-col { z-index: 40 !important; } /* 나머지 데이터 행의 1열 */ .industry-table tbody td.sticky-col { z-index: 30 !important; } /* 3. 화살표 표시 및 정렬 버튼 복구 */ .industry-table thead th { position: relative; } .industry-table thead th .sort { display: inline-flex; /* center 유지하며 화살표와 정렬 */ align-items: center; justify-content: center; width: 100%; background: none; border: none; cursor: pointer; padding: 0; font: inherit; color: inherit; } /* 화살표 아이콘 (SVG) */ .industry-table thead th .sort::after { content: ""; display: inline-block; width: 7px; height: 6px; margin-left: 5px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='6' viewBox='0 0 7 6' fill='none'%3E%3Cpath d='M3.03125 5.25L0.000161153 -9.41288e-08L6.06234 4.35844e-07L3.03125 5.25Z' fill='%231C1C1C'/%3E%3C/svg%3E") no-repeat center; background-size: contain; opacity: 0.3; } /* 정렬 상태에 따른 화살표 변화 */ .industry-table thead th .sort.asc::after { transform: rotate(180deg); opacity: 1; } .industry-table thead th .sort.desc::after { opacity: 1; } /* 4. 선택 영역 테두리 (위/아래 끝만 굵게) */ .industry-table .highlight-col { border-left: 2px solid #1c1c1c !important; border-right: 2px solid #1c1c1c !important; } /* 최상단 헤더 테두리 */ .industry-table th.highlight-top { border-top: 2px solid #1c1c1c !important; border-bottom: none !important; /* 중간 선 제거 */ } /* [추가] 최하단 행 테두리 */ .industry-table td.highlight-bottom { border-bottom: 2px solid #1c1c1c !important; } /* 5. 기본 셀 스타일 정리 */ .industry-table th, .industry-table td { padding: 12px 10px; white-space: nowrap; border-bottom: 1px solid #eee; } .industry-table thead th { background-color: #f9f9f9; font-weight: 600; } /*2026 visual select*/ .visual-select{ display: flex; height: unset; justify-content: space-between; align-items: center; padding: 0 10px; margin-top: -35px; } .visual-select>div{ width:unset !important; padding:10px 0 !important; height: unset !important; text-align: left !important; } .visual-select .flag .toggle-btn .toggle-switch.active { background-color: var(--text-black-a); } .visual-select .flag .toggle-btn .toggle-switch.active .toggle-knob { transform: translateX(100%); border-color: var(--text-black-a); } .visual-select .flag .toggle-btn .toggle-knob { position: absolute; top: -2.5px; right: 50%; width: 13px; height: 13px; background-color: white; border-radius: 100%; transition: transform 0.2s ease-in-out; border: 1px solid #c7c7c7; } .visual-select .flag .toggle-btn { display: flex; align-items: center; justify-content: space-between; } .visual-select .flag .toggle-btn .toggle-label { font-size: 14px; font-weight: 500; color: var(--text-gray-a); margin-right: 10px; } .visual-select .flag .toggle-btn .toggle-switch { position: relative; width: 25px; height: 8px; border-radius: 10px; transition: background-color 0.2s ease-in-out; cursor: pointer; border: none; outline: none; background-color: #d5d5d5; } .visual-select .flag .toggle-btn .toggle-switch.active { background-color: var(--text-black-a); } .visual-select .flag .toggle-btn .toggle-switch.active .toggle-knob { transform: translateX(100%); border-color: var(--text-black-a); } .visual-select .flag .toggle-btn .toggle-knob { position: absolute; top: -2.5px; right: 50%; width: 13px; height: 13px; background-color: white; border-radius: 100%; transition: transform 0.2s ease-in-out; border: 1px solid #c7c7c7; } .visual-select .select-box .confirm-btn { width: 32px; height: 24px; border: 1px solid #ccc; border-radius: 3px; font-weight: 600; font-size: 12px; line-height: 12px; color: var(--text-gray-a) } .visual-select .select-box { display: flex; align-items: center; gap:5px }