﻿
/*League/MentorLeagueRanking.aspx*/
.analyst_container {width:100%; overflow:hidden; font-size:12px;}
.anal_ranking {color:#999;}
.anal_ranking span {display:inline-block; float:right;}

.analyst_container .item_banner2 {margin-bottom:40px;}
.analyst_box {width:776px;}
.analyst_box .item {position:relative; float:left; width:370px; margin-right:18px; margin-bottom:18px; height:200px; padding-top:20px; background:url(/images/analysts/bg_itembox.png) no-repeat 0 0; overflow:hidden}
.analyst_box .item .i_rank {position:absolute; right:20px; top:0;}
.analyst_box .item .i_img {position:absolute; left:20px; top:20px; width:90px; height:90px; padding:6px; border:1px solid #bdbdbd}
.analyst_box .item .i_img img {width:90px; height:90px;}
.analyst_box .item .i_cont {width:213px; height:90px; padding:10px 0 14px 133px;}
.analyst_box .item .i_cont h4 {margin-bottom:10px; font-size:14px}
.analyst_box .item .i_cont p {width:100%; height:34px; margin-bottom:10px; line-height:17px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.analyst_box .item .i_percent {clear:both; padding:0 20px 10px 13px; height:33px; line-height:35px; overflow:hidden}
.analyst_box .item .i_percent span {display:inline-block; width:48%; color:#555; text-align:center}
.analyst_box .item .i_percent strong {font-size:15px;}
.analyst_box .item .i_percent .t_red {color:#e9240f;}
.analyst_box .item .i_percent .t_blue {color:#0a5ebf;}
.analyst_box .item .i_info {height:40px; line-height:40px; width:330px; padding:0 20px; background:url(/images/analysts/bg_info.png) no-repeat 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.analyst_box .item .i_empty {height:40px; line-height:40px; width:330px; padding:0 20px; background:url(/images/analysts/bg_empty.png) no-repeat 0 0; overflow:hidden; text-align:center; color:#315a89;}
.analyst_box .item .i_empty img {vertical-align:middle}
.analyst_box .item_top {float:right; padding:18px; }

.best_analyst {width:759px; height:264px; margin-bottom:25px; overflow:hidden; background:url(/images/analysts/bg_best.png) no-repeat 0 0}
.best_analyst .item {float:left; position:relative; width:212px; margin-right:1px; padding:60px 20px 0; }
.best_analyst .item h4 {height:47px;}
.best_analyst .item .tit {display:inline-block; float:left; line-height:28px; margin-right:14px; vertical-align:middle; font-size:19px; color:#fff;}
.best_analyst .item .tit .point {color:#ffe67e;}
.best_analyst .item .i_msg {display:none; position:absolute; left:2px; top:83px; width:240px; height:39px; padding:10px 0 0 10px; color:#fff; font-size:12px; line-height:15px; font-style:normal; background:url(/images/analysts/bg_q.png) no-repeat 0 0; font-weight:normal; z-index:1;}
.best_analyst .item .i_question:hover .i_msg {display:block}
.best_analyst .item img {vertical-align:middle}
.best_analyst .item .i_img {position:absolute; left:20px; top:107px;  width:90px; height:90px;}
.best_analyst .item .i_cont {padding:5px 0 0 103px; height:105px; color:#fff; }
.best_analyst .item .i_cont span {color:#93b9f5; font-size:16px; font-weight:bold;}
.best_analyst .item .i_cont p {width:100%; height:51px; margin:5px 0 0; line-height:17px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical;}
.best_analyst .item .i_profit {clear:both; width:100%; overflow:hidden}
.best_analyst .item .i_profit strong {float:left; display:inline-block; width:95px; padding:5px 0 0 7px; overflow:hidden; text-overflow:ellipsis; color:#333}
.best_analyst .item .i_profit span {float:right; display:inline-block; width:110px; text-align:center; color:#fff; line-height:14px;}
.best_analyst .item .i_profit span b {color:#fff200; font-size:14px; line-height:16px; }


.new_common_tab .item_tab {position:relative; margin-bottom:15px; height:37px; background:url(http://www.stockpoint.co.kr/images/main/bg_tab.png) no-repeat 0 2px; text-align:center; overflow:hidden}
.new_common_tab .item_tab button {position:relative; display:block; float:left; height:37px; margin:0 10px; border:0; background:none; overflow:hidden;  overflow:visible; outline:none}
.new_common_tab .item_tab button:first-child {margin-left:80px;}
.new_common_tab .item_tab button.on img {margin-top:-37px;}
.new_common_tab .item_tab_cont {display:none;}
.new_common_tab .item_tab_cont.on {display:block;}

.ranking_tit {line-height:40px; vertical-align:middle; margin-bottom:5px; font-size:22px; color:#333; letter-spacing:-1px; font-weight:bold; clear:both;}
.ana_ranking .item {float:left; width:245px;}
.ana_ranking .item .tit {height:42px; line-height:42px; vertical-align:middle; border:1px solid #194c78; border-top-left-radius:5px; border-top-right-radius:5px; background:linear-gradient(to bottom,#6a96c1,#295482); text-shadow:0 1px 1px #2e5582; font-size:15px; color:#fff;}
.ana_ranking .item .tit img {display:inline-block; vertical-align:middle; margin:-2px 0 0 10px;}
.ana_ranking .item2 {margin-left:12px;}
.ana_ranking .item3 {float:right;}
.ana_ranking .item3 ol {margin-bottom:12px;}
.ana_ranking .item4 {float:left; width:758px; margin-top:12px;}
.ana_ranking .item4 .tit {height:42px; line-height:42px; vertical-align:middle; border:1px solid #194c78; border-top-left-radius:5px; border-top-right-radius:5px; background:linear-gradient(to bottom,#6a96c1,#295482); text-shadow:0 1px 1px #2e5582; font-size:16px; color:#fff;}
.ana_ranking .item4 .tit img {display:inline-block; vertical-align:middle; margin:-2px 0 0 10px;}
.ana_ranking .item4 .table {width:758px; border:1px solid #d7d7d7; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background-color:#eee; background-image:none;}
.ana_ranking .item4 .table td {line-height:40px; vertical-align:middle; border-top:1px solid #d6d6d6; text-align:center; font-weight:bold; background:linear-gradient(to bottom,#fff,#ededed);}
.ana_ranking .item4 .table .i_img {line-height:14px;}
.ana_ranking .item4 .table .i_cnt {width:27px; height:15px; font-weight:normal; line-height:17px; font-size:12px; text-align:center; vertical-align:middle; border-radius:3px; background-color:dimgray; color:#fff;}/**background:url(/images/analysts/bg_rank.png) no-repeat 0 0;*/
.ana_ranking .item4 .table .i_rank {font-size:11px;color:#e9240f; font-weight:normal;}
.ana_ranking .item4 .table .i_rank.up {color:#e9240f;}
.ana_ranking .item4 .table .i_rank.down {color:#0a5ebf;}
.ana_ranking .item4 .table .i_name {overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ana_ranking .item4 .table .i_percent {color:#e9240f;}
.ana_ranking .item4 .table .i_percent.down {color:#0a5ebf;}
.ana_ranking .item4 .table .i_link {color:#2e5582;}
.ana_ranking .item4 .table th {height:32px; padding:0; line-height:32px; background:none; font-weight:normal;}
.ana_ranking .item4 .table th span {text-align:center; display: inline-block;}
.ana_ranking ol {width:245px; padding-bottom:5px; background:url(/images/analysts/bg_rank2.jpg) no-repeat 0 bottom;}
.ana_ranking ol li {width:231px; height:29px; padding:12px 0 0 14px; background:url(/images/analysts/bg_rank.jpg) no-repeat 0 0;}
.ana_ranking ol li a {color:#000000;}
.ana_ranking ol li.i_tit {width:100%; height:32px; padding:0; line-height:32px; background:url(/images/analysts/bg_rank3.jpg) no-repeat 0 0;}
.ana_ranking ol li.i_tit span {text-align:center; display: inline-block;}
.ana_ranking ol li .i_1 {width:55px;}
.ana_ranking ol li .i_2 {width:140px;}
.ana_ranking ol li .i_3 {display:inline}
.ana_ranking ol li * {vertical-align:middle;}
.ana_ranking .i_img {display:inline-block; width:27px; margin-left:2px; text-align:center; vertical-align:middle;}
.ana_ranking .i_cnt {display:inline-block; width:27px; margin-left:2px; line-height:14px; font-size:11px; text-align:center; vertical-align:middle; border-radius:3px; background-color:dimgray; color:#fff;}/**background:url(/images/analysts/bg_rank.png) no-repeat 0 0;*/
.ana_ranking .i_rank {display:inline-block; width:51px; text-align:center; font-size:11px;color:#e9240f;}
.ana_ranking .i_rank.up {color:#e9240f;}
.ana_ranking .i_rank.down {color:#0a5ebf;}
.ana_ranking .i_name {display: inline-block; width:90px; padding-right:5px; margin-right:5px; height:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ana_ranking .i_percent {font-weight:bold; color:#e9240f;text-align:right;}
.ana_ranking .i_percent.down {color:#0a5ebf;}


.interview {margin-bottom:35px; font-size:12px; border-bottom:1px solid #c2c2c2;}
.interview h4 {margin:35px 0 10px;}
.interview .item {position:relative; padding:15px 10px 10px 75px;}
.interview .item.first-child {border-bottom:1px dotted #c2c2c2;}
.interview .item a {margin-left:-25px;}
.interview .item strong {display:block;}
.interview .item p {padding:5px 0 0; height:55px;}
.interview .i_img {position:absolute; left:0; top:13px;  width:65px; height:65px;}

.left_rank {font-size:12px;}
.left_rank h4 {padding-bottom:10px; font-size:15px; color:#20557f;}
.left_rank div {padding:8px 10px; border:1px solid #d7d7d7;}
.left_rank div em {display:inline-block; padding:0 30px 0 20px; color:#d7d7d7; font-size:11px; font-style:normal;}
.left_rank ol {margin-bottom:20px; padding:10px 0 5px; border:1px solid #d7d7d7; border-top:0;}
.left_rank ol li {padding:0 0 5px 10px}
.left_rank ol li a{color:#000000;}
.left_rank ol li * {vertical-align:middle;}
.left_rank ol .i_tit {display:inline-block; width:240px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.left_rank .i_rank {display:inline-block; width:31px; text-align:center; font-size:11px;color:#e9240f;}
.left_rank .i_rank.up {color:#e9240f;}
.left_rank .i_rank.down {color:#0a5ebf;}
