/* 증권 메인페이지 관련 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;font-family:'Arial', 'malgun gothic' !important;/*영문폰트 설정하기*/} .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: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(../images/triangle_blue.svg) no-repeat;background-size:100%;} #stock_2dep .pitch.up > span:after{background:url(../images/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(../images/arrow_blue.svg) no-repeat;background-size:100%;} #stock_2dep .pitch.up.allup > span:after{background:url(../images/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("../images/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("../images/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("../images/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:normal;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:inline-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;} /*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 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 *.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;} /* 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("../images/stock_70.png") no-repeat;} #stock_2dep table .pitch.down > span:after{background:url("../images/stock_71.png") no-repeat;} #stock_2dep table .pitch.up.allup > span:after{height:11px;left:-11px;margin-top: -5.5px; background:url("../images/stock_69.png") no-repeat;} #stock_2dep table .pitch.down.allup > span:after{height:11px;left:-11px;margin-top: -5.5px;background:url("../images/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("../images/stock_70.png") no-repeat;} #stock_2dep table .rankta3 .pitch.down > span:after{background:url("../images/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("../images/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("../images/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("../images/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("../images/triangle_red.svg") no-repeat; background-size:100%;} #stock_2dep table .pitch.down > span:after{background:url("../images/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("../images/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("../images/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("../images/triangle_red.svg") no-repeat;background-size:10px 9px;} #stock_2dep table .rankta3 .pitch.down > span:after{background:url("../images/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("../images/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("../images/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 #ced2d7;} #stock_2dep table tbody.have_line tr:nth-child(5n+5) td{border-bottom:1px solid #ced2d7;} #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: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 table th{position: static; 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("../images/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("../images/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:730px){ #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;} }*/ } @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:570px){ #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;} #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("../images/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("../images/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("../images/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("../images/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("../images/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("../images/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 .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("../images/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("../images/stock_74_off.jpg") no-repeat center left;} #stock_2dep .new_flag a.show {background: url("../images/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:1px solid #848686;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("../images/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("../images/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("../images/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.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{margin-top:30px;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;} #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;} #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;height:144px;border-bottom:1px solid #ced2d7;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-bottom:1px solid #e6e8eb; position:relative;} #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:45px 10px 25px 10px;} .sto_btn2{display:block;width:100%;height:51px;border-bottom:1px solid #838383;margin:0;position:relative} .vRt .sto_btn2{border-bottom:0 none} .sto_btn2 a{display:block;width:62px;height:30px;position:absolute;top:10px;border:1px solid #d3d5d8;background:#fff;line-height:30px;font-size:14px;font-weight:normal} .sto_btn2 a.sto_btn2_child1{left:10px;border-radius:2px 0 0 2px;} .sto_btn2 a.sto_btn2_child1 span{display: inline-block; width: 5px; height: 7px; background: url(../images/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{left:61px;border-radius:0 2px 2px 0;} .sto_btn2 a.sto_btn2_child2 span{display: inline-block; width: 5px; height: 7px; background: url(../images/sto_btn2_child.svg)no-repeat center; background-size:5px 7px; margin: 11px 0 0 4px} .sto_btn2 a.sto_btn2_child3{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(../images/pdf.svg)no-repeat; background-size:17px 22px; margin: 7px 0 0 10px;} .circle_down .xls { width: 19px; height: 18px; background: url(../images/xls.svg)no-repeat; background-size:19px 18px; margin: 9px 0 0 9px;} .circle_down .ppt { width: 19px; height: 17px; background: url(../images/ppt.svg)no-repeat; background-size:19px 17px; margin: 9px 0 0 9px;} .circle_down .doc { width: 19px; height: 18px; background: url(../images/doc.svg)no-repeat; background-size:19px 18px; margin: 9px 0 0 9px;} .circle_down .url { width: 17px; height: 17px; background: url(../images/url.svg)no-repeat; background-size:17px 17px; margin: 9px 0 0 11px;} #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("../images/stock_70_2.png") no-repeat;} #stock_2dep .top_rank2 table .pitch.down span:after{background:url("../images/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("../images/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("../images/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:30%;padding:0 5px 0 10px;text-align:right;letter-spacing: -1px; 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("../images/triangle_red.svg") no-repeat;background-size: 100%} #stock_2dep .top_rank2 table .pitch.down span:after{left:-12px;background:url("../images/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("../images/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("../images/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(../images/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(../images/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(../images/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("../../2017_05_science/images/science_130.png") no-repeat center;} .page li.pprev {background:url("../../2017_05_science/images/science_131.png") no-repeat center;} .page li.nnext {background:url("../../2017_05_science/images/science_132.png") no-repeat center;} .page li.nnnext {background:url("../../2017_05_science/images/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} #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(../images/triangle_blue.svg) no-repeat;background-size:100%;} #container.sub_main .s_news.s_news_chart .pitch.up span:after{background:url(../images/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 0 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("../images/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("../images/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("../images/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("../images/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;} }