@charset "utf-8";

.marSpace {margin:25px 0 !important}

.btnWrap a.whole {width:100%;}

/* prdLst layout */
.prdLstWrap {position:relative; background:#e4e4e4; padding-bottom:10px;}
.prdLstWrap.blue {position:relative; background:#3a3a79; padding:10px;}
.prdLstWrap.gray {background:#e6e6e6; padding:10px;}
.prdLstWrap.blue .recommendTxt, 
.prdLstWrap.gray .recommendTxt02 {display:inline-block; color:#fff; font-size:13px;}
.prdLstWrap.gray .recommendTxt02 {color:#333;}

.prdLstWrap .recommendTxt02 {display:inline-block;}
.prdLstWrap.blue ul > li,
.prdLstWrap.gray ul > li {position:relative; margin-top:10px; background:#fff; border-radius:5px;}

/* 06.16 추가  */
.prdLstWrap.blue .recommendTxt, .prdLstWrap .recommendTxt02 {font-size:14px;}

.prdLst > li {position:relative; margin-top:10px; padding:15px; background:#fff;}
.prdLst > li:first-child {margin-top:0px;}	
.prdLst > li .prdDefin {position:relative;}
.prdLst > li .prdDefin dt span.cartChoice {font-size:13px; color:#666}
/*.prdLst > li .prdDefin dt a{display:block;}*/
.prdLst > li .prdDefin dt a strong, .prdLst > li .prdDefin dt strong a{display:inline; font-size:18px; font-weight:bold; color:#000;}	
.prdLst > li .prdDefin dt .question {position:absolute; top:13px; right:0px; display:inline-block; font-size:11px; color:#0078c8}
.prdLst > li .prdDefin dt .question.etc > span {padding-left:10px; color:#333;}
.prdLst > li .prdDefin dt .question.exception span {padding-left:10px; color:#777;}

/* help */
/* .ico_help:after {display:inline-block; content:''; background:url(/mbw/images/common/question.png) no-repeat 0 0; width:14px; height:14px; margin-left:5px; background-size:14px 14px; vertical-align:middle;} */	
.prdLst > li .prdDefin > dd {margin-top:10px; font-size:12px; color:#000}

/* split_col */
.split_cols ul {overflow:hidden; margin-bottom:15px;}
.split_cols ul:after {display:block; clear:both; content:""} 	
.split_cols ul > li {float:left; /* height:73px; */ /* padding-bottom:20px; */ line-height:15px; text-align:center; border:1px solid #e4e4e4; border-left:1px dotted #e4e4e4; border-right:none}

.split_cols ul > li:first-child {border-left:1px solid #e4e4e4;}
.split_cols ul > li:last-child {border-right:1px solid #e4e4e4;}
.split_cols ul > li.borNone {padding-top:5px; padding-bottom:30px; margin-top:0px; border:none; border-left:1px dotted #e4e4e4; /* border-left:1px solid red; */ border-radius:0}
.split_cols ul > li.borNone:first-child {padding:0px; border-left:none}	
.split_cols:first-child ul > li {float:right;}
.split_cols.col1 ul > li {width:100%;}
.split_cols.col2 ul > li {width:49.4%;}
.split_cols.col3 ul > li {width:32.7%;}
.split_cols.col4 ul > li {width:24%;}
.split_cols ul.product_list > li {height:50px; padding:16px 0 12px;}
.split_cols ul.product_list > li span.grayTxt {display:block; color:#777; font-size:12px; text-align:center}
.split_cols ul.product_list > li span.yearTxt {display: inline-block; margin:6px 0 11px; font-size: 10px; color: #d91111; }
.split_cols ul.product_list > li strong.perTxt {font-size:16px; padding-left:4px; vertical-align:top;}
	
/* detailDefin */
.prdLstWrap .detailDefin {position:relative; font-size:14px;}
.prdLstWrap .detailDefin:after {display:block; clear:both; content:"";}
.prdLstWrap .detailDefin dt {clear:both; float:left; padding-right:16px; font-size:12px; color:#777; margin-bottom:4px;}
.prdLstWrap .detailDefin dt span.smallTxt {display:block; font-size:9px; text-align:left;}
.prdLstWrap .detailDefin dd {margin-bottom:4px; color:#000; font-size:14px; text-align:left;}
.prdLstWrap .detailDefin dd.last {margin-bottom:0}
.prdLstWrap .detailDefin dt.last {margin-bottom:0}
.prdLstWrap .detailDefin.flr dd.last {margin-bottom:0}
.prdLstWrap .detailDefin.flr dt.last {margin-bottom:0}

.fundGoodsWrap .split_cols.col2 ul > li.total{width:100%}
.fundGoodsWrap .split_cols.col2 ul > li.total .detailDefin{}
.fundGoodsWrap .split_cols.col2 ul > li.total .detailDefin dt{}
.fundGoodsWrap .split_cols.col2 ul > li.total .detailDefin dd{text-align:left;}
.fundGoodsWrap .split_cols.col2 ul > li.total .detailDefin dd strong{display:inline-block;width:48%;font-weight:normal;text-align:right}
.fundGoodsWrap .split_cols.col2 ul > li.total .detailDefin dd em{text-align:left;padding-left:10px;font-size:12px;color:#666}
.fundGoodsWrap .split_cols.col2 ul > li.total .detailDefin dd span{display:inline-block;text-align:right;position:absolute;right:10px;}


#ssrecom.prdLstWrap .detailDefin dt, #ssrecom.prdLstWrap .detailDefin dd {margin-bottom:8px;}


.prdLstWrap .detailDefin dd strong.txtRed {display:inline-block; padding-top:15px; font-weight:bold; color:#d60000}	
.prdLstWrap .detailDefin.flr {margin-bottom:20px;}
.prdLstWrap .detailDefin.flr dd {float:right; text-align:right; font-size:14px; font-weight:normal; line-height:20px;  }
.prdLstWrap .detailDefin.flr dt {font-size:12px; }

.prdLstWrap .detailDefin.r dt {width:65%; float:left; text-align:right}

/* labelWrap */
.prdLstWrap .labelWrap {position:relative; margin-bottom:10px; }
.prdLstWrap .labelWrap .label {box-sizing:border-box; display:inline-block; width:50px; height:14px; margin-left:1px; border-radius:3px; font-size:9px; font-weight:bold; text-align:center; line-height:14px; vertical-align:middle}
.prdLstWrap .labelWrap .label:first-child {margin-left:0px}
.prdLstWrap .labelWrap .label.labelType01 {border:1px solid #b140db; color:#b140db;}  
.prdLstWrap .labelWrap .label.labelType02 {border:1px solid #de2626; color:#de2626;} 
.prdLstWrap .labelWrap .label.labelType03 {border:1px solid #737373; color:#737373;} 
.prdLstWrap .labelWrap .label.labelType04 {border:1px solid #0a8619; color:#0a8619;}  
.prdLstWrap .labelWrap .label.labelType05 {border:1px solid #c6458b; color:#c6458b;} 
.prdLstWrap .labelWrap .label.labelType06 {border:1px solid #008485; color:#008485;} 
.prdLstWrap .labelWrap .label.labelType07 {border:1px solid #59860a; color:#59860a;} 
.prdLstWrap .labelWrap .label.labelType08 {border:1px solid #e13200; color:#e13200;} 


		
/* ranking */	
.prdLstWrap .ranking {display:inline-block; width:40px; height:20px; margin-top:0px; background:url(/mbw/images/search/icon_risk_new.png) no-repeat 0 0px; background-size:40px 210px; text-indent:200%; overflow:hidden; white-space:nowrap;}
.prdLstWrap .ranking + span.txt {display:block; margin-top:2px; font-weight:bold; color:#333;}
.prdLstWrap .ranking.graph01 {background-position:0px 0px;}
.prdLstWrap .ranking.graph02 {background-position:0px -30px;}
.prdLstWrap .ranking.graph03 {background-position:0px -60px;}
.prdLstWrap .ranking.graph04 {background-position:0px -90px;}
.prdLstWrap .ranking.graph05 {background-position:0px -120px;}
.prdLstWrap .ranking.graph06 {background-position:0px -150px;}

/* ico money */
.prdLstWrap .icon_money {display:inline-block; width:50px; height:47px; /* margin-top:15px; */ margin-top:0px; background:url(/mbw/images/search/ico_money22.jpg) no-repeat 0px 0px; background-size:55px 325px; overflow: hidden; white-space: nowrap; text-indent: 100%; }
   /* .prdLstWrap .icon_m {display:inline-block; width:50px; height:25px;  margin-top:0px; background:url(/mbw/images/search/ico_m.jpg) no-repeat 0 0px; background-size:50px 175px;  overflow: hidden; white-space: nowrap; text-indent: 100%; } */
   
   
   .prdLstWrap .icon_m.default {display:inline-block; width:50px; height:25px; margin-top:0px; background:url(/mbw/images/search/bg_els_pay.png) no-repeat -28px -15px; background-size:223px 151px;  overflow: hidden; white-space: nowrap; text-indent: 100%; }
   .prdLstWrap .icon_m.on {display:inline-block; width:50px; height:25px; margin-top:0px; background:url(/mbw/images/search/bg_els_pay.png) no-repeat -144px -15px; background-size:223px 151px; overflow: hidden; white-space: nowrap; text-indent: 100%;} 
.prdLstWrap .icon_m + span.txt {display:block; color:#333; font-weight:bold; text-align:center;}	


/* ui_selectArea  icon */
.ui_selectArea.prd_icon .box dt.recm a strong {height:24px; background:url(/mbw/images/common/icon_product.png) no-repeat 0 1px; background-size:16px auto; padding-left:20px;}
.ui_selectArea.prd_icon .box dt.recm a.on strong {background-position:0px -25px;}	
.ui_selectArea.prd_icon .box dt.thema a strong {background-position:0 -50px;}
.ui_selectArea.prd_icon .box dt.thema a.on strong {background-position:0px -75px;}	
.ui_selectArea.prd_icon .box dt a span {margin-top:0px;} 

/* srchFormWrap */
.srchFormWrap.exception .srchWrap:after {display:block; clear:both; content:"";}
.srchFormWrap.exception .inpSrchWrap {float:right; width:51%; padding-right:46px}	
.srchFormWrap.exception .interestUtil {float:left; width:31.5%;}
.srchFormWrap.exception .interestUtil select {width:90px; height:40px; background-position:92% -194px;}
.srchFormWrap.exception .interestUtil select#searchType {width:100%}

/* layerpopup */
#basicAsset .tbl_trading.exception {margin-top:10px;}


/* */
.stockInfo .priceInfo:after {display:block; clear:both; content:"";}
.stockInfo .optionInfo:after {display:block; clear:both; content:"";}

.stock_current {position:absolute; bottom:8px; width:95%; overflow:hidden; }
.stock_current:after {display:block; clear:both; content:""}
.stock_current li {float:left; width:25%; padding:0 7px 0 7px; font-size:10px; background:url(/mbw/images/trading/icon_trading_bar.png) no-repeat 0 4px; background-size:1px 9px;}
.stock_current li:first-child {width:23%; padding-left:0; background:none;}

.stock_current li small {display:inline-block; margin-top:1px;}
.stock_current li .numTxt {float:right; font-size:11px; margin-top:0}

/* 트레이딩 */


.trading_split_wrap {position: relative; margin-top:-2px; padding:15px 0px;}
.trading_split_wrap .trading_split:after {display:block; clear:both; content:"";}
.trading_split_wrap .trading_split li {float:left; width:50%; height:30px; line-height:15px; border-left:1px solid #e4e4e4;}
.trading_split_wrap .trading_split li:first-child {margin-right:-1px; border-left:none;}
.trading_split_wrap .trading_split li a {display:block; height:100%; text-align:left; margin-left: 15px; font-size:10px;  color:#666;}
.trading_split_wrap .trading_split li a span {display:block; line-height:10px; margin-bottom:4px;}
.trading_split_wrap .trading_split li a strong {font-size:16px; color:#333; }


.stock_kind_wrap {position:relative; padding:0; float:right; width:45%; text-align: right;}
.stock_kind_wrap .stock_kind {background-color:#fff;}
.stock_kind_wrap .stock_kind:after {display:block; clear:both; content:"";}
.stock_kind_wrap .stock_kind li {float:left; width:48.5%; height:28px; line-height:28px; border-left:1px solid #adbfcb; text-align:center; margin:1px}
.stock_kind_wrap .stock_kind li:first-child {border-left:none; margin-right:0}
.stock_kind_wrap .stock_kind li:first-child a{margin-left:0}
.stock_kind_wrap .stock_kind li a {display:block; height:100%; text-align:center; font-size:13px; color:#333; background:#f7f7f7; margin-left:1px/*background:#f7f7f7;*/}
.stock_kind_wrap .stock_kind li a.on{color:#007ac7}

.stockListArea .ui_selectArea {margin-bottom:2px}
.stockListArea .ui_selectArea.prd_icon .box dt.recm a strong {background:none; padding-left:0}

/* 해외지수  */
.trading_split.date {}
.trading_split.date:after {display:block; clear:both; content:"";}
.trading_split.date li {display:inline-block;}
.trading_split.date li a {display:block; padding-left:5px; font-size:11px; color:#333;} 

/* 05/17 금융상품  */

.prdLstWrap.blue p.detailPara {color:#fff; font-size:12px; padding-top:10px;}

.dateWrap .gray {position:relative; padding: 11px; margin-top:1px; background: #e6e6e6; border-top: 1px solid #e6e6e6; text-align: right; font-size: 11px; }

.split_cols ul.product_list.newVersion > li {height:56px; padding:16px 0; margin-top: 0px;}
.split_cols ul.product_list.newVersion > li .yearTxt {display:block; margin:12px 0 11px; font-size:11px;}
.split_cols ul.product_list.newVersion > li strong.perTxt {font-size:18px;}



/* 05 18  */
.split_cols ul.product_list.newVersion > li p.txtR {padding:10px 10px 5px 0px; text-align:right; font-size:12px;}
.split_cols ul.product_list.newVersion > li p.txtR strong {font-size:20px; padding-right:5px;}
.split_cols ul.product_list.newVersion > li p.txtR span {display:inline-block; padding-top:4px;}	
.split_cols ul.product_list.newVersion > li p.txtR span.txtRdate {font-size:11px; color:#777;}


/* els 찾기 */
.split_cols ul.product_list.newVersion.elsCols{display:table;width:100%;margin-bottom:0}
.split_cols ul.product_list.newVersion.elsCols+.elsCols{margin-bottom:15px;margin-top:-1px}
.split_cols ul.product_list.newVersion.elsCols > li {display:table-cell;width:49.5%;min-height:56px; padding:16px 0; margin-top:0px; height:auto; float:inherit}
.split_cols ul.product_list.newVersion.elsCols > li:nth-child(2){border-right:1px solid #e4e4e4}
.split_cols ul.product_list.newVersion.elsCols > li:nth-child(3), .split_cols ul.product_list.newVersion.elsCols > li:nth-child(4){margin-top:-1px}
.split_cols ul.product_list.newVersion.elsCols > li .yearTxt {display:block; margin:12px 0 11px; font-size:11px;}
.split_cols ul.product_list.newVersion.elsCols > li strong.perTxt {font-size:18px;}

#elsDetailPop .finDetailSummary > dl{height:95px;}
#elsDetailPop .finDetailSummary > dl.full dd, #elsDetailPop .finDetailSummary > dl > dd, #elsDetailPop .finDetailSummary > .totalScore dl dd{min-height:75px;line-height:15px;}

/* 아이콘 */
.prdRecomfin .prdLstWrap .icon_m, .prdLstWrap .icon_m.on, .prdLstWrap .icon_m.default {margin-top:5px;}

.prdLstWrap .newVersion .ranking {margin-top:5px;}
.prdLstWrap .newVersion .ranking + span.txt {font-weight:bold;}

.fundGoodsWrap .split_cols.col2 ul.newVersion > li {width:49.4%;}
.fundGoodsWrap .split_cols ul > li span.month {display:block; padding-bottom:5px; color:#777; font-weight:bold;}

/* detailDefin */
.prdLstWrap .detailDefin.flr dd.last p {font-size:11px; color:#777;}
.prdLstWrap .detailDefin.flr dd.last p.orgTxt {color:#e13200; line-height:12px}
.prdLstWrap .detailDefin.flr dd.last p span {color:#333;}

/* danger_graph */
.danger_graph {display:block; color:#666;}
.danger_graph.txtLeft {text-align:left; padding-left:10px; margin-top:-2px;}

/* detailDescrt */
.detailDescrt {margin-bottom:10px;}
.detailDescrt:after {display:block; clear:both; content:"";}
.detailDescrt li:first-child {padding-left:0; border-left:none;} 
.detailDescrt li {float:left; height:11px; line-height:11px; padding:0 10px; color:#777; border-left:1px solid #e4e4e4;}
.detailDescrt li span {color:#333; padding-left:8px;}
.detailDescrt li strong {font-size:17px; vertical-align:top}

.detailDescrt.noPag li {padding:0 5px;}
.detailDescrt.noPag li:first-child {padding-left:0}


/* finance_date */
.finance_date {display:block; padding:10px 0 0 10px; font-size:11px; color:#666; }

/* cal date */
.banking_Fund_Wrap .prdLstWrap .dateWrap {padding:11px; background:#fff; border-bottom:1px solid #e6e6e6; text-align:right; font-size:11px}

/*recoFund*/
.prdLstWrap .detailDefin.recoFund dt {display:block; float:inherit; font-size:10px;}
.prdLstWrap .detailDefin.recoFund dd {text-align:center}


/* stepDown layer pop btn */
.layer_btn {display: inline-block; background: url(/mbw/images/finance/layer_btn.png) no-repeat right 0px; background-size: 14px auto; padding-right: 20px; color:#0078c8; height:15px; line-height:15px;}
.layer_btn + span {padding-left:10px; color:#333;}

/* newType */
.btnWrap.newType a {width:48%} 

/* fund_cart */
.banking_Fund_Wrap .slideBtnWrap .btnWrap.full {width:99%;}
   .interestOptWrap .interestUtil .btn_folder {display:inline-block; width:60px; padding:0 9px;  height: 28px; line-height: 28px;  font-size: 12px;  border: 1px solid #d7d7d7; background:#fff url(/mbw/images/common/ico_interest.png) no-repeat 61px -41px;
   background-size: 200px auto; vertical-align:middle;}
.interestOptWrap .groupTxt {display:inline-block; padding-top:5px;}

.table_info {text-align:right; margin-top:10px;}
.table_info:after {display:block; clear:both; content:"";}
.table_info li {float:right;}
.table_info li:first-child {float:left}
.table_info li a {display:inline-block; height:29px; padding:0 8px; background:#fff; border:1px solid #cecece; font-size:12px; line-height:29px; }

.banking_Fund_Wrap .split_cols.col2.reSize ul li:first-child {width:57%;}
.banking_Fund_Wrap .split_cols.col2.reSize ul li {width:40%;}
	
.inputChk {width:80%; padding:4px 0px 5px 10px; font-size:12px;}
.fundTableScroll {overflow:auto; height:213px;}


/* layer pop img */
.cont {margin-bottom:15px; padding:0 0px 40px 0px; border-bottom:1px solid #d6d6d6;}
.cont .exam {display:inline-block; font-size:11px; font-weight:bold; color:#e13200; background:url(/mbw/images/common/ico_orgDot.png) no-repeat 0 7px; background-size:3px auto; padding-left:10px;}
.knockOut {margin-top:20px;}
.knockOut strong {display:inline-block; font-size:14px; color:#000; margin-bottom:15px;}
.knockOutImg {margin:0 auto; width:260px; height:294px; background:url(/mbw/images/finance/knockOutImg01.jpg) no-repeat center center; background-size:100% auto;}
.knockOutImg02 {margin:0 auto; width:260px; height:161px; background:url(/mbw/images/finance/knockOutImg02.jpg) no-repeat center center; background-size:100% auto;}

.monthlyPay01 {margin:0 auto; width:260px; height:251px; background:url(/mbw/images/finance/monthlyPay01.jpg) no-repeat center center; background-size:100% auto;}
.monthlyPay02 {margin:0 auto; width:260px; height:255px; background:url(/mbw/images/finance/monthlyPay02.jpg) no-repeat center center; background-size:100% auto;}

/* layer popup */
.lpopWrap p.txtCenter  {text-align:center; margin-top:0px;}

/* img */
.detailDefin dd img {width:20px; height:20px;}
.detailDefin dt img {width:20px; height:20px;} 

/*btn*/
.recommFund .prdLst dl + .btnWrap {padding:0 10px 10px;}
.btnWrap.newType a {height:28px; line-height:28px; font-size:12px;}


/* icon */
.fundGoodsWrap .icoLstView.cardType {background-position:-30px -60px; margin-left:5px;}
.fundGoodsWrap .icoLstView.cardType.on {background-position:-30px -90px;}

/* inquire ico */
.fundGoodsWrap .slideBtnWrap.inquireTerm {background:#e6e6e6;}
.fundGoodsWrap .slideBtnWrap.inquireTerm .recomMsg {position:relative;  padding:10px; margin-top:0}
.fundGoodsWrap .slideBtnWrap.inquireTerm .recomMsg > dl > dt {display:block; text-align:right; }
.fundGoodsWrap .slideBtnWrap.inquireTerm .recomMsg > dl > dd {margin-top:10px;}

.fundGoodsWrap .slideBtnWrap.inquireTerm .icoSld.inquire a {background:url(/mbw/images/finance/ico_elsArrow.png) no-repeat right 5px; background-size:7px 25px; margin-top:0; padding:0 10px 0 0px; font-size:14px; color:#000; text-decoration:underline; }	
.fundGoodsWrap .slideBtnWrap.inquireTerm .icoSld.on.inquire a {background-position:right -15px;}
.fundGoodsWrap .slideBtnWrap.inquireTerm .ul_select {padding:10px; margin-bottom:0; background:#fff; }
.fundGoodsWrap .slideBtnWrap.inquireTerm .btnWrap {width:100%; margin-top:10px;}
.fundGoodsWrap .slideBtnWrap.inquireTerm .btnWrap.small a {color:#fff}

/* font color */
.fundGoodsWrap p.titleProduct {padding:0 0 10px 10px; color:#555; font-size:12px;}
.fundGoodsWrap p.titleProduct strong {color:#e13200}

.charViewWrap {padding-bottom:25px;} 
.fundGoodsWrap.padBottom {padding-bottom:25px;}

/* 트레이딩 수정  */
.srchResultWrap {position:relative; min-height:350px;}
.srchResultWrap .txtContWrap {padding:12px 0 12px 15px; border-bottom:1px solid #e6e6e6; background:#646469; color:#fff} /* 0531 TD3564 : 디자인 디벨롭 관련 수정  */
.srchResultWrap .txtContWrap input:checked[type="checkbox"]+label, .srchResultWrap .txtContWrap input:checked[type="radio"]+label{color:#fff}
.srchResultWrap .lineAdd {position:absolute; top:14px; right:15px; font-size:12px; color:#fff}
.srchResultWrap .txtContWrap .btn_addIco {position: absolute; top:3px; right: 15px; font-size: 12px; line-height:36px; color:#777; border:none; background:none}
.srchResultWrap .txtContWrap .btn_addIco .bfIcoBtn{ color:#fff}
.srchResultWrap .txtContWrap .btn_addIco .bfIcoBtn:before{background-position:-190px -90px;}
.srchResultWrap .btn_addIco {border-top:none; font-size:12px; line-height:53px;}
		
	
/* contListWrap */
.contListWrap {position:relative;}
.contListWrap.gray {background:#e6e6e6;}
		
.contListWrap h1.tit {display:block; padding:30px 0 10px 0; color:#0078c8; font-size:26px; text-align:center; font-weight:normal; letter-spacing:-1px} 	
.contListWrap h1.tit + p, .contListWrap h2.stit + p {padding:0 5px; font-size:14px; color:#333; letter-spacing:-1px;}
.contListWrap h2.stit + p{margin-top:10px}
.contListWrap p > small {margin-top:5px}
.contListWrap h2.subTit {display:block; padding:30px 15px 15px 15px; color:#0078c8; font-size:18px; line-height:22px; text-align:left; letter-spacing:-1px; font-weight:normal}
.contListWrap h2.subTit + p.paraGraph {font-size:13px;}
.contListWrap h2.subTit > em {color:#333; font-style:normal;}
.contListWrap h2.subTit.slim {font-weight:normal; letter-spacing:-1px;}
.contListWrap h2.subTit.marg {padding-top:15px;}
.contListWrap h2.subTit.marg0 {padding-top:0;}
.contListWrap p.txtInfo {padding:0 15px 10px 15px;  text-align:left; color:#666; font-size:14px;}
.contListWrap p.txtInfo > em {font-weight:bold; font-style:normal; color:#0078c8;}
.contListWrap p.txtDeco {padding-left:15px; text-align:left; color:#666; font-size:12px;}
.contListWrap h2.subTit+.scrollTable{margin-top:0}	
.contListWrap .contList {position:relative; margin-top:20px; background:#fff; text-align:center;}
.contListWrap .contList:first-child {margin-top:0}
.contListWrap .contList:last-child{ padding-bottom:50px}
.contListWrap .contTab div.mpopBox {padding:0px 15px 30px;}
.contHeadCopy.introDesc.line + h2.subTit{padding-top:10px;}
.contListWrap .contTab div.mpopBox + h2.subTit {padding-top:0}
.contListWrap .contList .contTab.indivi {text-align:left;}
.contListWrap .contList .contTab.indivi .lstDot {margin:20px 0 0px 15px;}
.contListWrap + .slideUpDnWrap {margin-top:50px;}
	
	
.mpopBox .subTitH3:first-child {margin-top:0;}
.subTitH3 {text-align:left; font-size:15px; color:#000;}	
.subListUl {text-align:left;}
.subListUl li {margin-top:15px; font-size:12px; color:#666}	
.subListUl li:first-child {margin-top:0;}	
.subListUl li span.blueTxt {color:#0078c8}	
.subListUl li > .btnWrap, .subListUl + .btnWrap {margin-top:25px;}
	
	
/* contList header*/
.contListWrap .contHead {}
/* .contListWrap .contHead.contImg {height:320px; background-repeat: no-repeat; background-size:320px auto;} */
.contListWrap .contHead.contImg {position:relative}
.contListWrap .contHead.contImg .shareWrap {position:absolute; bottom:8px; right:15px; margin:0; display:inline-block;}
/*.contListWrap .contHead.contImg.imgTop .shareWrap {position:absolute; top:30px; right:15px; margin:0; display:inline-block;}*/
.bbsViewWrap .thumb .shareWrap{position:absolute; right:15px; margin:0; display:inline-block; top:15px;}
.contListWrap .contHead.contImg .btn_share.share:before, .bbsViewWrap .thumb .btn_share.share:before {margin:0;}
.contListWrap .contHead.contImg .shareWrap .btn_share > span, .bbsViewWrap .thumb .shareWrap .btn_share > span{display:block; height: 0; width: 0; font-size: 2px; line-height: 0; margin: 0; padding: 0; overflow:hidden;}
.contListWrap .contHead.contImg.bankBookImg {background: url(/mbw/images/customer/customer_main01.jpg) center center; background-size:320px auto;}	
/*.contListWrap .contHead img{-webkit-transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}*/

			
/* contList table */
.contListWrap .tbl_type td strong {display:block; color:#333;}
.contListWrap .contTab .scrollTable {margin-top:20px;}	
.contListWrap .contList .contTab .tblWrap {margin-bottom:45px;}
.contListWrap .contList .contTab .tblWrap + .tblWrap {margin-top:-35px;}
.contListWrap .contList .contTab.noMgn .tblWrap, .noMgn {margin-bottom:0;}
.contListWrap .contList .contTab > :last-child {margin-bottom:0;}
	
/* contList define*/
.contListWrap .contTab .contDefine {padding:0 15px; text-align:center; color:#333;}
.contListWrap .contTab .contDefine dt strong {display:block; color:#333; font-size:16px; margin:15px 0 0;}
.contListWrap .contTab .contDefine dd {margin:10px 0 0; font-size:14px; margin-bottom:35px; letter-spacing:-1px;}
.contListWrap .contTab .contDefine dd:last-child {margin-bottom:0}
.contListWrap .contTab .contDefine dd.first {padding-top:20px; margin-bottom:35px;}	

.contListWrap .contTab .contDefine.irp {margin-bottom:45px;}
.contListWrap .contTab .contDefine.isa {margin-bottom:45px;}
.contListWrap .contTab .contDefine.allAsset dt.cont01 strong{color:#fcad12}
.contListWrap .contTab .contDefine.allAsset dt.cont02 strong{color:#95bf1c}
.contListWrap .contTab .contDefine.allAsset dt.cont03 strong{color:#3ba9e0}
.contListWrap .contTab .contDefine.allAsset dd .btnWrap{margin-top:15px}

.contListWrap .contTab .contDefine.irp dd .irpTxt {margin-top:15px; font-size:13px; color:#777;}

.contListWrap .contTab .contDefine.popRobo dd.center{display:block;width:75%;margin:20px auto}
.contListWrap .contTab .contDefine.popRobo.type2 dd.center{width:90%}

.contListWrap .contList .contTab .contSec .tblWrap,
.contListWrap .contList .contTab .contSec :last-child,
.contSec :last-child {margin-bottom:0;}
.contSec {margin-bottom:45px;}
.contSec:first-child {margin-top:45px;}
.contSec > h2.subTit:first-child {padding-top:0;}




/* contList familyCenter  */
/*.contListWrap+.familyCenter{margin-top:33px;}*/
.familyCenter {position:relative; font-size:12px;}
.familyCenter > div {position:absolute; top:25%; bottom:0px; right:0px; left:0px; text-align:center; color:#fff;}	
.familyCenter > div  p {font-size:14px}
.familyCenter > div strong.tel {display:block; padding:3% 0; font-size:30px; line-height:30px; color:#fff;}	
.familyCenter > div .listType {display:inline-block;}
.familyCenter > div .listType:after {display:block; clear:both; content:"";}
.familyCenter > div .listType li:first-child {border-left:none;}
.familyCenter > div .listType li{float:left; padding:0 8px; border-left:1px solid #8a80a3; font-size:12px; line-height:12px;}
.familyCenter > div > .btnWrap {margin:15px 18% 0;}
	
/* tab blue*/
.h5TabWrap.blue .h5Tab li {height:38px; padding:10px 0; background:#0078c8;  border-bottom:2px solid #0078c8;}
.h5TabWrap.blue .h5Tab li a {display:block; width:auto; height:38px; font-size:15px; font-weight:bold; line-height:20px; letter-spacing:-1px; padding:0px 7px;}
.h5TabWrap.blue .h5Tab.line2 li a{line-height:38px;}
.h5TabWrap.blue .h5Tab.col3 li a {}
.h5TabWrap.blue .h5Tab li.on {border-bottom:2px solid #000;}
	
/* button */	
.buttonWrap {margin-top:30px;}
.buttonWrap button {width:100%; background:#0078c8; color:#fff; font-size:11px; border:1px solid #0078c8; height:30px; line-height:30px}	
	
	
	
/* slide */	
.slide {position:relative; }
.slide .sliderWrap.cma {position:relative; height:auto; padding-bottom:40px;}
.slide .sliderWrap > div.slideInner{width:100%; height:445px; padding:0; margin:0; position:relative; overflow:hidden; }
.slide .sliderWrap .slideBox {padding:0 15px;}
.slide .sliderWrap .slideBox ul.lstDot li {text-align:left}
.slide .sliderWrap #cmaSlider01  {height:390px; padding:0 0 30px 0;}
.slide .sliderWrap #cmaSlider02  {height:290px;}
.slide .sliderWrap #mainSlider01 .slideBox ul {position:relative; height:auto;}
.slide .sliderWrap #mainSlider01 .slideBox ul li {float:inherit; }	
.sliderWrap.cma .paging {position:absolute; left:0; top:90%; width:100%; height:8px; display:none}
.slide .sliderWrap.cmaSlide02 .paging {top:90%;}	
.slide .sliderWrap .paging .btn_page {width:8px; height:8px; background:url(/mbw/images/finance/cma_slide_icon.png) no-repeat right 0; background-size:50px 8px; opacity:1}
.slide .sliderWrap .paging .btn_page.on {background-position:0 0px}


/* 투자 클럽 메인 */

.bbsListWrap.invest {text-align:center}
.investList {margin-bottom:45px;}
.investList li {position:relative; text-align:center;}
.investList li > span {display:block; font-size:13px; color:#000a13;}

.investList li .invesFirst {position:absolute; top:0px; left:0px; right:0px; bottom:0px; color:#fff;}
.investList li .invesFirst span {display:block; text-align:left; padding:5% 0 8% 13px; font-size:10px; font-weight:bold;}
.investList li .invesFirst span:after {content:""; display:inline-block; width:43px; height:8px; background:url(/mbw/images/customer/icon_naver.png) no-repeat 0 0; background-size:43px 8px; }
.investList li .invesFirst strong {line-height:28px; margin-bottom:3%;}

.investList li .invesFirst p {font-size:14px; line-height:15px;}
.investList li .invesFirst .btnWrap {width:50%; margin:10% 0 9% 20%;}
.investList li .invesFirst .btnWrap + p {font-size:13px;}
.investList li .invesFirst .underLink.white {color:#d4d3d1;}


.investList li .investHead {position:absolute; top:28%; bottom:0px; right:0px; left:0px; color:#FFF; text-align:center; }	
.investList li .investHead p {font-size:14px;}
.investList li div.extraInvest {position:absolute; top:45px; bottom:0px; right:0px; left:0px;}
.investList li div.extraInvest span {display:block; margin-bottom:15px; font-size:16px; color:#000a13;}
.investList li div.extraInvest p {font-size:14px; color:#000a13}
.investList li div strong {display:block; margin-bottom:35px; font-size:21px; line-height:21px;}
.investList li div strong.pointGl {color:#7bff4e}

/* btn green */
.bbsListWrap.invest .btnWrap {padding:0 15px;}
.bbsListWrap.invest .btnWrap a.green {font-size:15px; color:#fff; background:#228800}
.bbsListWrap.invest .underLink {display:block; margin-top:15px; font-size:12px; line-height:12px; text-decoration:underline;}	

	
	
/* 투자 in 클럽  서브 */
.infoChange {padding:15px 15px 45px 15px;}
.infoChange h2.subTit {padding:0 0 20px 0;} 
.infoChange h3.subTitH3 {padding-bottom:16px;}
.cautionList {padding:16px 15px; background:#f2f2f2}	
.cautionList span {display:block; margin-bottom:15px; font-size:14px; font-weight:bold; line-height:14px; color:#333; }
.cautionList span:before {width:18px; height:18px; padding:0 25px 2px 0; background: url(/mbw/images/common/ico_set.png) -50px 0 no-repeat; background-size: 150px auto; content:""; }
.cautionList .lstDot li.txtOrg {color:#cf2e00}
.cautionList + .btnWrap {padding:40px 15px 45px  15px;}

/*font*/
.txtOrg {color:#cf2e00}
.txtBlue {color:#0078c8}
.txtRed {color:#d91111}

/* start */
.infoChange .tblWrap .tbl_type select {width:100%; font-size:11px; color:#333;} 
.infoChange .tblWrap .tbl_type.row .txtOrg {margin-top:5px;}
.infoAnswer h3.subTitH3 {font-size:15px; margin-top:30px; margin-bottom:15px; padding:0}
.infoAnswer h3.subTitH3 + span {display:block; margin-top:-15px; margin-bottom:15px; font-size:14px; color:#666;}
	
/* start */
.infoAnswer .lstAnswer.split01:after {display:block; clear:both; content:"";}
.infoAnswer .lstAnswer.split01 > li > label {font-size:12px; color:#2e2e2e; letter-spacing:-1px;}
.infoAnswer .lstAnswer.split01.col3 > li {float:left; width:33.3%;}
.infoAnswer .lstAnswer.split01.col4 > li {float:left; width:25%;}
.infoAnswer .elsType.split01 {margin-bottom:0}
.infoAnswer .elsType.split01:after {display:block; clera:both; content:"";}
.infoAnswer .elsType.split01.col4 li {float:left; width:24%; margin:0 1% 10px 0;}
.infoAnswer + .btnWrap {margin-top:45px;}

/* start 2*/
.infoRepatWrap {position:relative; margin-bottom:5px;}
.infoRepatWrap .infoRepeat .inpSrch {height:33px; font-size:11px; }
.infoRepatWrap .infoRepeat .inpSrchSet {margin-left:0 } 
.infoRepatWrap .btn_repeat {position:absolute; top:0px; right:0px; display:inline-block; height:33px; padding:0 10px; line-height:33px; background:#666; color:#fff; font-size:11px;}




/* 이용약관  */
.infoChange .evAgreeWrap + .btnWrap {margin-top:40px;}
.infoChange .evAgreeWrap p.evAgreeTit {margin-bottom:10px; color:#2e2e2e; font-size:14px; }
.infoChange .evAgreeWrap h1.tit + p {margin-bottom:10px;}
	
	
/* 가입  */
.investLogin {position:relative; height:100%; height:100%;}
.investLogin div {position:absolute; top:0px; bottom:0px; right:0px; left:0px; text-align:center;}
.investLogin div strong {display:block; margin-top:35%; font-size:18px; color:#0078c8}
.investLogin div p {margin-top:5%; font-size:12px; color:#666; line-height:18px;}
.investLogin + .infoChange {padding-top:0px}

/* 체크 */
.infoChange input[type=checkbox].chk_type:checked, input[type=radio].chk_type:checked{background:#fff; color:red; border:2px solid #0078c8;}
.infoChange input[type=checkbox].chk_type:checked+label, input[type=radio].chk_type:checked+label{color:#0078c8 !important}	
	
	
	
/* 펀드 글자 색깔 변경 */
.fundGoodsWrap .bbsLstWrap .selLstType ul li.on a {color:#0078c8;}/* 활성일 시 */
.fundGoodsWrap .bbsLstWrap .selLstType ul li a.disable{color:#777; text-decoration:none}/* 비활성일 시 */
	
/* irp */
.irpStepWrap {position:relative; margin:25px 15px; padding:27px 10px; border-bottom: 2px solid #e6e6e6; border-top: 2px solid #e6e6e6; background: url(/mbw/images/finance/bg_irp_dot.png) repeat-y 30% 5%; background-size: 17px auto;}
.irpStepWrap .irpStep {float:left; width:30%; }	
.irpStepWrap .irpStep li {text-align:left;}	
.irpStepWrap .irpStep li.stepMenu01 {height:255px;}
.irpStepWrap .irpStep li.stepMenu02 {height:160px;}
.irpStepWrap .irpStep li > strong {padding-left:5px; font-size:15px; color:#0078c8}
.irpStepWrap .irpStep li > strong.txtCherryRed {font-size:13px; margin-left:15px;}

.irpStepWrap .irpStep li > strong:after {display:block; content:""; width:65px; height:65px; margin-top:15px;  background:url(/mbw/images/finance/irpStepIcon.png) no-repeat 0px 0; background-size:250px 65px;}
.irpStepWrap .irpStep li.stepMenu02 > strong:after {background-position:-75px 0;}
.irpStepWrap .irpStep li.stepMenu03 > strong:after {background-position:-150px 0;}


.irpDefineWrap {width:67%; margin-left:36%; text-align:left; }
.irpDefineWrap .irpDefine:first-child {margin-top:0}
.irpDefineWrap .irpDefine {margin-top:38px; letter-spacing:-1px}
.irpDefineWrap .irpDefine dt {margin-top:10px; font-size:13px; font-weight:bold; color:#333;}
.irpDefineWrap .irpDefine dt:first-child {margin-top:0}
.irpDefineWrap .irpDefine dt strong {display:block; margin-top:0; color:#0078c8; line-height:17px; font-size:13px;}
.irpDefineWrap .irpDefine dt strong.txtCherryRed {font-size:13px;}
.irpDefineWrap .irpDefine dd {margin-top:6px; font-size:12px; color:#666; line-height:20px;}

.grayTxt {font-size:15px; color:#666; text-align:left; padding:0 15px;}
	
/* isa */
.isaContImg {margin:10px 15px 40px;}
.isaContImg strong {display:block; margin-bottom:21px; text-align:center; color:#333; font-size:14px;}
.txtUnderLine {text-decoration:underline; color:#333;}
	
/* indivi */
.scrollTable .scrollTbody.cell .tbl_scroll.wid1000{width:1000px;}
.scrollTable .scrollTbody.cell .tbl_scroll.wid800{width:800px;}

	
.indiviStepWrap {padding:0 15px;}
.indiviStepWrap > p {margin-bottom:30px; font-size:12px;}
.indiviStepWrap .indiviStep {}
.indiviStepWrap .indiviStep:after {display:block; clear:both; content:""}
.indiviStepWrap .indiviStep li {float:left; position:relative; width:33.3%; text-align:center;}
.indiviStepWrap .indiviStep li:after {position:absolute; top:32%; right:-5px; display:inline-block; width:7px; height:17px; content:""; background:url(/mbw/images/finance/bg_indivi_arrow.png) no-repeat center 0; background-size:auto 17px;}
.indiviStepWrap .indiviStep li.step03:after {background:none;}
.indiviStepWrap .indiviStep li strong {color:#333; font-size:13px;}
.indiviStepWrap .indiviStep li strong:after {content:""; display:block; width:65px; height:65px; margin:15px 0 10px 20%; background:url(/mbw/images/finance/bg_indivi_icon.png) no-repeat 0 0; background-size:300px 65px;}
.indiviStepWrap .indiviStep li.step02 strong:after{background-position:-117px 0;}
.indiviStepWrap .indiviStep li.step03 strong:after{background-position:-235px 0;}
.indiviStepWrap .indiviStep li p {font-size:12px; margin-bottom:10px;}


.contDefine.indivi .btnWrap {margin-top:15px;}
	
	
.contListWrap .contTab.indivi .scrollTable {margin-top:0}
.tbl_type tr.lineTitle td,
.tbl_type tr.lineTitle th {border-top:2px solid #0078c8; border-bottom:2px solid #0078c8; border-left:3px solid #0078c8 !important; }
.tbl_type tr.lineContent td,
.tbl_type tr.lineContent th {border-top:2px solid #0078c8; border-bottom:2px solid #0078c8;}
.tbl_type tr.lineContent th:last-child,.tbl_type tr.lineBlue td:last-child {border-right:2px solid #0078c8;}

	
/* 자산관리 */
.isaStep {margin:0 5px 0 15px; padding-left:80px; text-align:left; }
.isaStep dt {position:relative;}
.isaStep dt:before {position:absolute; top:0px; left:-80px; display:block; width:65px; height:65px;}
.isaStep dt:nth-child(1):before{background-position:0 -505px;}
.isaStep dt:nth-child(3):before{background-position:-70px -505px;}
.isaStep dt:nth-child(5):before{background-position:-140px -505px;}
.isaStep dt:nth-child(7):before{background-position:-210px -505px;}
.isaStep dt:nth-child(9):before{background-position:0 -590px;}
.isaStep dd:last-child{padding-bottom:20px}
.isaStep dt:after {position:absolute; background-position:0 -365px; top:80px; left:-56px; width:17px; height:8px;}
.isaStep dt:nth-child(9):after {display:none}
.isaStep dt > strong {display:inline-block; margin:6px 5px 10px 0;font-size:16px; color:#333; letter-spacing:-1px;}
.isaStep dt > strong + span {font-size:14px; color:#333; letter-spacing:-2px}
.isaStep dd {position:relative; min-height:36px; padding-bottom:40px}
.isaStep dd > p {font-size:14px; color:#666; letter-spacing:-1px;}
.isaStep dd:last-child:after {background:none} 
.isaStep + p {font-size:11px; margin:0 15px 15px 15px; text-align:left;}
.isaStepWrap .btnWrap {padding:15px 15px 45px 15px; }
		
	
/* 시작하기 */
.contListWrap.start {text-align:left;}
.contListWrap.start h2:first-child {margin-top:-15px}
.contListWrap.start img + div.hide + .startUl {margin-top:15px;}
.contListWrap.start .lstDot.startUl {margin:0 15px; text-align:left;}
.contListWrap.start .tblWrap .tbl_type + p  {margin:10px 10px 0 10px; font-size:12px; color:#666; text-align:left;}
.contListWrap.start .btnWrap.mid {overflow:hidden; margin:15px 15px 0px 0;}
.contListWrap.start .btnWrap.mid a {float:right; display:block;}

.contListWrap.startAccount h1.tit + strong {font-size:15px; color:#333; letter-spacing:-1px;}
.contListWrap.startAccount h1.tit + strong + p {margin-top:10px; font-size:14px; letter-spacing:-1px;}
.contListWrap.startAccount h3 {margin-left:15px;}
.contListWrap.startAccount h3 + p {text-align:left; margin-left:15px; margin-bottom:5px; font-size:12px; letter-spacing:-1px;}

.contListWrap.startAccount .stepBoxWrap {margin-top:25px; padding:25px 15px 12px 15px; background:#f4f4f4; text-align:left;}
.contListWrap.startAccount .tblWrap .tbl_type + .lstDot {margin:15px; text-align:left;}

.finSlideMpopWrap {min-height:440px;}
.finSlideMpopWrap h3 {margin-top:0;}
.finSlideMpopWrap .txt_underline {text-decoration:underline;}

h3.subTitH3.muTab {margin-left:0;}
.subTitH3.muTab > b {display:inline-block; height:20px; line-height:20px; font-size:11px; margin:0 5px; padding-bottom:5px; letter-spacing:-1px;}
.subTitH3.muTab > b.off {font-weight:normal; color:#666;}
.subTitH3.muTab > b.on {background:url(/mbw/images/common/sub6Tab_on.png) 50% 100% no-repeat; background-size:200px auto;color:#0078c8;}

.contListWrap.startAccount .stepBoxWrap .stepBox {margin-bottom:30px;}
.contListWrap.startAccount .stepBoxWrap .stepBox li {position:relative; margin-bottom:5px; padding:25px 10px; background:#fff; border:1px solid #e6e6e6;}
.contListWrap.startAccount .stepBoxWrap .stepBox li:after {display:block; width:4px; height:20px; content:""; position:absolute; bottom:-15%; left:50%; background:url(/mbw/images/start/bg_stepBoxDefin_arrow.png) no-repeat center 0; background-size:auto 20px; z-index:100; }
.contListWrap.startAccount .stepBoxWrap .stepBox li.last:after {background:none;}

.contListWrap.startAccount .stepBoxWrap .stepBox .stepBoxDefin {font-size:12px;}
.contListWrap.startAccount .stepBoxWrap .stepBox .stepBoxDefin:after {display:block; clear:both; content:""}
.contListWrap.startAccount .stepBoxWrap .stepBox .stepBoxDefin dt {float:left; width:30%; color: #000; text-align:center;}
.contListWrap.startAccount .stepBoxWrap .stepBox .stepBoxDefin dt strong {display:block;}
.contListWrap.startAccount .stepBoxWrap .stepBox .stepBoxDefin dd {margin-left:35%; color:#666; letter-spacing:-1px;}
.contListWrap.startAccount .stepBoxWrap .authBox li {font-size:12px; color:#333;}

.contListWrap.startAccount + .shareWrap + .familyCenter {margin-bottom:14px;}
.contListWrap.startAccount + .shareWrap + .familyCenter div {top:25%;}
.contListWrap.startAccount + .shareWrap + .familyCenter div strong.tel {padding-top:5%;}
.contListWrap.startAccount + .shareWrap + .familyCenter div p  {font-size:12px; line-height:18px; letter-spacing:-1px;}	

.tel.blue {padding:4px 10px;background:#0078c8; color:#fff}
.contListWrap.branchOffice .contList .contTab .tblWrap {margin-bottom:0}
.contListWrap.branchOffice .officeList li {padding:15px; border-top:1px solid #e4e4e4; text-align:left;}
.contListWrap.branchOffice .officeList li dl:after {content:'　'; display:block; height:0px; clear:both; visibility:hidden;}
.contListWrap.branchOffice .officeList li dl dt {float:left; font-size:14px; width:35%;}
.contListWrap.branchOffice .officeList li dl dt strong {color:#333}
.contListWrap.branchOffice .officeList li dl dd {font-size:12px; margin-left:40%}
	
	
/* layer pop up */

.officeYeo {text-align:left; color:#0078c8}
.officeYeo.txtBlack {color:#000}
.officeYeo strong {display:block; margin-bottom:5px; font-size:12px; text-align:left;}
.officeYeo p {font-size:12px;}
	
.slideUpDnWrap.officeBranchW {margin:30px 0 25px;}	
.slideUpDnWrap.officeBranchW > dl dt {position:relative; margin-bottom:10px; height:24px; border:none;}
.slideUpDnWrap.officeBranchW > dl dt > a {position:absolute; top:0; right:0; padding:4px 10px; font-size:12px; line-height:14px; color:#65646a; background-image:none; background:#fff; border:1px solid #65646a;}
.slideUpDnWrap.officeBranchW > dl dt.on > a {background:#65646a; color:#fff;}
.slideUpDnWrap.officeBranchW > dl dt label {letter-spacing:-1px;}
.slideUpDnWrap.officeBranchW > dl dd {padding:0; border:none;}
.slideUpDnWrap.officeBranchW .evAgreeWrap {margin:0 0 10px;}

.perInfoWrap .perInfo li {margin-bottom:15px;}
.perInfoWrap .perInfo li label {margin-left:0; color:#353535; letter-spacing:-1px;}
.perInfoWrap .perInfo li strong {display:block; margin-bottom:15px; color:#2e2e2e; font-size:14px;}
.perInfoWrap .perInfo li .perName {width:100%; height:28px; line-height:28px; font-size:12px;}
.perInfoWrap .perInfo li .perTel {width:28%; height:28px; line-height:28px; font-size:12px;}
.perInfoWrap .perInfo li select {width:100%; font-size:12px;}
	
/* new 지점계좌개설 */
/* .mpopTabWrap {position:relative; margin:35px 15px 0; padding-bottom:20px;}*/
.mpopTabWrap {margin:35px 15px 20px;}
.mpopTabWrap .h4TabWrap.blue .h4Tab li {border:1px solid #d6d6d6; margin-left:-1px; z-index:9}
.mpopTabWrap .h4TabWrap.blue .h4Tab li a {line-height:38px; border:none; font-size:14px;}
.mpopTabWrap .h4TabWrap.blue .h4Tab li a > span {display:inline-block; line-height:18px; letter-spacing:-1px;}
.mpopTabWrap .h4TabWrap.blue .h4Tab li.on {border:1px solid #0078c8; z-index:10;}
.mpopTabWrap .h4TabWrap.blue .h4Tab li.on a {color:#0078c8; font-weight:bold;}
.mpopTabWrap + p, .contTab + p {color:#666; font-size:14px; text-align:left; margin:0 15px 0;}


.startStepWrap {margin:0px 25px 0 25px; padding:20px 0; background: url(/mbw/images/start/bg_startStep_dot.png) repeat-y 24% 0; background-size: 17px auto;}
.startStepWrap {position:relative; border-bottom:2px solid #e6e6e6;}
.startStepWrap .startStep {float:left; width:20%; text-align:left; }
.startStepWrap .startStep li {height:105px;}
.startStepWrap .startStep li strong {color:#0078c8; font-size:14px;}
.startStepWrap .startDefineWrap {width:70%; margin-left:32%; text-align:left;}
.startStepWrap .startDefineWrap dl {margin-bottom:42px; }
.startStepWrap .startDefineWrap dl.last {margin-bottom:0}
.startStepWrap .startDefineWrap dt {margin-bottom:11px; font-size:14px; color:#333;}
.startStepWrap .startDefineWrap dd {font-size:13px; letter-spacing:-1px;}

/* mobileTrading */
.startStepWrap.mobileImg {padding-bottom:0; border-top:2px solid #e6e6e6; background:url(/mbw/images/start/bg_mobileTrading_dot.png) repeat-y 30% 0; background-size: 17px auto;}
.startStepWrap .startStep.mobile {width:25%; text-indent:100%; overflow:hidden; white-space:nowrap;}
.startStepWrap .startStep.mobile li {height:90px; background:url(/mbw/images/start/bg_mobileTrading_step.png) no-repeat 0 0; background-size: 330px auto;}
.startStepWrap .startDefineWrap.mobile {margin-left:40%;}

.startStepWrap .startDefineWrap.mobile dl.first {margin-top:20px;}

.certifiWrap {text-align:left; margin-top:20px;}
.certifiWrap + h2 + p {margin:0 15px 15px 15px; text-align:left; font-size:12px;}
.certifiWrap + h2 + p + .btnWrap {margin-right:15px;}
.certifiWrap li strong {display:block; margin-left:15px; font-size:13px; color:#000;}
.contListWrap.startAccount .contList .contTab .tblWrap + h2.subTit {padding-top:0}
/* .startAccountSlider.certification {min-height:500px;}*/
.slideMpopWrap .startAccountSlider {margin-top:0;}
.slideMpopWrap02 .startAccountSlider {margin-top:0}
.slideMpopWrap02 h2.subTit {padding-bottom:0}
.slideMpopWrap h2.subTit + .startAccountSlider,
.slideMpopWrap02 h2.subTit + .startAccountSlider {margin-top:25px;}

.mobileBannerW {position:relative; border-top:2px solid #0078c8;} 
.mobileBannerW .mobileBannerIn {margin:0 20px; padding-bottom:25px; border-bottom:2px solid #e6e6e6;}
.mobileBannerW .mobileBannerIn:before {width:40px; height:11px; margin:20px auto;  content: ' '; display: block; background: url(/mbw/images/common/ico_info.png) no-repeat 50% -25px;
background-size: 15px auto;}
.mobileBannerW .mobileBannerIn strong {display:block; margin:-15px 0 18px 0; font-size:18px; color:#000}
.mobileBannerW .mobileBannerIn p {font-size:13px; color:#666; letter-spacing:-1px;}
.mobileSplit {margin:0 15px;}
.mobileSplit:after {display:block; clear:both; content:"";}
.mobileSplit li{float:left; width:20%; font-size:11px;} 
.contListWrap.startAccount.mobileTrading .lstDot,
.contListWrap.startAccount.mobileTrading h2 + p {text-align:left; margin:0 15px; font-size:14px;}


/* 지점계좌개설 */
.marLeft {margin:0 15px;}
.bankListWrap {margin-top:15px;}
.bankListWrap .bankList {}
.bankListWrap .bankList:after {display:block; clear:both; content:"";}
.bankListWrap .bankList li {float:left; width:49.8%; height:100px; padding:25px 0;  border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:11px; color:#666; }
.bankListWrap .bankList li:nth-child(even) {border-right:none;}
.bankListWrap .bankList li > span {display:block; margin-bottom:4px; font-size:13px; color:#333; font-weight:bold; letter-spacing:-1px}
.bankListWrap .bankList li > span:before {display:block; content:""; height:25px; margin:0 auto; background:url(/mbw/images/start/bg_bankList.png) no-repeat center 0; background-size:125px auto;} 
.bankListWrap .bankList li > span.bankSplit01:before {width:92px; background-position:0 0;}
.bankListWrap .bankList li > span.bankSplit02:before {width:55px; background-position:0 -35px;}
.bankListWrap .bankList li > span.bankSplit03:before {width:65px; background-position:0 -75px;}
.bankListWrap .bankList li > span.bankSplit04:before {width:40px; background-position:0 -113px;}
.bankListWrap .bankList li > span.bankSplit05:before {width:78px; background-position:0 -150px;}
.bankListWrap .bankList li > span.bankSplit06:before {width:105px; background-position:0 -188px;}
.bankListWrap .bankList li > span.bankSplit07:before {width:77px; background-position:0 -225px;}
.bankListWrap .bankList li > span.bankSplit08:before {width:60px; background-position:0 -262px;}
.bankListWrap .bankList li > span.bankSplit09:before {width:88px; background-position:0 -300px;}
.bankListWrap .bankList li > span.bankSplit10:before {width:65px; background-position:0 -337px;}
.bankListWrap .bankList li > span.bankSplit11:before {width:112px; background-position:0 -375px;}
.bankListWrap .bankList li > span.bankSplit12:before {width:63px; background-position:0 -487px;}
.bankListWrap .bankList li > span.bankSplit13:before {width:109px; background-position:0 -413px;}
.bankListWrap .bankList li > span.bankSplit14:before {width:91px; background-position:0 -450px;}
.bankListWrap .bankList li > span.bankSplit15:before {width:92px; background-position:0 -525px;}
.bankListWrap .bankList li > span.bankSplit16:before {width:67px; background-position:0 -570px;}
.bankListWrap .bankList li a {display:block;}	
.bankListWrap .bankList + .lstDot {margin:20px 15px 0 15px; text-align:left;}
.bankListWrap .bankList li.on {position:relative;}
.bankListWrap .bankList li.on:after {position:absolute; top:0; left:0; content:''; display:block; width:98%; height:98%; border:2px #0078C8 solid;}

.bankLabelWrap {width:60%; margin-left:20%; margin-top:6px;}
.bankLabelWrap > span {display:inline-block; margin-top:2px; font-size:9px; font-weight:bold; line-height:9px; padding:2px 5px; letter-spacing:-1px;}
.bankLabelWrap > span.bankLabel01 {color:#008485; border:1px solid #008485; } 
.bankLabelWrap > span.bankLabel02 {color:#3b860a; border:1px solid #3b860a;}
.bankLabelWrap > span.bankLabel03 {color:#e13200; border:1px solid #e13200;}
.bankLabelWrap > span.bankLabel04 {color:#a153c1; border:1px solid #a153c1;}

/* MTS mobileTrading*/
h2.subTit.chara {padding-top:0}

.mpopChara {}
.mpopChara > li {padding-top:40px; font-size:13px; color:#000}
.mpopChara > li:first-child {padding-top:10px;}
.mpopChara > li strong {}
.mpopChara > li p {padding-top:5px; font-size:11px; color:#666;}

.MTSMobile:after {content:"";display:block;clear:both;visibility:hidden;}
.MTSMobile > li {float:left; width:calc(100% / 5)}
.MTSMobile > li > span {display:block; font-size:12px; color:#333; text-align:center; letter-spacing:-1px}
.MTSMobile > li > span:before {display:block; content:' '; margin:0 auto;}
.guideProcessWrap.MTSMobile .guideProcess > dt:before, .MTSMobile > li > span:before,
.mpopT li span:before {background:url(/mbw/images/start/img_mtsMobile.png) no-repeat; background-size:320px auto;}
.MTSMobile > li > span:before {width:25px; height:34px;}
.MTSMobile > li.svcCont01 > span:before {background-position:3px 0; width:33px;}
.MTSMobile > li.svcCont02 > span:before {background-position:-37px 0; width:28px}
.MTSMobile > li.svcCont03 > span:before {background-position:-77px 0; width:33px;}
.MTSMobile > li.svcCont04 > span:before {background-position:-117px 0;width:30px;}
.MTSMobile > li.svcCont05 > span:before {background-position:-157px 0; width:34px;}

.guideProcessWrap.MTSMobile .guideProcess {padding-top:40px;}
.guideProcessWrap.MTSMobile .guideProcess > dd {min-height:35px;}
.guideProcessWrap.MTSMobile .guideProcess > dt:before {margin-top:-10px;}
.guideProcessWrap.MTSMobile .guideProcess > dt.pcs01:before {background-position:0 -40px;}
.guideProcessWrap.MTSMobile .guideProcess > dt.pcs02:before {background-position:-70px -40px;}
.guideProcessWrap.MTSMobile .guideProcess > dt.pcs03:before {background-position:-140px -40px;}
.guideProcessWrap.MTSMobile .guideProcess > dt.pcs04:before {background-position:-210px -40px;}

.mpopT {margin:0 15%;}
.mpopT:after {display:block; clear:both; content:"";}
.mpopT li {float:left; width:49%; margin-top:20px; }
.mpopT li a {display:block;}
.mpopT li span {font-size:13px; color:#333;}
.mpopT li span:before {display:block; width:65px; height:75px; content:""; margin:0 auto; } 
.mpopT li.mpopCont01 span:before {background-position:0px -125px}
.mpopT li.mpopCont02 span:before {background-position:-70px -125px}
.mpopT li.mpopCont03 span:before {background-position:-140px -125px}
.mpopT li.mpopCont04 span:before {background-position:-210px -125px}
.mpopT li.mpopCont05 span:before {background-position:0px -210px}
.mpopT li.mpopCont06 span:before {background-position:-70px -210px}
.mpopT li.mpopCont07 span:before {background-position:-140px -210px}
.mpopT li.mpopCont08 span:before {background-position:-210px -210px}



.cmaSlideTxt {position:absolute; top:35px; bottom:0; right:15px; left:15px; color:#fff;}
.cmaSlideTxt p {font-size:13px;}
.cmaSlideTxt p.introDesc:before {content:' '; display:block; width:15px; height:11px; margin:0 auto 10px; background-position:50% -25px;}
.cmaSlideTxt p.subParaTxt {margin-top:20px; letter-spacing:-1px; line-height:1.4;}
.cmaSlideTxt strong {display:block; margin-top:15px; font-size:18px; }
.cmaSlideTxt .btnWrap {margin-top:20px;}
.cmaSlideTxt .btnWrap a.gray {padding:0 10px; background:none; border:1px solid #fff;}
.startAccountSlider.certification.cma {min-height:400px;}
.startAccountSlider.certification.cma ul {height:400px;}
.startAccountSlider.certification.cma ul  li {position:relative; height:400px;}	
.startAccountSlider .paging.cma {bottom:30px;}

.mpopTabWrap.cma {margin-top:5px;}
.mpopTabWrap.mycoupon {padding-top:15px;}



.tabs {position:relative; width:100%;}
.tabs dt {position:absolute; top:0px; width:50%; text-align:center;}
.tabs dt.tab1 {left:5%;}
.tabs dt.tab2 {left:45%;}
.tabs dt.on a{color:#0078c8; border-bottom:2px solid #0078c8;}
.tabs dt a {display:inline-block; font-size:11px; color:#666; font-weight:bold; }
.tabs dd {display:none; width:100%;  height:400px; padding-top:20px; }
.tabs dd.on {display:block;}

/* nation */
.contList .nation h2 {text-decoration:underline;}	
.nation_list {margin:0 15px;}
.nation_list:after {display:block; clear:both; content:""}
.nation_list li:first-child {margin-left:0;}
.nation_list li {float:left; width:27%; height:90px; margin-left:25px;  }
.nation_list li:nth-child(4) {margin-left:0px; margin-top:25px; }
.nation_list li:nth-child(5) {margin-top:25px;}
.nation_list li span {display:block; width:80px; font-size:12px; color:#333; letter-spacing:-1px; }
.nation_list li span:before {display:block; width:80px; height:60px; content:""; padding-bottom:10px; background:url(/mbw/images/trading/bg_nationFlag01.png) no-repeat 0 0; background-size:625px auto;}
.nation_list li span.nation18:before {background-position:-23px -205px;}
.nation_list li span.nation19:before {background-position:-123px -205px;}
.nation_list li span.nation20:before {background-position:-223px -205px;}
.nation_list li span.nation21:before {background-position:-323px -205px;}
.nation_list li span.nation22:before {background-position:-423px -205px;}
.nation_list li span.nation23:before {background-position:-523px -205px;}
.nation_list li span.nation24:before {background-position:-23px -295px;}
.nation_list li span.nation25:before {background-position:-123px -295px;}
.nation_list li span.nation26:before {background-position:-223px -295px;}
.nation_list li span.nation27:before {background-position:-323px -295px;}
.nation_list li span.nation28:before {background-position:-423px -295px;}
.nation_list li span.nation29:before {background-position:-523px -295px;}
.nation_list li span.nation30:before {background-position:-23px -383px;}
.nation_list li span.nation31:before {background-position:-123px -383px;}
.nation_list li span.nation32:before {background-position:-223px -383px;}
.nation_list li span.nation33:before {background-position:-323px -383px;}
.nation_list li span.nation34:before {background-position:-423px -383px;}
.nation_list li span.nation35:before {background-position:-523px -383px;}
.nation_list li span.nation01:before {background-position:-23px -15px;}
.nation_list li span.nation02:before {background-position:-123px -15px;}
.nation_list li span.nation03:before {background-position:-223px -15px;}
.nation_list li span.nation04:before {background-position:-323px -15px;}
.nation_list li span.nation05:before {background-position:-423px -15px;}
.nation_list li span.nation06:before {background-position:-523px -15px;}
.nation_list li span.nation07:before {background-position:-23px -115px;}
.nation_list li span.nation08:before {background-position:-123px -115px;}
.nation_list li span.nation09:before {background-position:-223px -115px;}
.nation_list li span.nation10:before {background-position:-323px -115px;}
.nation_list li span.nation11:before {background-position:-423px -115px;}
.nation_list li span.nation12:before {background-position:-523px -115px;}

.contTab.trading {letter-spacing:-1px;}
.contTab.trading .tbl_type td {padding-left:5px;}

.contHead.tradingImg01 {position:relative; background-image:url(/mbw/images/trading/bg_trading_nation.jpg); height:345px; letter-spacing:-1px}
.contHead.tradingImg02 {letter-spacing:-1px;}

h2.traSubTit {margin-bottom:10px; color: #0078c8; font-size: 15px; letter-spacing:-1px;}
.contListWrap.present h2.traSubTit {color: #0078c8; font-size: 15px; letter-spacing:-1px;}
.contListWrap.present h2.traSubTit + p {margin:10px 0; font-size:12px; letter-spacing:-1px}
.contListWrap.present h2.subTit {padding:10px 0 10px 0;}
.descIn {color:#cf2e00; font-size:12px; margin-top:15px;}
.tradingGuide .moreContOpen .startAccountSlider.smallH {min-height:320px;}

/*자산관리 레이어팝업 */
.smartAdPopWrap {}
.smartAdPopWrap > strong {display:block; font-size:17px; color:#333; text-align:center;}
.smartAdPopWrap > strong:before {content:""; display:block; width:100%; height:20px; background:url(/mbw/images/asset/bg_assetQuotation.png) no-repeat center 0px; background-size:25px auto;}
.smartAdPopWrap > strong.pointOrg:before {background-position:center -25px}
.smartAdStep {margin:10px 0;border:1px solid #e4e4e4;}
.smartAdStep dt {padding:15px 10px; background:#fafafa; font-size:13px; color:#333;}
.smartAdStep dt > strong {display:inline-block; padding-right:13px; font-size:14px; }
.smartAdStep dd {position:relative; font-size:12px; padding:15px 0; border-bottom:1px solid #e4e4e4;} 
.smartAdStep dd span {margin:0 0 15px 15px; display:block;}
.smartAdStep dd.last {border-bottom:none;}
.smartAdStep dd ul {text-align:center;}
.smartAdStep dd ul:after {display:block; clear:both; content:""}
.smartAdStep dd ul.col2 li {width:48%;}
.smartAdStep dd ul.col3 li {width:33%;}	
.smartAdStep dd ul li {float:left; font-size:11px; letter-spacing:-1px;}
.smartAdStep dd ul li:before {content:""; display:block; width:66px; height:66px; margin:0 auto; margin-bottom:10px; background:url(/mbw/images/asset/bg_assetIcon_pop.png) no-repeat 0 0px; background-size:1000px auto;}
.smartAdStep dd ul li.assetIcon01:before {background-position:0 0}
.smartAdStep dd ul li.assetIcon02:before {background-position:-100px 0}
.smartAdStep dd ul li.assetIcon03:before {background-position:-200px 0}
.smartAdStep dd ul li.assetIcon04:before {background-position:-300px 0}
.smartAdStep dd ul li.assetIcon05:before {background-position:-400px 0}
.smartAdStep dd ul li.assetIcon06:before {background-position:-500px 0}
.smartAdStep dd ul li.assetIcon07:before {background-position:-600px 0}
.smartAdStep dd ul li.assetIcon08:before {background-position:-700px 0}
.smartAdStep dd ul li.assetIcon09:before {background-position:-791px 0}
.smartAdStep dd ul li.assetIcon10:before {background-position:0 -125px}
.smartAdStep dd ul li.assetIcon11:before {background-position:-100px -125px}
.smartAdStep dd ul li.assetIcon12:before {background-position:-200px -125px}
.smartAdStep dd ul li.assetIcon13:before {background-position:-300px -125px}
.smartAdStep dd ul li.assetIcon14:before {background-position:-400px -125px}
.smartAdStep dd ul li.assetIcon15:before {background-position:-500px -125px}


/* 금상 레이어 팝업 */
.graph_descBox {margin-top:45px; padding: 10px; background:#f4f4f4; font-size: 12px; color: #444;}



/* 기초자산 */
.muTabWrap .muTab.col6 li{width:16.6%;}
.muTabWrap .muTab.col6.scTab li a {font-size:12px; letter-spacing:-1px;}
.startGoWrap > dl:after {position:absolute; bottom:0; right:45%; background:url(/mbw/images/common/ico_set.png) -125px -70px no-repeat; background-size:150px auto; width:26px; height:13px; text-align:center; margin-top:-3px;}
.startGoWrap > dl:before {background: url(/mbw/images/common/ico_info_new.png) 0 0px no-repeat; background-size: 19px auto; width: 19px;    height: 15px;}



/* 시작하기 메인 */
.lnk_newStart {display:block; width:100%; height:100%;}
.newStart {padding-top:30px; text-align:center;}
.newStart:after, .newStart dt:before, .startGuideHead .startGuidGo > strong:after {display:block; content:""; width:100%;}
.newStart:after, .startGuideHead .startGuidGo > strong:after {background:url(/mbw/images/start/arrow_strartInfo.png) no-repeat; background-size:27px auto;}
.newStart:after {background-position:50% 0; height:19px; margin:15px auto; }
.newStart dt:before {height:3px; margin:0 auto 8px; background:url(/mbw/images/common/marketingService_bar.jpg) no-repeat 50% 0; background-size:52px auto;}
.newStart dt {margin-bottom:12px; color:#0078c8; font-size:30px; font-weight:normal; line-height:32px;}
.newStart dt > strong {display:block; margin-top:5px;}
.newStart dd {font-size:13px; color:#002d55;}

.lnkMenuWrap {margin:0 15px 25px;}
.lnkMenuSplit {width:100%;}
.lnkMenuSplit:after {display:block; clear:both; content:""}
.lnkMenuSplit.col2 li {width:calc(100% / 2);}
.lnkMenuSplit li {position:relative; float:left; margin-left:-2px; margin-bottom:-1px; padding:13px 0 17px; border:1px solid #298ed1;}
.lnkMenuSplit li:nth-child(1), .lnkMenuSplit li:nth-child(4) {background:#0078c8;}
.lnkMenuSplit li:nth-child(2), .lnkMenuSplit li:nth-child(3) {background:#1b6bb9;}
.lnkMenuSplit li a {display:block; color:#fff; font-size:14px; text-align:center; letter-spacing:-1;}
.lnkMenuSplit li a:after {display:inline-block; content:""; position:absolute; bottom:5px; right:5px; width:7px; height:7px; background:url(/mbw/images/common/marketService_btn.png) no-repeat 0 0; background-size:auto 7px}

.startGuideWrap {margin-bottom:40px;}
.startGuideHead {background:url(/mbw/images/start/img_newStartGuide.png) 50% 50% no-repeat; background-size:100% auto; width:100%; height:455px; padding-top:30px; text-align:center;}
.startGuideHead .mktInfo {margin-bottom:22px;}
.startGuideHead .mktInfo dt {color:#fff; font-size:12px; margin-bottom:5px;}
.startGuideHead .mktInfo dt:after {display:inline-block; content:''; background:url(/mbw/images/start/mkt_status.png) 0 0 no-repeat; background-size:36px auto; width:36px; height:14px; vertical-align:middle; margin-left:10px;}
.startGuideHead .mktInfo dt.closing:after {background-position:0 -15px;}
.startGuideHead .mktInfo dt.ready:after {background:none;}
.startGuideHead .mktInfo dd {color:#ffef90; font-size:12px; letter-spacing:-1px; line-height:1.8;}
.startGuideHead .mktInfo dd > strong {font-size:14px;}
.startGuideHead .mktInfo dd span {color:#fff;}

.startGuideHead .todayInvest {margin-bottom:30px;}
.startGuideHead .todayInvest dt {margin-bottom:5px; font-size:14px; color:#ffef90; font-weight:bold;}
.startGuideHead .todayInvest dd {font-size:12px; color:#fff;}
.startGuideHead .todayInvest dd > a {color:#fff; letter-spacing:-1px;}

.startGuideHead .startGuidGo {margin:0 15px; padding-top:30px; color:#fff; font-size:18px; border-top:2px #fff solid;}
.startGuideHead .startGuidGo.introDesc:before {background-position:50% -75px; width:100%; height:11px; margin:0 0 10px;}
.startGuideHead .startGuidGo > p + p {margin-top:12px;}
.startGuideHead .startGuidGo > strong {display:block; margin-top:22px; color:#ffef90; font-size:23px; font-weight:normal;}
.startGuideHead .startGuidGo > strong:after {background-position:50% -40px; width:19px; height:27px; margin:15px auto 0;}

.startGuideSldWrap > .btnWrap {margin:10px 15px 0;}
.startGuideSldWrap > .btnWrap > .btn.blue {background:#002D55; border-color:#002D55;}
.startGuideSldWrap .touchSldWrap {margin-top:40px; width:100%; height:100%; position:relative; overflow:hidden; padding-bottom:20px;}

.startGuideSldWrap {text-align:center; background:#fff url(/mbw/images/start/mkt_slideBg.png) 50% 64.5% no-repeat; background-size:320px auto; width:100%;}
/* .startGuideSldWrap .mktSld {margin-bottom:40px;}*/
.startGuideSldWrap .mktSld > dt {font-size:17px; color:#000; font-weight:bold;}
.startGuideSldWrap .mktSld > dt:after {display:block; content:''; background:#0078C8; width:32px; height:2px; margin:8px auto 7px;}
.startGuideSldWrap .mktSld > dd {font-size:12px; color:#222; letter-spacing:-1px; line-height:1.6;}
.startGuideSldWrap .mktSld > dd > strong {display:block; color:#0078C8;}
.startGuideSldWrap .mktSld > dd > span {display:block; color:#777;}
/*.startGuideSldWrap .mktSldBg {background:#fff url(/mbw/images/start/mkt_slideBg.png) 50% 100% no-repeat; background-size:320px auto; width:100%; height:460px;}*/
.startGuideSldWrap .mktSldBg {width:100%; height:460px;}
.startGuideSldWrap .mktSldBg > ul {position:relative; height:460px;}
.startGuideSldWrap .mktSldBg > ul > li {height:460px;}
.startGuideSldWrap .mktSldBg .mktSldCnt {position:absolute; bottom:0; left:50%; background:#0078C8; width:194px; height:298px; margin-left:-97px; color:#fff; letter-spacing:-1px; border-radius:5px 5px 0 0;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide {margin-top:30px;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide.top {margin-top:20px;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide.mid {margin-top:40px;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide dt {margin-bottom:10px; font-size:15px; font-weight:bold;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide > .introDesc:before {background-position:50% -75px; width:100%; height:11px; margin:10px 0;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide dd {font-size:12px; color:#fff; line-height:1.4;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide dd.desc {margin-top:15px; line-height:1.6;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide dd + dt {margin-top:10px;}

.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide strong {color:#ffef90;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide dd.btnWrap {margin:15px 15px 0;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide dd.btnWrap > .btn.line {display:block; background:none; width:100%; font-size:12px; height:28px; line-height:28px; border:1px #fff solid;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide dd.btnWrap.multi > a {margin:0 0 5px;}

.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide.ico {}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide.ico dt {margin-bottom:5px;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide.ico dd + dt {margin-top:15px;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide.ico > dt:before {display:block; content:''; width:100%; margin:0 auto 5px; background:url(/mbw/images/start/bg_startClient.png) no-repeat; background-size:65px auto; width:31px; height:29px;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide.ico > dt.ico01:before {background-position:50% 0;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide.ico > dt.ico02:before {background-position:50% -50px; height:31px;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide.ico > dt.ico03:before {background-position:50% -100px;}

.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide.ico a {color:#fff; text-decoration:underline;}
.startGuideSldWrap .mktSldBg .mktSldCnt .mktGuide.ico a.lnk.mpop:before {background-position:-25px 0;}

.startGuideWrap  .touchSldWrap .paging{position:absolute; bottom:0px; left:0; width:100%; line-height:0; height:8px; text-align:center;display:none}
.startGuideWrap  .touchSldWrap .paging .btn_page{display:inline-block; width:8px; height:8px; margin:0; margin-left:8px; line-height:0; text-indent:-9999px; background:#7f7f7f; border-radius:4px;}
.startGuideWrap  .touchSldWrap .paging .btn_page.on{background:#0078c8;}

/** -시작하기 메인old- **/
.startGuideSliderWrap {background:url(/mbw/images/start/img_startOverview.jpg) no-repeat 0 0; background-size:100% auto; background-position:50% 50%;  width:100%; height:100%; min-height:445px; position:relative; overflow:hidden;}
.startGuideSliderWrap > .paging {position:fixed; top:65px; left:6%;}
.startGuideSliderWrap > .paging > .btn_page {background:#979da2;}
.startGuideSliderWrap > .paging > .btn_page.on {background:#fff;}
.startGuideSlider {}

/* startGuideLoca */
.txtYellow {color:#ffef90 !important;}
.btnWrap a.clear {background:none; border:1px solid #fff; color:#fff; font-size:12px;}
.startGuideLst{width:100%;height:100%;/* align-items:start;-webkit-box-align:start */}
.startGuideLst > li {position:relative; height:563px; flex-shrink:0}
/* .startGuideLoca {position:relative; min-height:525px; padding:10% 4% 0 15%;} */
.startGuideLoca {position:relative; min-height:525px; padding:10% 7%; box-sizing:border-box}

.startMBtn {position:absolute; bottom:10px; }
.startMBtn a { color:#fff; font-size:13px; font-weight:bold; text-decoration:underline;}
.startMBtn .mpop:before,
.btnWrap .mpop:before {background-position:-25px 0;}

.startGuideInfo {position:relative; height:38%; color:#fff; font-size:18px; letter-spacing:-1px; }
.startGuideInfo:before {display:block; content:""; background: url(/mbw/images/common/ico_info_new.png) 0 0px no-repeat; background-size: 19px auto; width: 19px; height: 15px;}
.startGuideInfo.overview {margin-top:10px; border-bottom: 1px solid #ffef90; }
.startGuideInfo.overview:after {position:absolute; bottom:-7px; right:0; content:""; display:block; width:100%; height:15px; background: url(/mbw/images/common/bg_startYellowArrow.png) no-repeat right -34px; background-size:250px auto;   }
.startGuideInfo > p {margin-top:7%; line-height:21px;}
.startGuideInfo > span {display:block; margin-top:5%; font-size:23px; color:#ffef90; line-height:40px;}
.startGuideDetail.overview {margin-top:17%}
.startGuideDetail {color:#fff; font-size:14px;}

.startGuideDetail {margin-top:52px;}
.startGuideDetail ul {margin-top:5%; letter-spacing:-1px}
.startGuideDetail ul li {margin-top:10px; }
.startGuideDetail ul li.last {margin-top:21px;}
.startGuideDetail ul li.last p {margin-top:5px; text-decoration:underline;}
.startGuideDetail ul li.last p a {color:#fff;}
.startGuideDetail ul li span {color:#ffef90; font-weight:bold; font-size:13px;}
.startGuideDetail ul li strong {font-size:14px; padding:0 5px;}

.startGuideDetail.order {position:relative; height:160px; border-bottom:1px solid #fff; margin-top:0px}
.startGuideDetail.order h2 {color:#ffef90; font-size:23px; margin-bottom:5px; font-weight:normal; letter-spacing:-1px;}
.startGuideDetail.order h2 + p {font-size:18px; letter-spacing:-2px;} 
.startGuideDetail.order h2 + p:before {display:block; content:""; width:10%; height:15px; position:absolute; bottom:-9px; background: url(/mbw/images/common/bg_startYellowArrow.png) no-repeat left 0; background-size:250px auto;}
.startGuideDetail.order h2 + p.last:before {background:none;}

.startGuideDetail.order h2 + p:after {display:block; content:""; width:10%; height:15px; position:absolute; bottom:-9px; right:0; background: url(/mbw/images/common/bg_startYellowArrow.png) no-repeat right 0; background-size:250px auto;}
.startGuideDetail.order .smallTxt {display:block; margin-top:10px; }
.startGuideDetail.order .paragraph {font-size:14px; line-height:18px; letter-spacing:-1px}

.startGuideInfo.descript {margin-top:10%;}
.startGuideInfo.descript h3 {font-size:18px; margin:10px 0 20px;}
.startGuideInfo.descript h3 + p {font-size:13px;}
.startGuideInfo.descript .paragraph {font-size:12px; line-height:18px;}
.startGuideInfo.descript .btnWrap {margin-top:20px;}
/** -시작하기 메인old 끝- **/

.secondDes > p {margin-top:20px; font-size:15px; color:#ffef90; letter-spacing:-1px}
.secondDes > ul  {margin-top:10px; margin-left:14px;}
.secondDes > ul.paraTxt {margin-left:0}
.secondDes > ul li:first-child {margin-top:0}
.secondDes > ul li {position:relative; margin-top:5px; color:#fff; font-size:13px; letter-spacing:-1px;}
.secondDes > ul li span {position:absolute; top:0px; left:-30px; display:block; width:25px; text-align:right; line-height:18px; }
.secondDes .btnWrap {margin-top:25px; text-align:left;}

.startProcess {position:relative;}
.startProcess dt {position:relative; margin-top:40px;}
.startProcess dt:after {display:block; content:""; position:absolute; top:0px; left:0px; width:65px; height:70px; background:url(/mbw/images/start/bg_startClient.png) no-repeat 0 0; background-size:65px auto; }
.startProcess dt.step01:after {background-position:0 0;}
.startProcess dt.step02:after{background-position:0 -90px}
.startProcess dt.step03:after {background-position:0 -180px}
.startProcess dd {margin-top:40px; margin-left:80px; color:#fff; letter-spacing:-1px;}
.startProcess dd strong.txtYellow {display:block; font-size:25px;}
.startProcess dd strong.txtYellow + strong {display:block; margin:0px 0 9px; font-size:15px;}
.startProcess dd strong.txtYellow + span {display:block; margin:0px 0 9px; font-size:15px;}
.startProcess dd a {display:block; font-size:13px; color:#fff; text-decoration:underline;}

.startDefine {margin-top:22px;}
.startDefine:before {display: block; content: ""; background: url(/mbw/images/common/ico_info_new.png) 60px 0px no-repeat; background-size: 19px auto; width: 100%;  height: 15px; margin-bottom:10px;}
.startDefine dt {float:left; width:45px;}
.startDefine dt.txtYellow {font-size:23px; line-height:23px; text-align:right}
.startDefine dt img {width:44px; height:auto;}
.startDefine dd {display:block; padding:0 0 0 15px; margin:0 0 15px 42px; text-align:left; color:#fff; font-size:13px; letter-spacing:-1px;}
.startDefine dd strong {font-size:18px;}


/* irp */
.contTab.irp .grayTxt {font-size:12px;}
.stepWrap.imgIc {margin-top:25px; border-top:2px solid #e6e6e6;}
.stepWrap.imgIc .stepProcess {margin-left:95px;}
.stepWrap.imgIc .stepProcess dt:first-child {padding-top:27px;}
.stepWrap.imgIc .stepProcess dt > strong {color: #0078c8;}
.stepWrap.imgIc .stepProcess dd > em {display:block; margin:15px 0 10px; color:#333; font-weight:bold; font-size:12px;}
.stepWrap.imgIc .stepProcess dd > p {font-size:11px; letter-spacing:-1px}
.stepWrap.imgIc .stepProcess > dt > em:after {position:absolute; left:-10px;content:' ';display:block;margin:15px auto 0;width:65px;height:65px;background: url(/mbw/images/finance/irpStepIcon.png) no-repeat 0 0;
background-size: 250px auto}
.stepWrap.imgIc .stepProcess > dt.irp01 > em:after {background-position:0 0;}
.stepWrap.imgIc .stepProcess > dt.irp02 > em:after {background-position:-75px 0;}
.stepWrap.imgIc .stepProcess > dt.irp03 > em:after {background-position:-150px 0;}

/* els_cart */
.finDetail > h2 > span {font-size:13px; color:#666;}

/* my캐시쿠폰 조회 color */
.txtCherryRed {color:#da3e00 !important;}


/* icoSldMsg */
.scrollTable.adjustH .icoSldMsg  {height:18px;}
.scrollTable.adjustH .icoSldMsg + .scrollCell {top:18px;}


/* txt_essential marH*/
.txt_essential.marH {margin:15px 0;}


.btnWrap.marH {margin-top:25px;}
.btnWrap.marB {margin-bottom:25px !important}

/* 금융상품 뉴스,게시판 */
.bbsViewCont .bbsTitleTxt {padding:50px 0 40px;}
.bbsViewCont .bbsTitleTxt strong {font-size:16px; color:#0078c8; letter-spacing:-1px;}
.bbsViewCont .bbsSubinfo {display:block; margin:10px 15px 0 15px; font-size:11px; color:#777}

/* asset*/

.lst_split {}
.lst_split > li {position:relative; padding:12px 15px; }
.lst_split > li > div {position:relative; margin-left:70px; text-align:left; font-size:13px; min-height:65px; vertical-align:middle; letter-spacing:-1px; color:#000}
.lst_split > li > div > span {display:block; padding-top:15px; font-size:13px; }
.lst_split > li > div:before {content:""; display:inline-block; width:65px; height:65px; position:absolute; top:50%; left:-85px; margin-top:-33px;}
.lst_split.smartAd > li > div:before {background:url(/mbw/images/asset/bg_smartAdvisor_split.png) no-repeat; background-size:320px auto; }
.lst_split.smartAd > li > div.item01:before {background-position:0 0;}
.lst_split.smartAd > li > div.item02:before {background-position:-100px 0}
.lst_split.smartAd > li > div.item03:before {background-position:-200px 0}
.lst_split.smartAd > li > div.item04:before {background-position:0 -125px}
.lst_split.smartAd > li > div.item05:before {background-position:-100px -125px}
.lst_split.smartAd > li > div.item06:before {background-position:-200px -125px}			
.lst_split.smartAd > li > div.item07:before {background-position:0 -250px}
.lst_split.smartAd > li > div.item08:before {background-position:-100px -250px}
.lst_split.smartAd > li > div.item09:before {background-position:-200px -250px}


.lst_split.smartAd.popUma > li:first-child {border-top:none;}
.lst_split.smartAd.popUma > li {margin:0 -15px; background:#ebf4fb; border-top:1px solid #fff;}
.lst_split.smartAd.popUma > li > div {margin-left:90px;}
.lst_split.smartAd.popUma > li > div > a > strong {display:inline-block; font-size:13px; line-height:14px; padding-top:8px; color:#000}
.lst_split.smartAd.popUma > li > div > a > strong:after {opacity:1; content: ''; background-position:right -163px; width:5px; height:8px; vertical-align:top; margin:2px 0 0 5px;}
.lst_split.smartAd.popUma > li > div > a > span {display:block; padding-top:5px; color:#666;}

.lst_split.smartAd.myPortfolio{margin-top:10px}
.lst_split.smartAd.myPortfolio > li:first-child {border-top:none;}
.lst_split.smartAd.myPortfolio > li {background:#fffcf2; border-top:1px solid #fff;}
.lst_split.smartAd.myPortfolio > li > div {margin-left:90px;}
.lst_split.smartAd.myPortfolio > li > div > strong {display:block; padding-top:5px}
.lst_split.smartAd.myPortfolio > li > div > span {padding-top:5px}

.lst_split.popRobo{background:#ebf4fb;padding:10px 0;overflow:hidden}
.lst_split.popRobo > li:first-child {border-top:none;}
.lst_split.popRobo > li {margin:0 -15px; }
.lst_split.popRobo > li > div {margin-left:90px;}
.lst_split.popRobo > li > div:before {left:-80px;background:url(/mbw/images/asset/bg_popRobo_split.png) no-repeat; background-size:65px auto; }
.lst_split.popRobo > li > div > a > strong {display:inline-block; font-size:13px; line-height:14px; padding-top:8px; color:#000}
.lst_split.popRobo > li > div > a > strong:after {opacity:1; content: ''; background-position:right -163px; width:5px; height:8px; vertical-align:top; margin:2px 0 0 5px;}
.lst_split.popRobo > li > div > a > span {display:block; padding-top:5px; color:#666;}
.lst_split.popRobo > li > div.item01:before {background-position:0 0;}
.lst_split.popRobo > li > div.item02:before {background-position-y:-70px}
.lst_split.popRobo > li > div.item03:before {background-position-y:-140px}
.lst_split.popRobo > li > div.item03 span{padding-top:0px}

/* 불리오 */

.lst_split.boolio > li {margin:0 -15px; background:#f6f5f3; border-top:1px solid #fff;}
.lst_split.boolio > li > div {margin-left:90px;}
.lst_split.boolio > li > div:before,
.lst_split.boolio > li > div a:before  {background:url(/mbw/images/asset/ico_boolio_set.png) no-repeat; background-size:65px auto; }
.lst_split.boolio > li > div a, .lst_split.boolio > li > div strong{display:block;color:#333}
.lst_split.boolio > li > div strong{margin-bottom:5px}
.lst_split.boolio > li > div a:before {opacity:1;content:'';background-position:0 -633px;position:absolute;top:25px; right:0; display:inline-block; width:8px; height:17px;}
.lst_split.boolio > li > div.item01 a{padding-top:5px;}
.lst_split.boolio > li > div.item03 a{padding-top:5px;}
.lst_split.boolio > li > div.item01:before {background-position:0 -338px;}
.lst_split.boolio > li > div.item02:before {background-position:0 -438px;}
.lst_split.boolio > li > div.item03:before {background-position:0 -538px;}


.contHeadCopy.boolio {font-size:14px;min-height:190px} 
.contListWrap.boolio .contHead.contImg {}
.contListWrap.boolio h1.tit{color:#ff775e}
.contListWrap.boolio .btnWrap.small a.blue{border:1px solid #ff775e; background:#ff775e}

.infoListArea{display:block;padding-bottom:20px;border-bottom:15px solid #e6e6e6}
.infoListArea dl.box{display:block;margin-top:45px}
.infoListArea dl.box dt{display:block;font-size:30px;color:#ff775e}
.infoListArea dl.box dt strong{font-size:55px;}
.infoListArea dl.box dd{display:block;font-size:15px;color:#333;}
.infoListArea .textDesc{display:block;font-size:11px;color:#666;margin-top:25px}
.infoListArea .btnWrap a.red,
.infoInvest .btnWrap a.red{background:#ff775e;border:1px solid #ff775e;}
.infoListArea .btnWrap a.red:before,
.infoInvest .btnWrap a.red:before{opacity:1;position:inherit;content:"";background:url(/mbw/images/asset/ico_boolio_logo.png) no-repeat; background-size:48px 13px;display:inline-block;width:48px;height:13px;margin-right:3px}

.contDefine.boolio{}
.contDefine.boolio:after{content:"";display:block;clear:both;visibility:hidden}
.contDefine.boolio dt{float:left;width:28%;height:90px;}
.contDefine.boolio dt img{width:90px;height:90px;}
.contDefine.boolio dd{float:left;width:68%;margin:10px 0 35px 2% !important;text-align:left;min-height:75px}
.contDefine.boolio dd.textLine1{margin-top:20px !important}
.contDefine.boolio dd.textLine2{margin-top:15px !important}
.contDefine.boolio dd strong{display:block;font-size:14px;color:#333;padding-bottom:5px}
.contDefine.boolio dd p{display:block;font-size:11px;color:#666}

.contListWrap.boolio .infoInvest{display:block;padding-bottom:20px;border-bottom:15px solid #e6e6e6}
.contListWrap.boolio .infoInvest .subTitH3{margin-bottom:20px}
.contListWrap.boolio .infoInvest .investRound{display:block;color:#ff775e;font-size:14px;text-align:left;margin-bottom:20px;font-weight:bold}
.contListWrap.boolio .infoInvest .investRound span{font-size:11px;border:1px solid #ff775e;padding:2px 5px;border-radius:20px}

.boolioTypeInfo {padding:0 15px}
.boolioTypeInfo > li {position:relative;padding-bottom:48px}
.boolioTypeInfo > li:after  {display:block;content:"";background:url(/mbw/images/asset/ico_boolio_set.png) no-repeat;background-size:65px auto;background-position:-24px -85px;position:absolute;top:85px;left:24px;width:17px;height:8px; }
.boolioTypeInfo > li:last-child{padding-bottom:0;}
.boolioTypeInfo > li:last-child:after{display:none;}
/* .boolioTypeInfo > li > div:before  {display:block; content:"";background-position:-24px -85px;position:absolute;top:85px;left:24px;width:17px;height:8px; } */
.boolioTypeInfo > li > div {position:relative;padding-left:80px;text-align:left;font-size:13px;min-height:65px;vertical-align:middle;}
.boolioTypeInfo > li > div{background:url(/mbw/images/asset/ico_boolio_set.png) no-repeat;background-size:65px auto;}
.boolioTypeInfo > li > div.item01 {background-position:0 0;}
.boolioTypeInfo > li > div.item02 {background-position:0 -112px;}
.boolioTypeInfo > li > div.item03 {background-position:0 -225px;}
.boolioTypeInfo > li > div > strong {display:inline-block;color:#ff775e;font-size:13px;padding-top:3px;}
.boolioTypeInfo > li > div > span {display:inline-block;color:#333;font-size:12px;padding-top:3px;}
.boolioTypeInfo > li > div > p {display:block;padding-top:10px;color:#666;font-size:11px; }
.contListWrap.boolio .boolioDesc{margin:14px 15px 20px;position:relative;font-size:11px;color:#666;line-height:14px;padding-left:12px;text-align:left;}
.contListWrap.boolio .boolioDesc:before {display:block;content:"※";font-size:11px;color:#666;position:absolute;top:2px;left:0;}

.contHeadCopy.introDesc.boolio{color:#ff775e}
.contHeadCopy.introDesc.boolio:before{background-position:50% -100px;}
.contHeadCopy.introDesc.boolio .btnWrap a.red{background:#ff775e;border:1px solid #ff775e}
.contHeadCopy.introDesc.boolio .subTitH3 > span{color:#ff775e}

table.tbl_type.smallTxt th {font-size:12px;}
table.tbl_type.smallTxt td {font-size:11px !important;}

.subTitH3.marMtop {margin-top:-14px;}

/* asset ex */
.contListWrap .contHead.foreignStock {min-height:inherit;}
#header.newPage h1.tit.h2depth.resizeTxt {font-size:13px; letter-spacing:-1px;}


/* 자산관리 수정 관련 */
.smart_advisor .contHead.contImg .headText .btnWrap.margWrap{margin-top:32%} 
.smart_advisor .detail_txt01 {padding:0 15px; background:#fff;}
.smart_advisor .detail_txt01 strong {display:block; padding:45px 0 0 10px; font-size:25px; color:#000; text-align:left;}
.smart_advisor .detail_txt01 strong span {color:#0062ab;}
.smart_advisor .detail_txt01 strong em{display:block;padding-top:35px;font-size:12px;color:#666;}
.smart_advisor .detail_txt01 dl {padding:40px 0 25px 10px; overflow:hidden; text-align:left; }
.smart_advisor .detail_txt01 dl dt {position:relative; float:left; padding-top:20px; color:#0062ab; width:115px; letter-spacing:-1px; font-weight:bold;}
.smart_advisor .detail_txt01 dl dt:before {position:absolute; top:0; left:0; content:""; display:block; width:20px; height:2px; background:#0062ab;}
.smart_advisor .detail_txt01 dl dd {float:left; width:calc(100% - 115px); padding-top:20px; margin-bottom:20px; font-size:14px; color:#333; word-break:keep-all;}
.smart_advisor .detail_txt02 {padding:50px 15px 0 15px;}


.smart_advisor .detail_txt {padding:0 15px 20px; }
.smart_advisor .detail_txt strong {display:block; padding:45px 0 40px 10px; font-size:25px; color:#000; text-align:left;}
.smart_advisor .detail_txt strong span {color:#0062ab;}
.smart_advisor .detail_txt strong em{display:block;font-size:12px;color:#666;padding:20px 0 0;font-weight:normal}
.smart_advisor .detail_txt p {position:relative;padding:20px 0 25px 10px; overflow:hidden; text-align:left; font-size:14px; color:#333; word-break:keep-all;}
.smart_advisor .detail_txt p:before {position:absolute; top:0; left:10px; content:""; display:block; width:20px; height:2px; background:#0062ab;}
.smart_advisor .detail_txt p>span{color:#0062ab}

.smart_advisor .detail_tit {font-size:25px; color:#222;}
.smart_advisor .detail_tit span {color:#0062ab;}
.smart_advisor .detail_txt02{background:#f4f5f7;}
.smart_advisor .detail_txt02 ul {overflow:hidden; padding-bottom:35px;}
.smart_advisor .detail_txt02 ul li strong {display:block; margin-bottom:15px; font-size:18px; color:#222;}
.smart_advisor .detail_txt02 ul li {padding:40px 10px 0 10px; float:left; width:50%; box-sizing:border-box;}
.smart_advisor .detail_txt02 ul li .blue_txt {min-height:72px; color:#0062ab; font-weight:bold; font-size:48px; line-height:inherit}
.smart_advisor .detail_txt02 ul li .blue_txt .s_txt{display:inline-block; font-size:14px;vertical-align:top}
.smart_advisor .detail_txt02 ul li .blue_txt .s_txt .text {display:block; font-size:14px;line-height:14px;}
.smart_advisor .detail_txt02 ul li .blue_txt .s_txt .percent {display:block; font-size:24px;line-height:24px;}
.smart_advisor .detail_txt02 ul li .blue_txt .m_txt {font-size:28px; vertical-align:middle;}
.smart_advisor .detail_txt02 ul li:first-child {width:100%;}
.smart_advisor .detail_txt02 ul li:first-child .blue_txt {min-height:40px; line-height:48px; vertical-align:top;margin-bottom:10px}
.smart_advisor .detail_txt02 ul li:first-child .blue_txt .s_txt {margin-top:5px; padding-right:35px; font-size:13px; background:url('/mbw/images/asset/img_down.png') right center no-repeat; background-size:26px auto;}
.smart_advisor .detail_txt02 ul li:nth-child(2) .blue_txt .s_txt {display:block;}
.smart_advisor .detail_txt02 ul li:nth-child(2) .blue_txt>em{display:block;padding-top:10px;min-height:50px; line-height:48px; vertical-align:top}
.smart_advisor .detail_txt02 ul li:nth-child(2) .blue_txt .m_txt {display:inline-block;font-size:20px;line-height:20px; vertical-align:top;margin-top:2px}
.smart_advisor .detail_txt02 ul li:last-child .blue_txt {font-size:24px;}
.smart_advisor .detail_txt02 ul li p {margin-top:15px; font-size:13px; color:#444;}
.smart_advisor .detail_txt02 ul li:first-child p {margin-top:0;}

.smart_advisor .detail_txt03 {padding:40px 15px 20px;background-color:#f4f5f7}
.smart_advisor .detail_txt03 > strong {display:block; padding:0 0 30px 10px; font-size:25px; color:#000; text-align:left;}

.smart_advisor .detail_txt04 {padding:40px 15px 20px;background-color:#fff}
.smart_advisor .detail_txt04 .mpopTabWrap{margin:35px 0px 30px}
.smart_advisor .detail_txt04 .mpopTabWrap .h4TabWrap.blue .h4Tab li{display:block;}
.smart_advisor .detail_txt04 .mpopTabWrap .h4TabWrap.blue .h4Tab li{width:33%}
.smart_advisor .detail_txt04 .mpopTabWrap .h4TabWrap.blue .h4Tab li a > span{font-size:13px}
.smart_advisor .detail_txt04 .service_ico{display:block;margin:0}
.smart_advisor .detail_txt04 .service_ico dl{display:block;}
.smart_advisor .detail_txt04 .service_ico dl>dt{font-size:16px;color:#444;line-height:20px;font-weight:bold}
.smart_advisor .detail_txt04 .service_ico dl>dt:after{display:block;content:"";margin:20px auto 0;width:100px;height:100px;background:url('/mbw/images/asset/img_smartadvisor_ico_step.png') 0 0 no-repeat; background-size:100px auto;}
.smart_advisor .detail_txt04 .service_ico dl>dt>span{color:#0062ab}
.smart_advisor .detail_txt04 .service_ico dl>dd{display:block;margin:20px 0 0;font-size:14px;color:#444;margin-left:10px;text-indent:-10px;text-align:left}
.smart_advisor .detail_txt04 .service_ico dl>dd+dd{margin-top:10px}
.smart_advisor .detail_txt04 .service_ico dl>dd.txt_etc{color:#808080}
.smart_advisor .detail_txt04 .service_ico dl.ico01>dt:after{}
.smart_advisor .detail_txt04 .service_ico dl.ico02>dt:after{background-position-y:-110px}
.smart_advisor .detail_txt04 .service_ico dl.ico03>dt:after{background-position-y:-220px}
.smart_advisor .detail_txt04 .service_ico + .btnWrap{margin-top:20px} 


.guideProcessWrap.smartAdvisor{background:#f4f5f7;}
.guideProcessWrap.smartAdvisor .guideProcess > dt > strong{color:#0078c8}
.guideProcessWrap.smartAdvisor .guideProcess > dt:before{background:url(/mbw/images/asset/bg_smartAdvisor_split.png) no-repeat; background-size:320px auto;}
.guideProcessWrap.smartAdvisor .guideProcess > dt.item01:before{background-position:0 -375px}
.guideProcessWrap.smartAdvisor .guideProcess > dt.item02:before{background-position:-100px -375px}
.guideProcessWrap.smartAdvisor .guideProcess > dt.item03:before{background-position:-200px -375px}
.guideProcessWrap.smartAdvisor .guideProcess > dt.item04:before{background-position:0 -500px}
.guideProcessWrap.smartAdvisor .guideProcess > dd > strong{display:block;color:#333;padding:8px 0}
.guideProcessWrap.smartAdvisor .guideProcess > dd > .lstText2{margin-left:5px;margin-top:5px}
.guideProcessWrap.smartAdvisor .guideProcess > dd > .lstText2 li{font-size:12px;color:#999}

.eGoldenWrap h1.tit > small{font-size:14px;font-weight:bold}
.eGoldenWrap .goldenWrap{}
.eGoldenWrap .goldenWrapInfo{background-color:#f5f5f5;border-bottom:1px solid #e4e4e4;padding-bottom:40px}
.eGoldenWrap .goldenWrapInfo h2.subTit{color:#010101;text-align:center}
.eGoldenWrap .goldenWrapInfo .imgInfo{display:block;padding:20px 0 0;}
.eGoldenWrap .goldenWrapInfo .txtInfo{display:block;padding:40px 0 0;font-size:14px;color:#666;}
.eGoldenWrap .goldenWrapInfo .txtInfo span{font-size:16px;color:#000;font-weight:bold;line-height:20px}
.eGoldenWrap .goldenWrapInfo .txtInfo strong{font-size:20px;color:#0078c8;font-weight:bold;line-height:24px}
.eGoldenWrap .goldenWrapInfo .txtInfo+.txtInfo{padding-top:30px}

.eGoldenWrap .goldenWrapInfo2{background-color:#fff;display:block;margin:40px 0;}
.eGoldenWrap .goldenWrapInfo2 small{font-size:14px;color:#333;text-align:center;font-weight:bold;text-decoration:underline}
.eGoldenWrap .goldenWrapInfo2 .subTit{font-size:26px;padding:12px 0;text-align:center}
.eGoldenWrap .goldenWrapInfo2 .txt{font-size:14px;color:#666;text-align:center;}
.eGoldenWrap .goldenWrapInfo2 .btnWrap{padding:25px 15px 35px}

.assetTypeInfo.goldenWrap{background:none;padding:0}
.assetTypeInfo.goldenWrap > dl > dd > .lst > li:after{}
.assetTypeInfo.goldenWrap > dl > dd > .lst > li > div.item01:before{background-position:0 -1265px;}
.assetTypeInfo.goldenWrap > dl > dd > .lst > li > div.item02:before{background-position:-70px -1265px;}
.assetTypeInfo.goldenWrap > dl > dd > .lst > li > div.item03:before{background-position:-140px -1265px;}
.assetTypeInfo.goldenWrap > dl > dd > .lst > li > div.item04:before{background-position:-210px -1265px;}
.assetTypeInfo.goldenWrap > dl > dd > .lst > li > div > strong{padding:5px 0 3px}
.assetTypeInfo.goldenWrap > dl > dd > .lst > li > div .btn_addTxt{margin:5px 0 5px;}
.assetTypeInfo.goldenWrap > dl > dd > .lst > li > div .btn_addTxt a{color:#0078c8}
.assetTypeInfo.goldenWrap > dl > dd > .lst > li > div .btn_addTxt .bfIcoBtn:before{top:2px}

.assetProcessWrap.goldenWrap {margin-top:15px;}
.assetProcessWrap.goldenWrap > li {float:inherit; width:100%; min-height:92px; padding-bottom:20px;}
.assetProcessWrap.goldenWrap > li strong{margin-top:0 !important; font-size:16px;}
.assetProcessWrap.goldenWrap > li strong em {font-weight:normal;}
.assetProcessWrap.goldenWrap > li strong, .assetProcessWrap.goldenWrap > li span,
.assetProcessWrap.goldenWrap > li p{text-align:left; margin:10px 0 0 75px;}
.assetProcessWrap.goldenWrap > li span{ font-size:14px;}
.assetProcessWrap.goldenWrap > li:nth-child(4){padding-bottom:0;}
.assetProcessWrap.goldenWrap > li:after{position:absolute; background-position:0 -365px; top:85px; left:23px; width:17px; height:8px;}
.assetProcessWrap.goldenWrap > li > span:before{margin:0; position:absolute; top:-4px; left:0}
.assetProcessWrap.goldenWrap > li > span.step01:before {background-position:0 -1351px;}
.assetProcessWrap.goldenWrap > li > span.step02:before {background-position:-70px -1351px;}
.assetProcessWrap.goldenWrap > li > span.step03:before {background-position:-140px -1351px;}
.assetProcessWrap.goldenWrap > li > span.step04:before {background-position:-210px -1351px;}
.assetProcessWrap.goldenWrap > li:nth-child(2):after{top:105px;}
.assetProcessWrap.goldenWrap > li:nth-child(3):after{top:105px;}

.assetProcessWrap.popRoboWrap {margin-top:15px;}
.assetProcessWrap.popRoboWrap > li {float:inherit; width:100%; min-height:92px; padding-bottom:20px;}
.assetProcessWrap.popRoboWrap > li strong{margin-top:0 !important; font-size:16px;}
.assetProcessWrap.popRoboWrap > li strong em {font-weight:normal;}
.assetProcessWrap.popRoboWrap > li strong, .assetProcessWrap.popRoboWrap > li span,
.assetProcessWrap.popRoboWrap > li p{text-align:left; margin:10px 0 0 75px;}
.assetProcessWrap.popRoboWrap > li span{ font-size:14px;}
.assetProcessWrap.popRoboWrap > li:nth-child(5){padding-bottom:0;}
.assetProcessWrap.popRoboWrap > li:after{position:absolute; background-position:0 -365px; top:85px; left:23px; width:17px; height:8px;}
.assetProcessWrap.popRoboWrap > li > span:before{margin:0; position:absolute; top:-4px; left:0}
.assetProcessWrap.popRoboWrap > li > span.step01:before {background-position:0 -1608px;}
.assetProcessWrap.popRoboWrap > li > span.step02:before {background-position:-70px -1608px;}
.assetProcessWrap.popRoboWrap > li > span.step03:before {background-position:-140px -1608px;}
.assetProcessWrap.popRoboWrap > li > span.step04:before {background-position:-210px -1608px;}
.assetProcessWrap.popRoboWrap > li > span.step05:before {background-position:-210px -1351px;}



p.lstText2 {background:none; color:#666; font-size:14px; line-height:1.4; text-indent:-8px; padding-left:10px; margin-left:8px}
p.lstText2:before{content:"※ ";display:inline-block;}

.domesticGuide .global {padding:48px 15px; background:#f4f5f7; border-bottom:1px solid #e4e4e4;}
.domesticGuide .global .global_txt {color:#000; letter-spacing: -1px; word-break:keep-all;}
.domesticGuide .global .global_sub_txt {margin:8px 0 0;padding-bottom:10px; font-size:14px; color:#666; letter-spacing: -1px;}
.domesticGuide .global .stock_list {overflow:hidden;}
.domesticGuide .global .stock_list li {float:left;width:50%; margin-top:10px;}
.domesticGuide .global .stock_list li div {padding-right:10px;}
.domesticGuide .global .stock_list li:nth-child(2n) div{padding:0 0 0 10px;}
.domesticGuide .global .stock_list li strong {font-size:16px; color:#333; font-weight:bold;}
.domesticGuide .global .stock_list li p {margin-top:5px; font-size:19px; color:#dc3900; font-weight:bold;}
.domesticGuide .global .stock_list li p span {font-size:16px;}
.domesticGuide .global .blue_txt {margin-top:35px; font-size:20px; color:#0078c8; font-weight:bold; letter-spacing: -1px;}

.domesticGuide .check_wrap {padding:0 15px 40px 15px;}
.domesticGuide .check_wrap .check_list_box .box_tit{display:block; margin-top:40px; font-size:16px; color:#0078c8; letter-spacing: -1px;}
.domesticGuide .check_wrap .check_list_box .img_box {margin-top:25px;}
.domesticGuide .check_wrap .check_list_box .check_list ul li {display:table; width:100%; height:50px; font-size:14px; color:#333; text-align:left; border-bottom:1px dashed #dbdbdb;}
.domesticGuide .check_wrap .check_list_box .check_list ul li span{display:table-cell; vertical-align:middle; padding-left:35px; background:url('/mbw/images/asset/img_check.jpg')10px center no-repeat; background-size:15px;}

.domesticGuide .join {position:relative;}
.domesticGuide .join .txt_area {position:absolute; top:50%; left:0; padding:0 15px; margin-top:-95px;}
.domesticGuide .join .txt_area p {padding-top:25px; color:#fff;letter-spacing: -1px;word-break:keep-all; background:url('/mbw/images/asset/ico_txt.png')top center no-repeat; background-size: auto 11px;}
.domesticGuide .join .txt_area strong {display:block; margin-top:10px; font-size:24px; font-weight:normal; color:#fff; letter-spacing: -1px;}
.domesticGuide .join .txt_area .btnWrap {margin-top:20px;}
.domesticGuide .join .txt_area .btnWrap a {width:auto;padding:0 15px;}

.contListWrap.domesticGuide h2.subTit {padding-left:0;padding-right:0}

.domesticGuide .familyCenter p.introDesc:before {content:' '; display:block; width:15px; height:11px; margin:0 auto 10px; background-position:50% -50px;}

.slideUpDnWrap.loanGuide > dl > dd{padding:0}
.slideUpDnWrap.loanGuide > dl > dd  h2.subTit{font-size:18px;line-height:22px}
.loanGuide.contListWrap .contHead.contImg .btns{position:absolute;top:63.8%;left:5%;width:90%;height:9%;z-index:10}
.loanGuide.contListWrap .contHead.contImg .btns.type2{top:57.8%;height:10%}
.loanGuide.contListWrap .contHead.contImg .btns.type3{top:62.7%;height:10%}
.loanGuide.contListWrap .contHead.contImg .btns2{position:absolute;top:74%;left:5%;width:44%;height:13.5%;z-index:10;}
.loanGuide.contListWrap .contHead.contImg .btns3{position:absolute;top:74%;left:51%;width:44%;height:13.5%;z-index:10;}
.loanGuide.contListWrap h2.subTit{font-size:24px;line-height:28px;}
.loanGuide .bgBox.firsr, .loanGuide .bgBox2.firsr{margin-top:0px;}
.loanGuide .bgBox{background-color:#ebf4fb;margin-top:40px;padding-bottom:40px}
.loanGuide .bgBox2{background-color:#f4f5f8;margin-top:40px;padding-bottom:40px}
.loanGuide .borBox{border-bottom:15px solid #e6e6e6;padding-bottom:40px}
.loanGuide .borBox:after {display:block; clear:both; content:""} 
.loanGuide .imageArea{margin-top:20px}
.loanGuide .slideUpDntCont  .tblWrap.small th, .loanGuide .slideUpDntCont  .tblWrap.small td{padding-left:2px;padding-right:2px;}

/* 예탁/매도 대출 step */
.isaStep.loanGuidestep{margin-top:40px}
.isaStep.loanGuidestep dt:before{background:url('/mbw/images/banking/img_loanGuide_set.png') 0 0 no-repeat; background-size:65px auto;}
.isaStep.loanGuidestep dt.step01:before{background-position:0 0}
.isaStep.loanGuidestep dt.step02:before{background-position:0 -80px}
.isaStep.loanGuidestep dt.step03:before{background-position:0 -160px}
.isaStep.loanGuidestep dt.step04:before{background-position:0 -240px}
.isaStep.loanGuidestep dt.step04:after{display:none}
.isaStep.loanGuidestep.minwon dt.step04:after{display:block}
.isaStep.loanGuidestep dt.step05:before{background-position:0 -320px}
.isaStep.loanGuidestep dt.step05:after{display:none}
.isaStep.loanGuidestep dt>strong{font-size:14px}


/* step */
.guideStep{margin-top:40px;position:relative}
.guideStep:after {display:block; clear:both; content:""} 
.guideStep dt {position:absolute;width:65px;height:65px; display:block;  overflow:hidden; border-radius:100%;}
.guideStep dt:before {content:''; position:absolute; display:block; width:65px; height:65px; background-color:#ebf4fb;}
.guideStep dd:last-child{padding-bottom:20px}
.guideStep dt > strong {display:block;position:relative; margin:10px 0 0px;font-size:25px; color:#0078c8; letter-spacing:-1px;z-index:10;text-align:center}
.guideStep dt > strong + span {display:block;position:relative;font-size:11px; color:#0078c8; letter-spacing:-1px;z-index:10;text-align:center}
.guideStep dd {position:relative; display:block; margin-left:80px; min-height:72px; padding-bottom:30px}
.guideStep dd:after {position:absolute; background-position:0 -365px; top:80px; left:-56px; width:17px; height:8px;}
.guideStep dd > strong {display:block; font-size:14px; color:#333; letter-spacing:-1px;margin:8px 0}
.guideStep dd > p {font-size:12px; color:#666; letter-spacing:-1px; line-height:20px}
.guideStep dd:last-child:after {background:none} 


/* 오늘의 투자 */
.contListWrap.o2 .txt{line-height:24px;color:#777}
.contListWrap.o2 .txt>span{color:#286ef0}
.contListWrap.o2 .txt+.txt{display:block;margin-top:20px}
.contListWrap.o2 .contHead.contImg .btnArea{position:absolute; bottom:0px;left:9%;width:39.5%;height:6%;}
.contListWrap.o2 .contHead.contImg .shareWrap{bottom:0px;right:9%;width:39.5%;height:6%;}
.contListWrap.o2 .btn_share.share, .contListWrap.o2 .contHead.contImg .btnArea a{display:block;width:100%;height:100%}
.contListWrap.o2 .btn_share.share:before{display:none;}

/* 해외주식 글로벌 입고 서비스 */
.isaStep.globalSevice{position:relative}
.isaStep.globalSevice dt {display:block}
.isaStep.globalSevice dt:after{top:90px}
.isaStep.globalSevice dt>strong{margin-top:5px}
.isaStep.globalSevice dt:before{content:''; background:url(/mbw/images/trading/img_foreign_global.png) no-repeat; background-size:65px 400px;}
.isaStep.globalSevice dt:nth-child(1):before{background-position:0 0;}
.isaStep.globalSevice dt:nth-child(3):before{background-position:0 -100px;}
.isaStep.globalSevice dt:nth-child(5):before{background-position:0 -200px;}
.isaStep.globalSevice dt:nth-child(7):before{background-position:0 -300px;}
.isaStep.globalSevice dt, .isaStep.globalSevice dd{font-size:14px}
.isaStep.globalSevice dd:nth-child(6):before{content: '5영업일';position:absolute;bottom:5px;left:-73px;border-radius:10px;background-color:#0078c8;font-size:11px;color:#fff;padding:1px 8px 2px;}
.isaStep.globalSevice dt:nth-child(7):after{display:none}
.isaStep.globalSevice dd{padding-bottom:0;min-height:90px;color:#333}
.isaStep.globalSevice dd>span{display:block;padding:23px 0 0}
.isaStep.globalSevice dd .btnWrap{margin-top:10px;padding:0}
.isaStep.globalSevice dt.btn>strong{margin-top:10px}
.isaStep.globalSevice dd.btn>span{padding:8px 0 0}


@media only screen and (min-device-width:380px) and (max-device-width:420px) {
	.startAccountSlider.marketing {height:555px;}
}



@media only screen and (min-device-width:360px) and (max-device-width:375px) {
	.h5TabWrap.blue .h5Tab li a {font-size:13px;}
	.startAccountSlider.marketing {height:530px;}
}

@media only screen and (min-device-width:340px) and (max-device-width:360px) {
	.stock_kind_wrap .stock_kind li{width:48%}
	.contListWrap .contTab .contDefine {padding:0;}
	.h5TabWrap.blue .h5Tab li a {font-size:13px;}
	.startAccountSlider.marketing {height:510px;}
	
}

@media only screen and (min-device-width:320px) and (max-device-width:360px) {
	.startAccountSlider.marketing {}
}



@media only screen and (min-device-width:320px) and (max-device-width:340px) {
	/* .srchFormWrap.exception .interestUtil select {width:80px;}*/
	.stock_kind_wrap .stock_kind li{width:48%}
	.mpopTabWrap .h4TabWrap.blue .h4Tab li a {font-size:12px;}
	.cmaSlideTxt {top:30px;}
	.cmaSlideTxt p.subParaTxt {line-height:1.3;}
	.contListWrap .contTab .contDefine {padding:0;}
	.h5TabWrap.blue .h5Tab.col3 li a {font-size:12px;}
	.contListWrap h1.tit + p, .contListWrap h2.stit + p {font-size:13px; padding:0;} 
	.startAccountSlider.marketing {height:485px;}
}
/* 갤럭시 폴드 */
@media only screen and (min-device-width:420px) and (max-device-width:600px) {
	.startGuideLst > li {height:600px}
	/* .contListWrap .contHead.contImg img{margin-top:-50px} */
	.contListWrap.smart_advisor .contHead.contImg img{margin-top:-20px}
	.contListWrap.asset .contHead.contImg img{margin-top:0px}
	.contListWrap.asset .h5TabWrap.blue {position:relative;margin-top:-30px}
}