/*_____________________________________________________________________________________ # 증권사별 추천 스타일시트 파일명 : New_Securities.css 사이트 : www.wisereport.co.kr/Securites_Recommend/New_Securities.css 버전 : 5.1 최종 수정일 : 2012-04-02 작성자 : 윤 해 용 설명 : 증권사별 추천종목 wiseRecommend 폴더 공통 스타일 시트 수정내용 : detaillookup에 pdf파일 관련 icon 추가 작업[2012-02-20] footer위의 이미지 추가 css 생성[2012-02-20] - footer_ban 섹터 구성종목 css 추가 [2012-02-24] - seclookup td_padding값 수정 , popup detail 수정 , 검색관련 css 수정[2012-02-27] 모달팝업 css 수정 [2012-02-28] 검색 이미지 삽입 txt_01.gif , txt_02.gif , txt_03.gif , txt_04.gif, txt_05.gif, txt_06.gif [2012-02-29] 수정요청사항 처리 [2012-03-02] 증권사별 누적수익률 하단 도움말 폰트크기변경 11px -> 12px , 증권사별 누적수익률 구성종목 팝업 제목추가[2012-03-06] 추천종목변경 사유펼치기 css 추가 , css 정리 목차생성 [2012-03-07] 수정요청 사항 0312 -1 관련 css 수정 [2012-03-12] 신규/추천제외 증권사명 길이 수정 [2012-03-13] min-height 수정 [2012-03-14] tab_image 크기 수정 [2012-03-16] 종목별 추천 건수 검색 display 추가 [2012-03-20] 종목링크 추가 .link_cmp [2012-03-22] 누적수익률 각주 margin-top 10px 추가 [2012-03-27] 증권사별 추천건수 car_table_title 클레스 추가[2012-03-28] 신규추천/제외 포트폴리오 cut ie7에서의 크기 재수정[2012-04-02] #목차 * 기본 ** 기본 스타일 *** 색상 및 폰트 *** 이미지 *** 타이틀 이미지 *** 컨텐츠 바디 min-height , height 셋팅 *** modal 팝업 스타일 *** 팝업 검색창 *** test * 종합(main) ** 이미지 및 폰트 스타일 *** 이미지 *** 폰트 및 색상 **** 폰트 **** 색상 *** 컨텐츠 * 추천종목별 수익률 ** 이미지 및 폰트 스타일 *** 이미지 *** 폰트 및 색상 **** 폰트 **** 색상 *** 컨텐츠 * 종목별추천건수 ** 이미지 및 폰트 스타일 *** 이미지 *** 폰트 및 색상 **** 폰트 **** 색상 *** 컨텐츠 * 신규추천제외 ** 이미지 및 폰트 스타일 *** 이미지 *** 폰트 및 색상 **** 폰트 **** 색상 *** 컨텐츠 * 증권사별 누적수익률 ** 이미지 및 폰트 스타일 *** 이미지 *** 폰트 및 색상 **** 폰트 **** 색상 *** 컨텐츠 * 섹터별추천종목 ** 이미지 및 폰트 스타일 *** 이미지 *** 폰트 및 색상 **** 폰트 **** 색상 *** 컨텐츠 * 추천종목세부내역 ** 이미지 및 폰트 스타일 *** 이미지 *** 폰트 및 색상 **** 폰트 **** 색상 *** 컨텐츠 ________________________________________________________________________________________________________________________________________*/ /* 기본 ________________________________________________________________________________________________________________________________________*/ /* ** 기본 스타일 ________________________________________________________________________________________________________________________________________*/ .float_left {float:left} .float_right {float:right} .clear_both {clear:both} .align_right {text-align:right} .align_center {text-align:center} .align_left {text-align:left} .all_width {width:100%} p {margin:0} table {border-collapse:collapse} .th_tab_style {font-size:11px; text-align:center; color:#355B9E; border-left:0px solid #c9cfe0; border-right:1px solid #c9cfe0; border-bottom:1px solid #c9cfe0; height:36px;} .th_style {font-size:11px;color:#fff; border-top:0px solid #fff; border-left:0px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff;height:24px;} .th_style_solid {font-size:11px; text-align:center; color:#fff; border-top:0px solid #fff; border-left:0px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:0 5px; height:24px;} .line_border {border-right:1px solid #c9cfe0; border-left:0px solid #c9cfe0; border-bottom:1px solid #c9cfe0} .td_padding {padding:2px 5px 2px 5px;} .emptyset {height:26px; padding: 2px;} .display_block {display:block} .comment {width:100%; min-height:15px; color:#9f9f9f; font-size:12px; margin-top:3px; text-align:right; } .comment p {margin:3px 0 3px 0; text-align:left} .data_stdt{height:30px;line-height:30px;vertical-align:bottom;color:#9f9f9f; font-size:12px;text-align:left;} .data_stdt_sec{height:20px;line-height:20px;vertical-align:bottom;color:#9f9f9f; font-size:12px;text-align:left;} .body_margin_bottom {margin-bottom:30px} .margin_top{margin-top:10px} .hasRowSpan {vertical-align:top;} .last{border-right:0px solid #c9cfe0} .chartPopup,.popup_chart{cursor:pointer} .sort , .sort_term{cursor:pointer} .vertical_top{vertical-align:top} .vertical_middle{vertical-align:middle} .link_cmp{cursor:pointer} .empty_set { background-color:#f5f5f5; border:1px solid #4572A7; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } .paging-footer{min-height:30px;height:30px} #searchResult td {height:23px} #searchText {width:120px} .context_title {text-align:center;font-size:12px;font-weight:bold} /* *** 색상 및 폰트 ________________________________________________________________________________________________________________________________________*/ .color_red {color:#E01100} .color_blue{color:#4572A7} .line_over:hover{background-color:#fff173} .link_cmp:hover{color:#666666} .stdt {font-weight:500; color:#9f9f9f; font-size:11px; margin-left:-120px;margin-top:5px;} .stdt01 {font-weight:500; color:#9f9f9f; font-size:11px; margin-left:-50px;margin-top:5px;} .stdt02 {font-weight:500; color:#9f9f9f; font-size:11px; margin-left:-50px;margin-top:5px;} .stdt03 {font-weight:500; color:#9f9f9f; font-size:11px; margin-left:-10px;margin-top:5px;} .stdt04 {font-weight:500; color:#9f9f9f; font-size:11px; margin-left:-80px;margin-top:5px;} .up_rate{color:#E01100} .down_rate{color:#005DDE} .select{font-weight:700;color:#FF6600} .child{display:none;background-color:#efefef} .is_set{background-color:#fff;border:0} .select_tr{background-color:#fff173} .tr_even_bg{background-color:#f7f7f7} thead .tr_even_bg {background-color:inherit} /* *** 이미지 ________________________________________________________________________________________________________________________________________*/ /* *** 타이틀 이미지 ________________________________________________________________________________________________________________________________________*/ #securities_title{margin-bottom:30px;width:1020px;height:47px;background:url('/New_images/wiserecommend/tit_box13_01.gif?20150428') no-repeat} #recommCmpEarningRateTitle{width:1020px;height:47px;background:url('/New_images/wiserecommend/tit_box13_02.gif?20150428') no-repeat} #recommNumberTitle{width:1020px;height:47px;background:url('/New_images/wiserecommend/tit_box13_03.gif?20150428') no-repeat} #changeItemTitle{width:1020px;height:47px;background:url('/New_images/wiserecommend/tit_box13_04.gif?20150428') no-repeat} #carTitle{width:1020px;height:47px;background:url('/New_images/wiserecommend/tit_box13_05.gif?20150428') no-repeat} #recommSectorTitle{width:1020px;height:47px;background:url('/New_images/wiserecommend/tit_box13_06.gif?20150428') no-repeat} #recommDetailTitle{width:1020px;height:47px;background:url('/New_images/wiserecommend/tit_box13_07.gif?20150428') no-repeat} .recomm-help-title{width:1020px;height:47px;margin-bottom:30px;background:url('/New_images/wiserecommend/tit_help.gif?20150428') no-repeat} /* *** 체크해제 ________________________________________________________________________________________________________________________________________*/ #clear_check{width:80px;height:30px;line-height:30px;text-align:center;background:url('/New_images/wiserecommend/btn_checkclear.gif') right center no-repeat;cursor:pointer} #clear_check:hover{background:url('/New_images/wiserecommend/btn_checkclear_ov.gif') right center no-repeat} /* *** 컨텐츠 바디 min-height , height 셋팅 ________________________________________________________________________________________________________________________________________*/ #recommCmpEarningRateChartArea{min-height:399px;} #recommCmpEarningRateBodyArea #searchResult{min-height:654px;} #recommNumberChartArea {padding:0; min-height:250px} #recommNumberBodyArea #searchResult{min-height:654px;} #carChartArea{min-height:400px;} #carBodyArea #searchResult{min-height:280px;} #searchResult1{min-height:648px;margin-bottom:20px} #searchResult2{min-height:649px;display:none;margin-bottom:20px} #recommSectorBodyArea #searchResult{min-height:403px;} #recommDetailBodyArea #searchResult{min-height:643px;} /* *** modal 팝업 스타일 ________________________________________________________________________________________________________________________________________*/ #basic-modal-content{display:none;color: #444;background-color:#fff} #basic-modal-content p{margin:10px 10px} #basic-modal-content .caution{font-size:11pt;font-weight:700} #simplemodal-container a.simplemodal-close{background:url('/New_images/wiserecommend/x.png') no-repeat;width:25px;height:29px;display:inline;z-index:3200;position:absolute;top:-15px;right:-18px;cursor:pointer} #simplemodal-overlay {background-color:#000;} #simplemodal-container { /*background:url('/New_images/wiserecommend/bit-tile-blue.gif');*/ width:250px; border:2px solid #444; background-color:#fff; padding:12px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; } /* *** 팝업 검색창 ________________________________________________________________________________________________________________________________________*/ .scroll-table table{border-collapse:collapse;width:100%} .scroll-table table .td_01{width:24%;*width:20%} .scroll-table table .td_02{width:23%;*width:20%} .scroll-table table .td_03{width:53%;*width:60%} .icon_pdf{background:url('/New_images/common/icon/icon_pdf.gif') 165px center no-repeat;cursor:pointer} /* 종합(main) ________________________________________________________________________________________________________________________________________*/ /* ** 이미지 및 폰트 스타일 ________________________________________________________________________________________________________________________________________*/ /* *** 이미지 ________________________________________________________________________________________________________________________________________*/ #securities_tab .recommendtab{background:url('/New_images/wiserecommend/tab_securities.gif') no-repeat} #securities_tab a{display:block;width:100%;height:100%} #securities_tab #tab01{width:61px;height:23px;background-position:0 -23px} #securities_tab #tab02{width:126px;height:23px;background-position:-61px -23px} #securities_tab #tab03{width:135px;height:23px;background-position:-187px -23px} #securities_tab #tab04{width:109px;height:23px;background-position:-325px -23px} #securities_tab #tab05{width:136px;height:23px;background-position:-434px -23px} #securities_tab #tab06{width:115px;height:23px;background-position:-570px -23px} #securities_tab #tab07{width:104px;height:23px;background-position:-685px -23px} #securities_tab #tab08{width:64px;height:23px;background-position:-789px -23px} #securities_tab #tab01:hover{width:61px;height:23px;background-position:0 0px} #securities_tab #tab02:hover{width:126px;height:23px;background-position:-61px 0px} #securities_tab #tab03:hover{width:135px;height:23px;background-position:-187px 0px} #securities_tab #tab04:hover{width:109px;height:23px;background-position:-325px 0px} #securities_tab #tab05:hover{width:136px;height:23px;background-position:-434px 0px} #securities_tab #tab06:hover{width:115px;height:23px;background-position:-570px 0px} #securities_tab #tab07:hover{width:104px;height:23px;background-position:-685px 0px} #securities_tab #tab08:hover{width:64px;height:23px;background-position:-789px 0px} #securities_tab #tab01.select{width:61px;height:23px;background-position:0 0px} #securities_tab #tab02.select{width:126px;height:23px;background-position:-61px 0px} #securities_tab #tab03.select{width:135px;height:23px;background-position:-187px 0px} #securities_tab #tab04.select{width:109px;height:23px;background-position:-325px 0px} #securities_tab #tab05.select{width:136px;height:23px;background-position:-434px 0px} #securities_tab #tab06.select{width:115px;height:23px;background-position:-570px 0px} #securities_tab #tab07.select{width:104px;height:23px;background-position:-685px 0px} #securities_tab #tab08.select{width:64px;height:23px;background-position:-789px 0px} .wrapper-securities_tab { height: 23px; overflow: hidden; } .wrapper-securities_tab .securities_tab { list-style: none; } .wrapper-securities_tab .securities_tab li { background: linear-gradient(to bottom, #fefefe, #f2f2f2); background: -moz-linear-gradient(to bottom, #fefefe, #f2f2f2); background: -ms-linear-gradient(to bottom, #fefefe, #f2f2f2); background: -o-linear-gradient(to bottom, #fefefe, #f2f2f2); background: -webkit-linear-gradient(to bottom, #fefefe, #f2f2f2); background-color: #f9f9f9; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; border-radius: .3em; border-top: 1px solid #bfbfbf; color: #919191; cursor: pointer; float: left; font-family: '맑은 고딕'; font-size: 12px; font-weight: bold; margin: 0; overflow: visible; text-align: center; } .wrapper-securities_tab .securities_tab li a { display:block; padding: 2px 15px 5px 15px; color: #919191; text-decoration: none; } .wrapper-securities_tab .securities_tab li.active { background: linear-gradient(to bottom, #fff, #fff); background: -moz-linear-gradient(to bottom, #fff, #fff); background: -ms-linear-gradient(to bottom, #fff, #fff); background: -o-linear-gradient(to bottom, #fff, #fff); background: -webkit-linear-gradient(to bottom, #fff, #fff); background-color: white; color: #ff3300; } .wrapper-securities_tab .securities_tab li.active a { color: #ff3300; } .wrapper-securities_tab .securities_tab li:hover { background: linear-gradient(to bottom, #fff, #fff); background: -moz-linear-gradient(to bottom, #fff, #fff); background: -ms-linear-gradient(to bottom, #fff, #fff); background: -o-linear-gradient(to bottom, #fff, #fff); background: -webkit-linear-gradient(to bottom, #fff, #fff); background-color: white; color: #ff3300 !important; font-weight: bold; } .wrapper-securities_tab .securities_tab li:hover a{ color: #ff3300 !important; font-weight: bold; } .wrapper-securities_tab .securities_tab li.col8 { border-right: 1px solid #bfbfbf; } #securities_body .body_title #subtitle01{width:200px;height:23px;background:url('/New_images/wiserecommend/subtit_13_01.gif') left center no-repeat;float:left;} #securities_body .body_title #subtitle02{width:200px;height:23px;background:url('/New_images/wiserecommend/subtit_13_02.gif') left center no-repeat;float:left;} #securities_body .body_title #subtitle03{width:200px;height:23px;background:url('/New_images/wiserecommend/subtit_13_03.gif') left center no-repeat;float:left;} #securities_body .body_title #subtitle04{width:200px;height:23px;background:url('/New_images/wiserecommend/subtit_13_04.gif') left center no-repeat;float:left;} #securities_body .body_title #subtitle05{width:200px;height:23px;background:url('/New_images/wiserecommend/subtit_13_05.gif') left center no-repeat;float:left;} #securities_body .body_title #subtitle06{width:200px;height:23px;background:url('/New_images/wiserecommend/subtit_13_06.gif') left center no-repeat;float:left;} #securities_body .securities_more {display:block; width:49px; height:13px; background:url('/New_images/wiserecommend/btn_more.gif') right bottom no-repeat; cursor:pointer;padding:4px;} /*#securities_body .securities_more_inline {display:inline-block;;zoom: 1;*display:inline; width:45px; height:14px; position:absolute; right:0; bottom:0; background:url('/New_images/wiserecommend/btn_more.gif') no-repeat; cursor:pointer;}*/ #body05 .tb_body05 .icon_pdf{background:url('/New_images/common/icon/icon_pdf.gif') 165px center no-repeat;cursor:pointer} #body06 .tb_body06 .icon_pdf{background:url('/New_images/common/icon/icon_pdf.gif') 165px center no-repeat;cursor:pointer} /* *** 폰트 및 색상 ________________________________________________________________________________________________________________________________________*/ /* **** 폰트 ________________________________________________________________________________________________________________________________________*/ #securities_body .body_title {color:#1F497D; font-weight:700;} #securities_body .gubun .radio01_title {left:200px; font-weight:500; font-size: 11px; color:#FF6600} #securities_body .gubun .radio02_title {left:250px; font-weight:500; font-size: 11px; color:#FF6600} /* **** 색상 ________________________________________________________________________________________________________________________________________*/ #securities_body .gubun .active {background-color:#fff; color:#FF6600;} #body01 .tb_body01 thead {background-color:#585858} #body02 .tb_body02 thead {background-color:#585858;} #body03 .tb_body03 thead {background-color:#585858;} #body04 .tb_body04 thead {background-color:#585858;} #body05 .tb_body05 thead {background-color:#585858;} #body06 .tb_body06 thead {background-color:#585858;} /* *** 컨텐츠 ________________________________________________________________________________________________________________________________________*/ #securities_tab, #securities_body {width:1020px} #securities_tab span {display:inline-block;zoom: 1;*display:inline;cursor:pointer} /* Old browsers */ #securities_body #body01, #securities_body #body02{width:500px; min-height:200px;} #securities_body #body03, #securities_body #body04 {width:500px; min-height:359px;} #securities_body #body05, #securities_body #body06 {width:1020px;} #securities_body td {height:23px;} #securities_body .gubun {position:relative;margin: 5px 0 0 0;} @-moz-document url-prefix() {#securities_body .gubun {margin: 11px 0 0 0;}} /* firefox css hack */ #securities_body .gubun span {display:inline-block;zoom: 1;*display:inline;} #securities_body .gubun .bodytab { width:80px; height:26px; line-height:26px; background-color:#F3F3F3; color:#666; font-size:11px; font-weight:bold; -webkit-border-top-left:5px; -webkit-border-top-right:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-top-right-radius:5px; border-top-left-radius:5px; cursor:pointer } #securities_body .gubun .tab-left {border:1px solid #ccc;} #securities_body .gubun .tab-right {border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;} #securities_body .gubun .radioButton {position:absolute; bottom:5px;} #securities_body .gubun .radio01 {left:180px;} #securities_body .gubun .radio02 {left:230px;} .tb_body01,.tb_body02,.tb_body03,.tb_body04,.tb_body05,.tb_body06{border-top: solid 1px #fff;} .tb_body01 { table-layout:fixed; } #body01 .tb_body01 .th_01,#body01 .tb_body01 .td_01 {width:20%} #body01 .tb_body01 .th_02,#body01 .tb_body01 .td_02 {width:15%} #body01 .tb_body01 .th_03,#body01 .tb_body01 .td_03 {width:20%} #body01 .tb_body01 .th_04,#body01 .tb_body01 .td_04 {width:15%} #body01 .tb_body01 .th_05,#body01 .tb_body01 .td_05 {width:15%} #body01 .tb_body01 .th_06,#body01 .tb_body01 .td_06 {width:15%} #body01 .tb_body01 .td_01 span.cut{display:block;width:95%} #body01 .tb_body01 .td_02 span.cut{display:block;width:95%} #body01 .tb_body01 .td_03 span.cut{display:block;width:95%} #body01 .tb_body01 .td_05 span{padding-right:5px} #body02 .tb_body02 .th_style{height:50px} #body02 .tb_body02 .th_01,#body02 .tb_body02 .td_01 {width:20%;} #body02 .tb_body02 .th_02,#body02 .tb_body02 .td_02 {width:20%} #body02 .tb_body02 .th_03,#body02 .tb_body02 .td_03 {width:20%} #body02 .tb_body02 .th_04,#body02 .tb_body02 .td_04 {width:20%} #body02 .tb_body02 .th_04,#body02 .tb_body02 .td_05 {width:20%} #body02 .tb_body02 .td_02 span.cut{display:inline-block;zoom: 1;*display:inline;width:85px;} #body03 .tb_body03 thead th{height:50px} #body03 .tb_body03 td{height:23px} #body03 .tb_body03 .th_01 , #body03 .tb_body03 .td_01 {width:14%} #body03 .tb_body03 .th_02 , #body03 .tb_body03 .td_02 {width:32%} #body03 .tb_body03 .th_03 , #body03 .tb_body03 .td_03 {width:18%} #body03 .tb_body03 .th_04 , #body03 .tb_body03 .td_04 {width:18%} #body03 .tb_body03 .th_05 , #body03 .tb_body03 .td_05 {width:18%} #body03 .tb_body03 .td_02 span.cut{display:inline-block;zoom:1;*display:inline;width:150px;} #body03 .tb_body03 .td_05 span.cut{display:inline-block;zoom:1;*display:inline;width:80px;} #body04 .tb_body04 td{height:23px} #body04 .tb_body04 .td_01,#body04 .tb_body04 .th_01{width:20%} #body04 .tb_body04 .td_02,#body04 .tb_body04 .th_02{width:20%} #body04 .tb_body04 .td_01 span.cut{display:inline-block;zoom:1;*display:inline;width:95px} #body05 .tb_body05 .th_01, #body05 .tb_body05 .td_01 {width:120px;} #body05 .tb_body05 .th_02, #body05 .tb_body05 .td_02 {width:180px;} #body05 .tb_body05 .th_03, #body05 .tb_body05 .td_03 {width:100px;} #body05 .tb_body05 .th_04, #body05 .tb_body05 .td_04 {width:80px;} #body05 .tb_body05 .th_05, #body05 .tb_body05 .td_05 {width:540px;} #body05 .tb_body05 .td_02 span.cut{display:inline-block;width:155px} #body05 .tb_body05 .td_03 span.cut{display:block;width:100px} #body05 .tb_body05 .td_05 span.cut{display:block;width:540px;} #body06 .tb_body06 .th_01 , #body06 .tb_body06 .td_01 {width:120px;} #body06 .tb_body06 .th_02 , #body06 .tb_body06 .td_02 {width:180px;} #body06 .tb_body06 .th_03 , #body06 .tb_body06 .td_03 {width:100px;} #body06 .tb_body06 .th_04 , #body06 .tb_body06 .td_04 {width:80px;} #body06 .tb_body06 .th_05 , #body06 .tb_body06 .td_05 {width:80px;} #body06 .tb_body06 .th_06 , #body06 .tb_body06 .td_06 {width:460px;} #body06 .tb_body06 .td_02 span.cut{display:inline-block;width:155px} #body06 .tb_body06 .td_03 span.cut{display:block;width:100px} #body06 .tb_body06 .td_06 span.cut{display:block;width:460px} /* *추천종목별 수익률 ________________________________________________________________________________________________________________________________________*/ /* ** 이미지 및 폰트 스타일 ________________________________________________________________________________________________________________________________________*/ /* *** 이미지 ________________________________________________________________________________________________________________________________________*/ #recommCmpEarningRateTitle #searchCondition #search_stdDT{background:url('/New_images/wiserecommend/txt_0101.gif?20150428') left center no-repeat;width:410px;padding:14px 0 14px 0} #recommCmpEarningRateTitle #searchCondition #cmp_search{background:url("/New_images/sub/boxtit_company.gif") left center no-repeat;position:absolute;top:0;right:10px;padding: 14px 0 14px 0;width:290px} #recommCmpEarningRateTitle #searchCondition #cmp_search #search_popup{width:18px;height:18px;background:url("/New_images/sub/btn_lookup.gif") left center no-repeat;cursor:pointer} #recommCmpEarningRateTitle #searchCondition #cmp_search #search_submit{width:51px;height:18px;background:url("/New_images/sub/btn_search.gif") left center no-repeat;cursor:pointer} #recommCmpEarningRateTitle #searchCondition #cmp_search #search_popup:hover{background:url("/New_images/sub/btn_lookup_ov.gif") left center no-repeat} #recommCmpEarningRateTitle #searchCondition #cmp_search #search_submit:hover{background:url("/New_images/sub/btn_search_ov.gif") left center no-repeat} /* *** 폰트 및 색상 ________________________________________________________________________________________________________________________________________*/ /* **** 폰트 ________________________________________________________________________________________________________________________________________*/ /*#recommCmpEarningRateTable thead th{font-weight:600;height:30px;}*/ /* **** 색상 ________________________________________________________________________________________________________________________________________*/ #investment_body02 #investment_list thead th { background-color:#F2DDDC; color:#fff; width:78px; height:30px} /* *** 컨텐츠 ________________________________________________________________________________________________________________________________________*/ #investment_body01 , #investment_body02{ width:1020px; height:500px} /*#recommCmpEarningRateChartArea, #recommCmpEarningRateBodyArea{margin-bottom:20px}*/ #recommCmpEarningRateTitle #searchCondition{height:47px;vertical-align:middle;position:relative} #recommCmpEarningRateTitle #searchCondition #search_stdDT{position:absolute;top:0;right:310px} #recommCmpEarningRateTitle #searchCondition #search_stdDT ul{list-style:none} #recommCmpEarningRateTitle #searchCondition #search_stdDT li{display:inline-block;zoom: 1;*display:inline;} #recommCmpEarningRateTitle #searchCondition #cmp_search ul{list-style:none} #recommCmpEarningRateTitle #searchCondition #cmp_search ul li{display:inline-block;zoom: 1;*display:inline;} #recommCmpEarningRateTitle #searchCondition #cmp_search #searchText{display:block;float:left} #recommCmpEarningRateTitle #searchCondition #search_stdDT #stdDT{width:63px} #recommCmpEarningRateTitle #searchCondition #search_stdDT #brk_dropdown{min-width:100px;width:110px} #recommCmpEarningRateTitle #searchCondition #search_stdDT #pt_dropdown{min-width:180px;width:180px} #recommCmpEarningRateTable{border-top: solid 1px #fff;} #recommCmpEarningRateTable thead .th_01,#recommCmpEarningRateTable tbody .td_01{width:3%} #recommCmpEarningRateTable thead .th_02,#recommCmpEarningRateTable tbody .td_02{width:9%} #recommCmpEarningRateTable thead .th_03,#recommCmpEarningRateTable tbody .td_03{width:7%} #recommCmpEarningRateTable thead .th_04,#recommCmpEarningRateTable tbody .td_04{width:6%} #recommCmpEarningRateTable thead .th_05,#recommCmpEarningRateTable tbody .td_05{width:6%} #recommCmpEarningRateTable thead .th_06,#recommCmpEarningRateTable tbody .td_06{width:16%} #recommCmpEarningRateTable thead .th_07,#recommCmpEarningRateTable tbody .td_07{width:6%} #recommCmpEarningRateTable thead .th_08,#recommCmpEarningRateTable tbody .td_08{width:6%} #recommCmpEarningRateTable thead .th_09,#recommCmpEarningRateTable tbody .td_09{width:6%} #recommCmpEarningRateTable thead .th_10,#recommCmpEarningRateTable tbody .td_10{width:6%} #recommCmpEarningRateTable thead .th_11,#recommCmpEarningRateTable tbody .td_11{width:6%} #recommCmpEarningRateTable thead .th_12,#recommCmpEarningRateTable tbody .td_12{width:20%} #recommCmpEarningRateTable thead .th_13,#recommCmpEarningRateTable tbody .td_13{width:3%} /*#recommCmpEarningRateTable tbody td{min-height:23px}*/ #recommCmpEarningRateTable tbody .td_02 .cut{display:block;width:100px} #recommCmpEarningRateTable tbody .td_05 .cut{display:block;width:80px} #recommCmpEarningRateTable tbody .td_06 .cut{display:block;width:120px} #recommCmpEarningRateTable tbody .td_12 .cut{display:block;width:220px} /* *종목별추천건수 ________________________________________________________________________________________________________________________________________*/ /* ** 이미지 및 폰트 스타일 ________________________________________________________________________________________________________________________________________*/ /* *** 이미지 ________________________________________________________________________________________________________________________________________*/ #recommNumberTitle #search_stdDT{background:url('/New_images/wiserecommend/txt_0101.gif?20150428') left center no-repeat;width:410px;padding:14px 0 14px 0} #recommNumberTitle #cmp_search{background:url("/New_images/sub/boxtit_company.gif") left center no-repeat;position:absolute;top:0;right:10px;padding: 14px 0 14px 0;width:290px} #recommNumberTitle #cmp_search #search_popup{width:18px;height:18px;background:url("/New_images/sub/btn_lookup.gif") left center no-repeat;cursor:pointer} #recommNumberTitle #cmp_search #search_submit{width:51px;height:18px;background:url("/New_images/sub/btn_search.gif") left center no-repeat;cursor:pointer} #recommNumberTitle #cmp_search #search_popup:hover{background:url("/New_images/sub/btn_lookup_ov.gif") left center no-repeat} #recommNumberTitle #cmp_search #search_submit:hover{background:url("/New_images/sub/btn_search_ov.gif") left center no-repeat} /* *** 폰트 및 색상 ________________________________________________________________________________________________________________________________________*/ /* **** 폰트 ________________________________________________________________________________________________________________________________________*/ /* **** 색상 ________________________________________________________________________________________________________________________________________*/ .resultTable thead {background-color: #585858;} /* *** 컨텐츠 ________________________________________________________________________________________________________________________________________*/ #recommNumberTitle {height:47px;vertical-align:middle;position:relative} #recommNumberTitle #search_stdDT{position:absolute;top:0;right:310px} #recommNumberTitle #search_stdDT ul{list-style:none} #recommNumberTitle #search_stdDT li{display:inline-block;zoom: 1;*display:inline;} #recommNumberTitle #cmp_search ul{list-style:none} #recommNumberTitle #cmp_search ul li{display:inline-block;zoom: 1;*display:inline;} #recommNumberTitle #cmp_search #searchText{display:block;float:left} #recommNumberTitle #search_stdDT #stdDT{width:63px} #recommNumberTitle #search_stdDT #brk_dropdown{min-width:100px;width:110px} #recommNumberTitle #search_stdDT #pt_dropdown{min-width:180px;width:180px} #recommNumberBodyArea #search_stdDT{vertical-align:middle} #recommNumberBodyArea #search_stdDT span{line-height:30px} #recommNumberTable{border-top: solid 1px #fff;} #recommNumberTable thead .th_01,#recommNumberTable tbody .td_01{width:7%} #recommNumberTable thead .th_02,#recommNumberTable tbody .td_02{width:9%} #recommNumberTable thead .th_03,#recommNumberTable tbody .td_03{width:9%} #recommNumberTable thead .th_04,#recommNumberTable tbody .td_04{width:9%} #recommNumberTable thead .th_05,#recommNumberTable tbody .td_05{width:10%} #recommNumberTable thead .th_08,#recommNumberTable tbody .td_08{width:10%} #recommNumberTable thead .th_09,#recommNumberTable tbody .td_09{width:6%} #recommNumberTable thead .th_10,#recommNumberTable tbody .td_10{width:10%} #recommNumberTable thead .th_11,#recommNumberTable tbody .td_11{width:10%} #recommNumberTable thead .th_12,#recommNumberTable tbody .td_12{width:10%} #recommNumberTable thead .th_13,#recommNumberTable tbody .td_13{width:10%} #recommNumberTable tbody .td_02 span.cut{display:block;width:110px} #recommNumberTable tbody .td_11:hover{cursor:pointer;color:orange} #recommNumberTable thead .th_13 .standard_dt{width:70px} /* 증권사별 누적수익률 __________________________________________________________________________________________________________*/ /* ** 이미지 및 폰트 스타일 ________________________________________________________________________________________________________________________________________*/ /* *** 이미지 ________________________________________________________________________________________________________________________________________*/ #carTitle #gubun_title{background:url('/New_images/wiserecommend/txt_03.gif?20150428') left center no-repeat;width:140px;height:47px;line-height:47px;padding-left:45px} #carTitle #rate_title{background:url('/New_images/wiserecommend/txt_04.gif?20150428') left center no-repeat;width:90px;height:47px;line-height:47px;padding-left:77px} .chart_tab01{width:61px;height:20px;background:url('/New_images/wiserecommend/tab_chart.gif') 0 -23px no-repeat;} .chart_tab02{width:60px;height:20px;background:url('/New_images/wiserecommend/tab_chart.gif') -61px -23px no-repeat;} .chart_tab03{width:60px;height:20px;background:url('/New_images/wiserecommend/tab_chart.gif') -121px -23px no-repeat;} .chart_tab04{width:60px;height:20px;background:url('/New_images/wiserecommend/tab_chart.gif') -181px -23px no-repeat;} .chart_tab05{width:61px;height:20px;background:url('/New_images/wiserecommend/tab_chart.gif') -241px -23px no-repeat;} .chart_tab01:hover{background:url('/New_images/wiserecommend/tab_chart.gif') 0 0px no-repeat;} .chart_tab02:hover{background:url('/New_images/wiserecommend/tab_chart.gif') -61px 0px no-repeat;} .chart_tab03:hover{background:url('/New_images/wiserecommend/tab_chart.gif') -121px 0px no-repeat;} .chart_tab04:hover{background:url('/New_images/wiserecommend/tab_chart.gif') -181px 0px no-repeat;} .chart_tab05:hover{background:url('/New_images/wiserecommend/tab_chart.gif') -241px 0px no-repeat;} .chart_tab01.selected{background:url('/New_images/wiserecommend/tab_chart.gif') 0 0px no-repeat;} .chart_tab02.selected{background:url('/New_images/wiserecommend/tab_chart.gif') -61px 0px no-repeat;} .chart_tab03.selected{background:url('/New_images/wiserecommend/tab_chart.gif') -121px 0px no-repeat;} .chart_tab04.selected{background:url('/New_images/wiserecommend/tab_chart.gif') -181px 0px no-repeat;} .chart_tab05.selected{background:url('/New_images/wiserecommend/tab_chart.gif') -241px 0px no-repeat;} /* *** 폰트 및 색상 ________________________________________________________________________________________________________________________________________*/ /* **** 폰트 ________________________________________________________________________________________________________________________________________*/ #car_footnote{width:100%;color:#9f9f9f;font-size:12px;text-align:left;margin-top:5px} .car_brknm{color:#355B9E} /* **** 색상 ________________________________________________________________________________________________________________________________________*/ /* *** 컨텐츠 ________________________________________________________________________________________________________________________________________*/ #container {height:400px} #carChartArea #container{width:100%; min-height:400px;} #carTitle{position:relative} #carTitle ul{list-style:none;position:absolute} #carTitle ul li{display:inline-block;zoom: 1;*display:inline;margin-right:5px;} #carTitle #gubn_radio{right:235px} #carTitle .rate_radio{right:65px} #carTitle label{cursor:pointer; line-height:44px; vertical-align:bottom} #carBodyArea #searchCondition{height:20px} #carTable_brk{border-top: solid 1px #fff;} /* #carTable_brk thead .th_01,#carTable_brk tbody .td_01{width:50px} #carTable_brk thead .th_02,#carTable_brk tbody .td_02{width:100px} #carTable_brk thead .th_03,#carTable_brk tbody .td_03{width:60px} #carTable_brk thead .th_04,#carTable_brk tbody .td_04{width:120px} #carTable_brk thead .th_07,#carTable_brk tbody .td_07{width:70px} #carTable_brk thead .th_08,#carTable_brk tbody .td_08{width:60px} #carTable_brk thead .th_09,#carTable_brk tbody .td_09{width:80px} #carTable_brk thead .th_10,#carTable_brk tbody .td_10{width:80px} #carTable_brk thead .th_11,#carTable_brk tbody .td_11{width:80px} #carTable_brk thead .th_12,#carTable_brk tbody .td_12{width:80px} #carTable_brk thead .th_13,#carTable_brk tbody .td_13{width:80px} #carTable_brk thead .th_14,#carTable_brk tbody .td_14{width:80px} #carTable_brk thead .th_15,#carTable_brk tbody .td_15{width:80px} */ #carTable_pf{display:none;border-top: solid 1px #fff;} /* #carTable_pf thead .th_01,#carTable_pf tbody .td_01{width:50px} #carTable_pf thead .th_02,#carTable_pf tbody .td_02{width:140px} #carTable_pf thead .th_03,#carTable_pf tbody .td_03{width:50px} #carTable_pf thead .th_04,#carTable_pf tbody .td_04{width:100px} #carTable_pf thead .th_07,#carTable_pf tbody .td_07{width:60px} #carTable_pf thead .th_08,#carTable_pf tbody .td_08{width:60px} #carTable_pf thead .th_09,#carTable_pf tbody .td_09{width:80px} #carTable_pf thead .th_10,#carTable_pf tbody .td_10{width:80px} #carTable_pf thead .th_11,#carTable_pf tbody .td_11{width:70px} #carTable_pf thead .th_12,#carTable_pf tbody .td_12{width:60px} #carTable_pf thead .th_13,#carTable_pf tbody .td_13{width:60px} #carTable_pf thead .th_14,#carTable_pf tbody .td_14{width:60px} #carTable_pf thead .th_15,#carTable_pf tbody .td_15{width:60px} #carTable_pf thead .th_16,#carTable_pf tbody .td_16{width:90px} */ #carTable_brk tbody .td_02 span.cut{display:block;width:90px} #carTable_pf tbody .td_02 span.cut{display:block;width:130px} #carTable_pf tbody .td_16 span.cut{display:block;width:80px} #car_footnote ul{list-style:none} #term_tab ul{list-style:none;margin-right:10px;} #term_tab ul li{display:block;} .car_table_title{height:28px;line-height:28px;padding-top:2px;margin-right:10px;font-family:'돋움';font-size:12px;font-weight:700} /*#term_tab ul li.term { cursor:pointer; font-size : 9pt; display:block; width:50px; height:20px; line-height:20px; vertical-align:middle; text-align:center; border-top:1px solid #4572A7; border-left:1px solid #4572A7; background-color:#EFF5FC; border-top-left-radius:5px; border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; } #term_tab ul li.term:hover{color:#FF6600;} #term_tab ul li.selected{color:#FF6600;background-color:#fff} #term_tab ul li.last{border-right:1px solid #4572A7}*/ #kospi{margin-left:10px} #kospi + label{margin-left:5px} /* **** 증권사별 누적수익률 팝업 스타일 ________________________________________________________________________________________________________________________________________*/ /* ***** 이미지 ________________________________________________________________________________________________________________________________________*/ /* ***** 색상 및 폰트 ________________________________________________________________________________________________________________________________________*/ #brk_list thead{background-color: #585858} #pf_list thead{background-color: #585858} /* ***** 컨텐츠 ________________________________________________________________________________________________________________________________________*/ #brk_nm {text-align:left; font-size:13px;font-weight:bold;color:#355B9E;text-shadow:1px 1px 1px #C9C9C9;text-indent:10px;} #brk_list{border-top:solid 1px #fff;font-size:9pt} #brk_list thead .th_01{width:25%} #brk_list thead .th_02{width:20%} #brk_list thead .th_03{width:13%} #brk_list thead .th_06{width:12%} #brk_list thead .th_04{width:15%} #brk_list thead .th_05{width:15%} #brk_list tbody tr{height:25px} #brk_list tbody td span.cut{display:block;width:85%} #pf_list{border-top:solid 1px #fff;font-size:9pt} #pf_list thead .th_00{width:6%} #pf_list thead .th_01{width:28%} #pf_list thead .th_02{width:16%} #pf_list thead .th_03{width:16%} #pf_list thead .th_04{width:18%} #pf_list thead .th_05{width:16%} #pf_list tbody tr{height:25px} #pf_list tbody td span.cut{display:block;} .title{font-size: 14px;font-weight: bold;color: #355B9E;text-shadow: 1px 1px 1px #C9C9C9;text-indent: 20px} .title ul{list-style:none;padding:0;margin:0;text-indent:0} .title ul li{display:inline-block;zoom: 1;*display:inline;line-height:30px;vertical-align:middle} #brk_list img{cursor:pointer} .title img{cursor:pointer} /* *신규추천제외 ________________________________________________________________________________________________________________________________________*/ /* ** 이미지 및 폰트 스타일 ________________________________________________________________________________________________________________________________________*/ /* *** 이미지 ________________________________________________________________________________________________________________________________________*/ #changeItemTitle ul #recommend_search{top:17px;right:10px;width:51px;height:18px;background:url('/New_images/sub/btn_search.gif') no-repeat;cursor:pointer} #changeItemTitle ul #recommend_search:hover{background:url('/New_images/sub/btn_search_ov.gif') no-repeat;} #changeItemTitle ul #brk_title{top:17px;right:375px;background:url('/New_images/wiserecommend/txt_0101.gif?20150428') left center no-repeat;width:108px;height:18px;} #changeItemTitle ul #dt_title{top:17px;right:700px;background:url('/New_images/wiserecommend/txt_02.gif?20150428') left center no-repeat;width:64px;height:18px;} /*#changeItemBodyArea #searchCondition ul li#new_recommend{width:76px;height:23px;background:url('/New_images/wiserecommend/tab_recommend.gif') 0 -23px no-repeat;} #changeItemBodyArea #searchCondition ul li#new_not_recommend{width:76px;height:23px;background:url('/New_images/wiserecommend/tab_recommend.gif') -76px -23px no-repeat;} #changeItemBodyArea #searchCondition ul li#new_recommend:hover{background-position:0 0px;} #changeItemBodyArea #searchCondition ul li#new_not_recommend:hover{background-position:-76px 0px;} #changeItemBodyArea #searchCondition ul li#new_recommend.selected{background-position:0 0px;} #changeItemBodyArea #searchCondition ul li#new_not_recommend.selected{background-position:-76px 0px;}*/ #changeItemBodyArea #searchCondition { float:left; height:23px; overflow:hidden; } #changeItemBodyArea #searchCondition ul { } #changeItemBodyArea #searchCondition ul li { background: linear-gradient(to bottom, #fefefe, #f2f2f2); background: -moz-linear-gradient(to bottom, #fefefe, #f2f2f2); background: -ms-linear-gradient(to bottom, #fefefe, #f2f2f2); background: -o-linear-gradient(to bottom, #fefefe, #f2f2f2); background: -webkit-linear-gradient(to bottom, #fefefe, #f2f2f2); background-color: #f9f9f9; border-bottom: 1px solid #bfbfbf; border-left: 1px solid #bfbfbf; border-radius: .3em; border-top: 1px solid #bfbfbf; color: #919191; cursor: pointer; float: left; font-family: '맑은 고딕'; font-size: 12px; font-weight: bold; margin: 0; overflow: visible; text-align: center; padding: 2px 7px 5px 7px; width: 65px; } #changeItemBodyArea #searchCondition ul li#new_not_recommend { border-right: 1px solid #bfbfbf; } #changeItemBodyArea #searchCondition ul li a { color: #919191; text-decoration: none; } #changeItemBodyArea #searchCondition ul li.selected { background: linear-gradient(to bottom, #fff, #fff); background: -moz-linear-gradient(to bottom, #fff, #fff); background: -ms-linear-gradient(to bottom, #fff, #fff); background: -o-linear-gradient(to bottom, #fff, #fff); background: -webkit-linear-gradient(to bottom, #fff, #fff); background-color: white; } #changeItemBodyArea #searchCondition ul li.selected a { color: #ff3300; } #changeItemBodyArea #searchCondition ul li:hover { background: linear-gradient(to bottom, #fff, #fff); background: -moz-linear-gradient(to bottom, #fff, #fff); background: -ms-linear-gradient(to bottom, #fff, #fff); background: -o-linear-gradient(to bottom, #fff, #fff); background: -webkit-linear-gradient(to bottom, #fff, #fff); background-color: white; color: #ff3300; } /* *** 폰트 및 색상 ________________________________________________________________________________________________________________________________________*/ /* **** 폰트 ________________________________________________________________________________________________________________________________________*/ /* **** 색상 ________________________________________________________________________________________________________________________________________*/ /* *** 컨텐츠 ________________________________________________________________________________________________________________________________________*/ #changeItemTable1 tbody .icon_pdf,#changeItemTable2 tbody .icon_pdf{cursor:pointer} #changeItemTable1 , #changeItemTable2{border-top: solid 1px #fff} #changeItemTitle{position:relative} #changeItemTitle ul{list-style:none;} #changeItemTitle ul li{display:inline-block;zoom: 1;*display:inline;position:absolute} #changeItemTitle ul #brk_select{top:17px;right:260px} #changeItemTitle ul #pf_select{top:17px;right:70px} #changeItemTitle ul #brk_select select{width:110px} #changeItemTitle ul #pf_select select{width:180px} #changeItemTitle ul #enddt{top:17px;right:495px} #changeItemTitle ul #dt_gubun{top:17px;right:593px} #changeItemTitle ul #startdt{top:17px;right:614px} #stdt_start,#stdt_end{width:63px;margin-right:5px;} #changeItemBodyArea #searchCondition{height:23px} #changeItemBodyArea #searchCondition ul{list-style:none} #changeItemBodyArea #searchCondition ul li{display:block;cursor:pointer} #changeItemTable1 thead tr .th_01,#changeItemTable1 tbody tr .td_01{width:7%} #changeItemTable1 thead tr .th_02,#changeItemTable1 tbody tr .td_02{width:9%} #changeItemTable1 thead tr .th_03,#changeItemTable1 tbody tr .td_03{width:10%} #changeItemTable1 thead tr .th_04,#changeItemTable1 tbody tr .td_04{width:15%} #changeItemTable1 thead tr .th_05,#changeItemTable1 tbody tr .td_05{width:8%} #changeItemTable1 thead tr .th_06,#changeItemTable1 tbody tr .td_06{width:7%} #changeItemTable1 thead tr .th_07,#changeItemTable1 tbody tr .td_07{width:7%} #changeItemTable1 thead tr .th_08,#changeItemTable1 tbody tr .td_08{width:20%} #changeItemTable1 thead tr .th_09,#changeItemTable1 tbody tr .td_09{width:5%} #changeItemTable1 thead tr .th_10,#changeItemTable1 tbody tr .td_10{width:12%;height:20px;padding:2px 0 2px 0} #changeItemTable1 tbody tr td{height:23px} #changeItemTable1 tbody tr .td_08 .cut{display:block;width:330px} #changeItemTable1 tbody tr .td_04 .cut{display:block;width:110px;*width:110px} #changeItemTable1 tbody tr .td_02 .cut{display:block;width:80px} #changeItemTable2 thead tr th{height:56px} #changeItemTable2 thead tr .th_01,#changeItemTable2 tbody tr .td_01{width:7%} #changeItemTable2 thead tr .th_02,#changeItemTable2 tbody tr .td_02{width:8%} #changeItemTable2 thead tr .th_03,#changeItemTable2 tbody tr .td_03{width:8%} #changeItemTable2 thead tr .th_04,#changeItemTable2 tbody tr .td_04{width:15%} #changeItemTable2 thead tr .th_05,#changeItemTable2 tbody tr .td_05{width:6%} #changeItemTable2 thead tr .th_06,#changeItemTable2 tbody tr .td_06{width:7%} #changeItemTable2 thead tr .th_07,#changeItemTable2 tbody tr .td_07{width:7%} #changeItemTable2 thead tr .th_08,#changeItemTable2 tbody tr .td_08{width:6%} #changeItemTable2 thead tr .th_09,#changeItemTable2 tbody tr .td_09{width:22%} #changeItemTable2 thead tr .th_10,#changeItemTable2 tbody tr .td_10{width:6%} #changeItemTable2 thead tr .th_11,#changeItemTable2 tbody tr .td_11{width:8%} #changeItemTable2 tbody tr td {height:23px} #changeItemTable2 tbody tr .td_02 .cut{display:block;width:70px;} #changeItemTable2 tbody tr .td_03 .cut{display:block;width:70px;} #changeItemTable2 tbody tr .td_04 .cut{display:block;width:110px;*width:110px} #changeItemTable2 tbody tr .td_09 .cut{display:block;width:210px} /*#changeItemTable1 tbody tr .td_04 span,#changeItemTable2 tbody tr .td_04 span{padding-right:30px}*/ #changeItemBodyArea #reason{width:110px;*width:120px;line-height:23px;vertical-align:bottom} #changeItemBodyArea #reason #reason_box,#changeItemBodyArea label{cursor:pointer} #changeItemBodyArea #reason #reason_box,#changeItemBodyArea label:hover{color:#4572A7} #changeItemBodyArea label{margin-left:5px} #changeItemBodyArea tbody .td_08 p{width:330px;text-indent:-15px;padding-left:15px;margin-bottom:5px} #changeItemBodyArea tbody .td_09 p{width:210px;text-indent:-15px;padding-left:15px;margin-bottom:5px} #changeItemBodyArea tbody .td_09 p.hidden,#changeItemBodyArea tbody .td_08 p.hidden{display:none} /*섹터별 추천종목 ________________________________________________________________________________________________________________________________________*/ /* ** 이미지 및 폰트 스타일 ________________________________________________________________________________________________________________________________________*/ /* *** 이미지 ________________________________________________________________________________________________________________________________________*/ #recommSectorTable tbody tr td span.tree_on{cursor:pointer;padding-left:15px;background:url('/New_images/wiserecommend/icon_grp_on.gif') left center no-repeat} #recommSectorTable tbody tr td span.tree_off{cursor:pointer;padding-left:15px;background:url('/New_images/wiserecommend/icon_grp_off.gif') left center no-repeat} #recommSectorTitle #sectorbrk #brk_select{background:url('/New_images/wiserecommend/txt_01.gif?20150428') left center no-repeat;width:165px;height:18px;padding:14px 0 14px 0;margin-right:10px} /* *** 폰트 및 색상 ________________________________________________________________________________________________________________________________________*/ /* **** 폰트 ________________________________________________________________________________________________________________________________________*/ #recommSectorTable tbody tr td span.tree_on:hover{color:#FF6600} /* **** 색상 ________________________________________________________________________________________________________________________________________*/ /* *** 컨텐츠 ________________________________________________________________________________________________________________________________________*/ #recommSectorTable{border-top: solid 1px #fff;} #recommSectorTable tbody .child .td_01{text-indent:20px} #recommSectorTable tbody .td_01 , #recommSectorTable thead .th_01{width:18%} #recommSectorTable tbody .td_10, #recommSectorTable thead .th_10{width:9%} #recommSectorTable tbody .td_11, #recommSectorTable thead .th_11{width:9%} #recommSectorTable tbody .td_12, #recommSectorTable thead .th_12{width:9%} #recommSectorTable tbody .td_13, #recommSectorTable thead .th_13{width:9%} #recommSectorTable tbody .td_06, #recommSectorTable thead .th_06{width:9%} #recommSectorTable tbody .td_07, #recommSectorTable thead .th_07{width:9%} #recommSectorTable tbody .td_08, #recommSectorTable thead .th_08{width:9%} #recommSectorTable tbody .td_09, #recommSectorTable thead .th_09{width:9%} #recommSectorTable tbody .td_14, #recommSectorTable thead .th_14{width:5%} #recommSectorTable tbody .td_15, #recommSectorTable thead .th_15{width:5%} #recommSectorTitle{position:relative} #recommSectorTitle ul{list-style:none} #recommSectorTitle ul li{display:inline-block;zoom: 1;*display:inline;} #recommSectorTitle #sectorbrk #brk_select select{width:130px;min-width:130px} #recommSectorTitle #sectorbrk #brk_select select{min-width:110px;width:110px} /* **** 섹터별추천종목 구성종목 팝업 스타일 ________________________________________________________________________________________________________________________________________*/ /* ***** 이미지 ________________________________________________________________________________________________________________________________________*/ /* ***** 폰트 및 색상 ________________________________________________________________________________________________________________________________________*/ #sec_table thead{background-color: #585858;height:30px} /* ***** 컨텐츠 ________________________________________________________________________________________________________________________________________*/ #sec_table{width:100%;border-top:solid 1px #fff;font-size:9pt} #sec_table thead .th_00{width:8%} #sec_table thead .th_01{width:20%} #sec_table thead .th_02{width:18%} #sec_table thead .th_03{width:18%} #sec_table thead .th_04{width:18%} #sec_table thead .th_05{width:18%} #sec_table tbody tr{height:25px} #seccd_title{font-size: 14px;font-weight: bold;color: #355B9E;text-shadow: 1px 1px 1px #C9C9C9;text-indent: 20px} #seccd_title ul{list-style:none;padding:0;margin:0;text-indent:0} #seccd_title ul li{display:inline-block;zoom: 1;*display:inline;line-height:30px;vertical-align:middle} /* *현재 추천종목 ________________________________________________________________________________________________________________________________________*/ /* ** 이미지 및 폰트 스타일 ________________________________________________________________________________________________________________________________________*/ /* *** 이미지 ________________________________________________________________________________________________________________________________________*/ #recommDetailTitle #detail_stdt_title{top:17px;right:820px;background:url('/New_images/wiserecommend/txt_05.gif?20150428') left center no-repeat;width:50px;height:18px;} #recommDetailTitle #detail_brk_title{top:17px;right:610px;background:url('/New_images/wiserecommend/txt_0101.gif?20150428') left center no-repeat;width:108px;height:18px} #recommDetailTitle #detail_search_title{width:80px;height:18px;top:17px;right:200px;background:url('/New_images/sub/boxtit_company.gif') no-repeat} #recommDetailTitle #detail_search_popup{width:18px;height:18px;background:url('/New_images/sub/btn_lookup.gif') no-repeat;top:17px;right:55px;cursor:pointer} #recommDetailTitle #detail_search_popup:hover{background:url('/New_images/sub/btn_lookup_ov.gif') no-repeat} #recommDetailTitle #detail_search_submit{width:51px;height:18px;background:url('/New_images/sub/btn_search.gif') no-repeat;top:17px;right:0;cursor:pointer} #recommDetailTitle #detail_search_submit:hover{background:url('/New_images/sub/btn_search_ov.gif') no-repeat} /* *** 폰트 및 색상 ________________________________________________________________________________________________________________________________________*/ /* **** 폰트 ________________________________________________________________________________________________________________________________________*/ /* **** 색상 ________________________________________________________________________________________________________________________________________*/ /* *** 컨텐츠 ________________________________________________________________________________________________________________________________________*/ #recommDetailTitle select#brkcommbo{min-width:110px;*width:110px} #recommDetailTitle select#pt_commbo{min-width:180px;*width:180px} #recommDetailTitle ul{list-style:none;position:relative} #recommDetailTitle ul li{display:inline-block;zoom: 1;*display:inline;margin-right:10px;position:absolute} #recommDetailTitle #detail_stdt{top:17px;right:730px} #recommDetailTitle #detail_stdt #stdt{margin-right:5px;width:63px} #recommDetailTitle #detail_brk_commbo{top:17px;right:500px;width:110px;min-width:110px} #recommDetailTitle #detail_pt_title{top:17px;right:370px;font-weight:700;color:#355B9E} #recommDetailTitle #detail_pt_commbo{top:17px;left:520px;width:100px;min-width:100px} #recommDetailTitle #detail_search{top:17px;right:75px} #recommDetailTable{border-top: solid 1px #fff} #recommDetailTable thead th{height:30px} #recommDetailTable thead .th_01,#recommDetailTable tbody .td_01{width:115px} #recommDetailTable thead .th_02,#recommDetailTable tbody .td_02{width:75px} #recommDetailTable thead .th_03,#recommDetailTable tbody .td_03{width:110px} #recommDetailTable thead .th_04,#recommDetailTable tbody .td_04{width:70px} #recommDetailTable thead .th_05,#recommDetailTable tbody .td_05{width:80px} #recommDetailTable thead .th_07,#recommDetailTable tbody .td_07{width:115px} /*#recommDetailTable thead .th_08,#recommDetailTable tbody .td_08{width:100px}*/ #recommDetailTable thead .th_09,#recommDetailTable tbody .td_09{width:455px} #recommDetailTable tbody .td_01 span.cut{display:block;width:95px} #recommDetailTable tbody .td_02 span.cut{display:block;width:75px} #recommDetailTable tbody .td_03 span.cut{display:block;width:100px} #recommDetailTable tbody .td_09 p{width:410px;text-indent:-15px;padding-left:15px;margin-bottom:5px} #recommDetailTable tbody .td_09 p.hidden{display:none} #recommDetailBodyArea #searchResult #company_title{margin:0 0 0 0;} #recommDetailBodyArea #searchResult #reason{text-align:right;width:110px;*width:120px;padding:2px} #recommDetailBodyArea #searchResult #reason #reason_box,#recommDetailBodyArea #searchResult label{cursor:pointer} #recommDetailBodyArea #searchResult #reason #reason_box,#recommDetailBodyArea #searchResult label:hover{color:#4572A7} #recommDetailBodyArea #searchResult .cmp_title{width:400px;font-size:13px;font-weight:bold;color:#355B9E;text-shadow:1px 1px 1px #C9C9C9;text-indent:15px;background:url('/New_images/common/bullet_blue.gif') left center no-repeat;font-famiㅣy:'돋움'} #rate_chart{margin:0 5px 0 5px} /* **** 팝업 스타일 ________________________________________________________________________________________________________________________________________*/ /* ***** 이미지 ________________________________________________________________________________________________________________________________________*/ #detail_title ul #bg_image01{width: 80px;height: 30px;background: url('/New_images/sub/boxtit_company.gif') left center no-repeat} #detail_title ul #lookup{width: 18px;height:30px;background: url('/New_images/sub/btn_lookup.gif') left center no-repeat} #detail_title ul #lookup:hover{background: url('/New_images/sub/btn_lookup_ov.gif') left center no-repeat} /* ***** 색상 및 폰트 ________________________________________________________________________________________________________________________________________*/ #detail_list thead{background-color: #585858} /* ***** 컨텐츠 ________________________________________________________________________________________________________________________________________*/ #detail_list tbody .icon_pdf{cursor:pointer} #detail_list{border-top:solid 1px #fff;font-size:9pt} #detail_list thead .th_01,#detail_list tbody .tb_01{width:20%} #detail_list thead .th_02,#detail_list tbody .tb_02{width:35%} #detail_list thead .th_03 , #detail_list thead .th_04 , #detail_list thead .th_05{width:15%} #detail_list tbody .tb_03 , #detail_list tbody .tb_04 ,#detail_list tbody .tb_05{width:15%} #detail_list tbody .tb_02 span{display:inline-block; zoom: 1;*display:inline;} #detail_list tbody .tb_02 .cut{width:90%} #detail_title{font-size: 14px;font-weight: bold;color: #355B9E;text-shadow: 1px 1px 1px #C9C9C9;text-indent: 20px} #detail_title ul{list-style:none;padding:0;margin:0;text-indent:0} #detail_title ul li{display:inline-block;zoom: 1;*display:inline;line-height:30px;vertical-align:middle} /*#detail_list tbody .tb_02{padding-right:20px}*/ #detail_list tbody tr{height:25px} .sort_desc, .sort_asc { background: none; position:relative; } .sort_desc>i { background: url('/images/thebell/D.gif?20151105') no-repeat center right !important; color:#FFF !important; width:11px; height:8px; display:inline-block; position:absolute; } .sort_asc>i { background: url('/images/thebell/A.gif?20151105') no-repeat center right !important; color:#FFF !important; width:11px; height:8px; display:inline-block; position:absolute; } .sort_desc > i.line2, .sort_asc > i.line2 { top: 11px;} .sort_desc > i.line3, .sort_asc > i.line3 { top: 23px;} .sort_desc > i.line4, .sort_asc > i.line4 { top: 35px;} .select{font-weight:700;color:#FFCA1C}