@charset "utf-8";

/********************
* 금융상품 Stylesheet *

공통 모듈부분
- 금융상품>토스트배너
- 금융상품>상품찾기
- 금융상품>리스트
- 금융상품>아이콘
- 금융상품>STEP(신청/가입 등 단계별 등록)
- 금융상품>팝업
**********************/

/******************** 
금융상품>토스트배너
**********************/
.toast_article {display:block;position:fixed;width:958px;margin:0 0 0 -480px;padding:0;left:50%;bottom:0;background-color:#FFF;border:solid #bbb 1px;border-bottom:none;z-index:1000;}
.toast_article .toastBtn {display:table;position:relative;width:93.5%;margin:0;padding:0;background-color:#525557;}
.toast_article .toastBtn > li {float:left;display:block;position:relative;width:33.33%;margin:0;padding:0;}
.toast_article .toastBtn > li > a {display:block;position:relative;height:32px;line-height:28px;margin:0;padding:6px 40px;text-align:center;font-size:16px;color:#FFF;}
.toast_article .toastBtn > li > a span {display:inline-block;position:relative;color:#ffe44f;margin-left:5px;}
.toast_article .toastBtn > li + li a {border-left:solid #bbb 1px;}
.toast_article .toastBtn > li.current {background-color:#6c6f71;}
.toast_article .toastBtn > li.current a {background-position:289px -49px;}
.toast_article .toastBtn.col2> li {width:50%;}
.toast_article .toastBtn select {height:25px !important;}
.toast_article .toastBtn .select-box {height:25px !important;position:absolute;left:115px;top:6px;}
.toast_article .toastBtn .select-box .wrap div {height:28px !important;}
.toast_article .toastBtn .select-box .wrap div span {line-height:26px;height:26px !important;}
.toast_article .toastBtn .select-box .wrap div a.selecter {width:28px !important;height:28px;margin:0;padding:0;background:url(/ux/images/common/arrow_select_30.gif) no-repeat -1px 0;}
.toast_article .toastBtn .select-box .list {top:29px;z-index:9999;}
.toast_article .toastBtn .select-box .list li {width:inherit !important;}
.toast_article .toastBtn .select-box .list li a {font-size:14px;height:25px;line-height:22px;}
.toast_article .btn_toast_open {position:absolute;right:0;top:0;width:62px;height:44px;border-left:1px solid #bbb;background:#444 url(/ux/images/finance/btn_toast_open.png) center center no-repeat;}
.toast_article .btn_toast_open.close {background-image:url(/ux/images/finance/btn_toast_close.png);}
.toastBtn .basket .select-box {display:none;}
.toastBtn .basket.current a {text-align:left !important;}
.toastBtn .basket.current a>span {display:none;}
.toastBtn .basket.current .select-box {display:inline-block;position:absolute;}
/* .toast_article .toastTarget */
.toast_article .toastTarget {display:none;position:relative;margin:0;padding:0;z-index:10;}
.toast_article .toastTarget ul {display:block;position:relative;margin:0;padding:0;height:265px;overflow:hidden;overflow-y:auto;}
.toast_article .toastTarget ul li {display:block;position:relative;margin:0;padding:0 0 0 50px;border-bottom:solid #ddd 1px;}
.toast_article .toastTarget ul li.no_data {height:163px;padding-top:115px;text-align:center;}
.toast_article .toastTarget ul li div.checkbox {position:absolute;left:15px;top:14px;}
.toast_article .toastTarget ul li >label {display:inline;}
.toast_article .toastTarget ul li >span {position:absolute;left:0px;top:14px;}
.toast_article .toastTarget ul li dl {display:table;position:relative;width:100%;margin:0;padding:0;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.toast_article .toastTarget ul li dt {display:table-cell;position:relative;width:371px;height:24px;padding:14px 12px 10px 12px;vertical-align:middle;}
.toast_article .toastTarget ul li dd {display:table-cell;position:relative;height:24px;padding:14px 10px 10px 10px;text-align:center;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;vertical-align:middle;}
.toast_article .toastTarget ul li dd strong {font-size:13px;color:#747474;}
.toast_article .toastTarget ul li dd span {display:inline-block;position:relative;margin-left:10px;font-size:13px;}
.toast_article .toastTarget ul li dd span.fr {margin-left:0;}
.toast_article .toastTarget .risk span {display:inline-block;position:relative;margin:0;padding:0 0 0 50px;text-align:center;font-size:14px;color:#444;}
.toast_article .toastTarget .risk span.deps1 {background:url(/ux/images/finance/risks_deps1.png) 5px 0 no-repeat;}
.toast_article .toastTarget .risk span.deps2 {background:url(/ux/images/finance/risks_deps2.png) 5px 0 no-repeat;}
.toast_article .toastTarget .risk span.deps3 {background:url(/ux/images/finance/risks_deps3.png) 5px 0 no-repeat;}
.toast_article .toastTarget .risk span.deps4 {background:url(/ux/images/finance/risks_deps4.png) 5px 0 no-repeat;}
.toast_article .toastTarget .risk span.deps5 {background:url(/ux/images/finance/risks_deps5.png) 5px 0 no-repeat;}
.toast_article .toastTarget .risk span.deps6 {background:url(/ux/images/finance/risks_deps6.png) 5px 0 no-repeat;}
/* 
.toast_article .toastTarget .risk span {display:inline-block;position:relative;margin:0;padding:0 0 0 50px;text-align:center;font-size:14px;color:#444;background:url(/ux/images/finance/risks_deps_new.png) no-repeat;}
.toast_article .toastTarget .risk span.deps1 {background-position:5px 0;}
.toast_article .toastTarget .risk span.deps2 {background-position:5px -50px;}
.toast_article .toastTarget .risk span.deps3 {background-position:5px -100px;}
.toast_article .toastTarget .risk span.deps4 {background-position:5px -150px;}
.toast_article .toastTarget .risk span.deps5 {background-position:5px -200px;}
.toast_article .toastTarget .risk span.deps6 {background-position:5px -250px;} */
.toast_article .toastTarget .rate {width:130px;text-align:left;} /* 수익률,매매금리 */
.toast_article .toastTarget .risk {width:140px;} /* 위험률 */
.toast_article .toastTarget .sum {width:120px;} /* 금액부분 */
.toast_article .toastTarget .invstType {width:90px;} /* 유형 */
.toast_article .toastTarget .counsel {width:170px;text-align:left;} /* 자문사 */
.toast_article .toastTarget .price {width:160px;text-align:left;} /* 현재가 */
.toast_article .toastTarget .volume {width:130px;text-align:left;} /* 거래량 */
.toast_article .toastTarget .grade {width:100px;text-align:left;} /* 거래량 */
.toast_article .toastTarget .period {width:130px;text-align:left;} /* 잔존기간 */
.toast_article .toastTarget .pay {width:130px;text-align:left;}/* 원금지급 */
.toast_article .toastTarget .btn {width:83px;text-align:center;}
.toast_article .toastTarget .del button {display:block;position:relative;width:24px;height:24px;margin:0 auto;background:url(/ux/images/common/btn/toast_del.png) no-repeat 3px 3px #FFF;text-indent:-9999px;cursor:pointer;}
/* 클릭할수없을때 경우 */
.toast_article .toastTarget ul li.deactivate {position:relative;}
.toast_article .toastTarget ul li.deactivate:after {position:absolute;left:0;top:0;content:"";width:95.4%;height:100%;background:#fff;opacity:0.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);/* for ie8 */;z-index:0;}
.toast_article .toastTarget ul li.deactivate span.dim {position:absolute;left:0;top:0;width:95.4%;height:100%;padding:0;margin:0;text-align:center;color:#222;font-size:13px;line-height:50px;z-index:1;}
/* 장바구니에서 선택항목이 없을때 .toast_article .toastTarget.type2 */
.toast_article .toastTarget.type2 ul li dl {background:none;}
.toast_article .toastTarget.type2 ul li {padding-left:0;}
/* 하단 버튼 */
.toast_article .toastTarget .functinBtn {display:block;positon:relative;margin:0;padding:10px 15px;border-top:solid #bbb 1px;background-color:#fafafa;text-align:left;}
.toast_article .toastTarget .functinBtn:after {display:block;content:"";clear:both;}
.toast_article .toastTarget .functinBtn button + button {margin-left:0;}
.toast_article .toastTarget .functinBtn button {cursor:pointer;}
.toast_article .toastTarget .functinBtn .btnSmall.gray.page {border:1px solid #bbb !important;color:#222 !important;background-color:#ececec !important;background-position:right -33px !important;}
/* 금융상품>맞춤형 배너 */
.customize_article {position:absolute;right:21px;bottom:21px;width:218px;height:298px;border:1px solid #2377b8;border-bottom:2px solid #999;border-radius:2px 2px 3px 3px;background:#fff;z-index:10;}
.customize_article h2 {height:28px;padding:14px 17px 0;margin-bottom:10px;color:#fff;font-size:14px;background:#2377b8 url(/ux/images/finance/customize_article_bg.png) right top no-repeat;}
.customize_article .customize_cont {padding:0 15px 0;color:#747474;font-size:13px;}
.customize_article .customize_cont strong {color:#444;}
.customize_article .btn_detail {display:block;position:absolute;left:0;bottom:0;width:100%;text-align:center;color:#fff;line-height:30px;background:#2d99bd;}
.customize_article .btn_close {position:absolute;right:21px;top:17px;width:12px;height:12px;background:url(/ux/images/common/btn/ico_close2.png) center center no-repeat;}
/* 서브메뉴 */
/* 금융상품>랩/미러링>골든랩>최근 본 상품 */
.toast_article.goldenWrap .toastTarget ul li dt {width:260px;}
.toast_article.goldenWrap .toastTarget .sum {width:140px;}
/* 금융상품>랩/미러링>골든랩>장바구니 */
.toast_article.goldenWrap .toastTarget.type2 ul li dt {width:310px;}
.toast_article.goldenWrap .toastTarget.type2 .sum {width:140px;}
/* 금융상품>랩/미러링>미러링어카운트>최근 본 상품 */
.toast_article.mirroring .toastTarget ul li dt {width:168px;}
.toast_article.mirroring .toastTarget .rate {width:100px;}
.toast_article.mirroring .toastTarget .counsel {width:190px;}
.toast_article.mirroring .toastTarget .sum {width:130px;}
.toast_article.mirroring .toastTarget .btn {width:105px;}
/* 금융상품>랩/미러링>미러링어카운트>장바구니 */
.toast_article.mirroring .toastTarget ul li dt {width:218px;}
/* 금융상품>ELS/DLS */
.toast_article.elsdls .toastTarget ul li dt {width:126px;}
.toast_article.elsdls .toastTarget .rate {width:224px;}
.toast_article.elsdls .toastTarget .risk {width:155px;}
.toast_article.elsdls .toastTarget .btn {width:108px;text-align:center;}
.toast_article.elsdls .toastTarget .btn button {width:40px;}

/********************
금융상품>상품찾기
**********************/
.financeSearchTop {display:block;position:relative;margin:0 0 20px 0;padding:13px 0;background-color:#f4f5f7;text-align:center;}
.financeSearchTop fieldset {display:table;position:relative;margin:0 auto;padding:0;}
.financeSearchTop input[type="text"] {width:618px;height:38px;}
.financeSearchTop input[type="text"]:focus {height:38px;}
.financeSearchTop.pension input[type="text"] {width:418px;height:38px;}
.financeSearchTop.pension fieldset .recomPension {display:inline-block;position:relative;height:38px;padding:0 0 0 40px;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y 20px top;);}
.searchFilter {display:block;position:relative;margin:0;padding:0;background-color:#FFF;}
.searchFilter .spread {display:block;position:relative;margin:0;padding:0;border:solid #bbb 1px;}
.searchFilter .spread + .spread {margin-top:18px;}
.searchFilter .colInner {display:table;position:relative;width:100%;margin:0;padding:0;}
.searchFilter .colInner + .colInner {border-top:solid #ddd 1px;}
.searchFilter .colInner.fundSearch .blockUnit{width:378px}
.searchFilter .blockUnit {float:left;display:block;position:relative;width:189px;margin:0;padding:0;border-right:solid #ddd 1px;}
.searchFilter .blockUnit .headding {display:block;position:relative;height:19px;margin:0;padding:10px 5px 10px 18px;background:#fafafa;font-size:16px;color:#222;}
.searchFilter .blockUnit .headding .title {display:inline-block;}
.searchFilter .blockUnit .conBody {display:block;position:relative;height:160px;margin:0;padding:12px 5px 8px 18px;overflow:auto;}
.searchFilter .blockUnit .conBody.ovflowinherit {overflow:inherit;} /* 추천 상품 항목 overflow없음.*/
.searchFilter .blockUnit .conBody .measure {font-size:13px;}
.searchFilter .blockUnit .checkTree.parent {float:left;display:block;width:166px;height:155px;overflow:auto;padding:0 5px 0 18px;margin:12px 0 13px 0;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y right top;}
.searchFilter .blockUnit .checkTree.child {float:right;display:block;width:167px;height:153px;overflow:auto;padding:12px 5px 13px 18px;}
.searchFilter .blockUnit.col2 {width:379px;}
.searchFilter .blockUnit.col2 .conBody {height:180px;padding:0;overflow:hidden;}
.searchFilter .blockUnit.col2 .topBreak {display:block;position:absolute;width:362px;height:12px;background-color:#FFF;left:0;top:39px;}
.searchFilter .blockUnit.col2 .bottomBreak {display:block;position:absolute;width:362px;height:10px;background-color:#FFF;left:0;bottom:0;}
html>body .searchFilter .blockUnit.col2 .bottomBreak {display:none;}
.searchFilter .colInner:after {display:block;content:"";clear:both;}
.searchFilter .colInner .spread.col3 .blockUnit .conBody {height:134px;}
.searchFilter .colInner .spread.col3 .blockUnit .conBody ul li {line-height:24px;}
.searchFilter .colInner .spread.col3 .blockUnit .conBody .rangeFixed210 {margin-top:52px;}
.searchFilter .colInner .spread.col3 .blockUnit .conBody.rangeS {padding:12px 0 8px 0;}
.searchFilter .blockUnit.col4 {width:239px;}
.searchFilter .blockUnit.col4last {width:238px;border-right:none;}
.searchFilter .blockUnit.col4 .conBody, .searchFilter .blockUnit.col4last .conBody {height:100px;}
.searchFilter .blockUnitRow {float:left;display:block;position:relative;width:289px;margin:0;padding:0;}
.searchFilter .blockUnitRow .blockUnit {float:inherit;width:100% !important;border-right:none;}
.searchFilter .blockUnitRow .blockUnit .conBody {height:50px;padding:10px 18px;}
.searchFilter .blockUnitRow .blockUnit + .blockUnit {border-top:solid #ddd 1px;}
.searchFilter .blockUnit.wide {width:289px;border-right:none;}
.searchFilter .blockUnitRow + .blockUnitRow, .searchFilter .blockUnitRow + .blockUnit.wide, .searchFilter .blockUnit.wide + .blockUnitRow {width:287px;border-left:solid #ddd 1px;}
.searchFilter .blockUnitRow .conBody.dlCheck {display:table;width:100%;padding:0;overflow:hidden;}
.searchFilter .blockUnitRow .conBody.dlCheck dl {float:left;display:block;position:relative;width:80px;padding:10px 5px 0 58px;font-size:13px;height:60px;color:#444;overflow:auto;}
.searchFilter .blockUnitRow .conBody.dlCheck dl.parent {background:url(/ux/images/common/bg_dot_vline.gif) repeat-y right top;}
.searchFilter .blockUnitRow .conBody.dlCheck dt {display:inline-block;position:absolute;font-size:13px;font-weight:600;color:#444;left:18px;top:11px;}
.searchFilter .blockUnitRow .conBody.dlCheck dd label {font-size:13px;color:#444;}
.searchFilter .blockUnitRow .conBody.dlCheck dd label .checkbox {margin-right:5px;}
.searchFilter .blockUnitRow .conBody.dlCheck dd + dd {margin-top:5px;}
.searchFilter .blockUnitRow .conBody.horizCheck {padding:10px 0;overflow:hidden;}
.searchFilter .blockUnitRow .conBody.horizCheck ul {display:table;margin:0 auto;padding:15px 0 0 0;}
.searchFilter .blockUnitRow .conBody.horizCheck li {float:left;display:inline-block;position:relative;}
.searchFilter .blockUnitRow .conBody.horizCheck li label {font-size:13px;color:#444;}
.searchFilter .blockUnitRow .conBody.horizCheck li + li {margin-left:20px;}
.searchFilter .blockUnitRow .conBody.horizCheck li .checkbox {margin-right:5px;}
.searchFilter .checkTree {display:block;position:relative;margin:0;padding:0 0 13px 0;}
.searchFilter .checkTree li label {display:inline-block; position:relative; padding:0px 0 3px 24px; vertical-align:top;font-size:13px;color:#444;}
.searchFilter .checkTree li label .checkbox, .searchFilter .checkTree li label .radio  {position:absolute; left:0; top:0;}
.searchFilter .checkTree li.disabled label {color:#999;}
.searchFilter .checkTree li ul {display:none;position:relative;margin:0;padding:5px 0 0 26px;background:url(/ux/images/finance/checkTree_in.png) no-repeat 9px top;}
.searchFilter .checkTree li + li {margin-top:3px;}
.searchFilter .checkTree button.treeOpen {display:inline-block; position:relative; width:13px; height:13px; margin:0 0 0 2px;; padding:0; background:url(/ux/images/finance/treeOpen.gif) no-repeat left top; overflow:hidden; text-indent:-9999px; font-size:0; top:-1px;}
.searchFilter .checkTree button.treeOpen.ed {background-position:left -26px;}
.searchFilter .topBreak {display:block;position:absolute;width:171px;height:12px;background-color:#FFF;left:0;top:39px;}
.searchFilter .bottomBreak {display:block;position:absolute;width:171px;height:10px;background-color:#FFF;left:0;bottom:0;}
.searchFilter .checkTree.recomeProduct>span {display:inline-block;position:relative;width:76px;height:17px;margin:0 0 0 2px;font-family:dotum,Arial;font-size:11px;line-height:17px;text-align:center;border:solid #FFF 1px;}
.searchFilter .checkTree.recomeProduct span.case1 {border-color:#66d1cb;color:#0ca9af;}
.searchFilter .checkTree.recomeProduct span.case2 {border-color:#a0c886;color:#61a435;}
.searchFilter .checkTree.recomeProduct span.case3 {border-color:#fe8b70;color:#fe3d11;}
.searchFilter .checkTree.recomeProduct span.case4 {border-color:#d4a0e8;color:#b861d8;}
.searchFilter .spread_control {display:block;position:relative;margin:0;padding:0 190px 0 0;border:solid #bbb 1px;border-top:none;}
.searchFilter .spread_control .search_condition {display:block;position:relative;padding:10px 0;border-right:solid #bbb 1px;text-align:center;}
.searchFilter .spread_control a.filter_control {display:inline-block;position:absolute;right:16px;top:5px;height:20px;padding:15px 53px 15px 0;color:#444;font-size:14px;line-height:20px;background:url(/ux/images/common/ico_toggle.png) no-repeat right 0;}
.searchFilter .spread_control a.filter_control:hover {text-decoration:none;background-position:right -50px;}
.searchFilter .spread_control a.filter_control.close {background-position: right -100px;}
.searchFilter .spread_control a.filter_control.close:hover {text-decoration:none;background-position:right -150px;}
.searchFilter .spread_control .txt_searchDetail {position:absolute;left:10px;top:20px;font-size:14px;color:#747474;letter-spacing:-1px;}
.searchFilter .spread_control .txt_searchDetail a.btnText {display:inline-block;width:48px;padding:0 0 0 0 !important;background:none;}/* searchFilter button 안에 텍스트 문구 있을경우 */
/* 금융상품>공통>상단 조건검색 */
.searchFilter .checkTree.recomeProduct .checkbox + span {display:inline-block;position:relative;width:80px;height:17px;padding-left:17px;margin:0 0 0 2px;font-family:dotum,Arial;font-size:11px;line-height:20px;text-align:center;border:solid #FFF 1px;background-repeat:no-repeat}
.searchFilter .checkTree.recomeProduct .checkbox + span.case1 {background-image:url(/ux/images/finance/finduct_badge1.gif);border-color:#00b2a9;color:#00b2a9; line-height:20px;}
.searchFilter .checkTree.recomeProduct .checkbox + span.case2 {background-image:url(/ux/images/finance/finduct_badge2.gif);border-color:#a0c886;color:#61a435; line-height:20px;}
.searchFilter .checkTree.recomeProduct .checkbox + span.case3 {background-image:url(/ux/images/finance/finduct_badge3.gif);border-color:#fe8b70;color:#fe3d11; line-height:20px;}
.searchFilter .checkTree.recomeProduct .checkbox + span.case4 {background-image:url(/ux/images/finance/finduct_badge4.gif);border-color:#d4a0e8;color:#b861d8; line-height:20px;}
.searchFilter .checkTree.recomeProduct li .layer strong + p {word-break:keep-all}/* 관리자에서 등록하는 헬프레이어 줄바꿈처리 */
/* 금융상품>삼성 POP 골든랩>골든랩찾기 */
.searchFilter .spread.col1 .blockUnit {width:100%;border:none !important;}
.searchFilter .spread.col1 .blockUnit .conBody {height:auto !important;}
.searchFilter .spread.col1 .blockUnit .conBody .checkTree {overflow:hidden;padding:0 !important;}
.searchFilter .spread.col1 .blockUnit .conBody .checkTree li {float:left;width:25%;height:22px;margin-bottom:7px;}
.searchFilter .spread.col1 .checkTree li + li {margin:0 0 7px 0 !important;}
/* 펀드관리 > 펀드이동(타사-삼성) */
.guideTb1.ghksQkd ul li + li {margin-top:5px;}
.searchFilter .spread_control.default {padding-right:0;border-right:none;}
/* ELS/DLS>청약완료상품 */
.searchFilter .spread.col5 {border-color:#ddd;}
.searchFilter .spread.bdT_none {border-top:none !important;}
.searchFilter .spread.col5 .blockUnit {width:191px;}
.searchFilter .spread.col5 .blockUnit .conBody {height:85px;}
.searchFilter .spread.col5 .blockUnit.last {width:190px;border-right:none;}
.searchFilter .spread.col5 + .spread_control {border-color:#ddd;}
.searchFilter .spread.col5 + .spread_control .search_condition {border-color:#ddd;}
/* 금융상품>채권매매 */
.searchFilter.bond_sc .blockUnit {width:126px;}
.searchFilter.bond_sc .blockUnit.last {width:125px;}
/* 금융상품>채권>채권매매>채권매수>전자단기사채매수 */
.searchFilter.abstTrade .spread.col3 .blockUnit {width:318px;}
.searchFilter.abstTrade .spread.col3 .blockUnit .conBody {height:142px;}
/* 금융상품>채권>채권매매>채권매수>전자단기사채매수>(S)채권선택 */
.searchFilter .colInner:after {display:block;content:"";clear:both;}
.searchFilter .colInner .spread.col3 .blockUnit {width:316px;}
.searchFilter .colInner .spread.col3 .blockUnit:first-child {width:320px;}
.searchFilter .colInner .spread.col3 .blockUnit.last {border-right:none;}
.searchFilter .colInner .spread.col3 .blockUnit .conBody {height:134px;}
.searchFilter .colInner .spread.col3 .blockUnit .conBody.rangeS {padding:12px 0 8px 0;}
.searchFilter .colInner .spread.col3 .blockUnit .conBody ul li {line-height:24px;}
.searchFilter .colInner .spread.col3 .blockUnit .conBody .rangeFixed210 {margin-top:52px;}
/* 채권찾기 장내채권 */
.searchFilter .spread.col3 .blockUnit {width:318px;}
.searchFilter .spread.col3 .blockUnit.last {width:320px;border-right:none;}
.searchFilter .spread.col3 .blockUnit .conBody.rangeS {padding:12px 0 8px 0;}
.searchFilter .spread.col3 .blockUnit .conBody .rangeFixed210 {margin-top:60px;}
.searchFilter .spread.col4 .blockUnit {width:222px;}
/* 검색박스 레이블 disabled처리 */
.blockUnit .conBody label.disabled {color:#999;}
.blockUnit .conBody .ui-slider.disabled .ui-slider-range {background:none !important;}
.blockUnit .conBody .ui-slider.disabled .guide-txt em {color:#999;}
.blockUnit .conBody .ui-slider.disabled .ui-slider-handle {display:none;}
/* 상품구분 */
.searchFilter .blockUnit.prdGroup {clear:both;width:100%;height:48px;border-top:solid #ddd 1px;border-right:1px solid #ddd;}
.searchFilter .blockUnit.prdGroup:after {display:block;content:"";clear:both;}
.searchFilter .blockUnit.prdGroup .headding {float:left;width:120px;height:28px;}
.searchFilter .blockUnit.prdGroup .conBody {float:left;height:48px;}
.searchFilter .blockUnit.prdGroup .conBody .prdGroup_list li {float:left;margin-right:16px;}
.searchFilter .blockUnit.prdGroup .conBody .prdGroup_list li label .checkbox {margin-right:5px;}
/********************
금융상품>리스트
**********************/
table.finductList {width:100%;border-top:solid #747474 1px;}
table.finductList thead th,
table.finductList.scrollHeader td {padding:10px 5px;background-color:#f3f4f6;font-weight:normal;color:#222;font-size:13px;text-align:center;border-left: solid #ddd 1px;border-bottom:solid #747474 1px;}
table.finductList thead th.on,
table.finductList.scrollHeader td.on {padding: 9px 4px;border:solid #3dadec 2px;background-color:#FFF;}
table.finductList.font14 thead th,
table.finductList.scrollHeader.font14 td,
table.finductList.font14 tbody td,
table.finductList tbody th {font-size:14px !important;}
table.finductList thead th.line, table.finductList tbody td.line {border-bottom:solid #ddd 1px;}
table.finductList tbody th {padding-left:20px;text-align:left;font-weight:normal;border-bottom:1px solid #dfdfdf;background-color:#fafafa;}
table.finductList tbody tr:first-child th {border-top:none;}
table.finductList tbody th.center {padding:10px 0;text-align:center;font-size:13px;}
table.finductList.font14 tbody th.center {padding:10px 0;text-align:center;font-size:14px;}
table.finductList tbody td {padding:10px;font-size:13px;color:#444;text-align:center;border-left: solid #ddd 1px;border-bottom:solid #ddd 1px;}
table.finductList tbody td.title {text-align:left;}
table.finductList .fohint {display:block;position:relative;}
table.finductList .fohint .lay-help {position:absolute;left:50%;margin-left:-9px;}
table.finductList thead th:first-child, table.finductList tbody td:first-child {border-left:none;}
table.finductList thead th .lay-help a {padding-right:0;}
table.finductList thead tr th.unfirst.on {border-left:solid #3dadec 2px !important;}
table.finductList thead tr.row2 th {height:57px;}
table.finductList .unfirst, table.guideTb1 .unfirst {border-left:solid #ddd 1px !important;}
table.finductList.tdLeft td, table.finductList .tdLeft {text-align:left;}
table.finductList.tdRight td, table.finductList .tdRight {text-align:right;}
table.finductList td.td_btn a.btnSmall + a.btnSmall {margin-top:10px;}
table.finductList tbody th + td {padding-left:20px;text-align:left;}
table.finductList.dataTable tbody th + td {padding-left:10px;}
table.finductList td > .fd_name,
table.finductList td > .fd_name2 {display:block;position:relative;margin-bottom:5px;text-align:left;color:#444;font-size:16px;word-break:break-all;}
table.finductList td > .fd_name2 {font-size:14px;}
table.finductList td .page_desc2 {text-align:left;}
table.finductList + .alignBox {margin-top:15px;}
table.finductList + .thumbArticle {margin-top:10px;}
table.finductList + .paging {margin-top:40px;}
table.finductList td span.codeName {display:block;font-size:13px;color:#747474;}
table.finductList td.noData {background-color:#fafafa;padding:60px 0;text-align:center;}
table.finductList td.noData span {display:inline-block;position:relative;padding-left:20px;background:url(/ux/images/common/ico_example.png) no-repeat left 2px;color:#444;}
table.finductList .finduct_td {position:relative;padding-bottom:29px;}
table.finductList .finduct {display:block;position:relative;margin:0 0 13px 0;padding:0;text-align:left;}
table.finductList .finduct2 {display:block;position:relative;margin:0;padding:0;text-align:left;}
table.finductList .finduct .fd_name {/* display:block; */display:inline; position:relative;margin-bottom:5px;font-size:16px;color:#444;word-break:break-all !important;}
table.finductList .finduct span.badge{display:inline-block; vertical-align:middle; line-height:0}
table.finductList .finduct2 .fd_name {display:block;position:relative;margin-bottom:5px;font-size:14px;color:#444;word-break:break-all;}
table.finductList .finduct dl.fd_type {display:block;position:relative;margin:5px 0 0;padding:0 0 0 40px;font-size:13px;color:#444;background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 9px;}
table.finductList .finduct dl.fd_type dt {display:inline-block;position:absolute;left:7px;top:0;}
table.finductList .finduct dl.fd_type dd {display:inline-block;position:relative;margin:0;padding:0;}
table.finductList .finduct dl.fd_type dd + dd {margin-left:10px;}
table.finductList .field_function {display:table;position:absolute;width:100%;left:0;bottom:0;}
table.finductList .field_function a {background:url(/ux/images/common/bg_finduct_class.png) no-repeat;}
table.finductList .field_function a:hover {text-decoration:none;}
table.finductList .field_function .line_finduct {float:left;display:block;position:relative;width:90px;height:28px;line-height:26px;margin:0 0 0 10px;padding:0 38px 0 13px;border:solid #ddd 1px;border-bottom:none;background-position:right 7px;background-color:#fafafa;}
table.finductList .field_function .line_finduct.open {padding-bottom:1px;top:1px;background-position:right -29px;}
table.finductList .field_function .line_finduct span {display:inline-block;padding-left:3px;color:#c75414;}
table.finductList .field_function .hide_field {float:right;display:inline-block;position:relative;margin-right:10px;padding-right:20px;background-position:right -64px;color:#747474;font-size:12px;}
table.finductList tbody td {line-height:18px;}
table.finductList tfoot .bg_white td {background-color:#fff;}
table.finductList .fnBtn a.btnMid + .btnMid {margin-top:5px;}
table.finductList .fnBtn span + .btnMid {margin-top:5px;}
table.finductList tbody td.fnBtn2{padding:10px 0px} /* 관심 랩서비스 테이블 버튼 꺠짐 현상 수정 */
table.finductList tbody td.fnBtn2 .btnMid.red{width:90%;box-sizing:border-box;}
table.finductList tbody td .noneService{font-size:12px}
/* 작은 간격일때 */
table.finductList.slip td, table.finductList.slip th {padding:10px 5px;}
table.finductList.slip td.notSlip, table.finductList.slip th.notSlip {padding:10px;}
/* finductList 에만 상속되있어서 빼옴 */
table .gridfocus {margin:0;padding:0 !important;background-color:#ecf5fa;}
table .gridfocus strong {display:block;position:relative;height:36px;padding-right:10px;border:solid #0977c9 2px;color:#222;text-align:right;line-height:36px;font-weight:600;}
/* 기준가 아래 rise,drop 아이콘가 표시 */
table.finductList .withIcon, table.finductList .withDate {text-align:right;}
table.finductList .withIcon p, table.finductList .withDate p {margin-bottom:3px;}/* 기준가표시 */
table.finductList .withDate span {color:#747474;}
/* 삼성추천일경우 */
table.finductList .ssrecom_title {padding:5px 15px;background-color:#f4fcff;font-size:14px;text-align:left; background-color:#ddf4ff; color:#222;}
table.finductList tr.ssrecom td {background-color:#f4fcff;}
table.finductList .listTitleTab td {font-size:14px; color:#222}
table.finductList .recomeAll {float:right; display:inline-block; position:relative; font-size:12px; color:#222; text-decoration:underline; margin-right:10px;}
/* 클래스펀드 확장  */
table.finductList tr.classFundOpen td {background-color:#fafafa;}
table.finductList tr.classFundOpen td .finduct {margin-bottom:0;}
table.finductList tr.classFundOpen .btnMid + .btnMid {margin-top:5px;}

/* dashed 라인추가*/
.scrollBody table.finductList tr.dualLine td {border-bottom:solid #bbb 1px !important;}
.scrollBody table.finductList tr td.dualLine {border-bottom:solid #bbb 1px !important;}


/********************
금융상품>아이콘
**********************/
table.finductList .startday {display:inline-block;width:100%;text-align:center;margin-bottom:10px;}
.risks {display:block;position:relative;margin:0 auto;padding:25px 0 0 0;text-align:center;font-size:14px;color:#444;/* background:url(/ux/images/finance/risks_deps_new.png) no-repeat; */}
.risks.deps1 {background:url(/ux/images/finance/risks_deps1.png) 50% 0 no-repeat;}
.risks.deps2 {background:url(/ux/images/finance/risks_deps2.png) 50% 0 no-repeat;}
.risks.deps3 {background:url(/ux/images/finance/risks_deps3.png) 50% 0 no-repeat;}
.risks.deps4 {background:url(/ux/images/finance/risks_deps4.png) 50% 0 no-repeat;}
.risks.deps5 {background:url(/ux/images/finance/risks_deps5.png) 50% 0 no-repeat;}
.risks.deps6 {background:url(/ux/images/finance/risks_deps6.png) 50% 0 no-repeat;}

/* .risks.deps1 {background-position:50% 0;}
.risks.deps2 {background-position:50% -50px;}
.risks.deps3 {background-position:50% -100px;}
.risks.deps4 {background-position:50% -150px;}
.risks.deps5 {background-position:50% -200px;}
.risks.deps6 {background-position:50% -250px;} */

p.risks_bar {display:block;position:relative;margin:0 auto;padding:40px 0 0 0;text-align:center;font-size:15px;}
p.risks_bar span {display:block;position:absolute;width:100%;height:33px;left:0;top:0;background:url(/ux/images/finance/risks_deps_bar.png) no-repeat;}
p.risks_bar.deps0 span {background-position:50% -200px;}
p.risks_bar.deps1 span {background-position:50% 0;}
p.risks_bar.deps2 span {background-position:50% -40px;}
p.risks_bar.deps3 span {background-position:50% -80px;}
p.risks_bar.deps4 span {background-position:50% -120px;}
p.risks_bar.deps5 span {background-position:50% -160px;}

dl.risks_bar {display:block;position:relative;margin:0 auto;padding:0;text-align:center;}
dl.risks_bar dt {display:block;position:relative;margin:0 0 3px 0;padding:40px 0 0 0;font-size:15px;color:#444;}
dl.risks_bar dt span {display:block;position:absolute;width:100%;height:33px;left:0;bottom:0;background:url(/ux/images/finance/risks_deps_bar.png) no-repeat; top:0;}
dl.risks_bar dt.deps0 span {background-position:50% -200px;}
dl.risks_bar dt.deps1 span {background-position:50% 0;}
dl.risks_bar dt.deps2 span {background-position:50% -40px;}
dl.risks_bar dt.deps3 span {background-position:50% -80px;}
dl.risks_bar dt.deps4 span {background-position:50% -120px;}
dl.risks_bar dt.deps5 span {background-position:50% -160px;}
dl.risks_bar dd {display:block;position:relative;font-size:13px;color:#747474;}

.rating_star {display:block;position:relative;height:10px;margin:0;padding: 0;font-size:0;text-indent:-9999px;background:url(/ux/images/finance/star_deps.png) no-repeat 50% 0;}
.rating_star.deps0 {background-position:50% 0;}
.rating_star.deps1 {background-position:50% -50px;}
.rating_star.deps2 {background-position:50% -100px;}
.rating_star.deps3 {background-position:50% -150px;}
.rating_star.deps4 {background-position:50% -200px;}
.rating_star.deps5 {background-position:50% -250px;}

.stick_bar {display:block;position:relative;width:300px;margin:0 auto;padding:50px 0 0 0;}
.stick_bar .diagram {display:block;position:absolute;width:100%;margin:0;padding:0;background-image:none;background-color:#ddd;height:30px;left:0;top:0;overflow:hidden;}
.stick_bar .diagram span {float:left;display:inline-block;position:relative;height:30px;background:url(/ux/images/finance/pattern/stick_bar_pattern.png) repeat;}
.stick_bar .diagram span var {display:none;}
.stick_bar .diagram span + span var {display:block;position:absolute;width:1px;height:30px;background-color:#FFF;left:0;top:0;}
.stick_bar .diagram span.case1 {background-position:0 0px;}
.stick_bar .diagram span.case2 {background-position:0 -100px;}
.stick_bar .diagram span.case3 {background-position:0 -200px;}
.stick_bar .diagram span.case4 {background-position:0 -300px;}
.stick_bar .diagram span.case5 {background-position:0 -400px;}
.stick_bar .unit {display:table;position:relative;width:100%;margin:0;padding:0;text-align:center;}
.stick_bar .unit dl {display:inline-block;position:relative;margin:0;padding:0;font-size:13px;color:#444;}
.stick_bar .unit dl + dl {margin-left:15px;}
.stick_bar .unit dt {display:inline-block;position:relative;margin:0;padding:0 0 0 17px;background:url(/ux/images/finance/pattern/stick_bar_regend.png) no-repeat;}
.stick_bar .unit dd {display:inline-block;position:relative;margin:0;padding:0;}
.stick_bar .unit dl.case1 dt {background-position:0 3px;}
.stick_bar .unit dl.case2 dt {background-position:0 -47px;}
.stick_bar .unit dl.case3 dt {background-position:0 -97px;}
.stick_bar .unit dl.case4 dt {background-position:0 -147px;}
.stick_bar .unit dl.case5 dt {background-position:0 -197px;}

.finduct_barChart {display:table;position:relative;width:100%;margin:0;padding:0;}
.finduct_barChart .chart {float:left;display:block;position:relative;width:330px;height:100px;margin:0 0 0 10px;padding:0;}
.finduct_barChart dl.legend {float:right;display:block;position:relative;width:100px;margin:10px 0 0 0;padding:0;text-align:left;}
.finduct_barChart dl.legend dt {visibility:hidden;width:0;height:0;font-size:0;z-index:-1;}
.finduct_barChart dl.legend dd {display:block;position:relative;margin:0 0 7px 0;padding:0 0 0 17px;font-size:13px;background:url(/ux/images/finance/barChart_legend.png) no-repeat 0 0;}
.finduct_barChart dl.legend .case1 {background-position:0 5px;}
.finduct_barChart dl.legend .case2 {background-position:0 -16px;}
.finduct_barChart dl.legend .case3 {background-position:0 -38px;}

.finductBottom {display:block;position:relative;margin:0 0 15px 0;padding:18px 15px;background-color:#fafafa;border-bottom:solid #ddd 1px;}
.finductBottom:before {content:"";position:absolute;left:0;top:-1px;width:100%;height:1px;border-top:solid #ddd 1px;}
.finductBottom:after {display:block;content:"";clear:both;}
.finductBottom .choose {display:inline-block;position:relative;margin:0 10px 0 0;padding:0;font-size:13px;color:#444;}
.finductBottom .choose span {display:inline-block;position:relative;margin-left:3px;color:#0977c9;}

.rate3month {display:inline-block;position:relative;margin:0;padding:0 0 5px 50px;background:url(/ux/images/finance/ico_rate3month.png) no-repeat;}
.rate3month.grade01 {background-position:left 0px;}/* 매우우수  */
.rate3month.grade02 {background-position:left -100px;}
.rate3month.grade03 {background-position:left -200px;}/* 평균  */
.rate3month.grade04 {background-position:left -300px;}
.rate3month.grade05 {background-position:left -400px;}/* 매우부진  */
.rate3month strong {font-size:24px;font-weight:600;color:#FFF;}
.rate3month span {display:block;font-size:13px;}

.fintype {display:inline-block;position:relative;font-size:20px;font-weight:600;padding:0 0 10px 50px;background:url(/ux/images/finance/ico_flag.gif) no-repeat;}
.fintype span {display:block;position:relative;font-size:13px;text-align:left;font-weight:normal;}
.fintypeSlip {display:inline-block;position:relative;font-size:14px;padding:0 0 5px 34px;background:url(/ux/images/finance/ico_flagSlip.gif) no-repeat;}
.fintypeSlip span {display:block;position:relatvie;font-size:13px;color:#747474;text-align:left;font-weight:normal;}
.fintype.kor, .fintypeSlip.kor {padding-top:10px;background-position: left 5px;}
.fintype.chi, .fintypeSlip.chi {background-position: left -95px;}
.fintype.global, .fintypeSlip.global {background-position: left -195px;}
.fintype.jp, .fintypeSlip.jp {background-position: left -295px;}
.fintype.usa, .fintypeSlip.usa {background-position: left -395px;}
.fintype.eu, .fintypeSlip.eu {background-position: left -495px;}
.fintype.etc, .fintypeSlip.etc {padding-top:10px;background-position: left -595px;}

.fingrade {display:block;position:relative;width:120px;height:18px;margin:0 auto;padding:0;font-size:0;text-indent:-9999px;background:url(/ux/images/finance/star_deps_120.png) no-repeat;top:12px;}
.fingrade.star0 {background-position:0 0;}
.fingrade.star1 {background-position:0 -20px;}
.fingrade.star2 {background-position:0 -40px;}
.fingrade.star3 {background-position:0 -60px;}
.fingrade.star4 {background-position:0 -80px;}
.fingrade.star5 {background-position:0 -100px;}
.standardPrice {display:inline-block;position:relative;margin:0;padding:0;}
.standardPrice strong {font-size:24px;font-weight:600;color:#FFF;}
.standardPrice span {display:table;margin:0 auto;position:relative;padding-left:13px;font-size:15px;}
.standardPrice span mark {display:block;position:absolute;width:9px;height:6px;background:url(/ux/images/finance/ico_standardPrice.png) no-repeat;left:0;top:7px;font-size:0;text-indent:-9999px;}
.standardPrice span mark.drop {background-position:0 0;}
.standardPrice span mark.rise {background-position:0 -10px;}
.finscale {display:inline-block;position:relative;}
.finscale strong {font-size:24px;}
.classGrade strong {font-size:24px;}
.classGrade span {display:block;font-size:13px;}
.finmanagc {font-size:20px;}


/********************
금융상품>STEP(신청/가입 등 단계별 등록)
**********************/
/* step03 정보입력 */
.invest_pd_area {margin-bottom:20px;}
.invest_pd_list {width:100%;border-top:1px solid #909090;border-bottom:1px solid #909090;}
.invest_pd_list + .invest_pd_list, .invest_pd_area input[type=hidden] + .invest_pd_list {border-top:none;}
.invest_pd_list:after {display:block;content:"";clear:both;}
.invest_pd_list .tit_area {position:relative;float:left;width:21%;padding:20px 0;}
.invest_pd_list .tit_area>span {margin-bottom:2px;}
.invest_pd_list .tit_area>p.pd_tit {width:85%;margin-bottom:24px;color:#222;font-size:21px;line-height:28px;letter-spacing:-1px;}
.invest_pd_list .tit_area>p.pd_tit a {display:inline-block;width:100%}
.invest_pd_list .tit_area>p.pd_tit .fund_class{display:block;font-size:14px;line-height:16px;}/*190924:펀드클래스 추가*/
.invest_pd_list .tit_area a.modal {position:absolute;right:0;top:0;height:28px;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;background-position:4px -152px;}
.invest_pd_list .tit_area dl {width:99%;}
.invest_pd_list .tit_area dl:after {display:block;content:"";clear:both;}
.invest_pd_list .tit_area dt {float:left;width:30%;margin-bottom:6px;font-size:14px;}
.invest_pd_list .tit_area dd {float:left;width:70%;margin-bottom:6px;color:#444;font-size:14px;font-weight:bold;}
.invest_pd_list .pd_info {position:relative;float:left;width:79%;min-height:280px;padding:10px 0;}
.invest_pd_list .pd_info:after {position:absolute;left:0;top:0;content:"";width:1px;height:100%;border-left:1px solid #e4e4e4;}
.invest_pd_list .pd_info dl.pd_type {clear:both;margin:10px 0;}
.invest_pd_list .pd_info dl.pd_type:after {display:block;content:"";clear:both;}
.invest_pd_list .pd_info dl.pd_type dt {float:left;width:17%;padding-left:20px;font-size:14px;font-weight:bold;}
.invest_pd_list .pd_info dl.pd_type dd {float:left;}
.invest_pd_list .pd_info table {width:100%;}
.invest_pd_list .pd_info th,
.invest_pd_list .pd_info td {padding:10px 0;text-align:left;vertical-align:top;font-size:14px;}
.invest_pd_list .pd_info th {padding:10px 0 0 20px;color:#222;}
.invest_pd_list .pd_info td p.txt {padding-bottom:8px;}
.invest_pd_list .pd_info td input {text-align:right;}
.invest_pd_list .pd_info td label {min-width:70px;}
.invest_pd_list .pd_info td .radio {margin-right:5px;}
.invest_pd_list .pd_info td .agreeBox.type2 {margin-left:1px}
.invest_pd_list fieldset.radioGroup,
.invest_pd_list fieldset.checkboxGroup {padding:0;}
.invest_pd_list .pd_info table .tbl_info dd {float:left;height:24px;margin-top:6px;}
/* 팝업에서 확인하시겠습니까 문구 및 step 완료 강조문구 동일 */
.comfirmBox {margin-top:30px;font-size:18px;text-align:center;}
.comfirmBox strong {color:#e56c00;}
.document_sign .seal {margin-left:6px; display:inline-block; width:70px; height:70px; background: url("/common.do?cmd=down&saveKey=pro.investor&fileName=img_seal.jpg") no-repeat;  vertical-align: middle; -webkit-print-color-adjust: exact !important;}/* 250404 : 출력물 도장 이미지 추가 */

/* step03 정보입력 */
/* 상품라벨 */
span.pd_label_blue {display:inline-block;padding:0 6px 2px;border:1px solid #6baddf;color:#0977c9;font-size:11px;line-height:13px;text-align:center;}
/* 매수금액 종합정보 */
div.step_result_area {width:100%;padding:23px 0;margin-bottom:30px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fafafa;}
div.step_result_area:after {display:block;content:"";clear:both;}
div.step_result_area dl {float:left;width:49%;min-height:43px;border-left:1px dashed #ddd;}
div.step_result_area dl:first-child {border-left:0;}
div.step_result_area dl dt,
div.step_result_area dl dd {padding-left:88px;color:#444;font-size:14px;}
div.step_result_area dl dd {font-size:18px;font-weight:bold;}
/* 펀드 */
/* 청약신청 step2 투자설명서 등 주요내용 확인 - front_content.css로 옮김
.investBrie_box {padding-top:15px;border-top:1px solid #747474;}
.investBrie_box span.dimm {position:absolute;display:block;left:0;top:0;z-index:999;width:100%;height:100%;background:#fff;opacity:0.5;}
.investBrie_box ul {padding-left:15px;}
.investBrie_box .boxGray {position:relative;padding:20px 15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fafafa;}
.investBrie_box .boxGray p {position:relative;font-size:14px;color:#222;}
.investBrie_box .boxGray p:first-child {margin-bottom:7px;}
.investBrie_box .boxGray p label {position:absolute;right:0;top:0;}
.investBrie_box .boxGray label.check {position:absolute;right:15px;top:50%;margin-top:-10px;}
.investBrie_box .txt_desc {padding:0 0 5px 15px;font-size:14px;color:#444;}
.investBrie_box .txt_investDesc {margin-bottom:10px;padding-left:15px;font-size:14px;color:#444;}
.investBrie_box .btnBox {margin-bottom:10px;padding-left:15px;}
.investBrie_box .btnBox .btnSmall {vertical-align:middle;}
.investBrie_box .btnBox button.btnCheck:hover {background-position:10px -56px;}
.investBrie_box .btnBox button.btnCheck.checked {background-position:10px -26px;}
.investBrie_box .agreeBox {background:url(/ux/images/common/bul_dot_98.gif) left top repeat-x;background-color:#fafafa;}
.investBrie_box.cust_box{border-top:1px solid #dddddd;background:#fafafa;}
/* 청약신청 step2 청약가능여부 */
.boxGray_dot {padding:20px;background-color:#fafafa;}
.boxGray_dot > p {font-size:14px;line-height:20px;}

/* 금융상품 > 차트열기 */
.search_date  {font-size:13px;color:#747474;vertical-align:middle;display:none;}
.search_date.on {display:inline-block;}
.btnChart {padding-right:30px !important;background:url(/ux/images/common/btn/bg_btn_ico_set.png) right -481px no-repeat;}
.btnChart.on {background-position:right -517px;}
.fundChart_area {display:none;position:relative;margin:10px 0 20px 0;border-top:1px solid #747474;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.fundChart_area.col3 {display:none;position:relative;margin:10px 0 20px 0;border-top:1px solid #747474;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:url(/ux/images/finance/bg_fundChart.gif) center top repeat-y}
.fundChart_area.on {display:block;}
.fundChart_area:after {display:block;content:"";clear:both;}
.fundChart_area .fundChart_box {float:left;}
.fundChart_area .fundChart_box {position:relative;}
.fundChart_area .fundChart_box:after {content:'';display:block;position:absolute;top:0;left:0;width:1px;height:100%;border-right:1px solid #ddd}
.fundChart_area .fundChart_box:first-child:after, .fundChart_area.col3 .fundChart_box:after {display:none}
.fundChart_area .fundChart_box .chart_view {height:237px;margin-bottom:10px;}
.fundChart_area .fundChart_box .chart_view {padding:15px 15px 0 15px;text-align:center;}
.fundChart_area .fundChart_box .chart_view.no_data {line-height:237px}
.fundChart_area .fundChart_box .chart_view > div {margin:0 auto;}
.fundChart_area .fundChart_box .tbl_chartBox {padding:15px;}
.fundChart_area.col3 .fundChart_box {width:33.3333%;}
.fundChart_area.col2 .fundChart_box {width:50%;}
.tbl_chart thead th {height:30px;padding:0 10px;background-color:#f4f5f7;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:12px;color:#222;text-align:center;font-weight:normal;}
.tbl_chart tbody td {padding:0 3px;}

/* 금융상품 > 상품비교 -  테이블 상품이 최대 4개까지 선택가능 */
.compareFinduct {margin-top:20px;color:#444;}
.compareFinduct tr td {height:51px;padding:14px 10px 15px;text-align:center;}
.compareFinduct td.superb {background-color:#ecf5fa;}
.compareFinduct .goodsList td {padding:10px;border-bottom:none;height:inherit !important;background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom;}
.compareFinduct .goodsList .goodsName {display:table-cell;position:relative;margin:0;padding:0 0 0 27px;font-size:14px;}
.compareFinduct .goodsList .goodsName div.checkbox {display:block;position:absolute;left:0px;top:51%;margin-top:-6px;}
.compareFinduct .goodsListFn td {text-align:center;height:inherit !important;}
.compareFinduct .goodsListFn td, .compareFinduct .goodsList th {border-bottom-color:#747474;}
.compareFinduct.thumbInfo td {height:50px;}
.compareFinduct.thumbInfo td strong {display:inline-block;position:relative;font-size:16px;margin-right:2px;}
.compareFinduct .keep strong {color:#444 !important;}
.compareFinduct tr.gradeSum strong {color:#444;text-align:center;}
.compareFinduct tr.gradeSum span {display:block;font-size:13px;color:#747474;}
.compareFinduct + .thumbArticle {margin-top:20px;}
.compareFinduct .txt_repay td {text-align:left !important;font-size:13px;color:#747474;}
.compareFinduct .foundation td {padding-left:45px !important;}
.compareFinduct .goodsList .goodsName {text-align:left;}
.compareFinduct  .label_box {display:inline-block;margin-bottom:5px;padding:0px 3px 1px 3px;border:1px solid #8f8f8f;color:#676767;font-size:11px;text-align:center;}
.goodsListFn .btnBox .size {width:104px;margin:8px 0 0 0 !important;}

/* 상장사임직원⁄매매불원종목 등록 */
.excludeBox {position:relative;padding-top:16px;border-top:1px solid #747474;}
.excludeBox.no_tb{border-top:none;padding-top:0}
.excludeBox:after {display:block;content:"";clear:both;}
.excludeBox .searchBox {float:left;width:430px;}
.excludeBox .stokeItemBox {float:right;width:430px;}
.excludeBox h4 {margin-bottom:5px;font-size:14px;color:#0977c9;font-weight:bold;}
.excludeBox .searchBox .searchTop {margin-bottom:10px;}
.excludeBox .searchBox .searchTop input {width:344px;}
.excludeBox .searchBox .searchTop .btnLarge {width:54px;margin-left:10px;padding:0;}
.excludeBox .searchResult {height:231px;overflow-y:auto;border:1px solid #bbb;}
.excludeBox .searchResult ul li {padding-left:10px;line-height:32px;}
.excludeBox .searchResult ul li a {display:block;}
.excludeBox .searchBox .searchResult ul li.on,
.excludeBox .searchBox .searchResult ul li:hover {background-color:#ececec;}
.excludeBox .stokeItemBox .exceptBox {height:282px;overflow-y:auto;border:1px solid #bbb;}
.excludeBox .exceptBox ul li {padding-left:10px;line-height:32px;}
.excludeBox .exceptBox ul li a {display:block;}
.excludeBox .exceptBox ul li.on,
.excludeBox .exceptBox ul li:hover {background-color:#ececec;}
.excludeBox .btnArea {position:absolute;left:50%;top:142px;width:61px !important;margin-left:-30px;}
.excludeBox .btnArea .btnSmall + .btnSmall {margin:10px 0 0 0 !important;}
.excludeBox .btnArea .btnSmall.white.page.left {background-position:left -412px !important;}
.excludeBox .btnArea .btnSmall.page.left {padding:0 10px 0 26px !important;}
/* 랩서비스가입 */
.excludeBox .searchResult.jongList ul li {padding-left:15px;}
.excludeBox .searchResult.jongList ul li a {padding-left:10px;}
.excludeBox .searchBox .searchResult.jongList ul li a.on,
.excludeBox .searchBox .searchResult.jongList ul li a:hover {background-color:#ececec;}
.excludeBox .exceptBox.delList ul li {padding-left:15px}
.excludeBox .exceptBox.delList ul li a {padding-left:10px}
.excludeBox .exceptBox.delList ul li a.on,
.excludeBox .exceptBox.delList ul li a:hover {background-color:#ececec;}
/* 팝업형태 */
.popSection .excludeBox {border-top:none;padding-top:0}
.popSection .excludeBox .searchBox {width:389px;}
.popSection .excludeBox .stokeItemBox {width:389px;}
.popSection .excludeBox .searchBox .searchTop input {width:303px;}

/* 금융상품>ETC */
label.help {margin-right:0 !important;}
.autoTransOption {display:inline-block;position:relative;margin:10px 0 0 3px;}
.findetail_summary + .btnArea {padding-top:20px;}
.h3_tit + .finduct_parlate {margin-top:10px;}
.finduct_parlate + .h3_tit, .finduct_parlate + .alignBox {margin-top:30px;}
.toggle_target + .comparewith, .toggle_target + .thumbArticle, .btnArea + .comparewith, .comparewith + .comparewith {margin-top:30px;}


/********************
금융상품>팝업
**********************/
/* (P)매도스케쥴러 */
.myScheduleList {border-bottom:1px solid #ececec;padding:7px;}
.myScheduleList .monthchedule {position:relative;margin:8px;}
.myScheduleList .monthchedule .cal_wrap {position:absolute;overflow:hidden; left:0;top:0;width:170px;}
.myScheduleList .monthchedule .cal_wrap>div {float:left;font-size:14px;color:#747474;}
.myScheduleList .monthchedule .cal_wrap>div strong.txt_week {font-weight:bold;color:#747474;}
.myScheduleList .monthchedule .cal_wrap>div strong.txt_week.sat {color:#0977c9;}
.myScheduleList .monthchedule .cal_wrap .txt_day {float:right;margin-right:20px;font-size:40px;color:#444;text-align:right;line-height:0.8;}
.myScheduleList .monthchedule .fundDetail {margin-left:170px;}
.myScheduleList .monthchedule .fundDetail ul li {height:30px;margin:2px 0;border:1px solid #ececec;border-left:none;border-top-right-radius:3px;border-bottom-right-radius:3px;;}
.myScheduleList .monthchedule .fundDetail ul li em {display:inline-block;width:47px;height:30px;background:url(/ux/images/common/bg_ico_tradeSchedule.png) 0 0 no-repeat;text-align:center;font-size:13px;line-height:30px;color:#fff;vertical-align:middle;}
.myScheduleList .monthchedule .fundDetail ul li em.depth1 {background-position:0 0;}
.myScheduleList .monthchedule .fundDetail ul li em.depth2 {background-position:0 -50px;}
.myScheduleList .monthchedule .fundDetail ul li em.depth3 {background-position:0 -100px;}
.myScheduleList .monthchedule .fundDetail ul li em.depth4 {background-position:0 -150px;}
.myScheduleList .monthchedule .fundDetail ul li em.depth5 {background-position:0 -200px;}
.myScheduleList .monthchedule .fundDetail ul li span {overflow:hidden;display:inline-block;width:342px;height:28px;padding-left:7px;font-size:13px;color:#444;line-height:28px;vertical-align:middle;white-space:nowrap;}
/* modalPop 펀드매매 - 신규매수 팝업 (매수 불가능 시간 알림) */
/*.modalPop .popSection .reHead {margin-bottom:25px;} 공통이라 삭제해야함  */
.trade_sTitle {font-size:18px;color:#222;font-weight:bold;text-align:center;}
.trade_sTitlelogin {font-size:16px;color:#222;font-weight:bold;text-align:center;}
.time_info_box {padding:15px 0;margin:20px 0 10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#fafafa;text-align:center;}
.time_info_box p {color:#222;font-size:18px;text-align:center;}
.time_info_box p span {color:#c75414;}
.time_info_box dl {display:inline-block;position:relative;}
.time_info_box dl:after {display:block;content:"";clear:both;}
.time_info_box dl dt {float:left;font-size:18px;color:#222;}
.time_info_box dl dd {float:left;margin-left:5px;}
.time_info_box dl dd span {display:block;font-size:18px;color:#c75414;}
.time_info_txt {background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px;padding-left:10px;font-size:13px;color:#222;}
/* modalPop 펀드매매 */
.modalPop .popSection .cont h2 {margin-bottom:12px;}
.trade_sTitle {color:#222;font-size:18px;font-weight:bold;text-align:center;}
.transfer_sTitle {margin-bottom:25px;font-size:14px;color:#444;}
.today_time {position:absolute;right:0;top:0;font-size:13px;font-weight:bold;}
.today_time span {font-weight:normal;}
.terms_agreeBox {position:relative;padding:15px;border-top:1px solid #747474;border-bottom:1px solid #ddd;color:#222;font-size:14px;line-height:20px;background-color:#f4f5f7;}
.terms_agreeBox p {position:absolute;right:15px;top:50%;margin-top:-11px;}
.time_info_txt {padding-left:10px;color:#222;font-size:13px;background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px;}
/* 금융상품>(P)매수 불가능 시간 알림 */
.trade_sTitle {color:#222;font-size:18px;font-weight:bold;text-align:center;}
/* 금융상품>(P)신규약관확인 */
.transfer_sTitle {margin-bottom:25px;font-size:14px;color:#444;}
/* 금융상품>약관 공통 */
.terms_agreeBox {position:relative;padding:15px;border-top:1px solid #747474;border-bottom:1px solid #ddd;color:#222;font-size:14px;line-height:20px;background-color:#f4f5f7;}
.terms_agreeBox p {position:absolute;right:15px;top:50%;margin-top:-11px;}
/*찾지 못함
.today_time {position:absolute;right:0;top:0;font-size:13px;font-weight:bold;}
.today_time span {font-weight:normal;}
.time_info_txt {padding-left:10px;color:#222;font-size:13px;background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px;} */


/********************
금융상품>펀드
********************/
/* 금융상품>펀드>금융상품 투자전략>금융상품HOT이슈 */
.hotIssue_randing {display:block;width:100%;position:relative;min-height:352px;margin:0 0 40px 0;/* padding:0 329px 0 0;*/;}
.hotIssue_randing:after {display:block;content:"";clear:both;}
.hotIssue_randing .tab {display:block;float:right;width:327px;margin:0;padding:0;border:solid #ddd 1px;right:0;top:0;}
.hotIssue_randing .tab li {display:table;position:relative;width:100%;height:70px;margin:0;padding:0;}
.hotIssue_randing .tab li + li {background:url(/ux/images/common/lineDot_ddd.gif) repeat-x left top;}
.hotIssue_randing .tab li a {display:table-cell;position:relative;width:214px;height:50px;margin:0;padding:10px 0 10px 115px;font-size:14px;color:#444;vertical-align:middle;}
.hotIssue_randing .tab li a span {display:block;position:absolute;width:90px;height:50px;left:10px;top:10px;}
.hotIssue_randing .tab li.current a {width:208px;height:50px;border:solid #3dadec 3px;padding:7px 0 7px 115px;background-color:#FFF;}
.hotIssue_randing .tab li.current a span {top:7px;left:7px;}
.hotIssue_randing .slidingBox {display:block;position:relative;width:630px;height:350px;border:solid #ddd 1px;border-right:none;overflow:hidden;}
.hotIssue_randing .slidingBox li {display:block;position:absolute;width:630px;height:350px;left:0;top:0;}
.hotIssue_randing .pause {display:block;position:absolute;width:18px;height:18px;background:url(/ux/images/common/btn/btn_control.png) no-repeat -100px 0;text-indent:-9999px;font-size:0;overflow:hidden;right:345px;top:20px;}
.hotIssue_randing .pause.play {background-position:-150px 0;}

.hotIssue_service {display:table;position:relative;width:100%;margin:0 0 40px 0;padding:0;}
.hotIssue_service .serviceWrap {float:left;display:table;position:relative;width:468px;margin:0;padding:0;border-left:solid #ddd 1px;border-top:solid #747474 1px;}
.hotIssue_service .serviceWrap li {float:left;display:block;position:relative;width:25%;margin:0;padding:0;}
.hotIssue_service .serviceWrap a {display:block;position:relative;width:116px;height:95px;margin:0;padding:34px 0 0 0;border-right:solid #ddd 1px;border-bottom:solid #ddd 1px;text-align:center;}
.hotIssue_service .serviceWrap a img {margin-bottom:5px;}
.hotIssue_service .bannerWrap {float:right;display:block;position:relative;width:470px;margin:0;padding:0;}
.hotIssue_service .bannerWrap .mpopBro {display:none;margin-bottom:9px;}
.hotIssue_service .bannerWrap .mpopBro img {width:100%;height:100px; vertical-align:bottom;}
.hotIssue_service .bannerWrap dl {display:block;position:relative;margin:0;padding:0 0 0 260px;border:solid #ddd 1px;background-color:#fafafa;}
.hotIssue_service .bannerWrap dt {display:block;position:absolute;width:230px;margin:0;padding:30px 0 0 30px;left:0;top:0;}
.hotIssue_service .bannerWrap dt strong {display:inline-block;position:relative;margin:0 0 4px 0;font-size:18px;color:#222;font-weight:600;}
.hotIssue_service .bannerWrap dd {display:block;position:relative;height:87px;margin:0;padding:0 27px;background:url(/ux/images/finance/hotIssue_service_banner2.png) no-repeat 28px -20px #FFF;}
.hotIssue_service .bannerWrap dd a {display:block;position:relative;height:19px;margin:0;/* padding:15px 0 15px 28px; */padding:34px 0 15px 28px;}
.hotIssue_service .bannerWrap dd a span {display:block;background:url(/ux/images/common/btn/bg_btn_ico_set.png) no-repeat right -74px;}
.hotIssue_service .bannerWrap dd + dd a {background:url(/ux/images/common/bg_dot_line.gif) repeat-x left top;}
.hotIssue_service .bannerWrap dd:last-child{height:85px;}

.hotIssus_latest {float:left;display:block;position:relative;width:470px;margin:0;padding:0;text-align:left;}
.hotIssus_latest + .hotIssus_latest {margin-left:20px;}
.hotIssus_latest ul {display:block;position:relative;margin:0;padding:0 20px;border:solid #ddd 1px;border-top:solid #747474 1px;}
.hotIssus_latest li {display:block;position:relative;margin:0;padding:0;text-align:left;}
.hotIssus_latest li + li {background:url(/ux/images/common/bg_dot_line.gif) repeat-x left top;}
.hotIssus_latest li a {display:inline-block;position:relative;margin:0;padding:15px 0 15px 10px;background:url(/ux/images/common/bul_arrow3.gif) no-repeat 2px 24px;max-width:407px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.hotIssus_latest .btnMore {display:block;position:absolute;width:16px;height:16px;margin:0;padding:0;background:url(/ux/images/common/btn/btnMore.png) no-repeat left top;right:5px;top:10px;text-indent:-9999px;font-size:0;overflow:hidden;}

/* 금융상품>펀드>추천펀드 */
.page_info.fundSearch_head .inner .bgArea{background:url(/ux/images/finance/bg_fundSearch.png) no-repeat;}

.finrecomList {display:table;position:relative;width:100%;margin:0;padding:0;}
.finrecomList li {float:left;display:block;position:relative;margin:0 0 20px 0;padding:0;border:solid #ddd 1px;border-top:solid #747474 1px;}
.finrecomList.col2 li + li {margin-left:20px;}
.finrecomList.col2 li {width:468px;min-height:439px}
.finrecomList.col2 li .noText{display:block;padding:200px 0 0 0;text-align:center;height:239px;background:#fafafa url(/ux/images/common/ico_tip.gif) no-repeat 70px 208px}
/* 추천펀드 상품 없을 시 */
.finrecomList.col3 li.noBgText{clear:both;display:block;width:100%;padding:187px 0 0 0;margin:0 0 20px;text-align:center;height:239px;background:#fafafa url(/ux/images/common/ico_tip.gif) no-repeat 260px 190px;font-size:18px}
/* 추천펀드 상품 없을 시 */
.finrecomList.col3 li.noBgText2{clear:both;display:block;width:100%;padding:187px 0 0 0;margin:0 0 20px;text-align:center;height:239px;background:#fafafa url(/ux/images/common/ico_tip.gif) no-repeat 240px 190px;font-size:18px}


.finrecomList.col3 li {width:305px;margin-right:19px;}
.finrecomList .newBadge {display:block; position:absolute; width:54px; height:37px; left:12px; top:-4px; background:url(/ux/images/finance/newBadge.png) no-repeat left top; text-indent:-9999px; font-size:0; overflow:hidden;z-index:5;}
.finrecomList .newBadge+.subBadge{height:35px; top:34px; background-position:0 -37px}
.finrecomList .subBadge {display:block; position:absolute; width:54px; height:37px; left:12px; top:-4px;  background:url(/ux/images/finance/subBadge.png) no-repeat left top; text-indent:-9999px; font-size:0; overflow:hidden;z-index:5;}
.finrecomList .thumb {display:block;position:relative;height:170px;margin:0;padding:0;border-bottom:solid #ddd 1px;}
.finrecomList .thumb .tbg img {display:block;width:100%;height:170px;}
.finrecomList .thumb .cover {display:block;position:absolute;width:100%;height:100%;color:#FFF;left:0;top:0;}
.finrecomList .thumb .cover .bg {display:block;position:absolute;width:100%;height:100%;background-color:#000;opacity:0.6;-ms-filter: "progid:DxImageTransform.Microsoft.Alpha(opacity=60)";}
.finrecomList .thumb .cover .text {display:block;position:relative;height:90px;margin:0;padding:35px 20px 0 20px;text-align:center;font-size:16px;}
.finrecomList .thumb .cover .btnMore {display:inline-block;position:absolute;padding-right:35px;height:28px;line-height:25px;background:url(/ux/images/finance/white_arrow.png) no-repeat right top;font-size:18px;color:#FFF;left:174px;bottom:25px;}
.finrecomList.col3 .thumb .cover .btnMore {height:22px;line-height:20px;padding-right:27px;font-size:14px;background:url(/ux/images/finance/white_arrow_small.png) no-repeat right top;left:108px;}

/* .finrecomList .thumb .cover a {display:inline-block;position:absolute;padding-right:35px;height:28px;line-height:25px;background:url(/ux/images/finance/white_arrow.png) no-repeat right top;font-size:18px;color:#FFF;left:174px;bottom:25px;}
.finrecomList.col3 .thumb .cover a {height:22px;line-height:20px;padding-right:27px;font-size:14px;background:url(/ux/images/finance/white_arrow_small.png) no-repeat right top;left:108px;}
 */
 .finrecomList .deck {display:block;position:relative;margin:0;padding:10px 27px 20px 27px;}
.finrecomList .deck dt.head {display:block;position:relative;height:60px;margin:0 0 18px 0;padding:0 0 16px 0;border-bottom:solid #ddd 1px;font-size:16px;color:#222;}
.finrecomList.col3 .deck dt.head {height:90px; padding-bottom:21px;border-bottom:none;background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom;}
.finrecomList .deck dd.cont {display:table;position:relative;width:100%;margin:0;padding:0;}
.finrecomList .deck dd.functionBtn {display:block;position:relative;margin:18px 0 0 0;padding:20px 0 0 0;border-top:solid #ddd 1px;text-align:center;}
/* 추천펀드 레이블 부분 수정 */
.finrecomList .head p, .finrecomList .head .descText {display:block;position:relative;font-size:13px;color:#747474;}
.finrecomList .head p span, .finrecomList .head .descText span {display:inline-block;position:relative;margin:0 5px 10px 0;padding:0 5px;height:15px;line-height:17px;border:solid #ddd 1px;font-family:dotum,Arial;font-size:11px;}
.finrecomList .head .descText .lay-help{margin:0;width:185px}
.finrecomList .head .descText .lay-help a.btn_help{border:0;font-size:13px;color:#747474;vertical-align:top;padding:0;display:block;overflow:hidden;height:18px;line-height:16px;text-overflow:ellipsis;width:185px;white-space:nowrap}

.finrecomList.col2 .head .descText .lay-help,
.finrecomList.col2 .head .descText .lay-help a.btn_help{width:350px}

.finrecomList.col2 .cont dl {display:table-cell;position:relative;width:33.33%;margin:0;padding:0;}
.finrecomList.col2 .cont dl + dl {background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.finrecomList.col2 .cont dt {display:block;position:relative;font-size:13px;color:#747474;text-align:center;margin-bottom:10px;}
.finrecomList.col2 .cont dd {display:table;width:100%;vertical-align:middle;text-align:center;}
.finrecomList.col2 .cont dd p {color:#7891af;}
.finrecomList.col2 .cont .totalScale dd {font-size:20px;color:#7891af;}
.finrecomList.col2 .cont .totalScale dd span {display:block;position:relative;text-align:center;font-size:13px;}
.finrecomList.col3 .deck dd.cont {display:block;position:relative;width:50%;padding-right:50%;margin:0;}
.finrecomList.col3 .cont dl {display:block;position:relative;margin:0;padding:0 0 0 8px;background:url(/ux/images/common/bul_arrow1.gif) no-repeat left 8px;}
.finrecomList.col3 .cont dt {display:block;position:relative;margin-bottom:6px;font-size:13px;color:#747474;}
.finrecomList.col3 .cont dd {display:block;position:relative;font-size:13px;color:#7891af;}
.finrecomList.col3 .cont .totalScale {margin-top:10px;}
.finrecomList.col3 .deck dd.cont dl.late3month {position:absolute;padding:0;right:0;top:0;background:none;text-align:right !important;}
.finrecomList .cont .late3month {font-size:24px;}
.finrecomList .cont .late3month span {font-size:30px;}
.finrecomList + .boxGrey {margin-top:20px;}
.finrecomList .head p span.badge01,
.finrecomList .head .descText span.badge01 {border-color:#e82828;color:#e82828;}/* 국내주식 */
.finrecomList .head p span.badge02,
.finrecomList .head .descText span.badge02 {border-color:#1aa55b;color:#1aa55b;}/* 신규펀드  */
.finrecomList .head p span.badge03,
.finrecomList .head .descText span.badge03 {border-color:#f06731;color:#f06731;}/* 중소형주  */
.finrecomList .head p span.badge04,
.finrecomList .head .descText span.badge04 {border-color:#4bd4cf;color:#4bd4cf;}/* 해외주식 */
.finrecomList .head p span.badge05,
.finrecomList .head .descText span.badge05 {border-color:#3aaae0;color:#3aaae0;}/* 연금추가 */
.finrecomList .head p span.badge06,
.finrecomList .head .descText span.badge06 {border-color:#f0488b;color:#f0488b;}/* 중국펀드 */
.finrecomList .head p span.badge07,
.finrecomList .head .descText span.badge07 {border-color:#db72bf;color:#db72bf;}/* 국내안정형  */
.finrecomList .head p span.badge08,
.finrecomList .head .descText span.badge08 {border-color:#8f50bc;color:#8f50bc;}/* 해외안정형 */
.finrecomList .head p span.badge09,
.finrecomList .head .descText span.badge09 {border-color:#1d2088;color:#1d2088;}/* 인덱스/레버리지 */

/* 금융상품>펀드>추천펀드>금융상품트렌드>목록 */
.fintrend_keyword {display:block;position:relative;height:352px;margin:0 0 20px 0;padding:0 30px 0 664px;background-color:#fafafa;border:solid #ddd 1px;}
.fintrend_keyword.mirror {padding:0 600px 0 20px;height:352px;}
.fintrend_keyword .keyword_box {display:block;position:relative;margin:0;padding:0;}
.fintrend_keyword .keyword_box em {display:block;position:relative;margin:0 0 16px 0;padding:0;font-size:20px;font-weight:600;color:#222;}
.fintrend_keyword .keyword_box span {display:block;position:relative;margin:0;padding:0;font-size:13px;color:#444;line-height:20px;}
.fintrend_keyword .keyword_box span  + span {margin-top:14px;}
.fintrend_keyword .titleLabel + .keyword_box {margin-top:15px;}
.fintrend_keyword .thumb {display:block;position:absolute;width:588px;height:352px;left:-1px;top:0;}
.fintrend_keyword .thumb img {height:354px;}
.fintrend_keyword.mirror .thumb {left:inherit;right:-2px;}
.fintrend_keyword.mirror .thumb img {width:100%;}
.fintrend_keyword a:hover {text-decoration:none;}
.fintrend_keyword a:hover em {text-decoration:underline;}

.titleLabel {display:inline-block;position:relative;height:32px;line-height:32px;margin:0;padding:0 10px;font-size:13px;color:#FFF;text-align:center;}
.titleLabel.pink {background-color:#b4558c;}
.titleLabel.blue {background-color:#6570c0;}
.titleLabel.purple {background-color:#7655b3;}

.fintrend_dl {display:block;position:relative;text-align:center;}
.fintrend_dl dt {display:block;position:relative;margin-bottom:10px;color:#222;}
.fintrend_dl dd {display:block;position:relative;color:#444;}
.fintrend_dl.dt18 dt {font-size:18px;}
.fintrend_dl.dt18 dd {font-size:13px;}
.fintrend_dl.dt22 dt {font-size:22px;font-weight:600;}
.fintrend_dl.dt22 dd {font-size:14px;}
.fintrend_dl.headline {border-top:solid #ddd 1px;margin-top:40px;padding-top:40px;}
.fintrend_dl + .divde_dotline {margin-top:40px;}

.tipArea.type2 .title {color:#0977c9;font-size:13px;font-weight:bold;display:block;padding:0 30px;}
.tipArea.type2>p {margin-bottom:20px;position:relative;}
.tipArea.type2>p:after {content:"";display:block;width:958px;height:1px;position:absolute;bottom:0;left:-30px;border-bottom:1px solid #ddd;}
.tipArea.type2 ul {border-top:none;padding:5px 30px 16px 30px;}
/* fintrend_dl01 헬스케어펀드란? */
.divde_dotline {display:table;position:relative;width:100%;margin:0;padding:0;}
.divde_dotline li {display:table-cell;position:relative;}
.divde_dotline.col2 li {width:50%;}
.divde_dotline.col3 li {width:33.33%;}
.divde_dotline.col4 li {width:25%;}
.divde_dotline.col5 li {width:20%;}
.divde_dotline li + li {background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.divde_dotline li .thumb {display:table;margin:5px auto 20px auto;}
/* #fintrend_dl02 국내외현황 */
.healthcare_chart {display:table;position:relative;width:100%;margin:20px 0 0 0;padding:0;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;}
.healthcare_chart dl {display:table-cell;position:relative;width:439px;margin:0;padding:0;}
.healthcare_chart dl + dl {border-left:solid #ddd 1px;}
.healthcare_chart dt {display:block;position:relative;height:20px;margin:0;padding:20px 0;font-size:18px;color:#222;background-color:#fafafa;text-align:center;}
.healthcare_chart dt span {display:inline-block;position:relative;margin-left:6px;color:#747474;font-size:13px;}
.healthcare_chart dd {text-align:center;}
/* fintrend_dl03 헬스케어펀드 앞으로는 어떨까 */
.fintrend_dl.healthcare_future {margin:40px 0;}
.fintrend_dl.healthcare_future dd {min-height:292px;padding:10px 0 40px 0;text-align:left;border-bottom:solid #ddd 1px;}
.fintrend_dl.healthcare_future dd .fl {width:45%;}
/* fintrend_dl04 전문가가 추천합니다 */
#fintrend_dl04 {overflow:hidden;}
#fintrend_dl04 > .single {width:278px;height:244px;margin-left:20px;float:left;border:1px solid #ddd;border-top:1px solid #747474;margin-top:20px;}
#fintrend_dl04 > .single.col1 {margin-left:0;}
#fintrend_dl04 > .single > dt {background:#fafafa;border-bottom:1px solid #ddd;padding:20px;font-size:16px;height:66px;}
#fintrend_dl04 > .single > dt .category {display:inline-block;font-weight:bold;margin-bottom:5px;}
#fintrend_dl04 > .single > dd.clear {height:76px; overflow:hidden;}
#fintrend_dl04 > .single > dd.clear dl {width:50%;padding:20px 20px 0 20px ;box-sizing:border-box;}
#fintrend_dl04 > .single > dd.clear dl.fl {position:relative;}
#fintrend_dl04 > .single > dd.clear dl.fl:after {display:block;content:"";position:absolute;right:-1px;top:26px;width:1px;height:30px;background:url(/ux/images/common/bg_dot_vline2.gif) 100% 0 repeat-y;}
#fintrend_dl04 > .single > dd.clear dt {font-size:12px;color:#747474;}
#fintrend_dl04 > .single > dd.btn {text-align:center;padding:15px 0;border-top:1px solid #ddd;margin:0 20px;}
.fintrend_dl .finduct_semilist {padding-top:10px;margin-bottom:20px;}
.fintrend_dl .finduct_semilist dl {margin-bottom:20px;}
.fintrend_dl .finduct_semilist dl dt {text-align:left;}
.fintrend_dl .finduct_semilist dd.diagram {background:none;padding:20px 160px 20px 29px;}
.fintrend_dl .finduct_semilist dd.diagram .late3month {color:#747474;left:inherit;right:29px;top:20px;text-align:right;}
.fintrend_dl .finduct_semilist dd.diagram .late3month strong.rise {color:#e81a1a;}
.fintrend_dl .finduct_semilist dd.diagram .late3month strong.drop {color:#0364a7;}
.fintrend_dl .finduct_semilist dd.diagram .late3month strong.keep {color:#222;}
.fintrend_dl .finduct_semilist dd.diagram ul.finattr li {margin-bottom:6px;padding-left:10px;color:#7891af;text-align:left;background:url(/ux/images/common/bul_arrow1.gif) no-repeat left 8px;}
.fintrend_dl .finduct_semilist dd.diagram ul.finattr li strong { color:#747474;margin-bottom:6px;}

/* 금융상품>펀드>추천펀드>금융상품트렌드>상세 */
.invest_deck {display:table;position:relative;margin:0;padding:0;}
.invest_deck li {float:left;display:block;position:relative;width:307px;margin:0 0 19px 19px;padding:0;}
.invest_deck li.eq3 {margin-left:0;}
.invest_deck .deckWrap {display:block;position:relative;margin:0;height:210px;padding:170px 30px 0 30px;border:solid #ddd 1px;background-color:#fafafa;}
.invest_deck .deckWrap .titleLabel + .deckWrap_box {margin-top:20px; margin-bottom:15px;}
.invest_deck .deckWrap .deckWrap_box {display:block;position:relative;width:245px;margin:0;padding:0;}
.invest_deck .deckWrap .deckWrap_box em {display:block;position:relative;margin:0 0 16px 0;padding:0;font-size:18px;font-weight:600;color:#222;}
.invest_deck .deckWrap .deckWrap_box span {display:block;position:relative;margin:0;padding:0;font-size:14px;color:#444;line-height:20px;}
.invest_deck li a:hover {text-decoration:none}
.invest_deck li a:hover .deckWrap_box em {text-decoration:underline}
.invest_deck .deckWrap .thumb {display:block;position:absolute;width:100%;height:170px;left:0px;top:0px;}
.invest_deck .deckWrap .thumb img {width:100%}
.invest_deck + .thumbArticle {margin-top:20px;}

/* 금융상품>펀드>추천펀드>펀드랭킹 */
.rankingTitleArea{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.ranking_h2 {position:relative;margin:0 0 10px 0;padding:0;font-size:22px;color:#444;font-weight:normal;}
.ranking_h2 strong {color:#e56c00;font-weight:normal;}
.viewPeriod{margin-right: 10px;}

.rankingTab {display: flex;width:100%;margin-bottom:20px;background:url(/ux/images/common/bg_tabs.gif) repeat-x 0 bottom;}
.rankingTab:after {display:block;content:'';clear:both;}
.rankingTab li {width:calc(100%/4);}
.rankingTab li a {display:flex;align-items: center;justify-content: center;height:70px;padding:0 10px;border:1px solid #ddd;border-left:0;border-bottom:0;text-align:center;color:#222;font-size:15px;background-color:#fafafa;}
.rankingTab li a span {position:relative;width:34px;height:38px;margin:0 10px 0 0;padding:0;background:url(/ux/images/finance/rankingTab_bg.png) no-repeat center center / 100%;}
.rankingTab li a span.tab01 {background-position:0 -60px;}
.rankingTab li a span.tab02 {background-position:0 -300px;}
.rankingTab li a span.tab03 {background-position:0 -180px;}
.rankingTab li a span.tab04 {background-position:0 -300px;}
.rankingTab li a span.tab05 {background-position:0 -300px;}
.rankingTab li:first-child a {border-left:1px solid #ddd;}
.rankingTab li.on {border-bottom:none;}
.rankingTab li.on a {border:2px solid #444;border-bottom:2px solid #fff;background-color:#fff;}
.rankingTab li:first-child.on a {border-left:2px solid #444;}
.rankingTab li.on a span.tab01 {background-position:0 0px;}
.rankingTab li.on a span.tab02 {background-position:0 -240px;}
.rankingTab li.on a span.tab03 {background-position:0 -120px;}
.rankingTab li.on a span.tab04 {background-position:0 -240px;}
.rankingTab li.on a span.tab05 {background-position:0 -240px;}

.rankingbar01 {display:block;position:relative;width:958px;margin:0;padding:285px 0 0 0;border:solid #ddd 1px;background-color:#fafafa;overflow:hidden;}
.rankingbar01 ul {display: flex; position:relative;width:400%;margin:0;padding:0;background-color:#FFF;border-top:solid #ddd 1px;}
.rankingbar01 ul li {float:left;display:block;position:relative;width:10%;padding:35px 0 0 0;}
.rankingbar01 ul li p {display:block;position:absolute;width:120px;height:60px;margin-left:-60px;padding:0 0 27px 0;left:50%;top:0;background-color:#4f4f4f;color:#FFF;text-align:center;}
.rankingbar01 ul li p span {display:block;position:absolute;width:46px;height:46px;line-height:46px;font-size:16px;font-weight:600;color:#222;background:url(/ux/images/finance/ranking_roundbox.png) no-repeat left top;margin-left:-23px;left:50%;bottom:-23px;}
.rankingbar01 ul li p strong {font-size:30px;color:#FFF;line-height:60px;}
.rankingbar01 ul li dl {display:block;position:relative;margin:0;padding:0 10px;}
.rankingbar01 ul li dt {display:block;position:relative;height:110px;padding:0 10px;margin:0 0 10px 0;font-size:15px;color:#222;}
.rankingbar01 ul li dt span{display:block;font-size:14px;}
.rankingbar01 ul li dd {display:block;position:relative;text-align:center;margin-bottom:20px;}
.rankingbar01 ul li dd button[type="button"] + button[type="button"] {margin:0;}
.rankingbar01 ul li + li dl {background:url(/ux/images/common/bg_dot_vline.gif) repeat-y 1px top;}
.rankingbar01 .rank01 p {top:-278px;padding-top:190px;background-color:#b4558c;}
.rankingbar01 .rank01 p span {background:url(/ux/images/finance/ranking01_roundbox.png) no-repeat left top;}
.rankingbar01 .rank02 p {top:-268px;padding-top:180px;background-color:#7655b3;}
.rankingbar01 .rank02 p span {background:url(/ux/images/finance/ranking02_roundbox.png) no-repeat left top;}
.rankingbar01 .rank03 p {top:-258px;padding-top:170px;background-color:#6570c0;}
.rankingbar01 .rank03 p span {background:url(/ux/images/finance/ranking03_roundbox.png) no-repeat left top;}
.rankingbar01 .rank04 p {top:-248px;padding-top:160px;background-color:#474747;}
.rankingbar01 .rank04 p span {background:url(/ux/images/finance/ranking04_roundbox.png) no-repeat left top;}
.rankingbar01 .rank05 p {top:-238px;padding-top:150px;background-color:#4f4f4f;}
.rankingbar01 .rank05 p span {background:url(/ux/images/finance/ranking05_roundbox.png) no-repeat left top;}
.rankingbar01 .rank06 p {top:-228px;padding-top:140px;background-color:#575757;}
.rankingbar01 .rank06 p span {background:url(/ux/images/finance/ranking06_roundbox.png) no-repeat left top;}
.rankingbar01 .rank07 p {top:-218px;padding-top:130px;background-color:#5e5e5e;}
.rankingbar01 .rank07 p span {background:url(/ux/images/finance/ranking07_roundbox.png) no-repeat left top;}
.rankingbar01 .rank08 p {top:-208px;padding-top:120px;background-color:#666666;}
.rankingbar01 .rank08 p span {background:url(/ux/images/finance/ranking08_roundbox.png) no-repeat left top;}
.rankingbar01 .rank09 p {top:-198px;padding-top:110px;background-color:#6e6e6e;}
.rankingbar01 .rank09 p span {background:url(/ux/images/finance/ranking09_roundbox.png) no-repeat left top;}
.rankingbar01 .rank10 p {top:-188px;padding-top:100px;background-color:#747474;}
.rankingbar01 .rank10 p span {background:url(/ux/images/finance/ranking10_roundbox.png) no-repeat left top;}
.rankingbar01 .rank11 p {top:-178px;padding-top:90px;background-color:#747474;}
.rankingbar01 .rank11 p span {background:url(/ux/images/finance/ranking10_roundbox.png) no-repeat left top;}
.rankingbar01 .rank12 p {top:-168px;padding-top:80px;background-color:#747474;}
.rankingbar01 .rank12 p span {background:url(/ux/images/finance/ranking10_roundbox.png) no-repeat left top;}
.rankingbar01 .rank13 p {top:-158px;padding-top:70px;background-color:#747474;}
.rankingbar01 .rank13 p span {background:url(/ux/images/finance/ranking10_roundbox.png) no-repeat left top;}
.rankingbar01 .rank14 p {top:-148px;padding-top:60px;background-color:#747474;}
.rankingbar01 .rank14 p span {background:url(/ux/images/finance/ranking10_roundbox.png) no-repeat left top;}
.rankingbar01 .rank15 p {top:-138px;padding-top:50px;background-color:#747474;}
.rankingbar01 .rank15 p span {background:url(/ux/images/finance/ranking10_roundbox.png) no-repeat left top;}
.rankingbar01 .rank16 p {top:-128px;padding-top:40px;background-color:#747474;}
.rankingbar01 .rank16 p span {background:url(/ux/images/finance/ranking10_roundbox.png) no-repeat left top;}
.rankingbar01 .rank17 p {top:-118px;padding-top:30px;background-color:#747474;}
.rankingbar01 .rank17 p span {background:url(/ux/images/finance/ranking10_roundbox.png) no-repeat left top;}
.rankingbar01 .rank18 p {top:-108px;padding-top:20px;background-color:#747474;}
.rankingbar01 .rank18 p span {background:url(/ux/images/finance/ranking10_roundbox.png) no-repeat left top;}
.rankingbar01 .rank19 p {top:-98px;padding-top:10px;background-color:#747474;}
.rankingbar01 .rank19 p span {background:url(/ux/images/finance/ranking10_roundbox.png) no-repeat left top;}
.rankingbar01 .rank20 p {top:-88px;padding-top:0px;background-color:#747474;}
.rankingbar01 .rank20 p span {background:url(/ux/images/finance/ranking10_roundbox.png) no-repeat left top;}
.rankingbar01 .sliderControl,
.finduct_semilist.customFund .sliderControl {display:block;position:absolute;width:30px;height:40px;margin-top:-20px;top:50%;border:0;cursor:pointer;background:url(/ux/images/finance/ranking01_control.png) no-repeat;text-indent:-9999px;font-size:0;}
.rankingbar01 .sliderControl.prev,
.finduct_semilist.customFund .sliderControl.prev {left:0;background-position:0 -40px;}
.rankingbar01 .sliderControl.next {right:0;background-position:0 0;}
.finduct_semilist.customFund .sliderControl.next {right:2px;background-position:0 0;}

.rankingbar02, .rankingbar02 ul {display:block;position:relative;margin:0;padding:0;}
.rankingbar02 ul li {display:block;position:relative;height:83px;border:solid #ddd 1px;margin:0;padding:0 120px 0 290px;}
.rankingbar02 ul li + li {margin-top:10px;}
.rankingbar02 ul li p {display:block;position:absolute;width:132px;height:70px;padding:15px 10px 0 68px;background:url(/ux/images/finance/rankingbar02_bg.png) no-repeat right top #747474;left:-1px;top:-1px;font-sized:16px;color:#FFF;}
.rankingbar02 ul li p span {display:block;position:absolute;width:40px;height:40px;line-height:40px;font-size:16px;font-weight:600;color:#222;background:url(/ux/images/finance/ranking_roundbox.png) no-repeat left top;left:14px;top:22px;text-align:center;z-index:10;}
.rankingbar02 ul li p strong {font-size:36px;color:#FFF;font-weight:normal;}
.rankingbar02 ul li dl {display:table;position:relative;width:100%;height: 100%;margin:0;padding:0;}
.rankingbar02 ul li dt {display:table-cell;position:relative;margin:0 0 4px 0;font-size:18px;color:#222;vertical-align: middle;}
.rankingbar02 ul li dt span{display:block;font-size:14px}
.rankingbar02 ul li dd {display:inline-block;position:relative;padding:0 0 0 8px;background:url(/ux/images/common/bul_arrow1.gif) no-repeat left 8px;font-size:13px;color:#747474;}
.rankingbar02 ul li dd + dd {margin-left:15px;}
.rankingbar02 .functionBtn {display:block;position:absolute;width:120px;margin:0;padding:8px 0 0 0;right:0;top:0;text-align:center;}
.rankingbar02 .functionBtn button + button, .rankingbar02 .functionBtn span + button,
.rankingbar02 .functionBtn button + span, .rankingbar02 .functionBtn span + span {margin-top:5px;}
.rankingbar02 .rank01 {padding-left:420px;}
.rankingbar02 .rank01 p {width:322px;background-color:#b4558c;}
.rankingbar02 .rank02 {padding-left:410px;}
.rankingbar02 .rank02 p {width:312px;background-color:#7655b3;}
.rankingbar02 .rank03 {padding-left:400px;}
.rankingbar02 .rank03 p {width:302px;background-color:#6570c0;}
.rankingbar02 .rank04 {padding-left:390px;}
.rankingbar02 .rank04 p {width:292px;background-color:#474747;}
.rankingbar02 .rank05 {padding-left:380px;}
.rankingbar02 .rank05 p {width:282px;background-color:#4f4f4f;}
.rankingbar02 .rank06 {padding-left:370px;}
.rankingbar02 .rank06 p {width:272px;background-color:#575757;}
.rankingbar02 .rank07 {padding-left:360px;}
.rankingbar02 .rank07 p {width:262px;background-color:#5e5e5e;}
.rankingbar02 .rank08 {padding-left:350px;}
.rankingbar02 .rank08 p {width:252px;background-color:#666666;}
.rankingbar02 .rank09 {padding-left:340px;}
.rankingbar02 .rank09 p {width:242px;background-color:#6e6e6e;}
.rankingbar02 .rank10 {padding-left:330px;}
.rankingbar02 .rank10 p {width:232px;background-color:#747474;}
.rankingbar02 .rank11 {padding-left:320px;}
.rankingbar02 .rank11 p {width:222px;background-color:#747474;}
.rankingbar02 .rank12 {padding-left:310px;}
.rankingbar02 .rank12 p {width:212px;background-color:#747474;}
.rankingbar02 .rank13 {padding-left:300px;}
.rankingbar02 .rank13 p {width:202px;background-color:#747474;}
.rankingbar02 .rank14 {padding-left:290px;}
.rankingbar02 .rank14 p {width:192px;background-color:#747474;}
.rankingbar02 .rank15 {padding-left:280px;}
.rankingbar02 .rank15 p {width:182px;background-color:#747474;}
.rankingbar02 .rank16 {padding-left:270px;}
.rankingbar02 .rank16 p {width:172px;background-color:#747474;}
.rankingbar02 .rank17 {padding-left:260px;}
.rankingbar02 .rank17 p {width:162px;background-color:#747474;}
.rankingbar02 .rank18 {padding-left:250px;}
.rankingbar02 .rank18 p {width:152px;background-color:#747474;}
.rankingbar02 .rank19 {padding-left:240px;}
.rankingbar02 .rank19 p {width:142px;background-color:#747474;}
.rankingbar02 .rank20 {padding-left:230px;}
.rankingbar02 .rank20 p {width:132px;background-color:#747474;}
.rankingbar02 span.dotline {display:block;position:absolute;width:1px;height:815px;background:url(/ux/images/finance/rankingbar02_dot.png) repeat-y left top;left:33px;top:61px;}

.rankingbar03 {display:block;position:relative;margin:0;padding:50px 0 0 0;border-top:solid #747474 1px;}
.rankingbar03 .titleHead01 {display:inline-block;position:absolute;font-size:18px;font-weight:18px;font-weight:600;color:#222;left:65px;top:17px;}
.rankingbar03 .titleHead02 {display:inline-block;position:absolute;font-size:18px;font-weight:18px;font-weight:600;color:#222;right:270px;top:17px;}
.rankingbar03 .titleHead02 span {display:inilne-block;position:relative;margin-left:6px;font-size:12px;color:#747474;font-weight:normal;}
.rankingbar03 ul li {display:block;position:relative;margin:0;padding:40px 0 10px 285px;}
.rankingbar03 ul li + li {margin-top:10px;}
.rankingbar03 .total {display:block;position:absolute;width:100px;height:100px;left:198px;top:12px;color:#FFF;text-align:center;font-size:20px;background:url(/ux/images/finance/rankingbar03_title.png) no-repeat;z-index:10;}
.rankingbar03 .total span {display:block;position:relative;margin-top:30px;font-size:28px;font-weight:600;}
.rankingbar03 .total strong {display:inline-block;position:relative;font-size:36px;font-weight:normal;;}
.rankingbar03 .lastweek {display:block;position:absolute;width:150px;height:48px;padding:0 60px 0 0;border:solid #ddd 1px;background-color:#f4f5f7;font-size:16px;line-height:45px;color:#747474;text-align:right;left:0;top:40px;}
.rankingbar03 .lastweek span {display:block;position:absolute;width:0;height:0;text-indent:-9999px;font-size:0;overflow:hidden;}
.rankingbar03 .lastweek strong {position:relative;font-size:26px;font-weight:normal;}
.rankingbar03 .thisweek {display:block;position:relative;height:48px;margin:0;padding:0 0 0 20px;border:solid #ddd 1px;background-color:#f4f5f7;;}
.rankingbar03 .thisweek span {display:block;position:absolute;width:0;height:0;text-indent:-9999px;font-size:0;overflow:hidden;}
.rankingbar03 .thisweek strong {display:block;position:relative;height:48px;padding:0 20px 0 0;background:url(/ux/images/finance/rankingbar03_bg.png) no-repeat right top #7891af;font-size:26px;color:#FFF;line-height:45px;text-align:right;font-weight:normal;left:-20px;}
.rankingbar03 .thisweek strong var {font-size:16px;font-style:normal;}
.rankingbar03 ul li dl {display:table;position:relative;width:560px;margin:20px 0 0 20px;padding:0;}
.rankingbar03 ul li dt {display:block;position:relative;margin:0 0 8px 0;font-size:18px;color:#222;}
.rankingbar03 ul li dd {float:left;display:inline-block;position:relative;padding:0 0 0 8px;background:url(/ux/images/common/bul_arrow1.gif) no-repeat left 8px;font-size:13px;color:#747474;}
.rankingbar03 ul li dd + dd {margin-left:15px;}
.rankingbar03 .functionBtn {display:inline-block;position:absolute;width:84px;margin:0;padding:0;right:0;bottom:10px;text-align:right;}
.rankingbar03 .functionBtn button + button, .rankingbar03 .functionBtn span + button,
.rankingbar03 .functionBtn button + span, .rankingbar03 .functionBtn span + span {margin-top:5px;}
.rankingbar03 .rank01 .total {background-position:0 0px;}
.rankingbar03 .rank01 .thisweek strong {width:90%;}
.rankingbar03 .rank02 .total {background-position:0 -100px;}
.rankingbar03 .rank02 .thisweek strong {width:85%;}
.rankingbar03 .rank03 .total {background-position:0 -200px;}
.rankingbar03 .rank03 .thisweek strong {width:80%;}
.rankingbar03 .rank04 .total {background-position:0 -300px;}
.rankingbar03 .rank04 .thisweek strong {width:75%;}
.rankingbar03 .rank05 .total {background-position:0 -400px;}
.rankingbar03 .rank05 .thisweek strong {width:70%;}
.rankingbar03 .rank06 .total {background-position:0 -500px;}
.rankingbar03 .rank06 .thisweek strong {width:66%;}
.rankingbar03 .rank07 .total {background-position:0 -600px;}
.rankingbar03 .rank07 .thisweek strong {width:63%;}
.rankingbar03 .rank08 .total {background-position:0 -700px;}
.rankingbar03 .rank08 .thisweek strong {width:60%;}
.rankingbar03 .rank09 .total {background-position:0 -800px;}
.rankingbar03 .rank09 .thisweek strong {width:56%;}
.rankingbar03 .rank10 .total {background-position:0 -900px;}
.rankingbar03 .rank10 .thisweek strong {width:53%;}
.rankingbar03 .rank11 .total {background-position:0 -900px;}
.rankingbar03 .rank11 .thisweek strong {width:50%;}
.rankingbar03 .rank12 .total {background-position:0 -900px;}
.rankingbar03 .rank12 .thisweek strong {width:46%;}
.rankingbar03 .rank13 .total {background-position:0 -900px;}
.rankingbar03 .rank13 .thisweek strong {width:43%;}
.rankingbar03 .rank14 .total {background-position:0 -900px;}
.rankingbar03 .rank14 .thisweek strong {width:40%;}
.rankingbar03 .rank15 .total {background-position:0 -900px;}
.rankingbar03 .rank15 .thisweek strong {width:36%;}
.rankingbar03 .rank16 .total {background-position:0 -900px;}
.rankingbar03 .rank16 .thisweek strong {width:33%;}
.rankingbar03 .rank17 .total {background-position:0 -900px;}
.rankingbar03 .rank17 .thisweek strong {width:30%;}
.rankingbar03 .rank18 .total {background-position:0 -900px;}
.rankingbar03 .rank18 .thisweek strong {width:26%;}
.rankingbar03 .rank19 .total {background-position:0 -900px;}
.rankingbar03 .rank19 .thisweek strong {width:23%;}
.rankingbar03 .rank20 .total {background-position:0 -900px;}
.rankingbar03 .rank20 .thisweek strong {width:20%;}
.rankingbar03 span.dotline {display:block;position:absolute;width:1px;height:815px;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;left:250px;top:0px;}

/* 금융상품>펀드>추천펀드>펀드랭킹>펀드리스트팝업 */
.fundListInfo {position:absolute;width:840px;margin:25px 0 0 0;padding:50px 19px 19px 19px;border:solid #7891af 1px;background-color:#FFF;right:40px;top:128px;z-index:105;box-shadow:2px 2px 2px #ddd;}
.fundListInfo .headtabClass {position:absolute;right:112px;top:-26px;background-color:#FFF;border-color:#7891af !important;border-bottom-color:#FFF !important;}
.fundListInfo .headtabFamily {position:absolute;right:-1px;top:-26px;background-color:#FFF;border-color:#7891af !important;border-bottom-color:#FFF !important;}
.fundListInfo .layerClose {display:block;position:absolute;width:20px;height:20px;background:url(/ux/images/common/btn/btn_additional_closed.gif) no-repeat 2px 3px;border:none;text-indent:-9999px;font-size:0;top:19px;right:19px;}
.fundListInfo .exam {display:inline-block; position:absolute; font-size:12px; color:#c55a11; left:5px; top:-30px;}
.fundListInfo .exam span {position:relative; top:2px; margin:0 3px 0 0;}
.fundListInfo .finduct {margin-bottom:0 !important;}
.fundListInfo.familyfund .scrollBody {max-height:229px;}/* 클래스펀드  */
.fundListInfo .btnSmall {height:24px;}
.fundListInfo .rateMonth span {display:block;position:relative;width:129px;}
.fundListInfo tbody td .fd_name, .fundListInfo tbody td{font-size: 14px;word-break: keep-all;}
.fundListInfo dl.total{display: flex;align-items: center;width: 100%;margin: 10px 0;padding: 0;color: #222;}
.fundListInfo dl.total dt{padding: 10px 15px;border-top: 1px solid #ddd;border-bottom:1px solid #ddd;border-right: 1px solid #ddd;box-sizing: border-box;background: #fafafa;line-height: 20px;}
.fundListInfo dl.total dd{display: flex;align-items: center;justify-content: center;padding: 10px 15px;border-top: 1px solid #ddd;border-bottom:1px solid #ddd;text-align: center;box-sizing: border-box;background: #fafafa;line-height: 20px;}
.fundListInfo dl.total dd.add{padding-left: 0px;}
.fundListInfo dl.total.account dt{width: 670px;}
.fundListInfo dl.total.account dd{width: calc(100% - 670px)}
.fundListInfo dl.total.account dd > span{font-size: 18px;color: #e56c00;}

/* 금융상품>펀드>추천펀드>맞춤형 펀드 */
.fincustom_person {display:block;position:relative;margin:0 0 30px 0;padding:0;}
.fincustom_person strong {color:inherit;font-weight:600;}
.fincustom_person .personInfo {display:block;position:relative;margin:0 0 15px 0;padding:0;color:#444;font-size:22px;letter-spacing:-2px;font-weight:normal;}
.fincustom_person .personInfo span {display:inline-block;position:relative;margin-right:5px;color:#0977c9; font-weight:600;}
.fincustom_person .personInfo strong {font-weight:600;}
.fincustom_person .investorTend {float:left;display:inline-block;font-size:16px;color:#444;padding-left:5px;}
.fincustom_person .investorTend strong {color:#e56c00;font-weight:600;}
.fincustom_person .investorTend .btnText {margin-left:10px;}
.fincustom_person .tend {display:table;position:relative;width:100%;margin:0;padding:25px 0 30px 0;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;background-color:#fafafa;}
.fincustom_person .tend dl {display:table-cell;position:relative;margin:0;padding:0 20px;}
.fincustom_person .tend dl + dl {background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.fincustom_person .tend dt {display:block;position:relative;margin:0;padding:0;font-size:14px;}
.fincustom_person .tend dd {display:block;position:relative;margin:0;padding:0;font-size:16px;color:#444;}
.fincustom_person .tend dd strong {display:inline-block;position:relative;margin-right:3px;font-size:24px;fint-weight:600;top:2px;}
.fincustom_person .tend dl.col01,.fincustom_person .tend dl.col02 {width:200px;}
.fincustom_person .tend dl.col03 {width:120px;}
.fincustom_person .tend dl.col04 {width:80px;}
.fincustom_person .btnArea {padding-top:10px;}

.fincustom_divid {display:table;position:relative;width:100%;margin:0 0 30px 0;padding:0;}
.fincustom_divid .recomLeft {float:left;display:block;position:relative;width:570px;margin:0;padding:0;;}
.fincustom_divid .h2_tit {margin-bottom:13px;}
.fincustom_divid .ssrecome_deck {display:block;position:relative;height:165px;margin:0;padding:30px 30px 90px 30px;border:solid #ddd 1px;border-top:solid #747474 1px;background-color:#fafafa;}
.fincustom_divid .ssrecome_deck .sam_div {display:none;position:relative;height:163px;width:100%;margin:0;padding:0;}
.fincustom_divid .ssrecome_deck .sam_div.current {display:table;}
.fincustom_divid .ssrecome_deck .charticle {display:table-cell;position:relative;width:290px;margin:0;padding:0 20px 40px 0;border-right:solid #ddd 1px;}
.fincustom_divid .ssrecome_deck .charticle dt {display:block;position:relative;max-height:45px;margin:0 0 7px 0;padding:0;font-size:16px;color:#0062ab;word-break:break-all;overflow:hidden;}
.fincustom_divid .ssrecome_deck .charticle dt a {font-size:16px;color:#0062ab;word-break:break-all;}
.fincustom_divid .ssrecome_deck .charticle dd {display:block;position:relative;height:70px;margin:0;padding:0;overflow:hidden;}
.fincustom_divid .ssrecome_deck .charticle dd.btn {display:block;position:absolute;height:30px;left:0;bottom:0;}
.fincustom_divid .ssrecome_deck .charticle dd.btn button + button {margin-left:0;}
.fincustom_divid .ssrecome_deck .thumb {display:table-cell;position:relative;width:142px;margin:0;padding:0 0 0 20px;vertical-align:top;}
.fincustom_divid .ssrecome_deck .thumb dl {display:block;position:relative;margin:0;padding:0;}
.fincustom_divid .ssrecome_deck .thumb dl dt {display:block;position:relative;margin:0 0 8px 0;font-size:13px;color:#5a96c8;}
.fincustom_divid .ssrecome_deck .thumb dl dd {display:block;position:relative;margin:0;padding:0;}
.fincustom_divid .ssrecome_deck .thumb .month3 {background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom;}
.fincustom_divid .ssrecome_deck .thumb .month3 dd {height:50px;font-size:24px;text-align:right;}
.fincustom_divid .ssrecome_deck .thumb .month3 dd span {font-size:30px;}
.fincustom_divid .ssrecome_deck .thumb .grade {padding-top:15px;}
.fincustom_divid .reomoteBox {display:table;position:absolute;height:59px;width:568px;margin:0;padding:0px 0 0 0;text-align:center;background-color:#FFF;border-top:solid #ddd 1px;left:0;bottom:0;}
.fincustom_divid .reomoteBox span {display:inline-block;position:relative;margin-top:20px;}
.fincustom_divid .reomoteBox button {display:inline-block;position:relatives;width:18px;height:18px;background:url(/ux/images/common/btn/btn_control.png) no-repeat;border:none;cursor:pointer;text-indent:-9999px;font-size:0;top:0;}
.fincustom_divid .reomoteBox button.prev {margin-right:10px;}
.fincustom_divid .reomoteBox button.next {margin-left:10px;background-position:-50px 0;}
.fincustom_divid .recomRight {float:right;display:block;position:relative;width:370px;margin:0;padding:0;}
.fincustom_divid .check_myduct {display:block;position:relative;height:265px;margin:0;padding:20px 50px 0 50px;background-color:#fafafa;border:solid #ddd 1px;border-top:solid #747474 1px;}
.fincustom_divid .check_myduct li {display:none;position:relative;}
.fincustom_divid .check_myduct li.current {display:block;}
.fincustom_divid .check_myduct dl {display:block;position:relative;margin:0;padding:0;text-align:center;}
.fincustom_divid .check_myduct dt {display:block;position:relative;height:135px;margin:0;padding:0;font-size:18px;color:#444;}
.fincustom_divid .check_myduct dt strong {display:block;position:relative;margin-bottom:7px;font-size:28px;font-weight:normal;color:#e56c00;}
.fincustom_divid .check_myduct dt span {color:#e56c00;}
.fincustom_divid .check_myduct dt .step {display:block;position:relative;margin-top:3px;text-align:center;font-size:14px;color:#747474;}
.fincustom_divid .check_myduct dd {display:block;position:relative;margin:0;padding:0;}
.fincustom_divid .check_myduct dd select {width:251px;}
.fincustom_divid .check_myduct dd li {display:block;}
.fincustom_divid .check_myduct dd.functionBtn {margin-top:12px;}
.fincustom_divid .check_myduct dd.functionBtn.start {text-align:right;}
.fincustom_divid .check_myduct dd.functionBtn.end {text-align:left;}
.fincustom_divid .check_myduct dd.functionBtn .btnMid {width:56px;}
.fincustom_divid .check_myduct dd.functionBtn button + button { margin-left:0;}
.fincustom_divid .check_myduct dd.result {display:block; position:relative; margin:10px 0 0 0; padding:0; font-size:14px; color:#747474; text-align:left;}

.finduct_semilist.customFund {display:block;position:relative;padding-top:30px;height:326px;overflow:hidden;}
.finduct_semilist.customFund .single {width:304px;padding-top:4px;}
.finduct_semilist.customFund .single dd.diagram {background-position:50% 15px;padding-left:179px;}
.finduct_semilist.customFund .single dd.diagram .late3month {left:37px;}

.fincustom_sector {display:block;position:relative;margin:0 0 30px 0;padding:0 0 174px 0;border:solid #ddd 1px;border-top-color:#747474;background:url(/ux/images/finance/fincustom_sector_bg.gif) no-repeat left top;}
.fincustom_sector .sectorwrap {display:table;position:relative;width:100%;margin:0;padding:0;background:url(/ux/images/finance/fincustom_line.gif) repeat-x 0 259px;}
.fincustom_sector .sectorwrap li {float:left;display:block;position:relative;width:47px;height:430px;margin:0;padding:0;}
.fincustom_sector .sectorwrap li:first-child {margin-left:9px;}
.fincustom_sector .sectorwrap li + li {background:url(/ux/images/common/bg_dot_vline2px.png) repeat-y left top;}
.fincustom_sector .sectorwrap li span.dim {display:none;position:absolute;width:100%;height:100%;background-color:#147dcb;opacity:0.1;-ms-filter: "progid:DxImageTransform.Microsoft.Alpha(opacity=10)";left:0;top:0;}
.fincustom_sector .sectorwrap li.current span.dim {display:block;}
dl.sectbar {display:block;position:relative;margin:0;padding:0;}
dl.sectbar dt {display:table;position:relative;width:100%;height:88px;margin:0;padding:0;font-size:12px;color:#222;text-align:center;}
dl.sectbar dt strong {display:table-cell;position:relative;width:100%;font-weight:normal;vertical-align:middle;text-align:center;padding-top:42px;}
dl.sectbar dt .badge {display:inline-block;position:absolute;width:47px;height:21px;line-height:19px;text-align:center;padding-bottom:5px;margin-left:1px;background:url(/ux/images/finance/fincustom_badge.gif) no-repeat;font-size:12px;color:#FFF;left:-1px;top:0;}
dl.sectbar dt .badge.recome {background-position:1px 0;}
dl.sectbar dt .badge.mine {background-position:-75px 0;}
dl.sectbar dt .badge.recome + .badge.mine {top:21px !important;}
dl.sectbar dd {display:block;position:relative;height:171px;margin:0 0 141px 0;padding:0;}
dl.sectbar dd .status {display:block;position:absolute;margin:0;padding:40px 0 0 1px !important;left:1px;bottom:0;}
dl.sectbar dd .status.plus {padding-top:40px;padding-right:0;background:none;;}
dl.sectbar dd .status.minus {margin-bottom:-25px;padding-top:50px;padding-right:0;background:none;}
.sectorwrap li.myfund dl.sectbar dd .status.plus {background:url(/ux/images/finance/fincustom_weather.png) no-repeat 8px 5px;}
.sectorwrap li.myfund dl.sectbar dd .status.minus {background:url(/ux/images/finance/fincustom_weather.png) no-repeat -89px 5px;}
dl.sectbar dd .status p {display:block;position:relative;width:46px;height:25px;line-height:25px;margin:0;padding:0;color:#FFF !important;font-size:13px;text-align:center;background-color:#747474;left:-1px;}
.sectorwrap li.myfund dl.sectbar dd .status.plus p {background-color:#ed5757;}
.sectorwrap li.myfund dl.sectbar dd .status.minus p {background-color:#5a96c8;}
dl.sectbar dd .status p span {display:inline-block;position:relative;padding-left:15px;background:url(/ux/images/finance/finduct_white.png) no-repeat;}
dl.sectbar dd .status.minus p span {background-position:0 9px;}
dl.sectbar dd .status.plus p span {background-position:0 -40px;}
.sectorwrap li.noData dl.sectbar dt strong {color:#747474;}
.sectorwrap li.noData dl.sectbar dd .status {display:block;position:absolute;width:50px;height:310px;margin:0;padding:0 !important;text-indent:-9999px;font-size:0;background:url(/ux/images/finance/fincustom_nodata.png) repeat;left:0;top:2px;}
.sectorwrap li.noData dl.sectbar dd p {height:0px !important;margin:0;padding:0;}

.fincustom_sector .sectorwrap .detailwrap {display:none;position:absolute;width:943px;height:174px;margin:0;padding:0 0 0 15px;border:solid #bbb 1px;background-color:#FFF; bottom:-176px;}
.fincustom_sector .sectorwrap li.current .detailwrap {display:block;}
.sectorwrap .detailwrap span.arrow {display:block;position:absolute;width:19px;height:10px;background:url(/ux/images/finance/fincustom_arrow.png) left top;left:59px;top:-10px;}
.sectorwrap .detailwrap dl {float:left;display:block;position:relative;width:284px;height:80px; margin:18px 0;padding:0 15px;}
.sectorwrap .detailwrap dt {display:block;position:relative;height:28px;margin:0 0 5px 0;padding:0;font-size:16px;color:#444;}
.sectorwrap .detailwrap dt span {display:inline-block;position:relative;font-size:13px;color:#747474;margin:0 0 0 10px;}
.sectorwrap .detailwrap dd {display:block;position:relative;margin:0;padding:0;color:#444;}
.sectorwrap .detailwrap .sectInfo {float:left; display:block; position:relative; width:180px; height:100%; margin:0; padding:0; border-right:solid #ddd 1px;}
.sectorwrap li.myfund .detailwrap .sectInfo {float:left; display:block; position:relative; width:180px; height:100%; margin:0; padding:0; border-right:solid #ddd 1px;}
.sectorwrap .detailwrap .sectInfo p {display:block; position:relative; margin:20px 0 0 0; padding:0;font-size:18px;color:#222;font-weight:600;}
.sectorwrap .detailwrap .sectInfo p img {position:relative; top:3px;}
.sectorwrap .detailwrap .sectInfo p .badge {display:inline-block;position:relative;height:15px;margin:0 0 0 10px;padding:0 5px 0 16px;line-height:17px;font-family:dotum,Arial;font-size:11px;border:solid #ddd 1px;top:-2px;}
.sectorwrap .detailwrap .sectInfo p .badge.recome {border-color:#66d1cb;color:#00b2a9;background:url(/ux/images/finance/badge_star.png) no-repeat 4px 3px;}
.sectorwrap .detailwrap .sectInfo .ssRecome {position:absolute;left:15px;bottom:0;}
.sectorwrap .detailwrap .sectInfo .ssRecome a + a {margin-left:12px;}
.sectorwrap .detailwrap .rateneo p.dl {display:table-cell;position:relative;margin:0;padding:0;}
.sectorwrap .detailwrap .rateneo p.dl.col3 {width:88px;padding-left:15px;}
.sectorwrap .detailwrap .rateneo p.dl.col3f {width:88px;}
.sectorwrap .detailwrap .rateneo p.dl.single {padding-left:0;}
.sectorwrap .detailwrap .rateneo p.dl strong {display:block;position:relative;margin:0 0 3px 0;padding:0;font-weight:normal;}
.sectorwrap .detailwrap .rateneo p.dl span {display:block;position:relative;margin:0 0 3px 0;padding:0;font-weight:600;font-size:18px;}
.sectorwrap .detailwrap .rateneo p.dl span em {display:inline-block;position:relative;font-size:14px;font-weight:normal;margin-left:2px;}
.sectorwrap .detailwrap dl.quotient {width:250px; background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.sectorwrap .detailwrap dl.quotient dd {padding:7px 20px 7px 10px; height:27px; background-color:#f4f5f7; overflow:hidden;}
.sectorwrap .detailwrap dl.quotient dd ul {display:block; position:relative; height:27px; margin:0; padding:0; }
.sectorwrap .detailwrap dl.quotient dd li {display:block; position:relative; height:27px; margin:0; padding:0 0 3px 0; float:inherit; width:inherit; line-height:25px;}
.sectorwrap .detailwrap dl.quotient dd li + li {background:none;}
.sectorwrap .detailwrap dl.quotient dd li span {display:inline-block; position:relative; margin:0 15px 0 0; padding:0;}
.sectorwrap .detailwrap dl.quotient dd li strong {display:inline-block; position:relative; font-size:18px; font-weight:600; letter-spacing:1px}
.sectorwrap .detailwrap dl.quotient dd .control {display:block; position:absolute; width:7px; height:27px; right:7px; top:7px;}
.sectorwrap .detailwrap dl.quotient dd .control button {display:block; position:relative; width:7px; height:7px; margin:0; padding:0; text-indent:-9999px; font-size:0; background:url(/ux/images/finance/quotientControl.png) no-repeat; overflow:hidden;}
.sectorwrap .detailwrap dl.quotient dd .control button.prev {background-position:0 0;}
.sectorwrap .detailwrap dl.quotient dd .control button.next {background-position:0 -21px; margin-top:14px;}





.sectorwrap .detailwrap .rateneo .dl + .dl , .sectorwrap .detailwrap .rateneo + .rateneo {background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.sectorwrap .detailwrap .tip {display:none;width:110px;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.sectorwrap li.myfund .detailwrap .tip {display:block;}
.sectorwrap .detailwrap .tip dd {font-size:24px;font-weight:600; padding-top:10px;}
.sectorwrap .detailwrap .tip dd em {display:inline-block;position:relative;font-size:14px;font-weight:normal;margin-left:2px;}
.sectorwrap .detailwrap .clickArea {display:block; position:absolute; width:723px; margin:0; padding:13px 0 13px 15px; background-color:#fafafa; right:0; bottom:0;}
.sectorwrap .detailwrap .clickArea a + a {margin-left:5px;}

.sectorwrap .sect01 .detailwrap {left:-10px;}
.sectorwrap .sect01 span.arrow {left:23px;}
.sectorwrap .sect02 .detailwrap {left:-57px;}
.sectorwrap .sect02 span.arrow {left:70px;}
.sectorwrap .sect03 .detailwrap {left:-104px;}
.sectorwrap .sect03 span.arrow {left:117px;}
.sectorwrap .sect04 .detailwrap {left:-151px;}
.sectorwrap .sect04 span.arrow {left:164px;}
.sectorwrap .sect05 .detailwrap {left:-198px;}
.sectorwrap .sect05 span.arrow {left:211px;}
.sectorwrap .sect06 .detailwrap {left:-245px;}
.sectorwrap .sect06 span.arrow {left:258px;}
.sectorwrap .sect07 .detailwrap {left:-292px;}
.sectorwrap .sect07 span.arrow {left:305px;}
.sectorwrap .sect08 .detailwrap {left:-339px;}
.sectorwrap .sect08 span.arrow {left:352px;}
.sectorwrap .sect09 .detailwrap {left:-386px;}
.sectorwrap .sect09 span.arrow {left:399px;}
.sectorwrap .sect10 .detailwrap {left:-433px;}
.sectorwrap .sect10 span.arrow {left:446px;}
.sectorwrap .sect11 .detailwrap {left:-480px;}
.sectorwrap .sect11 span.arrow {left:493px;}
.sectorwrap .sect12 .detailwrap {left:-527px;}
.sectorwrap .sect12 span.arrow {left:540px;}
.sectorwrap .sect13 .detailwrap {left:-574px;}
.sectorwrap .sect13 span.arrow {left:587px;}
.sectorwrap .sect14 .detailwrap {left:-621px;}
.sectorwrap .sect14 span.arrow {left:634px;}
.sectorwrap .sect15 .detailwrap {left:-668px;}
.sectorwrap .sect15 span.arrow {left:681px;}
.sectorwrap .sect16 .detailwrap {left:-715px;}
.sectorwrap .sect16 span.arrow {left:728px;}
.sectorwrap .sect17 .detailwrap {left:-762px;}
.sectorwrap .sect17 span.arrow {left:775px;}
.sectorwrap .sect18 .detailwrap {left:-809px;}
.sectorwrap .sect18 span.arrow {left:822px;}
.sectorwrap .sect19 .detailwrap {left:-856px;}
.sectorwrap .sect19 span.arrow {left:869px;}
.sectorwrap .sect20 .detailwrap {left:-903px;}
.sectorwrap .sect20 span.arrow {left:916px;}

.fincustom_sector .remoteBox {display:block;position:absolute; width:76px;  margin:0;padding:0;text-align:center;font-size:14px;left:15px;bottom:15px;}
.fincustom_sector .remoteBox button {display:block;position:absolute;width:18px;height:18px;background:url(/ux/images/common/btn/btn_control.png) no-repeat;border:none;cursor:pointer;text-indent:-9999px;font-size:0;top:1px;}
.fincustom_sector .remoteBox button.prev {left:0px;top:2px;}
.fincustom_sector .remoteBox button.next {right:0px;top:2px;background-position:-50px 0;}

/*금융상품>펀드>추천펀드>금융상품뉴스 */
.finNews_search {display:block;position:relative;margin:0 0 20px 0;padding:10px 0;text-align:center;background-color:#f4f5f7;}
.finNews_search input.searchInput {width:460px;background-color:#FFF;}
.finNews_search .placeHolder_input {margin-right:5px;}
.finNews_search .search_detail {display:none;position:absolute;width:630px;margin:0;padding:50px 20px 20px 20px;background-color:#FFF;border:solid #7891af 1px;right:8px;top:49px;text-align:left;box-shadow:2px 2px 2px #999;z-index:10;}
.finNews_search .search_detail .btnLarge.minus {position:absolute;border-color:#7891af !important;border-bottom-color:#FFF !important;right:121px;top:-40px;}
.finNews_search .search_detail dl {display:table;position:relative;margin:0;padding:0;border-top:solid #747474 1px;}
.finNews_search .search_detail dt {float:left;display:block;position:relative;width:90px;margin:0;padding:9px 15px;background-color:#fafafa;border-bottom:solid #ddd 1px;}
.finNews_search .search_detail label {height:40px;line-height:40px;}
.finNews_search .search_detail dd {float:left;display:block;position:relative;width:480px;margin:0;padding:9px 15px;border-bottom:solid #ddd 1px;}
.finNews_search .periodSearch ul li button[type="button"] {width:47px !important;}
.finNews_search .search_detail .layerClose {display:block;position:absolute;width:20px;height:20px;background:url(/ux/images/common/btn/btn_additional_closed.gif) no-repeat 2px 3px;border:none;text-indent:-9999px;font-size:0;top:19px;right:19px;cursor:pointer;}

.finNews_slide {display:block;position:relative;margin:0;padding:0;}
.finNews_slide .thumList {display:block;position:relative;width:870px;height:563px;margin:0 auto;padding:0;overflow:hidden;}
.finNews_slide .controler button {position:absolute;width:26px;height:49px;background:url(/ux/images/finance/finNews_slide_controler.gif) no-repeat;text-indent:-9999px;font-size:0;top:219px;cursor:pointer;}
.finNews_slide .controler button.prev {background-position:0 0;left:10px;}
.finNews_slide .controler button.next {background-position:-27px 0;right:10px;}
.finNews_slide .slideWrap {display:table;position:absolute;width:870px;height:563px;margin:0 auto;padding:0;overflow:hidden;}
.finNews_slide .slideWrap li {float:left;display:block;position:relative;width:258px;margin:0 15px;padding:166px 0 0 0;border-radius:5px;border:solid #ddd 1px;}
.finNews_slide .slideWrap li .thumb {display:block;position:absolute;width:260px;height:146px;margin:0;padding:0;border-radius:5px 5px 0 0;left:-1px;top:-1px;}
.finNews_slide .slideWrap li .thumb img {display:block; width:100%;}
.finNews_slide .slideWrap li .title {display:block;position:relative;height:45px;margin:0;padding:0 25px;font-size:16px;color:#222;overflow:hidden;}
.finNews_slide .slideWrap li .title .new {display:inline-block;position:relative;width:22px;height:6px;margin:0;padding:0 0 0 5px;text-indent:-9999px;background:url(/ux/images/finance/finNews_new.gif) no-repeat right top;top:10px;}
.finNews_slide .slideWrap li .date {display:block;position:relative;margin:10px 0 20px 0;padding:0 25px;font-size:13px;color:#747474;}
.finNews_slide .slideWrap a.linkWrap:hover {text-decoration:none;}
.finNews_slide .slideWrap a.linkWrap:hover .title {text-decoration:underline;}
.finNews_slide .slideWrap .recome {display:block;position:relative; height:260px; margin:0;padding:16px 25px 20px 25px;background:#fafafa;border-top:solid #ddd 1px;}
.finNews_slide .slideWrap .recome .recom_title {margin-bottom:5px;font-size:13px;color:#222;font-weight:600;}
.finNews_slide .slideWrap .recome dl {display:block;position:relative;margin:0;padding:7px 0 7px 65px;}
.finNews_slide .slideWrap .recome dl + dl {background:url(/ux/images/common/bg_dot_line.gif) repeat-x left top;}
.finNews_slide .slideWrap .recome dt {display:inline-block;position:absolute;font-size:13px;color:#222;left:0;top:7px;}
.finNews_slide .slideWrap .recome dd {display:block;position:relative;font-size:13px;color:#444;}
.finNews_slide .slideWrap .recome dd a {color:#444;}
.finNews_slide .slideWrap .recome dd .rate {color:#747474;}
.finNews_slide .pager {display:table;position:relative;margin:30px auto;padding:0;}
.finNews_slide .pager li {float:left;display:inline-block;position:relative;margin:0 4px;}
.finNews_slide .pager li a {display:block;position:relative;width:10px;height:10px;background:url(/ux/images/finance/finNews_slide_pager.gif) no-repeat right top;text-indent:-9999px;font-size:0;}
.finNews_slide .pager li.current a {width:25px;background-position:left top;}

.finNews_recomduct {display:block;position:relative;margin:0;padding:26px 30px 10px 30px;background-color:#fafafa;border-bottom:1px solid #ddd;}
.finNews_recomduct:after {display:block;content:'';clear:both;}
.finNews_recomduct .title {margin-bottom:20px;font-size:14px;color:#444;}
.finNews_recomduct .title strong {font-size:18px;font-weight:600;color:#222;}
.finNews_recomduct .title p {padding-top:5px;}
.finNews_recomduct dl.finNews_prd {float:left;display:block;position:relative;width:284px;margin:0 21px 20px 0;padding:0;border:solid #ddd 1px;border-radius:3px;background-color:#FFF;}
.finNews_recomduct dl.finNews_prd dt {display:block;position:relative;margin:0;padding:10px 20px;border-top:solid #ddd 2px;font-size:14px;color:#222;font-weight:600;border-radius:3px 3px 0 0;}
.finNews_recomduct dl.finNews_prd.eq1 dt {border-top-color:#b4558c;}
.finNews_recomduct dl.finNews_prd.eq2 dt {border-top-color:#7655b3;}
.finNews_recomduct dl.finNews_prd.eq3 dt {border-top-color:#6570c0;}
.finNews_recomduct dl.finNews_prd dd {display:block;position:relative;margin:0;padding:0 20px;font-size:13px;color:#444;height:45px;}
.finNews_recomduct dl.finNews_prd dd.proper {display:table;width:100%;margin:0;padding:0;}
.finNews_recomduct dl.finNews_prd dd.proper dl {display:block;position:relative;float:left;width:142px;border:none;margin:0;}
.finNews_recomduct dl.finNews_prd dd.proper dl + dl {margin-left:0;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.finNews_recomduct dl.finNews_prd dd.proper dl dt {padding:0px 20px;border-top:none;font-size:12px;color:#747474;font-weight:normal;}
.finNews_recomduct dl.finNews_prd dd.proper dl dd {height:inherit !important;font-size:12px;}
.finNews_recomduct .tipArea {float:left;width:100%;}
.finNews_recomduct .tipArea > p {margin:0;}
.finNews_recomduct .tipArea > dl.rpInfo {padding-left:0;}
.finNews_recomduct .tipArea > dl.rpInfo dt {color:#0977c9;font-size:13px;}

.finNews_cont {display:block;position:relative;margin:0;padding:0;}
.modal_slideControl {}
.modal_slideControl button {display:block;position:absolute;width:38px;height:38px;background:url(/ux/images/common/btn/slider_control.png) no-repeat;text-indent:-9999px;font-size:0;top:50%;margin-top:-19px;cursor:pointer;}
.modal_slideControl button.prev {background-position:0 0;left:-40px;}
.modal_slideControl button.next {background-position:0 -100px;right:-40px;}

.detailCard_recom {display:table;position:relative;width:650px;margin:0 auto;padding:30px 36px 10px 36px;background-color:#444; left:-41px; top:0;}
.detailCard_recom .title {display:block;position:relative;margin:0 0 10px 0;padding:0;font-size:16px;color:#FFF;}
.detailCard_recom .title p {padding-top:5px;font-size:13px;}
.detailCard_recom dl.finNews_prd {float:left;display:block;width:180px;margin:0 10px 20px 0;padding:10px 10px 20px 20px;border-top:solid #ddd 5px;background-color:#FFF;}
.detailCard_recom dl.finNews_prd.eq1 {border-top-color:#b4558c;}
.detailCard_recom dl.finNews_prd.eq2 {border-top-color:#7655b3;}
.detailCard_recom dl.finNews_prd.eq3 {border-top-color:#6570c0;}
.detailCard_recom dl.finNews_prd dt {display:block;position:relative;margin:0 0 10px 0;padding:0;font-size:14px;color:#222;font-weight:600;}
.detailCard_recom dl.finNews_prd dd {display:block;position:relative;margin:0;padding:0;}
.detailCard_recom dl.finNews_prd dd a {display:block;position:relative;height:32px;margin:0 0 10px 0;padding:0;font-size:13px;color:#444;}
.detailCard_recom dl.finNews_prd dd p {font-size:12px;color:#747474;}
.detailCard_recom dl.finNews_prd dd p span {display:inline-block;position:relative;margin-left:5px;}

/**********************
금융상품>펀드찾기
**********************/
/* 금융상품>펀드>추가매수 */
.finductList tbody td.title .btnSmall.modal {margin-top:8px;}
/* 금융상품>펀드찾기>해외 뮤추얼 펀드*/
.finductList.overseasMutual td {word-break:break-word;}
.btnMid.sortDown {background: url(/ux/images/common/table_sort_down.png) no-repeat 85% 12px;padding-right:30px;}
.btnSmall.white.minus {background-position:right -349px !important;}
/* 금융상품>펀드>펀드찾기>(P)펀드상세>(P)클래스펀드 and (P)동일유형펀드 레이어 */
.additionalInfo {display:none;position:absolute;width:840px;margin:25px 0 0 0;padding:50px 19px 19px 19px;border:solid #7891af 1px;background-color:#FFF;right:40px;top:128px;z-index:105;box-shadow:2px 2px 2px #ddd;}
.additionalInfo .headtabClass {position:absolute;right:112px;top:-26px;background-color:#FFF;border-color:#7891af !important;border-bottom-color:#FFF !important;}
.additionalInfo .headtabFamily {position:absolute;right:-1px;top:-26px;background-color:#FFF;border-color:#7891af !important;border-bottom-color:#FFF !important;}
.additionalInfo .layerClose {display:block;position:absolute;width:20px;height:20px;background:url(/ux/images/common/btn/btn_additional_closed.gif) no-repeat 2px 3px;border:none;text-indent:-9999px;font-size:0;top:19px;right:19px;}
.additionalInfo .finduct {margin-bottom:0 !important;}
.additionalInfo .finduct .fd_name {font-size:14px !important;}
.additionalInfo.classfund .scrollBody {max-height:262px;}/* 클래스펀드  */
.additionalInfo.familyfund .scrollBody {max-height:229px;}/* 클래스펀드  */
.additionalInfo.familyfund {width:600px;}
.additionalInfo .btnSmall {height:24px;}
.additionalInfo .rateMonth span {display:block;position:relative;width:129px;}
.additionalInfo.classfund .scrollHeader td.slip a {width:100%} /* for ie8 */
/* 금융상품>펀드>펀드찾기>(P)펀드상세>기본정보 탭 보고서 레이어 */
.btnPdfArea{display:block;position:relative;}
.pdfViewInfo {display:none;position:absolute;width:240px;margin:27px 0 0 0;padding:50px 19px 19px 19px;border:solid #7891af 1px;background-color:#FFF;right:140px;top:1px;z-index:105;box-shadow:2px 2px 2px #ddd;}
.pdfViewInfo.keep{right:0px;}
.pdfViewInfo .layerClose2{display:block;position:absolute;width:20px;height:20px;background:url(/ux/images/common/btn/btn_additional_closed.gif) no-repeat 2px 3px;border:none;text-indent:-9999px;font-size:0;top:19px;right:19px;}
.pdfViewInfo .headPdfClass{position:absolute;right:28px;top:-29px;background-color:#FFF;border-color:#7891af !important;border-bottom-color:#FFF !important;height:27px}
.pdfViewInfo .headPdfClass2{position:absolute;right:-1px;top:-29px;background-color:#FFF;border-color:#7891af !important;border-bottom-color:#FFF !important;height:27px}
.pdfViewInfo .pdfBody{}
.pdfViewInfo .pdfBody .h3_tit{margin-top:-32px}
.pdfViewInfo .pdfBody .pdfList{display:block;margin-top:10px}
.pdfViewInfo .pdfBody .pdfList>li{display:block;margin-bottom:5px}
.pdfViewInfo .pdfBody .pdfList>li .btnLarge{min-width:197px;text-align:left;}

/* 금융상품>펀드>펀드찾기>(P)펀드상세 */
.findetail_head {display:block;position:relative;margin:0 0 20px 0;padding:0 230px 0 0;}
.findetail_head h2 {display:block;position:relative;font-size:22px;color:#222;font-weight:normal;}
.findetail_head .function {display:table;position:absolute;margin:0;padding:0;right:0;top:0;}
.findetail_head .function li {float:left;display:inline-block;}
.findetail_head .function li + li {margin-left:5px;}
.findetail_head .head_txt {position:absolute;right:0;top:0;color:#747474;font-size:13px;}
/* (P)펀드상세 - 상단 */
.findetail_summary.full {width:959px;}
.findetail_summary.full dl{width:209px;}
.findetail_summary.full dl.th4{width:208px;}
.findetail_summary {display:table;position:relative;width:879px;margin:0;padding:0;border-top:solid #ddd 1px;border-right:solid #ddd 1px;}
.findetail_summary dl {float:left;display:block;position:relative;width:189px;height:89px;margin:0;padding:10px 15px 10px 15px;border-left:solid #ddd 1px;border-bottom:solid #ddd 1px;color:#222;}
.findetail_summary dl.th4 {width:187px;}
.findetail_summary dt {display:block;position:relative;height:30px;font-size:14px;}
.findetail_summary dt.h25 {height:25px;padding-bottom:0px !important;}
.findetail_summary dt span {display:inline-block;position:relative;padding:0 3px;font-size:12px;color:#747474;}
.findetail_summary dt span.txt {font-size:11px;letter-spacing:-1px;padding-top:4px}
.findetail_summary dt.h_auto {height:auto;padding-bottom:7px;} /* 높이 자동 */
.findetail_summary dd {display:block;position:relative;text-align:center;font-size:16px;}

.findetail_summary dl.drop {background-color:#5a96c8;color:#FFF !important;}
.findetail_summary dl.rise {background-color:#ed5757;color:#FFF !important;}
.findetail_summary .drop dt span, .findetail_summary .rise dt span, .findetail_summary .drop strong, .findetail_summary .rise strong {color:#FFF;}
.findetail_summary dl strong {font-weight:600;color:#222;}
.findetail_summary dl.totalSum {height:100px;background-color:#f4f5f7;}
.findetail_summary dl.totalSum dt {height:23px;}
.findetail_summary dl.totalSum dd strong {font-size:24px;}
.findetail_summary dl.totalSum dd .total_branches {text-align:left;margin-left:7px;margin-top:5px;width:215px;}
.findetail_summary dl.totalSum dd .total_branches li {margin-bottom:1px;float:left;width:93px;font-size:12px !important;}
.findetail_summary dl.fincommition {height:100px;width:315px;padding-left:109px;background-color:#f4f5f7;}
.findetail_summary dl.fincommition dt {position:absolute;left:20px;top:15px;}
.findetail_summary dl.fincommition dd {display:block;position:relative;text-align:left;font-size:13px;}
.findetail_summary dl.fincommition ul {display:block;position:relative;}
.findetail_summary dl.fincommition li {display:block;position:relative;margin-bottom:8px;padding-left:8px;font-size:13px;color:#222;background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 9px;}
.findetail_summary dl.fincommition li span {display:inline-block;margin-right:3px;color:#7891af;}
.findetail_summary dl.hwanhedge {width:188px;height:100px;background-color:#f4f5f7;}
.findetail_summary dl.hwanhedge.nline{border-left:none}
.findetail_summary dl.hwanhedge dt {height:23px;}
.findetail_summary dl.hwanhedge dd strong {font-size:20px;}
.findetail_summary dl dd.rise,
.findetail_summary dl dd.rise strong {color:#e81a1a;}
.findetail_summary dl dd.drop,
.findetail_summary dl dd.drop strong {color:#0364a7;}
.findetail_summary dl dd.keep,
.findetail_summary dl dd.keep strong {color:#222;}
.findetail_summary dl.mutual {background-color:#fafafa;}
.findetail_summary dl.mutual dd {font-size:18px;}
.findetail_summary dl.mutual dd strong {display:inline-block;font-size:24px !important;font-weight:600;margin-right:2px;}
.findetail_summary .icoFund {display:block; position:relative;font-size:13px; text-align:left; padding:0;}
.findetail_summary .icoFund + .icoFund {margin-top:3px;}
.findetail_summary.col5 dl {width:145px;}
.findetail_summary.col5 dl.last {width:144px;}
.findetail_summary.col5 dl dt {padding-bottom:7px;}
.findetail_summary.col5 dl dd {font-size:16px;}
.findetail_summary.col5 dl dd strong,
.findetail_summary.col5 dl.mutual dd strong {font-size:20px;}
.findetail_summary.col5 dl.infoAdd {width:838px;}
.findetail_summary.col5 dl.infoAdd dd .btnFile:first-child {margin-left:0;}
.findetail_summary.col5 dl.colspan {width:321px;}
.findetail_summary.col5 dl.colspan3 {width:497px;}
.findetail_summary dl dd.verticalMiddle {height:45px !important;}
/*els상세 추가*/
.findetail_summary.els {display:table;position:relative;width:999px;margin:0;padding:0;border-top:solid #ddd 1px;border-right:solid #ddd 1px;}
.findetail_summary.col5.els dl {width:169px;}
.findetail_summary.col5.els dl.last {width:168px;}
.findetail_summary.col5.els dl dt {padding-bottom:7px;}
.findetail_summary.col5.els dl dd {font-size:16px;}
.findetail_summary.col5.els dl dd strong,
.findetail_summary.col5.els dl.infoAdd {width:958px;}
.findetail_summary.col5.els dl.infoAdd dd .btnFile:first-child {margin-left:0;}
.findetail_summary.col5.els dl.colspan2 {width:369px;}
.findetail_summary.col5.els dl.colspan3 {width:569px;}
.findetail_summary.col5 dl.divided {padding:14px 15px !important;height:44px !important;}
.findetail_summary.col5 dl.divided.low {margin-top:72px !important;margin-left:-176px !important;}
.findetail_summary.col5 dl.divided dt, .findetail_summary.col5 dl.divided dd {padding:10px 0px !important;float:left !important;}
.findetail_summary.col5 dl.divided dt {width:85px !important;}
.findetail_summary.col5 dl.divided dd {width:60px !important;}

.findetail_summary.col5.widen dl {height:124px;}
.findetail_summary.col5.widen dl dt {padding-bottom:13px !important;}

/* 좌우 여백작게 */
.findetail_summary.row1 dl {width:165px;height:119px;padding:0 5px;}
.findetail_summary.row1 dl.last {width:164px;}
.findetail_summary.row1 dl.infoAdd {width:838px;height:79px;padding:17px 20px 0;}
.findetail_summary.row1 dl.infoAdd dt {padding:0;}
.findetail_summary.row1 dl dt {padding:16px 0 2px 15px;}
.findetail_summary.row1 dl dd {font-size:20px !important;}
.findetail_summary.row1 dl dd strong.price {font-size:24px;}
/* 하단 참고박스 */
.findetail_summary.full dl.infoAdd {width:918px;}
.findetail_summary dl.infoAdd {float:left;width:838px;padding:17px 20px 0;border-left:1px solid #ececec;border-bottom:1px solid #ececec;text-align:center;background:#fafafa;}
.findetail_summary dl.infoAdd dt {padding-bottom:0;text-align:left;color:#222;font-size:16px;}
.findetail_summary dl.infoAdd dd {text-align:left;}
.findetail_summary dl.infoAdd dd .btnFile + .btnFile {margin-left:15px;}
/*.findetail_summary + .btnArea .btnLarge {margin-left:5px}*/
/* (P)펀드상세 토글박스 */
.findetail_tab,
.findetail_tab.on {display:block;}
.findetail_tab + .boxGrey {margin-top:40px;}
/* 토글버튼타겟 */
.toggle_target {display:none;position:relative;}
.toggle_target.current {display:table;position:relative;width:100%;padding:0;}
.toggle_target.tableView,
.toggle_target.tableView.current,
.tableView {width:100%;margin:0;padding:0;}
/* 데이터값이 없을경우 출력 문구  */
.noDataInfo {display:block;position:relative;margin:0;padding:0;border:solid #dddddd 1px;}
.noDataInfo p, p.noDataInfo {display:table;position:relative;width:100%;height:140px;margin:0;padding:0;text-align:center;vertical-align:middle;color:#747474;font-size:13px;}
.noDataInfo span {display:table-cell;vertical-align:middle;}
.noDataInfo strong {font-weight:600;}
/* 차트보기일 경우 */
.chartView {width:100%;margin:0;padding:20px 0 30px 0;border-bottom:solid #ddd 1px;}
.chartView .printChart {display:table-cell;position:relative;width:660px;margin:0;padding:0 20px 0 0;vertical-align:middle;}
.chartView .printChartFull {display:block;positiion:relative;margin:0;padding:0;}
.chartView .legend {display:table-cell;position:relative;margin:0;padding:10px 0 0 20px;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;vertical-align:top;}
.chartView .legend li {display:block;position:relative;margin:0 0 8px 0;padding:0;}
.chartView .legend .select-box {height:20px !important;top:-3px;text-align:left;}
.chartView .legend .select-box .wrap div {height:23px !important;font-size:13px;color:#222;}
.chartView .legend .select-box .wrap div span {line-height:19px;height:19px !important;}
.chartView .legend .select-box .wrap div a.selecter {width:24px;height:24px;background:url(/ux/images/common/arrow_select_25.gif) no-repeat 0 -2px;}
.chartView .legend .select-box .list {top:25px;font-size:13px;}
.mutualChart {height:155px;margin:0;padding:0;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;overflow:hidden;}
.chartView .remark {display:table-cell; position:relative; margin:0; padding:10px 0 0 20px;}
.chartView .remark li {display:block; position:relative; margin:0; padding:0 0 0 14px; font-size:12px; color:#222; background:url(/ux/images/finance/fund_remark.gif) no-repeat 0 4px;}
.chartView .remark li.smp {background-position:0 -65px; margin-top:10px;}
.chartView.chartBox {border:solid #ddd 1px; border-top-color:#747474;}
.chartView.chartBox .printChart {width:680px;}
.chartView.chartBox .remark {padding-right:10px;}
/* (P)펀드상세>(T)기본정보 - 상품특징 */
dl.morehint {display:block;position:relative;height:20px;margin:0;padding:20px 30px 20px 260px;border:solid #ececec 1px;background-color:#fafafa;}
.morehint dt {display:inline-block;position:absolute;font-size:16px;color:#222;left:28px;top:20px;}
.morehint dd {display:table;position:relative;width:100%;margin:0;padding:0;}
.morehint dd a {float:left;display:inline-block;position:relative;margin:0;padding:2px 25px 2px 0;color:#5a96c8;font-size:13px;text-decoration:underline;background:url(/ux/images/common/ico_pdf.png) no-repeat right 0;}
.morehint dd a.ico_pdf {background-position:right 0;}
.morehint dd a + a {margin-left:20px;}
.morehint + .h3_tit {margin-top:30px;}
.page_desc2 + .morehint {margin-top:10px;}
/* (P)펀드상세>(T)기본정보 - 펀드평가⁄과거수익률 */
.finduct_parlate {display:block;position:relative;margin:0;padding:0;border-top:solid #747474 1px;}
.finduct_parlate .row {display:table;position:relative;width:100%;margin:0;padding:0;border-bottom:solid #ddd 1px;font-size:14px;color:#222;}
.finduct_parlate .title {float:left;display:block;position:relative;width:125px;height:20px;margin:0;padding: 55px 0 55px 14px;vertical-align:middle;border-right:solid #ddd 1px;background-color:#f4f5f7;}
.finduct_parlate dl {float:left;display:block;position:relative;width:148px;text-align:center;}
.finduct_parlate dl + dl {width:147px;border-left:solid #ddd 1px;}
.finduct_parlate dt {display:block;position:relative;height:59px;border-bottom:solid #ddd 1px;background-color:#fafafa;}
.finduct_parlate dt span {position:relative;height:59px;line-height:59px;}
.finduct_parlate dt.intbr {line-height:20px;}
.finduct_parlate dt.intbr span {position:relative;line-height:20px;top:8px;}
.finduct_parlate dd {display:block;position:relative;height:70px;margin:0;padding:0;}
.finduct_parlate .par dd {height:30px;padding-top:40px;background:url(/ux/images/finance/status_siren.png) no-repeat 50% 0;}
.finduct_parlate .par dd.status1 {background-position:50% -80px;}
.finduct_parlate .par dd.status2 {background-position:50% 18px;color:#ff4444;}
.finduct_parlate .par dd.status3 {background-position:50% -25px;}
.finduct_parlate .late dl {width:740px !important;} /*펀드평가/과거수익률 dl 너비 수정*/
.finduct_parlate .late dl {width:730px;}
.finduct_parlate .late dt span,.finduct_parlate .late dt strong {line-height:59px;font-size:13px;font-weight:bold;color:#444;}
.finduct_parlate .late dt strong {color:#e56c00;}
.finduct_parlate .late dt .select-box {width:60px;}
.finduct_parlate .late dt .slipSelect .select-box .wrap div span {width:40px;}
.finduct_parlate .late dt .slipSelect .select-box .wrap div span[data-role="common-select-title"]
/* .finduct_parlate .late dt .slipSelect .select-box .list li.on a,.finduct_parlate .late dt .slipSelect .select-bgox .list li a:focus, .finduct_parlate .late dt .slipSelect .select-box .list li a:hover */ {text-align:center;font-size:18px;font-weight:bold;}
.finduct_parlate .late dt input[type="text"] {width:80px;height:30px;font-size:18px;font-weight:600;color:#222;line-height:22px;text-align:center;background:#fff;}
.finduct_parlate .late dt input[type="text"]:focus {height:28px;}
.finduct_parlate .late dt button[type="button"] {margin-left:16px;}
.finduct_parlate .late dd ul {display:table;position:relative;width:100%;margin:0;padding:0;top:15px;}
.finduct_parlate .late dd ul li {float:left;display:block;position:relative;width:26.33%;margin:0;padding:10px 1% 10px 0;text-align:right;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.finduct_parlate .late dd ul li:first-child {width:32.33%;background:none;}
.finduct_parlate .late dd ul li:first-child + li {width:32.33%;}
.finduct_parlate .late dd ul li span {display:inline-block;position:relative;float:left;margin:0;padding:0 0 0 30px;font-size:14px;color:#444;}
.finduct_parlate .late dd ul li strong {position:relative;font-weight:600;font-size:18px;line-height:20px;color:#222;top:2px;}
.finduct_parlate .late dd ul li.rise, .finduct_parlate .late dd ul li.rise strong {color:#e81a1a !important;}
.finduct_parlate .late dd ul li.drop, .finduct_parlate .late dd ul li.drop strong {color:#0364a7 !important;}
.finduct_parlate .late dd ul li.keep, .finduct_parlate .late dd ul li.keep strong {color:#222 !important}
/* (P)펀드상세>(T)기본정보 - 수익률/위험분포 차트영역 */
.chartArea {display:block;position:relative;margin:0;padding:30px 25px;border:solid #ddd 1px;border-top:solid #747474 1px;}
.chartArea + .h3_tit {margin-top:30px;}
/* (P)펀드상세>(T)기본정보 - 이 펀드를 보유한 고객의 다른 펀드상품은? , 30대가 가장 많이 가입한 펀드상품은? */
.finduct_semilist {display:table;position:relative;width:100%;margin:0;padding:0;}
.finduct_semilist .no_data {float:left;width:580px;height:321px;line-height:321px;text-align:center;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;}
.finduct_semilist dl {float:left;display:block;position:relative;width:278px;margin-left:20px;padding:0;border:solid #ddd 1px;}
.finduct_semilist dl:first-child {margin-left:0;}/* 간격 수정 */
.finduct_semilist dl.first {margin-left:0;}/* 간격 수정 */
.finduct_semilist dt {display:block;position:relative;padding:27px 0 0 0;}
.finduct_semilist dt .badge {position:absolute;left:0;top:0;}
.finduct_semilist dt .badge li + li {margin-left:1px;}
.finduct_semilist dt .finName {display:block;position:relative;height:41px;margin:0 0 20px 0;color:#222;font-size:16px;}
.finduct_semilist dd {display:block;position:relative;margin:0;padding:0;}
.finduct_semilist dd + dd {border-top:solid #ddd 1px;}
.finduct_semilist dd.function {padding:18px 0;text-align:center;background-color:#FFF;}
.finduct_semilist dl.single {margin-bottom:20px;border-top:solid #747474 1px;background-color:#fafafa;}
.finduct_semilist dl.single dt {margin:14px 29px 0 29px; border-bottom:solid #ddd 1px;}
.finduct_semilist .sam_recommend {position:absolute;right:16px;top:-4px;width:93px;height:29px;padding:8px 0  0 24px;border-top:0;font-size:11px;background:url(/ux/images/finance/sam_recommend.png) 0 0 no-repeat;}
.finduct_semilist dl.chart {width:278px;height:319px;}
.finduct_semilist dl.chart dt {margin-bottom:20px;text-align:center;font-size:16px;}
/* (P)펀드상세>(T)수익률/기준가 - 동일유형내 수익률 비교, 동일유형내 변동성 비교 */
.diagram {display:block;position:relative;height:94px;padding:35px 29px 20px 160px;background:url(/ux/images/finance/semilist_diagram.png) no-repeat 29px 15px;}
.diagram .late3month {display:block;position:absolute;width:116px;left:29px;top:35px;color:#FFF;text-align:center;font-size:18px;}
.diagram .late3month span {display:block;position:relative;font-size:13px;}
.diagram .late3month strong {font-size:30px;color:#fff;font-weight:normal;}
.diagram ul.finattr {display:block;position:relative;margin:0;padding:0;}
.diagram ul.finattr li {font-size:13px;color:#444;}
.diagram ul.finattr li + li {margin-top:5px;}
.diagram ul.finattr strong {display:block;position:relative;font-weight:normal;color:#5a96c8;}
.finduct_semilist dd.diagram {display:block;position:relative;height:94px;padding:35px 29px 20px 160px;background:url(/ux/images/finance/semilist_diagram.png) no-repeat 29px 15px;}
.h3_tit + .finduct_semilist {margin-top:12px;}
.finduct_semilist + .h3_tit {margin-top:10px;}
.finduct_semilist + .boxGrey {margin-top:40px;}
.prograseBar {display:block;position:relative;width:290px;margin:0 auto;padding:0 40px;color:#747474;font-size:13px;}
.prograseBar .barwrap {display:block;position:relative;width:100%;height:21px;background-color:#bbb;}
.prograseBar .barwrap p.bar {display:block;position:relative;height:21px;text-indent:-9999px;background:url(/ux/images/finance/compare_patten.gif) repeat left top;}
.prograseBar .barwrap .markbar {width:2px;height:21px;position:absolute;background-color:#0977c9;left:0;top:0;}
.prograseBar .barwrap .markbar dl {display:block;position:absolute;width:82px;height:43px;padding:5px 5px 16px 5px;margin-left:-46px;background:url(/ux/images/finance/compare_boxTop.png) no-repeat left top;text-align:center;top:-74px;}
.prograseBar .barwrap .markbar dt {display:block;position:relative;font-size:13px;color:#747474;}
.prograseBar .barwrap .markbar dd {display:block;position:relative;font-size:14px;color:#222;}
.prograseBar .guidetxt {display:table;position:absolute;width:100%;left:0;top:0;}
.prograseBar .guidetxt .legend {display:block;position:relative;line-height:21px;width:40px;text-indent:0;color:#747474;font-size:13px;text-align:center;}
.prograseBar .guidetxt .legend dl {display:block;position:absolute;width:72px;height:24px;padding:25px 5px 25px 5px;margin-left:-41px;background:url(/ux/images/finance/compare_boxBottom.png) no-repeat left top;text-align:center;top:30px;}
.prograseBar .guidetxt .legend.fl dl {left:40px;}
.prograseBar .guidetxt .legend.ct {position:absolute;width:0px;left:50%;top:0;}
.prograseBar .guidetxt .legend.cper {position:absolute;width:290px;left:40px;top:0;}
.prograseBar .guidetxt .legend dt {display:block;position:absolute;width:100%;left:0;bottom:9px;font-size:13px;color:#747474;}
.prograseBar .guidetxt .legend dd {display:block;position:relative;font-size:14px;color:#444;}
.prograseBar .guidetxt .legend dd.low {color:#0364a7;}
.prograseBar .guidetxt .legend dd.mid {color:#e81a1a;}
.prograseBar .guidetxt .legend dd.high {color:#e81a1a;}
/* (P)펀드상세>(T)수익률/기준가 - 기간수익률, 월간수익률 */
.comparewith {display:table;position:relative;width:100%;margin:0;padding:0;}
.comparewith.hasbtm {border-bottom:1px solid #ddd;padding-bottom:10px;}
.comparewith .unit {display:block;position:relative;width:430px;margin:0;padding:0;}
.comparewith .unit .headTop {display:table;position:relative;width:100%;margin:0 0 8px 0;padding:0;}
.comparewith .unit .headTop h3 {float:left;display:inline-block;position:relative;font-size:18px;color:#222;font-weight:600;}
.comparewith .unit .headTop p {float:right;display:inline-block;position:relative;font-size:13px;color:#747474;top:3px;}
.comparewith .unit .no_data {height:315px;border-bottom:1px solid #ddd;text-align:center;color:#444;line-height:315px;}
.comparewith .unit .detail {display:block;position:relative;border:solid #ddd 1px;border-top:solid #747474 1px;}
.comparewith .unit .detail .thumb {display:block;position:relative;height:80px;margin:0;padding:0 0 0 50%;background-color:#fafafa;}
.comparewith .unit .detail .thumb p.risks_bar {position:absolute;width:214px;left:0;top:12px;font-size:16px;color:#e56c00;}
.comparewith .unit .detail .thumb ul {display:block;position:relative;margin:0;padding:2px 0 8px 15px;font-size:13px;color:#222;background:url(/ux/images/finance/bg_dot_vline.gif) repeat-y left top;top:9px;}
.comparewith .unit .detail .thumb li {display:block;position:relative;margin:0;padding:0;color:#7891af;}
.comparewith .unit .detail .thumb li + li {margin-top:3px;}
.comparewith .unit .detail .thumb li strong {display:inline-block;position:relative;margin-right:12px;color:#222;}
.comparewith .unit .detail .thumb li strong small {font-size:13px;color:#747474;}
.comparewith .unit .detail .thumb li span {display:inline-block;position:relative;font-size:18px;}
.comparewith .unit .detail .thumb li.red span {color:#e81a1a;}
.comparewith .unit .detail .bmdata{position:absolute;right:15px;font-size:12px;display:block;padding-top:3px;}
.comparewith .unit .detail .diagram {display:block;position:relative;height:135px;margin:0;padding:100px 0 0 0;background:none !important;}
/* (P)펀드상세>(T)수익률/기준가 - 기간검색바  */
.periodSearch_single {display:table;position:relative;width:100%;margin:0;padding:0;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;}
.periodSearch_single dt {display:table-cell;position:relative;width:120px;height:50px;margin:0;padding:0 10px 0 20px;font-size:16px;color:#222;background-color:#fafafa;vertical-align:middle;}
.periodSearch_single dd {display:table-cell;position:relative;margin:0;padding:10px 10px 10px 20px;}
.periodSearch_single + .guideTb1 {margin-top:40px;} /* 배정/환불내역 리스트에서 사용 */
.periodSearch_single + .finductList {margin-top:20px;}
/* (P)펀드상세>(T)위험도 - 수익률 차트보기일 경우 */
.chartView .legend.earnings label {font-size:12px;color:#222;}
.chartView .legend.earnings label span {display:inline-block;position:relative;width:10px;height:10px;margin:0 6px 0 0;background:url(/ux/images/finance/chart_bullet1.png) no-repeat;top:2px;}
.chartView .legend.earnings label.leg01 span {background-position:0 0;}
.chartView .legend.earnings label.leg02 span {background-position:0 -30px;}
.chartView .legend.earnings label.leg03 span {background-position:0 -60px;}
.chartView .legend.earnings label.leg04 span {background-position:0 -90px;}
.chartView .legend.earnings label.leg05 span {background-position:0 -120px;}
.chartView .legend.earnings label.leg06 span {background-position:0 -150px;}
.chartView .legend.earnings label.leg07 span {background-position:0 -180px;}
/* (P)펀드상세>(T)위험도 - 기준가 차트보기일 경우 */
.chartView .legend.standardPrice {font-size:12px;color:#222;}
.chartView .legend.standardPrice li {padding-left:26px;background:url(/ux/images/finance/chart_bullet2.png) no-repeat;}
.chartView .legend.standardPrice .leg01 {background-position:0 9px;}
.chartView .legend.standardPrice .leg02 {background-position:0 -21px;}
/* (P)펀드상세>(T)포트폴리오 - 자산내역 */
.top10Chart {display:table;position:relative;width:100%;margin:0;padding:0;}
.top10Chart .chartDeploy {float:left;display:block;position:relative;width:340px;margin:0;padding:0;}
.top10Chart .tableDeploy {float:right;display:block;position:relative;width:520px;margin:0;padding:0;}
.top10Chart .tcHeader {display:table;position:relative;width:100%;margin:0 0 7px 0;padding:0;}
.top10Chart .tcHeader .title {float:left;display:inline-block;position:relative;font-size:14px;color:#0977c9;}
.top10Chart .tcHeader .text {float:right;display:inline-block;position:relative;margin:0;padding:0;font-size:14px;color:#747474;}
.top10Chart .chartDeploy .tcInner {display:block;position:relative;border:solid #ddd 1px;border-top-color:#747474; height:532px;}
.top10Chart .tableDeploy dl.total {display:table;position:relative;width:100%;margin:0;padding:0;background:#fafafa;color:#222;font-size:14px;}
.top10Chart .tableDeploy dl.total dt {float:left;display:block;position:relative;width:260px;height:20px;margin:0;padding:10px 0 10px 20px;border-bottom:solid #ddd 1px;border-right:solid #ddd 1px;}
.top10Chart .tableDeploy dl.total dd {float:left;display:block;position:relative;width:219px;height:20px;margin:0;padding:10px;border-bottom:solid #ddd 1px;text-align:right;}
.top10Chart .tableDeploy dl.total span {position:relative;font-size:18px;color:#e56c00;margin-right:3px;}
.top10Chart .tableDeploy dl.total.stock dt {width:260px;}
.top10Chart .tableDeploy dl.total.stock dd {width:219px;}
.top10Chart .tableDeploy dl.total.account dt {width:275px;}
.top10Chart .tableDeploy dl.total.account dd {width:204px;}
/* (P)펀드상세>(T)포트폴리오 - 운용스타일  */
.manageStyle {display:block;position:relative;margin:0;padding:0;border-top:solid #747474 1px;}
.manageStyle .variety {display:table;position:relative;width:100%;}
.manageStyle .variety strong {display:table-cell;position:relative;height:159px;margin:0;padding:0;font-size:18px;color:#e56c00;vertical-align:middle;text-align:center;}
.manageStyle .variety.accu strong {height:119px;}
.manageStyle dl {display:table;position:relative;width:100%;margin:0;padding:0;border-top:solid #ddd 1px;font-size:14px;color:#222;}
.manageStyle dl dt {float:left;display:block;position:relative;width:194px;height:19px;margin:0;padding:10px 0 10px 20px;background-color:#fafafa;border-right:solid #ddd 1px;border-bottom:solid #ddd 1px;}
.manageStyle dl dd {float:left;display:block;position:relative;width:185px;height:19px;margin:0;padding:10px 10px 10px 20px;border-bottom:solid #ddd 1px;}
.essetPortfolio {display:block;position:relative;margin:0 0 30px 0;padding:0;border:solid #ddd 1px;border-top:solid #747474 1px;}
.essetPortfolio .stick_bar {width:820px;height:95px;padding-top:55px;}
.essetPortfolio .stick_bar .diagram {top:85px;}
.essetPortfolio .unit {display:block;position:absolute;width:878px;padding:13px 0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom #fafafa;left:-29px;top:0;text-align:center;}

/* 금융상품 중요사항 설명 팝업 */
.fundPrdInfo{display:block;background-color:#fafafa;padding:40px;text-align:center;}
.fundPrdInfo img{margin-left:20px}
.fundPrdInfo img:first-child{margin-left:0}

.fundPrdTab li.line p{line-height:19px;}
.fundPrdTab li p{display:block;position:relative;height:43px;line-height:41px;padding:0;text-align:center;color:#222;border:1px solid #ccc;border-left:none;font-size:14px;padding-top:4px;}
.fundPrdTab li:first-child p{border-left:1px solid #ccc;}
.fundPrdTab li.on p {background-color:#0977c9;color:#FFF;font-weight:600;cursor:default;border:1px solid #0977c9;}


/********************
금융상품>펀드매매
**********************/


/********************
금융상품>펀드관리
**********************/
/* 금융상품>펀드>펀드관리>펀드연금전환 */
.more_infoBox .col.bg_icon3 {background: url(/ux/images/common/bg_icoBig_type03.gif) 96% 29px no-repeat;}
.more_infoBox .col.bg_icon4 {background: url(/ux/images/common/bg_icoBig_type04.gif) 96% 29px no-repeat;}
/* 금융상품>펀드>펀드관리>펀드보유현황>(P)펀드평가 */
.top_bor_area {padding-top:15px;border-top:1px solid #ddd;margin-top:30px;}
.no_data.white {padding:115px 0;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;color:#0062ab;font-size:18px;text-align:center;}
/* 금융상품>펀드>펀드관리>펀드보유현황>(P)펀드평가 - 상단 상품정보 */
.bg_yellow_box {padding:29px;border:1px solid #ddd;background:#fcfae9;}
.caution_list:after {display:block;content:"";clear:both;}
.caution_list li {width:162px;margin-left:-1px;padding:23px 0;float:left;background:#fff;text-align:center;border:1px solid #ddd;}
.caution_list li:first-child {width:162px;margin-left:0;}
.caution_list li .caution_area {margin-bottom:23px;padding-bottom:30px;background:url(/ux/images/finance/status_siren.png) no-repeat 50% -67px;}
.caution_list li.on .caution_area {background:url(/ux/images/finance/status_siren.png) no-repeat 50% 32px;}
.caution_list li .caution_area strong {width:43px;height:23px;display:inline-block;font-size:13px;color:#444;line-height:23px;text-align:center;border-radius:10px;background:#eee;}
/* 금융상품>펀드>펀드관리>펀드보유현황>(P)펀드평가 = 수익률/벤치마크 추이 */
.toggleTab.btnRight {position:absolute;}
.col_box.rate.col2 .col.fr .graph {height:125px;}
/* 금융상품>펀드>펀드관리>펀드보유현황>(P)펀드평가 - 자산구성현황 */
.col_box {margin:30px 0;}
.col_box:after {display:block;content:"";clear:both;}
.col_box.col2 .col {width:49%;position:relative;}
.col_box.col2 .col .graph {padding:15px 0;border:1px solid #ddd;}
.col_box.stock.col2 .col.fl .h3_tit {margin-bottom:8px;}
.col_box.stock.col2 .col.fl .graph {height:219px;}
.col_box.stock.col2 .col.fl .graph.assetGraphArea {height:258px;padding:0;}
.col_box.stock.col2 .col.fr .graph {min-height:215px;}
.col_box.stock.col2 .tabArea2.line {border-bottom:none;}
.col_box.col2 .col .table .finductList .pdl0 {padding-left:0 !important;}
.assetTblBox {position:absolute;right:30px;top:58px;z-index:10;width:140px;background-color:#fff;}
.assetTblBox .finductList th,.assetTblBox .finductList td {font-size:12px;}
.assetTblBox .stock01 {background-position:0px -116px !important;}
.assetTblBox .stock02 {background-position:0px -194px !important;}
.assetTblBox .stock03 {background-position:0px -350px !important;}
.assetChartDesc {position:absolute;bottom:20px;left:30px;}
.assetChartDesc .ico_type {margin:0 15px 0 0 !important;}
/* 금융상품>펀드>펀드관리>펀드보유현황>(P)펀드평가 - 종합평가 */
.total_estimate {position:relative;padding:35px 0 30px 80px;border:1px solid #ddd;}
.total_estimate ol {position:absolute;left:30px;top:35px;}
.total_estimate ol li {padding-bottom:16px;}
.total_estimate ul {display:block;width:100%;background:url(/ux/images/finance/total_estimate_bg.gif) left 10px no-repeat;}
.total_estimate ul:after {display:block;content:"";clear:both;}
.total_estimate ul li {position:relative;float:left;width:153px;height:181px;text-align:center;}
.total_estimate ul li strong {display:block;position:absolute;left:0;bottom:0;width:100%;text-align:center;font-weight:normal;}
.total_estimate ul li em {display:block;width:18px;height:158px;margin:0 auto;background:url(/ux/images/finance/total_estimate_level.png) 0 0 no-repeat;}
.total_estimate ul li em.level0 {background-position:0 0;}
.total_estimate ul li em.level1 {background-position:-28px 0;}
.total_estimate ul li em.level2 {background-position:-56px 0;}
.total_estimate ul li em.level3 {background-position:-84px 0;}
.total_estimate ul li em.level4 {background-position:-112px 0;}
.total_estimate ul li em.level5 {background-position:-140px 0;}
/* 펀드보유현황 테이블 아이콘 */
.tbl_chartBox .ico_stock {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) 0 0 no-repeat;}
.tbl_chartBox .stock01 {background-position:0 4px;}
.tbl_chartBox .stock02 {background-position:0 -37px;}
.tbl_chartBox .stock03 {background-position:0 -77px;}
.tbl_chartBox .stock04 {background-position:0 -115px;}
.tbl_chartBox .stock05 {background-position:0 -154px;}
.tbl_chartBox .stock06 {background-position:0 -193px;}
.tbl_chartBox .stock07 {background-position:0 -232px;}
.tbl_chartBox .stock08 {background-position:0 -271px;}
.tbl_chartBox .stock09 {background-position:0 -310px;}
/* 펀드보유현황 테이블 아이콘 */
.tbl_chartBox .stock1 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 4px;}
.tbl_chartBox .stock2 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -37px;}
.tbl_chartBox .stock3 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -77px;}
.tbl_chartBox .stock4 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -115px;}
.tbl_chartBox .stock5 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -154px;}
.tbl_chartBox .stock6 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -193px;}
.tbl_chartBox .stock7 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -232px;}
.tbl_chartBox .stock8 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -271px;}
.tbl_chartBox .stock9 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -309px;}
.tbl_chartBox .stock10 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -349px;}
.tbl_chartBox .stock11 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -388px;}
.tbl_chartBox .stock12 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -427px;}
.tbl_chartBox .stock13 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -466px;}
.tbl_chartBox .stock14 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -505px;}
.tbl_chartBox .stock15 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -544px;}
.tbl_chartBox .stock16 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -583px;}
.tbl_chartBox .stock17 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -622px;}
.tbl_chartBox .stock18 {padding-left:18px;background:url(/ux/images/myassets/bg_ico_stock.png) no-repeat;background-position:0 -661px;}

/********************
금융상품>펀드안내
**********************/
/* 적립식 안심플랜 등록에서 사용 url :/finance/fund/information/keepPlan_regist.jsp */
.KeepPlanField {display:inline-block;}
.KeepPlanField .neoPlan {}
.KeepPlanField input[type="text"] {width:48px;text-align:center;}
.KeepPlanField input[type="text"].first {width:60px;}
.KeepPlanField button[type="button"] {display:inline-block;width:44px;height:26px;padding:0 12px;line-height:22px;}
.KeepPlanField .btnCalculrate {border:1px solid #5a96c8;color:#fff;background-color:#5a96c8;}
.KeepPlanField .btnReset {border:1px solid #ccc;color:#aaa;background-color:#fff;}
.KeepPlanField ul {width:280px;text-align:right;}
.KeepPlanField ul:after {display:block;content:"";clear:both;}
.KeepPlanField.neoPlan ul {width:290px;}
.KeepPlanField li {float:left;display:block;text-align:right;}
.KeepPlanField li span {display:inline-block; width:45px; text-align:left;}
.KeepPlanField li:first-child {margin-bottom:3px;}
.KeepPlanField.neoPlan li {display:table; position:relative;}
.KeepPlanField.neoPlan span {display:table-cell; position:relative; }
.KeepPlanField.neoPlan span var {display:block; position:absolute; top:23px; font-style:normal; text-align:right;}
.KeepPlanField.neoPlan dl {display:table-cell; position:relative; width:120px; margin:0; padding:0; text-align:left;}
.KeepPlanField.neoPlan dt {display:block; position:relative; height:22px; margin:0; padding:0; text-align:center; font-size:13px;}
.KeepPlanField.neoPlan dd {display:block; position:relative; height:30px; margin:0; padding:0;}
.KeepPlanField.neoPlan dl + dl {margin-left:5px !important; text-align:right;}
.KeepPlanField.neoPlan .fr.taL {padding-top:22px;}
/*적립식안심플래안내 - 안심 Keeping 플랜,안심 Swing 플랜,안심 Basic 플랜*/
.list_num {margin-top:10px;font-size:13px;line-height:20px;color:#747474;}
.cont .graph2 {font-size:0;}
p.descArea .small {font-size:13px;}
.essential_form {padding:30px;background:#fafafa;}
.essential_form .txt_essential {font-weight:bold;}
.essential_form ul.dot_list {margin-top:0;}
.essential_form .dot_list li {color:#747474;}
/* 금융상품>펀드>펀드안내>(P)적립식안심플랜안내 */
.ribbon_area {padding-bottom:15px;background:#f4f5f7;}
.ribbon_area .section {margin-top:30px;}
.ribbon_area .section:first-child {margin-top:0;}
.ribbon_area .ribbon_tit {position:relative;text-align:center;}
.ribbon_area .ribbon_tit:before {display:block;content:"";clear:both;width:10px;height:6px;display:block;background:url(/ux/images/common/bg_ribbon_left.png) no-repeat;position:absolute;bottom:-6px;left:0;}
.ribbon_area .ribbon_tit:after {display:block;content:"";clear:both;width:10px;height:6px;display:block;background:url(/ux/images/common/bg_ribbon_right.png) no-repeat;position:absolute;bottom:-6px;right:0;}
.ribbon_area .ribbon_tit .box {padding:10px 0;font-size:18px;color:#222;text-align:center;line-height:21px;border:1px solid #ddd;}
.ribbon_area .ribbon_tit .box .dashed_box {padding:15px;border-top:1px dashed #c8c8c9;border-bottom:1px dashed #c8c8c9;}
.ribbon_area .ribbon_tit .box span.sub_txt {margin-top:5px;font-size:12px;color:#333;display:inline-block;}
.ribbon_area .section.type2 .ribbon_tit .inner .box {background:#7891af;}
.ribbon_area .section_part .ribbon_tit .inner .box {padding:10px 0 10px 40px;position:relative;text-align:left;}
.ribbon_area .section_part .ribbon_tit .inner .box:after {display:block;content:"";clear:both;width:26px;height:26px;display:block;background:url(/ux/images/common/ico_question.png) no-repeat;position:absolute;top:-12px;left:0;}
.ribbon_area .section_part .ribbon_tit .inner .box h3.tit {font-size:18px;line-height:20px;}
.ribbon_area .section_part.sechead .ribbon_tit .inner .box {padding:4px 0;text-align:center;}
.ribbon_area .section_part.sechead .ribbon_tit .inner .box h3.tit {font-size:22px;line-height:23px;}
.ribbon_area .section.type2 .ribbon_tit .inner .box {background:#7891af;color:#fff;border-color:#7891af;}
.ribbon_area .con_area {padding:0 10px;position:relative;}
.ribbon_area .con_area .plan_info_list {}
.ribbon_area .con_area .plan_info_list:after {display:block;content:"";clear:both;}
.ribbon_area .con_area .plan_info_list li {width:185px;padding:22px 15px;margin-left:4px;float:left;background:#fff;position:relative;border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;}
.ribbon_area .con_area .plan_info_list li:first-child {margin-left:0;}
.ribbon_area .section_part.sechead .con_area .plan_info_list li {padding-top:222px;}
.ribbon_area .con_area .plan_info_list li:after {display:block;content:"";clear:both;width:100%;height:4px;display:block;background:url(/ux/images/common/bg_top_line_transp.png) repeat-x;position:absolute;top:0;left:0;}
.ribbon_area .con_area .plan_info_list li .flag_area {width:100%;height:201px;position:absolute;top:0;left:0;}
.ribbon_area .con_area .plan_info_list li .ico_area {height:75px;margin-bottom:15px;border-bottom:1px dashed #ccc;text-align:center;}
.ribbon_area .section_part.last .con_area .plan_info_list li {height:270px;}
.ribbon_area .con_area .plan_info_list li.list_l_violet .flag_area {background:url(/ux/images/finance/bg_flag_lightpurple.png) no-repeat 0 0;}
.ribbon_area .con_area .plan_info_list li.list_violet .flag_area {background:url(/ux/images/finance/bg_flag_violet.png) no-repeat 0 0;}
.ribbon_area .con_area .plan_info_list li.list_blue .flag_area {background:url(/ux/images/finance/bg_flag_blue.png) no-repeat 0 0;}
.ribbon_area .section_part.last .con_area .plan_info_list li.list_l_violet {border-bottom:1px solid #b4558c;}
.ribbon_area .section_part.last .con_area .plan_info_list li.list_violet {border-bottom:1px solid #7655b3;}
.ribbon_area .section_part.last .con_area .plan_info_list li.list_blue {border-bottom:1px solid #b4558c;}
.ribbon_area .con_area .plan_info_list li .flag_area p {padding-top:110px;font-size:18px;color:#fff;line-height:24px;font-weight:bold;text-align:center;}
.ribbon_area .con_area .plan_info_list li.list_l_violet .flag_area p {background:url(/ux/images/finance/ico_flag_01.png) no-repeat 50% 30px;}
.ribbon_area .con_area .plan_info_list li.list_violet .flag_area p {background:url(/ux/images/finance/ico_flag_02.png) no-repeat 50% 30px;}
.ribbon_area .con_area .plan_info_list li.list_blue .flag_area p {background:url(/ux/images/finance/ico_flag_03.png) no-repeat 50% 30px;}
.ribbon_area .con_area .plan_info_list li .txt_info {font-size:14px;color:#444;line-height:20px;text-align:center;}
.ribbon_area .con_area .plan_info_list li .txt_info>span {margin-bottom:10px;display:block;text-align:center;}
.ribbon_area .con_area .plan_join_area {padding:26px 28px;background:#fff;border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;}
.ribbon_area .con_area .plan_join_area:after {display:block;content:"";clear:both;width:100%;height:4px;display:block;background:url(/ux/images/common/bg_top_line_transp.png) repeat-x;position:absolute;top:0;left:0;}
.ribbon_area .con_area .plan_join_area dl {padding:20px 0;border-top:1px dashed #ddd;}
.ribbon_area .con_area .plan_join_area dl:first-child {padding-top:0;border-top:none;}
.ribbon_area .con_area .plan_join_area dl.last {padding-bottom:0;}
.ribbon_area .con_area .plan_join_area dl dt {margin-bottom:5px;font-size:16px;color:#0062ab;line-height:21px;font-weight:bold;}
.ribbon_area .con_area .plan_join_area dl dd {font-size:14px;color:#444;line-height:21px;}
.ribbon_area .con_area .plan_join_area dl dd .btnArea {padding-top:10px;}
.ribbon_area .con_area .faq_area {padding:10px 30px;border:1px solid #ddd;}
.ribbon_area .con_area .faq_area:after {display:block;content:"";clear:both;}
.ribbon_area .con_area .faq_area .tit {font-size:16px;color:#222;font-weight:bold;line-height:32px;}


/********************
금융상품>ELS/DLS
/********************
금융상품>ELS/DLS 찾기
**********************/
/* 금융상품>ELS/DLS 찾기 */
.modal_btm, .modal_right {display:inline-block;background: url(/ux/images/common/btn/ico_modal.png) no-repeat center bottom;padding-bottom:17px;}
.modal_right {padding:0 15px 0 0 !important;background-position:right 65%;}
/* ELS/DLS 찾기 상세보기>(T) 기초자산정보 - 검색결과 */
.basic_asset_box {padding:25px 28px;border:1px solid #ddd;border-top:1px solid #747474;}
.basic_asset_box .h3_tit {float:left;margin-bottom:20px;}
/* ELS/DLS>청약완료상품 */
.search_tblBox {border-left:1px solid #ddd;border-right:1px solid #ddd;}
/* ELS/DLS>청약완료상품>평가가격추이 그래프영역  */
span.ico_type {display:inline-block;position:relative;padding-left:15px;margin-left:20px;}
span.ico_type:after {content:"";position:absolute;left:0;top:50%;width:10px;height:2px;margin-top:-3px;border-bottom:2px solid #7891af;}
span.ico_type.KOSPI200:after {border-color:#36b8b0;}
span.ico_type.HSCEI:after {border-color:#3dadec;}
span.ico_type.S&P500:after {border-color:#7655b3;}
span.ico_type.type2:after {content:"";position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-4px;border:none !important;}
span.ico_type.type2.ico01:after {background-color:#3dadec;}
span.ico_type.type2.ico02:after {background-color:#747474;}
/* 펀드경고 */
.fund_coation {width:100%;}
.fund_coation:after {display:block;content:"";clear:both;}
.fund_coation strong {display:inline-block;margin-right:10px;}
.fund_coation .lay-help {margin:0;}
/* 금융상품>ELS/DLS>ELS/DLS 찾기>상품유형별도움말 */
.graph {display:block; position:relative; padding:30px 0 30px 0;border-bottom:1px solid #ddd;text-align:center;}
.graph:after {display:block;content:"";clear:both;}
.graph .exam {display:inline-block; position:absolute; font-size:12px; color:#c55a11; left:5px; top:-20px;}
.graph .exam span {position:relative; top:2px; margin:0 3px 0 0;}
.graph.col2 .exam {top:10px;}
.graph.col2 {padding:40px 0 10px 0;}
.graph.col2 .col {position:relative;float:left;width:50%;padding:15px 0 30px 0;text-align:center;}
.graph.col2 .col:first-child:after {display:block;content:"";position:absolute; padding-bottom:10px;right:0;top:0;width:1px;height:100%;border-right:1px solid #ddd;}
.graph.col2 .col .title {margin-bottom:46px;font-size:18px;color:#444;font-weight:bold;}
.graph_descBox {padding:16px 122px 28px 122px;border-bottom:1px solid #ddd;font-size:12px;color:#444;}
/*금융상품>ELS/DLS>ELS/DLS 찾기>(T)청약완료상품>(P)상세>(T)기초자산정보 차트 하단 범례 부분 */
.chartDesc {margin-top:5px;text-align:right;}
.chartDesc .bu_chart {position:relative;margin-left:20px;padding-left:15px;font-size:12px;color:#222;}
.chartDesc .bu_chart:first-child {margin-left:0;}
.chartDesc .bu_chart:after {display:block;content:"";clear:both;position:absolute;left:0;top:9px;width:10px;height:2px;}
.chartDesc .bu_chart.snp01:after {background-color:#2768C3;} /* 종가 */
.chartDesc .bu_chart.snp02:after {background-color:#AC0069;} /* 하락한계가격 */
.chartDesc .bu_chart.snp03:after {border-top:2px dotted #AC0069;} /* 상승한계가격 */
.chartDesc .bu_chart.snp04:after {background-color:#6F6F6F;} /* 발행일 */
/* ELS_DLS 찾기 -  table 상품명 */
.prod_wrap {position:relative;padding:0 5px 0 5px;}
.prod_wrap .prod_tit {display:block;font-size:16px;line-height:20px;color:#222; margin-bottom:8px;}
.prod_wrap .prod_descBox {padding:5px 0 15px;color:#747474;font-size:13px;}
.prod_wrap .prod_riskBox {overflow:hidden;border-top:1px dashed #ddd;}
.prod_wrap .prod_riskBox li {position:relative;float:left;width:50%;padding-top:8px;text-align:left;font-size:12px;color:#444;text-align:center;}
.prod_wrap .prod_riskBox li.last:after {display:block;content:"";position:absolute;left:0;top:12px;width:1px;height:16px;background-color:#ddd;}
.prod_wrap .prod_riskBox li .risks {display:inline-block;padding:0 0 0 45px;text-align:left;background-position-x:0;/* background-position:0 0; */font-size:12px;}
.prod_wrap .prod_riskBox li .risks.deps2 {background-position-x:0;}
.prod_wrap .prod_riskBox li .risks.deps3 {background-position-x:0;}
.prod_wrap .prod_riskBox li .risks.deps4 {background-position-x:0;}
.prod_wrap .prod_riskBox li .risks.deps5 {background-position-x:0;}
/* .prod_wrap .prod_riskBox li .risks.deps2 {background-position:0 -50px;}
.prod_wrap .prod_riskBox li .risks.deps3 {background-position:0 -100px;}
.prod_wrap .prod_riskBox li .risks.deps4 {background-position:0 -150px;}
.prod_wrap .prod_riskBox li .risks.deps5 {background-position:0 -200px;} */
.prod_wrap .prod_riskBox li .ico_pay {display:inline-block;height:20px;padding-left:35px;background:url(/ux/images/common/ico_capital.png) 0 1px no-repeat;}
.prod_wrap .prod_riskBox li .ico_pay.knockIn {background-position:0 -53px;}
/* 금융상품>ELS/DLS>ELS/DLS 찾기 - 기초자산정보 */
.result_text {margin-top:200px;font-size:18px;color:#0062ab;text-align:center;} /* 상품이 없을 경우 */
/* 검색 왼쪽 목록 */
.search_radio {margin-top:10px;}
.search_radio label {display:inline-block;margin-right:20px;}
.search_graph_area:after {content:"";display:block;clear:both;}
.search_graph_area .left_graph {float:left;width:192px;margin-right:21px;border:solid #bbb;border-top:solid #747474;border-width:1px 1px 0}
.search_graph_area .left_graph>p {height:40px;padding-left:20px;line-height:40px;font-size:16px;background:#fafafa;}
.search_graph_area .left_graph .comment {padding:15px 15px 40px 15px;color:#222;font-size:14px;border-bottom:1px solid #bbb}
.search_graph_area .left_graph .comment a {display:block;height:28px;margin-top:5px;line-height:28px;border:1px solid #bbb;text-align:center;color:#222;font-size:14px;background:#ececec;}
.stock_select_area {overflow-y:scroll;height:290px;border-bottom:1px solid #ddd;}
.stock_select_area .stock_select {margin-top:15px;}
.stock_select_area .stock_select>strong {display:block;padding-left:20px;color:#747474;font-size:14px;}
.stock_select_area .stock_select .inner {padding:15px 20px;}
.stock_select_area .stock_select .btn_login {width:135px;padding:0;margin-top:10px;display:block;font-size:14px;color:#222;height:22px;line-height:22px;text-align:center;border:1px solid #bbb;background:#ececec;cursor:pointer;}
.stock_select_area ul {/* padding-left:20px;*/margin-top:5px;padding-bottom:0;}
.stock_select_area li {line-height:20px;padding-left:20px;}
.stock_select_area li:first-child {padding-left:20px;padding-top:5px;/* background:url(/ux/images/finance/list_bl.gif) no-repeat;*/;}
.stock_select_area li a {color:#222;font-size:14px;line-height:24px;}
.stock_select_area li.on a {font-weight:bold;text-decoration:underline;}
.stock_select_area.my {height:132px;}
.search_graph_area.underlying .stock_select_area {height:385px}
.search_graph_area.underlying .stock_select_area.my {height:132px}
.search_graph_area.underlying .right_graph {height:595px}
/* .stock_select_area.my ul {padding-left:20px;}
.stock_select_area.my li:first-child {background:url(/ux/images/finance/list_bl.gif) no-repeat;} */
/* 검색 오른쪽 조회/조회결과 */
.search_graph_area .right_graph .no_product {text-align:center;color:#0062ab;font-size:18px;line-height:506px;} /* 상품선택이안되어있을때 */
.search_graph_area .result_search_on .graph_info_area {border-top:0;} /* 상품이 없을경우 상단 border조정  */
.search_graph_area .right_graph {float:left;width:745px;height:505px;border-bottom:1px solid #ddd;}
.search_graph_area .periodSearch_single dt {width:70px;}
.search_graph_area fieldset.periodSearch.slip input[type="text"] {width:65px;}
.graph_info_area {position:relative;padding:30px 20px 20px;border-top:1px solid #ddd;}
.graph_info_area>strong {float:left;color:#222;font-size:18px;font-weight:bold;}
.graph_info_area .toggleTab {float:right;}
.graph_info_area .result_table .guideTb1 td {color:#222;text-align:center;}
.graph_info_area #toggleTab_contents {float:left;width:100%;margin-top:30px;}
/* 하단 결과 */
.pd_info_txt {font-size:16px;color:#444;margin-bottom: 15px;margin-top:40px;}
.pd_info_txt strong {color:#e56c00;font-weight:bold;}
/* ELS/DLS 상세 - 상품정보 tab */
.els_ing_prd {position:relative;margin-bottom:40px;}
.els_ing_prd iframe {overflow-x:auto !important;}
/*상품비교*/
table .foundation td .icoFund {text-align:center}


/********************
금융상품>ELS/DLS 관리
**********************/
/* ELS/DLS 관리>ELS/DLS 보유현황 */
.fundChart_wrap {display:none;position:relative;margin:10px 0 30px 0;border-top:1px solid #747474;border-bottom:1px solid #ddd;}
.fundChart_wrap:after {display:block;content:"";clear:both;}
.fundChart_wrap.on {display:block;}
/* ELS/DLS 관리>ELS/DLS 보유현황 툴팁에 사용 layer .setAlarm 추가했음 */
.lay-help .layer.setAlarm {left:-300px;width:300px;}
.lay-help .layer.setAlarm span.arrow {left:300px;}
.lay-help .layer.setAlarm strong {display:block;padding-bottom:10px;border-bottom:1px solid #747474;}
.lay-help .layer.setAlarm .alarmfield {display:block;padding:10px 20px;border-bottom:1px solid #ddd;text-align:center;}
.lay-help .layer.setAlarm .alarmfield input[type="text"] {width:80px;margin-right:5px;text-align:right;}
.lay-help .layer.setAlarm .alarmfield select {width:90px;}
.lay-help .layer.setAlarm .alarmfield .select-box {margin-left:15px;}
.lay-help .layer.setAlarm .btnArea {padding:20px 0 0 0;}
/* ELS/DLS 관리>ELS/DLS 보유현황 차트 url :/finance/els_dls/management/myESLDSL.jsp */
.tbl_chart tbody td + td {border-left:none;}
.tbl_chart {width:100%;table-layout:fixed;border-top:1px solid #ddd;border-left:1px solid #ddd;}
.tbl_chart tbody th {height:30px;padding-left:12px;background-color:#f4f5f7;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:left;font-size:12px;color:#222;}
.tbl_chart tbody td {height:30px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;text-align:center;font-size:12px;color:#222;}
.tbl_chart .ico_chart {padding-left:19px;background:url(/ux/images/common/bg_icoChart_circle.png) 0 0 no-repeat;}
.tbl_chart .ico_chart.ico01 {background-position:0 2px;}
.tbl_chart .ico_chart.ico02 {background-position:0 -26px;}
.tbl_chart .ico_chart.ico03 {background-position:0 -54px;}
.tbl_chart .ico_chart.ico04 {background-position:0 -82px;}
.tbl_chart .ico_chart.ico05 {background-position:0 -112px;}
.tbl_chart .ico_chart.ico06 {background-position:0 -140px;}
.tbl_chart .ico_chart.ico07 {background-position:0 -166px;}
.tbl_chart .ico_chart.ico08 {background-position:0 -194px;}
/* ELS/DLS 관리>이벤트캘린더 */
.eventCal_wrap {position:relative;border-top:1px solid #747474;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.eventCal_wrap .label_box {position:absolute;right:14px;top:18px;padding:0;border:none;}
.eventCal_wrap .label_box span {display:inline-block;height:15px;padding-left:20px;margin-right:6px;font-size:11px;font-family:Dotum,Arial;line-height:18px;background:left center no-repeat;}
.eventCal_wrap .label_box span.tobe {background-image:url(/ux/images/finance/ico_finance_tove.gif);} /* 예정이벤트 */
.eventCal_wrap .label_box span.confirm {background-image:url(/ux/images/finance/ico_finance_confirm.gif);} /* 확정이벤트 */
.eventCal_wrap .label_box span.subScription {background-image:url(/ux/images/finance/ico_finance_subScription.gif);} /* 확정중인 상품 */
.eventCal_wrap .select_dateBox {padding:12px 0;text-align:center;}
.eventCal_wrap .select_dateBox .sel_date {display:inline-block;margin-right:15px;}
.eventCal_wrap .select_dateBox .sel_date .btnArrow {width:26px;height:28px;border:1px solid #ddd;background:url(/ux/images/common/btn/bg_btn_selArrow.png) 10px 9px no-repeat;text-indent:-9999px;vertical-align:middle;}
.eventCal_wrap .select_dateBox .sel_date .btnArrow.left {background-position:10px 10px;}
.eventCal_wrap .select_dateBox .sel_date .btnArrow.right {background-position:12px -10px;}
.eventCal_wrap .select_dateBox .select-box {margin:0 0 0 0;}
.eventCal_wrap .select_dateBox .btnToday {width:55px;height:26px;line-height:24px;border:1px solid #ddd;color:#444;}
.tbl_eventCal {table-layout:fixed;width:100%;border-top:1px solid #ddd;}.tbl_eventCal {table-layout:fixed;width:100%;border-top:1px solid #ddd;}
.tbl_eventCal th {height:29px;background-color:#f4f5f7;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;font-size:12px;color:#222;}
.tbl_eventCal th:first-child {border-left:none;}
.tbl_eventCal th.sun {color:#c75414;}
.tbl_eventCal th.sat {color:#0977c9;}
.tbl_eventCal td {height:119px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;font-size:12px;color:#222; vertical-align:top;}
.tbl_eventCal td:first-child {border-left:none;}
.tbl_eventCal td.sun > div .date {color:#c75414;}
.tbl_eventCal td.sat > div .date {color:#0977c9;}
.tbl_eventCal td > div {display:block;position:relative;left:0;top:-1px;width:99.5%;padding-top:34px;box-sizing:content-box;}
.tbl_eventCal td > div .date {position:absolute;left:8px;top:12px;}
.tbl_eventCal td > div span.tobe {display:block;position:relative;height:18px;padding-left:27px;background-image:url(/ux/images/finance/ico_finance_tove.gif);} /* 예정이벤트 */
.tbl_eventCal td > div span.event {margin-bottom:4px;}
.tbl_eventCal td > div span.event a {display:block;overflow:hidden;width:95%;white-space:nowrap;color:#fff;}
.tbl_eventCal td > div span.confirm {display:block;position:relative;height:18px;padding-left:27px;color:#fff;background-image:url(/ux/images/finance/ico_finance_confirm.gif);} /* 확정이벤트 */
.tbl_eventCal td > div span.subScription {display:block;height:18px;padding-left:10px;color:#fff;color:#fff;background-image:url(/ux/images/finance/ico_finance_subScription.gif);} /* 확정중인 상품 */
.tbl_eventCal td > div span.event_more {display:block;padding:0 0 10px 10px;color:#7891af;}
.tbl_eventCal td.today {border:none;}
.tbl_eventCal td.today > div {border:1px solid #3dadec;background-color:#ecf5fa;}
.tbl_eventCal td.empty {background-color:#fafafa;}
.tbl_eventCal td.sun.empty>div .date,
.tbl_eventCal td.sat.empty,
.tbl_eventCal td.empty>div .date {opacity:0.6;}

.tbl_eventCal td > div span.tobe:after,
.tbl_eventCal td > div span.event:after,
.tbl_eventCal td > div span.confirm:after,
.tbl_eventCal td > div .eventPeriod.start:after {display:block;position:absolute;left:10px;top:3px;content:"";width:10px;height:10px;border:1px solid #fff;}
.tbl_eventCal td > div .eventPeriod.end:after {display:block;position:absolute;right:10px;top:3px;content:"";width:10px;height:10px;border:1px solid #fff;}
/* 확정중인 상품 상세 정보 */
.tbl_eventCal td > div .eventPeriod {display:block;position:relative;height:18px;margin:0 0 7px 1px;padding-left:10px;color:#222;font-size:12px;background-image:url(/ux/images/finance/ico_finance_subScription.gif);}
.tbl_eventCal td > div .eventPeriod.start {padding-left:27px;color:#fff;}
.tbl_eventCal td > div .event_layer {display:none;position:absolute;left:-1px;top:62px;width:270px;padding:20px;border:1px solid #7f97b3;background:#fff;text-align:left;color:#444 !important;font-size:13px !important;z-index:20 !important;}
.tbl_eventCal td > div .event_layer:after {display:block;content:"";position:absolute;top:-11px;left:30px;display:block;width:14px;height:11px;background:url(/ux/images/common/lay_arrow.gif) no-repeat;text-indent:-9999px;}
.tbl_eventCal td > div .event_layer strong {display:block;position:relative;margin-bottom:10px;padding-left:20px;font-size:14px;color:#222;}
.tbl_eventCal td > div .event_layer strong:after {content:"";display:block;position:absolute;left:0;top:3px;width:15px;height:15px;color:#fff;color:#fff;background:url(/ux/images/finance/ico_finance_subScription.gif) left top no-repeat;}
.tbl_eventCal td > div .event_layer ul li {margin-bottom:2px;font-size:13px;color:#444;line-height:20px;}
.tbl_eventCal td > div .event_layer a.close {position:absolute;top:15px;right:15px;background:url(/ux/images/common/ico_close.gif) no-repeat;text-indent:-9999px;width:12px;height:11px;}
.tbl_eventCal td > div .event_layer span.online {display:inline-block;height:16px;line-height:16px;margin-top:5px;font-size:13px;padding-left:21px;background:url(/ux/images/common/bg_org12.gif) 0 center no-repeat;}
.tbl_eventCal td > div .event_layer span.online:before {display:none;}

/********************
금융상품>ELS/DLS 청약/환매
**********************/


/********************
금융상품>채권
********************/
/* 채권종목검색 팝업 */
.bondSearch_box {position:relative;}
.bondSearch_box:after {display:block;content:"";clear:both;}
.bondSearch_box .bond_search_box {float:left;width:320px;background-color:#fafafa;border-top:1px solid #747474;}
.bondSearch_box .bond_search_box.popType{height:480px}
.bond_search {padding:20px 20px 31px;text-align:center;}
.bond_search .select-box {width:100% !important;margin-bottom:10px;text-align:left;}
.bond_search input {width:258px;margin:0 0 0 0 !important;background:#fff;}
.bondSearch_box .btnLarge {margin-top:20px;}
.bondSearch_box .resultAlign {padding:20px;}
.bondSearch_box .resultAlign>p {margin-bottom:10px;font-size:14px;color:#444;}
.bondSearch_box .resultAlign ul {width:100%;}
.bondSearch_box .resultAlign ul:after {display:block;content:"";clear:both;}
.bondSearch_box .resultAlign li {float:left;width:14.6%;height:40px;margin:-1px 0 0 -1px;text-align:center;background:#fff;}
.bondSearch_box .resultAlign li a {display:block;border:1px solid #ddd;line-height:38px;font-size:16px;color:#444;}
.bondSearch_box .resultAlign li.alphabet {width:100%;}
.bondSearch_box .resultAlign li.on a {background-color:#0062ab;color:#fff;}
.bondSearch_box .bond_result_box {float:right;overflow:hidden;width:540px;height:480px}
.bondSearch_box .bond_result_box .scrollBody {height:439px}
.bondSearch_box .bond_result_box td {padding:9px 15px 10px}
.bondSearch_box .bond_result_box table tr.thead td {padding:9px 5px;}
.bond_result_box .scrollBody td.no_data {height:400px;font-size:16px;color:#444;line-height:420px;}
/* 금융상품>채권>채권매매>채권매수>장외채권매수>(S)채권정보확인>(P)설명서 확인 */
.tabDeps2.pop li a {font-size:14px;}
/* 금융상품>채권매매>장내채권 */
.toast_article.bond_inside .toastTarget ul.toggleTab {position:absolute;left:50%;bottom:10px;margin-left:-56px;}
.toast_article.bond_inside .toastTarget ul.toggleTab {height:auto;}
.toast_article.bond_inside .toastTarget ul.toggleTab li {padding-left:0;}
.toast_article.bond_inside .toastTarget ul li dt {width:154px;}
.toast_article.bond_inside .toastTarget .rate {width:100px;}
.toast_article.bond_inside .toastTarget .sum {width:85px;}
.toast_article.bond_inside .toastTarget .btn {width:79px;}
/* 금융상품>채권매매>장외채권 */
.toast_article.bond_outside .toastTarget ul li dt {width:170px;}
.toast_article.bond_outside .toastTarget .rate {width:100px;}
.payNum .scrollBody {height:124px;}
.payNum .scrollBody table.finductList tbody th {padding-left:0;}
.oubondList .td_btn .btnMid.modal {padding-right:20px !important}
/* 금융상품>채권>채권매매>장내채권매매 */
.comparewith:after {display:block;content:"";clear:both;}
.comparewith .unit.page {width:465px;padding:0 0 0 0 !important;background:none;}
/* 장내채권매매 - 검색박스 */
.searchBond_box {margin-top:20px;padding:10px 10px 10px 20px;border:1px solid #bbb;background:#fafafa;}
.searchBond_box label {margin-right:16px;}
.searchBond_box label input {margin-right:6px;}
.searchBond_box .slipSelect .select-box {width:180px !important;margin:0 0 0 0;}
.searchBond_box button.search {width:80px;height:30px;margin-left:10px;padding:0 0 0 0;background-color:#6c6f71;color:#fff;}
/* 장내채권매매 - 검색 결과박스 */
.bond_searchResult {margin-top:25px;}
.bond_searchResult > p {margin-bottom:5px;font-size:14px;color:#444;}
/* 장내채권매매 - 검색 결과박스 오른쪽 종목 검색 */
.stock_box {height:597px;padding:20px;padding-bottom:0;border-top:1px solid #747474;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.stockSearchTop {margin-bottom:20px;}
.stockSearchTop input {width:329px;}
.stockSearchTop button.search {width:80px;height:30px;margin-left:10px;padding:0 0 0 0;background-color:#6c6f71;color:#fff;}
.resultArea > strong {display:block;margin-bottom:17px;font-size:18px;color:#222;}
.resultArea > strong em {display:inline-block;margin-left:10px;font-size:14px;font-weight:bold;color:#e81a1a;}
.resultArea > strong span {display:block;font-size:14px;color:#747474;}
.resultArea .search_result {position:relative;}
.resultArea .search_result .radioGroup {display:block;margin-bottom:12px;text-align:right;}
.resultArea .search_result .radioGroup label {margin-left:10px;}
.resultArea .search_result .radioGroup label:first-child {margin-left:0;}
.resultArea .search_result .btnArea {padding-top:10px;text-align:right;}
/* 장내채권매매 - 하단 탭 */
.listtabArticle {display:table;position:relative;width:100%;}
.listtabArticle .tabDeps3 {float:left;border-bottom:none;}
.listtabArticle .toggleTab {float:right;top:6px;}
.finduct_target {display:none;position:relative;}
.finduct_target.on {display:block;}
.ess_pos {position:absolute;right:0;top:-30px;}
/* 금융상품>채권>장외채권매수 - step2 선택상품 추가 */
.selectProd_box {border-top:1px solid #747474;}
.selectProd_box .title {padding:13px 20px 17px 20px;font-size:21px;color:#222;}
.selectProd_box .title span {display:inline-block;margin-left:10px;color:#747474;font-size:16px;}
/* 금융상품>채권>장외채권매수 - step4 알림서비스 한개일때 p태그 사용*/
.applicationBox .short {display:inline-block;height:33px;vertical-align:middle;line-height:30px;font-size:13px;color:#444;}
/* 금융상품>채권>채권매매>장외채권신청현황변경취소 */
.thumbArticle .page_function .toggleTab {display:inline-block;margin-left:10px;vertical-align:middle;}
/* 채권매매>채권매도>장외채권매도 */
.applicationBox {background-color:#f3f4f6;padding:15px;}
.applicationBox:after {content:"";display:block;clear:both;}
.applicationBox button {float:right;width:82px;}
.nobg {background-color:#fff !important;}
/* 금융상품>채권>채권매매>채권매수>장외채권매수>(S)매수정보입력, 금융상품>채권>채권찾기>(T)장외채권찾기>(P)장외채권상세>(T)수익구분 */
fieldset.periodSearch> ul li span.ex_txt {/* float:left;*/display:inline-block;position:relative;height:40px;line-height:40px;margin:0 0 0 10px;padding:0 8px;}
/* 금융상품>채권>채권안내>리포트>목록 */
table.bondReport td .txtModal {padding-right: 20px !important;background-position: 115% -195px !important;}
/* 전자단기사채투자분석 팝업 */
.modalPop.eletron_invest h2 {font-weight:normal;}
/* 장외채권신청현황⁄변경⁄취소 */
.toggleArea .page_function a.smallAnew {position: absolute;top: 0;right: 152px;width: 50px;}
/* 전자단기사채매도*/
.stepMenu.sellABS li:first-child + li.on a {background-image:url(/ux/images/common/ico_step_img5.png);}
th.slipPadding {padding:10px 3px !important;}
table td.td_btn.align.width83 button {width:83%;}
/* 채권분석팝업 */
.msie8 .modalPop .popSection, .msie9 .modalPop .popSection {border-bottom:none}

/* 해외채권 중개가능채권 */
.countryArea{display:block;width:960px;height:550px;position:relative;background-image:url(/ux/images/finance/bg_overseasstock_bond.jpg);}
.countryArea>p{display:block;font-size:18px;color:#fff;padding-top:35px;text-align:center}
.countryArea .countryList{display:block;}
.countryArea .countryList li{display:block;position:absolute;top:0;}
.countryArea .countryList li a{display:block;width:100px;height:106px}
.countryArea .countryList li.europe{top:170px;left:125px;}
.countryArea .countryList li.europe a{background-image:url(/ux/images/finance/ico_bond_europe.png)}
.countryArea .countryList li.china{top:184px;left:309px;}
.countryArea .countryList li.china a{background-image:url(/ux/images/finance/ico_bond_china.png)}
.countryArea .countryList li.korea{top:252px;left:382px;}
.countryArea .countryList li.korea a{background-image:url(/ux/images/finance/ico_bond_korea.png)}
.countryArea .countryList li.wb{top:285px;left:514px;}
.countryArea .countryList li.wb a{background-image:url(/ux/images/finance/ico_bond_wb.png)}
.countryArea .countryList li.mexico{top:222px;left:624px;}
.countryArea .countryList li.mexico a{background-image:url(/ux/images/finance/ico_bond_mexico.png)}
.countryArea .countryList li.usa{top:148px;left:721px;}
.countryArea .countryList li.usa a{background-image:url(/ux/images/finance/ico_bond_usa.png)}
.countryArea .countryList li.brazil{top:349px;left:779px;}
.countryArea .countryList li.brazil a{background-image:url(/ux/images/finance/ico_bond_brazil.png)}

.callCenterBox{display:block;background:#fff;padding:40px 0;}
.callCenter{display:block;width:400px;margin:0 auto;}
.callCenter .txt_infoDesc{background: url(/ux/images/customer/callCenter_info.gif) no-repeat 0 0;padding-left:94px;min-height:68px;}
.callCenter .txt_infoDesc>strong{display:block;padding-top:22px;font-size:18px;color:#0062ab;font-weight:normal}

/********************
금융상품>RP
**********************/
/* RP 보유현황 */
table td .combineBox .radioGroup  {display:inline-block;}
table td .combineBox .periodSearch {display:inline-block;margin-left:10px;vertical-align:middle;}
/* RP찾기 */
.rpSearch .h3_tit {display:inline-block;}
.rpSearch .h3_tit + .lay-help, .rpBuy .h3_tit + .lay-help {margin:5px 8px 0;}
/* 금융상품>채권>채권매매>장외채권신청현황변경취소, 금융상품>ISA>RP매매>매수>RP선택, 금융상품>RP>RP 매매>RP매수>(S)RP선택, 금융상품>RP>RP 찾기>(T)RP, 금융상품>RP>RP 찾기>(T)외화RP*/
.page_function a.smallAnew {background-position:125% -443px;padding-right:16px !important;margin-right:10px;}
.rpSearch .page_function .toggleTab, .rpBuy .page_function .toggleTab {width:200px;}
/* RP매수 */
.rpBuyCnfm, .rpSellCnfm {color:#c75414 !important;font-size:16px !important;}
.more_infoBox .col.bg_icon28 {background: url(/ux/images/common/bg_icoBig_type28.gif) 96% 29px no-repeat;}
.more_infoBox .col.bg_icon29 {background: url(/ux/images/common/bg_icoBig_type29.gif) 96% 29px no-repeat;}
/* RP매도 */
.pagingPrev, .pagingNext {display:inline-block;width:38px;height:38px;line-height:40px;border:1px solid #bbb;text-indent:-9999px;position:relative;background:url(/ux/images/common/bg_paging.gif) 0 0 no-repeat;}
.pagingNext {background-position:-44px 0;margin-left:2px;}
/* RP보유현황 */
.guideTb1.myRP tbody th {background:none;}
/* RP 공지사항*/
.btnFile.pdf.board {padding:8px 0 0 26px;background-position:0 center;}


/********************
금융상품>CMA
**********************/
/* CMA 혜택안내 */
.cmaInfo .inner span.bgArea {background:url(/ux/images/finance/bg_cmaInfo01.png) 0 100% no-repeat;}
.topLine_gray2{border-top:1px solid #ddd !important;}
/* #tabArea.cmaInfo .tabMenu li a {padding:45px 0 0 0;background:#fafafa url(/ux/images/finance/ico_cmaInfo_tab.png) 49px -180px no-repeat;font-size:14px;}
#tabArea.cmaInfo .tabMenu li.on a {background-position:49px 15px;background-color:#fff;}
#tabArea.cmaInfo .tabMenu li.menu_charge a {background-position:-89px -180px;}
#tabArea.cmaInfo .tabMenu li.menu_charge.on a {background-position:-89px 15px;}
#tabArea.cmaInfo .tabMenu li.menu_teller a {background-position:-225px -180px;}
#tabArea.cmaInfo .tabMenu li.menu_teller.on a {background-position:-225px 15px;}
#tabArea.cmaInfo .tabMenu li.menu_autoPay a {background-position:-368px -180px;}
#tabArea.cmaInfo .tabMenu li.menu_autoPay.on a {background-position:-368px 15px;}
#tabArea.cmaInfo .tabMenu li.menu_reward a {background-position:-500px -180px;}
#tabArea.cmaInfo .tabMenu li.menu_reward.on a {background-position:-500px 15px;}
#tabArea.cmaInfo .tabMenu li.menu_membership a {background-position:-639px -180px;}
#tabArea.cmaInfo .tabMenu li.menu_membership.on a {background-position:-639px 15px;}
#tabArea.cmaInfo .tabMenu li.menu_prefer a {background-position:-772px -180px;}
#tabArea.cmaInfo .tabMenu li.menu_prefer.on a {background-position:-772px 15px;} */
/* 공모주 탭 메뉴 삭제 관련 백그라운드 이미지 위치 변경 */
#tabArea.cmaInfo .tabMenu li a {padding:45px 0 0 0;background: #fafafa url(/ux/images/finance/ico_cmaInfo_tab.png) 60px -180px no-repeat;font-size:14px;}
#tabArea.cmaInfo .tabMenu li.on a {background-position:60px 15px;background-color:#fff;}
#tabArea.cmaInfo .tabMenu li.menu_charge a {background-position:-60px -180px;}
#tabArea.cmaInfo .tabMenu li.menu_charge.on a {background-position:-60px 15px;}
#tabArea.cmaInfo .tabMenu li.menu_teller a {background-position:-195px -180px;}
#tabArea.cmaInfo .tabMenu li.menu_teller.on a {background-position:-195px 15px;}
#tabArea.cmaInfo .tabMenu li.menu_autoPay a {background-position:-334px -180px;}
#tabArea.cmaInfo .tabMenu li.menu_autoPay.on a {background-position:-334px 15px;}
#tabArea.cmaInfo .tabMenu li.menu_reward a {background-position:-470px -180px;}
#tabArea.cmaInfo .tabMenu li.menu_reward.on a {background-position:-470px 15px;}
#tabArea.cmaInfo .tabMenu li.menu_membership a {background-position:-610px -180px;}
#tabArea.cmaInfo .tabMenu li.menu_membership.on a {background-position:-610px 15px;}
#tabArea.cmaInfo .tabMenu li.menu_prefer a {background-position:-752px -180px;}
#tabArea.cmaInfo .tabMenu li.menu_prefer.on a {background-position:-752px 15px;}
/* CMA 혜택안내 - 높은수익률 */
.cmaInfo_benefit .grayBox {border-width:1px 0;}
.cmaInfo_benefit .grayBox li {margin-bottom:7px;}
.cmaInfo_benefit .lineBox {padding:15px 0;}
.cmaInfo_benefit .alignBox {margin-bottom:50px;}
.cmaInfo_benefit .alignBox>strong {display:inline-block;text-align:center;font-size:30px;}
.cmaInfo_benefit h3.h2_tit {line-height:26px;}
.cmaInfo_benefit h3.h2_tit span {font-size:18px;font-weight:normal;}
./* cmaInfo_benefit ul, */ .cmaInfo_benefit ol {margin:12px 0 20px 0;}
.cmaInfo_benefit .grayBox ul.dot_list {margin:5px 0 0 0;}
.cmaInfo_benefit sup {font-size:10px;}
.cmaInfo_benefit h3 {margin:30px 0 10px;}
.cmaInfo_benefit .txt_essential {padding-top:10px;background-position:0 14px;}
/* CMA 혜택안내 - 수수료면제 */
.cmaInfo_benefit h4.h3_tit {margin-top:25px;}
.exTerms p {line-height:24px;}
.exTerms li {line-height:23px;}
/* CMA 혜택안내 - 수시입출금 */
.cmaInfo_benefit.teller .alignBox {margin-bottom:15px;}
.cmaInfo_benefit.teller .btnArea {padding-top:0;border:0;text-align:right;}
.cmaInfo_benefit.teller h3 {border-bottom:none;margin:0;}
/* CMA 혜택안내 - 자동납부서비스, 디지털멤버십제휴 */
.virtualAccount{background:#fafafa url(/ux/images/finance/bg_virtualAccount.jpg) 516px 20px no-repeat;padding-bottom:65px;}
.virtualAccount dt, .uPointCard dt {font-weight:bold;}
.cmaInfo_benefit.autoPay .btnArea {margin-top:5px;padding-top:15px;}
/* CMA 혜택안내 - 캐시리워드 */
.cmaInfo_benefit.cashReward, .cmaInfo_benefit.uPoint {position:relative;}
.cmaInfo_benefit.cashReward h3, .cmaInfo_benefit.uPoint h3 {border-bottom:none;margin-bottom:0;}
.cmaInfo_benefit.cashReward h3.line {border-bottom:1px solid #747474;}
.cmaInfo_benefit.cashReward .condi01, .cmaInfo_benefit.cashReward .condi02, .cmaInfo_benefit.uPoint .condi01, .cmaInfo_benefit.uPoint .condi02 {margin-top:20px;width:455px;height:130px;box-sizing:border-box;border-width:1px 0px;border-top-color:#747474;}
.cmaInfo_benefit.uPoint .condi01, .cmaInfo_benefit.uPoint .condi02 {height:115px;}
.cmaInfo_benefit.cashReward .condi01:after, .cmaInfo_benefit.uPoint .condi01:after {position:absolute;content:'&';font-size:30px;font-weight:bold;line-height:130px;top: 50%;left: 50%;font-size: 30px;color:#aaaaaa;margin: -32px 0 0 -10px;}
.cmaInfo_benefit.cashReward .condi01_1, .cmaInfo_benefit.uPoint .condi01_1 {position:absolute;top:113px;left:20px;}
.cmaInfo_benefit.uPoint .condi01_1 {top:131px;}
.cmaInfo_benefit.cashReward .lineBox .dot_list, .cmaInfo_benefit.uPoint .lineBox .dot_list {margin-top:0;}
/* CMA 계좌계설안내 */
.page_info.cma_establish {border-top-width:1px;}
.cma_establish .inner span.bgArea {background:url(/ux/images/finance/bg_cmaInfo.png) 0 100% no-repeat;}
.cma_establish .inner span.tit {font-size:30px;color:#0062ab;}
.cma_establish_info dl {width:50%;box-sizing:border-box;padding:0 0 0 120px;background:url(/ux/images/finance/ico_cmaEstablish02.png) 40px 0 no-repeat;}
.cma_establish_info dl:first-child {border-right:1px dashed #ddd;background-image:url(/ux/images/finance/ico_cmaEstablish01.png);}
.cma_establish_info dt {font-weight:bold;padding-bottom:12px;font-size:16px;}
.cma_establish_info dd {height:57px;}
.account0 {width:460px;background:#fafafa;padding:30px 0;text-align:center;box-sizing:border-box;border-top:1px solid #747474;border-bottom:1px solid #ddd;}
.account0 li {position:relative;height:130px;background:url(/ux/images/finance/ico_cmaEstablish04.png) center top no-repeat;padding:120px 0 60px;font-size:13px;}
.account0 li .btnArea {display:block;margin:0;padding:0;position:absolute;bottom:0px;width:100%;}
.account0 li:first-child {background-image:url(/ux/images/finance/ico_cmaEstablish03.png);}
.account0 li .num, .cma_process li .num, .cma_postOffice li .num {font-size:36px;color:#5a96c8;line-height:48px;margin-right:5px;}
.account0 li .num + strong, .cma_process li .num + strong, .cma_postOffice li .num + strong {font-size:15px;line-height:48px;vertical-align:top;}
.account1 h3 + div, .account2 h3 + div {background:#fafafa url(/ux/images/finance/ico_cmaEstablish04.png) center 30px no-repeat;padding:150px 0 30px 0;width:460px;border-top:1px solid #747474;border-bottom:1px solid #ddd;font-size:13px;}
.account1 strong, .account2 strong {font-size:15px;}

.accountCMA {display:table; position:relative; width:100%; margin:0 0 40px 0; padding:0;}
.accountCMA li {float:left; display:block; position:relative; width:306px; margin:0; padding:0;}
.accountCMA li + li {margin-left:21px;}
.accountCMA h3 {display:block; position:relative; margin:0 0 15px 0; padding:0; font-size:22px; color:#222; font-weight:600;}
.accountCMA dl {display:block; position:relative; margin:0; padding:150px 0 70px 0;background:url(/ux/images/finance/ico_cmaEstablish04.png) no-repeat 50% 30px #fafafa; border-top:solid #747474 1px; border-bottom:solid #ddd 1px;}
.accountCMA .deck01 dl {background-image:url(/ux/images/finance/ico_cmaEstablish03.png)}
.accountCMA dt {display:block; position:relative; height:30px; margin:0; padding:0; text-align:center; font-size:15px; font-weight:600; color:#222;}
.accountCMA dd {display:block; position:relative; height:110px; margin:0; padding:0; text-align:center;}
.accountCMA dd p {font-size:13px;}
.accountCMA dd.btnset {position:absolute; height:30px; width:100%; left:0; bottom:30px; }

.cma_process {background:#fafafa url(/ux/images/finance/bg_cma_process.png) 0 0 no-repeat;border-top:1px solid #747474;border-bottom:1px solid #ddd;}
.cma_process> li {position:relative;width:33.33%;box-sizing:border-box;text-align:center;padding-top:140px;background:url(/ux/images/finance/ico_cmaEstablish05.png) center 30px no-repeat;font-size:13px;}
.cma_process> li .txt_gray74 {margin-bottom:18px;}
.cma_process> li + li {background:url(/ux/images/finance/ico_cmaEstablish06.png) center 30px no-repeat;}
.cma_process> li + li ol {margin-bottom:28px;}
.cma_process> li + li + li {background:url(/ux/images/finance/ico_cmaEstablish07.png) center 30px no-repeat;padding-bottom:30px;}
.cma_process> li + li + li .txt_gray74 {margin-bottom:0 !important;}
.cma_process li .btnArea, .cma_postOffice li .btnArea {padding-top:15px;}
.cma_process li li {width:100%;padding-top:0;}
.cma_postOffice {background:#fafafa url(/ux/images/finance/bg_cma_process2.png) 0 0 no-repeat;border-top:1px solid #747474;border-bottom:1px solid #ddd;}
.cma_postOffice> li {width:25%;box-sizing:border-box;text-align:center;background:url(/ux/images/finance/ico_cmaEstablish08.png) center 30px no-repeat;padding:135px 0 30px 0;font-size:13px;}
.cma_postOffice> li + li {background-image:url(/ux/images/finance/ico_cmaEstablish03.png);}
.cma_postOffice> li + li + li {background-image:url(/ux/images/finance/ico_cmaEstablish07.png);}
.cma_postOffice> li + li + li p {margin-bottom:64px;}
.cma_postOffice> li + li + li + li {background-image:url(/ux/images/finance/ico_cmaEstablish04.png);}
.cma_postOffice> li + li + li + li p {margin-bottom:100px;}
.familyCenter {background:url(/ux/images/customer/ico_tel.gif) 30px 20px no-repeat;padding:20px 30px;}
.familyCenter>div {padding-left:50px;border-right:1px solid #ddd;}
.familyCenter>div + div {padding-left:20px;border-right:none;}
.familyCenter .callNum {font-size:24px;font-weight:bold;padding-right:45px;line-height:24px;}
/* CMA 계좌계설안내>구비서류  */
.cmaDocs .dot_list li {font-size:14px;}
/* CMA 제휴카드 안내(P) */
.cardInfo {position:relative;height:380px;background:#ecf5fa url(/ux/images/finance/img_ssgcardInfo01.jpg) center 88px no-repeat;margin-bottom:30px;}
.cardInfo h2 {text-align:center;font-size:28px;padding-top:35px;font-weight:normal;}
.cardInfo .positionL {position:absolute;top:145px;left:110px;text-align:right;}
.cardInfo .positionBT {position:absolute;bottom:35px;left:50%;width:400px;margin-left:-200px;text-align:center;}
.cardInfo .positionR {position:absolute;top:145px;right:68px;text-align:left;}
.cardInfo .btnArea {position:absolute;bottom:25px;right:30px;text-align:right;}
.cardInfo.ssgShopping {background-image:url(/ux/images/finance/img_ssgcardInfo02.jpg);}
.cardInfo.ssgShopping .positionL {left:29px;}
.cardInfo.ssgCheck {background-image:url(/ux/images/finance/img_ssChkcardInfo01.jpg);}
.cardInfo.ssgCheck .positionL {left:72px;}
.cardInfo.ssgMileage {background-image:url(/ux/images/finance/img_ssChkcardInfo02.jpg);}
.cardInfo.ssgMileage .positionL {top:155px;left:97px;}
.cardInfo.ssgMileage .positionBT {bottom:51px;}
.cardInfo.ssgMileage .positionR {top:155px;right:90px;}
.cardInfo.lotteCheck {background-image:url(/ux/images/finance/img_ltcardInfo.jpg);}
.cardInfo.lotteCheck .positionL {left:137px;}
.cardInfo.shinhanCheck {background-image:url(/ux/images/finance/img_shcardInfo.jpg);}
.cardInfo.shinhanCheck .positionL {left:120px;}
.cardInfo.shinhanCheck .positionBT {bottom:51px;}
.cardInfo.shinhanCheck .positionR {right:120px;}
.cardInfo.kbCheck {background-image:url(/ux/images/finance/img_kbcardInfo.jpg);}
.cardInfo.kbCheck .positionL {left:122px;}
.cardInfo.kbCheck .positionBT {bottom:51px;}
.cardInfo.kbCheck .positionR {right:56px;}
.cardInfo.sfcCheck {background-image:url(/ux/images/finance/img_sfcChkcardInfo.jpg);}
.cardInfo.sfcCheck .positionL {left:122px;}
.cardInfo.sfcCheck .positionBT {bottom:51px;}
.cardInfo.sfcCheck .positionR {right:56px;}
#tabArea.cmaCard .tabMenu a {background:#fafafa;}
#tabArea.cmaCard .tabMenu a span {display:inline-block;padding-left:33px;background:0 12px no-repeat;}
#tabArea.cmaCard .tabMenu.col8 a{padding:0 8px }
#tabArea.cmaCard .tabMenu.col8 a span{padding-left:27px;} 
#tabArea.cmaCard .tabMenu .on a {background-color:#fff;}
#tabArea.cmaCard .tabMenu .on a span {background-position:0 -65px;background-repeat:no-repeat;}
#tabArea.cmaCard .tabMenu .point span {background-image:url(/ux/images/finance/ico_cmaBeneM_point.png);}
#tabArea.cmaCard .tabMenu .ssg span {background-image:url(/ux/images/finance/ico_cmaBeneM_ssg.png);}
#tabArea.cmaCard .tabMenu .park span {background-image:url(/ux/images/finance/ico_cmaBeneM_park.png);}
#tabArea.cmaCard .tabMenu .movie span {background-image:url(/ux/images/finance/ico_cmaBeneM_movie.png);}
#tabArea.cmaCard .tabMenu .shopping span {background-image:url(/ux/images/finance/ico_cmaBeneM_shopping.png);}
#tabArea.cmaCard .tabMenu .car span {background-image:url(/ux/images/finance/ico_cmaBeneM_car.png);}
#tabArea.cmaCard .tabMenu .flight span {background-image:url(/ux/images/finance/ico_cmaBeneM_flight.png);}
#tabArea.cmaCard .tabMenu .sports span {background-image:url(/ux/images/finance/ico_cmaBeneM_sports.png);}
#tabArea.cmaCard .tabMenu .oil span {background-image:url(/ux/images/finance/ico_cmaBeneM_oil.png);}
#tabArea.cmaCard .tabMenu .svc span {background-image:url(/ux/images/finance/ico_cmaBeneM_svc.png);}
#tabArea.cmaCard .tabMenu .book span {background-image:url(/ux/images/finance/ico_cmaBeneM_book.png);}
#tabArea.cmaCard .tabMenu .subway span {background-image:url(/ux/images/finance/ico_cmaBeneM_subway.png);}
#tabArea.cmaCard .tabMenu .mobile span {background-image:url(/ux/images/finance/ico_cmaBeneM_mobile.png);}
#tabArea.cmaCard .tabMenu .etc span {background-image:url(/ux/images/finance/ico_cmaBeneM_etc.png);}
#tabArea.cmaCard .tabMenu .coffee span {background-image:url(/ux/images/finance/ico_cmaBeneM_coffee.png);}
.benefitCont {margin-bottom:20px;}
.benefitCont>strong.h3_tit {margin-bottom:10px;display:inline-block;line-height:23px;}
.benefitCont .dot_list li, .benefitCont p.dot_list {font-size:14px;}
.benefitCont p.dot_list + .dot_list2 {padding-left:10px;}
.benefitCont .dot_list, .benefitCont .dot_list2 {margin:0;}
.benefitCont .dot_list2 li {font-size:13px;color:#747474;margin:0;}
p.dot_list2 {position:relative;padding-left:10px;}
p.dot_list2:after {position:absolute;left:0;top:0;content:"-";}
/* CMA 연계 신용 체크카드 */
.cmaCard .inner span.bgArea {background:url(/ux/images/finance/bg_cmaInfo2.png) 0 100% no-repeat;}
.cmaCardList> li {position:relative;width:470px;box-sizing:border-box;border-top:1px solid #747474;border-bottom:1px solid #ddd;padding:30px 20px 30px 190px;background:url(/ux/images/finance/img_cmaCard01.jpg) 30px 20px no-repeat;}
.cmaCardList> li.ssgShopping {background-image:url(/ux/images/finance/img_cmaCard02.jpg);}
.cmaCardList> li.ssCheck {background-image:url(/ux/images/finance/img_cmaCard03_new.jpg);min-height:227px;}
.cmaCardList> li.ssMileage {background-image:url(/ux/images/finance/img_cmaCard04.jpg);}
.cmaCardList> li.lotteCheck {background-image:url(/ux/images/finance/img_cmaCard05.jpg);border-top:0;}
.cmaCardList> li.shinhanCheck {background-image:url(/ux/images/finance/img_cmaCard06.jpg);min-height:227px;}
.cmaCardList> li.kbCheck {background-image:url(/ux/images/finance/img_cmaCard07_stop.jpg);border-top:0;}
.cmaCardList> li.sfcCheck {background-image:url(/ux/images/finance/img_cmaCard08.jpg);border-top:0;}
.cmaCardList> li .btnSmall {position:absolute;top:125px;left:60px;}
.cmaCardList> li .btnSmall.type2{top:155px;}
.cmaCardList dt {font-size:16px;font-weight:bold;}
.cmaCardList dd {margin-top:6px;}
.cmaCardList dd.benefit_icons {border-bottom:1px dashed #ddd;overflow:hidden;margin:15px 10px 8px 0;padding-bottom:26px;}
/* CMA+란 */
.cmaPlus_info {position:relative;height:400px;border-top:1px solid #747474;border-bottom:1px solid #ddd;background:#ecf5fa url(/ux/images/finance/bg_cmaPlus01.png) center 180px no-repeat;padding:35px 0;}
.cmaPlus_info .title {font-size:30px;font-weight:bold;color:#0062ab;text-align:center;display:inline-block;width:100%;}
.cmaPlus_info dl {position:absolute;}
.cmaPlus_info dl.rate {top:170px;left:35px;}
.cmaPlus_info dl.autoPay {top:300px;left:108px;}
.cmaPlus_info dl.chargeFree {top:170px;left:680px;}
.cmaPlus_info dl.benefit {top:300px;left:680px;}
.cmaPlus_info dt {font-weight:bold;font-size:18px;margin-bottom:10px;}
.associationCard {padding:75px 0;background:url(/ux/images/finance/bg_cmaplus02.png) center center no-repeat;border-top:1px solid #747474;border-bottom:1px solid #ddd;}
.associationCard dt {font-size:18px;font-weight:bold;margin-bottom:10px;}
.autoIvst .guideTb1 dt {font-weight:bold;}
.guideBox.cmaPlus {padding:16px 40px;}
.guideBox.cmaPlus .bgArea {float:left;padding-right:40px;}
.guideBox.cmaPlus strong {display:block;padding-top:25px;margin-bottom:10px;font-size:18px;color:#222;}
.guideBox.cmaPlus p {font-size:14px;}
/* CMA 혜택안내 - 자동납부서비스, 디지털멤버십제휴 */
.cmaInfo_benefit.uPoint h3.line{border-bottom:1px solid #747474;}
/* CMA연계 신용체크카드 */
.page_info.cmaCard{padding:21px 0 30px;}
/* CMA연계 신용체크카드>(T)제휴체크카드 에서 버튼 간격 수정 */
.mgr8{margin-right:8px;}
/* CMA 혜택안내 - 높은 수익률 */
.lineBox.line_btm{border-bottom:1px solid #ddd;}
/* CMA 계좌개설안내 */
.page_info.cma_establish{padding:21px 0 30px;}

/********************
금융상품>랩/미러링
**********************/
span.notPurchase {display:inline-block;margin-bottom:10px;font-size:14px;color:#222;}
/* 금융상품>삼성 POP 골든랩>골든랩가입, 금융상품>미러링어카운트>미러링머카운트 가입*/
.agreeWrap {margin-bottom:10px;border-top:1px dotted #989898;border-bottom:1px solid #ddd;}
.agreeWrap .agreeBox {border-top:1px solid #ddd;}
.agreeWrap .agreeBox:first-child {border-top:none;}
.agreeBox dl dt span.dot_list {display:block;margin-bottom:10px;font-size:14px;color:#444;font-weight:bold;}
.agreeBox.line {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.agreeBox dl dd {margin:0 0 10px 15px;}
/* 금융상품>삼성 POP 골든랩>(P)골든랩상세, 금융상품>삼성 POP 골든랩>골든랩가입>(S)랩선택>(P)상품상세, 금융상품>미러링어카운트>(P)투자모델찾기(상세) */
.consultant {padding:21px 0;}
.box_line {border-top:1px solid #747474;}
.box_line .txt_desc {padding:16px 0 20px 0;color:#747474;font-size:14px;color:#444;}
.dl_analysis {position:relative;margin-bottom:5px;}
.dl_analysis dt {position:absolute;left:0;top:0;width:90px;padding-left:10px;background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 9px;font-size:14px;color:#444;font-weight:bold;}
.dl_analysis dd {margin-left:100px;font-size:13px;color:#444;}
.managerBox {position:relative;margin-bottom:30px;padding:13px 0 20px 0;border:1px solid #ececec;border-top:1px solid #747474;background-color:#fafafa;}
.managerBox .photoArea {position:absolute;left:20px;top:20px;width:102px;height:118px;}
.managerBox .photoArea img {max-width:100%;}
.managerBox .historyBox {overflow:hidden;min-height:140px;padding-left:152px;}
.managerBox .historyBox .title {margin-bottom:5px;font-size:14px;color:#444;}
.managerBox .historyBox .title strong {font-size:18px;color:#222;font-weight:bold;vertical-align:bottom;}
.managerBox .historyBox dl {float:left;margin-right:90px;}
.managerBox .historyBox dl.last {margin-right:0;}
.managerBox .historyBox dl dt {margin-bottom:5px;padding-left:10px;background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 9px;font-size:14px;}
.managerBox .historyBox dl dd {position:relative;margin:5px 0 0 10px;padding-left:10px;}
.managerBox .historyBox dl dd:after {display:block;content:"-";position:absolute;left:0;top:0;color:#747474;}

/********************
금융상품>골든랩
**********************/
/* 골든랩 찾기 */
.prod_wrap .prod_riskBox li .ico_invstType {display:inline-block;height:20px;padding-left:35px;background:url(/ux/images/common/ico_investType.png) 0 1px no-repeat;}
.prod_wrap .prod_riskBox li .ico_invstType.foreignStock {background-position:0 -30px;}
.prod_wrap .prod_riskBox li .ico_invstType.fund {background-position:0 -61px;}
.prod_wrap .prod_riskBox li .ico_invstType.bond {background-position:0 -92px;}
.prod_wrap .prod_riskBox li .ico_invstType.multi {background-position:0 -124px;}
.prod_wrap .prod_riskBox li .ico_invstType.derivative {background-position:0 -155px;}
/* 골든랩>골든랩가입>선택한 랩박스 */
.grayBox.titleArea {padding:19px 18px 16px 18px;}
.grayBox .txt_essential {float:left;margin-bottom:0;}
.grayBox.titleArea .title {float:left;font-size:18px;font-weight:bold;}
.grayBox.titleArea .title strong {color:#0062ab;}
.grayBox .btnArea {float:right;width:auto;padding:0;}
/* 골든랩 스텝 5 */
.stepMenu.goldenWrap li {width:17.5%;}
.stepMenu.goldenWrap li.on {width:30%;}
.stepMenu.goldenWrap li:first-child + li.on a {background:url(/ux/images/common/ico_step6_img2.png) 28px 15px no-repeat;}
.stepMenu.goldenWrap li:first-child + li+ li.on a {background:url(/ux/images/common/ico_step_img2.png) 28px 15px no-repeat;}
.stepMenu.goldenWrap li:first-child + li+ li+ li.on a {background:url(/ux/images/common/ico_step6_img5.png) 28px 15px no-repeat;}
/* 골든랩 타입 추가 스텝 4 */
.stepMenu.goldenWrap.col4 li {width:19%;}
.stepMenu.goldenWrap.col4 li a strong, .stepMenu.goldenWrap.col4 li p{font-size:14px; line-height:15px}
.stepMenu.goldenWrap.col4 li.on {width:43%;}
.stepMenu.goldenWrap.col4 li.on a strong,
.stepMenu.goldenWrap.col4 li.on p{font-size:16px; }
/* 골든랩 > 추가자금투자 */
table .amount .layer strong {font-weight:bold;}

/********************
금융상품>미러링
**********************/
/* 미러링 가입에서 사용  stepMenu mirroringStep */
.stepMenu.mirroringStep li {width:14.7%;}
.stepMenu.mirroringStep li.on {width:26.5%;}
.stepMenu.mirroringStep li:first-child + li.on a {background:#fafafa url(/ux/images/common/ico_step6_img2.png) 28px 15px no-repeat;}
.stepMenu.mirroringStep li:first-child + li + li.on a {background:#fafafa url(/ux/images/common/ico_step6_img3.png) 28px 15px no-repeat;}
.stepMenu.mirroringStep li:first-child + li + li+ li.on a {background:#fafafa url(/ux/images/common/ico_step_img2.png) 28px 15px no-repeat;}
.stepMenu.mirroringStep li:first-child + li+ li + li+ li.on a {background:#fafafa url(/ux/images/common/ico_step6_img5.png) 28px 15px no-repeat;}
.stepMenu.mirroringStep li:first-child + li+ li + li+ li + li.on a {background:#fafafa url(/ux/images/common/ico_step_img6.png) 28px 15px no-repeat;}
/* 미러링 어카운트>투자모델 찾기*/
.prod_wrap .prod_riskBox li .ico_money {display:inline-block;height:20px;padding-left:28px;background:url(/ux/images/common/ico_money.png) 0 0 no-repeat;}


/********************
금융상품>보험/신탁
/********************
금융상품>보험
**********************/
/* 금융상품>보험>연금보험 */
.page_info.insurance_head .inner span.bgArea.insuranceInfo {background:url(/ux/images/finance/bg_insuranceInfo01.png) 0 100% no-repeat;}
/* 금융상품>보험>보험상세 */
.modalPop .popSection .cont .insudetail_head h2 {font-size:24px;margin-bottom:7px;}
.findetail_summary.col3 dl {width:262px;}
.findetail_summary.col3 dl.colspan2 {width:555px;}
.insurance_feature dd {font-size:20px;}
.insurance_feature dd ol {position:absolute;top:-22px;left:77px;font-size:15px;}
/* 금융상품>보험>보험찾기 */
.page_info .inner>p + p.dot_list {padding:0 0 0 10px;margin:10px 0 0 0;}
.page_info.insurance_head {border-top-width:1px;padding-bottom:30px}
.page_info .inner span.bgArea.insuranceInfo02 {background:url(/ux/images/finance/bg_insuranceInfo02.png) 0 100% no-repeat;}
.page_info .inner span.bgArea.insuranceInfo03 {background:url(/ux/images/finance/bg_insuranceInfo03.png) 0 100% no-repeat;}
.page_info .inner span.bgArea.insuranceInfo04 {background:url(/ux/images/finance/bg_insuranceInfo04.png) 0 100% no-repeat;}
.page_info .inner span.bgArea.insuranceInfo05 {background:url(/ux/images/finance/bg_insuranceInfo05.png) 0 100% no-repeat;}
.page_info .inner span.bgArea.insuranceInfo06 {background:url(/ux/images/finance/bg_insuranceInfo06.png) 0 100% no-repeat;}
.more_infoBox.search_insurance {margin-top:10px;}
.more_infoBox.search_insurance .col {height:241px}
.more_infoBox.search_insurance .col dl {padding:20px 0;margin:0 20px}
.more_infoBox.search_insurance dl.dot_list dt {width:70px;margin:0;}
.more_infoBox.search_insurance dl.dot_list dd {padding-left:0;clear:right;width:100px;margin:0;}
.more_infoBox.search_insurance dl.dot_list dd + dt, .more_infoBox.search_insurance dl.dot_list dd + dt + dd {margin:10px 0 0 0;}
.more_infoBox.search_insurance dl.dot_list dd:after {display:none;}


/********************
금융상품>신탁
**********************/
/* 특정금전신탁 */
.popSection.trustPop .cont .title {font-size:18px;font-weight:bold;}
.popSection.specialMoneyTrust .guideTb1 ul.dot_list2 {margin-bottom:0;}
.popSection.specialMoneyTrust .guideTb1 ul.dot_list2 li {font-size:14px;}
/* 신탁상품찾기 */
.page_info.trust_head h2 {font-weight:bold;}
.page_info.trust_head .inner span.bgArea.sswsTrustInfo {background:url(/ux/images/assets_admin/bg_trustInfo.png) 0 100% no-repeat;}
.page_info.trust_head .btnArea {padding-top:20px;}
.trustProduct {margin:15px 0 25px 0;}
.trustProduct h3 {font-size:22px;font-weight:bold;line-height:24px;}
.more_infoBox.col4.search_pension {margin-top:10px}
.more_infoBox.col4.search_pension .col {margin-bottom:20px}
.more_infoBox.col4.search_pension .col .tit {height:100%;}
.more_infoBox.col4.search_pension .col.specialMoneyTrust {background:url(/ux/images/assets_admin/ico_trust_type01.gif) 88% 88% no-repeat;}
.more_infoBox.col4.search_pension .col.securityTrust {background:url(/ux/images/assets_admin/ico_trust_type02.gif) 88% 88% no-repeat;}
.more_infoBox.col4.search_pension .col.moneyTrust {background:url(/ux/images/assets_admin/ico_trust_type03.gif) 88% 88% no-repeat;}
.more_infoBox.col4.search_pension .col.realEstateTrust {background:url(/ux/images/assets_admin/ico_trust_type04.gif) 88% 88% no-repeat;}
.more_infoBox.col4.search_pension .col a.more {top:36px}

.more_infoBox.search_pension .col dl {background-image:none;margin-bottom:65px}
.more_infoBox.search_pension dl.dot_list dt {width:70px;margin:0;}
.more_infoBox.search_pension dl.dot_list dd {padding-left:0;clear:right;width:100px;margin:0;}
.more_infoBox.search_pension dl.dot_list dd + dt, .more_infoBox.search_pension dl.dot_list dd + dt + dd {margin:3px 0 0 0;}
.more_infoBox.search_pension dl.dot_list dd:after {display:none;}

/* 신탁상품안내 */
.trust_head .inner span.bgArea.trustInfo {background:url(/ux/images/assets_admin/bg_trustInfo2.png) 0 100% no-repeat;}
.trust_mid {padding:40px 0;}
.trustInfoList h3+strong {font-size:22px;padding:30px 0 15px 0;}
.trustInfoCon {border-top:1px solid #747474;border-bottom:1px solid #ddd;margin-top:15px;}
.trustInfoCon.howto {background-color:#fafafa;padding:30px;}
.trustInfoCon li {width:395px;height:57px;float:left;padding:30px 0 30px 85px;background:url(/ux/images/assets_admin/temp_img_reomm.gif) 0 center no-repeat;border-bottom:1px dashed #ddd;font-size:16px;}
.trustInfoCon .btnArea .btnMid + .btnMid {background:#ececec;border:1px solid #bbb;color:#222;}
.trustInfoCon .title {font-weight:bold;font-size:18px;}


/********************
금융상품>ISA
**********************/
/* ISA일임형 */
.modal_portfolio_thumb {display:block;position:relative;margin:0 0 40px 0;padding:0;}
.modal_portfolio_thumb h2 {display:inline-block;position:relative;margin-bottom:20px !important;font-size:24px;color:#222;font-weight:normal;}
.modal_portfolio_thumb .thumbWrap {display:table;position:relative;width:878px;border:solid #ddd 1px;}
.modal_portfolio_thumb .thumbWrap dl {display:table-cell;position:relative;width:33.33%;margin:0;padding:0;}
.modal_portfolio_thumb .thumbWrap dl + dl {background:url(/ux/images/common/lineDot_ddd.gif) repeat-y left top;}
.modal_portfolio_thumb .thumbWrap dt {display:block;position:relatvie;margin:0;padding:16px 20px 10px 20px;font-size:14px;color:#222;}
.modal_portfolio_thumb .thumbWrap dd {display:block;position:relative;height:80px;margin:0;padding:0;font-size:18px;color:#222;text-align:center;}
.modal_portfolio_thumb .thumbWrap dd strong {font-size:24px;font-weight:600;}
.modal_portfolio_thumb .thumbWrap dd.investcase {font-size:20px;font-weight:20px;font-weight:600;}

.folio_chartArea {display:table;position:relative;width:100%;margin:0;padding:0;}
.folio_chartArea.isaTrust {padding:30px 15px;border:1px solid #ddd;border-top:1px solid #747474;box-sizing:border-box;margin-top:20px}
.folio_chartArea .canvas {display:block;position:relative;height:220px;margin:0;padding:0 0 10px 0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom;}
.folio_chartArea.isaTrust .canvas {text-align:center;background:none;padding-bottom:30px}
.folio_chartArea.isaTrust .canvas > div {margin:0 auto}
.folio_chartArea.isaTrust table {border-color:#ddd;border-left:1px solid #ddd;border-right:1px solid #ddd}
.folio_chartArea.isaTrust table td, .folio_chartArea.isaTrust table th {font-size:12px;border-color:#ddd;padding:5px 15px}
.folio_chartArea.isaTrust table th .remark {padding-left:18px;background:url(/ux/images/common/bg_ico_stock2.gif) no-repeat;line-height:16px}
.folio_chartArea.isaTrust table th .remark.case01 {background-position:0 -38px}
.folio_chartArea.isaTrust table th .remark.case02 {background-position:0 -77px}
.folio_chartArea.isaTrust table th .remark.case03 {background-position:0 -116px}
.folio_chartArea.isaTrust table th .remark.case04 {background-position:0 -584px}
.folio_chartArea.isaTrust table th .remark.case05 {background-position:0 -194px}
.folio_chartArea.isaTrust table th .remark.case06 {background-position:0 -428px}
.folio_chartArea.isaTrust table th .remark.case07 {background-position:0 -350px}

.riskScore {margin:20px 0}
.riskScore dt {font-weight:bold;color:#0977c9;margin-bottom:18px}
.riskScore dd span {display:inline-block;margin-right:10px}
.riskScore + p {font-size:13px;color:#747474}

.guideTb1 span.gauge {display:inline-block;position:relative;height:22px;line-height:22px;padding-left:26px;}
.guideTb1 span.gauge var {display:inline-block;position:absolute;width:22px;height:22px;margin:0 ;padding:0;background:url(/ux/images/common/bg_radio_gauge.png) no-repeat;left:0;top:1px;}
.guideTb1 span.gauge.D05 var {background-position:-96px 0;}
.guideTb1 span.gauge.D04 var {background-position:-72px 0;}
.guideTb1 span.gauge.D03 var {background-position:-48px 0;}
.guideTb1 span.gauge.D02 var {background-position:-24px 0;}
.guideTb1 span.gauge.D01 var {background-position:-0px 0;}

.isa_joinStep {display:table;position:relative;width:100%;margin:0 0 30px 0;padding:0;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;}
.isa_joinStep li {display:table-cell;position:relative;width:25%;margin:0;padding:0;}
.isa_joinStep li + li {background:url(/ux/images/common/stepExpend.png) no-repeat left 50%;}
.isa_joinStep li dl {display:block;position:relative;min-height:56px;margin:0;padding:23px 0 23px 125px;background:url(/ux/images/finance/isa_joinstep_ico.png) no-repeat;}
.isa_joinStep li dt {display:block;position:relative;margin:0 0 6px 0;padding:0;font-size:16px;color:#0977c9;}
.isa_joinStep li dt span {font-weight:600;}
.isa_joinStep li dd {display:block;position:relative;margin:0;padding:0;font-size:16px;color:#444;}
.isa_joinStep li.step01 dl {background-position:50px 25px;}
.isa_joinStep li.step02 dl {background-position:50px -71px;}
.isa_joinStep li.step03 dl {background-position:50px -181px;}
.isa_joinStep li.step04 dl {background-position:50px -280px;}

.join_qualify {display:block;position:relative;margin:0 0 10px 0;padding:300px 25px 25px 25px;background-color:#fafafa;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;}
.join_qualify ol {display:table;position:absolute;width:809px;height:220px;margin:0;padding:0;left:75px;top:35px;background:url(/ux/images/finance/isa_joinstep_02bg.png) no-repeat left top;}
.join_qualify ol> li {display:table-cell;position:relative;width:220px;margin:0;padding:0;text-align:center;vertical-align:middle;font-size:14px;color:#222;}
.join_qualify ol> li span {color:#c34a07;}
.join_qualify ol> li + li {padding-left:76px;}
.join_qualify strong {font-weight:600;}

.dot_list.underline {border-bottom:1px solid #ddd;padding-bottom:15px}

.isa_onlineComp {display:block;position:relative;margin:0 0 25px 0;padding:0;text-align:center;}
.isa_onlineComp h2 {font-size:21px;color:#000;font-weight:600;}
.isa_onlineComp p {font-size:16px;}

.stepMenu.entrustJoin li p strong{font-size:14px}
.stepMenu.entrustJoin li.on p strong{font-size:17px}
.stepMenu.entrustJoin li.on .step01 {background:url(/ux/images/finance/entrust_join_step01.png) no-repeat 28px 21px #fafafa;}
.stepMenu.entrustJoin li.on .step02 {background:url(/ux/images/finance/entrust_join_step02.png) no-repeat 28px 16px #fafafa;}
.stepMenu.entrustJoin li.on .step03 {background:url(/ux/images/finance/entrust_join_step03.png) no-repeat 28px 18px #fafafa;}
.stepMenu.entrustJoin li.on .step04 {background:url(/ux/images/common/ico_step_img3.png) no-repeat 28px 18px #fafafa;}
.stepMenu.entrustJoin li.on .step05 {background:url(/ux/images/finance/entrust_join_step04.png) no-repeat 28px 18px #fafafa;}

.video_complite {display:block;position:relative;margin:0;padding:29px 30px;border-top:solid #ddd 1px;border-bottom:solid #ddd 1px;background-color:#fafafa;}
.video_complite .videoArea {display:block;position:relative;margin:0 0 30px 0;padding:0 0 0 550px;}
.video_complite .videoArea .video_embed {display:block;position:absolute;width:550px;height:349px;left:0;top:0;background-color:#ddd;}
.video_complite .videoArea .video_embed button.play {display:block;position:absolute;width:72px;height:72px;margin:-36px 0 0 -36px;left:50%;top:50%;text-indent:-9999px;font-size:0;border:none;background:url(/ux/images/finance/video_play.png) no-repeat;}
.video_complite .videoArea .subtitles {display:block;position:relative;margin:0;padding:20px;height:307px;border:solid #ddd 1px;overflow:hidden;overflow-y:scroll;}
.video_complite .videoArea .subtitles p {font-size:13px;color:#444;}
.video_complite .videoArea .subtitles p + p {margin-top:10px;}
.video_complite .agreeTxt {disp;au:block;position:relative;margin:0;padding:30px 150px 0 0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x left top;}
.video_complite label {position:absolute;right:40px;bottom:40px;}

.entrust_sec2 {margin-bottom:30px;}
.entrust_sec2 .bgArea {background:url(/ux/images/finance/entrust_sec2_head.png) no-repeat;}
.entrust_sec2 h2 {font-weight:normal !important;line-height:35px !important;}
.subscripable {display:block;position:relative;margin:0;padding:20px;background-color:#fafafa;}

.subscripable p {color:#c75414;}
.btncheck button.btnMid {width:52px !important;}

.selectRap {display:block;position:relative;margin:0 0 30px 0;padding:25px 100px 28px 20px;background-color:#fafafa;border:solid #ddd 1px;}
.selectRap p {font-size:18px;color:#222;font-weight:600;}
.selectRap p strong {color:#0062ab;}
.selectRap button {position:absolute;right:20px;top:25px;}

.agreement_entrust {display:block;position:relative;margin:0 0 30px 0;border-top:solid #ddd 1px;background-color:#fafafa;}
.agreement_entrust .agreeMotion {padding:20px 100px 20px 14px;border-bottom:solid #ddd 1px;}
.agreement_entrust .agreeMotion p {font-size:14px;color:#222;font-weight:600;}
.agreement_entrust .agreeMotion label {position:absolute;right:14px;top:20px;}
.agreement_entrust .contract {padding:20px 14px;border-bottom:solid #ddd 1px;}
.agreement_entrust .contract p {display:block;position:relative;margin:0 0 15px 0;padding:0;font-weight:600;color:#222;}
.agreement_entrust .autograph {display:block;position:relative;padding:20px 14px 12px 14px;border-bottom:solid #ddd 1px;}
.agreement_entrust .autograph .hTxt {font-weight:600;color:#222;}
.agreement_entrust .autograph .deck {display:table;position:relative;width:100%;padding:18px 0 10px 0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom;}
.agreement_entrust .autograph .rewrite {float:left;display:table;position:relative;margin:0 8px 6px 0;;}
.agreement_entrust .autograph .rewrite label {float:right;display:inline-block;position:relative;color:#aeaeae;}
.agreement_entrust .autograph .rewrite input[type="text"] {float:right;position:relative;height:28px !important;background-color:#FFF;margin-right:6px;top:-2px;text-align:center;line-height:20px;}
.agreement_entrust .autograph .rewrite.mgr0 {margin-right:0;}
.agreement_entrust .autograph .deck p {float:left;display:inline-block; margin:0 8px 6px 0;}
.agreement_entrust .autograph .deck .clear:after {float:inherit !important;clear:left !important;content:"";}
.agreement_entrust .autograph .deck.last {padding-bottom:0;background:none;}

.agreement_entrust_new {display:block;position:relative;margin:0 0 10px 0;border-top:solid #ddd 1px;background-color:#fafafa;}
.agreement_entrust_new .explain1 {padding:10px 100px 10px 14px;border-bottom:solid #ddd 1px;}
.agreement_entrust_new .explain1 p {font-size:14px;color:#222;font-weight:600;}
.agreement_entrust_new .explain1 label {position:absolute;right:14px;top:28px;}
.agreement_entrust_new .explain2 {padding:10px 100px 10px 14px;border-bottom:solid #ddd 1px;}
.agreement_entrust_new .explain2 p {font-size:14px;color:#222;font-weight:600;}
.agreement_entrust_new .explain2 label {position:absolute;right:14px;top:104px;}
.agreement_entrust_new .explain3 {padding:10px 100px 10px 14px;border-bottom:solid #ddd 1px;}
.agreement_entrust_new .explain3 p {font-size:14px;color:#222;font-weight:600;}
.agreement_entrust_new .explain4 {padding:20px 100px 20px 14px;border-bottom:solid #ddd 1px;}
.agreement_entrust_new .explain4 p {font-size:14px;color:#222;font-weight:600;}
.agreement_entrust_new .explain4 label {position:absolute;right:14px;top:320px;}
.agreement_entrust_new .explain5 {padding:20px 100px 20px 14px;border-bottom:solid #ddd 1px;}
.agreement_entrust_new .explain5 p {font-size:14px;color:#222;font-weight:600;}
.agreement_entrust_new .explain5 label {position:absolute;right:14px;top:584px;}
.agreement_entrust_new .contract {padding:20px 14px;border-bottom:solid #ddd 1px;}
.agreement_entrust_new .contract p {display:block;position:relative;margin:0 0 15px 0;padding:0;font-weight:600;color:#222;}
.agreement_entrust_new .contract label {position:absolute;right:14px;top:460px;}
.agreement_entrust_new .autograph {display:block;position:relative;padding:20px 14px 12px 14px;border-bottom:solid #ddd 1px;}
.agreement_entrust_new .autograph .hTxt {font-weight:600;color:#222;}
.agreement_entrust_new .autograph .deck {display:table;position:relative;width:100%;padding:18px 0 10px 0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom;}
.agreement_entrust_new .autograph .rewrite {float:left;display:table;position:relative;margin:0 8px 6px 0;;}
.agreement_entrust_new .autograph .rewrite label {float:right;display:inline-block;position:relative;color:#aeaeae;}
.agreement_entrust_new .autograph .rewrite input[type="text"] {float:right;position:relative;height:28px !important;background-color:#FFF;margin-right:6px;top:-2px;text-align:center;line-height:20px;}
.agreement_entrust_new .autograph .rewrite.mgr0 {margin-right:0;}
.agreement_entrust_new .autograph .deck p {float:left;display:inline-block; margin:0 8px 6px 0;}
.agreement_entrust_new .autograph .deck .clear:after {float:inherit !important;clear:left !important;content:"";}
.agreement_entrust_new .autograph .deck.last {padding-bottom:0;background:none;}

.contract_infor_item {display:block;position:relative;margin:0;padding:0;border-top:solid #ddd 1px;background-color:#fafafa;}
.contract_infor_item li {display:block;position:relative;margin:0;padding:20px 23px;background:url(/ux/images/common/bul_arrow3.gif) no-repeat 15px 29px;border-bottom:solid #ddd 1px;}
.contract_infor_item li.agree {padding-right:130px;}
.contract_infor_item li.agree label {position:absolute;right:23px;top:50%;margin-top:-8px;}
.contract_infor_item strong {position:relative;font-weight:600;}

.h2_complate {display:block;position:relative;margin:0 0 30px 0;padding:0;text-align:center;font-size:28px;color:#222;}
.h2_complate strong {color:#0062ab;}

.dl_set01.isaRegist dt {width:133px}
.dl_set01.isaRegist dd {width:767px}
.dl_set01.isaRegist dd.col02 {width:287px}

/* ISA란?  */
.introduct_ISA {display:block;position:relative;margin:0 0 30px 0;padding:0;border-top:solid #747474 2px;}
.introduct_ISA li {display:block;position:relative;min-height:100px;margin:0;padding:20px 0 23px 130px;border-bottom:solid #ddd 1px;}
.introduct_ISA span.bg {display:block;position:absolute;width:99px;height:99px;margin:-50px 0 0 0;left:0;top:50%;background:url(/ux/images/finance/introduct_ISA.png) no-repeat;}
.introduct_ISA li.deck01 .bg {background-position:0 0;}
.introduct_ISA li.deck02 .bg {background-position:0 -100px;}
.introduct_ISA li.deck03 .bg {background-position:0 -200px;}
.introduct_ISA li.deck04 .bg {background-position:0 -300px;}
.introduct_ISA li.deck05 .bg {background-position:0 -400px;}
.introduct_ISA .title {display:block;position:relative;margin:0 0 10px 0;padding:0;font-size:18px;color:#222;font-weight:600;}
.introduct_ISA dl {display:block;position:relative;margin:0;padding:0;}
.introduct_ISA dt {display:block;position:relative;margin:0 0 4px 0;padding:0;font-size:16px;color:#e56c00;}
.introduct_ISA dd {display:block;position:relative;margin:0;padding:0 0 0 10px;font-size:14px;color:#444;background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 9px;}
.introduct_ISA dd + dd {margin-top:10px;}

.ISA_Video {display:block;position:relative;margin:0 0 30px 0;padding:29px 30px 29px 640px;background-color:#fafafa;border-top:solid #747474 2px;border-bottom:solid #ddd 1px;}
.ISA_Video .video_embed {display:block;position:absolute;width:580px;height:323px;left:30px;top:29px;background-color:#ddd;}
.ISA_Video .video_embed .btn_play {display:block;position:relative;width:64px;height:64px;margin:-32px 0 0 -32px;padding:0;left:50%;top:50%;background:url(/ux/images/finance/video_play2.png) no-repeat left top;text-indent:-9999px;font-size:0;}
.ISA_Video .video_embed a {display:block; position:relative; width:580px; height:323px; margin:0; padding:0; background:url(/ux/images/finance/thumb_ISA_mov_2.jpg) no-repeat left top; text-indent:-9999px; font-size:0;}
.ISA_Video .video_embed a:hover {background:url(/ux/images/finance/thumb_ISA_mov.jpg) no-repeat left top;}
.ISA_Video .titles {display:block;position:relative;height:42px;margin:0;padding:0;font-size:18px;color:#222;font-weight:600;}
.ISA_Video .subtitles {display:block;position:relative;height:260px;margin:0;padding:20px 0 0 0;border-top:solid #ddd 1px;overflow:hidden;overflow-y:auto;}

.investPoint_ISA {display:block;position:relative;margin:0 0 40px 0;padding:25px 0;border-top:solid #747474 2px;border-bottom:solid #ddd 1px;}
.investPoint_ISA .ul_table li {width:33.33%;text-align:center;}
.investPoint_ISA .ul_table li + li {padding-left:0;background-position:left top;}
.investPoint_ISA .ul_table li dl {display:block;position:relative;margin:0;padding:105px 0 0 0;background:url(/ux/images/finance/investpoint_isa.png) no-repeat;}
.investPoint_ISA .ul_table li.dec01 dl {background-position:113px 0;}
.investPoint_ISA .ul_table li.dec02 dl {background-position:-210px 0;}
.investPoint_ISA .ul_table li.dec03 dl {background-position:-535px 0;}
.investPoint_ISA .ul_table li dt {display:block;position:relative;margin:0 0  15px 0;padding:0;font-size:18px;color:#222;font-weight:600;}
.investPoint_ISA .ul_table li dd {display:block;position:relative;margin:0;padding:0;font-size:14px;color:#222;}

.isaguide_section {display:block;position:relative;margin:0;padding:0;border:solid #ddd 1px;}
.isaguide_section dl.section_thumb {display:block;position:relative;margin:0;padding:20px 20px 20px 105px;background:#fafafa;border-bottom:solid #ddd 1px;}
.isaguide_section dl.section_thumb dt {display:block;position:relative;margin:0 0 8px 0;padding:0;font-size:18px;color:#333;font-weight:600;}
.isaguide_section dl.section_thumb dt var {display:inline-block;position:absolute;width:75px;left:-75px;top:-5px;font-size:40px;color:#0977c9;font-weight:600;font-style:normal;}
.isaguide_section dl.section_thumb dd {display:block;position:releative;margin:0 0 5px 0;padding:0 0 0 20px;background:url(/ux/images/common/ico_check_desc2.png) no-repeat 0 4px;}
.isaguide_section dl.section_thumb.ddBig dd {padding-left:0;background:none;font-size:18px;color:#222;font-weight:normal;}
.isaguide_section .tax_base {display:table;position:relative;width:100%;margin:0;padding:30px 0;border-bottom:solid #ddd 1px;}
.isaguide_section .tax_base li {display:table-cell;position:relative;width:432px;margin:0;padding:0 0 0 30px;font-size:13px;color:#747474;}
.isaguide_section .tax_base li + li {padding:0 30px 0 64px;background:url(/ux/images/finance/isa_taxbase_arrow.png) no-repeat 18px 60%;}
.isaguide_section .tax_base strong {display:block;position:relative;margin:0 0 12px 0;padding:0;font-size:16px;color:#0062ab;font-weight:600;}
.isaguide_section .tax_base p {margin-top:15px;}
.isaguide_section .exam_title {display:block;position:relative;margin:0;padding:18px 30px;font-size:16px;color:#c75414;}
.isaguide_section .exam_sect {display:block;position:relative;margin:0;padding:0;border-top:solid #ddd 1px;}
.isaguide_section .exam_sect dl {display:table;position:relative;width:100%;marging:0;padding:0;}
.isaguide_section .exam_sect dt {display:block;position:relatvie;margin:0;padding:20px 0;text-align:center;font-size:22px;color:#222;background-color:#fafafa;}
.isaguide_section .exam_sect dt span {display:block;position:relative;margin:0 0 3px 0;padding:0;font-size:14px;color:#444;font-weight:600;}
.isaguide_section .exam_sect dt strong {color:#0977c9;font-weight:600;}
.isaguide_section .exam_sect dd {display:block;position:relative;margin:0;padding:0;}
.isaguide_section .discription {display:inline;position:absolute;width:0;height:0;margin:0;padding:0;text-indent:-9999px;font-size:0;left:0;top:0;}

.changeACT  {display:table;position:relative;width:100%;margin:0;padding:0;}
.changeACT dl {display:table-cell;position:relative;width:431px;margin:0;padding:30px 0 30px 30px;}
.changeACT dl + dl {width:451px;padding-left:58px;background:url(/ux/images/finance/changeACT.gif) no-repeat left 50%;}
.changeACT dt {display:block;position:relative;margin:0 0 10px 0;padding:0;font-size:16px;color:#444;font-weight: 600;}
.changeACT dt.orange {color:#e56c00;}
.changeACT dd {display:block;position:relative;font-size:13px;color:#444;}
.changeACT dd .gray74 {color:#747474;}
.changeACT dd + dd {margin-top:20px;}
.changeACT dd img {display:block;position:relative;margin:0 auto;}

.isaguide_section .tabl_wrap {display:block;position:relative;margin:0;padding:30px;}
.ISA_startend {display:block;position:relative;margin:0;padding:250px 0 0 0;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;}
.ISA_startend .title {display:inline-block;position:absolute;width:300px;font-size:30px;font-weight:600;color:#222;left:50%;top:30px;margin-left:-150px;text-align:center;}
.ISA_startend .title strong {color:#095e9e;}
.ISA_startend .title span {font-size:14px;color:#444;font-weight:normal;}
.ISA_startend ol.startend {display:block;position:relative;height:385px;margin:0;padding:0;background-color:#fafafa;border-top:solid #ddd 1px;}
.ISA_startend ol.startend:after {display:block;clear:both;content:"";}
.ISA_startend ol.startend li {float:left;display:block;position:relative;width:160px;min-height:20px;margin:0;padding:18px 0 0 0;}
.ISA_startend ol.startend li var {display:inline-block;position:absolute;width:36px;height:36px;background:url(/ux/images/finance/isa_startend.png) no-repeat;text-indent:-9999px;font-size:0;left:50%;top:-18px;margin-left:-18px;}
.ISA_startend ol.startend li.step01 var {background-position:-24px -111px;}
.ISA_startend ol.startend li.step02 var {background-position:-184px -111px;}
.ISA_startend ol.startend li.step03 var {background-position:-344px -111px;}
.ISA_startend ol.startend li.step04 var {background-position:-504px -111px;}
.ISA_startend ol.startend li.step05 var {background-position:-664px -111px;}
.ISA_startend ol.startend li.step06 var {background-position:-824px -111px;}
.ISA_startend ol.startend li .hdt {display:block;position:absolute;width:160px;height:40px;margin:0;padding:65px 0 0 0;left:0;top:-140px;text-align:center;background:url(/ux/images/finance/isa_startend.png) no-repeat;font-weight:600;}
.ISA_startend ol.startend li.step01 .hdt {background-position:40px 0px;}
.ISA_startend ol.startend li.step02 .hdt {background-position:-120px 0px;}
.ISA_startend ol.startend li.step03 .hdt {background-position:-285px 0px;}
.ISA_startend ol.startend li.step04 .hdt {background-position:-440px 0px;}
.ISA_startend ol.startend li.step05 .hdt {background-position:-610px 0px;}
.ISA_startend ol.startend li.step06 .hdt {background-position:-760px 0px;}
.ISA_startend ol.startend li .cont {display:block;position:relative;margin:0;padding:20px 0 0 0;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y 50% bottom;}
.ISA_startend ol.startend li .cont ul {display:block;position:relative;width:140px;margin:0 auto;padding:10px 0;border:solid #ddd 1px;background-color:#FFF;}
.ISA_startend ol.startend li .cont ul li {float:inherit;display:block;position:relative;width:125px;min-height:inherit;margin:0 0 6px 0;padding:0 0 0 15px;text-align:left;background:url(/ux/images/common/bul_arrow2.gif) no-repeat 7px 10px;}
.ISA_startend ol.startend li .report {display:block;position:absolute;width:321px;margin:0;padding:20px 0 0 0;background:url(/ux/images/finance/isa_startend_report.png) no-repeat left top;left:-81px;top:18px;}
.ISA_startend ol.startend li .report span {display:block;position:relative;width:140px;margin:0 auto;padding:10px 0;border:solid #ddd 1px;background-color:#fff;color:#e56c00;font-weight:600;text-align:center;}

/* ELS 슬라이더 추가 2016-06-12  */
.elsSlide_article {display:block; position:relative; margin:0; padding:0; background-color:#5a96c8;}
.elsSlide_article .inner {display:block; position:relative; width:960px; height:150px; margin:0 auto; padding:65px 0;}
.elsSlide_article .inner h2 {display:inline-block; position:absolute; font-size:22px; color:#FFF; font-weight:600; left:0; top:20px;}
.elsSlide_article .inner .pager {display:table; position:absolute; width:100%; margin:0; padding:0; text-align:center; bottom:30px;}
.elsSlide_article .inner .pager ul {display:inline-block; position:relative; height:10px; margin:0; padding:0; top:2px;}
.elsSlide_article .inner .pager ul li {float:left; display:inline-block; position:relative; margin:0; padding:0;}
.elsSlide_article .inner .pager ul li button {display:block; position:relative;width:10px; height:10px; margin:0; padding:0; background:url(/ux/images/common/btn/slider_pager.png) no-repeat -38px 0; text-indent:-9999px; font-size:0; cursor:pointer;}
.elsSlide_article .inner .pager ul li + li {margin-left:5px;}
.elsSlide_article .inner .pager ul li.current button {width:25px; background-position:0 0;}
.elsSlide_article .inner .pager button.play {display:inline-block; position:relative; width:18px; height:18px; margin:0 0 0 5px;; padding:0; background:url(/ux/images/common/btn/slider_pager.png) no-repeat -82px 0; text-indent:-9999px; font-size:0; cursor:pointer;}
.elsSlide_article .inner .pager button.play.pause {background-position:-60px 0}
.elsSlide_article .inner .decklist {display:block; position:relative; width:840px; height:150px; margin:0 auto; padding:0; overflow:hidden;}
.elsSlide_article .inner .decklist ul {display:block; position:absolute; left:0;}
.elsSlide_article .inner .decklist li {float:left; display:inline-block; position:relative; width:840px; margin:0; padding:0;}
.elsSlide_article .inner .decklist li a {float:left; display:block; position:relative; width:240px; height:110px; margin:0; padding:19px 19px 19px 149px; border:solid #ddd 1px; border-radius:5px; background-color:#FFF; overflow:hidden}
.elsSlide_article .inner .decklist li a:hover {text-decoration:none;}
.elsSlide_article .inner .decklist li a + a {margin-left:20px;}
.elsSlide_article .inner .decklist li + li {margin-left:20px;}
.elsSlide_article .inner .decklist .thumbnail {display:block; position:absolute; width:110px; height:110px; left:19px; top:19px;}
.elsSlide_article .inner .decklist .thumbnail img {width:100%;}
.elsSlide_article .inner .decklist dl {display:block; position:relative; height:70px; margin:0 0 8px 0; padding:0 0 8px 0; background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom;}
.elsSlide_article .inner .decklist dl dt {display:table; position:relative; width:100%; margin:0 0 8px 0; padding:0;}
.elsSlide_article .inner .decklist dt span {float:left; display:inline-block; position:relative; font-size:16px; color:#222;}
.elsSlide_article .inner .decklist dt ul.badge {float:left; display:table; position:relative; max-width:36px; margin-left:14px; margin-bottom:0; top:3px;}
.elsSlide_article .inner .decklist dt ul.badge li {float:left; display:inline-block; width:17px;;}
.elsSlide_article .inner .decklist dt ul.badge li + li {margin-left:2px;}
.elsSlide_article .inner .decklist .elsType {display:block; position:relative; height:20px; margin:0; padding:0; overflow:hidden;}
.elsSlide_article .inner .decklist .elsType strong {display:inline-block; position:relative; color:#7891af; font-weight:normal; margin-right:5px;}
.elsSlide_article .inner .controler {display:block; position:absolute; width:100%; left:0; top:110px;}
.elsSlide_article .inner .controler button {display:block; position:absolute; width:26px; height:49px; background:url(/ux/images/common/btn/slider_pager.png) no-repeat; text-indent:-9999px; font-size:0;}
.elsSlide_article .inner .controler .prev {background-position:-74px -47px; left:10px; top:0px;}
.elsSlide_article .inner .controler .next {background-position:0 -47px; right:10px; top:0;}

/* 90건 이상 */
.overlist_message {display:none; position:relative; margin:0 0 30px 0; padding:0; border:solid #ddd 1px; border-top:solid #747474 1px; height:248px; text-align:center;}
.overlist_message p {display:block; position:relative; margin:80px 0 12px 0; padding:0; text-align:center; font-size:13px; color:#747474;}

/*20161229 (금융상품 > 펀드 > 추천펀드 > 추천상품) 리스트 dl수정 */
.finrecomList.col3 .deck dd.cont.styleChange {clear:both !important;zoom:1;}
.finrecomList.col3 .deck dd.cont.styleChange:after {content:"";display:block;clear:both;}
.finrecomList.col3 .deck dd.cont.styleChange {width:100% !important;padding-right:0px !important;}
.finrecomList.col3 .deck dd.cont.styleChange dl dt {float:left;}
.finrecomList.col3 .deck dd.cont.styleChange dl dd {text-align:right;}

/*금융상품>펀드>펀드찾기*/
.btn_fundview {float:left;width:100%;}
.btn_fundview .toggleTab {float:right;}

.agefund .btn_fundview {float:left;width:100%;margin-bottom:10px;}
.agefund .btn_fundview .toggleTab {float:right;}

.agefund .agetop {top:3px;}
.agefund .agetop td {padding:7px 15px;}

.diagram2 {padding:20px 5px 30px !important;}

/* 금융상품 펀드 투자 권유 */
.fund_advisor{display:block;}
.fund_advisor:after {display:block;clear:both;content:"";}
.fund_advisor .page_desc{float:left;}
.fund_advisor .page_desc > em{font-size:16px; color:#0977c9}
.fund_advisor .page_desc > strong{font-size:16px; color:#c75414; text-decoration:underline}
.fund_advisor .toggleTab, .fund_advisor .btnArea{float:right;}
.fund_advisor .btnArea{width:auto; padding:0}
.fund_advisor .toggle_cont{display:block; clear:both}
.fund_advisor .toggle_cont:after {display:block;clear:both;content:"";}

 
/* 영상통화 */
.investBrie_box.type2{position:static}
.investBrie_box.type2 ul{padding:0}


/* 금융상품 숙련제도 안내 */
.consider_head .inner span.bgArea {background:url(/ux/images/finance/bg_consider.png) 0 50% no-repeat;}
.considerGuide{}
.considerGuide ul.ul_table li + li{background-position:0 top;}
.considerGuide li dl {padding:110px 0 0px 0;text-align:center}
.considerGuide li dl dt{min-height:22px; margin:0 0 5px;line-height:22px; font-size:18px; color:#0977c9}
.considerGuide li dl dd{font-size:16px; color:#444}
.considerGuide li dl:after {z-index:3;content:"";display:block;width:30px;height:30px;position:absolute;top:50%;right:-15px;margin-top:-15px;background:url(/ux/images/sub_index/ico_arrow_step.png) 0 0 repeat-y}
.considerGuide li.deck01 dl {background-image:url(/ux/images/finance/ico_consider01.png);background-position:center 0;background-repeat:no-repeat;}
.considerGuide li.deck02 dl {background-image:url(/ux/images/finance/ico_consider02.png);background-position:center 0;background-repeat:no-repeat;}
.considerGuide li.deck03 dl {background-image:url(/ux/images/finance/ico_consider03.png);background-position:center 0;background-repeat:no-repeat;}
.considerGuide li.deck04 dl {background-image:url(/ux/images/finance/ico_consider04.png);background-position:center 0;background-repeat:no-repeat;}
.considerGuide li.deck04 dl:after{display:none}