/*

전종목 시세판 관련 INFO
* PC 버전 팝업창  :                     <div id="stock_pop" class="pc_pop">
* 모바일 버전 + 홈페이지 인베팅 페이지 :   <div id="stock_pop" class="m_pop">
* 검색 관련 페이지일 때 class "kospi_tab"에 "result_tab" 추가
* 테이블에 wookmark.js 를 사용하였습니다. (기존 포토갤러리 js)

<공통 STYLE class>
상한 : "up"
하한 : "down"
블랙 : "black"
자동완성 선택된 블루 : "auto_select" 
allup : .up 과 .down 일때, .allup 이 함께 붙으면 아이콘이 바꿉니다. 최대치 올라갔을 때 사용하는 클래스.

".stock_table"에 테이블이 하나만 나열될 경우. "alone"클래스 추가
*/

/*sedaily.com STYLE*/
@media screen and (max-width:900px){
    #container.stock { padding-top: 65px !important; margin:0;}
}

/*common*/
#stock_pop.pc_pop { min-width:900px; max-width: 1200px; min-height: 700px;}
#stock_pop, #stock_pop *, .ui-autocomplete, .ui-autocomplete *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: 'Arial', 'malgun gothic' !important;/*영문폰트 설정하기*/}
#stock_pop .space{ padding: 0 10px;}
#stock_pop .up { color:#ff3535;}
#stock_pop .down { color:#0374ff;}
#stock_pop .nor {color:#666}
#stock_pop .black {color:#000}
#stock_pop .gray888 {color:#888}
.auto_select { color:#0089d8;}
#stock_pop a img.ori, #stock_pop a img.hov { display: block; transition:all 0.3s ease-out; position: absolute; }
#stock_pop a img.ori { opacity: 1; }
#stock_pop a img.hov { opacity: 0; }
#stock_pop a:hover img.ori { opacity: 0;}
#stock_pop a:hover img.hov { opacity: 1;}
#stock_pop .pitch span { position: relative; display:inline-block; }
#stock_pop .pitch span:after { display: block; content: ""; width: 10px; height: 10px; position: absolute; top:14px; left:-14px; }
#stock_pop .pitch.down span:after { background:url(../images/stock/triangle_blue.svg) no-repeat; background-size: 11px 7px;}
#stock_pop .pitch.up span:after{ background:url(../images/stock/triangle_red.svg) no-repeat; background-size: 11px 7px;}
#stock_pop .pitch.allup span:after { height: 12px; left:-13px; }
#stock_pop .pitch.down.allup span:after { background:url(../images/stock/arrow_blue.svg) no-repeat; background-size: 10px 12px;}
#stock_pop .pitch.up.allup span:after{ background:url(../images/stock/arrow_red.svg) no-repeat; background-size: 10px 12px;}
/*숫자 간격*/
#stock_pop.m_pop .result_space .stock_table .case .table dl.tbody dd > span,
.stock_table .case .table dl.tbody dd > span,
.stock_table .case .table dl.thead dd > span,
#stock_pop.m_pop .sort3_tit dd,
#stock_pop.m_pop .sort3 li > span:nth-child(2) > span,
#stock_pop.m_pop .sort1 li a > span:nth-child(2) {letter-spacing: 0;}
.stock_table .case .table dl.thead.ganada_thead dd span {letter-spacing: -1px;}
/*100% BG+shadow*/
#container.stock, .result_space { position: relative;}
#container.stock:after { display: block; content: ""; width:500px; height:213px; position: absolute; top:161px; left:-499px; background:url("../images/stock/stock_15.png") repeat-x;}
#container.stock:before { display: block; content: ""; width:500px; height:213px; position: absolute; top:161px; right:-499px; background:url("../images/stock/stock_15.png") repeat-x;}
.result_space:after { display: block; content: ""; width:500px; height: 39px; position: absolute; top:0; left:-499px;  background:url(../images/stock/stock_11.jpg) repeat-x; }
.result_space:before { display: block; content: ""; width:499px; height: 39px; position: absolute; top:0; right:-499px;  background:url(../images/stock/stock_11.jpg) repeat-x; }
input::-ms-clear { display: none;}/*ie 검색창 x버튼 생기는거 hide*/
@media screen and (max-width:900px){
    #container.stock { padding-top: 65px; margin:0}
    #stock_pop.m_pop { min-width:360px; margin-top: 20px;}
    #container.stock:after, #container.stock:before, .result_space:after, .result_space:before {display: none;}
}


/*HEADER1*/
#stock_pop header { width: 100%; height: 81px;}
#stock_pop .stock_hd1 { height: 40px; line-height: 40px; position: relative; background: #2c2c2c; border-bottom: 1px solid #222222;}
#stock_pop .stock_hd1 h1 { width: 60px; height: 15px; position: absolute; top: 13px; left: 15px; font-size: 1px; }
#stock_pop .stock_hd1 h2 { width: 98px; height: 21px; position: absolute; top:10px; left: 85px; line-height: 1;}
#stock_pop .stock_hd1 > div {display: inline-block; height: 100%; position: absolute; top:0; right:10px; }
#stock_pop .stock_hd1 > div > div { float:left; height: 100%;}
#stock_pop .stock_hd1 > div > div > a { display:inline-block; width: 42px; height: 40px; background: #3d3d3d; border-left: 1px solid #5c5c5c; border-right:1px solid #5c5c5c; position: relative}
#stock_pop .stock_hd1 > div > div > a > span { display: block; height: 100%; background-position: center center;}
#stock_pop .stock_hd1 > div > div > a > img { top:11px; right: 11px;}
/*자동완성 팝업 레이어*/
#stock_pop .stock_hd1 > div > div.search > .auto_search { width: 205px; height: 100%; float:left; position: relative}
#stock_pop .stock_hd1 > div > div.search > .auto_search input { width: 100%; height: 100%; border:0 none; background:#303030; border-left: 1px solid #535353; color:#fff; font-size: 12px;}
#stock_pop .stock_hd1 > div > div.search > .auto_search input::-webkit-input-placeholder{color:#fff; font-size: 12px;}
#stock_pop .stock_hd1 > div > div.search > .auto_search input:-moz-placeholder{color:#fff; font-size: 12px;}
#stock_pop .stock_hd1 > div > div.search > .auto_search input::-moz-placeholder{color:#fff; font-size: 12px;}
#stock_pop .stock_hd1 > div > div.search > .auto_search input:-ms-input-placeholder{color:#fff; font-size: 12px;}
#stock_pop .stock_hd1 > div > div.search > .auto_search .search_reset { width: 20px; height: 20px; position: absolute; top:10px; right:10px; background: url("../images/stock/close.svg") no-repeat; background-size: 100%; }

.ui-autocomplete { width:206px; position: absolute; top:40px; left:0; z-index: 50; 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:after { display: block; content: ""; width:8px; height: 5px; position: absolute; top:-22px; right:36px; background: url("../images/stock/triangle_white.svg"); background-size: 8px 5px; }
.ui-autocomplete:before { display: block; content: ""; width:1px; height: 1px; position: absolute; top:-2px; left:-1px; background:#4f4f4f;  }
.ui-autocomplete li { width:100%; height:25px; line-height: 24px; }
.ui-autocomplete li:first-child { border-top:1px solid #4f4f4f }
.ui-autocomplete li:first-child,
.ui-autocomplete li:last-child { height: 28px; line-height: 26px;}
.ui-autocomplete li a { display: block; height: 100%; position: relative}
.ui-autocomplete li a:hover{ background:#3f3f3f; }
.ui-autocomplete li:first-child a > span:nth-child(1),
.ui-autocomplete li:last-child  a > span:nth-child(1){line-height: 29px;}
.ui-autocomplete li a > span:nth-child(1) { font-size: 12px; color:#888; position: absolute; top:0; left:10px; line-height: 26px}
.ui-autocomplete 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 li a > span:nth-child(3) { font-size: 11px; position: absolute; top:0; right:10px; color:#888;}
/*anti_plugin_css*/
.ui-autocomplete.ui-menu .ui-menu-item { padding:0; list-style-image: none; background: #2a2a2a}
.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; background:#3f3f3f !important; font-weight: normal; color: #212121;}
.ui-autocomplete.ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: 0 !important;}


#stock_pop .stock_hd1 > div .self_refresh{ margin-left: 10px; }
#stock_pop .stock_hd1 > div .self_refresh > span { display: inline-block; padding: 0 10px 0 15px; position: relative; color:#999; font-size: 12px; line-height: 42px; letter-spacing:0; width: 200px; text-align: left;}
#stock_pop .stock_hd1 > div .self_refresh > span strong { color:#fff; font-weight: normal; font-size: 11px; line-height: 40px; padding-left: 5px;}
#stock_pop .stock_hd1 > div .self_refresh > span > span:nth-child(1) { display: block; width: 11px; height: 11px; position: absolute; top:15px; left:0; background: url("../images/stock/stock_time1.svg") no-repeat; background-size:100%; opacity: 0.6}
@media screen and (max-width:900px){
    #stock_pop.m_pop .stock_hd1 {display: none;}
}

/*HEADER2 속보*/
#stock_pop .stock_hd2 { height: 41px; position: relative; background: #1d1d1d; border-top: 1px solid #353334; border-bottom: 1px solid #2c2c2c;}
#stock_pop .stock_hd2 h2 { height: 41px; width: 43px; position: absolute; top:-1px; left:10px; background:#2664d1; color:#fff; font-size: 12px; border-top: 1px solid #5183da; border-bottom: 1px solid #1e50a7; line-height: 39px; }
#stock_pop .stock_hd2 > ul { padding: 0 55px 0 58px; height: 100%; overflow: hidden;}
#stock_pop .stock_hd2 > ul > li { width: 100%; height: 100%;}
#stock_pop .stock_hd2 > ul > li > ul { width: 100%; height: 100%; }
#stock_pop .stock_hd2 > ul > li > ul > li { display: inline-block;height: 100%;width: 50%; float:left; line-height: 40px; text-align: left; padding-right: 10px; position: relative; padding-left: 30px;}
#stock_pop .stock_hd2 > ul > li > ul > li:nth-child(2n+1) { padding-left: 0}
#stock_pop .stock_hd2 > ul > li > ul > li a { display:inline-block; height:100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; color:#999; position: relative; padding-left: 10px}
#stock_pop .stock_hd2 > ul > li > ul > li a:after { display: block; content: ""; width: 3px; height: 3px; position: absolute; top:18px; left:0; background: url("../images/stock/stock_13.png") no-repeat; background-size:100%;}
#stock_pop .stock_hd2 > ul > li > ul > li a:hover { color:#fff}
#stock_pop .stock_hd2 > ul > li > ul > li > span { display: inline-block; width: 57px; padding-left: 13px; font-size: 11px; position: relative; margin-left: 10px;}
#stock_pop .stock_hd2 > ul > li > ul > li > span img{ display: block; width:10px; position: absolute; top:16px; left:0;}
#stock_pop .stock_hd2 .sto_flash_btn { width: 42px; height:41px; position: absolute; top:-1px; right:10px; border-left: 1px solid #3f3f3f; border-right:1px solid #3f3f3f; background: #292929; }
#stock_pop .stock_hd2 .sto_flash_btn a { display: block; border-bottom: 1px solid #3f3f3f; height: 20px; position: relative}
#stock_pop .stock_hd2 .sto_flash_btn a:first-child { border-top: 1px solid #3f3f3f; height:21px}
#stock_pop .stock_hd2 .sto_flash_btn a.m_search_go { display: none;}
#stock_pop .stock_hd2 .sto_flash_btn a img { top:6px; left: 14px;}
/*hide m search box*/
#stock_pop .stock_hd2 .m_search_box,
#stock_pop .m_auto_search_result { display: none;}
@media screen and (max-width:900px){
    #stock_pop header { height: auto;}
    #stock_pop .stock_hd2 h2 { left:0px; }
    #stock_pop .stock_hd2 > ul { padding: 0 55px 0 43px;}
    #stock_pop .stock_hd2 > ul > li > ul > li { padding-left: 10px;}
    #stock_pop .stock_hd2 > ul > li > ul > li > span { display: none;}
    #stock_pop .stock_hd2 > ul > li > ul > li a:hover { color:#999}
    #stock_pop.m_pop .stock_hd2 > ul > li > ul > li a { font-size: 14px; display: block; width: 100%;}
    #stock_pop.m_pop .stock_hd2 > ul > li > ul > li { display: block; width: 100%; float:none; padding-right: 0;}
    #stock_pop.m_pop .stock_hd2 .sto_flash_btn {right:0; }
    #stock_pop.m_pop .stock_hd2 .sto_flash_btn a:nth-child(1), #stock_pop.m_pop .stock_hd2 .sto_flash_btn a:nth-child(2){ display: none;}
    #stock_pop.m_pop .stock_hd2 .sto_flash_btn a { border-bottom:0 none; height:100%; }
    #stock_pop.m_pop .stock_hd2 .sto_flash_btn a.m_search_go { display: block;}
    #stock_pop.m_pop .stock_hd2 .sto_flash_btn a img { top:11px; left: 11px;}
    /*hide m search box*/
    #stock_pop.m_pop .stock_hd2 .m_search_box { width: 100%; height: 41px; position: absolute; top:-1px; left: 0; z-index: 50; background: #1d1d1d; padding: 0 52px 0 10px;}
    #stock_pop.m_pop .stock_hd2 .m_search_box > span { display: block; width: 100%; height: 31px; border:1px solid #4b4b4b; margin-top: 4px; position: relative}
    #stock_pop.m_pop .stock_hd2 .m_search_box > span input{ background: #434343; border:0 none; width: 100%; color:#fff; font-size: 15px; line-height: 30px; -webkit-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,1); -moz-box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,1); box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,1); padding-right: 70px;}
    #stock_pop.m_pop .stock_hd2 .m_search_box > span .stock_search_icon { display: block; width: 30px; height: 100%; position: absolute; top:0; right:0; background:url("../images/stock/stock_search_on.svg") no-repeat center; background-size: 18px;  }
    #stock_pop.m_pop .stock_hd2 .m_search_box > span .search_reset_icon { width: 20px; height: 20px; position: absolute; top:5px; right:30px; background: url("../images/stock/close.svg") no-repeat; background-size: 100%; }
    
    #stock_pop.m_pop .stock_hd2 .m_search_box > a { width:42px; height:41px; background: #2664d1; position: absolute; top:-1px; right:0px; color:#fff; font-size: 12px; line-height: 40px; border-top: 1px solid #5183da; border-bottom: 1px solid #1e50a7; }
    /*auto*/
    #stock_pop.m_pop .m_auto_search_result { display: none; width: 100%;}
    #stock_pop.m_pop .m_auto_search_result ul{ border-top: 1px solid #6b6b6b; position: relative}
    #stock_pop.m_pop .m_auto_search_result ul:after { display: block; content: ""; width:8px; height: 5px; position: absolute; top:-23px; right:109px; background: url("../images/stock/triangle_white.svg"); background-size: 8px 5px; z-index: 100}
    #stock_pop.m_pop .m_auto_search_result ul li{ width: 100%; height:40px; background:#1d1d1d; border-bottom: 1px solid #444444; }
    #stock_pop.m_pop .m_auto_search_result ul li:last-child{ border-bottom: 0 none;}
    #stock_pop.m_pop .m_auto_search_result ul li a { display: block; height: 100%; position: relative; line-height: 39px; font-size: 13px; color:#999; }
    #stock_pop.m_pop .m_auto_search_result ul li a p { text-align: left; padding-left: 10px; }
    #stock_pop.m_pop .m_auto_search_result ul li a p > span:nth-child(1){ padding-right:15px; letter-spacing: -0.5px;}
    #stock_pop.m_pop .m_auto_search_result ul li a p > span:nth-child(2){ font-size: 15px; color:#fff; font-weight: bold;}
    #stock_pop.m_pop .m_auto_search_result ul li a > span { position: absolute; top:0; right:10px;}
}


/*contents_ TAB*/
#stock_pop .kospi_tab { height: 132px; background: #3f3f3f; border-top: 1px solid #535353; padding-top: 10px; position: relative}
#stock_pop .kospi_tab .tabs {width: 100%; height:100%;}
#stock_pop .kospi_tab .tabs > li { width: 50%; height: 100%; float:left; position: relative;}
#stock_pop .kospi_tab .tabs > li a { display: block; width: 100%; height: 100%; padding:0 30px; position: relative}
#stock_pop .kospi_tab .tabs > li a .main_num {padding:15px 0; position: relative;}
#stock_pop .kospi_tab .tabs > li a .main_num h3, #stock_pop .kospi_tab .tabs > li a .main_num h4, #stock_pop .kospi_tab .tabs > li a .main_num h5 { display: inline-block; vertical-align: middle; line-height: 1; font-weight: bold;}
#stock_pop .kospi_tab .tabs > li a .main_num h3 { font-size: 40px; color:#9f9f9f; }
#stock_pop .kospi_tab .tabs > li a .main_num h4 { font-size: 38px; padding:0 15px 0 30px; }
#stock_pop .kospi_tab .tabs > li a .main_num h5 { font-size: 21px; font-weight: normal; position: relative; padding-left: 18px; padding-top: 4px;}
#stock_pop .kospi_tab .tabs > li a .main_num h5 span:first-child { padding-right: 14px;}
#stock_pop .kospi_tab .tabs > li a .main_num h5.up:after  { display: block; content: ""; width: 15px; height: 11px; position: absolute; top:9px; left:0; background: url("../images/stock/triangle_red.svg") no-repeat center;  background-size: 13px 11px;}
#stock_pop .kospi_tab .tabs > li a .main_num h5.down:after  { display: block; content: ""; width: 15px; height: 11px; position: absolute; top:9px; left:0; background: url("../images/stock/triangle_blue.svg") no-repeat center;  background-size: 13px 11px;}
#stock_pop .kospi_tab .tabs > li .sub_num { width: 100%; height: 34px; position: absolute; bottom:20px; left: 0; padding:0 30px; }
#stock_pop .kospi_tab .tabs > li .sub_num .sub_num_line { height: 100%; border-top:1px solid #525254; border-bottom:1px solid #525254; }
#stock_pop .kospi_tab .tabs > li .sub_num .sub_num_line * { display: inline-block; line-height: 31.5px; font-size: 13px; font-weight: bold;} 
#stock_pop .kospi_tab .tabs > li .sub_num dl { cursor: pointer;}
#stock_pop .kospi_tab .tabs > li .sub_num dt { color:#858585; margin-right:4px }
#stock_pop .kospi_tab .tabs > li .sub_num dd { margin-right: 32px; letter-spacing: 0;}
#stock_pop .kospi_tab .tabs > li .sub_num dl:last-child dd { margin:0;}
#stock_pop .kospi_tab .tabs > li .sub_num dd.black { color:#666}
#stock_pop .kospi_tab .tabs > li.active .sub_num dd.black { color:#000}
/*on*/
#stock_pop .kospi_tab .tabs > li.active a { background:url(../images/stock/stock_01.jpg) repeat-x; color:gray; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;}
#stock_pop .kospi_tab .tabs > li.active:before { display: block; content: ""; width:100%; height:50px; position: absolute; bottom:-49px; left:0; background:#fff; z-index: 1;}
#stock_pop .kospi_tab.result_tab .tabs > li.active:nth-child(2):before { left: 2px; width: 99.5% }
/*#stock_pop .kospi_tab .tabs > li.active:first-child:before { left:0px;}*/
#stock_pop .kospi_tab .tabs > li.active a .main_num h3 { color:#333;}
#stock_pop .kospi_tab .tabs > li.active .sub_num .sub_num_line { border-top:1px solid #ced1d6; border-bottom:1px solid #ced1d6; }
#stock_pop .kospi_tab .tabs > li.active .sub_num dt { color:#666;}
/*result*/
#stock_pop .kospi_tab.result_tab:after { display: block; content: ""; width:2px; height: 100%; position: absolute; top:0; left: 50%; background:url("../images/stock/stock_09.jpg") repeat-y;}
/*hide_m*/
#stock_pop .kospi_tab .m_refresh {display: none;}
@media screen and (max-width:1120px){
    #stock_pop .kospi_tab .tabs > li a .main_num h3 { font-size: 35px; }
    #stock_pop .kospi_tab .tabs > li a .main_num h4 { font-size: 30px; padding:0 7px 0 10px;}
    #stock_pop .kospi_tab .tabs > li a .main_num h5 { font-size: 18px; padding-top:6px; padding-left: 13px;} 
    #stock_pop .kospi_tab .tabs > li a .main_num h5.up:after  { width: 12px; height: 10px; top:10px; left:0; background-size: 12px 10px;}
    #stock_pop .kospi_tab .tabs > li a .main_num h5.down:after  { width: 12px; height: 10px; top:10px; left:0; background-size: 12px 10px;}
    #stock_pop .kospi_tab .tabs > li .sub_num dd { margin-right: 22px;}
}
@media screen and (max-width:1000px){
    #stock_pop.m_pop .kospi_tab .tabs > li a .main_num h3 { font-size: 18px; display: block; margin:-4px 0 3px 0 }
    #stock_pop.m_pop .kospi_tab .tabs > li a .main_num h4 { font-size: 34px; display: block; margin-bottom: -3px;}
    #stock_pop.m_pop .kospi_tab .tabs > li a .main_num h5 { font-size: 15px; }  
    #stock_pop.m_pop .kospi_tab .tabs > li .sub_num { height:15px; bottom:15px; left: 0; padding:0; }
    #stock_pop.m_pop .kospi_tab .tabs > li .sub_num .sub_num_line { border:0 none;}
    #stock_pop.m_pop .kospi_tab .tabs > li .sub_num .sub_num_line * { line-height:15px; font-size: 11px;} 
    #stock_pop.m_pop .kospi_tab .tabs > li .sub_num dt { margin-right:3px }
    #stock_pop.m_pop .kospi_tab .tabs > li .sub_num dd { margin-right:12px;}
    #stock_pop.m_pop .kospi_tab .tabs > li.active:after { display: none;}
}
@media screen and (max-width:900px){
    #stock_pop .kospi_tab .tabs > li a .main_num h5.up:after  { width: 10px; height: 8px; top:9px; background-size: 10px 8px;}
    #stock_pop .kospi_tab .tabs > li a .main_num h5.down:after  { width: 10px; height: 8px; top:9px; background-size: 10px 8px;}
    #stock_pop .kospi_tab .tabs > li a .main_num h5 span { letter-spacing: 0;}
    #stock_pop .kospi_tab .tabs > li.active:before { height:5px; bottom:-3px;}
    #stock_pop.m_pop .kospi_tab .m_refresh {display: inline-block; height: 30px; position: absolute; bottom:-30px; right:10px; line-height:30px; font-size: 11px; color:#999; letter-spacing:0; z-index: 50;}
    #stock_pop.m_pop .kospi_tab .m_refresh > span:nth-child(1) {padding:0 5px 0 15px; position: relative}
    #stock_pop.m_pop .kospi_tab .m_refresh > span:nth-child(1):after { display: block; content: ""; width: 11px; height: 11px; position: absolute; top:1px; left: 0; background:url("../images/stock/stock_time2.svg") no-repeat; background-size: 11px; opacity: 0.7}
    #stock_pop.m_pop .kospi_tab .m_refresh > span:nth-child(1) span:nth-child(2) { color:#333; padding-left: 3px;}
    #stock_pop.m_pop .kospi_tab .m_refresh > a:nth-child(2) { display:inline-block; width:22px; height: 20px; margin-top: 5px; 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_pop.m_pop .kospi_tab .m_refresh > a:nth-child(2) span { display: block; content: ""; width: 13px; height: 12px; position: absolute; top:3px; left:3px; background:url("../images/stock/stock_refresh_off.svg") no-repeat; background-size: 13px; }
}
@media screen and (max-width:640px){
    #stock_pop.m_pop .kospi_tab { height: 110px; }
    #stock_pop.m_pop .kospi_tab .tabs > li .sub_num { display: none;}
    #stock_pop.m_pop .kospi_tab .tabs > li a .main_num h4 { padding:0; }
    #stock_pop.m_pop .kospi_tab.result_tab {height: 116px;}
}
@media screen and (max-width:400px){
    #stock_pop.m_pop .kospi_tab .tabs > li a .main_num h5 { font-size: 13px; } 
    #stock_pop .kospi_tab .tabs > li a .main_num h5 span:first-child { padding-right: 10px;}
}

/*contents_ TABLE*/
/*table_ common*/
#stock_pop .tab_container {z-index: 10;}
#stock_pop .tab_container .tab_content { padding:0 10px; font-size: 12px;}
.stock_table { padding:0 6px 70px 6px; margin-top:10px; position: relative;}
.stock_table .root { position: absolute; bottom:67px; right:5px; display:inline-block; font-size: 12px}
.stock_table.alone { padding:0 6px 95px 6px; }
.stock_table.alone .root { bottom:130px;}
.stock_table .case { overflow: hidden; position: relative;}
.stock_table .case .table { width: 100%; }
.stock_table .case .table > div { border:1px solid #ced3d6; }
.stock_table .case .table dl { width: 100%; position: relative}
.stock_table .case .table dl > * { display: block; height: 38px; line-height: 37px;}
.stock_table .case .table dl dt { width: 100%; padding-right: 225px; text-align: left;}
.stock_table .case .table dl dd { display: inline-block; position: absolute; top:0; right:15px; height: 100%;}
.stock_table .case .table dl dd > span { display:block; font-size: 13px; text-align: right; float:left}
.stock_table .case .table dl dd > span:nth-child(1) { width: 80px;}
.stock_table .case .table dl dd > span:nth-child(2) { width: 68px;}
.stock_table .case .table dl dd > span:nth-child(3) { width: 68px;}
.stock_table.alone .case .table dl dd > span:nth-child(1),
.stock_table.alone .case .table dl dd > span:nth-child(2),
.stock_table.alone .case .table dl dd > span:nth-child(3) { width:100px}
.stock_table .case .table dl dd > span > span { display: inline-block; position: relative;}
.stock_table .case .table dl dd > span:nth-child(2) span:after { display: block; content: ""; width: 10px; height: 10px; position: absolute; top:14px; left:-14px; }
.stock_table .case .table dl dd > span.down:nth-child(2) span:after { background:url(../images/stock/triangle_blue.svg) no-repeat; background-size: 11px 7px;}
.stock_table .case .table dl dd > span.up:nth-child(2) span:after{ background:url(../images/stock/triangle_red.svg) no-repeat; background-size: 11px 7px;}
.stock_table .case .table dl dd > span.allup:nth-child(2) span:after { height: 12px; top:12px; left:-13px; }
.stock_table .case .table dl dd > span.up.allup:nth-child(2) span:after{ background:url(../images/stock/arrow_red.svg) no-repeat; background-size: 10px 12px;}
.stock_table .case .table dl dd > span.down.allup:nth-child(2) span:after{ background:url(../images/stock/arrow_blue.svg) no-repeat; background-size: 10px 12px;}
.stock_table .case .table dl.thead { background: #f2f2f2; border-bottom:1px solid #ced3d6; color:#333 }
.stock_table .case .table dl.thead dt { width: 100%; font-size: 16px; font-weight: bold; color:#000; padding-left: 15px}
.stock_table .case .table dl.thead dt a { display: block; height: 100%; font-size: 16px; font-weight: bold; color:#000;}
.stock_table .case .table dl.thead dd > span:nth-child(1) { font-weight: bold; font-size: 16px;} 
.stock_table .case .table dl.tbody { padding:0 15px; }
.stock_table .case .table dl.tbody:hover { background:#f6fae9 }
.stock_table .case .table dl.tbody dt { border-top:1px dotted #ced3d6; }
.stock_table .case .table dl.tbody dt a{ display: inline-block;  width: 100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; font-size: 14px; color:#666;}
.stock_table .case .table dl.tbody dt a:hover{ /*text-decoration: underline;*/ color:#333; font-weight: bold}
.stock_table .case .table dl.tbody:nth-child(2) > * { border-top: 0 none;}
.stock_table .case .table dl.tbody dd { font-size: 14px;  }
/*가나다순 테이블*/
.stock_table .case .table dl.thead.ganada_thead dt span{ display: inline-block; height: 16px; line-height: 15px; color:#fff; font-weight: normal; font-size: 11px; background:#333; border-radius: 3px; letter-spacing: 0; margin:11px 5px 0 0; padding:0 3px;}
.stock_table .case .table dl.thead.ganada_thead dd span{ font-size: 14px; font-weight: normal; color:#333;}
/*result*/
.result_space .stock_table .case .table { padding: 0 10px; margin-bottom: 16px;}
.result_space .stock_table .case .table dl.thead.ganada_thead dt{ font-weight: normal; font-size: 14px;}
.result_space .stock_table .case .table dl.tbody dt { padding-left:57px; position: relative}
.result_space .stock_table .case .table dl.tbody dt:after { display: block; width: 47px; height: 14px; position: absolute; top:11px; left: 0; border:1px solid #9e9e9e; border-radius: 2px; background:#fff; color:#000; font-size: 10px; line-height: 16px; font-weight: bold; text-align: center; letter-spacing: -0.5px}
.result_space .stock_table .case .table dl.tbody dt.ico_kosdaq:after { content:"KOSDAQ";}
.result_space .stock_table .case .table dl.tbody dt.ico_kospi:after { content:"KOSPI";}
/*모바일 전용 테이블 -> 링크로 페이지전환*/
#stock_pop .sort, #stock_pop .sort3_tit, #stock_pop .sort_more { display: none; }
@media screen and (max-width:900px){
    #stock_pop.m_pop .stock_table { display: none;}
    #stock_pop.m_pop .stock_table.alone .case .table dl dd > span:nth-child(1){ width:80px}
    #stock_pop.m_pop .stock_table.alone .case .table dl dd > span:nth-child(2){ width:68px}
    #stock_pop.m_pop .stock_table.alone .case .table dl dd > span:nth-child(3){ width:68px}
    /*result_table*/
    #stock_pop.m_pop .result_space .stock_table { display: block; padding: 0;}
    #stock_pop.m_pop .result_space .stock_table .case .table { padding:0; margin-bottom: 0;}
    #stock_pop.m_pop .result_space .stock_table .case .table > div { border:0 none;}
    #stock_pop.m_pop .result_space .stock_table .case .table dl.thead { background: #d5d5d5; border-bottom:1px solid #c1c4c7; border-top:1px solid #c1c4c7;}
    #stock_pop.m_pop .result_space .stock_table .case .table dl.tbody { border-bottom:1px solid #e5e7e9; padding:0 10px; height: 45px;}
    #stock_pop.m_pop .result_space .stock_table .case .table dl.tbody dt { border-top:0 none;}
    #stock_pop.m_pop .result_space .stock_table .case .table dl.thead.ganada_thead dd > span{ font-size: 15px;color:#000;}
    #stock_pop.m_pop .result_space .stock_table .case .table dl.thead.ganada_thead dt{ font-size: 15px; }
    #stock_pop.m_pop .result_space .stock_table .case .table dl.tbody:hover { background:#fff }
    #stock_pop.m_pop .result_space .stock_table .case .table dl.tbody dt:after { top:14px;}
    #stock_pop.m_pop .result_space .stock_table .case .table dl.tbody dt a:hover{ text-decoration: none; color:#000; font-weight: normal}
    #stock_pop.m_pop .result_space .stock_table .case .table dl > * { height: 100%; line-height:45px; }
    #stock_pop.m_pop .result_space .stock_table .case .table dl dd > span:nth-child(2) span:after { top:18px; }
    #stock_pop.m_pop .result_space .stock_table .case .table dl dd > span.allup:nth-child(2) span:after { top:16px; }
    #stock_pop.m_pop .result_space .stock_table .case .table dl dd > span { font-size: 15px;}
    #stock_pop.m_pop .result_space .stock_table .case .table dl.tbody dt a{ font-size: 15px; color:#000;} 
    /*m_table_ STYLE*/
    #stock_pop.m_pop .sort { display: block; }
    #stock_pop.m_pop .sort { width: 100%; border-top: 1px solid #ced2d7; }
    #stock_pop.m_pop .sort:after { content:""; display:block; clear:both; }
    #stock_pop.m_pop .sort li { width: 100%; height: 45px; border-bottom: 1px solid #e5e7e9; line-height: 44px; font-size: 15px; text-align: left; position: relative}
    #stock_pop.m_pop .sort li > a { display: block; height: 100%; line-height: 44px; font-size: 15px; text-align: left; padding:0 10px;}
    #stock_pop.m_pop .sort1 li a > span:nth-child(1) { color:#000; }
    #stock_pop.m_pop .sort1 li a > span:nth-child(1) span{ color:#999; padding-left:5px;}
    #stock_pop.m_pop .sort1 li a > span:nth-child(2) { display: inline-block; float:right; padding-right:30px; position: relative} 
    #stock_pop.m_pop .sort1 li a > span:nth-child(2):after { display: block; content:""; width: 9px; height: 18px; position: absolute;top:13px; right: 0; background:url(../images/stock/arrow_right.svg) no-repeat; background-size: 9px 18px;}
    #stock_pop.m_pop .sort2 { border-top: 5px solid #efefef;}
    #stock_pop.m_pop .sort2 li { width: 20%; float:left; border-right: 1px solid #e5e7e9;}
    #stock_pop.m_pop .sort2 li a > span { color:#000; }
    #stock_pop.m_pop .sort2 li a > span span { display: inline-block; float:right; font-size: 12px; color:#999;}
    /*detail page*/
    #stock_pop.m_pop .sort.sort3 { border-top:1px solid #c1c4c7; }
    #stock_pop.m_pop .sort3_tit { display: block; height:51px; border-top:5px solid #efefef; position: relative; font-weight: bold; font-size: 16px; line-height: 46px;}
    #stock_pop.m_pop .sort3_tit dt { width:100%; height:100%; border-top:1px solid #c1c4c7; background:#d5d5d5; padding-left: 58px; }
    #stock_pop.m_pop .sort3_tit dt a { display: block; height: 100%; color:#000;text-align: left}
    #stock_pop.m_pop .sort3_tit dt a span {color:#777; font-weight: normal; padding-left: 3px;}
    #stock_pop.m_pop .sort3_tit > a { width: 43px; height: 100%; background: #727272; position: absolute; top:1px; left: 0;}
    #stock_pop.m_pop .sort3_tit > a span { display: block; width: 100%; height: 100%; background: url("../images/stock/arrow_left.svg") no-repeat center; background-size: 9px 18px;}
    #stock_pop.m_pop .sort3_tit dd, 
    #stock_pop.m_pop .sort3 li > span:nth-child(2) { position: absolute; top:0; right:10px; height: 100%;}
    #stock_pop.m_pop .sort3_tit dd > span, 
    #stock_pop.m_pop .sort3 li > span:nth-child(2) > span { display:block; text-align: right; width:68px; height: 100%; float:left}
    #stock_pop.m_pop .sort3_tit dd > .pitch span:after, 
    #stock_pop.m_pop .sort3 li > span:nth-child(2) > .pitch span:after { top:18px;}
    #stock_pop.m_pop .sort3 li > span:nth-child(2) > .pitch.allup span:after { top:16px;}
    #stock_pop.m_pop .sort3 li > span:nth-child(1) { display: block; width: 100%; height: 100%; }
    #stock_pop.m_pop .sort3 li > span:nth-child(1) a { display: block; height: 100%; color: #000; padding: 0 230px 0 10px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
    #stock_pop.m_pop .sort3 li > span:nth-child(2) > span:nth-child(1) { color:#000; width: 80px;}
    #stock_pop.m_pop .sort3_tit dd > span:nth-child(1) { width: 80px;}
    #stock_pop .sort_more {display: block; }
    #stock_pop .sort_more > span { display: inline-block; position: relative; padding-left: 25px; color:#257bcd; font-size: 14px; margin: 17px 0  10px 0;}
    #stock_pop .sort_more > span span { display: block; width: 22px; height: 22px; background:#257bcd; position: absolute; top:50%; left: 0; margin-top: -11px; border-radius: 50%;}
    #stock_pop .sort_more > span span:after { display: block; content: ""; width:12px; height: 2px; position: absolute; top:10px; left:5px; background: #fff; }
    #stock_pop .sort_more > span span:before { display: block; content: ""; width:2px; height: 12px; position: absolute; top:5px; left:10px; background: #fff; }
    #stock_pop .sort_more.minus > span { margin: 17px 0;}
    #stock_pop .sort_more p { font-size: 12px; letter-spacing: 0; color:#999; margin-bottom: 15px; padding-left: 5px;}
    #stock_pop .sort_more p strong { color:#000}
}
@media screen and (max-width:480px){
    #stock_pop.m_pop .sort3_tit dd > span:nth-child(1) { display: none;}
}
 

/*contents Title*/
.con_tit{ padding:50px 0 15px 0;}
.con_tit span { display: none;}
.click_search { display: inline-block; height: 18px; margin-bottom: 22px; }
.click_search > li { display: inline-block; width: 98px; background: url("../images/stock/stock_04.jpg") no-repeat; position: relative}
.click_search > li:first-child { margin-right:25px;}
.click_search > li.check { display: inline-block; background: url("../images/stock/stock_06.jpg") no-repeat; }
.click_search > li > a { display:block; padding:0 20px 0 22px; height: 18px; line-height: 16px; font-size: 14px; }
.click_search > li > img { width: 18px; height: 18px; display:inline-block; margin-left: 3px; cursor: pointer; position: absolute; top:0; right:0; }
/*popup click*/
.click_search > li > div { display: none; z-index: 200; border-radius: 3px; padding:5px 5px 35px 5px; background: #2d2d2d; position: absolute; top:28px; border:1px solid #000; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.65); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.65); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.65);}
.click_search > li > div:after { display: block; content: ""; width: 21px; height: 11px; background: url(../images/stock/stock_08.png) no-repeat; position: absolute; top:-11px; left: 50%; margin-left:-10.5px;}
.click_search > li > div ul { background: #fff; border-radius: 2px; border:1px solid #1f1f1f;}
.click_search > li > div ul:after { content:""; display:block; clear:both; }
.click_search > li > div ul:before { display: block; content: ""; width: 100%; height:1px; background:#1f1f1f; position: absolute; bottom:36px; left:0; z-index: 200;}
.click_search > li > div ul li{ float:left; height: 40px; border-right: 1px solid #ced2d7;}
.click_search > li > div ul li a { display: block; height: 100%; width: 100%; line-height: 38px; text-align: left}
.click_search > li > div ul li a:hover { background: #f2f2f2; font-weight: bold;}
.click_search > li > div .csmove { height: 34px; position: absolute; bottom:1px; left: 1px; background: #4d4c4c; background: -moz-linear-gradient(top, #4d4c4c 0%, #292929 64%); background: -webkit-linear-gradient(top, #4d4c4c 0%,#292929 64%); background: linear-gradient(to bottom, #4d4c4c 0%,#292929 64%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4c4c', endColorstr='#292929',GradientType=0 );}
.click_search > li > div .csmove a { display: block; height: 100%; font-size: 13px; color:#fff; line-height: 33px;}
.click_search > li > div .csmove a.close { display: block; width:34px; height: 34px; position: absolute; top:0; right:0; z-index: 20;}
.click_search > li > div .csmove a.close img { top:12px; left:12px}
/*업종별*/
.click_search > li > div.type_of_business { width: 900px; left:-361px; }
.click_search > li > div.type_of_business ul li{ width: 25%; border-bottom:1px solid #ced2d7;  }
.click_search > li > div.type_of_business ul li:nth-child(4n+4) {border-right: 0 none;}
.click_search > li > div.type_of_business ul li a { display: block; height: 100%; position: relative}
.click_search > li > div.type_of_business ul li span:nth-child(1){display: block; width: 100%; font-size:16px; color:#333; padding:0 48px 0 10px; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.click_search > li > div.type_of_business ul li span:nth-child(2){display: inline-block; height: 100%; position: absolute; top:0; right: 10px; font-size: 11px;}
.click_search > li > div.type_of_business div { width: 897px;  }
/*가나다순*/
.click_search > li > div.ganada { width: 610px; left:-217px; }
.click_search > li > div.ganada ul li{ width: 6.25%; }
.click_search > li > div.ganada ul li:nth-child(2) a span{ letter-spacing: 1px !important;}
.click_search > li > div.ganada ul li:last-child{ border-right: 0 none;}
.click_search > li > div.ganada ul li a { text-align: center;}
.click_search > li > div.ganada ul li span{font-size:16px; color:#333; font-size: 14px;}
.click_search > li > div.ganada div { width: 607px; }
@media screen and (max-width:900px){
    .con_tit{ padding:40px 0 12px 0;}
    .con_tit img { display: none;}
    .con_tit span { display: block; color:#333; font-size: 20px; font-weight: bold;}
    #stock_pop.m_pop .click_search { display:block; width: 100%; height:45px; margin-bottom:0; border-top: 1px solid #ced2d7; border-bottom: 1px solid #ced2d7;}
    #stock_pop.m_pop .click_search > li { display: inline-block; width:auto;}
    #stock_pop.m_pop .click_search > li, #stock_pop.m_pop .click_search > li.check { background:none; float:left; height: 100%; }
    #stock_pop.m_pop .click_search > li:first-child { margin:0 25px 0 15px;}
    #stock_pop.m_pop .click_search > li > a { padding: 0; height:100%; line-height:45px; font-size: 16px; position: relative}
    #stock_pop.m_pop .click_search > li.check > a { color:#000; font-weight: bold;}
    #stock_pop.m_pop .click_search > li.check > a:after { display: block; content: ""; width: 100%; height: 1px; background: #000; position: absolute; bottom:-1px; left: 0;}
    #stock_pop.m_pop .click_search > li > img {display: none;}
    /*popup click*/
    #stock_pop.m_pop .click_search > li > div { display: none; z-index: 200; border-radius: 3px; padding:5px 5px 35px 5px; background: #2d2d2d; position: absolute; top:28px; border:1px solid #000; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.65); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.65); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.65);}
    #stock_pop.m_pop .click_search > li > div:after { display: block; content: ""; width: 21px; height: 11px; background: url(../images/stock/stock_08.png) no-repeat; position: absolute; top:-11px; left: 50%; margin-left:-10.5px;}
    #stock_pop.m_pop .click_search > li > div ul { background: #fff; border-radius: 2px; border:1px solid #1f1f1f;}
    #stock_pop.m_pop .click_search > li > div ul:after { content:""; display:block; clear:both; }
    #stock_pop.m_pop .click_search > li > div ul:before { display: block; content: ""; width: 100%; height:1px; background:#1f1f1f; position: absolute; bottom:36px; left:0; z-index: 200;}
    #stock_pop.m_pop .click_search > li > div ul li{ float:left; height: 40px; border-right: 1px solid #ced2d7;}
    #stock_pop.m_pop .click_search > li > div ul li a { display: block; height: 100%; width: 100%; line-height: 38px; text-align: left}
    #stock_pop.m_pop .click_search > li > div ul li a:hover { background: #f2f2f2; font-weight: bold;}
}

/*chart*/
.stock_chart1 { padding: 12px 7px 0px 7px; position: relative}
.stock_chart1 > div { width: 100%; border:5px solid #efefef;}
.stock_chart1 > div > div { width: 100%; height: 100%;  border:1px solid #ced1d6; padding:20px 20px 40px 20px}
.stock_chart1 > ul { display: inline-block; height: 23px; position: absolute; bottom:11px; right:23px;}
.stock_chart1 > ul li { width: 71px; height: 100%; float:left; border:1px solid #ced1d6; border-radius: 2px; line-height:20px;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 );}
.stock_chart1 > ul li:first-child{ margin-right: 3px;}
.stock_chart1 > ul li a { display: block; height: 100%;}
.stock_chart1 > ul li a span { display: inline-block; position: relative; padding-left: 15px; font-size: 12px; color:#87909b;}
.stock_chart1 > ul li a span:after{ display: block; content: ""; width:12px; height:12px; position: absolute; top:4px; left:0px; background: url("../images/stock/check_off2.svg")no-repeat; background-size:12px;}
.stock_chart1 > ul li a span.click:after{ background: url("../images/stock/check_on2.svg")no-repeat; background-size:12px; }
.stock_chart1 > span { display: inline-block; position: absolute; top:22px; left: 20px; color:#999; font-size: 11px;}
.stock_chart1 > span.chart_notice_m, .stock_chart1 > span.chart_notice_pc { display: none}
.stock_chart1 > span span { letter-spacing: 0; color:#666;}
@media screen and (max-width:900px){
    #stock_pop.m_pop .tab_container .tab_content { padding:0; }
    #stock_pop.m_pop .stock_chart1 { padding:0; }
    #stock_pop.m_pop .stock_chart1 > div, 
    #stock_pop.m_pop .stock_chart1 > div > div { border-left:0 none; border-right:0 none;}
    #stock_pop.m_pop .stock_chart1 > div > div { padding:10px 10px 27px 10px; /*overflow-x: scroll*/}
    #stock_pop.m_pop .stock_chart1 > ul { bottom:5px; right:10px;}
    #stock_pop.m_pop .stock_chart1 > span.chart_notice_m { display: inline-block; top:13px; left: 10px;}
}

/*result*/
.result_space { width: 100%; min-height: 39px; background:url(../images/stock/stock_11.jpg) repeat-x; border-top:1px solid #fff;}
.result_space.result_space_none { padding:0 20px; }
.result_space > span { display: inline-block; font-size: 14px; letter-spacing: 0; margin-bottom: 20px}
.result_space > span strong{ color:#000;}
.result_space > p { display: block; width: 100%; height: 1px; background: #dadada; margin:15px 0 30px 0}
.search_no { padding: 0 20px;}
.search_no ul { display: inline-block;}
.search_no li { font-size:13px; font-weight: 200; display: block; text-align: left;  line-height: 26px; }
.search_no li.no_email { font-weight:400; color:#333; line-height: 16px; letter-spacing: 0}
.search_no li.no_email img { margin:3px 3px 0 0;}
.dd_dot { position: relative; }
.dd_dot:after { display: block; content: ""; width:3px; height:3px; position: absolute;  top:12px; left:-8px; background: #7f7f7f; border-radius: 50%;}
@media screen and (max-width:900px){
    .result_space { background:none; }
    .result_space.result_space_none { padding:0 10px; }
    .result_space > p { margin:15px 0 17px 0; }
    .result_space > span { font-size: 15px;}
    .result_space > span { margin-bottom:3px}
}
@media screen and (max-width:640px){
    .search_no { margin-bottom: 20px; padding:0 40px; }
    .search_no li { line-height: 20px; margin-bottom: 8px; color: #999}
    .search_no li.no_email { margin-top: -5px;}
    .result_space > span { letter-spacing:-1px }
    .search_no li.dd_dot:after { top:7px;}
}

/*#stock_pop.pc_pop만 뜨는 scroll top button*/
#stock_pop.pc_pop {position: relative}
#stock_pop.pc_pop .stock_top_btn { width: 50px; height: 50px; position: fixed; bottom:17px; right:17px;}
#stock_pop.pc_pop .stock_top_btn a { display: block; height: 100%;}

/*pc button_ common*/
#oly_list_more { display:block; width: 100%; height:34px; margin:20px auto 0 auto; text-align: center; }
#oly_list_more span:nth-child(1)  { display: inline-block; height:34px; width:34px; margin-right:10px; background: #666; border-radius: 50%;position: relative;}
#oly_list_more span.plus:after { display:block; content: ""; height:34px; 
width:34px; position: absolute; top:0; left: 0; background: url("../images/cube/cube_30.png") no-repeat; }
#oly_list_more span:nth-child(2) { display: inline-block; height:34px; line-height:32px; color:#666; font-size:21px; text-align: center; font-weight: bold;}
#oly_list_more:hover span:nth-child(1) { background: #257acd; }
#oly_list_more:hover span:nth-child(2) { color:#257bcd; }
.table_refresh { text-align: center; margin-top: -90px; margin-bottom:20px;}
.table_refresh a { display:inline-block; width: 140px; height: 45px; border:1px solid #b1b1b1; border-radius: 10px; line-height: 43px; color:#666; font-size: 16px;}
.table_refresh a span { display: inline-block; height: 100%; padding-left: 25px; position: relative;}
.table_refresh a span img { display: inline-block; width:20px; height: 17px; position: absolute; top:14px; left: 0;}
@media screen and (max-width:900px){
    #oly_list_more { display: none;} 
    .table_refresh { margin-top:15px; margin-bottom:15px;}
    .table_refresh a { width: 115px; height: 38px; line-height: 35px; font-size: 15px; border-radius: 7px;}
    .table_refresh a span img { top:10px;}
}

#stock_pop .highcharts-axis-labels.highcharts-xaxis-labels text:hover { font-weight: bold; text-decoration: underline}