@charset "utf-8";
/************************************************
YUANTA
commnet : mall   
*************************************************/
 
.funRankingWrap a .ico, .deriveUnionBondWrap a .ico, .fundAlramService>.iconWrap>span, .clickElinkWrap .ico, .titGuess>span, .flag, .btnISA {display:inline-block;background:url("/myasset/common/img/ma/spr_ma.png") no-repeat;font-size:0;overflow:hidden;line-height:0}

.clickElinkWrap .ico.item01{width:71px;height:71px;background-position:-407px -133px}
.clickElinkWrap .ico.item02{width:71px;height:71px;background-position:-481px -133px}
.clickElinkWrap .ico.item03{width:71px;height:71px;background-position:-555px -133px}
.clickElinkWrap .ico.item04{width:71px;height:71px;background-position:-629px -133px}
  
/*COMMON*/
.mL160{margin-left:160px}
.btnISA{width:161px;height:68px;background-position:-708px -133px;margin:25px 40px 0 0;}

/*투자성향 상세*/
.investTasteWrap{overflow:hidden}
.investTasteWrap .txt{height:150px;font-size:13px}

/* 펀드수익률 알리미 서비스 */
.fundAlramService {margin-top: 40px; padding: 30px;}
.fundAlramService .top {padding-left: 170px}
.fundAlramService .top .tit {font-size: 16px; color: #4a4a4a;}
.fundAlramService .top .inputWrap {padding: 10px 0;border-top: 1px solid #6b6b6b; border-bottom: 1px solid #e0e0e0;line-height: 24px;}
/* .fundAlramService .pageBtnWrap .btn.em {min-width: 44px;height: 24px;line-height: 24px;background: #707070;border: 1px solid #707070;vertical-align: top;} */
.fundAlramService .applyForm {margin-top: 30px;}
.fundAlramService .guideTxt {margin-top: 30px;}
.fundAlramService>.iconWrap{width:151px;height:106px;display:inline-block;position:absolute;top:30px;left:30px;background-color:#f5f5f5}
.fundAlramService>.iconWrap>span{width:72px;height:48px;position:absolute;top:27px;left:50%;margin-left:-36px;background-position:-906px 0}

/* 펀드케어서비스-알리비서비스 */
.fundCare .alrimWrap ul li.title {width: 65%}
.fundCare .alrimWrap ul li.title>p {padding: 0 20px;}
.fundCare .alrimWrap ul li.state {width: 15%}

/*펀드매매진행현황*/
.fundStateWrap{position:relative;min-height:236px;background-color:#ecf2f9;border-top:1px solid #6d6d6d;}
.fundState{width:600px;margin:25px auto 0px auto;padding:14px 20px;background-color:#fff;text-align:left;border:1px solid #cfdbf1;}
.fundState span.txt{display:inline-block;font-size:15px;color:#000;font-weight:bold;text-align:center;vertical-align:top;}
.fundState span.txt.c1{width:154px}
.fundState span.txt.c2{width:276px}
.fundState span.txt.c3{width:130px}

.tblRow td.designArea{display:none;padding:0px !important}

.fundStateGraph{position:relative;height:144px;text-align:left;margin-top:20px}
.fundStateGraph .tbox{position:absolute;padding-right:20px;width:123px;height:59px;text-align:center;}
.fundStateGraph .tbox{background:url("/myasset/common/img/ma/spr_fundState.png")  no-repeat 0 0;}
.fundStateGraph .tbox.tbox1{background-position: 0px 0px}
.fundStateGraph .tbox.tbox1.type2{background-position: 0px -60px}
.fundStateGraph .tbox.tbox2{background-position: 0px -120px}
.fundStateGraph .tbox.tbox3{background-position: 0px -180px}
.fundStateGraph .tbox.tbox4{background-position: 0px -253px}
.fundStateGraph .tbox.tbox1{left:68px;top:13px;}
.fundStateGraph .tbox.tbox2{left:250px;top:13px;}
.fundStateGraph .tbox.tbox3{left:399px;top:0px;height:72px}
.fundStateGraph .tbox.tbox4{left:577px;top:13px;}
.fundStateGraph .tbox span{display:block;font-size:14px;text-align:center;line-height:16px;color:#fff}
.fundStateGraph .tbox span.tboxTit{padding-top:8px;font-size:14px;font-weight:bold}
.fundStateGraph .tbox em{display:block;font-size:13px;color:#ffb400;line-height:16px}
.fundStateGraph .barWrap{position:relative;top:80px;left:96px;width:600px;height:8px;background:url("/myasset/common/img/ma/spr_fundState.png")  no-repeat 0px -341px;}
.fundStateGraph .barWrap>span{position:absolute;top:-5px;width:17px;height:17px;vertical-align:middle;background:url("/myasset/common/img/ma/spr_fundState.png")  no-repeat 0px -312px;}
.fundStateGraph .barWrap .pointC1{left:25px;background-position: 0px -312px;}
.fundStateGraph .barWrap .pointC1.type2{left:25px;background-position: -19px -312px;}
.fundStateGraph .barWrap .pointC2{left:208px;background-position: -38px -312px;}
.fundStateGraph .barWrap .pointC3{left:356px;background-position: -57px -312px;}
.fundStateGraph .barWrap .pointC4{left:534px;background-position: -76px -312px;}
.fundStateGraph .barWrap .crBar{left:142px;width:13px;height:26px;background-position: -97px -312px;}
.fundStateGraph .barWrap .crBar>.ctxtWrap{position:absolute;left:-12px;top:27px;width:120px}
.fundStateGraph .barWrap .crBar>.ctxtWrap>span{margin-top:30px;font-size:13px;color:#000}
.fundStateGraph .barWrap .crBar>.ctxtWrap>span>em{font-size:14px;color:#ed0101;font-weight:bold;}
.fundStateGraph .barWrap .crBar>.ctxtWrap>em{font-size:13px;color:#6d6d6d;font-weight:normal;}
.fundStateGraph .barWraw{position:relative;top: 100px}

/* solBoxInWrap */
.boxWrap .solBoxInWrap{overflow:hidden;}
.boxWrap .solBox{border:1px solid #dadada;margin-left:10px;padding:0 20px;float:left;width:199px;height:148px;background-color:#fafafa;}
.boxWrap .solBox:first-child {margin-left:0;}
.boxWrap .solBox .solTit {height:77px;padding-left:50px;border-bottom:1px solid #eaeaea;color:#3d3d3d;line-height:77px;font-size:18px;position:relative;}
.boxWrap .solBox .solTit em {font-size:30px;color:#000;position:absolute;right:0;top:0;}
.boxWrap .solBox .solTit:before {content:"";position:absolute;top:20px;left:0px;width:41px;height:41px;background:url("/myasset/common/img/ma/bg_flag.png") no-repeat;}
.boxWrap .solBox .korea:before {background-position:0 0;}
.boxWrap .solBox .japan:before {background-position:-82px 0;}
.boxWrap .solBox .america:before {background-position:-41px 0;}
.boxWrap .solBox ul.guideTxt {padding-top:10px;border-top:1px solid #fff;}
.boxWrap .solBox .guideTxt > li, .boxWrap .solBox p.guideTxt {color:#6d6d6d;line-height:22px;margin:0;}
.boxWrap .solBox .guideTxt > li:before, .boxWrap .solBox p.guideTxt:before {top:10px;background-color:#6d6d6d;}
.boxWrap .solBox p.guideTxt {padding-top:25px;}
.boxWrap .solBox p.guideTxt:before {top:35px;}

.hiddenNum{display:none}

.finfo_enter_box{overflow:hidden;padding:10px;background-color:#f4f4f4}
.finfo_enter_box div.finfo_div{width:50%;float:left;}
.finfo_enter_box div.finfo_div .finf_tit{font-weight:bold}
.finfo_enter_box div.finfo_div ul{margin-top:12px;margin-left:10px}
.finfo_enter_box > ul.guideTxt{clear:both;padding-top:20px}
.finfo_agree_Wrap{padding:0px 10px 10px 10px;text-align:center;background-color:#f4f4f4}

.dr_sel{display:none;margin-top:10px}

.tt_Wrap{position:relative;}
.tt_Wrap input[type="radio"] + label, .tt_Wrap input[type="checkbox"] + label{padding-right:4px}
.tt_Wrap input[type="radio"] + label + a, .tt_Wrap input[type="checkbox"] + label + a{padding-right:20px}
.tt_Wrap.inline{display:inline;position:static;}
.tt_Wrap.inline > a {display:inline-block;*zoom:1;*display:inline;margin-right:10px;padding:0 !important;background-color:#707070;border-radius:50%;height: 14px;vertical-align: middle;width: 14px;}
.tooltip{display:none;z-index:99999;position:absolute;left:0px;top:0px;padding:20px;width:200px;background-color:#fff;border:1px solid silver;}
.tooltip .t_close{position:absolute;right:20px;top:20px}
.tooltip.bfund_type{top:30px}

.hidden_step, .hidden_step2{display:none}

/*펀드매수 투자성향확인*/
.fDiaWrap{border:1px solid #e0e0e0;background-color:#fff}
.fDiaWrap .fDTextWrap{padding:20px}
.fDiaWrap .fDTit{font-size:18px;color:#666;font-weight:bold;}
.fDiaWrap .fDsubBox{margin-top:10px}
.fDiaWrap .fDsubBox > p{display:inline;margin-left:23px;font-size:16px;color:#515151;font-weight:bold;}
.fDiaWrap .fDsubBox > p > em{color:#e94816}
.fDiaWrap .fDsubBox > p:first-child{margin-left:0px}
.fDiaWrap .fDsubBox2{margin-top:10px}
.fDiaWrap .fDsubBox2 .fDsubBox201, .fDiaWrap .fDsubBox2 .fDsubBox202{overflow:hidden;}
.fDiaWrap .fDsubBox2 .fDsubBox201 > p, .fDiaWrap .fDsubBox2 .fDsubBox202 > p{float:left;font-weight:bold;}
.fDiaWrap .fDsubBox2 .fDsubBox201 > div.rcBox, .fDiaWrap .fDsubBox2 .fDsubBox202 > div.rcBox{float:right;width:600px}
.fDiaWrap .fDsubBox2 .fDsubBox202{margin-top:20px}
.fDiaWrap .fDsubBox2 .fDsubBox202 > div.rcBox ul{}
.fDiaWrap .fDsubBox2 .fDsubBox202 > div.rcBox li{float: left;margin-left:20px}
.fDiaWrap .fDsubBox2 .fDsubBox202 > div.rcBox li:first-child{margin-left:0px}
.fDiaWrap .fDsubBox2 .fDsubBox202 > div.rcBox li.on{color:red;font-weight:bold;}

/*매수-index*/
.buyingIdx {margin-top:10px;}
.buyingIdx > ul.row1 li {padding:25px 80px 25px 150px;float:left;border:1px solid #c1c1c1;width:390px;height:154px;box-sizing:border-box;position:relative;}
.buyingIdx > ul.row1 li:first-child {margin-right:10px;}
.buyingIdx > ul.row1 li > strong {font-size:28px;line-height:28px;color:#f8641e;display:block;letter-spacing:-1px;}
.buyingIdx > ul.row1 li > p {margin:5px 0 8px;font-size:12px;color:#3d3d3d;line-height:16px;}
.buyingIdx > ul.row1 li.els > strong {color:#1779cc;}
.buyingIdx > ul.row2 {margin-top:10px;}
.buyingIdx > ul.row2.type2{}
.buyingIdx > ul.row2.type2 li{width:256px}
.buyingIdx > ul.row2.type2 li.m4{width:258px}
.buyingIdx > ul.row2 li {position:relative;padding:20px 10px 0 100px;width:190px;height:114px;margin-left:10px;border:1px solid #c1c1c1;float:left;box-sizing:border-box;}
.buyingIdx > ul.row2 li:first-child {margin-left:0;}
.buyingIdx > ul.row2 li > strong {height:50px;display:block;color:#3d3d3d;font-weight:normal;font-size:17px;line-height:17px;}
.buyingIdx li:hover {border-color:#f8641e!important;background-color:#fff8f4;}
.buyingIdx li > span {display:inline-block;position:absolute;background:url("/myasset/common/img/ma/spr_buying.png") no-repeat;}
.buyingIdx > ul.row1 span {top:30px;left:30px;}
.buyingIdx > ul.row2 span {top:25px;left:20px;}
.buyingIdx li .ico01 {width:91px;height:91px;}
.buyingIdx li .ico02 {width:91px;height:91px;background-position:-93px 0;}
.buyingIdx li .ico03 {width:66px;height:66px;background-position:0 -103px;}
.buyingIdx li .ico04 {width:66px;height:66px;background-position:-72px -103px;}
.buyingIdx li .ico05 {width:66px;height:66px;background-position:-144px -103px;}
.buyingIdx li .ico06 {width:66px;height:66px;background-position:-216px -103px;}
.buyingIdx li:hover .ico03 {background-position:0 -176px;}
.buyingIdx li:hover .ico04 {background-position:-73px -176px;}
.buyingIdx li:hover .ico05 {background-position:-145px -176px;}
.buyingIdx li:hover .ico06 {background-position:-217px -176px;}

/* 채권신탁 RP */
.rpPreview .boxTLine {height:142px;}
.rpInfo {border-style:solid;border-width:2px 1px 1px 1px;border-color:#717171 #ddd #ddd #ddd;border-right:0;height:171px;}
.rpInfo li {float:left;width:262px;height:171px;border-right:1px solid #e8e8e8;position:relative;}
.rpInfo li .ico {content:"";position:absolute;bottom:-1px;right:-1px;}
.rpInfo li dl {padding:25px 30px;}
.rpInfo li dt {font-size:16px;color:#3d3d3d;font-weight:bold;}
.rpInfo li dd {padding-top:10px;font-size:13px;line-height:18px;}

/* ELS/DLS */
.eDInfo {border:1px solid #e8e8e8;padding:0 20px;}
.eDInfo > dl {position:relative;padding:20px 20px 20px 116px;background:url("/myasset/common/img/ma/dash_els.png") repeat-x 0 0;}
.eDInfo > dl:first-child {background:none;}
.eDInfo > dl dt {font-size:16px;color:#3d3d3d;font-weight:bold;}
.eDInfo > dl .ico {position:absolute;top:50%;left:20px;margin-top:-32px;}
.eDFeature {border-style:solid;border-width:2px 1px 1px 1px;border-color:#717171 #e8e8e8 #e8e8e8 #e8e8e8;position:relative;}
.eDFeature .ico {position:absolute;top:110px;left:50%;margin-left:-25px;}
.eDFeature dl {background:#fafafa;height:217px;}
.eDFeature .lCont dl {border-right:1px solid #e8e8e8;}
.eDFeature dl dt {font-size:16px;color:#3d3d3d;font-weight:bold;text-align:center;height:50px;line-height:50px;background:#fff;}
.eDFeature dl dd {padding:20px 30px 10px;line-height:18px;}
.eDFeature dl dd .guideTxt li:before {background-color:#6d6d6d;}
.eDFeature dl dd .guideTxt li {margin-bottom:10px;font-size:14px;}
.eDFeature .imgWrap {height:297px;border-top:1px solid #e8e8e8;text-align:center;}
.edChartBox {border:1px solid #e8e8e8;display:table;width:100%;line-height:18px;}
.edChartBox > div {display:table-cell;vertical-align:top;}
.edChartBox > div.imgWrap img {margin:0;padding:0;}
.edChartBox > div.desc {border-left:1px solid #e8e8e8;width:345px;background-color:#f8f8f8;}
.edChartBox > div.desc dl {padding:30px;margin:0;}
.edChartBox > div.desc dl dt {margin-bottom:15px;font-weight:bold;color:#3d3d3d;font-size:16px;}
.edChartBox > div.desc dl dd .guideTxt li:before {background-color:#6d6d6d;}
.edChartBox > div.desc dl dd .guideTxt li {margin-bottom:10px;font-size:14px;}
.edChartBox > div.desc dl dd .guideTxt li:last-child {margin-bottom:0;}
/* ELS 판매종목(ci05) */
.elsList {position: relative;}
.elsList:after {content: ' ';position: absolute;left: 70%;top: 2px;width: 1px;height: 100%;background: #e8e8e8}
.elsList .col1,
.elsList .col2 {float: left;display: block;}
.elsList .col1 {width: 70%;}
.elsList .col2 {width: 30%;}
.elsList .head {height: 30px;line-height: 30px;background: #f8f8f8;border-top:2px solid #6d6d6d;border-bottom: 1px solid #e8e8e8;text-align: center;overflow: hidden;}
.elsList .itemWrap > li {min-height: 105px;border-bottom: 1px solid #e8e8e8;overflow: hidden;}
.elsList .itemWrap .detailTxt {color:#767676;font-size: 12px;}
.elsList .itemWrap .guideTxt > li {float: left;margin: 0 20px 0 0;}
.elsList .itemWrap .col1 .info {padding: 10px;}
.elsList .itemWrap .col1 .info .tit {font-size: 16px}
.elsList .itemWrap .col2 .optWrap {padding-top: 10%;text-align: center;}
.elsList .itemWrap .col2 .optWrap ul li span,
.elsList .itemWrap .col2 .optWrap ul li em {font-size: 22px;color: #3d3d3d;}
.elsList .itemWrap .col2 .optWrap .btn {height: 26px;line-height: 26px;width: 126px;}
.elsList .itemWrap .col2 .optWrap .btn.em {background-color:#dd3900;border-color:#dd3900}
.elsList .itemWrap .file {position: relative;padding-left: 60px;margin-top: 5px;font-size: 13px;}
.elsList .itemWrap .file>.label{position: absolute;left: 0;top: 10px;}
.elsList .itemWrap .file .btn {height:28px;line-height:28px;border:1px solid #cecece;padding: 0 7px;margin-top: 5px;margin-right:5px;font-size: 12px;border-radius: 2px;}
.elsList .itemWrap .file .btn:first-child{margin-left:10px}

/* fDetail */
.fDetail {padding:0;background:none;}
.fDetail dt {/* padding:15px 28px 15px; */padding:15px 100px 15px 28px; border-bottom:1px solid #e8e8e8;}/* 170405 수정*/
.guideMsgWrap.fDetail dt .rCont.btn {top:14px;right:20px}/* 170405 추가*/
.fDetail dd {padding:20px 28px;}
.fDetail dd ul.guideTxt li{font-size:14px;}
.fDetail dd ul.guideTxt>li:before {background-color:#6d6d6d;}
.fDetail dd ul.guideTxt li > strong {font-weight:normal;}
.fDetail dd.footWrap {padding:12px 35px;background:#f6f6f6;}
.fDetail dd.footWrap > strong {margin-right:20px;color:#767676;font-size:13px;font-weight:normal;}
.fDetail dd .btnFiles {display:inline-block;overflow:hidden;vertical-align:middle;}
.fDetail dd .btnFiles .btn {margin-right:10px;padding:0 10px 0;font-size:13px;color:#313131;height:26px;line-height:26px;border-color:#e0e0e0;float:left;border-radius:2px;}
.fDetail dd .btnFiles .btn .ico {margin-right:6px;}

/* fDetail2 (210531 - 금상몰 개편으로 추가) */
.fDetail2 {padding:0;background:none;}
.fDetail2 dt {padding:15px 100px 15px 28px; border-bottom:1px solid #e8e8e8;}
.guideMsgWrap.fDetail2 dt .rCont.btn {top:50%; right:20px; margin-top:-14px}
.fDetail2 dt .icon_wrap {display:block; padding-bottom:8px}
.fDetail2 dt .tit {font-size:20px; color:#000; letter-spacing:-0.03em}
.fDetail2 dd {padding:20px 28px;}
.fDetail2 dd ul.guideTxt li {font-size:14px; margin-top:5px; position:relative; padding-left:120px;}/* 240806 수정 */
.fDetail2 dd ul.guideTxt>li:before {background-color:#6d6d6d;}
.fDetail2 dd ul.guideTxt li > .tit,
.fDetail2 dd ul.guideTxt li > strong {display:inline-block; width:120px; font-weight:bold; font-size:14px; position:absolute; left:8px; top:0;}/* 240806 수정 */
.fDetail2 dd.footWrap {padding:12px 35px; border-top:1px solid #e8e8e8; background:#f6f6f6;}
.fDetail2 dd.footWrap > strong {margin-right:20px; color:#767676; font-size:13px;}
.fDetail2 dd .btnFiles {display:inline-block; overflow:hidden; vertical-align:middle;}
.fDetail2 dd .btnFiles .btn {float:left; margin-right:10px; padding:0 5px; font-size:13px; color:#313131; height:26px; line-height:26px; border-color:#e0e0e0; border-radius:2px;}
.fDetail2 dd .btnFiles .btn .ico {margin-right:6px;}

/* webtoon */
.mWToonTit > img{width:100%;}
.mWToonList {margin-top:40px;overflow:hidden;}
.mWToonList dl {text-align:center;margin:0 25px 26px 0;border:1px solid #e8e8e8;padding:14px;float:left;width:246px;height:260px;background:#fbfbfb;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.mWToonList dl.last {margin-right:0;}
.mWToonList dl dt {color:#000;font-size:15px;line-height:18px;margin-bottom:15px;letter-spacing:-1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.mWToonList dl dd.wtImg {height:157px;}
.mWToonList dl dd.wtImg img {max-width:100%;max-height:100%;}
.mWToonList dl dd.btns {margin-top:10px;font-size:0;}
.mWToonList dl dd.btns .btn {margin:0 5px;color:#6d6d6d;font-size:13px;height:26px;line-height:26px;}

/* 투자성향참고사항 */
.investRefList li {display:table;width:100%;margin:0 0 10px;border:1px solid #e8e8e8;font-size:14px;color:overflow:hidden;#6d6d6d;border-radius:2px;background:#f9f9f9;}
.investRefList li:last-child {margin-bottom:0;}
.investRefList li > span, .investRefList li > strong {display:table-cell;}
.investRefList li > strong {font-size:15px;color:#fff;width:116px;text-align:center;background:red;vertical-align:middle;border-radius:2px 0 0 2px; }
.investRefList li > span {padding:18px 20px;line-height:18px;}
.investRefList li.lv1 > strong {background-color:#6da00a;}
.investRefList li.lv2 > strong {background-color:#aa9001;}
.investRefList li.lv3 > strong {background-color:#d77900;}
.investRefList li.lv4 > strong {background-color:#f46521;}
.investRefList li.lv5 > strong {background-color:#e33939;}

/* 투자성향진단 팝업 */
.activeResult{width:354px;}
.activeResult .acrTit{margin-top:20px;font-size:18px;color:#000;line-height:25px;}
.activeResult .acrTit.type2{color:#3d3d3d}
.activeResult .acrTit em{color:#0163b6}
.activeResult .acrTit.fst{margin-top:0px}
.activeResult .acrTxt{margin-top:6px;font-size:14px;color:#6d6d6d;line-height:20px}
.activeResult ul{overflow:hidden;}
.activeResult ul li{float:left;}
.activeResult ul li.c1 p{color:#0b4442}
.activeResult ul li.c2 p{color:#04416b}
.activeResult ul li.c3 p{color:#741060}
.activeResult ul li p{font-size:12px;}
.activeResult ul li span{width:117px;height:30px;background:url("/myasset/common/img/ma/img_activeResult.gif") no-repeat 0 0;text-indent:-9999em}
.activeResult ul li.c1 span{background-position: 0 -31px}
.activeResult ul li.c2 span{background-position: -118px -31px}
.activeResult ul li.c3 span{background-position: -236px -31px}
.activeResult ul li.c1.on span{background-position: 0 0}
.activeResult ul li.c2.on span{background-position: -118px 0}
.activeResult ul li.c3.on span{background-position: -236px 0}
.activeResult.type2{width:672px;}
.activeResult.type2 ul li span{width:224px;height:40px;background-image:url("/myasset/common/img/ma/img_activeResult2.gif");}
.activeResult.type2 ul li.c1 span{background-position: 0 -41px}
.activeResult.type2 ul li.c2 span{background-position: -224px -41px}
.activeResult.type2 ul li.c3 span{background-position: -448px -41px}
.activeResult.type2 ul li.c1.on span{background-position: 0 0}
.activeResult.type2 ul li.c2.on span{background-position: -224px 0}
.activeResult.type2 ul li.c3.on span{background-position: -448px 0}
.activeResult.type2 ul li p{font-size:14px}
.activeResult.type3{width:auto;}
.activeResultTxt{margin-top:30px;border-top:2px solid #3d3d3d;}
.activeResultTxt p.tit{padding-top:12px;padding-bottom:12px;font-size:18px;color:#3d3d3d;font-weight:bold;text-align:center;}
.activeResultTxt ul{}
.activeResultTxt ul li{float:left;margin-left:12px;height:53px;font-size:15px;color:#6d6d6d;text-align:center;}
.activeResultTxt ul li:first-child{margin-left:36px}
.activeResultTxt ul li.on:first-child{}
.activeResultTxt ul li > span{display:table;margin-left:0px}
.activeResultTxt ul li.bg > span{margin-top:21px;margin-left:0px;width:94px;height:1px;background:url("/myasset/common/img/ma/img_activeResultTxt.gif") no-repeat -62px 0px;}
.activeResultTxt ul li > span > span{display:table-cell;}
.activeResultTxt ul li > span > span.bg{display:inline-block;margin-right:6px;width:20px;height:53px;background:url("/myasset/common/img/ma/img_activeResultTxt.gif") no-repeat 0 0;text-indent:-9999em}
.activeResultTxt ul li > span > span.tt{vertical-align:top;padding-top: 10px}
.activeResultTxt ul li.on{padding-left:0px}
.activeResultTxt ul li.on > span{margin-left:0px;font-size:16px;color:#f26522;font-weight:bold;}
.activeResultTxt ul li.on > span > span.bg{width:40px;height:53px;background-position: -22px 0;text-indent:-9999em}
.activeResultTxt .resultABox{padding:20px;border:2px solid #f26522;border-radius:4px;}
.activeResultTxt .resultABox p{font-size:13px; color:#3d3d3d; line-height:18px}
.activeResultTxt .resultABox p+p{margin-top: 6px}

/* 포트폴리오설계 */
.portfolioResultWrap{border:1px solid #b3b3b3;border-top:3px solid #495159;background:url("/myasset/common/img/ma/bg_portfolioresult.png") no-repeat right top;line-height:18px;margin-top:-32px;position:relative;}
.portfolioResultWrap strong{display:block}
.portfolioResultWrap dt{color:#6d6d6d;font-weight:normal;height:109px;padding:0 30px 0;overflow:hidden}
.portfolioResultWrap dt strong{font-size:18px;color:#3d3d3d;margin-top:29px;margin-bottom:7px}
.portfolioResultWrap dd{position:relative;background-color:#fafafa;height:193px;padding:0 220px 0 30px;overflow:hidden}
.portfolioResultWrap dd.detail p{line-height:18px}
.portfolioResultWrap dd strong{display:inline-block;height:33px;font-size:21px;color:#3d3d3d;margin-bottom:10px;margin-top:38px;border-bottom:1px solid #649604}
.portfolioResultWrap dd strong em{color:#649604;font-size:28px}
.portfolioResultWrap dd strong.type1{border-bottom:1px solid #649604}
.portfolioResultWrap dd strong.type1 em {color:#649604;}
.portfolioResultWrap dd strong.type2{border-bottom:1px solid #b18900}
.portfolioResultWrap dd strong.type2 em {color:#b18900;}
.portfolioResultWrap dd strong.type3{border-bottom:1px solid #cb7c01}
.portfolioResultWrap dd strong.type3 em {color:#cb7c01;}
.portfolioResultWrap dd strong.type4{border-bottom:1px solid #e96323}
.portfolioResultWrap dd strong.type4 em {color:#e96323;}
.portfolioResultWrap dd strong.type5{border-bottom:1px solid #dd4545}
.portfolioResultWrap dd strong.type5 em {color:#dd4545;}
.portfolioResultWrap dd .rCont{position:absolute;top:18px;right:53px;width:147px;height:150px;text-align:center;overflow:hidden}
.portfolioResultWrap dd .rCont .risk{margin-top:20px;font-size:17px;font-weight:bold;display:inline-block;width:120px;height:100px;background:url("/myasset/common/img/ma/spr_portfolio.png") no-repeat 0 30px}
.portfolioResultWrap dd .rCont .risk.type1{color:#649604;background-position:-628px 30px}/*안정형*/
.portfolioResultWrap dd .rCont .risk.type2{color:#b18900;background-position:-471px 30px}/*안정추구형*/
.portfolioResultWrap dd .rCont .risk.type3{color:#cb7c01;background-position:-314px 30px}/*위험중립형*/
.portfolioResultWrap dd .rCont .risk.type4{color:#e96323;background-position:-157px 30px}/*적극투자형*/
.portfolioResultWrap dd .rCont .risk.type5{color:#dd4545;background-position:0 30px}/*공격투자형*/

/* 펀드위험도 */
.fundRisk {margin:0;height:128px;border:1px solid #d9d9d9;}
.fundRisk li {float:left;width:130px;height:128px;border-left:1px solid #d9d9d9;text-align:center;}
.fundRisk li:first-child {border-left:none;}
.fundRisk li.c1, .fundRisk li.c2, .fundRisk li.c3 {width:131px;}
.fundRisk li a {;position:relative;padding-top:74px;display:block;width:100%;height:100%;box-sizing:border-box;}
.fundRisk li a > strong {display:block;font-size:15px;color:#3d3d3d;font-weight:bold;line-height:18px;}
.fundRisk li a > span {display:block;font-size:15px;color:#6d6d6d;line-height:18px;}
.fundRisk li a.on:after {content:"";position:absolute;width:128px;height:126px;top:-1px;left:-1px;border:2px solid #f26522;}
.fundRisk li.c1 a.on:after, .fundRisk li.c2 a.on:after, .fundRisk li.c2 a.on:after {width:129px;}
.fundRisk li a:before {content:"";position:absolute;top:20px;left:50%;margin-left:-38px;width:76px;height:46px;background:url("/myasset/common/img/ma/spr_fundrisk.png") no-repeat;}
.fundRisk li.c2 a:before {background-position:0 -46px;}
.fundRisk li.c3 a:before {background-position:0 -93px;}
.fundRisk li.c4 a:before {background-position:0 -139px;}
.fundRisk li.c5 a:before {background-position:0 -185px;}
.fundRisk li.c6 a:before {background-position:0 -231px;}

/* 추천펀드 */
.fundRcmd {padding:0 13px 13px;margin-top:40px;border:1px solid #d5d4d4;background-color:#f2f2f2;}
.fundRcmd p.tit {position:relative;padding:0 0 0 56px;height:45px;line-height:45px;font-size:20px;color:#3d3d3d;font-weight:bold;}
.fundRcmd p.tit:before {content:"";position:absolute;top:-1px;left:17px;width:27px;height:36px;background:url("/myasset/common/img/ma/bg_fundrcmd.png") no-repeat;}
.fundRcmd ul {padding:15px 0;overflow:hidden;border:1px solid #eaeaea;background:#fff;border-radius:5px;box-shadow:1px 3px 5px #e8e8e8;}
.fundRcmd ul li {padding:0 28px 0 29px;float:left;border-left:1px solid #e8e8e8;width:33.3%;box-sizing:border-box;}
.fundRcmd ul li:first-child {border:none;}
.fundRcmd ul li > strong {margin-top:10px;display:block;font-size:16px;color:#3d3d3d;line-height:22px;height:44px;overflow:hidden;}
.fundRcmd ul li > span {display:block;text-align:right;font-size:13px;color:#6d6d6d;}
.fundRcmd ul li > span em {margin-left:5px;color:#f26522;font-size:22px;}
.fundRcmd ul li > div {position:relative;}
.fundRcmd ul li > div .btn {width:64px;border-color:#e0e0e0;}
.fundRcmd ul li > div .strong {position:absolute;right:0;top:0;border-color:#dd3900;}

/*axisDiagram*/
.axisDiagram{overflow:hidden;position:relative;border:1px solid #e8e8e8;background:#fafafb url("/myasset/common/img/ma/bg_axisdiagram.png") no-repeat 8px 50px;}
.axisDiagram table{width:768px;line-height:18px;margin-top:32px;margin-bottom:30px}
.axisDiagram table caption, .axisDiagram table tfoot th, .axisDiagram table tbody th {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
.axisDiagram table tfoot th{padding-top:19px;height:35px;}
.axisDiagram tbody th{width:58px !important;text-align:right;}
.axisDiagram tbody td{width:134px;height:90px;margin:0;padding:0;padding-left:10px;padding-top:15px;}
.axisDiagram tbody th + td{padding-left:0}
.axisDiagram tbody td .holder{border:1px solid #e8e8e8;width:132px;height:88px;background-color:#fff;position:relative;cursor:pointer}
.axisDiagram tbody td .holder>span{display:none;position:absolute;right:10px;bottom:10px;font-size:12px;color:#fff;z-index:10;}
.axisDiagram tbody td .holder>span em{font-size:20px;color:#fff;font-weight:bold}
.axisDiagram tbody td .holder.on{border-width:2px;width:130px;height:86px}
.axisDiagram tbody td.x1 .holder{border-color:#06bace}
.axisDiagram tbody td.x2 .holder{border-color:#368c5d}
.axisDiagram tbody td.x3 .holder{border-color:#c2bb30}
.axisDiagram tbody td.x4 .holder{border-color:#ffb001}
.axisDiagram tbody td.x5 .holder{border-color:#fe5f1e}
.axisDiagram tbody td.x6 .holder{border-color:#fb5e1e}
.axisDiagram tbody td .holder .inner{background:none;position:absolute;top:0;left:0;right:0;bottom:0;}
.axisDiagram tbody td .holder.on .inner{background:transparent url("/myasset/common/img/ma/inner_axisdiagram.png") no-repeat;width:130px;height:86px}
.axisDiagram tbody td.x1 .holder.on .inner{background-position:0 0}
.axisDiagram tbody td.x2 .holder.on .inner{background-position:-130px 0}
.axisDiagram tbody td.x3 .holder.on .inner{background-position:-260px 0}
.axisDiagram tbody td.x4 .holder.on .inner{background-position:-390px 0}
.axisDiagram tbody td.x5 .holder.on .inner{background-position:-521px 0}
.axisDiagram tbody td .holder.on>span{display:block}
.axisDiagram tbody td .holder ul{overflow:hidden;padding:20px 7px 10px;}
.axisDiagram tbody td .holder.on ul{padding:19px 5px 9px;}
.axisDiagram tbody td .holder ul li{float:left;width:50%;height:29px;line-height:20px;font-size:10px;letter-spacing:-1px;}
.axisDiagram tbody td .holder ul li.count {width:40%;}
.axisDiagram tbody td .holder ul li.count em{font-size:14px;color:#3d3d3d;}
.axisDiagram tbody td .holder ul li.aPercent{color:#ed0101;width:60%;text-align:right;}
.axisDiagram tbody td .holder ul li.aPercent em{color:#ed0101;font-size:13px;}
.axisDiagram tbody td .holder ul li.uPercent, .axisDiagram tbody td .holder ul li.dPercent{line-height:12px}
.axisDiagram tbody td .holder ul li.uPercent em, .axisDiagram tbody td .holder ul li.dPercent em{font-size:12px;color:#000;}
.axisDiagram tbody td .holder ul li p{font-size:10px;line-height:12px}
.axisDiagram tbody td .select{display:none}
.axisDiagram tbody td.active .select{display:block;background-color:#1a6db3;color:#fff;font-size:14px;line-height:18px;padding:10px;width:114px;height:70px}
.axisDiagram tbody td.active .holder{display:none}

/*worldMapWrap*/
.worldMapWrap{width:790px;height:420px;background:url("/myasset/common/img/ma/img_worldmap.png") no-repeat;position:relative;}
.worldMapWrap>a{position:absolute;background:url("/myasset/common/img/ma/img_map_pointer.png") no-repeat;width:38px;height:36px;font-size:0;text-indent:-9999px}
.worldMapWrap>a>span{display:none}
.worldMapWrap>a.active{background-position:-38px 0}
.worldMapWrap a.pos1{left:118px;top:120px;}/*미국*/
.worldMapWrap a.pos2{left:192px;top:281px;}/*브라질*/
.worldMapWrap a.pos3{left:430px;top:143px;}/*유럽*/
.worldMapWrap a.pos4{left:573px;top:96px;}/*러시아*/
.worldMapWrap a.pos5{left:641px;top:114px;}/*중국*/
.worldMapWrap a.pos6{left:707px;top:148px;}/*일본*/
.worldMapWrap a.pos7{left:563px;top:209px;}/*인도*/
.worldMapWrap a.pos8{left:611px;top:219px;}/*베트남*/
.worldMapWrap a.pos9{left:665px;top:201px;}/*홍콩*/
.worldMapWrap .nationTxt{width:310px;margin-bottom:20px}
.worldMapWrap .nationTxt dt{text-align:center;display:block;height:30px;line-height:30px;color:#fff;background-color:#115bc0;font-size:16px;font-weight:bold}
.worldMapWrap .nationTxt dd{padding:0 10px}
.worldMapWrap .nationTxt dd li{float:left;width:25%;height:40px;line-height:18px;margin:0;padding:10px 0 0 0;letter-spacing:-1px;text-align:center;}
.worldMapWrap .nationTxt dd li span{display:block;font-size:12px}
.worldMapWrap .nationTxt dd li{color:#000;font-size:14px}

/*펀드상세*/
.fundViewTit{padding-top:25px;border-top:2px solid #3d4b65;position: relative;margin-top: -32px;background:url("/myasset/common/img/ma/bg_fundDetail_t1.gif") no-repeat right 0;min-height:100px}
.popBody>.fundViewTit{margin-top:0px}
.fundViewTit .icon_wrap{margin-top:6px}
.fundViewTit .titWrap{margin-bottom:0px}
.fundViewTit .fundTit{font-size:24px;color:#000;font-weight:bold;line-height:1.2;letter-spacing:-1px;margin-bottom:5px}/* 211203수정(line-height:18px -> line-hegiht:1.2) */
.fundViewTit .fundSubTxt{font-size:16px;color:#3d3d3d; line-height:1.4}/* 190911수정(line-height 추가) */
/* 190911추가 */
.fundViewTit .fundTit_info {padding-top:2px;font-size:18px}
.fundViewTit .fundTit_info + .fundSubTxt {padding-top:10px}
/* 190911추가(e) */
.lytype .fundViewTit .fundTit{line-height: 1.25em}
.lytype .fundViewTit a.btnLike {vertical-align: middle;}
.lytype .fundViewTit a.btnLike>span{margin-top: 4px;}
.lytype .fundViewList ul li.c4 {width: auto}
.lytype .fundViewList ul li.c4 dl {border-left: 0;padding-top: 15px}
.popBody .fundViewTit {position: relative;display: block;min-height: 35px;padding-right: 40px}
.popBody .fundViewTit a.btnLike {position: absolute;right:10px;top:20px;background-color:#fff}

.fundViewData{overflow:hidden;height:177px}
.fundViewData>div{float:left;height:100%}
.fundViewData>div>span{display:block;}
.fundViewData>div.c1,.fundViewData>div.c3{text-align:center;}
.fundViewData>div.c1{width:158px;background:url("/myasset/common/img/ma/img_fundview.png") no-repeat 0 -114px;}
.fundViewData>div.c1 .dataT1{display:inline-block;margin-top:25px;border-radius:12px;background-color:#00497c;font-size:15px;color:#fff;letter-spacing:-1px}
.fundViewData>div.c1 .dataIco{display:block;margin:0 auto;margin-top:12px;width:36px;height:33px;background:url("/myasset/common/img/ma/img_fundview.png") no-repeat 1px 0;vertical-align:top;}
.fundViewData>div.c1 .dataT2{margin-top:12px;font-size:20px;color:#fff;font-weight:bold;line-height:24px;letter-spacing:-1px}
.fundViewData>div.c1.type2{background-position: -160px -114px}
.fundViewData>div.c1 .dataT1{width:70px;height:21px;background:url("/myasset/common/img/ma/srr_ftype.png") no-repeat 0 0;text-indent: -999px;overflow: hidden;}
.fundViewData>div.c1 .dataT1.type2{background-position:0 -23px}
.fundViewData>div.c1.type2 .dataIco{width:37px;height:37px;background-position: -36px -1px}
.fundViewData>div.c2{width:471px;height:175px;border:1px solid #b7bec8;}
.fundViewData>div.c2 .c2Top{overflow:hidden;height:93px}
.fundViewData>div.c2 .c2Top > .inwrap{overflow:hidden;padding:30px}
.fundViewData>div.c2 .c2Top > .inwrap span{vertical-align:top;}
.fundViewData>div.c2 .c2Top .cTT1{float:left;font-size:20px;color:#000;font-weight:bold;}
.fundViewData>div.c2 .c2Top .cTT1 > span{display:inline-block;margin-right:10px;width:33px;height:33px;background:url("/myasset/common/img/ma/img_fundview.png") no-repeat 0 -293px;}
.fundViewData>div.c2 .c2Top .cTT2{float:right;font-size:14px;color:#666;}
.fundViewData>div.c2 .c2Top .cTT2 > span{display:inline-block;margin-top:6px;vertical-align:top;}
.fundViewData>div.c2 .c2Top .cTT2 > em{margin-left:6px;font-size:34px;line-height:34px;letter-spacing:-1px;font-weight:normal;}
.fundViewData>div.c2 .c2Top .cTT2 > em > span{font-size:20px;line-height:40px}
.fundViewData>div.c2 .tblRow{border-top:none;border-top:1px solid #d4d8de;}
.fundViewData>div.c2 .tblRow th{padding: 10px 10px;border-bottom:1px solid #d4d8de;font-size:14px}
.fundViewData>div.c2 .tblRow td{padding: 12px 10px;border-bottom:none;color:#6d6d6d;font-size:14px}
.fundViewData>div.c3{width:158px;height:175px;border:1px solid #b7bec8;border-left:none;background-color:#f9f9f9}
.fundViewData>div.c3 .dataT1{display:block;margin-top:20px;font-size:20px;color:#000;font-weight:bold;}
.fundViewData>div.c3 .dataIco{margin:0 auto;margin-top:16px;width:78px;height:46px;background:url("/myasset/common/img/ma/img_fundview.png") no-repeat -313px -45px;}
.fundViewData>div.c3.type05 .dataIco{background-position: 0 -45px}
.fundViewData>div.c3.type04 .dataIco{background-position: -78px -45px}
.fundViewData>div.c3.type03 .dataIco{background-position: -156px -45px}
.fundViewData>div.c3.type02 .dataIco{background-position: -234px -45px}
.fundViewData>div.c3.type01 .dataIco{background-position: -313px -45px}
.fundViewData>div.c3 .dataT2 {display:block;margin-top:6px;text-align:center;font-size:15px;color:#e71d1d;font-weight:bold;}
.fundViewData>div.c3.type05 .dataT2{color:#649604}
.fundViewData>div.c3.type04 .dataT2{color:#a98300}
.fundViewData>div.c3.type03 .dataT2{color:#cb7c01}
.fundViewData>div.c3.type02 .dataT2{color:#e96323}
.fundViewData>div.c3.type01 .dataT2{color:#e71d1d}

/* 230427 추가(위험등급 개편) */
.fundViewData>div.c3.type16 .dataIco{background-position: 0 -339px}/* 매우낮은위험 */
.fundViewData>div.c3.type15 .dataIco{background-position: -78px -339px}/* 낮은위험 */
.fundViewData>div.c3.type14 .dataIco{background-position: -156px -339px}/* 보통위험 */
.fundViewData>div.c3.type13 .dataIco{background-position: -234px -339px}/* 다소높은위험 */
.fundViewData>div.c3.type12 .dataIco{background-position: -312px -339px}/* 높은위험 */
.fundViewData>div.c3.type11 .dataIco{background-position: -390px -339px}/* 매우높은위험 */
.fundViewData>div.c3.type16 .dataT2{color:#1c5589}
.fundViewData>div.c3.type15 .dataT2{color:#548000}
.fundViewData>div.c3.type14 .dataT2{color:#827701}
.fundViewData>div.c3.type13 .dataT2{color:#ba5c00}
.fundViewData>div.c3.type12 .dataT2{color:#d04812}
.fundViewData>div.c3.type11 .dataT2{color:#da3b3b}
/* 230427 추가(위험등급 개편)(e) */

.fundViewData>div.c2> ul {border-top:1px solid #d4d8de;overflow:hidden;}
.fundViewData>div.c2> ul li {height:81px;line-height:40px;border-left:1px solid #d4d8de;width:20%;float:left;text-align:center;box-sizing:border-box;}
.fundViewData>div.c2> ul li:first-child {border-left:0;}
.fundViewData>div.c2> ul li > strong {display:block;background:#fafafa;border-bottom:1px solid #d4d8de;height:40px;color:#3d3d3d;font-size:14px;line-height:40px;}

.fundViewList{margin-top:30px;font-weight:bold}
.fundViewList ul{}
.fundViewList ul li{float:left;}
.fundViewList ul li.c1{width:222px;}
.fundViewList ul li.c2{width:229px}
.fundViewList ul li.c3{width:177px}
.fundViewList ul li.c4{width:159px}
.fundViewList ul li dl{padding-left:15px;padding-right:15px;border-left:1px solid #e8e8e8}
.fundViewList ul li.c1 dl {border-left:0;}
.fundViewList ul li dt{font-size:14px;color:#014a92;line-height:14px;padding-bottom:10px}
.fundViewList ul li dd{font-size:20px;color:#3d3d3d;line-height:22px}
.fundViewList ul li dd em{font-size:14px;line-height:14px}

.fundViewInfo{margin-top:25px;border-top:1px solid #b7bec8;background-color:#fafafa}
.fundViewInfo ul{margin:10px 15px 0px;padding-bottom:20px}
.fundViewInfo ul li{margin-top:10px !important; color:#3d3d3d;margin-right:0 !important;font-size:14px}
.fundViewInfo ul li.c1{width:290px}
.fundViewInfo ul li.c1 strong{color:#115BC0;font-weight:normal;}
.fundViewInfo ul li.c1 .divider{color:#797979;width:23px;}
.fundViewInfo ul li.c2{width:379px}
.fundViewInfo ul li.col2{width:732px}

.fundViewDown{padding:11px 15px;background-color:#ececec;border-bottom:2px solid #3d4b65}
.fundViewDown > span.downListTit{margin-right:10px;font-size:13px;color:#6d6d6d}
.fundViewDown a.btn{border-color:#e0e0e0;color:#313131}
.fundViewDown a.btn:hover{background-color:#fff}
.fundViewDown a.btn span{vertical-align:middle;}

.ci-tab .tab-selector.fundViewTab li a{}
.ci-tab .tab-selector.fundViewTab li.active a{font-size:15px;color:#0851ab;font-weight:bold;border-color:#5072a1}
.ci-tab .tab-selector.fundViewTab{border-bottom:2px solid #5072a1}

.popBody .fundViewList ul li.c1{width:276px}
.popBody .fundViewList ul li.c2{width:236px}
.popBody .fundViewList ul li.c3{width:276px}

.fundViewList.type2{padding-bottom:20px;border-bottom:2px solid #3d4b65}
.fundViewList.type2 dl.r1{margin-top:0px}
.fundViewList.type2 dl{margin-top:21px;padding-left:30px}
.fundViewBox{margin-top:20px;width:790px;border:1px solid #6d6d6d;}
.fundViewBox dl{display:table;}
.fundViewBox dt,.fundViewBox dd{display:table-cell;}
.fundViewBox dt{width:158px;background-color:#f9f9f9;color:#1779cc;text-align:center;font-weight:bold;vertical-align:middle;}
.fundViewBox dd{padding-left:22px;padding-top:18px;padding-bottom:18px;vertical-align:middle;}
.fundViewBox .rsub0{font-size:15px;color:#3d3d3d;line-height:16px}
.fundViewBox .rsub1{font-size:12px;color:#3d3d3d}
.fundViewBox .rsub2{font-size:12px;color:#6d6d6d}
.fundViewData.type2{margin-top: 10px}

.titWrap.flType{min-height:33px}
.titWrap.flType h3{display: inline-block;height: 20px;line-height:20px;letter-spacing: -1px;margin-right: 5px;position: relative;top: 5px;font-size:20px;color:#3d3d3d;font-weight:bold;}
.titWrap.flType.type2{margin-bottom:0px}
.titWrap.flType h4{padding-left:14px;font-size:16px;color:#fff;font-weight:bold;line-height:33px;background-color:#5c5c5c;letter-spacing:-1px}
.titWrap.flType h4 > span{font-size:20px}
.titWrap.flType .btn{top:3px}

.invStypeWrap{width:268px;height:284px;border:1px solid #e8e8e8;}
.invStypeWrap p{text-align:center;}
.invStypeWrap .ivTxt1{margin-top:20px;font-size:14px;color:#3d3d3d;font-weight:bold;}
.invStypeWrap .ivTxt2{margin-top:6px;font-size:26px;color:#e02f00;font-weight:bold;line-height:26px}
.invStypeWrap .ivTxt3{margin-top:4px;font-size:14px;color:#3d3d3d}

.invStypeWrap .invStyleBox{position:relative;}
.invStypeWrap .invStyleBox .invStypeNum{overflow:hidden;margin:0 auto;margin-top:12px;width:119px;height:119px;border:1px solid #6d6d6d;}
.invStypeWrap .invStyleBox .invStypeNum span{float:left;width:39px;height:39px;text-align:center;line-height:39px}
.invStypeWrap .invStyleBox .invStypeNum span.active{background-color:#555;color:#fff}
.invStypeWrap .invStyleBox .invStypeNum span.c1{border-right:1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9}
.invStypeWrap .invStyleBox .invStypeNum span.c3{border-bottom: 1px solid #d9d9d9}
.invStypeWrap .invStyleBox .invStypeNum span.r3{border-bottom:none}
.invStypeWrap .invStyleBox > span{position:absolute;left:0;top:0;}
.invStypeWrap .invStyleBox .invStyleTxt1{left:200px;top:12px;border:none}
.invStypeWrap .invStyleBox .invStyleTxt2{left:200px;top:52px;border:none}
.invStypeWrap .invStyleBox .invStyleTxt3{left:200px;top:90px;border:none}
.invStypeWrap .invStyleBox .invStyleTxt4{left:79px;top:126px;border:none}
.invStypeWrap .invStyleBox .invStyleTxt5{left:119px;top:126px;border:none}
.invStypeWrap .invStyleBox .invStyleTxt6{left:161px;top:126px;border:none}

.invStypeWrap.type2{width:326px;height:260px;border-top:2px solid #6d6d6d;border-bottom:1px solid #e8e8e8;border-left:none;border-right:none}
.invStypeWrap.type2 p.ivTxt2{height:50px;line-height:50px;font-size:16px}
.invStypeWrap.type2 p.ivTxt2 span{font-size:12px;color:#3d3d3d;font-weight:normal;}
.invStypeWrap.type2 .invStyleBox .invStypeNum{margin:0px;margin-left:36px;width:128px;height:124px;border:none;}
.invStypeWrap.type2 .invStyleBox .invStyleTxt1{left:14px}
.invStypeWrap.type2 .invStyleBox .invStyleTxt2{left:14px}
.invStypeWrap.type2 .invStyleBox .invStyleTxt3{left:14px}
.invStypeWrap.type2 .invStyleBox .invStyleTxt4{left:44px}
.invStypeWrap.type2 .invStyleBox .invStyleTxt5{left:88px}
.invStypeWrap.type2 .invStyleBox .invStyleTxt6{left:129px}
.invStypeWrap.type2 .invStyleBox .invStyleTxt7{position:absolute;left:200px;top:20px;}
.invStypeWrap.type2 .invStyleBox .invStyleTxt7 li{margin-top:8px;font-size:12px;color:#3d3d3d;font-weight:bold;}
.invStypeWrap.type2 .invStyleBox .invStyleTxt7 li>span{display:inline-block;width:9px;height:9px;border-radius:4px}
.invStypeWrap.type2 .invStyleBox .invStyleTxt7 li:first-child{margin-top:0px}
.invStypeWrap.type2 .invStyleBox .invStypeNum span{width:40px;height:40px;border:2px solid #fff;}
.invStypeWrap.type2 .invStyleBox .invStypeNum span.lv1{background-color:#eef1f5}
.invStypeWrap.type2 .invStyleBox .invStypeNum span.lv2{background-color:#cad4e1}
.invStypeWrap.type2 .invStyleBox .invStypeNum span.lv3{background-color:#8f9eb5}
.invStypeWrap.type2 .invStyleBox .invStypeNum span.lv4{background-color:#5d708e}
.invStypeWrap.type2 .invStyleBox .lv1{background-color:#eef1f5}
.invStypeWrap.type2 .invStyleBox .lv2{background-color:#cad4e1}
.invStypeWrap.type2 .invStyleBox .lv3{background-color:#8f9eb5}
.invStypeWrap.type2 .invStyleBox .lv4{background-color:#5d708e}
.invStypeWrap.type2 .invStyleBox .invStypeNum span.c1{border-left:none}
.invStypeWrap.type2 .invStyleBox .invStypeNum span.c2{}
.invStypeWrap.type2 .invStyleBox .invStypeNum span.c3{border-right:none}
.invStypeWrap.type2 .invStyleBox .invStypeNum span.r1{border-top:none;}
.invStypeWrap.type2 .invStyleBox .invStypeNum span.r2{}
.invStypeWrap.type2 .invStyleBox .invStypeNum span.r3{border-bottom:none}

.blockType2{margin-top:30px;border-top:1px solid #ececec;padding-top:14px}

/* investBtn */
.investBtn {height:130px;border-left:1px solid #e8e8e8;}
.investBtn li {cursor: pointer;float:left;position:relative;width:20%;height:130px;border-style:solid;border-width:1px 1px 1px 0;border-color:#e8e8e8;box-sizing:border-box;}
.investBtn li a {padding-top:18px;height:110px;display:block;text-align:center;font-size:17px;font-weight:bold;}
.investBtn li a:after {content:"";position:absolute;width:78px;height:78px;top:55px;left:50%;margin-left:-39px;background:url("/myasset/common/img/ma/spr_invest_btn.png") no-repeat;}
.investBtn li.type2 a:after {background-position:-78px 0;}
.investBtn li.type3 a:after {background-position:-156px 0;}
.investBtn li.type4 a:after {background-position:-234px 0;}
.investBtn li.type5 a:after {background-position:-312px 0;}
.investBtn li.type1 a {color:#649604;}
.investBtn li.type2 a {color:#b18900;}
.investBtn li.type3 a {color:#cb7c01;}
.investBtn li.type4 a {color:#e96323;}
.investBtn li.type5 a {color:#dd4545;}
.investBtn li a:hover:before, .investBtn li a.on:before {content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border-width:2px;border-style:solid;box-sizing:border-box;}
.investBtn li.type1 a.on:before, .investBtn li.type1 a:hover:before {border-color:#75af05;}
.investBtn li.type2 a.on:before, .investBtn li.type2 a:hover:before {border-color:#ecb700;}
.investBtn li.type3 a.on:before, .investBtn li.type3 a:hover:before {border-color:#ee9200;}
.investBtn li.type4 a.on:before, .investBtn li.type4 a:hover:before {border-color:#f46521;}
.investBtn li.type5 a.on:before, .investBtn li.type5 a:hover:before {border-color:#e33939;}

/* investPortfolio */
.investPortfolio {border:1px solid #c5c5c5;padding-bottom:5px;}
.investPortfolio>dt {text-align:center;font-size:18px;height:60px;line-height:60px;}
.investPortfolio>dd {padding:0 15px 15px;border-top:1px solid #e8e8e8;}
.investPortfolio>dd.desc {padding-top:15px;min-height: 130px;color:#3d3d3d;font-size:13px;line-height:18px;}
.investPortfolio>dd.expt {text-align:center;}
.investPortfolio>dd.expt .titWrap{text-align:left;margin-bottom:30px}
.investPortfolio>dd.expt .titWrap p.dp3, .investPortfolio>dd.expt .titWrap a{display:block !important}
.investPortfolio>dd.expt .titWrap .layer-link .ar-bottom.center{left:50px !important;}
.investPortfolio>dd.expt .imgMobile {display:none;}
.investPortfolio>dd.graph {position:relative;padding-right: 95px}
.investPortfolio>dd.graph .caption {position:absolute;bottom:25px;right:25px;color:#6d6d6d;font-size:11px;}
.investPortfolio>dd.graph .caption .patt {width:10px;height:10px;}
.investPortfolio>dd.graph .h160 {height:160px;}
.rCont .investPortfolio {padding-bottom:3px;}
.rCont .investPortfolio>dt {height:58px;line-height:58px;color:#fff;}
.investPortfolio.type01 {border:3px solid #71a213;}
.investPortfolio.type01 dt {background-color:#71a213;}
.investPortfolio.type02 {border:3px solid #aa8c08;}
.investPortfolio.type02 dt {background-color:#aa8c08;}
.investPortfolio.type03 {border:3px solid #c98206;}
.investPortfolio.type03 dt {background-color:#c98206;}
.investPortfolio.type04 {border:3px solid #e96323;}
.investPortfolio.type04 dt {background-color:#e96323;}
.investPortfolio.type05 {border:3px solid #e33939;}
.investPortfolio.type05 dt {background-color:#e33939;}
.investPortfolio .titWrap {padding-top:10px;}
.investPortfolio .titWrap .dp3 {letter-spacing:-1px;}
.investPortfolio .titWrap .ico.question {margin-left:5px !important;}
.investPortfolio .layer-link p {padding:10px;}

/* 재무설계 */
.fdDsWrap {overflow:hidden;position:relative;margin-top:-32px;height:679px;background:url("/myasset/common/img/ma/bg_fdvisual.png") no-repeat;}
.fdDsWrap .txt1:after, .fdInfoReg .tit:after, .fdDsWrap .txt2, .fdLink .tit:after,
.fdProfile .gender, .fdLink li a .ico
{background:url("/myasset/common/img/ma/spr_financialdesign.png") no-repeat;}
.fdDsWrap .txt1 {height:314px;position:relative;}
.fdDsWrap .txt1:after {content:"";width:482px;height:214px;position:absolute;top:50px;left:50%;margin-left:-241px;}
.fdDsWrap .txt2 {margin:50px auto 25px;width:412px;height:46px;background-position:-17px 0;}

.fdBoxWrap {border:1px solid #4b67a1;background:url("/myasset/common/img/ma/bg_fdreg.png");}
.fdInfoReg {width:602px;margin:0 auto;}
.fdInfoReg .tit {height:71px;position:relative;}
.fdInfoReg .tit:after {content:"";width:178px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -89px;background-position:0 -239px;}
.fdInfoReg > div {display:table;width:100%;}
.fdInfoReg > div > dl {display:table-row;}
.fdInfoReg > div > dl > dt, .fdInfoReg > div > dl > dd {vertical-align:middle;display:table-cell;height:60px;border-top:1px solid #ebebea;box-sizing:border-box;}
.fdInfoReg > div > dl > dt {color:#3d3d3d;font-weight:bold;font-size:15px;width:130px;padding-left:70px;}
.fdInfoReg  .numberSliderWrap.inlineSlider.age .sliderInput {width:42%;}

.fdProfile {text-align:center;}
.fdProfile .inner > strong, .fdProfile .inner > span {display:block;}
.fdProfile .gender {margin:0 auto;width:106px;height:106px;overflow:hidden;text-indent:-10000px;}
.fdProfile .gender.m {background-position:-541px 0;}
.fdProfile .gender.f {background-position:-651px 0;}
.fdProfile .inner > a {color:#1779cc;font-size:12px;line-height:12px;text-decoration:underline;display:inline-block;margin-top:15px;}
.fdProfile .inner > strong {margin-top:10px;font-size:18px;line-height:18px;color:#333;font-weight:normal;}
.fdProfile .age {margin-top:5px;font-size:15px;line-height:15px;color:#333;}

.fdLink {width:682px;margin:35px auto 0;}
.fdLink .tit {height:71px;position:relative;}
.fdLink .tit:after  {content:"";width:282px;height:22px;position:absolute;top:50%;left:50%;margin:-11px 0 0 -141px;background-position:0 -352px;}
.fdLink > ul {padding:8px 35px 25px;border-top:1px solid #ebe9e8;overflow:hidden;}
.fdLink > ul li {float:left;width:104px;margin-left:22px;text-align:center;}
.fdLink > ul li:first-child {margin-left:0;}
.fdLink > ul li a {padding-top:25px;height:100px;display:block;font-size:15px;color:#3d3d3d;letter-spacing:-1px;}
.fdLink > ul li a:hover {color:#1779cc;}
.fdLink li a .ico {height:78px;}
.fdLink li.f1 .ico {width:86px;background-position:-613px -109px;}
.fdLink li.f2 .ico {width:86px;background-position:-712px -109px;}
.fdLink li.f3 .ico {width:58px;background-position:-810px -109px;}
.fdLink li.f4 .ico {width:54px;background-position:-880px -109px;}
.fdLink li.f5 .ico {width:55px;background-position:-945px -109px;}
.fdLink li.f1 a:hover .ico {background-position:-613px -194px;}
.fdLink li.f2 a:hover .ico {background-position:-712px -194px;}
.fdLink li.f3 a:hover .ico {background-position:-810px -194px;}
.fdLink li.f4 a:hover .ico {background-position:-880px -194px;}
.fdLink li.f5 a:hover .ico {background-position:-945px -194px;}

/*수익률 및 운용설정액 그래프*/
.rtGraphWrap{/* overflow:hidden; */border:1px solid #e1e1e1; *zoom:1;}/* 200519수정(접근성관련) */
.rtGraphWrap:after {content:"";display:table;clear:both;}/* 200518추가(접근성관련) */
.rtGraphWrap>div{margin:20px 0px}
.rtGraphWrap .rtGraph{float:left;padding: 0 10px;width:478px;height:313px; margin: 0;}
.rtGraphWrap .rtGraphInfo{float:right; padding:14px 39px 0px; width:211px; border-left: 1px solid #e1e1e1;}/* 190527수정(padding및 width) */
.rtGraphWrap .rtGraphInfoTit{font-size:14px;color:#313131;font-weight:bold;}
.rtGraphWrap .rtGraphInfo ul{margin-top:16px}
.rtGraphWrap .rtGraphInfo ul li{margin-top:7px}
.rtGraphWrap .rtGraphInfo ul li:first-child{margin-top:0px}
.rtGraphWrap .rtGraphInfo ul li input[type=checkbox]{margin-right:4px}
.rtGraphWrap .rtGraphInfo ul li input.type2[type=checkbox]{margin-right:0px}
.rtGraphWrap .rtGraphInfo ul li label{margin-right:6px;font-size:13px;color:#3d3d3d}
.rtGraphWrap .rtGraphInfo ul li span{display:inline-block;margin-right:4px;width:15px;height:15px;background:url("/myasset/common/img/ma/spr_reGraph.png") no-repeat 0 0;vertical-align:middle;}
.rtGraphWrap .rtGraphInfo ul li span.rtGraph1{background-position:0px 0px}
.rtGraphWrap .rtGraphInfo ul li span.rtGraph2{background-position:0px -15px}
.rtGraphWrap .rtGraphInfo ul li span.rtGraph3{background-position:0px -32px}
.rtGraphWrap .rtGraphInfo ul li span.rtGraph4{background-position:0px -46px;height:12px}
.rtGraphWrap .rtGraphInfo ul li span.rtGraph5{background-position:0px -56px;height:12px}
.rtGraphWrap .rtGraphInfo ul li span.rtGraph6{background-position:0px -69px}
.rtGraphWrap .rtGraphInfo ul li span.type {position: relative;display: inline-block;margin-right: 10px;vertical-align: middle;background-image: url('');}
.rtGraphWrap .rtGraphInfo ul li span.type03{width: 23px;height: 23px;background-color: #d8d8d8;top: -1px;}
.rtGraphWrap .rtGraphInfo ul li span.type04{width: 23px;height: 2px;background-color: #1779cc;top: -2px;}
.rtGraphWrap .rtGraphInfo ul li span.type05{width: 23px;height: 2px;background-color: #ff5624;top: -2px;}
.rtGraphWrap .rtGraphInfo ul li span.type06{width: 23px;height: 2px;background-color: #009d89;top: -2px;}
.rtGraphWrap .rtGraphInfo ul li span.type07{width: 23px;height: 2px;background-color: #b543a1;top: -2px;}
.rtGraphWrap .rtGraphInfo ul li span.type08{width: 23px;height: 2px;background-color: #e60012;top: -2px;}

.monthReGraph{width:790px;height:286px;border: 1px solid #e8e8e8; background: #f8f8f8;}

/*위험지표*/
.riskIndiWrap{}
.riskIndiWrap ul li{position:relative;border-top:1px solid #eaeaea;}
.riskIndiWrap ul li .ritIndiChart {text-align:center;position:absolute;left:12px;top:20px;padding-bottom:20px;width:93px;height:40px;background:url("/myasset/common/img/ma/bg_ritIndichart.png") no-repeat center bottom;}
.riskIndiWrap ul li .ritIndiChart strong {height:22px;display:block;color:#e71d1d;font-size:11px;font-weight:bold;line-height:11px;}
.riskIndiWrap ul li .ritIndiChart .inner {height:19px;background:#e3e3e3;}
.riskIndiWrap ul li .ritIndiInfo{margin-left:124px;padding:12px 0px;}
.riskIndiWrap ul li .ritIndiInfo .ritIndiTit{font-size:14px;color:#313131;font-weight:bold;}
.riskIndiWrap ul li .ritIndiInfo .ritIndiTxt{margin-top:4px;font-size:14px;color:#6d6d6d;line-height:18px}

/* pensionBenefitWrap */
.pensionBenefitWrap{overflow:hidden;background:#f7f7f7 url("/myasset/common/img/ma/bg_penshion_benefit.png") no-repeat center center;height:127px;border-radius:5px;padding:18px 0 19px 45px;}
.pensionBenefitWrap li{height:47px;width:127px;margin-left:67px;float:left;background:url("/myasset/common/img/ma/spr_ma.png") no-repeat;text-align:center;font-size:15px;color:#3d3d3d;letter-spacing:-1px;padding-top:80px;}
.pensionBenefitWrap li:first-child{margin-left:0}
.pensionBenefitWrap li.item01{background-position:0 0}
.pensionBenefitWrap li.item02{background-position:-129px 0}
.pensionBenefitWrap li.item03{background-position:-258px 0}
.pensionBenefitWrap li.item04{background-position:-387px 0}

/* eDStep */
.eDStep {overflow:hidden;border-bottom:1px solid #e8e8e8;background:url("/myasset/common/img/ma/bg_eDstep.png") no-repeat;}
.eDStep li {float:left;width:20%;height:118px;}
.eDStep li.s1 {width:156px;}
.eDStep li.s2 {width:155px;}
.eDStep li.s3 {width:156px;}
.eDStep li.s4 {width:156px;}
.eDStep li.s5 {width:165px;}
.eDStep li dl {font-size:14px;letter-spacing:-1px;}
.eDStep li dl dt {height:39px;line-height:39px;color:#fff;font-weight:bold;padding:0 15px;}
.eDStep li dl dd {height:160px;margin:15px 0 0 0;padding:0 15px;color:#3d3d3d;line-height:18px;background:url("/myasset/common/img/ma/bg_eDstepline.png") no-repeat right 2px;}
.eDStep li.s5 dl dd {background:none;}

/* funRankingWrap */
.funRankingWrap{border:1px solid #bdbdbd;overflow:hidden;position:relative;}
.contTitH1 + .funRankingWrap{margin-top:-32px}
.funRankingWrap li{float:left;position:relative;width:25%;height:157px}
.funRankingWrap li a{position:relative;border-left:1px solid #bdbdbd;display:block;height:131px;padding:13px;line-height:19px;font-size:15px;letter-spacing:-0.85pt;color:#3d3d3d;background-color:#fafafa}
.funRankingWrap li a strong{font-size:18px;color:#1779cc;font-weight:normal;}
.funRankingWrap li a span{font-size:12px;color:#6d6d6d;}
.funRankingWrap li:first-child a{border-left:none;}
.funRankingWrap li a.on{background-color:#fff;border:3px solid #f26522;height:125px;z-index:10}
.funRankingWrap a .ico{position:absolute;right:0;bottom:0;}
.funRankingWrap a .ico.item01{width:89px;height:71px;background-position:-524px 0}
.funRankingWrap a .ico.item02{width:85px;height:74px;background-position:-617px 0}
.funRankingWrap a .ico.item03{width:99px;height:69px;background-position:-706px 0}
.funRankingWrap a .ico.item04{width:86px;height:69px;background-position:-810px 0}
.fundSortWrap{border:1px solid #bdbdbd;background-color:#fafafa;padding:20px 25px;}
.fundSortWrap .tit{font-size:18px;}
.fundSortWrap .tit>span{font-size:13px;font-weight:normal}
.fundSortWrap .tit.s{display:inline-block !important;font-size:13px !important;color:#3d3d3d !important;line-height:18px;margin-right:5px;margin-bottom:0;font-weight:bold !important;vertical-align:middle}
.fundSortWrap .lCont{width:40%;}
.fundSortWrap .rCont{width:60%;}
.fundSortWrap .rCont label{font-size:13px}
.fundSortWrap .ageWrap{overflow:hidden;position:relative;width:384px;margin-top:20px;background:url("/myasset/common/img/ma/bg_agewrap.png") no-repeat 35px 0;padding:0 0 0 35px;}
.fundSortWrap .ageWrap .tit{position:absolute;top:3px;left:0;}
.fundSortWrap .ageWrap a{float:left;display:inline-block;width:64px;padding-top:25px;font-size:13px}
.fundSortWrap .ageWrap a.on{color:#0089d6;background:url("/myasset/common/img/ma/cir_agewrap.png") no-repeat left top;}

/* deriveUnionBondWrap */
.deriveUnionBondWrap{border:1px solid #bdbdbd;overflow:hidden;position:relative;}
.contTitH1 + .funRankingWrap{margin-top:-32px}
.deriveUnionBondWrap li{float:left;position:relative;width:20%;height:157px}
.deriveUnionBondWrap li a{position:relative;border-left:1px solid #bdbdbd;display:block;height:131px;padding:13px;line-height:15px;font-size:12px;color:#6d6d6d;background-color:#fafafa}
.deriveUnionBondWrap li a strong{font-size:22px;color:#1779cc;display:block;margin-bottom:10px}
.deriveUnionBondWrap li:first-child a{border-left:none;}
.deriveUnionBondWrap li a.on{background-color:#fff;border:3px solid #f26522;height:125px;z-index:10}
.deriveUnionBondWrap a .ico{position:absolute;right:0;bottom:0;}
.deriveUnionBondWrap a .ico.item01{width:79px;height:76px;background-position:0 -132px}
.deriveUnionBondWrap a .ico.item02{width:79px;height:76px;background-position:-81px -132px}
.deriveUnionBondWrap a .ico.item03{width:79px;height:76px;background-position:-162px -132px}
.deriveUnionBondWrap a .ico.item04{width:79px;height:76px;background-position:-243px -132px}
.deriveUnionBondWrap a .ico.item05{width:79px;height:76px;background-position:-324px -132px}

/*oracleImgWrap*/
.oracleImgWrap{overflow:hidden;}
/*.oracleImgWrap .oracleImg,
.oracleImgWrap .oracleTxt{float:left;}
/.oracleImgWrap .oracleImg{margin-right:22px}
.oracleImgWrap .oracleTxt{}
.oracleImgWrap .oracleTxt p{font-size:15px;color:#6d6d6d;line-height:18px}
.oracleImgWrap .oracleTxt ol{}
.oracleImgWrap .oracleTxt ol li{margin-top:14px;font-size:14px;color:#6d6d6d}*/

/*wrapList*/
.wrapList li{padding:12px 14px 20px;border-top:1px solid #dcdcdc;}
.wrapList li:first-child{border-top:none;}
.wrapList .wrTit{font-size:16px;color:#313131;font-weight:bold;}
.wrapList .wrTxt{margin-top:4px;padding-bottom:10px;font-size:14px;color:#6d6d6d;font-weight:normal;}
.wrapList .icon_wrap .jAmount{margin-right:4px;font-size:11px;color:#6d6d6d;border:1px solid #1f80d2;color:#1f80d2}
.deriveUnionBondWrap a .ico.item05{width:79px;height:76px;background-position:-324px -132px}

/* starRate */
.starRate {vertical-align:middle;display:inline-block;overflow:hidden;height:15px;line-height:15px;text-indent:-1000px;background:url("/myasset/common/img/ma/bg_starrate.png");}
.starRate.r3 {width:53px;}
.starRate.r2 {width:34px;background-position:right 0;}
.starRate.r1 {width:15px;background-position:right 0;}

.wcmaCard {overflow:hidden;margin-top:-32px;width:790px;height:558px;background:#f9f9f9 url("/myasset/common/img/ma/bg_wcma.jpg") right top no-repeat;}
/* 161223수정 및 추가 */
.wcmaCard > .inWrap{padding:60px 30px 0px 30px; position:relative;}
.wcmaCard .inWrap .top_brand1 {position:absolute; top:0px; right:25px;}
/* 161223수정 및 추가(e) */
.wcmaCard .txtArea {}
.wcmaCard .txtArea .txt1 {font-size:14px;color:#3d3d3d;line-height:26px;letter-spacing:-2px;}
.wcmaCard .txtArea .txt1 .uTxt{text-decoration:underline;}
.wcmaCard .txtArea .txt1 strong {padding-bottom:10px;display:block;width:198px;height:32px;line-height:24px;background:url("/myasset/common/img/ma/spr_ma.png") no-repeat -244px -289px;}/* 161223수정 */
.wcmaCard .txtArea .txt2 {font-size:14px;color:#3d3d3d;margin-top:10px;line-height:24px;letter-spacing:-1px;}
.wcmaCard  em {color:#f26522;}
.wcmaCard ul {}
.wcmaCard ul.wcmaCardR2{margin-top:32px}
.wcmaCard ul li{padding:20px 30px;width:289px;height:136px;background-color:#fff}
.wcmaCard ul li.cma{margin-top:74px}/* 161223수정 */
.wcmaCard ul li dl {}
.wcmaCard ul li dt {overflow:hidden;}
.wcmaCard ul li dt .cardSimg{float:left;}
.wcmaCard ul li dt .cardSimg > img{height: 66px;width: 106px;}
.wcmaCard ul li dt .cardSTxt{display:block;margin-left:135px;font-size:18px;font-weight:bold;line-height:22px}
.wcmaCard ul li dt strong {display:block;}
.wcmaCard ul li.cma dt em {}
.wcmaCard ul li.life dt em {}
.wcmaCard ul li.stock dt em {}
.wcmaCard ul li dd {margin-top:4px;font-weight:14px;color:#3d3d3d;line-height:20px;letter-spacing:-1px}
.wcmaCard ul li .btn {margin-top:2px}

.wcmaBenefit {border:1px solid #dcdcdc; }
.wcmaBenefit .tit1, .wcmaBenefit .tit2 {line-height:36px;text-align:center;letter-spacing:-1px;letter-spacing:-1px;}
.wcmaBenefit .tit1 {margin:0 auto;margin-top:25px;padding:2px 10px;width:164px;color:#fff;font-size:28px;font-weight:bold;background-color:#1779cc}
.wcmaBenefit .tit2 {margin-top:12px;color:#3d3d3d;font-size:24px;}
.wcmaBenefit ul.bn {margin-top:26px;height:109px;overflow:hidden;background:url("/myasset/common/img/ma/bg_wcmaBenefit_ul.gif") no-repeat 0 0;}
.wcmaBenefit ul.bn li {position:relative;float:left;padding-top:26px;width:50%;color:#6d6d6d;font-size:16px;color:#12518c;font-weight:bold;line-height:22px;box-sizing:border-box;}
.wcmaBenefit ul.bn li.b1 {padding-right:138px;text-align:right;}
.wcmaBenefit ul.bn li.b2 {padding-left:130px;}
.wcmaBenefit ul.bn li .ico {position:absolute;top:10px;}
.wcmaBenefit ul.bn li.b1 .ico {left:295px;}
.wcmaBenefit ul.bn li.b2 .ico {left:30px;}
.wcmaBenefit .bothWrap {padding:30px 0 50px 0;overflow:hidden;position:relative;background-color:#f9f9f9}
.wcmaBenefit .bothWrap > div {box-sizing:border-box;}
.wcmaBenefit .bothWrap .left {float:left;padding:0 29px 0 45px;}
.wcmaBenefit .bothWrap .right {float:right;padding:0 35px 0 40px;}
.wcmaBenefit .dp3{font-size:16px;font-weight:normal;padding-left:10px;background-position:0px 10px;}
.wcmaBenefit .dp3 em {color:#1779cc;}
.wcmaBenefit .listColAllWrap {border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;}
.wcmaBenefit  p.guideTxt em {font-size:12px;color:#f26e1d;}
.wcmaBenefit .txt1 {padding-left:10px;font-size:14px;color:#6d6d6d;letter-spacing:-1px;}
.wcmaBenefit .bothWrap .img {position:absolute;bottom:46px;right:40px;margin:0;}

/*펀드리스트 추가*/
.flbotT{margin-top:6px}
.flbotT em{font-size:20px}

/*cardTopGuide*/
.cardTopGuide{background:url("/myasset/common/img/ma/bg_cardTopGuide.gif") no-repeat 0 0;}
.contTitH1 + .cardTopGuide {margin-top:-32px;position:relative;}
.cardTopGuide img{vertical-align:top;}
.cardTopGuide>.inWrap{overflow:hidden;padding:35px 47px 50px 30px}

.cardTopGuide .ctgC1{float:left;position:relative;width:330px}
.cardTopGuide .ctgC1 p.ctgC1Sub{overflow:hidden;height:24px;font-size:14px;color:#3d3d3d;font-weight:bold;}
.cardTopGuide .ctgC1 p.ctgC1Main{overflow:hidden;height:52px;font-size:24px;color:#000;line-height:26px;font-weight:bold;}
.cardTopGuide .ctgC1 div.ctgC1Img{position:absolute;left:42px;top:84px;display:block;text-align:center;}
.cardTopGuide .ctgC1 div.ctgC1Img .btn{margin-top:19px}

.cardTopGuide .ctgC2{float:right;width:334px;}
.cardTopGuide .ctgC2 .ctgC2Row{overflow:hidden;}
.cardTopGuide .ctgC2 .ctgC2Row+.ctgC2Row{margin-top:26px;padding-top:30px;border-top:1px solid #cfcfcf;}
.cardTopGuide .ctgC2 .ctgC2Row .ctgC2Img{float:left}
.cardTopGuide .ctgC2 .ctgC2Row .ctgC2TxtWrap{float:right;width:187px}
.cardTopGuide .ctgC2 .ctgC2Row .ctgC2Tit{font-size:15px;color:#3d3d3d;line-height:18px;font-weight:bold;letter-spacing:-1px}
.cardTopGuide .ctgC2 .ctgC2Row .ctgC2Txt{margin-top:8px;font-size:14px;color:#3d3d3d;line-height:18px}
.cardTopGuide .ctgC2 .ctgC2Row .btn{margin-top:10px}

/*cyStepWrap*/
.cyStepWrap{border:1px solid #e8e8e8;}
.cyStepWrap>ul{}
.cyStepWrap>ul>li{display:table;background:url("/myasset/common/img/ma/bg_cyStep_04.gif") #fff no-repeat right 0px;}
.cyStepWrap>ul>li>p, .cyStepWrap>ul>li>div{display:table-cell;}
.cyStepWrap>ul>li>div.cyRight{background-color:#f8f8f8;vertical-align:top;}
.cyStepWrap>ul>li>div:first-child{}
.cyStepWrap>ul>li:first-child{background:none}
.cyStepWrap>ul>li:first-child img{padding-top:15px}
.cyStepWrap>ul>li img{padding-top:30px;border-top:1px dashed #dcdcdc;vertical-align:top;}
.cyStepWrap>ul>li:first-child img{border-top:none;}

.cyStepWrap>ul>li .cyTxtBox{padding:30px 40px 30px 40px;width:306px;border-right:1px solid #e8e8e8;}
.cyStepWrap>ul>li .cyTxtBox .cyTxtSub{font-family:Verdana;font-size:14px;color:#ff523f;}
.cyStepWrap>ul>li .cyTxtBox .cyTxtMain{padding-bottom:12px;font-size:18px;color:#3d3d3d;font-weight:bold;line-height:18px}
.cyStepWrap>ul>li .cyTxtBox ul{border-top:1px solid #e8e8e8;}
.cyStepWrap>ul>li .cyTxtBox ul li{position:relative;overflow:hidden;padding:8px 0px 8px 0px;border-top:1px solid #e8e8e8;word-wrap:break-word;}
.cyStepWrap>ul>li .cyTxtBox ul li:first-child{border-top:none;}
.cyStepWrap>ul>li .cyTxtBox ul li .ico{float:left;}
.cyStepWrap>ul>li .cyTxtBox ul li .cyTxt{float:right;width:264px;font-size:14px;color:#6d6d6d;line-height:18px}
.cyStepWrap>ul>li .cyTxtBox ul li .cyTxt strong{}

.expectImgWrap {padding-top:14px;border:1px solid #e8e8e8;text-align:center;height:170px;}

/*main*/

/*china main icon*/
.mi, .maTopLinkWrap .mainTitArea h1:after 
{background-image:url("/myasset/common/img/ma/spr_mamain.png");background-repeat:no-repeat;vertical-align:middle;}
.mi.ma1{background-position:0px 0px;width:136px;height:29px}
.mi.ma2{background-position:0px -138px;width:56px;height:40px}
/* 171213수정 */
/* .mi.ma3{background-position:-63px -138px;width:53px;height:40px} *//*관심펀드*/
.mi.ma3{background-position:-64px -199px;width:53px;height:40px}/*펀드레이더*/
/* 171213수정(E) */
.mi.ma4{background-position:-117px -141px;width:50px;height:40px}
.mi.ma5{background-position:0px -31px;width:251px;height:37px}
.mi.ma6{background-position:0px -908px;}
.mi.ma7{background-position:-114px -908px;}
.mi.ma8{background-position:-228px -908px;}
.mi.ma9{background-position:-342px -908px;}
.mi.ma19{background-position:0px -868px;}
.mi.ma20{background-position:-114px -868px;}
.mi.ma21{background-position:-228px -868px;}
.mi.ma22{background-position:-342px -868px;}
.mi.ma10{background-position:-0px -218px;}
.mi.ma11{background-position:-0px -243px;width:43px;height:22px}
.mi.ma12{background-position:-103px -69px;width:193px;height:29px}
.mi.ma13{background-position:-103px -99px;width:149px;height:21px}
.mi.ma14{background-position:-24px -218px;width:8px;height:12px}
.mi.ma15{background-position:-322px 0px;width:103px;height:111px}
.mi.ma16{background-position:-427px 0px;width:181px;height:30px}
.mi.ma17{background-position:-70px -739px;width:5px;height:7px}
.mi.ma18{background-position:-323px -142px;width:157px;height:32px}

.maMainWrap > div > .inWrap {margin: 0 auto;width: 990px;}

.maTopLinkWrap {width:990px;margin:0 auto;}
.maTopLinkWrap .mainTitArea h1 {text-indent:-1000px;}
.maTopLinkWrap .mainTitArea h1:after {content:"";position:absolute;top:30px;left:0;width:190px;height:30px;background-position:0 0;}

/* **** main Ver.1 **** */
.maTopVisualWrap{position:relative;height:510px;background-color:#0d000a;background:url("/myasset/common/img/ma/bg_maTopVisual.jpg") no-repeat center 0;}
.maTopVisualWrap>.inWrap{position:relative;padding-top:44px;padding-bottom:47px; height:373px;}/*170510 height추가*/
.maTopVisualWrap h2{display:block;margin:0 auto;}
.maTopVisualWrap ul{}
.maTopVisualWrap .maTopVTab{position:absolute;top:68px;right:0}
.maTopVisualWrap .maTopVTab.tabs{border:1px solid #372f57;border-radius:3px}
.maTopVisualWrap .maTopVTab.tabs a{display:block;text-align:center;width:70px;height:31px;background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat -180px -173px;line-height:31px;color:#909baf;}
.maTopVisualWrap .maTopVTab.tabs li{float:left;}
.maTopVisualWrap .maTopVTab.tabs li:first-child a{background-position:0px -90px}
.maTopVisualWrap .maTopVTab.tabs li.tc-selected a{background-position:-180px -141px;font-size:15px;font-weight:bold;color:#ffffff;}
.maTopVisualWrap .maTopVTab.tabs li:first-child.tc-selected a{background-position:-180px -141px;font-size:15px;font-weight:bold;color:#ffffff;}
.maTopVisualWrap .maTopVban.panels{border:none;/* top:0; */top:36px;margin-bottom:0px}/*170510 수정*/
.maTopVisualWrap .maTopVban .bx-viewport{margin-top:36px;height:300px !important}
.maTopVisualWrap .maTopVban .bx-controls{bottom: -43px;height: 16px;left: 50%;margin: 0px auto 0 -45px;overflow: hidden;position: absolute;}
.maTopVisualWrap .maTopVban .bx-controls-direction{display:none}
.maTopVisualWrap .maTopVban .bx-pager,
.maTopVisualWrap .maTopVban .bx-controls-auto{display:inline-block;float:left;}
.maTopVisualWrap .maTopVban .bx-pager{text-align:center;float:right;}
.maTopVisualWrap .maTopVban .bx-pager-item{display:inline-block;margin-left:2px;margin-right:2px}
.maTopVisualWrap .maTopVban .bx-pager-link{display:block;width:14px;height:14px;background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat -41px -739px;;text-indent:-9999em}
.maTopVisualWrap .maTopVban .bx-pager-link.active{width:25px;height:14px;background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat -14px -739px;}
.maTopVisualWrap .maTopVban .bx-controls-auto{}
.maTopVisualWrap .maTopVban .bx-controls-auto>div{display:inline-block;margin-left:2px;margin-right:2px}
.maTopVisualWrap .maTopVban .bx-start{display:block;margin-left:4px;width:11px;height:14px;background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat -57px -739px;text-indent:-9999em}
.maTopVisualWrap .maTopVban .bx-stop{display:block;width:14px;height:14px;background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat -0px -739px;text-indent:-9999em}
.maTopVisualWrap .maTopVban .bx-start.active,
.maTopVisualWrap .maTopVban .bx-stop.active{display:none}
.maTopVisualWrap .bx-wrapper{margin:0 auto}
.maTopVisualWrap .maTopVban ul{}
/*170510 수정 - margin-left추가*/
.maTopVisualWrap .maTopVban ul li {float:left;width:234px !important;height:290px !important;border-radius:3px;background-color:#fff;margin-left:18px}
.maTopVisualWrap .maTopVban ul li:first-child {margin-left:0}
/*170510 수정 - margin-left추가(e)*/
/*170704 추가 - 추후 슬라이드 복원시 사용*/
.maTopVisualWrap .maTopVban .bx-viewport ul.bxslider li,
.maTopVisualWrap .maTopVban .bx-viewport ul.bxslider2 li {margin-left:0 !important}
/*170704 추가 - 추후 슬라이드 복원시 사용(e)*/

.maTopVisualWrap .maTopVban ul li>.inWrap{padding:20px 26px 28px 26px}
.maTopVisualWrap .maTopVban ul li .mi{display:block;margin:0 auto;width:112px;height:38px;}
.maTopVisualWrap .maTopVban ul li .maTopVbTxt{margin-top:10px;height:72px;overflow:hidden;font-size:16px;color:#000;line-height:24px}
.maTopVisualWrap .maTopVban ul li .maTopVbTxt a:hover{text-decoration:underline;}
.maTopVisualWrap .maTopVban ul li .icon_wrap{margin-top:18px;text-align:center;}
.maTopVisualWrap .maTopVban ul li .maTopVbInfo{margin-top:10px;text-align:center;font-size:14px;color:#6d6d6d}
.maTopVisualWrap .maTopVban ul li .maTopVbInfo span{font-size:14px;color:#6d6d6d;letter-spacing:-1px}
.maTopVisualWrap .maTopVban ul li .maTopVbInfo em{font-size:27px;color:#ed0101}
.maTopVisualWrap .maTopVban ul li .btnWrap{margin-top:10px;text-align:center;}
.maTopVisualWrap .maTopVBtnWrap{position:absolute;right:0;bottom:-12px}
.maTopVisualWrap .maTopVBtnWrap .maTopVBtn{}
.maTopVisualWrap .maTopVBtnWrap a{display:inline-block;font-size:15px;color:#ff671f}
/* 170710추가 */
.maTopVisualWrap .maTopVBtnWrap2 {width:100%; padding:12px 0 10px 20px;position:absolute;right:0;bottom:-28px;background:url("/myasset/common/img/ma/bg_maTopVBtnWrap.png") repeat 0 0;box-sizing:border-box}
.maTopVisualWrap .maTopVBtnWrap2 > p {display:inline-block; text-align:left; font-size:14px;color:#fff;letter-spacing:-1px}
.maTopVisualWrap .maTopVBtnWrap2 > p em {font-weight:normal;color:#fff10c}
.maTopVisualWrap .maTopVBtnWrap2 a {display:inline-block;position:absolute;right:12px;top:15px;font-size:15px;color:#ff671f}
/* 170710추가(e) */

.maSearchWrap>.inWrap{padding-top:20px;padding-bottom:20px}
.maSearchWrap .maSearch{float:left;width:520px;height:41px;border:1px solid #cbcbcb;border-radius:3px;background-color:#f8f8f8}
.maSearchWrap .maSearch input{float:left;padding-left:18px;width:445px;background:none;border:none;height:41px;line-height:41px;font-size:18px;color:#6d6d6d}
.maSearchWrap .maSearch a{float:right;margin-right:18px;margin-top:10px;width:22px;height:22px}
.maSearchWrap .maSearchLink{float:left;margin-left:20px;height:43px;line-height:43px}
.maSearchWrap .maSearchLink .mi{display:inline-block;}
.maSearchWrap .maSearchLink a{display:inline-block;margin-left:6px;margin-right:6px;font-size:15px;color:#6d6d6d;font-weight:bold;text-decoration:underline;}

.maInfoWrap{border-top:1px solid #e6e6e6;}
.maInfoWrap>.inWrap{padding-top:50px;padding-bottom:50px}
.maInfoWrap .maInfoR1{overflow:hidden;}
.maInfoWrap .maInfoP1{float:left;position:relative;width:695px;height:270px;background: url("/myasset/common/img/ma/bg_maInfo_01.jpg") no-repeat 0 0;}
.maInfoWrap .maInfoP1 .maInfoP1Txt{padding:46px 37px 60px 350px;}
.maInfoWrap .maInfoP1 .maInfoP1Txt .mi{display:block;}
.maInfoWrap .maInfoP1 .maInfoP1Txt .maInfoP1TxtP{margin-top:14px;font-size:16px;color:#3d3d3d;line-height:24px;letter-spacing:-1px}
.maInfoWrap .maInfoP1 .maInfoP1Txt .btn{margin-top:20px}
.maInfoWrap .maInfoB1{float:right;width:278px;height:268px;border:1px solid #dadada;}
.maInfoWrap .maInfoB1>.inWrap{padding:30px 20px}
.maInfoWrap .maInfoB1>.inWrap .saleInfo{overflow:hidden;}
.maInfoWrap .maInfoB1>.inWrap .saleInfo .mi{display:inline-block;padding-bottom:10px}
.maInfoWrap .maInfoB1>.inWrap .saleInfo a{float:right;margin-top:2px;display:inline-block;}
.maInfoWrap .maInfoB1>.inWrap .mi{display:block;padding-bottom:10px}
.maInfoWrap .maInfoB1 .tabs>li{width:50% !important}
.maInfoWrap .maInfoB1 .tabs>li a{border-width:1px}
.maInfoWrap .maInfoB1 .tabs>li.tc-selected a{border-color:#1f80d2;border-width:2px}
.maInfoWrap .maInfoB1 .panels .maInfoB1T1{font-size:15px;color:#3d3d3d;line-height:22px}
.maInfoWrap .maInfoB1 .panels .maInfoB1T2{font-size:13px;color:#6d6d6d;line-height:20px}
.maInfoWrap .maInfoB1 .panels ul{margin-top:12px}
.maInfoWrap .maInfoB1 .panels ul li{padding-top:4px;padding-bottom:4px;border-top:1px solid #dadada;}
.maInfoWrap .maInfoB1 .panels ul li:first-child{padding-top:0px;border-top:none}
.maInfoWrap .maInfoB1 .panels ul li a:hover {text-decoration:underline;}
.maInfoWrap .maInfoR2{margin-top:14px;overflow:hidden;}
.maInfoWrap .maInfoP2{float:left;width:424px;height:120px;}
.maInfoWrap .maInfoP3{float:right;width:551px;height:120px;}
/* 180508추가 */
.maInfoWrap .maInfoP2 a,
.maInfoWrap .maInfoP3 a {display:block}
/* 180508추가(e) */

.maQuickWrap{background-color:#0199d5}
.maQuickWrap>.inWrap{position:relative;padding-top:47px;padding-bottom:47px}
.maQuickWrap>.inWrap>h2.mi{position:absolute;left:0;top:47px}
.maQuickWrap>.inWrap .maQuickCt{margin-left:153px}
.maQuickWrap>.inWrap .maQuickCt ul{}
.maQuickWrap>.inWrap .maQuickCt li{float:left;}
.maQuickWrap>.inWrap .maQuickCt li a{display:block;width:275px;height:235px;background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat 0px -264px;}
.maQuickWrap>.inWrap .maQuickCt li.c2 a{display:block;width:275px;height:235px;background-position:-278px -264px}
.maQuickWrap>.inWrap .maQuickCt li.c3 a{display:block;width:279px;height:235px;background-position:-556px -264px}
.maQuickWrap>.inWrap .maQuickCt li a:hover{background-position:0px -502px}
.maQuickWrap>.inWrap .maQuickCt li.c2 a:hover{background-position:-278px -502px}
.maQuickWrap>.inWrap .maQuickCt li.c3 a:hover{background-position:-556px -502px}

.maRangkingWrap{padding-top:50px;padding-bottom:50px;background-color:#f8f8f8}
.maRangkingWrap.inWrap{}
.maRangkingWrap .tabs{margin-top:10px}
.maRangkingWrap .tabs li{float:left;width:25%;border-left:1px solid #d4e1f0;box-sizing:border-box;}
.maRangkingWrap .tabs li:first-child{border-left:none}
.maRangkingWrap .tabs li a{display:block;height:42px;line-height:42px;font-size:17px;color:#fff;text-align:center;letter-spacing:-1px;background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat 0px -758px;}
.maRangkingWrap .tabs li.end a{background-position:-744px -758px}
.maRangkingWrap .tabs li.tc-selected.end a{background-position:-744px -814px}
.maRangkingWrap .tabs li.tc-selected a{font-weight:bold;background-position:0px -814px}
.maRangkingWrap .btnLike {background-color:#fff;}
.maRangkingWrap .btn {background-color:#fbfbfb;color:#6d6d6d;border-color:#d5d5d5;}
.maRangkingWrap .btn.strong {color:#fff;background-color:#dd3900;border-color:#dd3900;}
.maRangkingWrap .panels{border:none;top:0;}
.maRangkingWrap .panels ul{}
.maRangkingWrap .panels ul li{position:relative;padding-top:30px;padding-bottom:20px;border-top:1px solid #d5d7db;}
.maRangkingWrap .panels ul li .fR{margin-top:-3px}
.maRangkingWrap .panels ul li:first-child{border-top:none}
.maRangkingWrap .panels ul li:first-child .title{color:#f26522}
.maRangkingWrap .panels ul li .title{overflow:hidden;display:inline-block;width:500px;font-size:16px;color:#3d3d3d;white-space:nowrap;text-overflow:ellipsis;}
.maRangkingWrap .panels ul li .title:hover{text-decoration:underline;}
.maRangkingWrap .panels ul li>em{font-size:30px;font-weight:bold;color:#6d6f71;vertical-align:top;}
.maRangkingWrap .panels ul li:first-child>em{color:#f26522}
.maRangkingWrap .panels ul li>.clearfix{left: 22px;position: absolute;top: 49px;}
.maRangkingWrap .panels ul li>.clearfix>span{display:inline-block}
.maRangkingWrap .panels ul li .ltxt{margin-left:10px;font-size:16px;color:#666;vertical-align:middle;}
.maRangkingWrap .panels ul li .ltxt em{margin-left:4px;font-size:25px;font-weight:bold;}
.maRangkingWrap .panels ul li .setMn{position:absolute;left:576px;top:43px;padding-right:10px;width:293px;height:45px;line-height:45px;background-color:#ebebeb;text-align:right;}
.maRangkingWrap .panels ul li .setMn .pcbarWrap{float: left;height: 20px;position: relative;top: 14px;width: 160px;}
.maRangkingWrap .panels ul li .setMn .pcbarWrap .pcbarBox{width:100%}
.maRangkingWrap .panels ul li .setMn .pcbarWrap .pcbarBox .pcbar{position:absolute;left:0;top:0;height:20px;background-color:#f3986d}
.maRangkingWrap .panels ul li .setMn .setMnT1{position:absolute;right:0;top:-24px;margin-top:3px;font-size:14px;color:#666;line-height:16px}
.maRangkingWrap .panels ul li .setMn strong{padding-left:5px;width:134px;font-size:23px;color:#3d3d3d;vertical-align:middle;}
.maRangkingWrap .panels ul li .setMn .setMnT2{font-size:14px;color:#3d3d3d;vertical-align:sub;}
.maBotWrap>.inWrap{padding-top:50px;/* padding-bottom:80px */padding-bottom:40px}/* 170711 수정(e) */
/* **** main Ver.1(e) **** */

/* ***** main ver.2 - 180802, ohy ***** */
.maVisualWrap{height:332px; background:url("/myasset/common/img/ma/maVisual_bg.jpg") no-repeat center; background-size: cover;}
.maVisualWrap .inWrap{padding-top:20px; }
.maVisualWrap fieldset{font-size:0; width:560px; padding-bottom:8px; margin:0 auto; border-bottom:4px solid #084bb9;}
.maVisualWrap legend{position: relative; visibility: visible; width:560px; height:95px; margin:0 auto 22px; text-indent:-9999px; background:url("/myasset/common/img/ma/maVisual_tit.png") no-repeat;}
.maVisualWrap fieldset label{display:inline-block; text-indent:-9999px; width:124px; height:32px; margin-right:10px; vertical-align:top; background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat; background-position:-700px -0px;}
.maVisualWrap fieldset .input{font-size:17px; color:#333; line-height:32px; width:384px; height:32px; border:0; padding:0; margin-right:10px; background:none;}
.maVisualWrap fieldset .btn-sch{text-indent:-9999px; width:28px; height:32px; padding: 0 !important; vertical-align:top; border:0; background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat; background-position:-841px 5px;}
.maVisualWrap .sch-layer{position:relative; width:556px; margin:0 auto; border:2px solid #084bb9; border-top:0; background:#fff; box-shadow:1px 3px 6px -1px rgba(0,0,0,.17); -webkit-box-shadow:1px 3px 6px -1px rgba(0,0,0,.17); -moz-box-shadow:1px 3px 6px -1px rgba(0,0,0,.17); max-height: 375px; overflow:hidden; overflow-y: auto; z-index:10;}
.maVisualWrap .sch-layer li{padding:0 20px; border-top:1px solid #edeff4;}
.maVisualWrap .sch-layer li:hover{color:#3175d0; background:#fafbff;}
.maVisualWrap .sch-layer li:first-child{border:0;}
.maVisualWrap .sch-layer li > span,
.maVisualWrap .sch-layer li a
{display:block; font-size:15px; color:#666; line-height:46px; overflow:hidden; white-space:nowrap;}
.maFundWrap .bx-wrapper{display: inline-block; position:relative; width:990px;}
.maFundWrap .bx-controls{position:absolute; left:0; bottom:-22px; width:100%; text-align:center;}
.maFundWrap .bx-controls .bx-pager{height:10px;}
.maFundWrap .bxslider > li{width:320px !important;}
.maFundWrap .bx-pager-item {display: inline-block; vertical-align:top;}
.maFundWrap .bx-pager-item + .bx-pager-item {margin-left: 8px;}
.maFundWrap .bx-pager-item .bx-pager-link {display: block; text-indent: -9999px; width:10px; height:10px; background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat; background-position:-1142px -68px;}
.maFundWrap .bx-pager-item .bx-pager-link.active {color: #fff; background-position:-1164px -68px;}
.maFundWrap{margin-top:-105px; background:url("/myasset/common/img/ma/bg_maFundWrap.png") no-repeat center bottom}
.maFundWrap ul:after{display:block; content:''; clear:both;}
.maFundWrap .titWrap{margin-bottom:10px;}
.maFundWrap .titWrap .h_tit{font-size:0; width:175px; height:30px; background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat; background-position:-698px -78px;}
.maFundWrap .titWrap .btn-more{position:absolute; right:0; top:6px; z-index:0; font-size:16px; color:#003574; line-height:1.1; height: auto; padding:0 !important; border:0; background:none;}
.maFundWrap .titWrap .btn-more:after{display:inline-block; content:''; width:6px; height:11px; margin-left:10px; background: url("/myasset/common/img/ma/spr_mamain.png") no-repeat; background-position:-1070px 0;}
.maFundWrap .inWrap > .tabs > .tc-tab{float:left; font-size:18px; line-height:65px; width:330px; height:65px; text-align:center; background:#004da7;}
.maFundWrap .inWrap > .tabs > .tc-tab a{display:block; color:#fff; font-weight:700; height:100%; border-left:1px solid #125cb3;}
.maFundWrap .inWrap > .tabs > .tc-tab:first-child a{border-left:0;}
.maFundWrap .inWrap > .tabs > .tc-selected{background:#fff;}
.maFundWrap .inWrap > .tabs > .tc-selected a{color:#004da7}
.maFundWrap .inWrap > .tabs > .tc-tab .ico{width: 20px; height: 20px; margin-right: 6px; vertical-align: text-bottom; background: url("/myasset/common/img/ma/spr_mamain.png") no-repeat; }
.maFundWrap .inWrap > .tabs > .tc-tab.tm1 .ico{background-position:-940px -30px;}
.maFundWrap .inWrap > .tabs > .tc-tab.tm2 .ico{background-position:-980px -32px;}
.maFundWrap .inWrap > .tabs > .tc-tab.tm3 .ico{background-position:-1020px -30px;}
.maFundWrap .inWrap > .tabs > .tc-selected.tm1 .ico{background-position:-940px 2px;}
.maFundWrap .inWrap > .tabs > .tc-selected.tm2 .ico{background-position:-980px 0px;}
.maFundWrap .inWrap > .tabs > .tc-selected.tm3 .ico{background-position:-1020px 2px;}
.maFundWrap .panels{position:relative; z-index:0; height:408px; top:0; margin-bottom:0; border:0;}
.maFundWrap .panels .tabs{height:56px; padding:22px 0 16px 40px; margin:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.maFundWrap .panels .tc-tab{float:left; font-size: 16px; font-weight:400; line-height: 15px;}
.maFundWrap .panels .tc-tab + .tc-tab{padding-left:14px; margin-left:14px; border-left:1px solid #ccc;}
.maFundWrap .panels .tc-selected{font-weight:700;}
.maFundWrap .panels .in-hd{position:relative; z-index:0; height:56px; padding-left:40px;}
.maFundWrap .panels .in-hd p{font-size:16px; color:#000; line-height:56px; font-weight: 400;}
.maFundWrap .panels .date{position:absolute; right:0; top:-32px; z-index:1; font-size:14px; color:#3d3d3d; line-height:1.1; font-weight: 400;}
.maFundWrap .panels .keyWrap{display:table; width:100%; height:312px; text-align:center; background:#017c9b url("/myasset/common/img/ma/maKeyWrap_bg.jpg") no-repeat left bottom;}
.maFundWrap .panels .keyWrap .in{display:table-cell; font-size:0; padding:14px; vertical-align:middle;}
.maFundWrap .panels .keyWrap a{display:inline-block; position:relative; z-index:1; font-size:20px; line-height:65px; min-width:130px; max-width:850px; height:69px; padding:0 32px 0; margin:6px; vertical-align:top;}
.maFundWrap .panels .keyWrap a em{display:block; color:#fff; font-weight:400; max-width:100%; height:100%; background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat; background-position:-32px -970px;  overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}
.maFundWrap .panels .keyWrap a em:before{content:'#';}
.maFundWrap .panels .keyWrap a:before{display:inline-block; position:absolute; top:0px; left:0; z-index:1; content:''; width:32px; height:69px; vertical-align:top; background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat; background-position:0 -970px;}
.maFundWrap .panels .keyWrap a:after{display:inline-block; position:absolute; top:0px; right:0; z-index:1; content:''; width:32px; height:69px; vertical-align:top; background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat; background-position:-957px -970px;}
.maFundWrap .panels .keyWrap a.a2 em{background-position:-32px -1045px;}
.maFundWrap .panels .keyWrap a.a2:before{background-position:0 -1045px;}
.maFundWrap .panels .keyWrap a.a2:after{background-position:-957px -1045px;}
.maFundWrap .panels .keyWrap a.a3 em{background-position:-32px -1122px;}
.maFundWrap .panels .keyWrap a.a3:before{background-position:0 -1122px;}
.maFundWrap .panels .keyWrap a.a3:after{background-position:-957px -1122px;}
.maFundWrap .panels .panels{height:250px;}
.maFundWrap #tabBest .panels li{float:left; height:250px; background:#4e6aa1; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.maFundWrap #tabBest .panels li .in{padding:28px 40px 24px;}
.maFundWrap #tabBest .panels li:nth-child(2n){background:#893f99;}
.maFundWrap #tabBest .panels li:nth-child(3n){background:#654ea1;}
.maFundWrap #tabBest .icon_wrap > span{color:#fff; border-color:rgba(255,255,255,0.5); background:none;}
@media 0screen{.maFundWrap #tabBest .icon_wrap > span{border-color:#fff; }}
.maFundWrap #tabBest .cTxt{display:block; font-size:18px; color:#fff; line-height:24px; margin-top:5px; overflow:hidden;}
.maFundWrap #tabBest .cTxt:hover {text-decoration: underline;}
.maFundWrap #tabBest .fundTit_cont {height:120px; overflow:hidden}
.maFundWrap #tabBest .fundTit_info {padding-top:6px; color:#fff; overflow:hidden}
.maFundWrap #tabBest .btnWrap{margin-top:24px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.maFundWrap #tabBest .btnWrap .btn{font-size:15px; line-height:32px; font-weight:700; width:100%; height:34px; border:1px solid #fff; background:none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.maFundWrap #tabBest p.guideTxt{font-size:14px; line-height:22px; color:#3d3d3d; font-weight:400; width:810px; padding-left:25px; margin: 25px 0 0 40px;}
.maFundWrap #tabBest p.guideTxt:before{top:3px; width:17px; height:17px; background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat; background-position:-883px -0px;}
.maFundWrap #tabBest p.guideTxt .point{color:#004da7;}
.maFundWrap #tabBest .bx-viewport{height:250px !important;}
.maFundWrap #tabRadar .in-body{position:relative; z-index:0;}
.maFundWrap #tabRadar .date{position:absolute; right:0; top:-35px; z-index:1; font-size:14px; color:#3d3d3d; line-height:1.1; font-weight: 400;}
.maFundWrap #tabRadar .bxslider:after{display:block; content:''; clear:both;}
.maFundWrap #tabRadar .bxslider > li{float:left; width:320px; height:310px; background:#f4f4f4; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.maFundWrap #tabRadar .bxslider .tit{height:180px; padding:28px 40px 0px; background:#03847c; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.maFundWrap #tabRadar .bxslider .text{height:130px; padding:0px 40px 24px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.maFundWrap #tabRadar .bxslider .cTxt{display:block; font-size:18px; color:#fff; line-height:24px; margin-top:5px; overflow:hidden;}
.maFundWrap #tabRadar .bxslider .cTxt:hover {text-decoration: underline;}
.maFundWrap #tabRadar .fundTit_cont {height:120px; overflow:hidden}
.maFundWrap #tabRadar .bxslider .fundTit_info {padding-top:1px; color:#fff; overflow:hidden}
.maFundWrap #tabRadar .bxslider li:nth-child(2n) .tit{background:#048854;}
.maFundWrap #tabRadar .bxslider li:nth-child(3n) .tit{background:#638100;}
.maFundWrap #tabRadar .icon_wrap > span{color:#fff; border:1px solid #fff; border-color:rgba(255,255,255,.5); background:none;}
.maFundWrap #tabRadar .simbolWrap{padding:19px 0 14px;}
.maFundWrap #tabRadar .simbolWrap:after{display:block; content:''; clear:both;}
.maFundWrap #tabRadar .simbolWrap li{float:left; width:50%;}
.maFundWrap #tabRadar .simbolWrap li + li{position:relative; z-index:0;}
.maFundWrap #tabRadar .simbolWrap li + li:before{position:absolute; left:-1px; top:50%; z-index:1; content:''; width:2px; height:24px; margin-top:-12px; background:#e2e9ef;}
.maFundWrap #tabRadar .fr-symbol02 {font-size: 15px; color:#3d3d3d; line-height:39px; text-align: center;}
.maFundWrap #tabRadar .fr-symbol02 > span{display:inline-block; line-height:39px; width:24px; height:33px; margin:3px 0 3px 16px; vertical-align:top;}
.maFundWrap #tabRadar .fr-weather02 {font-size:15px; color:#3d3d3d; line-height:39px; font-weight:700}
.maFundWrap #tabRadar .fr-weather02 > span{display:inline-block; line-height:39px; margin-left:16px; margin-bottom:0;}
.maFundWrap #tabRadar .btnWrap .btn{font-size:15px; line-height:32px; font-weight:700; color:#048854; width:100%; height:34px; border:1px solid #048854; background:none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.maFundWrap #tabRadar .bxslider > li > .noData {display:table; width:100%; height:310px; background:#f0f0f0}
.maFundWrap #tabRadar .bxslider > li > .noData .in {display:table-cell !important; color:#0d2a4d; font-size:20px; font-weight:normal; text-align:center; vertical-align:middle;}
.maNewsWrap{padding:30px 0; background:#edf1f2;}
.maNewsWrap .newsBox .titWrap{height:70px; padding:24px 30px 0; margin:0; border-bottom:1px solid #0162b5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.maNewsWrap .newsBox .titWrap .h_tit{font-size:0; width:161px; height:22px; background:url("/myasset/common/img/ma/spr_mamain.png") no-repeat; background-position:-700px -120px;}
.maNewsWrap .newsBox .titWrap .btn-more{position:absolute; right:30px; top:27px; z-index:0; font-size:16px; color:#000; line-height:1.1; height: auto; padding:0 !important; border:0; background:none;}
.maNewsWrap .newsBox .titWrap .btn-more:after{display:inline-block; content:''; width:6px; height:11px; margin-left:10px; background: url("/myasset/common/img/ma/spr_mamain.png") no-repeat; background-position:-1095px 0;}
.maNewsWrap .newsBox .list{margin:4px 30px 7px;}
.maNewsWrap .newsBox .list > li{position:relative; z-index:0; height:50px; padding:18px 0 12px 66px;}
.maNewsWrap .newsBox .list > li + li{border-top:1px solid #cdd8e3;}
.maNewsWrap .newsBox .list > li .num{position:absolute; left:10px; top:20px; z-index:1; font-size:17px; color:#fff; line-height:41px; font-weight:700; width:35px; height:41px; text-align:center; background: url("/myasset/common/img/ma/spr_mamain.png") no-repeat; background-position:-1165px 0;}
.maNewsWrap .newsBox .list > li .tit{display:block; font-size:18px; color:#000; font-weight:700; line-height:1.1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle;}
.maNewsWrap .newsBox .list > li .tit:hover{text-decoration: underline;}
.maNewsWrap .newsBox .list > li .txt{margin-top:4px;}
.maNewsWrap .newsBox .list > li .txt strong{display:inline-block; font-size:16px; color:#dd3900; line-height:1.1; vertical-align:middle;}
.maNewsWrap .newsBox .list > li .txt span{display:inline-block; font-size:14px; color:#3d3d3d; line-height:1.1; margin-left:5px; vertical-align:middle;}
.maNewsWrap .newsBox.newsBox2 {}
.maNewsWrap .newsBox.newsBox2 .list > li {height:60px; padding:10px 0 12px 66px;}
.maNewsWrap .newsBox.newsBox2 .list > li .tit {font-size:16px}
.maNewsWrap .newsBox.newsBox2 .list > li .guideTxt {margin-top:5px}
.maNewsWrap .newsBox.newsBox2 .list > li .guideTxt li {font-size:14px; color:#000; min-height:20px}
.maNewsWrap .newsBox li.noData {display:table; width:100%; height:250px; padding:0}
.maNewsWrap .newsBox li.noData .in {display:table-cell !important; color:#0d2a4d; font-size:20px; font-weight:normal; text-align:center; vertical-align:middle;}

.maMainGoods{height:160px; border:1px solid #d4d5d7; background:#fafafa url("/myasset/common/img/ma/maMainGoods_bg.png") no-repeat left top;}
.maMainGoods dt{float:left; position:relative; z-index:0; width:194px; height:100%;}
.maMainGoods dt span{display:inline-block; position:absolute; left:32px; top:68px; z-index:1; width:132px; height:22px;  text-indent: -99999px; background: url("/myasset/common/img/ma/spr_mamain.png") no-repeat; background-position:-700px -172px;}
.maMainGoods dd{float:right; width:794px; height:100%; padding:35px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.maMainGoods ul{height:100%;}
.maMainGoods li{float:left; width:25%; height:100%; text-align: center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.maMainGoods li a{display:block; height:100%;}
.maMainGoods li a:hover .txt{text-decoration: underline;}
.maMainGoods li + li{border-left:1px solid #eee;}
.maMainGoods li .ico{display:block; width:70px; height:56px; margin:0 auto; background: url("/myasset/common/img/ma/spr_mamain.png") no-repeat;}
.maMainGoods li .ico.i1{background-position:-853px -264px;}
.maMainGoods li .ico.i2{background-position:-948px -264px;}
.maMainGoods li .ico.i3{background-position:-1046px -264px;}
.maMainGoods li .ico.i4{background-position:-1133px -264px;}
.maMainGoods li .txt{display:inline-block; font-size:16px; color:#3d3d3d; line-height:1.1; font-weight:400; padding-left:6px; margin: 15px auto 0;}
.maMainGoods li .txt:after{display:inline-block; content:''; width:6px; height:12px; margin-left:5px; vertical-align:middle; background: url("/myasset/common/img/ma/spr_mamain.png") no-repeat; background-position:-1115px 0;}
.maNewsWrap .newsBox{width:487px; height:336px; border:8px solid #0162b5; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.maMainBan1 li + li{margin-top:16px;}
.maMainBan1 li a{display:block;}
.maMainBan1 li a img{width:487px; height:160px;}
.maBotWrap>.inWrap{padding-top: 40px;}
.maMainBan2{margin-top:16px;}
.maMainBan2:after{display:block; content:''; clear:both;}
.maMainBan2 li a{display:block;}
.maMainBan2 li a img{width:487px; height:160px;}
/* ***** main ver.2 - 180802, ohy(e) ***** */

/* **** 메인 ver.3(210617) - ver.3부터 이미지폴더 별도 생성(/ma/main) **** */
/* ** 211119 추가 ** */
.maTopLinkWrap .mainTitArea h1.tit1 {padding-bottom:0}

.maTabBnWrap {border-top:1px solid #f0f0f0; border-bottom:1px solid #f3f3f3;}
.maTabBnWrap .tabs {width:990px; margin:0 auto;}
.maTabBnWrap .tabs li {position:relative; float:left; height:51px; line-height:51px;}
.maTabBnWrap .tabs li a {padding:0 17px 0; height:51px; line-height:51px; font-size:16px; font-weight:bold; color:#000}
.maTabBnWrap .tabs li.tc-selected a {color:#1a36da}
.maTabBnWrap .tabs li:first-child {padding-left:0}
.maTabBnWrap .tabs li:before {background:0}
.maTabBnWrap .tabs li + li:before {position:absolute; top:19px; left:0; width:1px; height:14px; background-color:#ebebeb; clear:both; display:block; content:''}
.maTabBnWrap .panels {top:0; margin:0; border-top:0; height:160px;}
.maTabBnWrap .panels #tabBn01 {background:#ddecf2}/* 탭1 bg 240412 계수련 수정 */
.maTabBnWrap .panels #tabBn02 {background:#f5f4f7}/* 탭2 bg */
.maTabBnWrap .panels #tabBn03 {background:#eff5fd}/* 탭3 bg 240412 계수련 수정 */
.maTabBnWrap .panels #tabBn04 {background:#eff0fd}/* 탭4 bg 220621 계수련 추가 */
.maTabBnWrap .panels #tabBn05 {background:#f1f4fb}/* 탭5 bg 230220 계수련 추가 */

.maTabBnWrap .sWrap {position:relative; width:990px; margin:0 auto; height:160px;}
.maTabBnWrap .bxslider {height:160px;}
.maTabBnWrap .bxslider li {height:160px;}

/* 220321 추가(버튼 2개일때) */
.maTabBnWrap .bxslider .btn_wrap {position:absolute; left:50%; margin-left:-150px; top:121px;}
.maTabBnWrap .bxslider .btn_wrap a {display:inline-block; margin-left:2px; padding:0 9px; height:22px; line-height:22px; color:#fff; font-size:12px; text-align:center; letter-spacing:-0.04em; vertical-align:middle; background-color:#2d2d2d; border:1px solid #2d2d2d; border-radius:3px; cursor:pointer; overflow:hidden;}
.maTabBnWrap .bxslider .btn_wrap .btn1 {color:#fff}
.maTabBnWrap .bxslider .btn_wrap .btn2 {color:#2d2d2d; background-color:#fff;}
/* 220321 추가(버튼 2개일때)(e) */



/* 240618 추가(금상몰메인 상단 배너 변경 - 사이트매니저에서 관리 가능하도록(추후 적용예정:24년 10월 이후)) */
.maBnWrap {position:relative;}
.maBnWrap .bx-viewport {height:200px !important;}
.maBnWrap .bxslider {position:relative; width:100%; height:200px; overflow:hidden}
.maBnWrap .bxslider li {float:left; width:100%; height:200px; background-position:50% bottom; background-repeat:no-repeat;}
.maBnWrap .bxslider li a {position:relative; display:block; width:100%; height:200px;}
.maBnWrap .bxslider li a .txtWrap {display:block; width:990px; height:130px; margin:0 auto; padding:50px 0 20px 0; overflow:hidden}
.maBnWrap .bxslider li a .txtWrap .txt1 {display:block; color:#000; font-size:13px;}
.maBnWrap .bxslider li a .txtWrap .sTxt1 {display:inline-block; color:#9D2096; font-size:11px; padding:0 10px; border:1px solid #9D2096; border-radius:3px;}
.maBnWrap .bxslider li a .txtWrap .tit1 {display:block; color:#9D2096; font-size:15px;}

.maBnWrap .bx-controls {position:absolute; top:180px; width:100%; height:10px; text-align:center; line-height:1}
.maBnWrap .bx-controls div {display:inline-block}
.maBnWrap .bx-controls a {margin:0 5px; display:inline-block; width:10px; height:10px; font-size:0; vertical-align:top; background:url("/myasset/common/img/ua/spr_ua_main.png") no-repeat;}
.maBnWrap .bx-pager-item a {background-position:-306px -119px}
.maBnWrap .bx-pager-item a.active {background-position:-286px -119px;}
.maBnWrap a.bx-stop {background-position:-269px -119px;}
.maBnWrap a.bx-start {background-position:-322px -119px}
/* 240618 추가(금상몰메인 상단 배너 변경 - 사이트매니저에서 관리 가능하도록)(e) */



/* 220321 추가(이력 팝업) */
.popBody.pop_prsnIntrd {}
.popBody.pop_prsnIntrd .banWrap {height:100px; padding:0 130px 0 30px; background:#eaf5ff url("/myasset/common/img/ma/main/pop_prsnIntrd_banWrap.png") no-repeat right top;}
.popBody.pop_prsnIntrd .banWrap p {padding-top:23px; color:#1b305e; font-size:20px; line-height:1.4; letter-spacing:-0.06em}
.popBody.pop_prsnIntrd .banWrap p strong {color:#1425a1}
.popBody.pop_prsnIntrd .intrd {position:relative; margin:20px 12px 0; min-height:100px;}
.popBody.pop_prsnIntrd .intrd img {position:absolute; left:0; top:0; width:90px; height:100px;}
.popBody.pop_prsnIntrd .intrd dl {padding:16px 0 0 120px;}
.popBody.pop_prsnIntrd .intrd dt {font-size:22px; font-weight:bold; color:#2d2d2d}
.popBody.pop_prsnIntrd .intrd dd {font-size:18px; color:#2d2d2d; line-height:1.4}
.popBody.pop_prsnIntrd .history1 {margin:15px 12px 0; padding-top:10px; border-top:1px solid #ebebeb; overflow:hidden}
.popBody.pop_prsnIntrd .history1 dt {float:left; position:relative; padding-left:10px; font-size:16px; color:#2d2d2d; letter-spacing:-0.05em}
.popBody.pop_prsnIntrd .history1 dt:before {position:absolute; top:13px; left:0; width:3px; height:3px; background-color:#838383; clear:both; display:block; content:''}
.popBody.pop_prsnIntrd .history1 dd {padding-left:118px; font-size:16px; color:#2d2d2d; letter-spacing:-0.06em}
/* 220321 추가(이력 팝업)(e) */

.maTabBnWrap .bxslider .btn_vod {position:absolute; right:81px; top:8px;}
.maTabBnWrap .bxslider a {display:block;}
.maTabBnWrap .bx-wrapper {position:relative;}
.maTabBnWrap .bx-wrapper .bx-viewport {height:160px !important;}
.maTabBnWrap .bxslider .in {position:relative; width:990px; height:160px;}
.maTabBnWrap li img {width:100%;}
.maTabBnWrap .bx-controls {position:absolute; top:127px; right:60px; /* width:100%; */ height:15px; line-height:1; z-index:2;}
.maTabBnWrap .bx-controls div {display:inline-block}
.maTabBnWrap .bx-controls a {margin:0 5px; display:inline-block; font-size:0; vertical-align:top; background:url("/myasset/common/img/ma/main/spr_tabBn.png") no-repeat;}
.maTabBnWrap .bx-pager-item .bx-pager-link {width:10px; height:10px; background-position:-129px -21px}
.maTabBnWrap .bx-pager-item .bx-pager-link.active {background-position:-109px -21px;}
.maTabBnWrap .bx-controls-auto a {width:9px; height:11px;}
.maTabBnWrap a.bx-stop {background-position:-131px 0}
.maTabBnWrap a.bx-start {background-position:-94px 0}

/* 키워드 검색 */
.maMainWrap .kywrdWrap {}
.maMainWrap .kywrdSrch {position:relative; width:990px; margin:0 auto; /* height:68px; line-height:68px; */ overflow: hidden;}
.maMainWrap .kywrdSrch .tit1 {float:left; margin-right:28px; height:68px; line-height:68px; font-weight:normal; font-size:20px; color:#000}
.maMainWrap .kywrdSrch .tit1 span {}
.maMainWrap .kywrdSrch .kywrdList {margin:10px 0 20px; overflow:hidden}
.maMainWrap .kywrdSrch .kywrdList li {float:left; margin-left:9px; margin-top:10px;}
.maMainWrap .kywrdSrch .kywrdList li a {display:block; padding:0 15px; font-size:15px; color:#000; height:28px; line-height:28px; border:1px solid #b4cef1; border-radius:30px;}
.maMainWrap .kywrdSrch .kywrdList li a.ky1 {border-color:#83b8ff}
.maMainWrap .kywrdSrch .kywrdList li a.ky2 {border-color:#8397ff}
.maMainWrap .kywrdSrch .kywrdList li a.ky3 {border-color:#b283ff}
.maMainWrap .kywrdSrch .kywrdList li a.ky4 {border-color:#85cfee}
.maMainWrap .kywrdSrch .kywrdList li a.ky5 {border-color:#c9b3cc}
.maMainWrap .kywrdSrch .btnMore,
.maMainWrap .kywrdSrch .kywrdCont {display:none}/* 모바일만 사용 */
/* ** 211119 추가(e) ** */

.maTopWrap {position:relative; height:470px; background:url("/myasset/common/img/ma/main/bg_visual.png") no-repeat center top; border-bottom:1px solid #eaeaea; overflow:hidden}
.maTopWrap > .in {width:990px; margin:0 auto; padding-top:43px}
.maTopWrap .titWrap {position:relative; margin:0; padding-left:7px}
.maTopWrap .titWrap h2 {display:inline-block; color:#fff; font-size:28px; padding-right:15px; line-height:100%}
.maTopWrap .titWrap .btnMore {display:inline-block; font-size:0; line-height:0; width:30px; height:30px; vertical-align:top; background:url("/myasset/common/img/ma/main/spr_main.png") no-repeat;}
.maTopWrap .topRankFnd {float:left;}
.maTopWrap .topRankFnd .tabs {margin-top:17px; overflow:hidden}
.maTopWrap .topRankFnd .tabs li {float:left; width:144px;}
.maTopWrap .topRankFnd .tabs li a {display:block; padding:9px 0 0 20px; color:#95939d; font-size:16px; line-height:1.3; height:56px; background:url("/myasset/common/img/ma/main/topRk_tab.png") no-repeat 0 0; box-sizing:border-box}/* 220512 수정(웹접근성) */
.maTopWrap .topRankFnd .tabs li a:focus {border:1px solid #000; box-sizing:border-box}/* 220512 추가(웹접근성) */
.maTopWrap .topRankFnd .tabs li a:focus:not(:focus-visible){border:0;} /* 220513 추가(웹접근성) */
.maTopWrap .topRankFnd .tabs li.tc-selected a { color:#fff; background-position:-144px 0}
.maTopWrap .topRankFnd .panels {border-top:0; top:0; margin:0; width:540px; height:278px; background:url("/myasset/common/img/ma/main/topRk_bg.png");}
.maTopWrap .topRankFnd .tc-panel {margin:0 29px; padding-top:15px}
.maTopWrap .topRankFnd .tc-panel li {display:table; position:relative; width:100%; height:79px; border-top:1px dotted #2f2b2f; overflow:hidden}
.maTopWrap .topRankFnd .tc-panel li:first-child {border-top:0}
.maTopWrap .topRankFnd .tc-panel li .num {display:table-cell; width:45px; font-size:40px; color:#c0c0c0; font-style:italic; vertical-align:middle;}
.maTopWrap .topRankFnd .tc-panel li a {display:table-cell; line-height:1.4; color:#fff; font-size:16px; font-weight:bold;  vertical-align:middle;}
.maTopWrap .topRankFnd .tc-panel li a:hover {text-decoration:underline}
.maTopWrap .topRankFnd .tc-panel li a > span {display:block; margin-top:5px; height:46px; overflow:hidden;}/* 210802 추가 */
.maTopWrap .topRankFnd .tc-panel li .rate {display:table-cell; width:170px; text-align:right; font-size:32px; color:#cac6d7; letter-spacing:-0.06em;  vertical-align:middle;}
.maTopWrap .topRankFnd .tc-panel li .rate.plus {color:#ff204f}
.maTopWrap .topRankFnd .tc-panel li .rate.minus {color:#57b6ff}
.maTopWrap .topRankFnd .panels .date {text-align:right; margin-top:-10px; margin-right:29px; font-size:12px; color:#94909e}
.maTopWrap .topRankFnd .btnMore_m,
.maTopWrap .topRankFnd .panels .date_m {display:none}/* 210802추가(모바일만 사용함) */

.maTopWrap .elsDls {margin-left:575px}
.maTopWrap .elsDls .cont {margin-top:15px; width:413px; height:333px; background:rgba(187,172,230,.12); border:1px solid; border-color:rgba(255,255,255,.1)}
.maTopWrap .elsDls .cont > ul {margin:0 26px;}/* 240806 수정 */
.maTopWrap .elsDls .cont li {padding:14px 0; background:url("/myasset/common/img/ma/main/elsdls_line.png") repeat-x left top}
.maTopWrap .elsDls .cont li:first-child {background:none}
.maTopWrap .elsDls .cont li a {position:relative; display:block; color:#fff}
.maTopWrap .elsDls .cont li a:hover {text-decoration:underline}
.maTopWrap .elsDls .cont li a:after {position:absolute; top:26px; right:0; width:23px; height:35px; clear:both; display:block; content:''; /* background:url("/myasset/common/img/ma/main/spr_main.png") no-repeat -50px 0; */}/* 240806 수정 */
.maTopWrap .elsDls .cont li a .tit {display:block; font-size:20px; color:#fff; font-weight:bold; overflow:hidden; /* padding-right:30px; */ text-overflow:ellipsis; white-space:nowrap;}/* 240806 수정 */
.maTopWrap .elsDls .cont li a .txt1 {position:relative; display:block; font-size:14px; color:#cac6d7; padding-left:6px; line-height:1.5; white-space:nowrap; width:355px; overflow:hidden; text-overflow:ellipsis; margin-top:3px; letter-spacing:-0.03em;}/* 240806 수정 */
.maTopWrap .elsDls .cont li a .txt1:before {position:absolute; top:11px; left:0; width:2px; height:2px; background-color:#cac6d7; clear:both; display:block; content:'';}
.maTopWrap .elsDls .cont li.noData {height:290px; line-height:290px; color:#fff; text-align:center; font-size:18px;}/* 210624추가 */

.maMainWrap .maTfnd {position:relative; height:120px; border-bottom:1px solid #eaeaea}
.maMainWrap .maTfnd .in {position:relative; width:980px; margin:0 auto}
.maMainWrap .maTfnd fieldset {position:relative; margin:19px auto 0; width:988px; border:1px solid #4854aa; overflow:hidden}/* 211119 수정(width:986-> 988, border:2 -> 1) */
.maMainWrap .maTfnd label {position:absolute; left:0; top:0; display:inline-block; padding:15px 0 0 25px; width:230px; height:79px; line-height:1.4; font-size:16px; color:#fff; background:#4854aa; box-sizing:border-box;}
.maMainWrap .maTfnd .ico_tf {display:inline-block; width:19px; height:19px; margin-right:4px; vertical-align:top; background:url("/myasset/common/img/ma/main/spr_main.png") no-repeat 0 -50px}
.maMainWrap .maTfnd label strong {display:block; font-size:23px;}
.maMainWrap .maTfnd input[type=text] {margin-left:230px; font-size:22px; width:610px; height:79px; line-height:79px; padding:0 25px; border:none}
.maMainWrap .maTfnd input::-webkit-input-placeholder {font-size:22px; color:#a2a2a4}
.maMainWrap .maTfnd input:-webkit-input-placeholder {font-size:22px; color:#a2a2a4}
.maMainWrap .maTfnd input::-moz-placeholder {font-size:22px; color:#a2a2a4}
.maMainWrap .maTfnd input:-moz-placeholder {font-size:22px; color:#a2a2a4}
.maMainWrap .maTfnd input:-ms-input-placeholder {font-size:22px; color:#a2a2a4}
.maMainWrap .maTfnd .btnSch {display:inline-block; width:95px; height:79px; position:absolute; top:0; right:0; text-align:center; padding-top:22px;  box-sizing:border-box;}
.maMainWrap .maTfnd .btnSch span {overflow:hidden; text-indent:-9999px; display:inline-block; width:37px; height:36px; vertical-align:top; background:url("/myasset/common/img/ma/main/spr_main.png") no-repeat -93px 0}
.maMainWrap .maTfnd .schLayer {position:absolute; top:81px; left:230px; padding:15px 0; width:756px; max-height:450px; overflow-y:auto; border:2px solid #4854aa; background:#fff; z-index:100}
.maMainWrap .maTfnd .schLayer li {font-size:16px;}
.maMainWrap .maTfnd .schLayer li span,
.maMainWrap .maTfnd .schLayer li a {display:block; padding:6px 20px; font-size:18px; background:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.maMainWrap .maTfnd .schLayer li a:hover {background:#e6e6e6}

.maMainCont1 {position:relative; width:990px; margin:30px auto 0; overflow:hidden}
.maMainCont1 .hotIssue {float:left;}
.maMainCont1 .hotIssue .titWrap {position:relative; margin:0;}
.maMainCont1 .hotIssue .titWrap h2 {display:inline-block; font-size:30px; color:#000; line-height:100%}
.maMainCont1 .hotIssue .titWrap .btnMore {position:absolute; top:0; right:0; display:inline-block; padding-left:13px; width:85px; height:31px; line-height:31px; font-size:14px; color:#1f2627; border:1px solid #e0e0e0; box-sizing:border-box;}
.maMainCont1 .hotIssue .titWrap .btnMore:after {display:inline-block; content:''; clear:both; width:13px; height:13px; position:absolute; right:11px; top:9px; background:url("/myasset/common/img/ma/main/spr_main.png") no-repeat -39px -50px}
.maMainCont1 .hotIssue .list {margin-top:29px; overflow:hidden}
.maMainCont1 .hotIssue .list li {float:left; margin-left:15px; width:230px; overflow:hidden}
.maMainCont1 .hotIssue .list li:first-child {margin-left:0}
.maMainCont1 .hotIssue .list li a {display:block; position:relative; height:188px}
.maMainCont1 .hotIssue .list li a img {display:block; width:230px; height:188px}
/* 210625추가 및 수정 */
.maMainCont1 .hotIssue .list .ico_pic, .maMainCont1 .hotIssue .list .ico_play {display:inline-block; content:''; clear:both; width:44px; height:44px; position:absolute; left:50%; top:50%; margin:-45px 0 0 -22px; background:url("/myasset/common/img/ma/main/spr_main.png") no-repeat; z-index:1;}
.maMainCont1 .hotIssue .list .ico_pic {background-position:-149px 0;}
.maMainCont1 .hotIssue .list .ico_play {background-position:-258px 0;}
/* 210625추가 및 수정(e) */
.maMainCont1 .hotIssue .list .cDim {position:absolute; bottom:0; left:0; right:0; height:65px; background-color:rgba(34,75,113,.6);}
.maMainCont1 .hotIssue .list .txt1 {position:absolute; bottom:0; left:0; height:46px; line-height:1.4; font-size:16px; color:#fff; margin-bottom:7px; padding:0 10px; overflow:hidden; z-index:1;}

/* 추후 삭제 예정(211202) */
.maMainCont1 .fundBn {float:right;}
.maMainCont1 .fundBn a,
.maMainCont1 .fundBn a img {display:block}
/* 추후 삭제 예정(211202)(e) */

/* 211119 추가 */
.maMainCont1 .r_bnWrap {float:right;}
.maMainCont1 .r_bnWrap a,
.maMainCont1 .r_bnWrap a img {display:block}
.maMainCont1 .r_bnWrap .bn2 {margin-top:10px;}
/* 211119 추가(e) */

.maMainCont2 {margin-top:60px; height:322px; text-align:center; background:url("/myasset/common/img/ma/main/taxbnPrdct_bg.png");}
.maMainCont2 h2 {padding-top:39px; font-size:31px; color:#2f333e; line-height:100%}
.maMainCont2 .list {width:1028px; margin:20px auto 0; overflow:hidden}
.maMainCont2 .list li {float:left; width:25%}
.maMainCont2 .list a {position:relative; display:block; width:193px; height:193px; margin:0 auto; background:url("/myasset/common/img/ma/main/spr_main.png") no-repeat 0 -165px;}
.maMainCont2 .list a:hover {background-position:-213px -165px}
.maMainCont2 .list .ico_p {display:inline-block; margin:57px auto 0; background:url("/myasset/common/img/ma/main/spr_main.png") no-repeat;}
.maMainCont2 .list .prdct1 .ico_p {width:69px; height:55px; background-position:0 -90px}
.maMainCont2 .list .prdct2 .ico_p {width:60px; height:50px; background-position:-89px -90px}
.maMainCont2 .list .prdct3 .ico_p {width:57px; height:50px; background-position:-169px -90px}
.maMainCont2 .list .prdct4 .ico_p {width:52px; height:51px; background-position:-246px -90px}
.maMainCont2 .list a .txt1 {display:block; text-align:center; font-size:24px; color:#000; letter-spacing:-0.06em}
.maMainCont2 .list a:hover .txt1 {text-decoration:underline}

.maMainBn {margin:60px auto 30px; width:990px; overflow:hidden}/* 221202수정(margin-bottom) */
.maMainBn li {float:left; margin:0}
.maMainBn li + li {float:right;}
.maMainBn li a, .maMainBn li img {display:block}
.maMainBn li a.hide {display:none}
.maMainBn li a:focus {border:1px solid #000; box-sizing:border-box}/* 220512추가(웹접근성) */
.maMainBn li a:focus:not(:focus-visible){border:0;} /* 220513 추가(웹접근성) */

/* 221202 추가 */
.maMainBn2 {margin:0 auto 40px; padding:30px 29px 35px 35px; width:926px; background:#f5f5f5;}
.maMainBn2 h2 {font-size:30px; color:#000}
.maMainBn2 h2 span {font-size:30px; font-weight:normal; color:#000}
.maMainBn2 p {font-size:18px; color:#000}
.maMainBn2 p strong {font-size:18px; color:#000; font-weight:normal;}
.maMainBn2 ul {margin-top:20px; overflow:hidden}
.maMainBn2 ul li {float:left; margin-left:10px;}
.maMainBn2 ul li:first-child {margin-left:0;}
.maMainBn2 ul li a {display:block; width:300px; height:49px; line-height:49px; font-size:18px; font-weight:bold; color:#000; text-align:center; border:1px solid #d7d7d7; background:#fff;}
/* 221202 추가(e) */

.maMainWrap .invstNotes {width:990px; margin:0 auto 40px;}
.maMainWrap .invstNotes h2 {font-size:17px; color:#000; font-weight:normal; padding-bottom:10px}
.maMainWrap .invstNotes h2 .ico_noti {display:inline-block; width:23px; height:21px; vertical-align:middle; background:url("/myasset/common/img/ma/main/spr_main.png") no-repeat -214px 0;}
.maMainWrap .invstNotes .guideTxt li {color:#000}

/* 플로팅배너(이벤트)(21823추가) */
.ma_floating {position:fixed; left:50%; margin-left:375px; bottom:30px; width:250px; height:290px; z-index:120;}
.ma_floating a {display:block;}
.ma_floating a img {display:block; width:250px; height:290px;}
.ma_floating .btnClose {position:absolute; top:231px; right:26px; width:32px; height:32px;}
.ma_floating .btnClose .ico {width:32px; height:32px; background:url("/myasset/common/img/ma/main/spr_main.png") no-repeat; background-position:-322px 0}
/* **** 메인 ver.3(e) **** */

/* 170711 추가 : 투자유의사항 */
.investment_note {/* padding:40px 0;background-color:#f8f8f8; */ padding-bottom:40px; background-color:#fff}
.investment_note > div {width:980px; margin:0 auto;}
.investment_note h2 {font-size:17px;color:#000;font-weight:normal;padding-bottom:10px}
.investment_note .guideTxt li {color:#000}

.iconM {display:inline-block;vertical-align:middle;font-size:0; background:url("/myasset/common/img/ua/spr_ua_main.png") no-repeat;}
.iconM.type19 {width:23px;height:21px;background-position:-729px 0px;}
/* 170711 추가 : 투자유의사항(e) */

/* toonHeaderWrap */
.toonHeaderWrap{border-top:2px solid #7e7f7e;margin-top:-32px;position:relative;}
.toonHeaderWrap .tit{display:block;height:53px;line-height:58px;color:#313131;font-size:20px}
.toonHeaderWrap .boxWrap{padding-bottom:10px}
.toonHeaderWrap .boxWrap .guideTxt li{margin-bottom:10px;}

/*isaGuide*/
.isaGuide{height:559px;position:relative;background:url("/myasset/common/img/ma/bg_isa.gif")}
.isaGuide .btIsa{width:182px;height:89px;background:url("/myasset/common/img/ma/bt_isaGuide.png") no-repeat;position:absolute;top:59px;right:48px;font-size:0;overflow:hidden;line-height:0}

/* investGuideWrap */
.investGuideWrap{background:url("/myasset/common/img/ma/img_ma1001000p1.jpg") no-repeat;height:144px;padding:137px 30px 0;}
.investGuideWrap dt{height:0;width:0;min-height:0;padding:0}
.investGuideWrap .guideTxt{margin:0;}
.investGuideWrap .guideTxt dd{padding:0;} 

.investPoint{display:none}
/* 220727 추가(투자포인트) */
.investPoint2 {display:block; padding-bottom:20px; overflow:hidden;}
.investPoint2 li {float:left; width:33.3%; position:relative; text-align:center}
.investPoint2 li .txt1 {display:block; margin-top:25px; padding:0 20px; font-size:16px; color:#000; line-height:1.4; letter-spacing:-0.06em;}
.investPoint2 li .txt2 {margin-top:12px; padding:0 20px; font-size:14px; color:#000; line-height:1.4; letter-spacing:-0.06em;}
.investPoint2 li .item {display:block; margin:0 auto; width:174px; height:174px; background:url("/myasset/common/img/ma/img_ma_0305000p1_02.png") no-repeat;}
.investPoint2 li .item01 {background-position:0 0;}
.investPoint2 li .item02 {background-position:-184px 0;}
.investPoint2 li .item03 {background-position:-368px 0;}
/* 220727 추가(e) */

.titGuess{position:relative;height:57px;font-size:15px;margin-bottom:9px;padding:10px 0 0 79px}
.titGuess>span{width:67px;height:67px;background-position:0 -220px;position:absolute;top:0;left:0;}
.titGuess>strong{font-size:18px;color:#3d3d3d;display:block;line-height:18px;margin-bottom:5px}
.flagWrap{display:inline-block;width:100px;text-align:left !important;position:relative;}
.flag{position:absolute;left:50px;top:50%;}
/* 170925추가 */
.flagWrap2 {display:block;position:relative;}
.flagWrap2 .flag {position:relative;left:auto;top:auto;margin:1px 0 0 !important}
/* 170925추가(e) */

.flag.flag01{width:40px;height:25px;background-position:-77px -220px;margin-top:-12.5px}
.flag.flag02{width:39px;height:24px;background-position:-119px -220px;margin-top:-12px}
.flag.flag03{width:41px;height:26px;background-position:-160px -220px;margin-top:-13px}
.flag.flag04{width:37px;height:23px;background-position:-203px -220px;margin-top:-11.5px}
.flag.flag05{width:36px;height:36px;background-position:-242px -220px;margin-top:-18px}
.flag.flag06{width:38px;height:23px;background-position:-283px -220px;margin-top:-12px}
.flag.flag07{width:38px;height:23px;background-position:-326px -220px;margin-top:-12px}

/* banner */
.bannerWrap.portfolioGuideWrap {background:url("/myasset/common/img/ma/bg_portfolio_msg.jpg") no-repeat;}
.bannerWrap.rmFundGuideWrap {height:160px;background:url("/myasset/common/img/ma/ban_ma0101000p1.jpg");}
.bannerWrap.rmFundGuideWrap .fs11 {color:#6d6d6d;}
.bannerWrap.onlineFundGuideWrap {padding-top:50px;background:url("/myasset/common/img/ma/ban_ma0106001p1.jpg");}
.bannerWrap.wAssetGuideWrap {padding-top:50px;background:url("/myasset/common/img/ma/ban_ma0205000p1p1.jpg");}
.bannerWrap.wCmaGuideWrap {padding:40px 250px 0 34px ;background:url("/myasset/common/img/ma/ban_ma0501001p1.jpg");}
.bannerWrap.wCmaBenGuideWrap {padding-top:40px;background:url("/myasset/common/img/ma/ban_ma0501002t2.jpg");}
.bannerWrap.wCmaComBenGuideWrap {padding-top:50px;background:url("/myasset/common/img/ma/ban_ma0501002t3.jpg");}
.bannerWrap.wCmaServBenGuideWrap {padding-top:50px;background:url("/myasset/common/img/ma/ban_ma0501002t5.jpg");padding-right:430px}
.bannerWrap.cardInfoGuideWrap {letter-spacing:-1px;height:149px;padding-left:40px;padding-top:40px;background:url("/myasset/common/img/ma/bg_cardInfo_msg.jpg");box-sizing:border-box;}
.bannerWrap.cardInfoGuideWrap .txt1 {color:#3d3d3d;font-size:16px;font-weight:bold;}
.bannerWrap.cardInfoGuideWrap .txt2 {letter-spacing:-2px;color:#000;font-size:30px;line-height:34px;font-weight:bold;}
.bannerWrap.myWrapGuideWrap {padding-top:40px;background:url("/myasset/common/img/ma/ban_ma0702000t1.jpg");}

/* 160616 추천펀드 추가 */
.fundList.rmFundList {}
.fundList.rmFundList dd > ul > li .tit {margin:20px 0;}
.fundList.rmFundList .rmReason {padding:10px; background-color:#f4f4f4;}
.fundList.rmFundList .rmReason dt {height:15px; line-height:15px; font-size:14px; font-weight:bold; color:#000; padding:0; margin:0; text-align:left; background:none;}
.fundList.rmFundList .rmReason dt > span {display:inline-block; margin-right:3px; width:17px; height:14px; background: url("/myasset/common/img/spr_com_new.png") no-repeat; background-position:0px 0px; vertical-align: middle; font-size:0px; overflow:hidden; line-height:0;}
.fundList.rmFundList .rmReason dd {position:relative; margin-top:8px; padding:0 0 0 6px; font-size:13px; line-height:18px; color:#3d3d3d; width:322px; height:72px; overflow:hidden;
text-overflow:ellipsis;}
.fundList.rmFundList .rmReason dd:before {position: absolute; top:7px; left:0; width:2px; height:2px; background-color:#000; clear:both; display:block; content:'';}
.fundList.rmFundList dd > ul > li .bt {margin-top:20px;} 

/* 161025 제휴사 할인혜택 추가 */
.partnership_discount {margin-top:-32px;}/*161101 추가*/
.partnership_discount .customer_notice {margin-top:30px; padding:40px; background-color:#ededec;}
.partnership_discount .customer_notice dt {font-size:16px; color:#000; letter-spacing:-1px;}
.partnership_discount .customer_notice dd {margin-top:15px; color:#000;}
.partnership_discount .customer_notice dd li {color:#000; letter-spacing:-1px;}

/* 161104 보유펀드 상세 추가 */
.listDetailWrap .itemWrap.type3 > li {padding:10px 0 45px; min-height:125px;}
.listDetailWrap .itemWrap.type3 .ratio {top:15px;}
.fundViewInfo.firsView {margin-top:-32px;} 

.fundDetail {margin-top:10px;}
.fundDetail > div > div {padding:20px; height:249px; position:relative;}
.fundDetail div.lCont > div {background:url('/myasset/common/img/fr/pat_box01.png') repeat;}
.fundDetail div.cCont > div.weatherGood {background:url("/myasset/common/img/fr/bg_weathergood2.jpg") no-repeat center center}
.fundDetail div.cCont > div.weatherBad {background:url("/myasset/common/img/fr/bg_weatherbad2.jpg") no-repeat center center}
.fundDetail div.cCont > div.weathernoData {background:url('/myasset/common/img/fr/pat_box02.png') repeat;}
.fundDetail div.rCont > div {border:1px solid #e1e1e2; height:247px;}

.fundDetail > div > div h4 {font-size:20px; font-weight:bold; letter-spacing:-1px; height:50px; position:relative; }
.fundDetail > div > div h4 span {position:absolute; top:0; right:0;}
.fundDetail > div > div h4 .btn {height:20px; line-height:20px; border-radius:2px; font-size:12px; padding:0 7px !important; background-color:#fff; border-color:#9d9d9d;}
.fundDetail > div > div p.bottomTxt {text-align:center; font-weight:bold; font-size:13px; line-height:23px; letter-spacing:-1px;}
.fundDetail > div > div p.bottomTxt.white {color:#fff;}

.fundDetail > div.lCont > div h4 {color:#fff;}
.fundDetail > div.cCont > div h4,
.fundDetail > div.rCont > div h4 {color:#000; }
.fundDetail > div.cCont > div.weatherBad p.bottomTxt {color:#fff;}
.fundDetail > div.cCont > div.weatherBad p.bottomTxt > span {border-bottom:1px solid #fff;}
.fundDetail > div.cCont > div.weatherBad h4 {color:#fff;}
.fundDetail > div.cCont div.symbolArea {height:150px;}
.fundDetail > div.cCont p.bottomTxt.white {color:#fff}
.fundDetail > div.cCont p.bottomTxt span.blb {border-bottom:1px solid #3d3d3d; padding-bottom:3px;}
.fundDetail > div.rCont > div h4 {height:40px; }
.fundDetail > div > div .fr-symbol04 p {position:absolute; color:#fff; font-size:20px; font-weight:bold; text-align:center; width:210px; letter-spacing:-0.5px;}
.fundDetail > div > div .fr-symbol04 span {margin:0 auto;}
.fundDetail > div.rCont > div .graph_area {height:204px; background:#efefef;}

/* 161108 보유펀드 성과 추가*/
.havefundBox .bar_darkBlue {background:#1e458e; }
.havefundBox .percent_darkBlue {color:#1e458e; }
.havefundBox .bar_sky {background:#009be5; }
.havefundBox span.percent_sky {color:#009be5; }
.havefundBox .bar_blue {background:#0097bd; }
.havefundBox span.percent_blue {color:#0097bd; }
.havefundBox .bar_orange {background:#f16521; }
.havefundBox span.percent_orange {color:#f16521; }
.havefundBox .bar_red {background:#e53603; }
.havefundBox span.percent_red {color:#e53603; }
.havefundBox .bar_darkRed {background:#b73216; }
.havefundBox span.percent_darkRed {color:#b73216; }

.barBox {padding:20px 0 60px; border-bottom:1px solid #ccc; }
.barBox > span {display:inline-block; width:110px; float:left; font-size:18px; letter-spacing:-1px; font-weight:bold}
.barBox ul {width:648px; float:left; margin-top:9px; }
.barBox ul li:after {content:''; position:absolute; top:0px; left:0px; width:1px; height:26px; background-color:#ccc; z-index:10;}
.barBox ul li.first:after {background-color:#fff;}
.barBox ul li {float:left; width:108px; height:12px; position:relative; }
.barBox ul li span.bar {position:absolute; left:0; top:0; display:block; width:1px; height:12px; background-color:#fff; z-index:20;}
.barBox ul li span.num {font-size:16px; letter-spacing:-0.5px; display:block; margin:30px 0 0 -13px}
.barBox ul li span.num.zero { margin:30px 0 0 -3px}

.threeBox > ul > li .bar {display:block; width:100%; height:6px; }
.threeBox > ul > li {width:33%; float:left; padding-right:10px; margin-top: 20px; box-sizing:border-box; height:356px; min-height:36px;}
.threeBox > ul > li .innerWrap {position:relative; border:1px solid #d9d9d9; padding:25px 22px; }
.threeBox > ul > li .innerWrap p.name {font-size:18px; line-height:28px; letter-spacing:-0.5px; color:#000; height:84px; overflow:hidden;}
.threeBox > ul > li .innerWrap ul {overflow:hidden; border-bottom:1px solid #e5e5e5; padding:25px 0 30px; }
.threeBox > ul > li .innerWrap ul li {float:left; border-left:1px solid #e5e5e5; height:31px; }
.threeBox > ul > li .innerWrap ul li.first {border-left:0; width:90px; letter-spacing:-1.5px;}
.threeBox > ul > li .innerWrap ul li.first.only {width:100%; text-align:center;}
.threeBox > ul > li .innerWrap ul li.first span.percent {font-size:32px; display:inline-block; margin-top:-12px; }
.threeBox > ul > li .innerWrap ul li.first span.sm {font-size:17px; }
.threeBox > ul > li .innerWrap ul li.second {width:68px;}
.threeBox > ul > li .innerWrap ul li.last {width:42px;}
.threeBox .fr-symbol00 {text-align:center;}
.threeBox .fr-symbol00 > span {display:block; margin:0 auto;}
.threeBox .fr-weather00 > span {margin:5px 15px;}
.threeBox > ul > li .innerWrap .priceWrap {padding:10px 0 23px;}
.threeBox > ul > li .innerWrap .priceWrap p {font-size:13px; color:#666; height:24px;}
.threeBox > ul > li .innerWrap .priceWrap p span {float :right; color:#000; }

/* 운용사 추천펀드 - 20161110추가 */
.bannerWrap.pushFund_banner {background:url('/myasset/common/img/ma/img_MA_0102000_P1.jpg') no-repeat; height:130px; padding:30px 0 0 40px;}
.bannerWrap.pushFund_banner p {color:#f0641e; font-size:16px; line-height:26px; font-weight:bold;}
.bannerWrap.pushFund_banner p > span {color:#000;}
.bannerWrap.pushFund_banner > span {font-size: 11px; line-height: 16px; color:#6d6d6d; }

#push_fundWrap{border-top:2px solid #000;}
#push_fundWrap dt{position:relative; height:50px; padding:18px 0 15px; border-bottom:1px solid #e8e8e8}
#push_fundWrap dt ul li {float:left; padding:0 20px; position:relative; }
#push_fundWrap dt ul li.line:after {content: ''; display: block; position: absolute; top:3px; left:0px; width:1px; height:35px; background: #cacaca;}

#push_fundWrap > a {display:block;}
#push_fundWrap dt > ul > li span {display:inline-block;}
#push_fundWrap dt > ul > li .txt01 {width:96px; letter-spacing:-0.5px; font-size:15px; color:#f0641e; font-weight:bold;}
#push_fundWrap dt > ul > li .txt01.line2 {line-height:20px}
#push_fundWrap dt > ul > li .txt02 {width:395px; font-size:18px; line-height:26px; color:#000; margin-top:-5px;}
#push_fundWrap dt > ul > li .txt03 { font-size:13px; color:#666; line-height:20px;}
#push_fundWrap dt > ul > li .txt03 em {font-size:22px;}
#push_fundWrap dt > ul > li .txt03 em span {font-size:16px;}
#push_fundWrap dt.on > ul > li .txt02 {font-weight:bold;}

#push_fundWrap dt .arrow_img {position:absolute; right:15px; top:0;height:100%; }
#push_fundWrap dt .arrow_img img {position:absolute; right:0; top:45%; }
#push_fundWrap dd {padding:0; margin:0; background-color:#e8e8e8; }
#push_fundWrap .slide {display:none; position:relative; }
#push_fundWrap .cul_box {padding:10px 25px; overflow:hidden; }
#push_fundWrap .cul_box > div {position:relative; overflow:hidden; padding:10px 0; border-bottom:1px solid #ccc;}
#push_fundWrap .cul_box > div .titWrap {position:absolute; top:3px; right:0;}
#push_fundWrap .cul_box > div p {font-weight:bold; padding-right:15px; float:left;}
#push_fundWrap .cul_box > div p.last {float:none; margin-bottom:5px;}
#push_fundWrap .cul_box > div span {font-size:13px; color:#333;}
#push_fundWrap .cul_box > div > ul li {float:left;}
#push_fundWrap .cul_box > div > ul li span {display:inline-block; width:37px; text-align:right; letter-spacing:-1px; padding-right:20px;}
#push_fundWrap .cul_box > div > ul li span.num {text-align:right; }
#push_fundWrap .cul_box .btn_wrap {width:100%; border-bottom:0;}

/* 자산배분현황 */
.stateBox01 {border:1px solid #e1e1e2; position:relative; }
.stateBox01 > div {position:absolute; left:10px; top:-1px; text-align:center; width:145px; height:100px; background-color:#f0641e; border-radius:0 0 20px 0; padding-top:25px;}
.stateBox01 > div p.tit {color:#fff;font-size:13px; height:17px; letter-spacing:-0.5px;}
.stateBox01 > div p.won {color:#fff;font-size:36px; font-weight:bold; letter-spacing:-1px;}
.stateBox01 > div p.won span {font-size:18px; font-weight:normal;}
.stateBox01 ul {width:620px; float:right; }
.stateBox01 ul li {width:132px; float:left; margin:25px 0; padding:0 10px; border-right:1px dashed #c7c7c7; }
.stateBox01 ul li.last {border-right:0;}
.stateBox01 ul li p.tit {color:#000; height:38px; letter-spacing:-0.5px; }
.stateBox01 ul li p.won {font-size:16px; color:#000; letter-spacing:-0.5px; font-weight:bold; position:relative;}
.stateBox01 ul li p > span {font-size:13px; font-weight:normal; position:absolute; right:0; top:5px; }
.stateBox02 > div .graphBox {border:1px solid #e1e1e2; height:378px; position:relative;}
.stateBox02 > div .graphBox .remark {position:absolute; width:100%; left:0; bottom:10px;}

.graphBox-fix > div .graphBox{overflow:hidden;}

.square.color18 {background-color:#f67737}
.square.color19 {background-color:#ff9c37}
.square.color20 {background-color:#cdcac1}
.square.color21 {background-color:#80857e}
.square.color22 {background-color:#70cbe8}
.square.color23 {background-color:#0ca0d6}
.square.color24 {background-color:#1874c5}
.square.color25 {background-color:#22489d}
.square.color26 {background-color:#2f3370}

/*** 비과세 해외주식형펀드 - 상품보기(탭) 170919추가 (171212수정) ***/
/* .frBtnWrap {display:block; z-index:70; position:fixed; left:0; right:0; top:500px; width:1222px; max-width:1222px; text-align:right; margin:0 auto;}
.frBtnWrap .frBtn {float:right; display:block; width:97px; height:98px; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat 0px -338px; margin-left:0;} */
.frBtnWrap {display:inline-block; position:fixed; left:50%; top:500px; width:97px; height:98px; margin-left:520px}
.frBtnWrap .frBtn {display:inline-block; width:97px; height:98px; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat 0px -338px; margin-left:0;}

/* 체크카드 수정 171206 추가 */
.cousnoticeWrap {border:1px solid #e8e8e8; padding:20px; margin-top:40px;}
.cousnoticeWrap .noticeTit  {display:block; height:35px; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat 0px -455px;} 
.cousnoticeWrap .noticeTit > span {font-size:17px; color:#111; line-height:20px; padding-left:28px; font-weight:normal;}
.boxWrap.type2  .guideTxt li:first-child {margin-left:0;}
.cInfoTextWrap .cInfoTextTit.type2 {display:inline-block; margin-right:5px;}
.cInfoTextWrap .cInfoTextTit.type2 + .icon_wrap {vertical-align:super;}
.titWrap .rCont .purple {color:#051a9b}

.popPayinfo {overflow:hidden; margin-top:10px; border:1px solid #e8e8e8}
.popPayinfo li {float:left; width:25%; text-align:center; box-sizing:border-box; border-right:1px solid #e8e8e8; padding:10px}
.popPayinfo li span {display:inline-block; width:60px; height:30px; font-size:0px; color:#fff; background:url("/myasset/common/img/mobile/ma/bg_payinfo.png") no-repeat; background-size:100% auto;}
.popPayinfo li:nth-child(1),.popPayinfo li:nth-child(2),.popPayinfo li:nth-child(3),.popPayinfo li:nth-child(4) {border-bottom:1px solid #e8e8e8}
.popPayinfo li:nth-child(4) {border-right:none}
.popPayinfo li:nth-child(1) span {background-position:0 0}
.popPayinfo li:nth-child(2) span {background-position:0 -30px}
.popPayinfo li:nth-child(3) span {background-position:0 -60px}
.popPayinfo li:nth-child(4) span {background-position:0 -90px}
.popPayinfo li:nth-child(5) span {background-position:0 -120px}
.popPayinfo li:nth-child(6) span {background-position:0 -150px}
.popPayinfo li:nth-child(7) span {background-position:0 -180px}

/* ELS/DLS 소개 > 홈런ELS (180417 안정모 추가) */
.homeRunElsWrap {margin-top:-32px;}
.homeRunElsWrap .visualWrap {position:relative;}
.homeRunElsWrap .visualWrap .btnArea {position: absolute;left:50%;bottom: -10px;margin-left:-120px;}
.homeRunElsWrap .visualWrap .btnArea a {display:block;}
.homeRunElsWrap .con1 {padding-bottom:30px}
/* ELS/DLS 소개 > 홈런ELS (180417 안정모 추가) (e) */

/* ***** 추천펀드 ***** */
.tacticMsgWrap{position:relative; height:73px; padding:40px 60px; margin-top:-32px; background: url("/myasset/common/img/ma/bg_tacticMsg.jpg") no-repeat; }
.tacticMsgWrap dt{text-indent:-9999px; width:145px; height:36px; background: url("/myasset/common/img/ma/spr_ma.png") no-repeat; background-position:-144px -348px;}
.tacticMsgWrap dd{font-size:18px; color:#fff; line-height:24px; font-weight:700; margin-top:10px;}
.tacticMsgWrap dd .btn{font-size:13px; color:#fff; line-height:24px; height:auto; padding:0 10px; margin-left:5px; vertical-align: top; border:0; background:#4b4b4b;}
.tacticSchWrap{height:58px; padding:20px 60px; margin:5px 0 34px; background:#e2e2e2;}
.tacticSchWrap .cmt{position:relative; z-index:0; font-size:13px; color:#000; line-height:17px; font-weight:700; padding-left:20px; margin-bottom:6px;}
.tacticSchWrap .cmt:before{display:inline-block; content:''; position:absolute; left:0; top:0; z-index:1; width:17px; height:17px; background: url("/myasset/common/img/ma/spr_ma.png") no-repeat; background-position:-320px -348px;}
.tacticSchWrap .cmt .point{color:#dd3900;}
.tacticSchWrap fieldset{font-size:0;}
.tacticSchWrap .input{width:428px; height:36px; border:0; border-top-left-radius:3px; border-bottom-left-radius:3px;}
.tacticSchWrap .input::-ms-clear,
.tacticSchWrap .input::-ms-reveal {display:none; width:0; height:0;}
/* 250513수정(웹접근성 명도대비) */
.tacticSchWrap .input::placeholder{font-size:14px; /* color:#999; */}
.tacticSchWrap .input:-ms-input-placeholder{font-size:14px; /* color:#999; */}
.tacticSchWrap .input::-moz-placeholder{font-size:14px; /* color:#999; */}
.tacticSchWrap .input::-webkit-input-placeholder{font-size:14px; /* color:#999; */}
/* 250513수정(웹접근성 명도대비)(e) */
.tacticSchWrap .btn{font-size:13px !important; color:#fff; line-height: 36px !important; width:222px; height:36px !important; padding:0; border:0; border-top-left-radius:0; border-bottom-left-radius:0; background:#04399b;}
.tacticSchWrap .btn .ico{width:5px; height:10px; margin-left:10px; background: url("/myasset/common/img/ma/spr_ma.png") no-repeat; background-position:-353px -348px;}
/* 180905추가 */
.tacticSchWrap .sch-layer{position:relative;z-index:10;width:448px;text-align:left;border:1px solid #899cb6;background:#fff;box-shadow:1px 3px 6px -1px rgba(0,0,0,.17);-webkit-box-shadow:1px 3px 6px -1px rgba(0,0,0,.17);-moz-box-shadow:1px 3px 6px -1px rgba(0,0,0,.17);max-height: 282px;overflow:hidden;overflow-y: auto;}
.tacticSchWrap .sch-layer li{padding:0 14px; }
.tacticSchWrap .sch-layer li:hover{color:#3175d0; background:#fafbff;}
.tacticSchWrap .sch-layer li+li{border-top:1px solid #edeff4;}
.tacticSchWrap .sch-layer li > span,
.tacticSchWrap .sch-layer li a{display:block; font-size:14px; color:#666; line-height:34px; overflow: hidden; white-space: nowrap;}
/* 180905추가(e) */
.tacticTabs > .tabs > li{width:263px !important;}
.tacticTabs > .tabs > li:first-child{width:264px !important;}
.tacticTabs > .panels{padding-top:10px;}
.tacticTabs .subTabWrap .tc-tab .ico{width:17px; height:14px; margin-right:5px; vertical-align:text-top; background: url("/myasset/common/img/ma/spr_ma.png") no-repeat; background-position:-409px -348px;}
.tacticTabs .subTabWrap .tc-selected .ico{background-position:-439px -348px;}
.tacticTabs .titWrap{margin-bottom:0;}
.tacticTabs .no-data{display:table; width:100%; height:136px; border:3px solid #e3edf3; background: url("/myasset/common/img/ma/bg_goods_noData.png") no-repeat; background-position:top right;}
.tacticTabs .no-data .in{display:table-cell; font-size:18px; color:#3d3d3d; font-weight:700; text-align:center; vertical-align:middle;}
.tacticTabs .no-data .point{color:#1f80d2;}
/* 250612 추가 */
.tacticTabs .btn.tacticBtn {height:28px; line-height:27px; font-size:14px; border-color:#1779cc; background-color:#1779cc; color:#fff; padding:0 16px !important; border-radius:3px;}
.tacticTabs .btn.tacticBtn .ico {width:20px; height:16px; margin-right:5px; vertical-align:text-top; background: url("/myasset/common/img/ma/spr_ma.png") no-repeat; background-position:-466px -348px;}

.fndsRcmnList {}
.fndsRcmnList li {position:relative; padding:30px 0 20px 105px; min-height:70px; border-top:1px solid #d3d3d3;}
.fndsRcmnList li:before {content:""; position:absolute; top:-1px; left:50%; margin-left:-11px; width:22px; height:11px; background:url("/myasset/common/img/ma/fndsRcmnList_arrow.png") no-repeat center -1px; z-index:1}
.fndsRcmnList li.first:before {background:none;}
.fndsRcmnList li:first-child {border:0; background:0;}
.fndsRcmnList li .ico {position:absolute; left:0; top:20px; width:80px; height:80px;}
.fndsRcmnList li .ico.ico01 {background:url("/myasset/common/img/ma/fndsRcmnList_ico_01.png") no-repeat;}
.fndsRcmnList li .ico.ico02 {background:url("/myasset/common/img/ma/fndsRcmnList_ico_02.png") no-repeat;}
.fndsRcmnList li .ico.ico03 {background:url("/myasset/common/img/ma/fndsRcmnList_ico_03.png") no-repeat;}
.fndsRcmnList li .ico.ico04 {background:url("/myasset/common/img/ma/fndsRcmnList_ico_04.png") no-repeat;}
.fndsRcmnList li p {color:#3d3d3d; font-size:14px; line-height:1.3;}
.fndsRcmnList li .tit1 {font-weight:bold; padding-bottom:5px;}
.fndsRcmnList li .tit1 strong {color:#1779cc;}
.fndsRcmnList li.line2 .tit1 {padding-top:5px;}
/* 250612 추가(e) */

.goods-list{border-top: 2px solid #6d6d6d;}
.goods-list > li{position:relative; z-index:1; padding:20px 0; border-bottom:1px solid #bdbdbd;}
.goods-list > li .btn-del{position:absolute; right:0; top:30px; z-index:2; color: #666; border-color: #c2c8ce; background-color: #fff;}
.goods-list .tit{display:block; font-size:16px; color:#313131; line-height:18px; font-weight:700; margin-top:8px;}
.goods-list .tit:hover{color:#0098e2; text-decoration:underline;}
.goods-list > li.rankLi{padding-top:40px;}
.goods-list > li.rankLi .rankNum{position:absolute; top:-1px; left:0; width:32px; height:32px;}
.goods-list > li.rankLi .rankNum .ico{font-size: 14px; color: #fff; line-height: 25px; font-weight: 700; width:100%; height:100%; padding-right:2px; text-align: center; text-shadow:1px 1px 8px rgba(255,255,255,0), 1px 1px 8px rgba(0,0,0,0.5);}
.goods-list > li.rankLi .rankNum.type1 .ico{background-position:0 -166px;}
.goods-list > li.rankLi .rankNum.type2 .ico{background-position:-39px -166px;}
.goods-list > li.rankLi .rankNum.type3 .ico{background-position:-78px -166px;}
.goods-list > li .icon_wrap{font-size:0;}
.goods-list > li .icon_wrap span + span{margin-left:4px;}
.goods-list .ico.up, .goods-list .ico.down{margin-top:-2px;}

.goods-list .reasonBox{padding:20px; margin-top:10px; background:#f8f8f8;}
.goods-list .reasonBox dt{position:relative; z-index:0; color:#1779cc; line-height:1.1; font-weight:700; padding-left:24px;}
.goods-list .reasonBox dt:before{position:absolute; top:0; left:0; z-index:1; display:inline-block; content:''; clear:both; width:18px; height:15px; vertical-align:top; background: url("/myasset/common/img/ma/spr_ma.png") no-repeat; background-position:-375px -348px; }
.goods-list .reasonBox dd{font-size:13px; color:#767676; line-height:18px; margin-top:6px;}

.goods-list .fundRatio{margin-top:8px; }
.goods-list .fundRatio li{display:inline-block; font-size:13px; color:#333; line-height:24px; letter-spacing:-0.03em; vertical-align:middle;}
.goods-list .fundRatio li + li{margin-left:5px;}
.goods-list .fundRatio em{font-weight:700;}
.goods-list .fundRatio em.zero{color:#000;}

.goods-list .fundInfo{margin-top:10px;}
.goods-list .fundInfo li{width:390px; height:64px; border:1px solid #ddd; border-radius:2px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.goods-list .fundInfo li > .in{display:table; width:100%; height:100%; }
.goods-list .fundInfo li > .in > div{display:table-cell; text-align:center; vertical-align:middle;}
.goods-list .fundInfo li > .in > div > span{vertical-align:middle;}
.goods-list .fundInfo li strong{display:table-cell;  width:130px; font-size:13px; color:#666; text-align:center; vertical-align:middle; border-right:1px solid #edeff4; background:#f7f8fd;}
.goods-list .fundInfo li .s-txt{display:inline-block; font-size:14px; color:#333; line-height:1; font-weight:700; width:120px; vertical-align:middle; text-align:left;}
.goods-list .fundInfo li .s-txt span{display:block; font-size:14px; color:#999; font-weight:400; line-height:17px; margin-top:5px; word-break: break-all;}
.goods-list .fundInfo li .s-txt span em{display:block; font-size:11px; color:#999;}
.goods-list .fundInfo .fR{margin-left:8px;}

.goods-list .btm-area{margin-top:10px;}
.goods-list .btm-area .fR.btnWrap{font-size:0;}
.goods-list .btm-area .btn + .btn{margin-left:4px;}
.goods-list .btm-fundInfo li{float:left;}
.goods-list .btm-fundInfo strong{display:inline-block; font-size:14px; color:#313131; line-height:25px; margin-right:15px; vertical-align:middle;}
.goods-list .btm-fundInfo span{display:inline-block; }
.goods-list .btm-fundInfo li + li{margin-left:35px;}

.titWrap + .goods-list{margin-top:14px;}

.keywordWrap{font-size: 0; padding:23px 30px; margin:14px 0 25px; text-align:center; background:#e7ebf1;}
.keywordWrap a{display:inline-block; position:relative; z-index:1; font-size:16px; color:#244674; line-height:35px; max-width:100%; height:35px; padding:0 17px; margin:5px; vertical-align:top; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.keywordWrap a em{display:block; position:relative; z-index:1; color:#244674; font-weight: 400; min-width:70px; max-width:100%; height:100%; padding: 0 2px; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat; background-position:-17px -770px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.keywordWrap a.on em{color:#fff; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat; background-position:-17px -809px;}
.keywordWrap a em:before{content:'#';}
.keywordWrap a:before{display:inline-block; position:absolute; top:0px; left:0; z-index:1; content:''; width:17px; height:35px; vertical-align:top; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat; background-position:0 -770px;}
.keywordWrap a.on:before{background:url("/myasset/common/img/ma/spr_ma.png") no-repeat; background-position:0 -809px;}
.keywordWrap a:after{display:inline-block; position:absolute; top:0px; right:0; z-index:1; content:''; width:17px; height:35px; vertical-align:top; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat; background-position:-733px -770px;}
.keywordWrap a.on:after{background:url("/myasset/common/img/ma/spr_ma.png") no-repeat; background-position:-733px -809px;}
.keywordWrap a.a2 em {color:#ff702b; background-position:-17px -848px;}
.keywordWrap a.a2:before{background-position:0 -848px;}
.keywordWrap a.a2:after{background-position:-733px -848px;}
.keywordWrap a.a2.on em{color:#fff; background-position:-17px -887px;}
.keywordWrap a.a2.on:before{background-position:0 -887px;}
.keywordWrap a.a2.on:after{background-position:-733px -887px;}
.keywordWrap a.a3 em{color:#12a79e; background-position:-17px -926px;}
.keywordWrap a.a3:before{background-position:0 -926px;}
.keywordWrap a.a3:after{background-position:-733px -926px;}
.keywordWrap a.a3.on em{color:#fff; background-position:-17px -965px;}
.keywordWrap a.a3.on:before{background-position:0 -965px;}
.keywordWrap a.a3.on:after{background-position:-733px -965px;}

.goods-top.keyword{border-bottom:0;}
.goods-top.keyword .txt{font-size:16px;}
.goods-top.keyword .txt:before{content:'#';}
.goods-top.keyword .point{color:#ed0101; font-weight:700;}

.keyword-caption{font-size:13px; color:#6d6d6d; line-height:17px; margin:7px 0 18px;}
.keyword-caption strong{color:#000;}

.auditInfo, .auditInfo2 {font-size:13px; color:#767676; line-height:18px; text-align:right; margin-top:20px;}/* 210819(auditInfo2 추가) */

/* ***** 펀드상세 ***** */
.fundDetail-fundInfo li{width:390px; height:63px; border:1px solid #ddd; border-radius:2px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.fundDetail-fundInfo li > .in{display:table; width:100%; height:100%; }
.fundDetail-fundInfo li > .in > div{display:table-cell; text-align:center; vertical-align:middle;}
.fundDetail-fundInfo li > .in > div > span{vertical-align:middle;}
.fundDetail-fundInfo li strong{display:table-cell;  width:130px; font-size:13px; color:#666; text-align:center; vertical-align:middle; border-right:1px solid #edeff4; background:#f7f8fd;}
.fundDetail-fundInfo li .s-txt{display:inline-block; font-size:14px; color:#333; line-height:1; font-weight:700; width:120px; height:36px; vertical-align:middle; text-align:left;}
.fundDetail-fundInfo li .s-txt span{display:block; font-size:14px; color:#999; font-weight:400; line-height:17px; margin-top:5px; word-break: break-all;}
.fundDetail-fundInfo li .s-txt span em{display:block; font-size:11px; color:#999; line-height: 1.1; margin-top: 10px;}
.fundDetail-fundInfo .fR{margin-left:8px;}

/*유안타체크카드 안내(191105추가)*/
.chkGuide2 {margin-top:-32px; padding-top:68px; border:1px solid #dcdcdc; border-top:0}
.chkGuide2 .chkGuideTop {margin:0 15px; text-align:center;}
.chkGuide2 .chkGuideTop .chkGuideTit {font-size:34px; color:#000; line-height:1.2}
.chkGuide2 .chkGuideTop .chkGuideTit em {color:#f26522; font-weight:normal}
.chkGuide2 .chkGuideTop .chkGuideTxt {margin-top:12px; font-size:18px; color:#3d3d3d; line-height:1.2}

.chkGuide2 .chkGuideCard {margin:35px 30px 40px;}
.chkGuide2 .chkGuideCard ul {overflow:hidden}
.chkGuide2 .chkGuideCard li {float:left; width:33.33%;}
.chkGuide2 .chkGuideCard li a {display:block; padding:0 15px; text-align:center}
.chkGuide2 .chkGuideCard li.r1 em {color:#0054a4}
.chkGuide2 .chkGuideCard li.r2 em {color:#ed1456}
.chkGuide2 .chkGuideCard li.r3 em {color:#77b00a}
.chkGuide2 .chkGuideCard .chkimg {display:inline-block;}
.chkGuide2 .chkGuideCard .chkimg img {display:block;width:191px;height:120px}
.chkGuide2 .chkGuideCard .chktit,
.chkGuide2 .chkGuideCard .chktxt {display:block}
.chkGuide2 .chkGuideCard .chktit {margin-top:18px; font-size:20px; color:#000; font-weight:bold; line-height:1.2; letter-spacing:-0.04em}
.chkGuide2 .chkGuideCard .chktxt {margin-top:8px; font-size:14px; color:#3d3d3d; line-height:1.4}

.chkGuide2 .sprchkGuide {background:url("/myasset/common/img/ma/spr_chkGuide01.png") no-repeat 0 0;}
.chkGuide2 .sprchkGuide.icon02 {background-position:0 -80px;}
.chkGuide2 .sprchkGuide.icon03 {background-position:0 -160px;}
.chkGuide2 .sprchkGuide.icon04 {background-position:0 -240px;}

.chkGuide2 .chkGuideInfo {position:relative; padding:40px 54px 34px; background-color:#e5edf3}
.chkGuide2 .chkGuideInfo .botArrow {position:absolute; top:0; left:50%; margin-left:-32px; width:64px; height:66px; background-position:0 -320px; z-index:10}
.chkGuide2 .chkGuideInfo ul {overflow:hidden}
.chkGuide2 .chkGuideInfo li {float:left; width:50%; border-top:1px solid #c9d2df; box-sizing:border-box}
.chkGuide2 .chkGuideInfo li.r1,
.chkGuide2 .chkGuideInfo li.r2 {height:338px; border-top:0}
.chkGuide2 .chkGuideInfo li.r3,
.chkGuide2 .chkGuideInfo li.r4 {height:314px}
.chkGuide2 .chkGuideInfo li.r2,
.chkGuide2 .chkGuideInfo li.r4 {border-left:1px solid #c9d2df}
.chkGuide2 .chkGuideInfo li .in {position:relative; padding:40px 5px; text-align:center}
.chkGuide2 .chkGuideInfo li.r1 .in,
.chkGuide2 .chkGuideInfo li.r2 .in {padding-top:0}
.chkGuide2 .chkGuideInfo li.r1 .in,
.chkGuide2 .chkGuideInfo li.r3 .in {margin-right:60px;}
.chkGuide2 .chkGuideInfo li.r2 .in,
.chkGuide2 .chkGuideInfo li.r4 .in {margin-left:60px;}
.chkGuide2 .chkGuideInfo li span {display:block;}
.chkGuide2 .chkGuideInfo li .chkInfoImg {width:80px; height:80px; margin:16px auto 0}
.chkGuide2 .chkGuideInfo li .chkInfoTit {font-size:18px; color:#3d3d3d; line-height:1.4; font-weight:bold; letter-spacing:-0.05em}
.chkGuide2 .chkGuideInfo li .chkInfoTit em {color:#0054a4}
.chkGuide2 .chkGuideInfo li .chkInfoTxt {margin-top:12px; font-size:16px; color:#3d3d3d ; line-height:1.4}
.chkGuide2 .chkGuideInfo li .chkInfoTxt2 {margin-top:10px; text-align:left; font-size:12px; color:#6d6d6d; line-height:1.4}
.chkGuide2 .chkGuideInfo li .chkInfoBtn {margin-top:5px; text-align:right}
.chkGuide2 .chkGuideInfo li .chkInfoBtn .btn {font-size:11px; color:#3d3d3d;}
.chkGuide2 .chkGuideInfo li .tblRow {margin-top:14px; border-top:none;} 
.chkGuide2 .tblRow table {border-top:none; border-left:1px solid #c2cfe2; border-top:1px solid #c2cfe2;}
.chkGuide2 .tblRow th,
.chkGuide2 .tblRow td {background-color:#fff; border-right:1px solid #c2cfe2; border-bottom:1px solid #c2cfe2; height:24px; line-height:24px; font-size:12px; padding:0px 8px}
/*유안타체크카드 안내(e)*/

/*개인IRP 안내 (210303 김예리 추가)*/
.irp_topBanner{position:relative;margin-top:-32px;padding:40px 40px 22px;border-bottom:2px solid #504e4e;background:#f5f8fe;}
.panel .irp_topBanner {margin-top:0;}/* 250210 추가 */
.irp_topBanner:after{content:'';position:absolute;right:50px;top:30px;width:181px;height:148px;background:url('/myasset/common/img/ma/spr_irp.png') no-repeat 0 0;}
.irp_topBanner h2{font-size:25px;line-height:27px;color:#000;letter-spacing:-0.03em;}
.irp_topBanner p{margin-top:18px;color:#000;line-height:19px;letter-spacing:-0.05em;}
.irp_topBanner p.guideTxt {margin-top:5px; text-align:left}/* 211025 추가 */
.irp_topBanner .titWrap em{color:#f35104;}
.irp_topBanner .titWrap em sup{color:#000;}
.irp_topBanner .titWrap .rTxt{top:12px;margin-top:0;font-size:12px;color:#504e4e;}
.irp_topBanner .btn_wrap{margin-top:14px;}
.irp_topBanner .btn_wrap span{margin-right:10px;color:#000;font-size:15px;letter-spacing:-0.05em;vertical-align:middle;}
.irp_infobox_wrap{overflow:hidden;}
.irp_infobox_wrap .irp_infobox{float:left;width:50%;}
.irp_infobox_wrap .irp_infobox dl{display:block;height:224px;padding:19px 38px 28px;border:1px solid #dddddd;border-top:1px solid #6d6d6d;text-align:center;box-sizing:border-box;}
.irp_infobox_wrap .irp_infobox:first-child dl{margin-right:8px;}
.irp_infobox_wrap .irp_infobox:last-child dl{margin-left:8px;}
.irp_infobox_wrap .irp_infobox dl dt{display:block;font-size:16px;font-weight:normal;line-height:20px;letter-spacing:-0.05em;}
.irp_infobox_wrap .irp_infobox dl dd.txt_area{display:block;padding-top:15px;line-height:18px;letter-spacing:-0.05em;}
.irp_infobox_wrap .irp_infobox dl dd.txt_area em{font-weight:normal;}
.irp_infobox_wrap .irp_infobox dl dd[class^='img_area']{margin:0 auto 10px;display:block;width:98px;height:74px;}
.irp_infobox_wrap .irp_infobox dl dd.img_area1{background:url('/myasset/common/img/ma/spr_irp.png') no-repeat center -160px;}
.irp_infobox_wrap .irp_infobox dl dd.img_area2{background:url('/myasset/common/img/ma/spr_irp.png') no-repeat center -240px;}
/*개인IRP 안내 (210303 김예리 추가)(e)*/

/**** 금상몰 개편(210604 추가) ****/
/* 유형별 BEST 펀드 (210528 김예리추가) */
.bestFund {position:relative;min-height:221px;}
.bestFund .titWrap {margin:0;padding:25px 30px 0;min-height:auto;}
.bestFund .titWrap .dp2 {height:auto;top:0;font-size:24px; color:#000;line-height:1;}
.bestFund .titWrap .rCont{right:30px;line-height:1;font-size:12px;color:#555;}
.bestFund .tabWrap .tabs{background:none;padding:18px 0 30px;}
.bestFund .tabWrap .tabs .tc-tab{padding:0 13px;box-sizing:border-box;}
.bestFund .tabWrap .tabs .tc-tab:first-child{padding-left:30px;}
.bestFund .tabWrap .tabs .tc-tab.lastitem{padding-right:30px;}
.bestFund .tabWrap .tabs .tc-tab a{padding:1px;height:116px;line-height:112px;background:#fff;box-sizing:border-box;position:relative;}
.bestFund .tabWrap .tabs .tc-tab.tc-selected a{padding:0;}
.bestFund .tabWrap .tabs .tc-tab.tc-selected a:after{content:'';position:absolute;bottom:-10px;left:50%;margin-left:-8px;width:16px;height:10px;background:url('/myasset/common/img/ma/arrow_selected.png') no-repeat;}
.bestFund .tabWrap .tabs .tc-tab a .num{position:absolute;top:-3px;left:14px;width:28px;height:30px;background:url('/myasset/common/img/ma/level_bg.png') no-repeat; background-position:0 0;}
.bestFund .tabWrap .tabs .tc-tab a .num.n1{background-position:0 -30px;}
.bestFund .tabWrap .tabs .tc-tab a .num span{display:block;color:#fff;font-size:14px;line-height:26px;}
.bestFund .tabWrap .tabs .tc-tab.tc-selected a .num{top:-4px;left:13px;}
.bestFund .tabWrap .tabs .tc-tab a .tit{display:inline-block;vertical-align:middle;line-height:1.5;}
.bestFund .tabWrap .tabs .tc-tab a .tit em{display:block;font-size:18px;color:#000;}
.bestFund .tabWrap .tabs .tc-tab a .tit .rate{display:block;font-size:16px;}
.bestFund .tabWrap .tabs .tc-tab a .tit .rate.plus{color:#ed0101;}
.bestFund .tabWrap .tabs .tc-tab a .tit .rate.minus{color:#1779cc;}
.bestFund .tabWrap .panels{top:0;margin:0;padding:32px 0 50px;border-top:none;}
.bestFund .tabWrap .panels .tblTxtWrap{min-height:auto;}
.bestFund .tabWrap .panels .tblTxtWrap .rCont{right:30px;line-height:1;font-size:12px;color:#555;}
.bestFund.domestic {margin-top:-32px;border-top:1px solid #9aacbe;background:url('/myasset/common/img/ma/MA_0103002_P1_bg1.png') no-repeat;}
.bestFund.domestic .tabWrap .tabs .tc-tab a{border:1px solid #8cb2d8;}
.bestFund.domestic .tabWrap .tabs .tc-tab.tc-selected a{border:2px solid #2a547e;}
.bestFund.domestic .tabWrap .tabs .tc-tab.tc-selected a:after{background-position:0 0;}
.bestFund.overseas {border-top:1px solid #c37966;background:url('/myasset/common/img/ma/MA_0103002_P1_bg2.png') no-repeat;}
.bestFund.overseas .tabWrap .tabs .tc-tab a{border:1px solid #dfac95;}
.bestFund.overseas .tabWrap .tabs .tc-tab.tc-selected a{border:2px solid #b45e49;}
.bestFund.overseas .tabWrap .tabs .tc-tab.tc-selected a:after{background-position:0 -10px;}
.bestFund .mainList li{display:table;width:100%;height:54px;border-bottom:1px solid #edeff4;table-layout:fixed;}
.bestFund .mainList li div{display:table-cell;vertical-align:middle;box-sizing:border-box;}
.bestFund .mainList li .col1{width:556px;padding:0 30px;}
.bestFund .mainList li .col1 a{font-size:16px;}
.bestFund .mainList li .col2{width:120px;padding:0 20px 0 10px;text-align:right;font-size:15px;}/* 210712수정 */
.bestFund .mainList li .col2.plus{color:#ed0101;}
.bestFund .mainList li .col2.minus{color:#1779cc;}
.bestFund .mainList li .col3{width:114px;padding:0 30px 0 10px;text-align:center;}
.bestFund .mainList li .col3 .btn{padding:0 12px;width:74px;height:30px;line-height:28px;box-sizing:border-box;}
.bestFund .btnMore{width:100%;height:45px;line-height:45px;background:#fbfbfb;border-radius:0;border:none;border-bottom:1px solid #edeff4;box-sizing:border-box;font-size:14px;color:#666;font-weight:bold;}
.bestFund .btnMore .ico{display:inline-block;margin-left:8px;width:7px;height:11px;background:url('/myasset/common/img/bull_arrow2.png') no-repeat;vertical-align:-1px;}
.weatherList{border-bottom:1px solid #ccd1db;overflow:hidden;}
.weatherList li{float:left; width:113px; height:130px;line-height:130px;border-left:1px solid #ccd1db; border-top:0;box-sizing:border-box;}
.weatherList li:first-child{width:100%;height:46px;line-height:normal;display:block; background-color:#f7f8fd;border:1px solid #ccd1db;border-bottom:1px solid #b1b7c1;}
.weatherList li:first-child a strong{height:44px;line-height:44px;margin-bottom:0;}
.weatherList li:first-child a strong .ico{margin-top:14px;}
.weatherList li.lastitem{width:112px;border-right:1px solid #ccd1db;}
.weatherList li.lastitem a{padding-right:11px;}
.weatherList li a{display:inline-block;width:100%;padding:0 20px; text-align:center;box-sizing:border-box;vertical-align:middle;}
.weatherList li strong{display:block;  font-size:16px; line-height:24px; color:#333; font-weight:400; margin-bottom:10px; text-align:left;}
.weatherList li strong .ico{float:right; width:9px; height:15px; margin-top:4px; background-position:-126px -1200px;}
.weatherList li .simbol{display:block;line-height:60px;}
.weatherList.type2{margin-top:15px;}
.weatherList.type2 li{width:98px;height:97px;line-height:97px;border-top:1px solid #c4d0e4}
.weatherList.type2 li:first-child{width:104px;line-height:normal;border:none;border-top:1px solid #c4d0e4;border-left:1px solid #ccd1db;background:url('/myasset/common/img/ma/type_fund_bg.png') 0 0 no-repeat;}
.weatherList.type2 li:first-child a strong{height:auto;line-height:2.4;}
.weatherList.type2 li strong{margin-bottom:0;text-align:center;}
.weatherList.type2 li strong .ico{display:none;}
.weatherList.type2 li a{padding:0;}
.weatherList.type2 li.on{background-color:#eaf4ff;}
.weatherList.type2 li.on strong{font-weight:700;}
.weatherList.type2 li:first-child.on{background-position:0 -95px;}
.simbol{display:inline-block;}
.simbol .ico{background:url('/myasset/common/img/ma/ico_simbol.png') no-repeat;}
.simbol .ico{width:60px; height:60px;}
.simbol.weather .ico.good{background-position:-142px -126px;}
.simbol.weather .ico.bad{background-position:-142px -250px;}
.rNoti{text-align:right;font-size:13px;color:#999;}

/*TOP 랭킹 펀드 (210528 김예리추가)*/
.funRankingWrap2{margin-top:-32px;}
.funRankingWrap2 ul{overflow:hidden;position:relative;}
.funRankingWrap2 ul li{float:left;width:25%;height:150px;border-color:#bdbdbd;border-style:solid;border-width:1px 1px 1px 0;box-sizing:border-box;position:relative;}
.funRankingWrap2 ul li:first-child{border-left:1px solid #bdbdbd;}
.funRankingWrap2 ul li.on:first-child{border-width:0 1px 0 0;}
.funRankingWrap2 ul li.on:nth-child(2){border-width:0 1px 0 0;}
.funRankingWrap2 ul li.on:nth-child(3){border-width:0 1px 0 0;}
.funRankingWrap2 ul li.on:nth-child(4){border-width:0;}
.funRankingWrap2 ul li a{display:block;height:100%;padding:20px 15px;font-size:20px;line-height:1.2;box-sizing:border-box;}
.funRankingWrap2 ul li a .ico{width:72px;height:71px;position:absolute;right:20px;bottom:18px;background:url('/myasset/common/img/ma/bg_fundimg.png') no-repeat;}
.funRankingWrap2 ul li a .ico.item01{background-position:0 0;}
.funRankingWrap2 ul li a .ico.item02{background-position:0 -70px;}
.funRankingWrap2 ul li a .ico.item03{background-position:0 -140px;}
.funRankingWrap2 ul li a .ico.item04{background-position:0 -210px;}
.funRankingWrap2 ul li.on a{padding:16px 10px;border:5px solid #194d84;}
.funRankingWrap2 ul li.on:first-child a{padding-left:11px;}
.funRankingWrap2 ul li.on a .ico{bottom:19px;}
.funRankingWrap2 ul li.on:last-child a .ico{right:21px;bottom:19px;}
.fundSortWrap2{margin-top:40px;overflow:hidden;}
.fundSortWrap2 .lCont{float:left;}
.fundSortWrap2 .rCont{float:right;}
.fundSortWrap2 .rCont span{margin-right:8px;font-size:13px;color:#515151;}
.fundSortWrap2 .rCont select{min-width:116px;height:30px;border-color:#e0e0e0;color:#515151;}
.fundSortWrap2 .rCont .btn{height:30px !important;line-height:30px !important;border-color:#909090;color:#6d6d6d;box-sizing:border-box;}
.fundSortWrap2 .fund_type .btn{width:100px;height:30px;line-height:30px;box-sizing:border-box;color:#737373;border-color:#737373;}
.fundSortWrap2 .fund_type .btn:before{content:'';margin-right:8px;display:inline-block;width:17px;height:14px;background:url('/myasset/common/img/ma/type_btn_ico.png') 0 0 no-repeat;vertical-align:-1px;}
.fundSortWrap2 .fund_type li{display:inline-block;}
.fundSortWrap2 .fund_type li.on .btn{background:#dd3900;border-color:#dd3900;color:#fefefe;}
.fundSortWrap2 .fund_type li.on .btn:before{background-position:0 -14px;}
.fundNotiTxt{margin-top:30px;padding:16px 20px;background:#f4f4f9;}
.fundNotiTxt p {color:#000;letter-spacing:-0.035em;line-height:1.3;}

/*펀드투자 첫걸음(210730) */
.contTitH1 + .fundInvstGuideTab {margin-top:-32px}
.fundInvstGuideTab .m_ico {display:inline-block; font-size:0; content:""; position:absolute; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat; overflow:hidden}
.fundInvstGuideTab .ci-tab .tab-selector {border-bottom:2px solid #ccc}
.fundInvstGuideTab .mytab1 .tab-selector {height:158px; margin-bottom:10px;}
.fundInvstGuideTab .ci-tab .tab-selector > li > a {position:relative; text-align:left; height:158px; background:#fff}
.fundInvstGuideTab .ci-tab .tab-selector > li.active > a {height:158px; border-width:1px; background:#016dbf !important}
.fundInvstGuideTab .ci-tab .tab-selector li.active a:after {display:inline-block; font-size:0; content:""; position:absolute; width:24px; height:11px; left:50%; margin-left:-12px; bottom:-10px; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat -976px -190px; overflow:hidden}
.fundInvstGuideTab .ci-tab .tab-selector > li > a .tit {display:block; padding:15px 0 0 10px; font-size:21px; color:#016dbf}
.fundInvstGuideTab .ci-tab .tab-selector > li.active > a .tit {color:#fff}
.fundInvstGuideTab .ci-tab .tab-selector li a .m_ico {width:50px; height:50px; right:22px; bottom:28px;}
.fundInvstGuideTab .ci-tab .tab-selector li a .m_ico.item1 {height:51px; background-position:-950px -221px}
.fundInvstGuideTab .ci-tab .tab-selector li a .m_ico.item2 {background-position:-890px -221px}
.fundInvstGuideTab .ci-tab .tab-selector li a .m_ico.item3 {background-position:-830px -221px}
.fundInvstGuideTab .ci-tab .tab-selector li a .m_ico.item4 {height:51px; background-position:-770px -221px}
.fundInvstGuideTab .ci-tab .tab-selector li.active a .m_ico.item1 {background-position:-950px -282px}
.fundInvstGuideTab .ci-tab .tab-selector li.active a .m_ico.item2 {background-position:-890px -282px}
.fundInvstGuideTab .ci-tab .tab-selector li.active a .m_ico.item3 {background-position:-830px -282px}
.fundInvstGuideTab .ci-tab .tab-selector li.active a .m_ico.item4 {background-position:-770px -282px}
.fundInvstGuideTab .fundGuide {border:2px solid #e8e8e8; overflow:hidden}
.fundInvstGuideTab .fundGuide li {float:left; width:25%; height:197px; text-align:center; border-left:1px solid #e8e8e8; box-sizing:border-box}
.fundInvstGuideTab .fundGuide li:first-child {border-left:0}
.fundInvstGuideTab .fundGuide li dt {position:relative; padding-top:99px; font-size:16px; color:#333; font-weight:bold}
.fundInvstGuideTab .fundGuide li dt .m_ico {top:42px; left:50%; margin-left:-24px;}
.fundInvstGuideTab .fundGuide li dt .m_ico.ico1 {width:48px; height:46px; background-position:-952px -353px}
.fundInvstGuideTab .fundGuide li dt .m_ico.ico2 {width:49px; height:49px; background-position:-893px -353px}
.fundInvstGuideTab .fundGuide li dt .m_ico.ico3 {width:47px; height:47px; background-position:-836px -353px}
.fundInvstGuideTab .fundGuide li dt .m_ico.ico4 {width:47px; height:47px; background-position:-779px -353px}
.fundInvstGuideTab .fundGuide li dd {margin-top:10px; font-size:14px; color:#3d3d3d; line-height:1.4}

.fundInvstGuideTab .invstGoal {padding:20px 25px; border:1px solid #e8e8e8; background:#fcfcfc;}
.fundInvstGuideTab .invstGoal dt {margin-bottom:10px; color:#016dbf; font-size:16px; font-weight:bold}

.fundInvstGuideTab .process {overflow:hidden}
.fundInvstGuideTab .process li {float:left; position:relative; padding:55px 0 0 20px; width:132px; height:130px; margin-left:30px; line-height:1.3; border:1px solid #f68d5b; border-radius:5px; box-sizing:border-box;}
.fundInvstGuideTab .process li:first-child {margin-left:0}
.fundInvstGuideTab .process li:before {display:inline-block; font-size:0; content:""; position:absolute; width:13px; height:43px; left:-22px; top:50%; margin-top:-22px; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat -952px -158px; overflow:hidden}
.fundInvstGuideTab .process .num {position:absolute; left:15px; top:15px; font-size:36px; color:#ffd5c1; line-height:100%}
.fundInvstGuideTab .process li .btn {margin-top:3px}
.fundInvstGuideTab .process.process2 li {border-color:#1dafe6}
.fundInvstGuideTab .process.process2 li:before {background-position:-919px -158px}
.fundInvstGuideTab .process.process2 .num {color:#c0d7ea}
/**** 금상몰 개편(e) ****/

/* 세제혜택 요약 및 진단(210809) */
/* 210813추가(플로팅) */
.taxBnft_floating {position:fixed; left:50%; margin-left:425px; bottom:350px; width:205px; height:205px; z-index:90;}/* 210903수정(z-index,margin-left) *//* 211001수정(width,height) */
.taxBnft_floating a {display:block;}
.taxBnft_floating a img {display:block; width:205px; height:205px;}
/* 210813추가(e) */

.taxBnft_wrap {margin-top:-32px; padding:45px 23px 40px; position:relative; background:#f3f6fc}
.taxBnft_wrap .txtWrap {text-align:center;}
.taxBnft_wrap .txtWrap .txt1 {font-size:34px; color:#000; line-height:1.2}
.taxBnft_wrap .txtWrap .txt1 em {color:#0039ba}
.taxBnft_wrap .txtWrap .txt2 {font-size:16px; color:#000}
.taxBnft_wrap .txtWrap .txt1 + .txt2 {margin-top:25px;}

.taxBnft_wrap .btn_myInfo {text-align:right; margin-right:7px}
.taxBnft_wrap .btn_myInfo .btn {position:relative; display:inline-block; padding:0 30px 0 26px; height:32px; line-height:32px; font-size:14px; color:#000; border:1px solid #a1a1a1}
.taxBnft_wrap .btn_myInfo .btn:after {display:inline-block; font-size:0; content:""; position:absolute; width:13px; height:9px; right:10px; top:11px; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat -41px -455px; overflow:hidden}

.taxBnft_wrap .taxBnft_tab {margin-top:14px;}
.taxBnft_wrap .tabWrap .tabs {height:290px; background:none}/* 210812수정(height) */
.taxBnft_wrap .tabWrap .tabs .tc-tab {width:25% !important;}
.taxBnft_wrap .tabWrap .tabs .tc-tab a {position:relative; height:278px; line-height:1.3; margin:0 7px; text-align:center; border-bottom:1px solid #94b0ef; border-color:#94b0ef; border-radius:10px; background:#fff}
.taxBnft_wrap .tabWrap .tabs .tc-tab.tc-selected a {height:278px; border-width:1px; border-bottom:1px solid #0039ba; border-color:#0039ba; background:#0039ba !important; box-shadow:1px 3px 5px 1px rgb(0 0 0 /50%);}/* 210812수정(box-shadow추가, 210903 height값 추가 */
.taxBnft_wrap .tabWrap .tabs .tc-tab a:before {display:inline-block; font-size:0; content:""; position:absolute; width:15px; height:15px; right:10px; top:10px; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat -64px -455px; overflow:hidden}
.taxBnft_wrap .tabWrap .tabs .tc-tab.tc-selected a:before {background-position:-89px -455px}
.taxBnft_wrap .tabWrap .tabs .tc-tab.tc-selected a:after {display:inline-block; font-size:0; content:""; position:absolute; width:21px; height:10px; left:50%; margin-left:-11px; bottom:-9px; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat -114px -455px; overflow:hidden}

.taxBnft_tab .tabs li .tit {display:block; padding-top:23px; font-size:24px; color:#0039ba}
.taxBnft_tab .tabs li.tc-selected .tit {color:#fff}
.taxBnft_tab .tabs li .txt1 {display:block; margin-top:11px; font-size:13px; color:#000}
.taxBnft_tab .tabs li.tc-selected .txt1 {color:#8dede8; font-weight:normal;}
.taxBnft_tab .tabs li .txt2 {display:block; font-size:16px; font-weight:bold; color:#0039ba}
.taxBnft_tab .tabs li.tc-selected .txt2 {color:#fff}

.taxBnft_tab .m_ico {display:inline-block; font-size:0; content:""; position:absolute; left:50%;  bottom:18px; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat; overflow:hidden}
.taxBnft_tab .tabs li .m_ico.item1 {width:63px; height:51px; margin-left:-32px; background-position: -937px -422px;}
.taxBnft_tab .tabs li.tc-selected .m_ico.item1 {background-position: -937px -492px;}
.taxBnft_tab .tabs li .m_ico.item2 {width:56px; height:60px; margin-left:-28px; background-position: -871px -422px;}
.taxBnft_tab .tabs li.tc-selected .m_ico.item2 {background-position: -871px -492px;}
.taxBnft_tab .tabs li .m_ico.item3 {width:71px; height:50px; margin-left:-36px; background-position: -790px -422px;}
.taxBnft_tab .tabs li.tc-selected .m_ico.item3 {background-position: -790px -492px;}
.taxBnft_tab .tabs li .m_ico.item4 {width:69px; height:46px; margin-left:-40px; background-position: -711px -422px;}
.taxBnft_tab .tabs li.tc-selected .m_ico.item4 {background-position: -711px -492px;}
.taxBnft_tab .panels {margin:40px 7px 0; border:1px solid #0940bc; background:#fff;}
.taxBnft_tab .panels .tc-panel {padding:0 0 39px 0}
.taxBnft_tab .panels .txt1 {margin:5px 37px 0; font-size:13px; color:#636363; line-height:1.4}/* 210813추가 */
.taxBnft_tab .btn_detail {display:block; font-size:22px; font-weight:bold; color:#fff; text-align:center; width:234px; height:54px; line-height:54px; margin:24px auto 0; border-radius:30px; background:#4868e1}

.taxBnft_tab .tipWrap {position:relative; margin:49px 39px 0; padding:15px 22px; min-height:86px; background:#f6f6f6; overflow:hidden}
.taxBnft_tab .tipWrap dt {position:absolute; left:22px; top:15px; width:60px; height:60px; padding:14px; font-size:16px; color:#000; letter-spacing:-0.06em; line-height:1.3; background:#ffdd9a}
.taxBnft_tab .tipWrap dd {padding:13px 148px 0 110px; font-size:16px; color:#000; line-height:1.3;}
.taxBnft_tab .tipWrap dd strong {font-size:16px; color:#000;}
.taxBnft_tab .tipWrap dd em {font-size:16px; color:#ff2823; font-weight:normal}/* 210813추가 */
.taxBnft_tab .tipWrap .btn {position:absolute; right:21px; top:50%; margin-top:-17px; height:34px; line-height:34px; font-size:14px; color:#000}
.taxBnft_tab .panels .tblRow {margin:0 39px}/* 210813추가 */
.taxBnft_tab .tipWrap + .tblRow {margin-top:20px}/* 210813추가 */

.popBody.taxSvngs .smltnWrap {margin-top:15px; padding:25px 25px 40px; background:#fff; border:20px solid #f7f7f7}
.popBody.taxSvngs .smltnWrap .list {}
.popBody.taxSvngs .smltnWrap .list li {position:relative; padding-left:12px; height:40px; line-height:40px; font-size:14px; color:#000; border-bottom:1px solid #e4e4e4; overflow:hidden}
.popBody.taxSvngs .smltnWrap .list li:before {display:block; position:absolute; top:19px; left:0; width:3px; height:3px; background-color:#008bec; clear:both; content:''}
.popBody.taxSvngs .smltnWrap .list li em {font-size:18px; color:#c8372f; position:absolute; right:0; top:0}/* 250516수정(웹접근성 명도대비) */
.popBody.taxSvngs .smltnWrap .smltnBox {padding:16px 10px 20px; text-align:center; background:#fffadf;}
.popBody.taxSvngs .smltnWrap .guide + .smltnBox {margin-top:20px}
.popBody.taxSvngs .smltnWrap .smltnBox p {line-height:2.0; font-size:18px; color:#000}
.popBody.taxSvngs .smltnWrap .smltnBox p em {margin-top:7px; font-size:18px; color:#c8372f; line-height:1.5;}/* 250516수정(웹접근성 명도대비) */
.popBody.taxSvngs .smltnWrap .smltnBox p em .line {display:inline-block; padding:0 28px; font-weight:bold; border-bottom:2px solid #c8372f}/* 250516수정(웹접근성 명도대비) */
.popBody.taxSvngs .smltnWrap .smltnBox p.txt2 {margin-top:5px}
.popBody.taxSvngs .smltnWrap .smltnBox + .signGuide {margin-top:25px}
.popBody.taxSvngs .smltnWrap .signGuide dt {font-size:16px; color:#000; font-weight:bold; text-decoration:underline}
.popBody.taxSvngs .smltnWrap .signGuide dd {margin-top:5px; font-size:14px; color:#555;}
.popBody.taxSvngs .smltnWrap .signGuide dd strong {font-weight:normal; color:#000;}
.popBody.taxSvngs .guide {margin-top:10px;}
.popBody.taxSvngs .guide li {font-size:12px; color:#555; line-height:1.3}
.lyPopWrap .popBody.taxSvngs .pageBtnWrap,
.popBody.taxSvngs .pageBtnWrap {margin-top:20px}
.popBody.taxSvngs .smltnWrap .signGuide + .pageBtnWrap {margin-top:40px}
.popBody.taxSvngs .pageBtnWrap .btn {width:117px}

/* **** 세제혜택 요약 및 진단 개편(220530) **** */
/* 플로팅 */
.taxBnft_floating2 {position:fixed; left:50%; margin-left:425px; bottom:350px; width:205px; z-index:90;}
.taxBnft_floating2 a {display:block;}
.taxBnft_floating2 a img {display:block; width:205px; height:205px;}
.taxBnft_floating2 .float1 {position:relative;}
.taxBnft_floating2 .float1 .btnClose {position:absolute; right:22px; bottom:12px; width:46px; height:46px;}
.taxBnft_floating2 .float1 .btnClose .ico {display:inline-block; width:46px; height:46px; font-size:0; content:""; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat; background-position:-245px -455px; overflow:hidden; z-index:10}
/* 플로팅(e) */

.taxBnft_wrap2 {margin-top:30px;}
.taxBnft_wrap2 .taxWrap .ico_hTxt, .taxBnft_wrap2 .tblRow .ico_smile, .taxBnft_wrap2 .tblRow .ico_sad {display:inline-block; font-size:0; content:""; background:url("/myasset/common/img/ma/spr_ma.png") no-repeat; overflow:hidden}

.taxBnft_wrap2 .bothBtnWrap .rCont p {margin-top:8px}
.taxBnft_wrap2 .taxWrap {position:relative; padding:30px 10px; text-align:center; border:2px solid #0C98B3; background:#fff; box-shadow:2px 2px 2px #eaeaea}/* 250516수정(웹접근성 명도대비) */
.taxBnft_wrap2 .taxWrap p {font-size:18px; color:#000; font-weight:bold;}
.taxBnft_wrap2 .taxWrap strong {color:#0C98B3;}/* 250516수정(웹접근성 명도대비) */
.taxBnft_wrap2 .taxWrap a {display:block; width:22px; height:22px; position:absolute; right:0; top:0;}
.taxBnft_wrap2 .taxWrap .ico_hTxt {width:22px; height:22px; background-position:-145px -455px;}

.taxBnft_wrap2 > .tblRow {border-top:0}
.taxBnft_wrap2 > .tblRow table {table-layout:auto}
.taxBnft_wrap2 > .tblRow tbody th, .taxBnft_wrap2 > .tblRow td {border-color:#e8e6e6}
.taxBnft_wrap2 > .tblRow thead th {height:60px; font-size:15px; color:#fff; font-weight:bold; background-color:#0C98B3; border-bottom:0}/* 250516수정(웹접근성 명도대비) */
.taxBnft_wrap2 > .tblRow tbody th, .taxBnft_wrap2 > .tblRow tbody td {/* height:70px; */padding:20px 5px; font-size:14px; color:#100d22; background-color:#fff;}
.taxBnft_wrap2 > .tblRow tbody th.bg, .taxBnft_wrap2 > .tblRow tbody td.bg {background-color:#f7f9ff;}
.taxBnft_wrap2 > .tblRow em {color:#0C98B3;}/* 250516수정(웹접근성 명도대비) */
.taxBnft_wrap2 > .tblRow em.lTxt1 {font-size:18px;}
.taxBnft_wrap2 > .tblRow em.lTxt2 {font-size:24px;}
.taxBnft_wrap2 > .tblRow .ico_smile {margin-bottom:5px; width:24px; height:24px; background-position:-211px -455px;}
.taxBnft_wrap2 > .tblRow .ico_sad {margin-bottom:5px; width:24px; height:24px; background-position:-177px -455px;}
.taxBnft_wrap2 .tbTxt {margin-top:10px; font-size:12px; color:#666}

.taxBnft_wrap2 .taxBnft_tab2 {margin-top:45px;}
.taxBnft_wrap2 .tabWrap .tabs {height:60px; background:none}
.taxBnft_wrap2 .tabWrap .tabs .tc-tab a {position:relative; height:60px; line-height:61px; font-size:18px; color:#888; text-align:center; border-color:#8e8e8e; background:#fff;}
.taxBnft_wrap2 .tabWrap .tabs .tc-tab.tc-selected a {line-height:60px; color:#fff; border-color:#0045d1; background:#0045d1 !important;}
.taxBnft_tab2 .panels {border:1px solid #0045d1; border-top-width:4px; background:#fff;}
.taxBnft_tab2 .panels .tc-panel {padding:0 0 39px 0}
.taxBnft_tab2 .panels .txt1 {margin:5px 68px 0; font-size:13px; color:#636363; line-height:1.4; letter-spacing:-0.06em}
.taxBnft_tab2 .btn_detail {display:block; font-size:22px; font-weight:bold; color:#fff; text-align:center; width:234px; height:54px; line-height:54px; margin:24px auto 0; border-radius:30px; background:#4868e1}

.taxBnft_tab2 .tipWrap {position:relative; margin:49px 68px 0; padding:15px 22px; min-height:86px; background:#f6f6f6; overflow:hidden}
.taxBnft_tab2 .tipWrap dt {position:absolute; left:22px; top:15px; width:60px; height:60px; padding:14px; font-size:16px; color:#000; letter-spacing:-0.06em; line-height:1.3; background:#ffdd9a}
.taxBnft_tab2 .tipWrap dd {position:relative; padding:11px 0 0 135px; font-size:16px; color:#000; line-height:1.4; letter-spacing:-0.05em}
.taxBnft_tab2 .tipWrap dd + dd {margin-top:10px}
.taxBnft_tab2 .tipWrap dd .num {display:inline-block; width:20px; height:20px; line-height:20px; font-size:15px; text-align:center; color:#fff; position:absolute; left:108px; top:13px; background:#4868e1; border-radius:15px;}
.taxBnft_tab2 .tipWrap dd strong {font-size:16px; color:#000;}
.taxBnft_tab2 .tipWrap dd em {font-size:16px; color:#ff2823; font-weight:normal}
.taxBnft_tab2 .tipWrap .btnWrap {margin-top:5px;}
.taxBnft_tab2 .tipWrap .btn {height:34px; line-height:34px; font-size:14px; color:#000}
.taxBnft_tab2 .panels .tblRow {margin:0 68px}
.taxBnft_tab2 .tipWrap + .tblRow {margin-top:30px}

/*ISA 안내 (210810 계수련 추가)*/
.isa_topBanner {position:relative; margin-top:-32px; padding:44px; border-bottom:2px solid #504e4e; background:#f5f8fe;}
.isa_topBanner:after {position:absolute; right:16px; top:28px; display:block; width:308px; height:146px; background:url('/myasset/common/img/ma/spr_isa.png') no-repeat 0 0; content:'';}
.isa_topBanner h2 {margin-bottom:20px; font-size:30px; line-height:27px; letter-spacing:-0.03em; color:#193151;}
.isa_topBanner p {margin-bottom:16px; color:#000;}
.isa_topBanner + .boxWrap {margin-top:20px; padding:18px 25px 18px;}
.isa_topBanner + .boxWrap .inner {overflow:hidden;}
.isa_topBanner + .boxWrap p {float:left; margin-left:11px; text-indent:-11px; color:#000; font-weight:bold;}
.isa_topBanner + .boxWrap a {float:right}
.notice-txt {font-size:12px;}

.isa-benefit {overflow:hidden;}
.isa-benefit > li {position:relative; margin-top:20px; padding:25px 0 25px 40px; background:#f7f7f7; box-sizing:border-box;}
.isa-benefit > li.benefit01 {margin-top:0px; padding-bottom:35px;}/* 240801 수정 */
.isa-benefit li.benefit03 {float:left;}
.isa-benefit li.benefit04 {float:right;}
.isa-benefit li.benefit03, .isa-benefit li.benefit04 {width:385px; height:278px;}
.isa-benefit li .num {padding-right:5px; font-size:30px; color:#83a6c9; letter-spacing:-0.02em; font-weight:bold;}
.isa-benefit li.benefit01 .num, .isa-benefit li.benefit04 .num {vertical-align:22px;}
.isa-benefit li.benefit02 .num, .isa-benefit li.benefit03 .num {vertical-align:-5px;}
.isa-benefit li .tit {display:inline-block; font-size:20px; font-weight:bold; color:#000; letter-spacing:-0.05em; line-height:28px;}
.isa-benefit li .tit span {font-weight:normal;}
.isa-benefit li .txt {font-size:17px; line-height:23px; color:#000;}
.isa-benefit li .guideTxt li {font-size:17px; color:#000;}
.isa-benefit li.benefit02 .tit, .isa-benefit li.benefit04 .tit {margin-bottom:5px;}
.isa-benefit li.benefit03 .tit {margin-bottom:33px;}
.isa-benefit li.benefit01 a {margin-left:44px;}
.isa-benefit li:after {position:absolute; right:20px; bottom:28px; display:block; width:120px; height:90px; content:'';}
.isa-benefit li.benefit01:after {top:25px; bottom:0; background:url('/myasset/common/img/ma/bg_isa_benefit01.png') no-repeat 0 0;}
.isa-benefit li.benefit02:after {background:url('/myasset/common/img/ma/bg_isa_benefit02.png') no-repeat 0 0;}
.isa-benefit li.benefit03:after {background:url('/myasset/common/img/ma/bg_isa_benefit03.png') no-repeat 0 0;}
.isa-benefit li.benefit04:after {background:url('/myasset/common/img/ma/bg_isa_benefit04.png') no-repeat 0 0;}
/*ISA 안내 (210810 계수련 추가)(e)*/

/*글로벌인컴 EMP랩 안내 (220322 계수련 추가)*/
.emp-notice {padding:30px 35px 70px; background:#d5d6d8; color:#000;}
.emp-notice h4 {font-size:18px}
.emp-notice .emp-notice-txt  li {padding-left:18px; font-size:18px; letter-spacing:-2px; text-indent:-21px;}
.emp-notice .emp-notice-txt  li:before {margin-right:4px; content:'※'}
/*글로벌인컴 EMP랩 안내 (220322 계수련 추가)(e)*/

/* 220802(운용역리스트 - Star PB Wrap) */
.prtManagerWrap {border-top:2px solid #666;}
.prtManagerWrap > li {position:relative; padding:25px 30px 30px 175px; min-height:141px; border-bottom:1px solid #cbcbcb}
.prtManagerWrap > li .img_pic {position:absolute; left:30px; top:30px;}
.prtManagerWrap > li .img_pic img {width:110px; height:141px;}
.prtManagerWrap > li .txt_name {display:block; font-size:18px; font-weight:bold; color:#3d3d3d}
.prtManagerWrap > li .guideTxt {margin-top:8px;}
.prtManagerWrap > li .guideTxt li {font-size:14px; color:#6d6d6d; line-height:1.7;}
.prtManagerWrap > li ul.guideTxt>li:before {top:10px;}
.prtManagerWrap > li .guideTxt li strong {font-size:14px; color:#6d6d6d}

/* 유안타픽 (230314 계수련 추가) */
.bannerWrap.pick {border-bottom:2px solid #504e4e;}
.pick-tit {text-align:center;}
.pick-tit p {font-size:32px; font-weight:bold; color:#111; line-height:1.2; letter-spacing:-1px; z-index:10;}
.pick-tit p span {position:relative;}
.pick-tit p span:before {display:inline-block; position:absolute; top:23px; left:-5px; width:105%; height:18px; background:#fff36e; content:''; z-index:-1;}
.pick-tit.mt80 {margin-top:80px;}
.invstKywrd ul {padding:40px; background:#2d51d6}
.invstKywrd ul li {position:relative; margin-top:10px; padding:20px 40px; background:#fff; border-radius:10px; background:#f9fafc; border:1px solid #e8e8e8;}
.invstKywrd ul li:first-child {margin-top:0}
.invstKywrd ul li .pick-ico {display:inline-block; position:relative; width:90px; height:30px; margin-bottom:10px; line-height:30px; text-align:center; font-size:16px; color:#fff; font-weight:bold}
.invstKywrd ul li .pick-ico:after {display:inline-block; position:absolute; top:0; left:90px; width:22px; height:30px; content:'';}
.invstKywrd ul li p {font-size:24px; font-weight:bold;}
.invstKywrd ul li a {display:inline-block; position:absolute; right:48px; top:40px; width:142px; height:38px; line-height:38px; text-align:center; letter-spacing:-1px; border:1px solid #a1a1a1; border-radius:3px;}
.invstKywrd ul li .pick-ico.type01 {background:#4453c8;}
.invstKywrd ul li .pick-ico.type02 {background:#00b2d2}
.invstKywrd ul li .pick-ico.type03 {background:#2c7bc0}
.invstKywrd ul li .pick-ico.type04 {background:#da3b3b}
.invstKywrd ul li .pick-ico.type05 {background:#5f934f}
.invstKywrd ul li .pick-ico.type01:after {background:url('/myasset/common/img/ma/ico_ma_01060001_01.png') no-repeat 0 0;}
.invstKywrd ul li .pick-ico.type02:after {background:url('/myasset/common/img/ma/ico_ma_01060001_02.png') no-repeat 0 0;}
.invstKywrd ul li .pick-ico.type03:after {background:url('/myasset/common/img/ma/ico_ma_01060001_03.png') no-repeat 0 0;}
.invstKywrd ul li .pick-ico.type04:after {background:url('/myasset/common/img/ma/ico_ma_01060001_04.png') no-repeat 0 0;}
.invstKywrd ul li .pick-ico.type05:after {background:url('/myasset/common/img/ma/ico_ma_01060001_05.png') no-repeat 0 0;}

/* 230427 추가 */
.fundDetailBox {}
.fundDetailBox + .fundDetailBox {margin-top:30px;}
.fundDetailBox .titWrap {margin-bottom:0; padding:11px 15px 10px 30px; background:#354a5f}
.fundDetailBox .titWrap .tit1 {color:#fff; font-size:16px;}
.fundDetailBox .boxWrap .tit2 {font-size:21px; letter-spacing:-0.03em}
.fundDetailBox .boxWrap .guideTxt li {font-size:14px;}
.fundDetailBox .boxWrap .tit2 + .guideTxt.half {margin-top:25px;}
.fundDetailBox .boxWrap .guideTxt.half li {float:left; margin-right:3%; width:45%; height:22px; font-weight:bold;}

/* 금상몰 OK Wrap (240227 계수련 추가) */
.okWrap {display:table; padding:30px; border-top:2px solid #666; border-bottom:1px solid #cbcbcb;}
.okWrap .photo {display:table-cell;}
.okWrap .info {display:table-cell; vertical-align:top; padding-left:30px}
.okWrap .info .name {margin-bottom:15px; font-size:18px; font-weight:bold;}
.okWrap .info .txt {margin-bottom:15px; font-size:16px; font-weight:bold; color:#000}
.okWrap .info .guideTxt > li {margin-top:25px}
.okWrap .info .guideTxt > li:first-child {margin-top:0}
.okWrap .info .guideTxt li {color:#6d6d6d}
.okWrap .info .guideTxt li strong {font-weight:bold; color:#6d6d6d}

/* MyWrap 상품페이지 상단 - 온라인설명의무 원칙 (240502 추가) */
.oblgtExonl {display:table; width:100%; border:1px solid #ebebeb;}
.guideMsgWrap + .oblgtExonl {margin-top:20px;}
.oblgtExonl > div {display:table-cell;}
.oblgtExonl > .c1 {width:170px; text-align:center; vertical-align:middle; border-right:1px solid #ebebeb; background:#f6f6f6;}
.oblgtExonl > .c1 .dataT1 {display:inline-block; color:#fff; font-size:15px; padding:0 10px; height:21px; line-height:21px; border-radius:10px; background:#383838}
.oblgtExonl > .c1 .dataT2 {display:block; margin-top:5px; font-size:18px;}/* 240503 수정 */

.oblgtExonl > .c1.type1 .dataT2 {color:#ea4646;}/* 주식랩 */
.oblgtExonl > .c1.type2 .dataT2 {color:#d96d33;}/* ETF랩 */
.oblgtExonl > .c1.type3 .dataT2 {color:#9578ea;}/* 펀드랩 */
.oblgtExonl > .c1.type4 .dataT2 {color:#49a53d;}/* 채권랩 */
.oblgtExonl > .c1.type5 .dataT2 {color:#7591ab;}/* ELS랩 */
.oblgtExonl > .c1.type6 .dataT2 {color:#7786f3;}/* 지점운용형랩 */
.oblgtExonl > .c1.type7 .dataT2 {color:#309a96;}/* 자문형랩 */
.oblgtExonl > .c1.type8 .dataT2 {color:#b1847d;}/* 맞춤형랩 */

.oblgtExonl > .c2 .dataT1 {display:inline-block; color:#000; font-size:16px; font-weight:bold; width:74px;}
.oblgtExonl > .c2 .c21 .c2R .dataT1 {width:110px;}
.oblgtExonl > .c2 .c21 {height:47px; line-height:47px; overflow:hidden;}
.oblgtExonl > .c2 .c21 .c2L {position:relative; float:left; width:311px; padding:0 18px; height:100%;}
.oblgtExonl > .c2 .c21 .c2R {float:left; width:225px; padding:0 18px; height:100%; border-left:1px solid #ebebeb;}
.oblgtExonl > .c2 .c22 {position:relative; padding:13px 18px; border-top:1px solid #ebebeb; overflow:hidden;}
.oblgtExonl > .c2 .c22 .dataT1 {position:absolute; left:18px; top:11px;}/* 240503 수정 */
.oblgtExonl > .c2 .c22 .txt1 {padding-left:78px; color:#3d3d3d; font-size:14px;}
.oblgtExonl > .c2 .dataT2 {font-size:16px; font-weight:bold;}

.oblgtExonl > .c2 .c21.type1 .c2L .dataT2 {color:#da3b3b;}/* 매우높은위험 */
.oblgtExonl > .c2 .c21.type2 .c2L .dataT2 {color:#d04812;}/* 높은위험 */
.oblgtExonl > .c2 .c21.type3 .c2L .dataT2 {color:#ba5c00;}/* 다소높은위험 */
.oblgtExonl > .c2 .c21.type4 .c2L .dataT2 {color:#827701;}/* 보통위험 */
.oblgtExonl > .c2 .c21.type5 .c2L .dataT2 {color:#548000;}/* 낮은위험 */
.oblgtExonl > .c2 .c21.type6 .c2L .dataT2 {color:#1c5589;}/* 매우낮은위험 */

.oblgtExonl > .c2 .c21 .c2L .dataIco {position:absolute; right:15px; top:19px; display:inline-block; width:123px; height:10px; background:url("/myasset/common/img/mobile/ma/img_fundview.png") no-repeat; background-size:250px 250px;}

.oblgtExonl > .c2 .c21.type1 .c2L .dataIco {background-position: 0 -135px}/* 매우높은위험 */
.oblgtExonl > .c2 .c21.type2 .c2L .dataIco {background-position: 0 -122px}/* 높은위험 */
.oblgtExonl > .c2 .c21.type3 .c2L .dataIco {background-position: 0 -109px}/* 다소높은위험 */
.oblgtExonl > .c2 .c21.type4 .c2L .dataIco {background-position: 0 -96px}/* 보통위험 */
.oblgtExonl > .c2 .c21.type5 .c2L .dataIco {background-position: 0 -83px}/* 낮은위험 */
.oblgtExonl > .c2 .c21.type6 .c2L .dataIco {background-position: 0 -70px}/* 매우낮은위험 */

.oblgtExonl > .c2 .c21.type1 .c2R .dataT2 {color:#da3b3b;}/* 수익우선형 */
.oblgtExonl > .c2 .c21.type2 .c2R .dataT2 {color:#d04812;}/* 수익선호형 */
.oblgtExonl > .c2 .c21.type3 .c2R .dataT2 {color:#d04812;}/* 수익선호형 */
.oblgtExonl > .c2 .c21.type4 .c2R .dataT2 {color:#827701;}/* 위험중립형 */
.oblgtExonl > .c2 .c21.type5 .c2R .dataT2 {color:#548000;}/* 안정선호형 */
.oblgtExonl > .c2 .c21.type5 .c2R .dataT2 {color:#1c5589;}/* 안정우선형 */

/* 250123 추가(목표전환형랩) */
.contTitH1 + .goalcWrap {margin-top:-32px}