@charset "utf-8";

/* 펀드상품 type navi */

#fundTypeNavi {position:relative;height:25px;border-bottom:2px solid #93A1F6;}

#fundTypeNavi a {display:block;overflow:hidden;float:left;height:16px;text-indent:-1000em;background-image: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/fund/title_classify_spr.gif"); background-repeat: no-repeat;}

#fundTypeNavi span {float:left;margin:0px 8px 0px 10px;font-size:14px;line-height:18px;color:#EBEBEB;}

#mType1 {width:40px;background-position: 0px 0px;}

#mType1.on {background-position: -100px 0px;}

#mType2 {width:41px;background-position: 0px -25px;}

#mType2.on {background-position: -100px -25px;}

#mType3 {width:41px;background-position: 0px -50px;}

#mType3.on {background-position: -100px -50px;}



/* 펀드상품 top 하이라이트 */

#typeInt {overflow:hidden;height:100%;padding:20px 0px 14px 0px;margin-bottom:31px;background: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/fund/bg_topbox_bottom.gif") repeat-x left bottom;}

#typeLink {float:left;width:160px;height:180px;border-right:1px solid #E3E3E3;}



#typeLink ul {overflow:hidden;height:180px;}

#typeLink ul.typeList1 {float:left;width:78px;}

#typeLink ul.typeList2 {float:left;width:82px;}

#typeLink ul li {overflow:hidden;height:14px;margin-bottom:10px;}

#typeLink ul a {display:block;overflow:hidden;width:100%;height:14px;text-indent:-1000em;background-position:0px -25px;background-repeat:no-repeat;cursor:pointer;}

#typeLink ul a.on {display:block;overflow:hidden;width:100%;height:14px;text-indent:-1000em;background-position:0px 0px;background-repeat:no-repeat;}



#typeLinkData {position:relative;float:left;width:257px;height:191px;}

#typeLinkData .divBarGraph {position:absolute;top:48px;left:20px;}



.divGraphHead {position:absolute;left:25px;top:0px;height:34px;}

.divGraphHead h5#titGraph {display:block;float:left;height:16px;cursor:pointer;}

.divGraphHead h5#titGraph span {display:block;overflow:hidden;height:16px;text-indent:-1000em;background-repeat:no-repeat;}

.divGraphHead h5#titGraph span.Up {background-position:0px -25px;}

.divGraphHead h5#titGraph span.Dn {background-position:0px 0px;}

.divGraphHead h5#titGraph span.Ft {background-position:0px -50px;}

.divGraphHead #titGraphRate {margin-left:4px;font:bold 16px/16px arial;}

