@import "myAsset2.css"; @import "common.css"; div.pageTitle {background:url('../../images/common/bg_pagetitleNone.gif') left top no-repeat; padding:15px 0 12px 19px; font-weight:bold; font-size:14px; color:#00775D; letter-spacing:-1px;} /* 탭 - 총자산현황 */ ul.tab_myAsset {clear:both; display:inline-block; _display:block; background:url(../../images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 5px 0; padding:0px 0 2px 10px; width:100%} ul.tab_myAsset li {float:left; display:inline-block;} ul.tab_myAsset li a {float:left; height:29px; background:url(../../images/tab_totalAsset.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_myAsset li a span {display:inline-block; position:relative; z-index:-1} ul.tab_myAsset li a.tab0 {background-position:0 0; width:66px} ul.tab_myAsset li a.tab1 {background-position:-66px 0; width:58px} ul.tab_myAsset li a.tab2 {background-position:-124px 0; width:67px} ul.tab_myAsset li a.tab3 {background-position:-191px 0; width:62px} ul.tab_myAsset li a.tab4 {background-position:-253px 0; width:80px} ul.tab_myAsset li a.tab5 {background-position:-333px 0; width:59px} ul.tab_myAsset li a.tab6 {background-position:-392px 0; width:78px} ul.tab_myAsset li a.tab7 {background-position:-470px 0; width:73px} ul.tab_myAsset li a:hover.tab0, ul.tab_myAsset li a.tab0Seleted {background-position:0 -29px; width:66px} ul.tab_myAsset li a:hover.tab1, ul.tab_myAsset li a.tab1Seleted {background-position:-66px -29px; width:58px} ul.tab_myAsset li a:hover.tab2, ul.tab_myAsset li a.tab2Seleted {background-position:-124px -29px; width:67px} ul.tab_myAsset li a:hover.tab3, ul.tab_myAsset li a.tab3Seleted {background-position:-191px -29px; width:62px} ul.tab_myAsset li a:hover.tab4, ul.tab_myAsset li a.tab4Seleted {background-position:-253px -29px; width:80px} ul.tab_myAsset li a:hover.tab5, ul.tab_myAsset li a.tab5Seleted {background-position:-333px -29px; width:59px} ul.tab_myAsset li a:hover.tab6, ul.tab_myAsset li a.tab6Seleted {background-position:-392px -29px; width:78px} ul.tab_myAsset li a:hover.tab7, ul.tab_myAsset li a.tab7Seleted {background-position:-470px -29px; width:73px} /* 총자산현황 - 수익증권 계좌 테이블 */ div.calContain {margin-bottom:5px} div.calContain input {vertical-align:middle;} div.calContain strong {padding-right:10px; vertical-align:bottom;} div.calContain span {margin:0px; padding:0px; vertical-align:bottom;} div.calContain .cal_sub_day {float:left; display:inline-block; width:300px} div.calContain .cal_sub_day img {vertical-align:middle;} div.calContain .cal_sub_day input {width:73px; margin-right:5px;} div.calContain .cal_sub_month {float:left; display:inline-block; width:230px;} div.calContain .cal_sub_month select {width:100px; display:inline-block;} div.calContain .cal_img {float:right; padding-left:10px; margin-right:10px;} /* 자산 report */ ul.tab_report {clear:both; display:inline-block; background:url(../../images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 10px 0; padding:0px 0 2px 10px; width:100%} ul.tab_report li {float:left; display:inline-block;} ul.tab_report li a {float:left; height:29px; background:url(../../images/tab_report.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_report li a span {display:inline-block; position:relative; z-index:-1} ul.tab_report li a.tab0 {background-position:0 0; width:66px} ul.tab_report li a.tab1 {background-position:-66px 0; width:94px} ul.tab_report li a.tab2 {background-position:-160px 0; width:86px} ul.tab_report li a.tab3 {background-position:-246px 0; width:48px} ul.tab_report li a.tab4 {background-position:-294px 0; width:66px} ul.tab_report li a.tab5 {background-position:-360px 0; width:75px} ul.tab_report li a:hover.tab0, ul.tab_report li a.tab0Seleted {background-position:0 -29px; width:66px} ul.tab_report li a:hover.tab1, ul.tab_report li a.tab1Seleted {background-position:-66px -29px; width:94px} ul.tab_report li a:hover.tab2, ul.tab_report li a.tab2Seleted {background-position:-160px -29px; width:86px} ul.tab_report li a:hover.tab3, ul.tab_report li a.tab3Seleted {background-position:-246px -29px; width:48px} ul.tab_report li a:hover.tab4, ul.tab_report li a.tab4Seleted {background-position:-294px -29px; width:66px} ul.tab_report li a:hover.tab5, ul.tab_report li a.tab5Seleted {background-position:-360px -29px; width:75px} /* 자산 report */ ul.tab_myAssetCalendar {clear:both; display:inline-block; background:url(../../images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 5px 0; padding:20px 0 2px 10px; width:100%} ul.tab_myAssetCalendar li {float:left; display:inline-block;} ul.tab_myAssetCalendar li a {float:left; height:29px; background:url(../../images/tab_myAssetCalendar.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_myAssetCalendar li a span {display:inline-block; position:relative; z-index:-1} ul.tab_myAssetCalendar li a.tab0 {background-position:0 0; width:66px} ul.tab_myAssetCalendar li a.tab1 {background-position:-66px 0; width:66px} ul.tab_myAssetCalendar li a.tab2 {background-position:-132px 0; width:89px} ul.tab_myAssetCalendar li a.tab3 {background-position:-221px 0; width:75px} ul.tab_myAssetCalendar li a:hover.tab0, ul.tab_myAssetCalendar li a.tab0Seleted {background-position:0 -29px; width:66px} ul.tab_myAssetCalendar li a:hover.tab1, ul.tab_myAssetCalendar li a.tab1Seleted {background-position:-66px -29px; width:66px} ul.tab_myAssetCalendar li a:hover.tab2, ul.tab_myAssetCalendar li a.tab2Seleted {background-position:-132px -29px; width:89px} ul.tab_myAssetCalendar li a:hover.tab3, ul.tab_myAssetCalendar li a.tab3Seleted {background-position:-221px -29px; width:75px} /* 알리미 */ ul.tab_announce {clear:both; display:inline-block; background:url(../../images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 5px 0; padding:0px 0 2px 10px; width:100%} ul.tab_announce li {float:left; display:inline-block;} ul.tab_announce li a {float:left; height:29px; background:url(../../images/tab_announce.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_announce li a span {display:inline-block; position:relative; z-index:-1} ul.tab_announce li a.tab0 {background-position:0 0; width:54px} ul.tab_announce li a.tab1 {background-position:-54px 0; width:71px} ul.tab_announce li a:hover.tab0, ul.tab_announce li a.tab0Seleted {background-position:0 -29px; width:54px} ul.tab_announce li a:hover.tab1, ul.tab_announce li a.tab1Seleted {background-position:-54px -29px; width:71px} /* 나의이벤트 */ ul.tab_myEvent {clear:both; display:inline-block; background:url(../../images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 5px 0; padding:0px 0 2px 10px; width:100%} ul.tab_myEvent li {float:left; display:inline-block;} ul.tab_myEvent li a {float:left; height:29px; background:url(../../images/tab_myEvent.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_myEvent li a span {display:inline-block; position:relative; z-index:-1} ul.tab_myEvent li a.tab0 {background-position:0 0; width:101px} ul.tab_myEvent li a.tab1 {background-position:-101px 0; width:93px} ul.tab_myEvent li a:hover.tab0, ul.tab_myEvent li a.tab0Seleted {background-position:0 -29px; width:101px} ul.tab_myEvent li a:hover.tab1, ul.tab_myEvent li a.tab1Seleted {background-position:-101px -29px; width:93px} /* news & event */ ul.tab_newsEvent {clear:both; display:inline-block; background:url(../../images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 5px 0; padding:0px 0 2px 10px; width:100%} ul.tab_newsEvent li {float:left; display:inline-block;} ul.tab_newsEvent li a {float:left; height:29px; background:url(../../images/tab_newsEvent.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_newsEvent li a span {display:inline-block; position:relative; z-index:-1} ul.tab_newsEvent li a.tab0 {background-position:0 0; width:102px} ul.tab_newsEvent li a.tab1 {background-position:-102px 0; width:93px} ul.tab_newsEvent li a:hover.tab0, ul.tab_newsEvent li a.tab0Seleted {background-position:0 -29px; width:102px} ul.tab_newsEvent li a:hover.tab1, ul.tab_newsEvent li a.tab1Seleted {background-position:-102px -29px; width:93px} /* 개인정보변경 */ ul.tab_myPage {clear:both; display:inline-block; background:url(../../images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 5px 0; padding:0px 0 2px 10px; width:100%} ul.tab_myPage li {float:left; display:inline-block;} ul.tab_myPage li a {float:left; height:29px; background:url(../../images/tab_myPage.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_myPage li a span {display:inline-block; position:relative; z-index:-1} ul.tab_myPage li a.tab0 {background-position:0 0; width:112px} ul.tab_myPage li a.tab1 {background-position:-112px 0; width:108px} ul.tab_myPage li a.tab2 {background-position:-220px 0; width:126px} ul.tab_myPage li a:hover.tab0, ul.tab_myPage li a.tab0Seleted {background-position:0 -29px; width:112px} ul.tab_myPage li a:hover.tab1, ul.tab_myPage li a.tab1Seleted {background-position:-112px -29px; width:108px} ul.tab_myPage li a:hover.tab2, ul.tab_myPage li a.tab2Seleted {background-position:-220px -29px; width:126px} /* 비밀번호변경 */ ul.tab_changePw {clear:both; display:inline-block; background:url(../../images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 5px 0; padding:0px 0 2px 10px; width:100%} ul.tab_changePw li {float:left; display:inline-block;} ul.tab_changePw li a {float:left; height:29px; background:url(../../images/tab_changepw.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_changePw li a span {display:inline-block; position:relative; z-index:-1} ul.tab_changePw li a.tab0 {background-position:0 0; width:99px} ul.tab_changePw li a.tab1 {background-position:-99px 0; width:109px} ul.tab_changePw li a.tab2 {background-position:-208px 0; width:128px} ul.tab_changePw li a:hover.tab0, ul.tab_changePw li a.tab0Seleted {background-position:0 -29px; width:99px} ul.tab_changePw li a:hover.tab1, ul.tab_changePw li a.tab1Seleted {background-position:-99px -29px; width:109px} ul.tab_changePw li a:hover.tab2, ul.tab_changePw li a.tab2Seleted {background-position:-208px -29px; width:128px} ul.publicPw li {margin:10px; border-bottom:1px dotted #dbdad8} ul.publicPw li.end {margin:10px; border-bottom:none;} ul.publicPw dt {clear:both; float:left} ul.publicPw dt.first {float:left} ul.publicPw dd {padding:5px} ul.publicPw dd span {font-weight:bold; color:#033e31} /* 투자자정보확인서 */ ul.tab_invest {clear:both; display:inline-block; background:url(../../images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 5px 0; padding:0px 0 2px 10px; width:100%} ul.tab_invest li {float:left; display:inline-block;} ul.tab_invest li a {float:left; height:29px; background:url(../../images/tab_invest.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_invest li a span {display:inline-block; position:relative; z-index:-1} ul.tab_invest li a.tab0 {background-position:0 0; width:99px} ul.tab_invest li a.tab1 {background-position:-99px 0; width:123px} ul.tab_invest li a.tab2 {background-position:-222px 0; width:119px} ul.tab_invest li a:hover.tab0, ul.tab_invest li a.tab0Seleted {background-position:0 -29px; width:99px} ul.tab_invest li a:hover.tab1, ul.tab_invest li a.tab1Seleted {background-position:-99px -29px; width:123px} ul.tab_invest li a:hover.tab2, ul.tab_invest li a.tab2Seleted {background-position:-222px -29px; width:119px} /* my펀드_포트폴리오 */ ul.tab_myPortfolio {clear:both; display:inline-block; background:url(../../images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 5px 0; padding:0px 0 2px 10px; width:100%} ul.tab_myPortfolio li {float:left; display:inline-block;} ul.tab_myPortfolio li a {float:left; height:29px; background:url(../../images/tab_portfolio.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_myPortfolio li a span {display:inline-block; position:relative; z-index:-1} ul.tab_myPortfolio li a.tab0 {background-position:0 0; width:91px} ul.tab_myPortfolio li a.tab1 {background-position:-91px 0; width:124px} ul.tab_myPortfolio li a:hover.tab0, ul.tab_myPortfolio li a.tab0Seleted {background-position:0 -29px; width:91px} ul.tab_myPortfolio li a:hover.tab1, ul.tab_myPortfolio li a.tab1Seleted {background-position:-91px -29px; width:124px} /* 투자성과 */ ul.tab_myResult {clear:both; display:inline-block; background:url(../../images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 5px 0; padding:0px 0 2px 10px; width:100%} ul.tab_myResult li {float:left; display:inline-block;} ul.tab_myResult li a {float:left; height:29px; background:url(../../images/tab_myResult.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_myResult li a span {display:inline-block; position:relative; z-index:-1} ul.tab_myResult li a.tab0 {background-position:0 0; width:81px} ul.tab_myResult li a.tab1 {background-position:-81px 0; width:82px} ul.tab_myResult li a.tab2 {background-position:-163px 0; width:101px} ul.tab_myResult li a:hover.tab0, ul.tab_myResult li a.tab0Seleted {background-position:0 -29px; width:81px} ul.tab_myResult li a:hover.tab1, ul.tab_myResult li a.tab1Seleted {background-position:-81px -29px; width:82px} ul.tab_myResult li a:hover.tab2, ul.tab_myResult li a.tab2Seleted {background-position:-163px -29px; width:101px} /* 펀드분석_펀드성과현황 */ ul.tab_fundCondition {clear:both; display:inline-block; background:url(../../images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 5px 0; padding:0px 0 2px 10px; width:100%} ul.tab_fundCondition li {float:left; display:inline-block;} ul.tab_fundCondition li a {float:left; height:29px; background:url(../../images/tab_fundCondition.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_fundCondition li a span {display:inline-block; position:relative; z-index:-1} ul.tab_fundCondition li a.tab0 {background-position:0 0; width:92px} ul.tab_fundCondition li a.tab1 {background-position:-92px 0; width:102px} ul.tab_fundCondition li a.tab2 {background-position:-194px 0; width:88px} ul.tab_fundCondition li a:hover.tab0, ul.tab_fundCondition li a.tab0Seleted {background-position:0 -29px; width:92px} ul.tab_fundCondition li a:hover.tab1, ul.tab_fundCondition li a.tab1Seleted {background-position:-92px -29px; width:102px} ul.tab_fundCondition li a:hover.tab2, ul.tab_fundCondition li a.tab2Seleted {background-position:-194px -29px; width:88px} /* 탭 - 진단결과 요약 */ ul.tab_diagnosis {clear:both; display:inline-block; background:url(../../images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 5px 0; padding:0px 0 2px 10px; width:100%} ul.tab_diagnosis li {float:left; display:inline-block;} ul.tab_diagnosis li a {float:left; height:29px; background:url(../../images/tab_fund.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_diagnosis li a span {display:inline-block; position:relative; z-index:-1} ul.tab_diagnosis li a.tab0 {background-position:0 0; width:91px} ul.tab_diagnosis li a.tab1 {background-position:-91px 0; width:100px} ul.tab_diagnosis li a.tab2 {background-position:-191px 0; width:91px} ul.tab_diagnosis li a:hover.tab0, ul.tab_diagnosis li a.tab0Seleted {background-position:0 -29px; width:91px} ul.tab_diagnosis li a:hover.tab1, ul.tab_diagnosis li a.tab1Seleted {background-position:-91px -29px; width:100px} ul.tab_diagnosis li a:hover.tab2, ul.tab_diagnosis li a.tab2Seleted {background-position:-191px -29px; width:91px} dl.consult dt {text-align:center} dl.consult dd {margin:0; padding-bottom:5px; text-align:center} div.centerBtn {text-align:center; margin:10px} div.fundExplain {background:#e3eae9; padding:10px; margin-top:10px} div.fundExplain p {background:url(../images/bullet_gray.gif) no-repeat 0 5px; padding-left:8px; margin-bottom:5px; color:#00f} div.fundExplain dt {float:left; font-weight:bold; padding-left:7px} div.fundExplain dd span {font-weight:bold; color:red} /* layout */ .h1Container {clear:both; display:block; padding:20px 5px 0 0} .myAsset0 {float:right; margin-top:0px} /*.myAsset0 .generalBtn {position:absolute !important; top:23px; right:0} */ .myAsset1 {float:left; margin:0px 5px 20px 0px; display:inline} .myAsset1 .table_basic_multihead {margin-top:32px} .myAssetGraph {border:1px solid #e0e0e0; clear:both; display:inline-block; margin-top:3px; margin-bottom:10px} .fundclinic1 {float:left; display:inline-block; width:350px;} .fundclinic1 h1 {width:auto} .fundclinic2 {float:right; margin-top:25px} .fundclinic3 {float:left} .fundclinic4 {float:right} .hiddenMenu {position:absolute; right:15px; border:1px solid #000; text-align:left; background:#f4f2e9; border:1px solid #a7c5bd; padding:5px; display:none; z-index:900; width:110px} .hiddenMenu li {margin-bottom:3px} .hiddenMenu li a {padding-left:6px} .myAssetPopTitle {display:inline; width:300px} .viewAccount0 {float:left; padding:5px 10px 0 0} .calenderTop {position:relative; padding-top:5px} ul.alimiCheck li {background:none !important; width:185px; float:left;} ul.alimiCheck li.end {clear:both; width:100%} h2.myList {display:inline-block; float:left !important; margin-top:0px} div.myEvent {margin-bottom:5px; width:250px} div.myEvent p.title {font-weight:bold; color:#047960; margin-bottom:5px;} div.myEvent p {margin:0} div.myPageBtn {border-top:1px solid #a7c5bd; margin:15px 0; padding:20px} div.myPageBtn h3.msg {width:400px; float:left} div.myPageBtn2{padding:10px; text-align:center} ul.poll {} ul.poll li.fl {position:relative; background:none; float:left; margin-right:20px; white-space:nowrap} ul.poll li.fl div {position:absolute; top:20px; left:25px; border:1px solid #a7c5bd; background:#f4f2e9; padding:5px; z-index:100; display:none; width:150px; white-space:normal} td.r ul.doubleDate li {background:none; list-style:none; font-size:12px; padding:0} div.myFavorite {width:690px} div.myFavorite .bestFund {float:left; display:inline-block; width:345px} div.myFavorite .bestFund div.lastest {position:relative; margin-top:3px;} div.myFavorite .bestFund div.lastest .more {position:absolute; top:-25px; right:0} div.myFavorite .bestFund div.lastest ul {border-top:2px solid #a7c5bd} div.myFavorite .bestFund div.lastest ul li {height:15px; border-bottom:1px solid #e2e2e2; padding:0 8px; padding-top:5px} div.myFavorite .bestFund div.lastest ul li a {float:left} div.myFavorite .bestFund div.lastest ul li span {float:right} /* 탭 - 상품비교 */ ul.tab_contrastProduct {clear:both; display:inline-block; background:url(../../images/bg_tabBar.gif) no-repeat bottom left; margin:0 0 5px 0; padding:0 0 2px 10px; width:100%} ul.tab_contrastProduct li {float:left; display:inline-block;} ul.tab_contrastProduct li a {float:left; height:29px; background:url(../../images/tab_contrastProduct.gif) no-repeat; font:0/0 Arial; line-height:0} ul.tab_contrastProduct li a span {display:inline-block; position:relative; z-index:-1;} ul.tab_contrastProduct li a.tab0 {background-position:0 0; width:66px} ul.tab_contrastProduct li a.tab1 {background-position:-66px 0; width:76px} ul.tab_contrastProduct li a:hover.tab0, ul.tab_contrastProduct li a.tab0Seleted {background-position:0 -29px; width:66px} ul.tab_contrastProduct li a:hover.tab1, ul.tab_contrastProduct li a.tab1Seleted {background-position:-66px -29px; width:76px} ol.autoMemo {display:inline-block; margin:px; } ol.autoMemo li {list-style-type:number !important; display:inline-block; word-break:break-all;} dl.autoMemo {display:inline-block; margin:10px;} dl.autoMemo dd {display:inline-block; word-break:break-all;} p.adminMemo span {margin:10px; font-weight:bold} p.myMemo {margin:10px} /* 펀드클리닉 - 투자목적관리 */ div.fundManager {float:left; margin:0 10px 5px 0; padding:3px 0 0 20px;} div.fundManager a {font-weight:bold} div.fundManager input {border:none; border-bottom:1px solid #666; width:80px} div.fundManager a img {vertical-align:middle} div.plus {background:url(../../images/ico_plus.gif) no-repeat 7px 6px} div.minus {background:url(../../images/ico_minus.gif) no-repeat 7px 6px} div.setAmount {position:relative; float:left; display:inline-block; padding-left:3px; padding-right:5px; margin-top:2px;} div.setAmount input {border:0; border-bottom:1px solid #c0c0c0;} div.setAmount_small {position:absolute; top:35px; left:300px; width:292px; height:80px; display:none; z-index:50} div.setAmount_small input {border:1px solid #b5b8be; display:inline; width:80px;} div.setAmount_small_first {position:absolute; top:165px; left:300px; width:292px; height:80px; z-index:50} div.fundManagerTable {margin:5px 0; display:none;} .recommandFund dt {font-weight:bold} .recommandFund dd {margin:0} dl.checkInvest dd {margin:2px 20px} /*추천포트폴리오 */ ul.chooAll {clear:both; display:inline-block; width:690px;} ul.chooAll li {float:left; display:inline-block;} ul.chooAll li a {float:left; height:229px; background:url('/images/bg_chooAll.gif') no-repeat; font:0/0 Arial; line-height:0} ul.chooAll li a span {display:inline-block; position:relative; z-index:-1} ul.chooAll li a.tab0 {background-position:0 0; width:138px;} ul.chooAll li a.tab1 {background-position:-138px 0; width:138px;} ul.chooAll li a.tab2 {background-position:-276px 0; width:138px;} ul.chooAll li a.tab3 {background-position:-414px 0; width:138px;} ul.chooAll li a.tab4 {background-position:-552px 0; width:138px;} ul.chooAll li a:hover.tab0 {background-position:0 -229px; width:138px;} ul.chooAll li a:hover.tab1 {background-position:-138px -229px; width:138px;} ul.chooAll li a:hover.tab2 {background-position:-276px -229px; width:138px;} ul.chooAll li a:hover.tab3 {background-position:-414px -229px; width:138px;} ul.chooAll li a:hover.tab4 {background-position:-552px -229px; width:138px;} ul.chooAll li a.tab0Seleted {background-position:0 -458px; width:138px;} ul.chooAll li a.tab1Seleted {background-position:-138px -458px; width:138px;} ul.chooAll li a.tab2Seleted {background-position:-276px -458px; width:138px;} ul.chooAll li a.tab3Seleted {background-position:-414px -458px; width:138px;} ul.chooAll li a.tab4Seleted {background-position:-552px -458px; width:138px;} ul.portfolioExplain {margin-top:-5px;} ul.portfolioExplain li {background:url(/images/common/bu_exbox01.gif) no-repeat 10px 3px; padding:0 0 0 20px} ul.portfolioExplain li span {font-weight:bold; color:#00775d} ul.portfolioExplain li img {vertical-align:middle} div.portfolioView {margin:10px 0; text-align:center} /* 장정섭 추가 */ /* 진단과처방 펀드진단 펀드선택*/ div.fundCheckup {height:23px; _height:23px; background:#fff; border-top:2px solid #cdd6db; border-bottom:2px solid #cdd6db; padding:2px 10px 2px 0px;} div.fundCheckup span.title {float:left; display:inline-block; width:113px; height:19px; background:url('/images/bg_fundCheckup.gif') no-repeat; color:#898b8e; text-align:center; padding-top:6px;} div.fundCheckup span.titleName {float:left; color:#047960; font-weight:bold; padding-left:8px; margin-top:6px;} div.fundCheckup span.titleDay {float:right; display:inline; margin-top:6px;} div.fundCheckup select {float:left; display:inline-block; font-weight:bold; color:#047960; margin-left:8px;} div.acc_box_1 {background:#FFF url('/images/online/bg_acc01_1.gif') left 3px no-repeat;}/*펀드명*/ div.acc_box_1 h3 {width:auto;padding-bottom:0px;} div.acc_box_1 select {color:#047960;font-weight:bold;width:400px} div.acc_box_1 div.days {float:right; width:120px;} /* help box1 */ div.help_box1 {position:relative; width:693px;background: url('/images/common/bg_helpbox02.gif') left bottom no-repeat;margin-top:25px;} div.help_box1 div {background: url('/images/common/bg_helpbox01.gif') left top no-repeat;padding-bottom:11px;} div.help_box1 div ul li { background: url('/images/common/bu_helponedepth.gif') 23px 5px no-repeat; font-size:11px;padding-right:10px;padding-left:32px;padding-bottom:1px;letter-spacing:-1px; line-height:16px; } div.help_box1 div ul li.title {background: url('/images/common/trans.gif') left top no-repeat;font-weight:bold;padding-top:9px;padding-bottom:11px;padding-left:21px;} div.help_box1 div ul li.sub {background: url('/images/common/bu_helptwodepth.gif') 25px 8px no-repeat;padding-top:5px;line-height:12px;padding-bottom:0px;padding-left:33px;color:#656565;} div.help_box1 div ul span {height:20px;padding-top:2px;line-height:15px;padding-bottom:0px;padding-left:1px;} div.help_box1 div ul li.end {padding-bottom:9px;} div.help_box1 div ul li.btn {background: url('/images/common/bu_helponedepth.gif') 23px 7px no-repeat;} div.help_box1 div.rightSelect {background:none; position:absolute; top:5px; right:15px;} div.help_box1 div.rightSelect label {font-weight:bold} /* Help Box2 */ div.help_box2 {position:relative; width:697px;background: url('/images/common/bg_helpboxTwo02.gif') left bottom no-repeat; margin-top:25px;} div.help_box2 div {background: url('/images/common/bg_helpboxTwo01.gif') left top no-repeat; padding-bottom:11px;} div.help_box2 div ul li { position:relative; background: url('/images/common/bu_helponedepth.gif') 23px 6px no-repeat; font-size:12px;padding-right:10px;padding-left:32px;padding-bottom:1px;letter-spacing:-1px; line-height:20px; } div.help_box2 div ul li.title {background: url('/images/common/trans.gif') left top no-repeat;font-weight:bold;height:20px;font-size:12px;padding-top:8px; padding-bottom:11px; line-height:15px; padding-left:21px; width:550px;} div.help_box2 div ul li.sub {background: url('/images/common/bu_helptwodepth.gif') 25px 8px no-repeat;padding-top:5px;line-height:12px;padding-bottom:0px;padding-left:33px;color:#656565;} div.help_box2 div ul span {font-size:11px; line-height:16px; padding-bottom:1px; letter-spacing:0px;} div.help_box2 div ul .green {font-weight:bold; letter-spacing:0px; font-size:12px} div.help_box2 div ul li.end {padding-bottom:9px;} div.help_box2 div ul li.btn {background: url('/images/common/bu_helponedepth.gif') 23px 7px no-repeat;} div.help_box2 div.rightSelect {background:none; position:absolute; top:5px; right:15px;} div.help_box2 div.rightSelect label {font-weight:bold} /*pms 진단결과요약.html 주식운용스타일 */ div.search_box1 {height:15px; border-top:1px solid #d6c8b4; border-bottom:1px solid #d6c8b4; background:#eee7de; padding:5px 10px 4px 15px; text-align:center; color:#5e5850;} td.greenLine {padding:3px 0 2px 0!important; line-height:0; font-size:0} td.greenLine div {border-top:1px solid #047960; height:1px} /* 자산운용 그래프 */ .increase {background:#e1e1e1; float:left; width:75px} .increase div {float:left; background:#c0c0c0; height:10px; font-size:0; line-height:0} .increase span {float:left; margin:0 3px} .descent {background:#e1e1e1; float:right; width:75px} .descent div {float:right; background:#c0c0c0; height:10px; font-size:0; line-height:0} .descent span {float:right; margin:0 3px} .increase .red, .descent .red {background:#d8766b} .increase .blue, .descent .blue {background:#7c9ad5} span.red {color:#d8766b; font-weight:bold; letter-spacing:-1px} span.blue {color:#7c9ad5; font-weight:bold; letter-spacing:-1px} td.bottomDot, th.bottomDot {border-bottom:1px dotted #d1d1d1 !important} td.backColor {background-color:#f5f8ee !important} div.assetReport1 {float:left; display:inline-block; width:300px;} div.assetReport1 h2 {float:left; width:300px; display:inline-block} div.assetReport2 {float:right; display:inline-block; width:375px;} div.assetReport2 h2 {width:250px; display:inline-block} div.assetReport2 img {float:left; display:inline-block} div.assetReport2 table {float:right; display:inline-block; vertical-align:top} div.assetReport3 {float:left; display:inline-block; width:335px;} div.assetReport3 h2 {float:left; width:150px; display:inline-block;} div.assetReport4 {float:right; display:inline-block; width:335px;} div.assetReport4 h2 {float:left; width:150px; display:inline-block;} /* line */ .lineBox {position:relative; border-top:1px solid #e1e1e1;} .firstLine {border-top:2px solid #cccccc} .endLine {border-top:1px solid #e1e1e1; border-bottom:1px solid #999} .selectedLine {position:relative; border-top:1px solid #999; border-bottom:1px solid #999; margin-bottom:-5px;} .selectedTop {position:relative; border-top:1px solid #999; margin:-5px 0;} .selectedBottom {border-top:1px solid #999;} /* addBox */ .boxTop {background:url('../../images/bg_boxTop.gif') no-repeat right top; line-height:0px; font-size:0px; height:5px;} .boxTop div {background:url('../../images/bg_boxTopLeft.gif') no-repeat; line-height:0px; font-size:0px; width:5px; height:5px;} .boxBottom {background:url('../../images/bg_boxBottom.gif') no-repeat right top} .boxBottom div {background:url('../../images/bg_boxBottomLeft.gif') no-repeat; width:6px; height:6px} .boxContainerOut {padding:0px; margin:0px; border-right:1px solid #cacaca; border-left:1px solid #cacaca; background:#fff;} .boxContainerOut div.boxContainerIn {border-right:3px solid #efefef !important; border-left:3px solid #efefef !important; background:#fff; padding:5px;} .boxContainerOut div.boxContainerIn strong {font-size:13px; color:#595959} .boxContainerOut div.boxContainerIn span {color:#797979; padding:0 5px;} .boxContainerOut div.boxContainerIn img {padding-left:5px;} .boxContainerOut div.boxContainerIn div.boxLine {border-bottom:1px solid #999; width:270px; padding-bottom:5px;} .boxContainerOut div.boxContainerIn div.checkTableTitle {border-bottom:1px solid #dfdfdf; padding:5px; text-align:center; font-size:14px; font-weight:bold; color:#858585} .boxContainerOut div.boxContainerIn div.checkTable {text-align:center} .boxContainerOut div.boxContainerIn div.checkTable img {vertical-align:middle; padding:20px 0px; margin:0px 30px;} .boxBorder {border:1px solid #000} /* pms 펀드분석-기간별운용성과 */ div.pms_checkBox {text-align:center} div.pms_checkBox input {margin-bottom:-5px} div.pms_selected {display:inline; margin-top:-20px} .tableTop {background:url('../../images/bg_tableTop02.gif') no-repeat right top; line-height:0px; font-size:0px;} .tableTop div {background:url('../../images/bg_tableTop01.gif') no-repeat; width:9px; height:9px;} .tableBottom {background:url('../../images/bg_tableBottom02.gif') no-repeat right top; line-height:0px; font-size:0px;} .tableBottom div {background:url('../../images/bg_tableBottom01.gif') no-repeat; width:9px; height:9px} .tableIn {border-right:1px solid #40a186; border-left:1px solid #40a186; background:#fff; padding:0} .tableIn strong {padding-left:5px;} .tableIn span {padding-right:110px;} .tableIn div.imgTable {float:right; padding-bottom:20px;} .tableIn div.imgTable img {float:left; display:inline-block; margin-right:50px; width:180px;} .tableIn div.imgTable table {float:left; display:inline-block; vertical-align:top} .tableIn div.tableLineTop {border-bottom:1px solid #40a186; width:100%; padding-top:10px;} .tableIn div.tableLineTop img {vertical-align:top; margin-top:-2px; padding-bottom:15px; margin-right:5px;} .tableIn div.tableLineTop img.pad {padding-bottom:4px} .tableIn div.tableLineOther {clear:both; border-bottom:1px solid #c6e4da; width:100%; padding-top:10px; padding-bottom:5px; _padding-bottom:0px;} .tableIn div.leftTdTitle {float:left; width:205px; display:inline-block; margin-left:10px;} .tableIn div.leftTdLong {float:left; width:560px; display:inline-block; margin-left:14px;} .tableIn div.leftTd {float:left; width:206px; display:inline-block; margin-left:14px} .tableIn div.centerTd {float:left; width:290px; display:inline-block;} .tableIn div.rightTd {float:left; width:160px; display:inline-block} /* 총자산수익률 레이어팝업 */ div.earningsContain {position:absolute; top:410px; left:0px; background:#fff; display:none;} div.earningsContain h1 {display:inline-block;} div.earnings {border-top:1px solid #5acab4; border-bottom:1px solid #5acab4; width:697px;} div.earnings .title {clear:both; background:url(../../images/bg_popTopTitle.gif) repeat-x; border-bottom:1px solid #e4e4e4; line-height:20px; padding:10px 20px; font-size:16px; font-weight:bold; color:#3e4c59; margin-bottom:8px} div.earnings .pics {float:left; width:320px;} div.earnings .pics ul li {float:left; margin-right:3px} div.earnings .pics ul li.end {float:right} div.earnings .pics p {clear:both; padding-top:15px} div.earnings .detail {float:right; width:366px} div.earnings .detail .icons li {float:left;margin:0px; padding:0px; margin-right:1px} div.earnings .detail .icons li img {margin:0px; padding:0px;} div.earnings .detail table {clear:both; padding-top:10px} div.earnings .detail table th {padding:6px 0; text-align:left} div.earnings .detail table .line th, div.earnings .detail table .line td {border-bottom:1px solid #eaeaea} div.earnings .bottom {clear:both; background:url(../../images/bg_popBottomTitle.gif) repeat-x; border-top:1px solid #e4e4e4; height:20px; padding:8px} div.earnings .bottom ul {float:right; maring-right:106px} div.earnings .bottom ul li {float:left; margin-right:3px} /* 투자목적별현황 */ .iconCondition {background:url(../../images/bg_condition.gif) no-repeat; width:80px; height:75px;} .iconC10 {background-position:0 0;} .iconC11 {background-position:0 -75px;} .iconC12 {background-position:0 -150px;} .iconC13 {background-position:0 -225px;} .iconC14 {background-position:0 -300px;} .iconC15 {background-position:0 -375px;} .iconC16 {background-position:0 -450px;} .iconC20 {background-position:-80px 0;} .iconC21 {background-position:-80px -75px;} .iconC22 {background-position:-80px -150px;} .iconC23 {background-position:-80px -225px;} .iconC24 {background-position:-80px -300px;} .iconC25 {background-position:-80px -375px;} .iconC26 {background-position:-80px -450px;} .iconC30 {background-position:-160px 0;} .iconC31 {background-position:-160px -75px;} .iconC32 {background-position:-160px -150px;} .iconC33 {background-position:-160px -225px;} .iconC34 {background-position:-160px -300px;} .iconC35 {background-position:-160px -375px;} .iconC36 {background-position:-160px -450px;} .iconC40 {background-position:-240px 0;} .iconC41 {background-position:-240px -75px;} .iconC42 {background-position:-240px -150px;} .iconC43 {background-position:-240px -225px;} .iconC44 {background-position:-240px -300px;} .iconC45 {background-position:-240px -375px;} .iconC46 {background-position:-240px -450px;} .iconC50 {background-position:-320px 0;} .iconC51 {background-position:-320px -75px;} .iconC52 {background-position:-320px -150px;} .iconC53 {background-position:-320px -225px;} .iconC54 {background-position:-320px -300px;} .iconC55 {background-position:-320px -375px;} .iconC56 {background-position:-320px -450px;} div.achievement {background:#efefef; width:100px;} div.achievement div {background:#1dd68e; height:10px} span.boldGreen {font-weight:bold; color:#09915c;} /* 고객우대서비스 - 하나금융 */ /* tab menu */ ul.tab_hana {clear:both; display:inline-block; background:url('../../images/bg_tabBar.gif') no-repeat bottom left; margin:0 0 5px 0; padding:0px 0 2px 10px; width:100%} ul.tab_hana li {float:left; display:inline-block;} ul.tab_hana li a {float:left; height:29px; background:url('../../images/tab_gogek.gif') no-repeat; font:0/0 Arial; line-height:0} ul.tab_hana li a span { position:relative; z-index:-1;} ul.tab_hana li a.tab0 {background-position:0 0; width:167px} ul.tab_hana li a.tab1 {background-position:-167px 0; width:104px} ul.tab_hana li a:hover.tab0, ul.tab_hana li a.tab0Seleted {background-position:0 -29px; width:167px} ul.tab_hana li a:hover.tab1, ul.tab_hana li a.tab1Seleted {background-position:-167px -29px; width:104px} div.cash {margin-left:10px} div.cash div.boxContainerIn {font-weight:bold; height:14px; padding:10px 0 5px 15px} div.cash div.boxContainerIn div.head1 {float:left; background:url('../../images/bullet_gray03.gif') left center no-repeat; color:#666666; width:130px; padding-left:7px} div.cash div.boxContainerIn div.sub1 {float:left; border-right:1px solid #e0e0e0; color:#F34159; width:200px; margin-right:20px} div.cash div.boxTop div {font-size:0px; line-height:0px;} /* 고객우대서비스 - 캐쉬백 */ div.rightExContainer {background-color:#f5f5f5; width:265px; height:277px; padding:0px 0 0 25px;} div.rightExContainer dt {font-weight:bold; color:#666666;} div.rightExContainer dd {margin:0px; padding-left:3px; color:#666666;} div.rightExContainer dd.last {font-weight:bold; margin:0px; padding-left:3px; color:#d23a61;} /* myAccount Main */ .png24 {tmp:expression(setPng24(this));} div.mainLeft {float:left; margin-right:10px; width:290px} div.mainLeft .flashVisual {font-size:0} div.mainLeft .memberInfo {position:relative; background:url(../../images/bg_memberInfo.gif) no-repeat; height:123px; padding:12px 0 0 87px} *div.mainLeft .memberInfo {height:133px} div.mainLeft .memberInfo .ribbon {position:absolute; top:2px; left:2px; z-index:20} div.mainLeft .memberInfo .thum {position:absolute; top:13px; left:13px; z-index:10} div.mainLeft .memberInfo th {color:#828282; font-size:11px; text-align:left; font-weight:normal; padding:1px 4px} div.mainLeft .memberInfo td {color:#3daa83; padding:1px 4px; font-size:11px;} div.mainLeft .memberInfo td a {color:#3daa83; font-size:11px; font-weight:bold; text-decoration:underline;} div.mainLeft .memberInfo .spacing th, div.mainLeft .memberInfo .spacing td {padding-top:10px; font-size:11px} div.mainLeft .assetCalender {position:relative; width:282px;display:inline-block; margin-top:5px; _margin-top:7px;} div.mainLeft .assetCalender dt {margin-bottom:2px} div.mainLeft .assetCalender dd {margin:0;} div.mainLeft .assetCalender dd.more {position:absolute; top:5px; right:0px;} div.mainRight {float:right} dl.todayNotice {clear:both; display:inline-block; position:relative; background:url(../../images/bg_todayInfo.gif) no-repeat 0 33px; width:698px; height:83px; _background:url(../../images/bg_todayInfo.gif) no-repeat 0 37px; width:698px; height:83px; _height:97px; padding-top:14px; _padding-top:18px;} dl.todayNotice dd {position:absolute; top:33px; _top:37px; height:58px; margin:0; font-size:0; text-indent:-900} dl.todayNotice dd.notice0 {background:url(../../images/img_todayInfo0.gif) no-repeat; width:87px; left:14px; } dl.todayNotice dd.notice1 {background:url(../../images/img_todayInfo1.gif) no-repeat; width:76px; left:101px;} dl.todayNotice dd.notice2 {background:url(../../images/img_todayInfo2.gif) no-repeat; width:71px; left:178px;} dl.todayNotice dd.notice3 {background:url(../../images/img_todayInfo3.gif) no-repeat; width:73px; left:249px;} dl.todayNotice dd.notice4 {background:url(../../images/img_todayInfo4.gif) no-repeat; width:77px; left:322px;} dl.todayNotice dd.notice5 {background:url(../../images/img_todayInfo5.gif) no-repeat; width:73px; left:399px;} dl.todayNotice dd.notice6 {background:url(../../images/img_todayInfo6.gif) no-repeat; width:71px; left:472px;} dl.todayNotice dd.notice7 {background:url(../../images/img_todayInfo7.gif) no-repeat; width:73px; left:543px;} dl.todayNotice dd.notice8 {background:url(../../images/img_todayInfo8.gif) no-repeat; width:72px; left:616px;} dl.todayNotice dd.unselect {background:none} div.contentsContainer ul.bannerBox li {float:left; margin-right:5px; margin-top:22px} div.contentsContainer ul.bannerBox li.end {margin-right:none} .overflowTable {clear:both; overflow-y:scroll; overflow-x:hidden; height:277px}