.divGraphHead p {clear:both;margin-top:6px;font:11px/13px dotum;color:#888;letter-spacing:-1px}

.divGraphHead p span.bar {margin:0px 5px 0px 4px;}		



#typeLinkBest {float:left;position:relative;width:280px;height:191px;margin-right:10px;}

#typeLinkBest h5 {display:block;overflow:hidden;width:69px;height:13px;text-indent:-1000em;background: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/fund/title_best.gif") no-repeat left top;}

#typeLinkBest #bestRank {margin-top:11px;}

#typeLinkBest .btnSmallMore {position:absolute;right:0px;top:2px;}

#typeLinkBest .divBestTit {height:24px;background:url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/fund/ln_divi_sub.gif") no-repeat 0px bottom;}

#typeLinkBest .cateRankList {overflow:hidden;width:100%;padding-top:0px;}

#typeLinkBest .cateRankList li {overflow:hidden;float:left;width:261px;height:34px;padding:6px 0px 0px 19px !important;line-height:19px;background-image:url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/img/ico_right_number.gif");background-repeat:no-repeat;}

#typeLinkBest .cateRankList li.no_1 {background-position}

#typeLinkBest .cateRankList li.no_1 {background-position: 0px 10px;}

#typeLinkBest .cateRankList li.no_2 {background-position: 0px -40px;}

#typeLinkBest .cateRankList li.no_3 {background-position: 0px -90px;}

#typeLinkBest .cateRankList li.no_4 {background-position: 0px -140px;}

#typeLinkBest .cateRankList li.no_5 {background-position: 0px -190px;}

#typeLinkBest .cateRankList li.no_6 {background-position: 0px -240px;}

#typeLinkBest .cateRankList li.no_7 {background-position: 0px -290px;}

#typeLinkBest .cateRankList a {display:block;letter-spacing:-1px;}

#typeLinkBest .cateRankList em.sType {display:block;float:left;font:11px/14px dotum;color:#999;letter-spacing:-1px;}

#typeLinkBest .cateRankList span {float:left;font:11px/14px dotum;}

#typeLinkBest .cateRankList span.bar {margin:0px 3px 0px 2px;line-height:12px;}

        

/* BEST 테마 */

#bestTheme {clear:both;position:relative;overflow:hidden;height:100%;padding:19px 1px 1px 1px;background:url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/fund/bg_type.gif") no-repeat 0px 0px;}

#bestTheme h4 {display:inline;height:26px;margin:0px 0px 0px 15px;background-image: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/fund/title_best_theme.gif"); }

#bestTheme .getDataTime {position:absolute;left:87px;top:22px;font:11px/13px dotum;color:#999;letter-spacing: -1px}

#bestTheme #bastThemeList {clear:both;overflow:hidden;width:706px;height:288px;}



#bastThemeList .boxTheme {overflow:hidden;float:left;width:211px;height:272px;padding:0px 11px 0px 12px;border-right:1px solid #DBDBDB;}

#bastThemeList .third {width:211px;border-right:0px;}

#bastThemeList .titTheme {display:block;overflow:hidden;position:relative;height:23px;padding:11px 0px 0px 10px;font-size:12px;background-color: #F5F5F5}

#bastThemeList .titTheme b {margin-left:8px;font:bold 15px arial;}



#bastThemeList ol {width:211px;margin:0px 0px 0px 0px;padding-top:0px;}

#bastThemeList li {position:relative;padding:14px 0px 11px 0px;border-top:1px solid #F0F0F0;}

#bastThemeList li a {display:inline-block;height:14px;line-height:16px;padding-left:19px;background-image:url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/fund/ico_three_spr.gif");background-repeat: no-repeat;}

#bastThemeList li a.chartLink {display:inline;background:none;padding:0px;margin:0px;height:auto;}

#bastThemeList li a b {letter-spacing: -1px;}

#bastThemeList li span {position:absolute;top:15px;right:3px;}

#bastThemeList li img {margin-top:8px;margin-bottom:1px;}

#bastThemeList li.no_1 {border-top:0px;}

#bastThemeList li.no_1 a {background-position: 3px 1px;}

#bastThemeList li.no_2 a {background-position: 3px -24px;}

#bastThemeList li.no_3 a {background-position: 3px -49px;}



/* override */

#bastThemeList .btnSmallMore {position:absolute;right:10px;top:9px;width:24px;background-image: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/fund/bt_more02.gif");background-color: #F5F5F5;}





#btnBestPrev {display:block;position:absolute;right:26px;top:20px;width:14px;height:15px;background:url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/img/bt_nav_arrow.gif") no-repeat left top;}

#btnBestNext {display:block;position:absolute;right:11px;top:20px;width:15px;height:15px;background:url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/img/bt_nav_arrow.gif") no-repeat right top;}



/* 펀드명 리스트 */

#fundBrandList {margin:30px 0px 31px 0px ;}

#fundBrandList table {margin-top:6px;}



/* 펀드상품 type sub 메뉴 */

#fundTypeSubMenu {overflow:hidden;width:708px;/*height:37px;*/padding-bottom:10px;white-space:nowrap}

#fundTypeSubMenu a {display:block;float:left;height:14px;font:12px/14px dotum;color:#000;padding:1px 4px 0px 3px;margin:10px 3px 0px 3px;letter-spacing:-1px;text-decoration: none;border:1px solid #FFF;}

* html #fundTypeSubMenu a {height:13px;padding:2px 4px 0px 3px;}

#fundTypeSubMenu a.on {border-color: #7F8AEF;font-weight:bold;color:#FFF;background-color: #838EFE;}



/* 하이라이트 영역 */

#typeTopInfo {height:100%;border:1px solid #AFBAF5;border-bottom:0px;}



#typeTopInfo.bar #typeTopHead .setDate {}

#typeTopInfo.bar #typeTopBody {display:none;}

#typeTopInfo a.priceMore {display:block;overflow:hidden;position:absolute;top:5px;right:0px;width:15px;height:15px;text-indent:-1000em;background: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/img/bt_more_fee_arrow.gif") no-repeat left top;cursor: pointer;}

#typeTopInfo .moreGraph {position:absolute;right:19px;top:6px;font-size:11px;color:#6570DA;text-decoration: underline;}



#typeTopInfoFoot {overflow:hidden;height:3px;margin-bottom:23px;background: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/fund/bg_sub_top.gif") repeat-x left top;}



#typeTopHead {overflow:hidden;position:relative;height:25px;padding-top:16px;margin:0px 20px 0px 20px;}

* html #typeTopHead {height:24px;padding-top:17px;}

#typeTopHead h3 {float:left;font:bold 17px/18px dotum;color:#333;letter-spacing: -1px;}

#typeTopHead .rate {float:left;margin-left:10px;font:bold 18px/18px arial;}

#typeTopHead .setDate {position:absolute;right:0px;top:22px;font:11px/13px dotum;color:#7A7A7A;letter-spacing: -1px;}



#typeTopBody {overflow:hidden;clear:both;padding:16px 0px 8px 0px;margin:0px 20px 8px 20px;border-top:1px solid #DADADA;}

#typeTopBody #typeChart {float:left;width:217px;height:152px;}

#typeTopBody #typeInfo {float:left;width:429px;padding-left:18px;border-left:1px solid #EBEBEB;}

#typeTopBody #typeInfo p {margin-bottom:10px;font:12px/19px dotum;color:#7A7A7A;letter-spacing: -1px;}

#typeTopBody #typeInfo h5 {margin-bottom:4px;font:bold 12px/15px dotum;color:#222;letter-spacing: -1px;}

#typeTopBody #typeInfo table {width:100%;border-top:1px solid #D8D8D8;border-bottom:1px solid #D8D8D8;}

#typeTopBody #typeInfo table th {padding-top:1px;font:12px/26px dotum;color:#696969;text-align:center;background-color: #F9F9F9;}

* html #typeTopBody #typeInfo table th {height:24px;padding-top:3px;line-height:normal;}

#typeTopBody #typeInfo table th b {color:#161616;}

#typeTopBody #typeInfo table td {height:28px;font:12px/28px dotum;text-align:center;}



/* 연관지표 */

#typeTopBody .linkageIndex  {overflow:hidden;float:left;position:relative;width:360px;padding:0px 0px 0px 69px;margin-top:12px;background: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/img/title_real_index.gif") no-repeat 0px 6px;}

#typeTopBody .linkageIndex h6 {display:none;}

#typeTopBody .linkageIndex dl {float:left;width:100%;font-size:12px;}

#typeTopBody .linkageIndex dt {float:left;height:18px;padding-top:6px;letter-spacing:-1px;}

#typeTopBody .linkageIndex dd {float:left;height:18px;padding-top:6px;margin-left:9px;}

* html #typeTopBody .linkageIndex dd {padding-top:5px;}

#typeTopBody .linkageIndex .linkDate {font-size:11px;line-height:15px;color:#999;}

#typeTopBody .linkageIndex .bar {margin:0px 4px;font-size:11px;color:#DFDFDF;}

#typeTopBody .linkageIndex .btnMyPrev {position:absolute;right:15px;top:5px;width:14px;height:15px;background: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/img/bt_nav_arrow.gif") no-repeat left top;}

#typeTopBody .linkageIndex .btnMyNext {position:absolute;right:0px;top:5px;width:15px;height:15px;background: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/img/bt_nav_arrow.gif") no-repeat right top;}

#relationList {overflow:hidden;width:295px;height:24px;}



/* 펀드 유형 상세 navi */

#fundBrandNavi {position:relative;width:100%;height:32px;margin-bottom:9px;background: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/fund/bg_tab_fundsub.gif") no-repeat left top;}

#fundBrandNavi a {display:block;overflow:hidden;position: absolute;top:0px;z-index:9;width:100%;height:100%;text-indent:-1000em;background-image: url("http://i1.daumcdn.net/fn/image/finance/plaza/2009_fund/fund/tab_fund_sub_pro2.gif");background-repeat: no-repeat;}

#fundBrandNavi a.on {z-index:10;}

#fundBrandNavi #mBrand1		{left:0px;width:85px;background-position: 0px -32px;}

#fundBrandNavi #mBrand1.on	{background-position: 0px 0px;}

#fundBrandNavi #mBrand2		{left:84px;width:83px;background-position: -84px -32px;}

#fundBrandNavi #mBrand2.on	{background-position: -84px 0px;}

#fundBrandNavi #mBrand3		{left:166px;width:61px;background-position: -166px -32px;}

#fundBrandNavi #mBrand3.on	{background-position: -166px 0px;}

#fundBrandNavi #mBrand4		{left:226px;width:66px;background-position: -226px -32px;}

#fundBrandNavi #mBrand4.on	{background-position: -226px 0px;}

#fundBrandNavi #mBrand5 {display:none;}

/*

#fundBrandNavi #mBrand5		{left:291px;width:63px;background-position: -291px -32px;}

#fundBrandNavi #mBrand5.on	{background-position: -291px 0px;}

#fundBrandNavi #mBrand6		{left:353px;width:65px;background-position: -353px -32px;}

#fundBrandNavi #mBrand6.on	{background-position: -353px 0px;}

#fundBrandNavi #mBrand7		{left:417px;width:84px;background-position: -417px -32px;}

#fundBrandNavi #mBrand7.on	{background-position: -417px 0px;}

#fundBrandNavi #mBrand8		{left:500px;width:83px;background-position: -500px -32px;}

#fundBrandNavi #mBrand8.on	{background-position: -500px 0px;}



#fundBrandNavi #mBrand6		{left:290px;width:65px;background-position: -353px -32px;}

#fundBrandNavi #mBrand6.on	{background-position: -353px 0px;}

#fundBrandNavi #mBrand7		{left:354px;width:84px;background-position: -417px -32px;}

#fundBrandNavi #mBrand7.on	{background-position: -417px 0px;}

#fundBrandNavi #mBrand8		{left:437px;width:83px;background-position: -500px -32px;}

#fundBrandNavi #mBrand8.on	{background-position: -500px 0px;}

*/



#fundBrandNavi #mBrand7		{left:291px;width:84px;background-position: -353px -32px;}

#fundBrandNavi #mBrand7.on	{background-position: -353px 0px;}

#fundBrandNavi #mBrand8		{left:375px;width:83px;background-position: -436px -32px;}

#fundBrandNavi #mBrand8.on	{background-position: -436px 0px;}



/*수익률상위|설정액상위*/

#earningSet { position:relative; }

#earningSet .dateStandard { position:absolute; right:0; top:25px; font-size:11px; color:#999; }

#earningSet .bar { position:absolute; left:81px; top:23px; color:#e5e5e5; }

* html #earningSet .dateStandard {top:26px;}



/* 뉴스&QA */

#newsAndQa { overflow:hidden; }

#newsAndQa #news { float:left; width:339px; }

#newsAndQa #qa { float:right; width:339px; }

#newsAndQa #news .newsList, #newsAndQa #qa .qaList { width:339px;border-top:1px solid #d4d4d4; padding-top:12px; }

#newsAndQa #news .newsList li, #newsAndQa #qa .qaList li { position:relative; line-height:14px; padding-left:9px; margin-bottom:9px; }

*html #newsAndQa #news .newsList li, #newsAndQa #qa .qaList li { line-height:15px; margin-bottom:8px; }

#newsAndQa #news .newsList li .date, #newsAndQa #qa .qaList li .writer { position:absolute; right:10px; top:-1px; font-size:11px; color:#7a7a7a; }

#newsAndQa #qa .qaList li .cnt { margin-left:9px; font-size:11px; color:#f6667a; }

#newsAndQa .more {margin-top:5px;}



/* 연관지표 */

#continuousTable { overflow:hidden; padding:0 18px 21px 20px; border-top:1px solid #d4d4d4; background-color:#fbfbfb; }

#continuousTable h5 { font:12px/14px dotum; font-weight:bold; color:#333; letter-spacing:-1px; margin:17px 0 8px 0; }

#continuousTable .changeGraph { float:left; width:443px; height:208px; border:1px solid #D1D1D1; }

#continuousTable .changeTable { float:right; }

#continuousTable .changeTable table {/* width:215px; */}

#continuousTable .changeTable table td { height:23px; }		

#continuousTable .changeTable table td.td_top1 { height:3px; }

#continuousTable .changeTable table td.td_bottom1 { height:18px; }

#continuousTable .linkingGraphDiv {overflow:hidden;position:relative;height:250px;margin-bottom:2px;}

#continuousTable .linkingGraphDiv .btnSmallMore {position:absolute;right:0px;top:16px;}



#mRight #divRightFundNews {border-bottom:0px;}