@charset "utf-8";

/* 공통 스타일 */
/* input */
input[placeholder]{color:#333;}
/* placeholder */
::-webkit-input-placeholder {color:#fff;} /* 웹킷 전용 속성 */
.srchFormWrap .inpSrchSet ::-webkit-input-placeholder {color:#333;} /* 웹킷 전용 속성 */
/*.blind2{position:absolute !important; display:block !important; height:0 !important; width:0 !important; font-size:0 !important; line-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important;}*/
/* table style */
.tbl_type{width:100%;}
table.tbl_type{background-color:#fff; table-layout:fixed; border-top:3px solid #c2c2c2; border-bottom:2px solid #c2c2c2;}
table.tbl_type.small tr.thead td, table.tbl_type.small th{background:#ebebeb; border-left-width:0}
table.tbl_type.small td{border-left-width:0}
table.tbl_type th,
table.tbl_type tr.thead td,
.scrollTable > .scrollCell > table > tbody > tr > td.thCell{font-weight:normal; letter-spacing:-1px; padding:9px 0; background:#fafafa; text-align:center; color:#333; font-size:13px; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; border-left:1px solid #d3d3d3;}
.scrollTable > .scrollCell > table > tbody > tr > td.thCell {border-left:none;}
table.tbl_type th{}
table.tbl_type td{border-top:1px solid #e6e6e6; text-align:center; border-left:1px solid #e6e6e6; padding:8px 0; vertical-align:middle; color:#555; font-size:13px; height:17px}
table.tbl_type th.l, table.tbl_type td.l{text-align:left; padding-left:7px; padding-right:2px;}
table.tbl_type td.r{text-align:right; padding-right:7px;}
table.tbl_type.row tr td.line{border-left-width:1px !important; border-top-width:1px}
table.tbl_type tr td.line{border-left-width:1px !important;}
table.tbl_type th.nline, table.tbl_type td.nline,
table.tbl_type.row th.nline, table.tbl_type.row td.nline{border-top-width:0; border-bottom-width:0}
table.tbl_type th.nbline, table.tbl_type td.nbline,
table.tbl_type.row th.nbline, table.tbl_type.row td.nbline{border-bottom-width:0}
table.tbl_type td span, table.tbl_type td > div{color:#555; font-size:12px;}
table.tbl_type tr:first-child th,
table.tbl_type tr:first-child td
table.tbl_type.row tr:first-child th,
table.tbl_type.row tr:first-child td{border-top-width:0}
table.tbl_type tr th:first-child,
table.tbl_type tr td:first-child,
table.tbl_type.row tr th:first-child,
table.tbl_type.row tr td:first-child{border-left-width:0}
table.tbl_type td.noData{}
table.tbl_type td label{}
table.tbl_type td .inputChk{height:19px; line-height:19px; padding:2px 0px 3px 10px} 
table.tbl_type tr td .txtEx, .txtEx{color:#e13200}
table.tbl_type tr td .txtExG{color:#666}
table.tbl_type.row th, table.tbl_type.row td{border-top:1px solid #e4e4e4; border-bottom:0;}
table.tbl_type.col tr td ul > li, table.tbl_type.row tr td ul > li, table.tbl_type.row tr td .lstDot.tit{font-size:13px;}
table.tbl_type.row tr td p {margin:5px 0;}
table.tbl_type.row tr td p.lstDot.tit{margin-left:8px;}
table.tbl_type.row tr td > :first-child {margin-top:0;}
table.tbl_type.row tr td > :last-child {margin-bottom:0;}
table.tbl_type.col tbody th{border-color:#e6e6e6; border-bottom:1px;}
table.tbl_type.col tbody tr:first-child th{border-top:none;}
/*table.tbl_type.col tbody tr:last-child th{border-bottom:none;}*/
table.tbl_type.row tr td fieldset input[type="text"]{height:31px; line-height:31px}
table.tbl_type.row tr td .btn_find{width:auto; padding:0 10px; margin:10px 0 0;}
table.tbl_type.row tr td .file_list{ margin:0 0 10px}
table.tbl_type.row tr td .file_list li{line-height:16px; overflow:hidden}
table.tbl_type.row tr td .file_list li a{float:left; width:70%; overflow:hidden}
table.tbl_type.row tr td .file_list li p{float:left; width:25%; text-align:right; margin:0}

table.tbl_type.trading{border-bottom:0; }
table.tbl_type.trading tfoot th, table.tbl_type.trading tfoot td{font-weight:normal; background-color:#fff; border-top:2px solid #bfbfbf; border-bottom:0; font-size:13px; color:#333}
table.tbl_type.trading th{font-size:13px; font-weight:normal;}
table.tbl_type.trading td, table.tbl_type.trading td span{font-size:13px;}
table.tbl_type.trading td.bg1{background-color:#e9f0fc}
table.tbl_type.trading td.bg2{background-color:#fff0ed}

.contListWrap .tbl_type td strong+.lstDot, .contListWrap .tbl_type td .lstDot+strong{margin-top:5px}
.slideUpDnWrap.faqWrap .slideUpDntCont > article dd .tbl_type{margin-top:8px}
		
.scrollTable{display:block; position:relative; overflow:hidden; -webkit-overflow-scrolling:touch;}
.scrollTbody {display:block; position:relative}
.scrollTbody.row3{height:104px; overflow:hidden; overflow-y:auto;} 
.scrollTbody table{border-top-width:0}
.scrollTbody table tbody td{}

table.tbl_type+.txt_essential, table.tbl_type+.lstDot{margin-top:10px}
 
.scrollTable .scrollCell{position:absolute; top:0; left:0;  /*box-shadow:0 1px 8px rgba(0, 0, 0, 0.7);*/}
.scrollTable .icoSldMsg + .scrollCell {top:25px;}
.scrollTable .scrollCell table.tbl_type{width:auto; border-top:2px solid #c2c2c2}
.scrollTable .scrollCell table.tbl_type td{font-size:13px; letter-spacing:-1px}
/*.scrollTable .scrollCell table.tbl_type th:last-child{ border-right:1px solid #c2c2c2;}*/
.scrollTable .scrollTbody.cell{margin-left:90px; width:auto; overflow:scroll; border-left:1px solid #c2c2c2;}
.scrollTable .scrollTbody.cell.type2{margin-left:110px;}
.scrollTable .scrollTbody.cell table.tbl_type{border-top-width:2px}
.scrollTable .scrollTbody.cell table.tbl_type th.nline, .scrollTable .scrollTbody.cell table.tbl_type td.nline{border-left-width:0;border-bottom-width:1px}
.scrollTable .scrollTbody.cell table.tbl_type td.nline{border-bottom:1px solid #e6e6e6}
.scrollTable .scrollTbody.cell .tbl_scroll{position:relative; width:1000px; -webkit-overflow-scrolling:touch;}
.scrollTable .scrollTbody.cell .tbl_scroll.wid680{width:680px;}
.scrollTable .scrollTbody.cell .tbl_scroll.wid550{width:550px;}
.scrollTable .scrollTbody.cell .tbl_scroll.wid380{width:380px;}
.scrollTable .scrollTbody.cell .tbl_scroll.wid400{width:400px;}
.scrollTable .scrollTbody.cell .tbl_scroll.wid480{width:480px;} 
.scrollTable .scrollTbody.cell+.btn_addIco{border-top:0}
.scrollTable .scrollTbody.cell .tbl_type td .lstTxtIndent > li {text-indent:-13px; padding-left:13px;}
/* 검색 필터 레이어  */
.btn_detail{position:fixed;z-index:25;left:0;top:50%;width:32.5px;height:62.5px;margin-top:-30px;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(/mbw/images/common/btn_detail.png) no-repeat; background-size:32.5px 62.5px;}

.searchDatail{display:none; position:fixed; top:0; left:0; width:272.5px; height:100%; background:#fff; z-index:40;}
.searchDatail:after{content:"";display:block;clear:both;visibility:hidden}
.searchDatail .searchHead{position:fixed; left:0; top:0; display:block; width:272.5px; height:50px; background:#0077c7}
.searchDatail .searchHead > span{display:block; position:absolute; top:18px; right:15px; padding:0; font-size:14px; line-height:15px; color:#fff}
.searchDatail .s_close_btn{display:block; position:absolute; top:0; left:0; width:47.5px; height:50px; background-position:14px -18px;}
.searchDatail .searchCont{position:relative; display:block; margin:0; overflow-y:auto; -webkit-overflow-scrolling:touch; height:90%; margin-top:50px;}
.searchDatail .searchCont:after {content:"";display:block;clear:both;visibility:hidden}

.searchCont .selOptType {margin:10px 15px 5px;}
.searchCont .selOptType:after {content:'　'; display:block; height:0px; clear:both; visibility:hidden;}
.searchCont .selOptType > li {float:left; padding-right:3px; font-size:11px;}
.searchCont .selOptType > li > a {display:block; padding:1px 5px 2px; border:1px #ddd solid;}
.searchCont .selOptType > li > a.on {background-color:#969696; border-color:#969696; color:#fff;}
.searchCont .directInp {display:none; font-size:12px;}
.searchCont .directInp > label, .searchCont .directInp > span {display:inline-block; height:22px; line-height:22px; vertical-align:middle;}
.searchCont .directInp > input {width:25px; height:22px; line-height:22px; margin-right:5px; font-size:12px;}

.searchDatail .searchCont .searchFilter{position:relative; display:block; }
.searchDatail .searchCont .searchFilter:after {content:"";display:block;clear:both;visibility:hidden}
.searchDatail .searchCont .searchFilter > ul{display:block; margin:5px 0 0; overflow:hidden}
.searchDatail .searchCont .searchFilter > ul:after {content:"";display:block;clear:both;visibility:hidden}
.searchDatail .searchCont .searchFilter > ul > li{display:block; border-top:2px solid #e4e4e4; padding:15px;}
.searchDatail .searchCont .searchFilter > ul > li:first-child{border-top:none;}
.searchDatail .searchCont .searchFilter > ul > li.type1{min-height:65px;}
.searchDatail .searchCont .searchFilter > ul > li.type2{min-height:114px;}
.searchDatail .searchCont .searchFilter > ul > li.type3{min-height:162px;}
.searchDatail .searchCont .searchFilter > ul > li h3{display:inline-block; font-size:14px; color:#333; padding:0 0 12.5px; line-height:15px;}
.searchDatail .searchCont .searchFilter > ul > li h4{display:block; font-size:12px; color:#2e2e2e; padding:0 0 13px; line-height:13px;}
.searchDatail .searchCont .searchFilter > ul > li.slideHelp .toolTipCont{background:#f5f5f5; margin-bottom:10px}
	
.searchDatail .searchCont .searchFilter .sliderArea{display:block; margin:0 10px; min-height:35px;}
.searchDatail .searchCont .searchFilter .sliderArea:after {content:"";display:block;clear:both;visibility:hidden}

/* 펀드 상세 검색 */
.searchDatail .searchCont .searchFilter .split_col:after{content:"";display:block;clear:both;visibility:hidden;}
.searchDatail .searchCont .searchFilter .split_col > li{float:left; }
.searchDatail .searchCont .searchFilter .split_col.col2 > li:first-child{border-right:1px solid #e4e4e4; margin-left:0} 
.searchDatail .searchCont .searchFilter .split_col.col2 > li {width:46%; margin:0 0 0 3%;}
.searchDatail .searchCont .searchFilter .split_col.col3 > li {width:33%; margin:0 0 0 0;}
.searchDatail .searchCont .searchFilter .split_col .input_list2 > li{width:50%; float:left}
.searchDatail .searchCont .btnWrap{margin:15px 15px 0;}
.searchDatail .searchCont .btnWrap a{width:47.5%}

.frgnInvt{display:block; margin-bottom:-15px;}
.frgnInvt:after {content:"";display:block;clear:both;visibility:hidden}
.frgnInvt li{position:relative; display:inline-block; float:left; width:44.5px; margin-right:21.5px; margin-bottom:10px}
.frgnInvt li:nth-child(4){margin-right:0}
.frgnInvt li:nth-child(8){margin-right:0}
.frgnInvt li:nth-child(12){margin-right:0} 
.frgnInvt li:nth-child(1) input[type=checkbox].chk_frgnInvt{background-position:0 0;}
.frgnInvt li.on:nth-child(1) input[type=checkbox].chk_frgnInvt, .frgnInvt li:nth-child(1) input[type=checkbox].chk_frgnInvt:checked{background-position:0 -209px}
.frgnInvt li:nth-child(2) input[type=checkbox].chk_frgnInvt{background-position:-66px 0}
.frgnInvt li.on:nth-child(2) input[type=checkbox].chk_frgnInvt, .frgnInvt li:nth-child(2) input[type=checkbox].chk_frgnInvt:checked{background-position:-66px -209px}
.frgnInvt li:nth-child(3) input[type=checkbox].chk_frgnInvt{background-position:-132px 0}
.frgnInvt li.on:nth-child(3) input[type=checkbox].chk_frgnInvt, .frgnInvt li:nth-child(3) input[type=checkbox].chk_frgnInvt:checked{background-position:-132px  -209px}
.frgnInvt li:nth-child(4) input[type=checkbox].chk_frgnInvt{background-position:-198px 0}
.frgnInvt li.on:nth-child(4) input[type=checkbox].chk_frgnInvt,.frgnInvt li:nth-child(4) input[type=checkbox].chk_frgnInvt:checked{background-position:-198px  -209px}
.frgnInvt li:nth-child(5) input[type=checkbox].chk_frgnInvt{background-position:0 -69.75px}
.frgnInvt li.on:nth-child(5) input[type=checkbox].chk_frgnInvt, .frgnInvt li:nth-child(5) input[type=checkbox].chk_frgnInvt:checked{background-position:0  -279px}
.frgnInvt li:nth-child(6) input[type=checkbox].chk_frgnInvt{background-position:-66px -69.75px}
.frgnInvt li.on:nth-child(6) input[type=checkbox].chk_frgnInvt, .frgnInvt li:nth-child(6) input[type=checkbox].chk_frgnInvt:checked{background-position:-66px -279px}
.frgnInvt li:nth-child(7) input[type=checkbox].chk_frgnInvt{background-position:-132px -69.75px}
.frgnInvt li.on:nth-child(7) input[type=checkbox].chk_frgnInvt, .frgnInvt li:nth-child(7) input[type=checkbox].chk_frgnInvt:checked{background-position:-132px -279px}
.frgnInvt li:nth-child(8) input[type=checkbox].chk_frgnInvt{background-position:-198px -69.75px}
.frgnInvt li.on:nth-child(8) input[type=checkbox].chk_frgnInvt, .frgnInvt li:nth-child(8) input[type=checkbox].chk_frgnInvt:checked{background-position:-198px -279px}
.frgnInvt li:nth-child(9) input[type=checkbox].chk_frgnInvt{background-position:0 -139.5px}
.frgnInvt li.on:nth-child(9) input[type=checkbox].chk_frgnInvt, .frgnInvt li:nth-child(9) input[type=checkbox].chk_frgnInvt:checked{background-position:0 -348px}
.frgnInvt li:nth-child(10) input[type=checkbox].chk_frgnInvt{background-position:-66px -139.5px}
.frgnInvt li.on:nth-child(10) input[type=checkbox].chk_frgnInvt, .frgnInvt li:nth-child(10) input[type=checkbox].chk_frgnInvt:checked{background-position:-66px -348px}
.frgnInvt li:nth-child(11) input[type=checkbox].chk_frgnInvt{background-position:-132px -139.5px}
.frgnInvt li.on:nth-child(11) input[type=checkbox].chk_frgnInvt,.frgnInvt li:nth-child(11) input[type=checkbox].chk_frgnInvt:checked{background-position:-132px -348px}
.frgnInvt li:nth-child(12) input[type=checkbox].chk_frgnInvt{background-position:-198px -139.5px}
.frgnInvt li.on:nth-child(12) input[type=checkbox].chk_frgnInvt, .frgnInvt li:nth-child(12) input[type=checkbox].chk_frgnInvt:checked{background-position:-198px -348px}


.fundType{display:block; margin-bottom:-15px;}
.fundType:after {content:"";display:block;clear:both;visibility:hidden}
.fundType li{position:relative; display:inline-block; float:left; width:23.8%; height:34.25px; margin:0 1.5% 10px 0}
.fundType li:nth-child(4), .fundType li:nth-child(8){margin-right:0}


.riskRating{display:block;}
.riskRating:after {content:"";display:block;clear:both;visibility:hidden}
.riskRating li{position:relative; display:inline-block; float:left; width:19.2%; height:39.25px; margin:0 1% 0 0}
.riskRating li:nth-child(1) input[type=checkbox].chk_risk{background-position:0 0}
.riskRating li.on:nth-child(1) input[type=checkbox].chk_risk, .riskRating li:nth-child(1) input[type=checkbox].chk_risk:checked{background-position:0 -45px}
.riskRating li:nth-child(2) input[type=checkbox].chk_risk{background-position:-49.5px 0}
.riskRating li.on:nth-child(2) input[type=checkbox].chk_risk, .riskRating li:nth-child(2) input[type=checkbox].chk_risk:checked{background-position:-49.5px -45px}
.riskRating li:nth-child(3) input[type=checkbox].chk_risk{background-position:-99px 0}
.riskRating li.on:nth-child(3) input[type=checkbox].chk_risk, .riskRating li:nth-child(3) input[type=checkbox].chk_risk:checked{background-position:-99px -45px}
.riskRating li:nth-child(4) input[type=checkbox].chk_risk{background-position:-148.5px 0}
.riskRating li.on:nth-child(4) input[type=checkbox].chk_risk, .riskRating li:nth-child(4) input[type=checkbox].chk_risk:checked{background-position:-148.5px -45px}
.riskRating li:nth-child(5){margin-right:0}
.riskRating li:nth-child(5) input[type=checkbox].chk_risk{background-position:-198px 0}  
.riskRating li.on:nth-child(5) input[type=checkbox].chk_risk, .riskRating li:nth-child(5) input[type=checkbox].chk_risk:checked{background-position:-198px -45px}

.starRating{display:block; margin-bottom:-15px;}
.starRating:after {content:"";display:block;clear:both;visibility:hidden}
.starRating li{position:relative; display:inline-block; float:left; width:32%; height:55px; margin:0 2% 10px 0}
.starRating li:nth-child(1) input[type=checkbox].chk_star{background-position:0 0}
.starRating li.on:nth-child(1) input[type=checkbox].chk_star, .starRating li:nth-child(1) input[type=checkbox].chk_star:checked{background-position:0 -60px}
.starRating li:nth-child(2) input[type=checkbox].chk_star{background-position:-82.5px 0}
.starRating li.on:nth-child(2) input[type=checkbox].chk_star, .starRating li:nth-child(2) input[type=checkbox].chk_star:checked{background-position:-82.5px -60px}
.starRating li:nth-child(3), .starRating li:nth-child(6){margin-right:0}
.starRating li:nth-child(3) input[type=checkbox].chk_star{background-position:-165px 0}
.starRating li.on:nth-child(3) input[type=checkbox].chk_star, .starRating li:nth-child(3) input[type=checkbox].chk_star:checked{background-position:-165px -60px}
.starRating li:nth-child(4) input[type=checkbox].chk_star{background-position:-248px 0}
.starRating li.on:nth-child(4) input[type=checkbox].chk_star, .starRating li:nth-child(4) input[type=checkbox].chk_star:checked{background-position:-248px -60px}
.starRating li:nth-child(5) input[type=checkbox].chk_star{background-position:-330.5px 0}  
.starRating li.on:nth-child(5) input[type=checkbox].chk_star, .starRating li:nth-child(5) input[type=checkbox].chk_star:checked{background-position:-330.5px -60px}
.starRating li:nth-child(6) input[type=checkbox].chk_star{background-position:-413px 0}  
.starRating li.on:nth-child(6) input[type=checkbox].chk_star, .starRating li:nth-child(6) input[type=checkbox].chk_star:checked{background-position:-413px -60px}

/*input[type=checkbox].chk_frgnInvt{display:block; width:44.5px; height:60px; padding:0; margin:0; background:url(/mbw/images/search/bg_chk_frgnInvt.png) no-repeat 0 0; background-size:242.5px 393.25px}*/
/*input[type=checkbox].chk_frgnInvt+label{position:relative; display:block; width:45px; font-size:11px; color:#333; text-align:center; letter-spacing:-2px; padding:0; margin:-15px 0 0 0;}*/
input[type=checkbox].chk_frgnInvt{display:block;width:44.5px;height:60px;padding:0;margin:0;background:url(/mbw/images/search/bg_chk_frgnInvt.png) no-repeat 0 0;background-size:242.5px 393.25px;background-color: white;position: absolute;top: 0;left: 0;}
input[type=checkbox].chk_frgnInvt+label{position:relative;display:block;width:45px;font-size:11px;color:#333;text-align:center;letter-spacing:-2px; padding:0; margin:0; height:60px; line-height:105px;}

input[type=checkbox].chk_type, input[type=radio].chk_type{position:relative; display:block; width:100%; height:34.25px; padding:0; margin:0; background:#fff; border:2px solid #d6d6d6}
input[type=radio].chk_type.type2{height:55px;}
input[type=radio].chk_type.type2+label{height:53px; line-height:53px;}
input[type=checkbox].chk_type+label, input[type=radio].chk_type+label{position:absolute; top:0; left:0; right:0; height:32.25px; line-height:32px; display:block; font-size:12px; color:#666; text-align:center; letter-spacing:-1px; padding:0; margin:0;}
input[type=checkbox].chk_type:checked, input[type=radio].chk_type:checked, .fundType li.on input[type=checkbox].chk_type{background-color:#0078c8; border-color:#0078c8;}
input[type=checkbox].chk_type:checked+label, input[type=radio].chk_type:checked+label, .fundType li.on input[type=checkbox].chk_type+label{color:#fff !important}

input[type=checkbox].chk_risk{position:relative; display:block; width:100%; height:37.5px; padding:0; margin:0; background:url(/mbw/images/search/bg_risk_rating.jpg) no-repeat 0 0; background-size:242.5px 67.5px;}
input[type=checkbox].chk_risk+label{position:absolute; top:26px; left:0; right:0; height:14px; line-height:14px; display:block; font-size:11px; color:#666; text-align:center; letter-spacing:-2px; padding:0; margin:0;}
input[type=checkbox].chk_risk:checked+label{color:#333 !important}

input[type=checkbox].chk_star{position:relative; display:block; width:100%; height:53px; padding:0; margin:0; background:url(/mbw/images/search/bg_star_rating.png) no-repeat 0 0; background-size:490.5px 115.5px; border:2px solid #d6d6d6}
input[type=checkbox].chk_star+label{position:absolute; top:32px; left:0; right:0; height:14px; line-height:14px; display:block; font-size:11px; color:#666; text-align:center; letter-spacing:-2px; padding:0; margin:0;}
.starRating li.on input[type=checkbox].chk_star, input[type=checkbox].chk_star:checked{background-color:#0078c8;border:2px solid #0078c8;}
.starRating li.on input[type=checkbox].chk_star+label, input[type=checkbox].chk_star:checked+label{color:#fff !important}


/* 달력조건 기본  */
.periodSearch:after{content:"";display:block;clear:both;visibility:hidden;}
.periodSearch > p{display:block; position:relative; margin-bottom:9px}
.periodSearch > p input[type=date]{width:45%;}
.periodSearch .periodList > li{display:inline-block; float:left; width:23%; margin-right:2%}
.periodSearch .periodList > li .period{}

/* ELS 상세 검색 */
.searchDatail .searchCont .searchFilter {}
.searchDatail .searchCont .searchFilter .assetLayer .assetResult {display:none}
.searchDatail .searchCont .searchFilter .assetLayer, .searchDatail .searchCont .searchFilter .assetLayer .srchWrap{background-color:#f4f4f4}
.searchDatail .searchCont .searchFilter .assetLayer .btnWrap{margin:10px 0 0}
.searchDatail .searchCont .searchFilter .assetLayer .srchWrap{padding:0}
.searchDatail .searchCont .searchFilter .assetLayer .srchWrap .inpSrchWrap{height:31px;}
.searchDatail .searchCont .searchFilter .assetLayer .srchWrap .inpSrchSet{height:29px}
.searchDatail .searchCont .searchFilter .assetLayer .srchWrap .inpSrch{height:30.5px; line-height:28px; font-size:11px;}
.searchDatail .searchCont .searchFilter .assetLayer .srchWrap .btn_srch{height:33px; line-height:32px; font-size:11px; top:-1px; right:-1px; font-weight:normal}
.searchDatail .searchCont .searchFilter .assetLayer .srchWrap .scrollTable{margin-top:7px}
	
.elsType{display:block; margin-bottom:-15px;}
.elsType:after {content:"";display:block;clear:both;visibility:hidden}
.elsType li{position:relative; display:inline-block; float:left; width:32%; margin:0 2% 10px 0}
.elsType li:nth-child(3), .elsType li:nth-child(6){margin-right:0}

.elsType.asset li{}
.elsType.asset li:nth-child(1) input[type=radio].els_asset{background-position:0 0}
.elsType.asset li:nth-child(1) input[type=radio].els_asset:checked{background-position:0 -72.5px}
.elsType.asset li:nth-child(2) input[type=radio].els_asset{background-position:-82.5px 0}
.elsType.asset li:nth-child(2) input[type=radio].els_asset+label{left:30px;}
.elsType.asset li:nth-child(2) input[type=radio].els_asset:checked{background-position:-82.5px -72.5px}
.elsType.asset li:nth-child(3) input[type=radio].els_asset{background-position:-165px 0}
.elsType.asset li:nth-child(3) input[type=radio].els_asset:checked{background-position:-165px -72.5px}
.elsType.asset li:nth-child(4) input[type=radio].els_asset{background-position:0 -39.25px}
.elsType.asset li:nth-child(4) input[type=radio].els_asset:checked{background-position:0 -109.75px}
.elsType.asset li:nth-child(5) input[type=radio].els_asset{background-position:-82.5px -39.25px}  
.elsType.asset li:nth-child(5) input[type=radio].els_asset:checked{background-position:-82.5px -109.75px}
.elsType.asset li:nth-child(6) input[type=radio].els_asset{background-position:-165px -39.25px}  
.elsType.asset li:nth-child(6) input[type=radio].els_asset:checked{background-position:-165px -109.75px}


.elsType.asset li:nth-child(1) button[type="button"].els_asset{background-position:0 0}
.elsType.asset li:nth-child(1) button[type="button"].els_asset.on{background-position:0 -72.5px}
.elsType.asset li:nth-child(2) button[type="button"].els_asset{background-position:-82.5px 0}
.elsType.asset li:nth-child(2) button[type="button"].els_asset{padding:0 0 0 30px;}
.elsType.asset li:nth-child(2) button[type="button"].els_asset.on{background-position:-82.5px -72.5px}
.elsType.asset li:nth-child(3) button[type="button"].els_asset{background-position:-165px 0}
.elsType.asset li:nth-child(3) button[type="button"].els_asset.on{background-position:-165px -72.5px}
.elsType.asset li:nth-child(4) button[type="button"].els_asset{background-position:0 -39.25px}
.elsType.asset li:nth-child(4) button[type="button"].els_asset.on{background-position:0 -109.75px}
.elsType.asset li:nth-child(5) button[type="button"].els_asset{background-position:-82.5px -39.25px}  
.elsType.asset li:nth-child(5) button[type="button"].els_asset.on{background-position:-82.5px -109.75px}
.elsType.asset li:nth-child(6) button[type="button"].els_asset{background-position:-165px -39.25px}  
.elsType.asset li:nth-child(6) button[type="button"].els_asset.on{background-position:-165px -109.75px}

.elsType.pay li input[type=radio]{background:url(/mbw/images/search/bg_els_pay.png) no-repeat 0 0; background-size:159px 110px;}
.elsType.pay li input[type=radio]:checked{background-color:#0078c8;}
.elsType.pay li input[type=radio]+label{height:12px; line-height:12px; top:33px; left:0; right:0;}
.elsType.pay li input[type=radio]:checked+label{color:#fff !important}
.elsType.pay li:nth-child(1) input[type=radio].chk_type{background:#fff}
.elsType.pay li:nth-child(1) input[type=radio].chk_type:checked{background:#0078c8}
.elsType.pay li:nth-child(1) input[type=radio].chk_type+label{height:53px; line-height:53px; top:0}
.elsType.pay li:nth-child(2) input[type=radio].chk_type{background-position:0 -2px}
.elsType.pay li:nth-child(2) input[type=radio].chk_type:checked{background-position:0 -57px}
.elsType.pay li:nth-child(3) input[type=radio].chk_type{background-position:-84.5px 0}
.elsType.pay li:nth-child(3) input[type=radio].chk_type:checked{background-position:-84.5px -57px}

.elsType.online li input[type=radio]{background:url(/mbw/images/search/bg_els_online.png) no-repeat 0 0; background-size:159px 110px;}
.elsType.online li input[type=radio]:checked{background-color:#0078c8;}
.elsType.online li input[type=radio]:checked+label{color:#fff !important}
.elsType.online li input[type=radio]+label{height:12px; line-height:12px; top:36.70px; left:0; right:0; }
.elsType.online li:nth-child(1) input[type=radio].chk_type{background:#fff}
.elsType.online li:nth-child(1) input[type=radio].chk_type:checked{background:#0078c8}
.elsType.online li:nth-child(1) input[type=radio].chk_type+label{height:53px; line-height:53px; top:0}
.elsType.online li:nth-child(2) input[type=radio].chk_type{background-position:0 -2px}
.elsType.online li:nth-child(2) input[type=radio].chk_type:checked{background-position:0 -57px}
.elsType.online li:nth-child(3) input[type=radio].chk_type{background-position:-84.5px -2px}
.elsType.online li:nth-child(3) input[type=radio].chk_type:checked{background-position:-84.5px -57px}


button[type="button"].els_asset{display:block; width:100%; height:34.25px; padding:0 0 0 39.25px; margin:0; background:url(/mbw/images/search/bg_els_asset.png) no-repeat 0 0; background-size:240.75px 143px; border:2px solid #d6d6d6; font-size:11px; color:#333; text-align:left; letter-spacing:-2px;}
button[type="button"].els_asset.on{border:2px solid #0078c8; background-color:#0078c8; color:#fff}
 
button[type="button"].period{border:0; width:100%; height:17px; line-height:17px; background:#e5e9ea; font-size:11px; color:#555}
button[type="button"].period.on{background:#0078c8; color:#fff}
	
input[type=date]{height:29px; line-height:29px; font-size:12px; color:#333; text-indent:3px}
input[type=date].inpCal:focus{border:1px solid #0078c8; background-position:90% -17.5px; text-indent:3px}
input[type=date].inpCal{width:45%; background:url(/mbw/images/common/ico_cal.png) no-repeat 90% 5.5px; background-size:16.75px 39.25px }

input[type=radio].period{position:relative; display:block; width:100%; height:17px; padding:0; margin:0; background:#e5e9ea;}
input[type=radio].period+label{position:absolute; top:5px; left:0; right:0; height:14px; line-height:14px; display:block; font-size:11px; color:#555; text-align:center; letter-spacing:-2px; padding:0; margin:0;}
input[type=radio].period:checked{background-color:#0078c8;}
input[type=radio].period:checked+label{color:#fff !important}

input[type=radio].els_asset{position:relative; display:block; width:100%; height:34.25px; padding:0; margin:0; background:url(/mbw/images/search/bg_els_asset.png) no-repeat 0 0; background-size:240.75px 143px; border:2px solid #d6d6d6}
input[type=radio].els_asset+label{position:absolute; top:11px; left:39.25px; height:12px; line-height:12px; display:block; font-size:11px; color:#333; text-align:center; letter-spacing:-2px; padding:0; margin:0;}
input[type=radio].els_asset:checked{background-color:#0078c8;border:2px solid #0078c8;}
input[type=radio].els_asset:checked+label{color:#fff !important}

/****************************************************************************************
jQuery UI Slider Style
******************************************************************************************/
/* Slider Style */
.ui-slider {position:relative;text-align:left;}
.ui-slider .ui-slider-handle {position:absolute;z-index:100;width:20px;height:20px;cursor:default;margin-left:-10px;background:url(/ux/images/main/ico_slider_handle.png) no-repeat 0 0;}
.ui-slider .ui-slider-range {position:absolute;z-index:90;display:block;border:0;background-position:0 0;}
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius:0;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius:0;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius:0;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius:0;}
/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {filter:inherit;}
.ui-slider-horizontal, .ui-slider-horizontal .ui-slider-range {height:8px;background:url(/mbw/images/search/bg_bar_slider.gif) no-repeat 0 0; background-size:221.5px 61.5px; cursor:pointer;}
.ui-slider-horizontal .ui-slider-handle {top:-5px;}
.ui-slider-horizontal .ui-slider-range {top:0;height:100%;}
.ui-slider-horizontal .ui-slider-range-min {background-color:#ff8f1c;left:0;}
.ui-slider-horizontal .ui-slider-range-max {right:0;}
/* 슬라이스 바 (handle) */
.ui-slider-horizontal .ui-slider-range-min,
.ui-slider-horizontal .ui-slider-range {background-position:0 -10px}
.ui-slider .ui-slider-handle {background:url(/ux/images/main/ico_slider_handle.png) no-repeat 0 0;}
.step4 .ui-slider-horizontal{background-position:0 -42px}
.step4 .ui-slider-horizontal .ui-slider-range{background-position:0 -53.5px}
.step6 .ui-slider-horizontal{background-position:0 -21px}
.step6 .ui-slider-horizontal .ui-slider-range{background-position:0 -31.5px}
/* 슬라이드 바 텍스트 */
.guide-txt .txt-view {font-size:11px;color:#666;text-indent:0;position:absolute;height:15px;top:20px;}
.guide-txt .txt-view.l {left:0px;}
.guide-txt .txt-view.l_1 {left:14%;}
.guide-txt .txt-view.l_2 {left:30%;}
.guide-txt .txt-view.r {right:0px;}
.guide-txt .txt-view.r_1 {right:30%;}
.guide-txt .txt-view.r_2 {right:13%;}
.guide-txt .txt-view.c {left:48%;}
.guide-txt .txt-view.m_1 {left:22%;}
.guide-txt .txt-view.m_2 {right:22%;}
.step6 .guide-txt .txt-view.l_1 {left:11%;}
.step6 .guide-txt .txt-view.l_2 {left:28%;}
.step6 .guide-txt .txt-view.c {left:45%;}


/*-- 트레이딩 --*/
/* 상한,상승,보합,하락,하한 */
.upper, .up{color:#d60031}
.balance{color:#000}
.low, .lower{color:#0039b5}

.upper_arr{background:url(/images/mobile/trading/upper_arr.png) no-repeat;background-position:4% 60%}
.up_arr{background:url(/images/mobile/trading/up_arr.png) no-repeat;background-position:4% 60%}
.low_arr{background:url(/images/mobile/trading/low_arr.png) no-repeat;background-position:4% 60%}
.lower_arr{background:url(/images/mobile/trading/lower_arr.png) no-repeat;background-position:4% 60%}

.upper_txt{color:#d60000 !important}
.up_txt{color:#d60000 !important}
.balance_txt{color:#000 !important}
.low_txt{color:#014dab !important}
.lower_txt{color:#014dab !important}
/* 증거금 */
.d1{font-weight:bold;color:#000;background:#ff0} /* 노랑배경에 볼트 텍스트 */
.d2{font-weight:normal;color:#000;background:#fd7e0d} /* 회색배경에 노멀 텍스트 */

/* .screen_out{position:absolute !important; z-index:-1 !important; height:0 !important; width:0 !important; padding:0 !important; margin:0 !important; font-size:0 !important; line-height:0 !important;border:0 !important; overflow:hidden !important;} */
.screen_out{/* position:absolute !important; */ display:block !important; height:0 !important; width:0 !important; font-size:2px !important; line-height:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important;}

.stockHeader{display:block; position:relative}
.stockHeader:after{content:"";display:block;clear:both;visibility:hidden}
.stockHeader.type2 .srchWrap .inpSrchWrap{width:65%}
.stockHeader .srchWrap{background-color:#0078c8}
.stockHeader .srchWrap .inpSrchWrap{position:relative; padding:0; float:left; width:53%; height:30px; border:0; background:#fff url(/mbw/images/common/ico_srch.png) 6px 50% no-repeat; background-size:15.5px 15.5px; padding:0;}
.stockHeader .srchWrap .inpSrchWrap .boxSelect{margin-left:20px;}
.stockHeader .srchWrap .inpSrchWrap > a{position:absolute; top:0; right:0; border-left:2px solid #0078c8}
.stockHeader .srchWrap .inpSrchSet{margin:0; float:left;}
.stockHeader .srchWrap .inpSrchSet .inpSrch{display:block; text-indent:0; width:83%; background:#fff url(/mbw/images/common/ico_srch.png) 6px 50% no-repeat; background-size:15.5px 15.5px; padding:0 0 0 31px; height:30px; line-height:28px}
.stockHeader .srchWrap .inpSrchWrap > select, .stockHeader .srchWrap.type2 .inpSrchWrap > select{margin-left:22px; width:85%; border:0;}
	
.stockHeader .srchWrap .inpSrchWrap{}
/* 셀렉트 박스 형태가 들어 일 시 추가  */
.srchFormWrap .inpSrchWrap .boxSelect .btnArrow{border-color:#fff; width:160px}
.srchFormWrap .inpSrchWrap .boxSelect .select{top:30px; width:160px}

.stockHeader .srchWrap .btnWrap2{position:relative; padding:0; float:right; width:35%; text-align:right; font-size:0;}
.stockHeader .srchWrap .btnWrap2 .mpopList{display:inline-block; vertical-align:middle; background-color:#fff; margin-left:2px}
.stockHeader .srchWrap .btnWrap2 .mpopList:after {content:"";display:block;clear:both;visibility:hidden}
.stockHeader .srchWrap .btnWrap2 .mpopList > li{float:left; margin:1px; }
.stockHeader .srchWrap .btnWrap2 .mpopList > li:first-child{margin-right:0; border-right:1px solid #adbfcb}
.stockHeader .srchWrap .btnWrap2 .mpopList > li:first-child a{margin-right:1px}

.stockInfo{position:relative; background:#fff; padding:10px 15px; min-height:43px;}
.stockInfo:after, .stockInfo .priceInfo:after, .stockInfo .priceInfo .text:after{content:"";display:block;clear:both;visibility:hidden}
.stockInfo.type2{background:#e6e6e6; min-height:auto;}
.stockInfo.type2 .realTime{position:static; text-align:right}
.stockInfo.type3{min-height:80px;}
.stockInfo .realTime{position:absolute;right:15px;bottom:10px;z-index:3}
.stockInfo.exchange .name{display:block; font-size:16px; line-height:17px; color:#333; float:left; width:40%; overflow:hidden;}
.stockInfo.exchange .priceInfo{width:20%;}
.stockInfo.exchange > .price{font-size:14px; display:inline-block; font-weight:bold;}
.stockInfo .priceInfo{position:relative; float:left; width:49%; min-height:43px;}
.stockInfo .priceInfo .price{display:block; font-size:28px;font-weight:bold;padding:0; line-height:28px;}
.stockInfo .priceInfo .price #dayChart{position:absolute}
.stockInfo .priceInfo .price > span{display:inline-block;margin-left:25px}
.stockInfo .priceInfo .text{display:block; font-size:11px; padding:6px 0 0 0; line-height:11px;}
.stockInfo .priceInfo .text > li{display:inline-block; float:left}
.stockInfo .priceInfo .text li > small, .stockInfo .priceInfo li .text > span{display:inline-block; color:#666; font-size:11px}
.stockInfo .priceInfo .text li > small{margin-right:7px;}
.stockInfo .priceInfo .text li > span{font-size:11px;}
.stockInfo .priceInfo .text li > .gubun{margin-left:6px}

.stockInfo.exchange .optionInfo{width:60%; min-height:auto}
.stockInfo.exchange .optionInfo li:first-child{width:35%;}
.stockInfo.exchange .optionInfo li:first-child p{ text-align:left; font-size:12px;font-weight:bold;padding:0;}
.stockInfo.exchange .optionInfo li{width:35%}
.stockInfo.exchange .optionInfo li:last-child{width:30%}
.stockInfo.exchange .optionInfo li p.fr span{font-size:12px;}
.stockInfo.exchange .stock_data{position:relative; float:right; display:block; padding:15px 70px 0 0; font-size:11px; color:#333; text-align:right;}

.stockInfo .optionInfo{position:relative; float:right; width:50%; overflow:hidden;padding:0; min-height:43px;}
.stockInfo .optionInfo li{white-space:nowrap;overflow:hidden; float:left; width:50%}
.stockInfo .optionInfo li p{display:block; font-size:12px; text-align:right;}
.stockInfo .optionInfo li p.fw span{display:block;margin-left: 10px;}
.stockInfo .optionInfo li p > span{display:inline-block; }
.stockInfo .optionInfo li p.fr span{display:block; font-size:20px;}

/* 증시관 아이콘 */
.stockInfo .optionInfo .gubun, .stockInfo .priceInfo .gubun{display:inline-block;zoom:1;*display:inline;vertical-align:middle !important;width:auto;height:13px;padding:0 7px;color:#fff;font-size:11px;line-height:13px !important}
.g1{background:#feac4a} /* 증 40% */
.g2{background:#5ea40c} /* 신 45% */
.g3{background:#ec7474} /* 관 (관리종목) */
.g4{background:#f04040} /* 불 (불성실공시)  */
.g5{background:#9792cf} /* 경 (투자경고)*/
.g6{background:#848fe3} /* 주 (투자주의) */
.g7{background:#bc74ec} /* 환 (투자주의환기) */
.g8{background:#ff5b2f} /* 증 100% */
.g9{background:#febd14} /* 증 30% */
.g10{background:#6aa841} /* 신 50% */
.g11{background:#ec558b} /* 정 (정리매매) */
.g12{background:#da50fe} /* 위 (투자위험) */
.g13{background:#ff7644} /* 과 (단기과열) */
.g14{background:#b261e9} /* 예 (투자경고예고) */
.g15{background:#e03656} /* 정 (거래정지) */
.g16{background:#ff8000} /* 이 (이상급등) */
.g17{background:#4bacc6} /* 유 (튜자유의) */
.g18{background:#0070c0} /* 저 (초저유동성) */
.g19{background:#6A79BA} /* 부 (상장주식수부족) */
.g20{background:#3d8f3e} /* 신 60% */
/* 대체거래소 아이콘 추가 250106 */
.nxt{background:#888}
.stockInfo .priceInfo .gubun{padding:0 3px !important;border-radius:3px;}

.tabRound .tabrs{display:block; position:relative; margin:0 17px 5px}
.tabRound .tabrs li+li {}
.tabRound .tabrs li+li a{}
.tabRound .tabrs li{position:relative;margin-right:2px;display:inline-block}
.tabRound .tabrs li:last-child{margin-right:0;}
.tabRound .tabrs li:first-child a{}
.tabRound .tabrs li a {display:block;height:26px; padding:0 14px; font-size:12px; color:#111; line-height:26px; background-color:#fff;box-sizing:border-box;border-radius:12px;overflow:hidden}
.tabRound .tabrs li.active{z-index:5;}
.tabRound .tabrs li.active a {background-color:#0078c8;color:#fff;}
.tabRound .tabrs li.disable a{color:#888}

.tbl_trading{width:100%; background-color:#fff; border-top:2px solid #d3d3d3;}
.tbl_trading.row{border-top:1px solid #d3d3d3;}
.tbl_trading.nbr{border-top:0}
.tbl_trading.hoga10>tbody>tr>td, .tbl_trading.hoga10>tbody>tr>th{padding:4px 0; line-height:12px;}
.tbl_trading.hoga10 .r{text-align:right; padding-right:4px}
.tbl_trading.hoga10 .tbl_trading.type2>tbody>tr>td,.tbl_trading.hoga10 .tbl_trading.type2>tbody>tr>th{padding-top:3px; height:14px; padding-bottom:2px}
.tbl_trading thead tr th{border-width:4px 0 0 1px; border:1px solid #d3d3d3; background:#fafafa; font-size:12px; line-height:14px; font-weight:normal}
.tbl_trading thead tr th:first-child{border-left-width:0}
.tbl_trading thead tr th:last-child{border-right-width:0}
.tbl_trading>thead>tr>th,
.tbl_trading>tbody>tr>th,
.tbl_trading>tbody>tr>td,
.tbl_trading>tfoot>tr>th,
.tbl_trading>tfoot>tr>td{padding:9px 0;}
.tbl_trading>tfoot>tr>td,
.tbl_trading>tfoot>tr>th{font-weight:normal; background-color:#fff; border-top:2px solid #bfbfbf; border-bottom:1px solid #ddd; font-size:13px; color:#333}
.tbl_trading th,
.tbl_trading td{text-align:center; font-weight:normal}
.tbl_trading .r{text-align:right; padding-right:7px}
.tbl_trading .l{text-align:left; padding-left:7px}
.tbl_trading .f_11,.tbl_trading .appearance-td{font-size:12px;}
.tbl_trading .f_12{font-size:12px;}
.tbl_trading a.block{display:block;height:100%}
.tbl_trading>tbody>tr>td,
.tbl_trading>tbody>tr>th{border:1px solid #e4e4e4;border-width:1px 0 0 1px;font-size:12px;line-height:14px;height:14px;}
.tbl_trading>tbody>tr:first-child>td,
.tbl_trading>tbody>tr:first-child>th{border-top-width:0}
.tbl_trading>tbody>tr>td:first-child,
.tbl_trading>tbody>tr>th:first-child{border-left-width:0}
.tbl_trading>tbody>tr:last-child>td,
.tbl_trading>tbody>tr:last-child>th{border-bottom:1px solid #d3d3d3;}
.tbl_trading>tbody>tr>th.nbor, .tbl_trading>tbody>tr>td.nbor{border-left-width:0}
.tbl_trading>tbody>tr>th.nbor2, .tbl_trading>tbody>tr>td.nbor2{border-width:0 0 0 0}
.tbl_trading>tbody>tr>td.line{border-top:2px solid #bfbfbf;}
.tbl_type>tbody>tr>th.select{padding:2px 0 1px}
.tbl_trading>tbody>tr>td.select, .tbl_trading>tfoot>tr>th.select{padding:0}
.tbl_type>tbody>tr>th.select .btnArrow, .tbl_trading>tbody>tr>td.select .btnArrow, .tbl_trading>tfoot>tr>th.select .btnArrow
{border-color:#fff;}
.tbl_trading>tbody>tr>td.pad0{padding:0}
.tbl_trading.type2,
.tbl_trading.type2>tbody>tr>td,
.tbl_trading.type2>tbody>tr>th{border-width:0px; font-size:12px; padding-top:3px; height:20px; padding-bottom:2px}

.tbl_trading th.type1{text-align:left;padding-left:9px;background:#fafbfc}
.tbl_trading tr th.type1~th.type1{border-left:1px solid #686970}
.tbl_trading th.appearance-td{text-align:left;padding-left:4px}
.tbl_trading td.bg1{background-color:#e9f0fc}
.tbl_trading td.bg2{background-color:#fff0ed}
.tbl_trading td.bg3{background-color:#f2f2f2}
.tbl_trading td div{font-size:12px}
.tbl_trading tfoot td,
.tbl_trading tfoot th{border-top:1px solid #686970}
.tbl_trading tfoot th{border-left:1px solid #e0e1e3;background:#f3f3f3}
.tbl_trading tfoot th+td{border-left:1px solid #e0e1e3;}
.tbl_trading tbody.bdr tr:first-child td{border-top:1px solid #686970}	

.hide th{height:0 !important;line-height:0 !important;font-size:0 !important;padding:0 !important;border:none !important}

/* Highcharts */
.highcharts-container{position:relative !important;overflow:visible !important;z-index:4 !important} /* 하이차트 관련 - 툴팁 차트 영역밖으로 over되게  */
.highcharts-tooltip{z-index:9 !important}
.highcharts-tooltip > span{background:#fff;border:1px solid #000;padding:8px}

.chart_hidden{overflow:hidden !important}
.chart_visible{overflow:visible !important}

/* 기본 디자인셀렉트 레이어 스타일 */
fieldset.multiSelect {display:inline-block;position:relative;}
.boxSelect {display:inline-block;position:relative;}
.boxSelect .btnArrow{background:#fff; display:inline-block; position:relative; overflow:hidden; width:auto; min-width:90px; height:30px;padding:0 27px 0 4px;color:#333;font-size:13px;line-height:29px;border:1px solid #cecece;text-align:left;box-sizing:border-box; vertical-align:middle}
.boxSelect .btnArrow:after {position:absolute;right:0;top:0;content:"";width:26.25px;height:28px;background-position:0 -198.75px;}
.boxSelect .select {display:none;position:absolute;left:0;top:29px;width:auto;border-bottom:1px solid #ddd;min-width:90px;height:auto;max-height:120px;overflow:hidden;overflow-y:auto;background:#fff;z-index:5;}
.boxSelect .select > ul {padding:0 0 8px 9px;border:1px solid #ddd;border-bottom:none}
.boxSelect .select > ul > li {display:block; margin-top:8px;color:#444;font-size:13px;text-align:left;line-height:14px;}
.boxSelect .select > ul > li label {cursor:pointer;}
.boxSelect .btnArrow.on:after {background-position:0 -228px;}

.boxSelect.type2 .btnArrow{height:24px;line-height:23px;border:1px solid #d6d6d6;padding:0 10px 0 10px;}
.boxSelect.type2 .btnArrow:after{position:absolute;right:0;top:0;content:"";width:12px;height:24px;background-position:98% -163px;}
.boxSelect.type2 .btnArrow.on:after {background-position:98% -107.5px;}
.boxSelect.type2 .select{top:23px;}

.interestOptWrap .interestUtil fieldset.multiSelect{vertical-align:top}
.interestOptWrap .interestUtil.wishBox .boxSelect .btnArrow, .interestOptWrap .interestUtil.wishBox .boxSelect .select{max-width:90px; min-width:90px;}
.interestOptWrap .interestUtil.wishBoxAdd .boxSelect .btnArrow, .interestOptWrap .interestUtil.wishBoxAdd .boxSelect .select{max-width:110px; min-width:110px;}
.interestOptWrap .interestUtil .boxSelect .btnArrow{display:-webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp:1; word-wrap: break-word; overflow:hidden}
.interestOptWrap .interestUtil .boxSelect .btnArrow, .interestOptWrap .interestUtil .boxSelect .select{max-width:150px; min-width:150px;}
	
/* 차트 */
.chartForm{background-color:#e6e6e6; padding:8px 10px}
.chartForm:after{content:"";display:block;clear:both;visibility:hidden}
.chartForm .checkList{display:inline-block; width:68%; float:left;}
.chartForm .checkList > li{position:relative; display:inline-block; float:left; min-width:48px; margin:0 0 0 -1px}
.chartForm .checkList > li:last-child{min-width:100px}
.chartForm .checkList > li fieldset{display:inline-block;}
.chartForm .checkList > li input[type=radio].chk_type{height:24px; border-width:1px}
.chartForm .checkList > li input[type=radio].chk_type:checked{z-index:4;}
.chartForm .checkList > li input[type=radio].chk_type:checked+label, .chartForm .checkList > li .boxSelect .btnArrow.on{z-index:5;}
/*.chartForm .checkList > li input[type=radio].chk_type:checked{background:#0078c8;}
.chartForm .checkList > li input[type=radio].chk_type:checked+label{ color:#fff !important}*/
.chartForm .checkList > li input[type=radio].chk_type+label{height:24px; line-height:24px;}
.chartForm .checkList > li .boxSelect{float:left; margin-left:-1px}
.chartForm .checkList > li .boxSelect .btnArrow{}
.chartForm .checkList > li .boxSelect .btnArrow, .chartForm .checkList > li .boxSelect .select {min-width:50px;}
.chartForm .checkList > li .boxSelect .btnArrow.on{border:1px solid #0078c8}
.chartForm .btnWrap{display:inline-block; float:right;} 

.chartForm .chartRight{display:inline-block; width:30%; float:right;}
.chartForm .chartRight .btnWrap.small a.gray{height:24px; line-height:24px;}
.chartForm .chartZoom{display:inline-block; float:right;  margin-right:4px}
.chartForm .chartZoom > li{position:relative; display:inline-block; float:left; width:28px; margin:0 0 0 -2px}

.chartForm .chartZoom > li button[type="button"].zoomOut{border:1px solid #d6d6d6; width:28px; height:24px; background-color:#fff; background-position:-114px 2px;}
.chartForm .chartZoom > li button[type="button"].zoomOut.on, .chartForm .chartZoom > li button[type="button"].zoomIn.on{background-color:#0078c8; border-color:#0078c8 }
.chartForm .chartZoom > li button[type="button"].zoomOut.on{background-position:-114px -38px;}
.chartForm .chartZoom > li button[type="button"].zoomIn{border:1px solid #d6d6d6; width:28px; height:24px; background-color:#fff; background-position:-114px -78px}
.chartForm .chartZoom > li button[type="button"].zoomIn.on{background-position:-114px -118px;}

/* 투자자 */
.investorArea{padding-top:3px; background-color:#e6e6e6}

/* 거래원 */
.stockListArea, .dayArea, .itemArea, .marketArea{padding-top:5px; background-color:#e6e6e6}

/* 뉴스 */
.newListArea, .talkListArea{background-color:#fff}

/* 토론 */
.talkSerach, .finSerach {background-color:#e6e6e6}
.talkSerach:after, .talkSerach .h6TabWrap:after, .finSerach:after, .finSerach .h6TabWrap:after{content:"";display:block;clear:both;visibility:hidden}
.talkSerach .h6TabWrap, .finSerach .h6TabWrap{width:40%; float:left; margin:0 15px;}
.talkSerach .h6TabWrap .h6Tab.col2 li, .finSerach .h6TabWrap .h6Tab.col2 li{width:48% !important}
.talkSerach .h6TabWrap .h6Tab.col2 li:first-child, .finSerach .h6TabWrap .h6Tab.col2 li:first-child{margin-left:0}
.talkSerach .cpFilter, .finSerach .btnFilter{float:right; width:40%; padding:8px 0 0; margin:0 15px 0 0; text-align:right}
.finSerach .btnFilter a{display:inline-block; padding:0 13px; background-color:#3c6c8d; color:#fff; font-size:11px; line-height:23px; height:23px}

/* 종목정보 */
.itemArea{}
/* 종목보기 */
.lpopWrap .lpopContainer.company {background-color:#e6e6e6}
.lpopContainer.company .item_split_wrap{border:1px solid #d6d6d6; background-color:#fff;}
.lpopContainer.company .item_split_wrap:after, .lpopContainer.company .item_split_wrap .col4:after{content:"";display:block;clear:both;visibility:hidden}
.lpopContainer.company .item_split_wrap .col4{padding:9px}
.lpopContainer.company .item_split_wrap .col4 li{float:left; width:24%; border-left:1px solid #e4e4e4; min-height:27px; font-size:11px}
.lpopContainer.company .item_split_wrap .col4 li:first-child{border-left:0; width:20%; }
.lpopContainer.company .item_split_wrap .col4 li:first-child > p{padding-left:0}
.lpopContainer.company .item_split_wrap .col4 li:nth-child(3){width:30%}
.lpopContainer.company .item_split_wrap .col4 li > p{margin:0; padding:0 5px 0 5px}
.lpopContainer.company .item_split_wrap .col4 li > p > span{color:#666; line-height:11px; letter-spacing:-2px}
.lpopContainer.company .item_split_wrap .col4 li > p > strong{color:#333; display:block; font-size:12px; line-height:13px; text-align:right; padding-top:4px}
	
.lpopContainer.company .item_company{display:block; border:1px solid #d6d6d6; margin:5px 0 15px; background-color:#fff}
.lpopContainer.company .item_company:after{content:"";display:block;clear:both;visibility:hidden}
.lpopContainer.company .item_company > strong{display:block; background-color:#f2f2f2; border-bottom:1px solid #d6d6d6; padding:13px 15px; font-size:14px; color:#333}
.lpopContainer.company .item_company .company_info{display:block; padding:10px; margin-bottom:10px; overflow-x:hidden; overflow-y:auto; height:250px; font-size:12px; color:#666; line-height:16px;
word-wrap:break-word; word-break:break-word;}

.lpopWrap .btnWrap.full a{width:100%;}

/* 시장종합 */
.marketArea{padding-bottom:10px}
.marketArea:after, .marketArea .marketHead:after{content:"";display:block;clear:both;visibility:hidden}
.marketArea .marketHead{display:block; border-top:2px solid #d3d3d3; border-bottom:1px solid #d3d3d3; background-color:#f2f2f2; padding:10px 0; margin:10px 0 0;}
.marketArea .marketHead:first-child{margin:0}
.marketArea .marketHead.type2{border:none;  background-color:#e9f4fa; padding:4px 0; margin:0}
.marketArea .marketHead.type2 h2{font-size:14px; line-height:18px; color:#0070c3;}
.marketArea .marketHead > h2{float:left; margin:0 0 0 10px; font-size:14px; line-height:15px; color:#333;}
.marketArea .marketHead > h2 > span{display:inline-block; font-size:12px; font-weight:normal}
.marketArea .marketHead > p{float:right; margin:0 10px 0 0;}
.marketArea .marketHead > p .realTime{font-size:11px; line-height:12px; color:#666;}

/* 국내지수 */
.domesticArea{background-color:#e6e6e6}
.domesticArea:after, .domesticArea .chartBox:after{content:"";display:block;clear:both;visibility:hidden}
.domesticArea .chartBox{}
.domesticArea .chartBox .realTime{display:block; text-align:right; padding:5px 5px 5px;}
.domesticArea .chartBox .chartData{display:block; text-align:right; padding:5px 5px 5px; font-size:11px;}
.chartBox{padding:5px}
.chartBox .block{border:1px solid #cecece;background:#fff;padding:9px 15px 15px;margin:5px 0 0}
.chartBox .block:first-child{margin-top:0}
.chartBox .name{font-size:16px;float:left}
.chartBox .price{font-size:20px;float:right}
.chartBox .name,
.chartBox .price{line-height:28px;font-weight:bold}
.chartBox .value{clear:left;float:left; line-height:15px; margin-bottom:5px;}
.chartBox .option{clear:right;float:right;overflow:hidden}
.chartBox .option li{float:left;padding-left:10px}
.chartBox .chart-print, .chartView .chart-print{clear:both;border:1px solid #e1e2e4;margin:0;background-color:#fff}
.chartArea .chart-print .chartForm{padding:0}
.chartView{clear:both; padding:5px; background-color:#e6e6e6}
	
/* 상단 종목주가 정보 영역 */
.chart_wa{position:relative}
.goto_mdi{position:absolute;top:50px;left:20px;display:inline-block;overflow:hidden;width:110px;height:20px;z-index:50}
.goto_mdi a{position:relative;display:block;top:-100px;font-size:12px;width:100px;height:20px;padding:1px 5px 3px;text-align:center;background-color:#3b65b1;color:#fff;}
.goto_mdi a:focus, .goto_mdi a:active{top:0}

.el-board .topInfo .option > li > .fid6 {padding-left:17px}
.chartBox .block > .option .fid6 {display:inline-block; padding-left:17px}

/* 환율 */
.exchangeArea{}
.exchangeArea:after, .exchangeArea .exchangeHead:after{content:"";display:block;clear:both;visibility:hidden}
.exchangeArea .exchangeHead{position:relative; display:block; background-color:#e6e6e6; /*padding:5px 0;*/ padding:15px 0 35px}
.exchangeArea .exchangeHead .fl{float:left; color:#666}
.exchangeArea .exchangeHead .fl > span{display:inline-block; font-size:12px; margin-left:6px; padding-top:5px}
.exchangeArea .exchangeHead .fl > span:first-child{margin-left:15px;}
.exchangeArea .exchangeHead .fr{float:right; font-size:12px; color:#666; margin-right:15px}
.exchangeArea .exchangeHead .realTime{position:absolute;right:15px;bottom:10px;z-index:3}
	

/*-- 금융상품 --*/

/* 금융상품 뉴스 */
.bbsFinNewList{}
.bbsFinNewList:after, .newList:after, .newList dl:after{content:"";display:block;clear:both;visibility:hidden}

.newList{}
.newList dl{position:relative; margin:0 0 35px}
.newList dl dt{display:block; margin:0 0 10px}
.newList dl dd{display:block; padding:0 15px 0 15px; overflow:hidden}
.newList dl dd .title{display:block; font-size:18px; font-weight:bold; line-height:20px; color:#000; text-align:left; margin:0; padding:0; letter-spacing:-1px;}
.newList dl dd .data{display:block; padding:10px 0 0; font-size:12px; color:#777; text-align:left}
.newList dl dd .data + .btnWrap {/*margin-top:10px;*/ margin-top:-20px;}
.newList dl.head{margin:0 0 40px}
.newList dl.head dd{margin:0; }
.newList dl.head dd .title{text-decoration:none; font-size:22px; line-height:26px; height:52px; overflow:hidden; text-align:center; padding:0; margin:0 auto; width:80%}
.newList dl.head dd .data{text-align:center;}

/* 금융상품 트렌드 */
.bbsFinTrendList{}
.bbsFinTrendList:after, .trendList:after, .trendList dl:after{content:"";display:block;clear:both;visibility:hidden}

.trendList{}
.trendList dl{position:relative; margin:0 0 35px 1%; width:46.5%; float:left;}
.trendList dl:nth-child(2){margin-left:3%}
.trendList dl:nth-child(4){margin-left:3%}
.trendList dl dt{display:block; margin:0 0 15px}
.trendList dl dd{display:block; padding:0 15px 0 0; overflow:hidden; text-align:center;}
.trendList dl dd .title{display:block; font-size:14px; font-weight:bold; line-height:20px; height:42px; overflow:hidden; color:#000; text-align:left; margin:0; padding:0; letter-spacing:-1px; text-decoration:underline}
.trendList dl dd .text{display:block; padding:10px 0 0; font-size:12px; height:55px; overflow:hidden; color:#777; text-align:left}
.trendList dl.head{margin:0 0 40px; width:100%;}
.trendList dl.head dd{margin:-25px 0 0; }
.trendList.thumb dl.head .label{position:static; margin:0 0 7px;}
.trendList.thumb .label{position:absolute; top:-10px; left:0; min-width:60px;}
.trendList dl.head dd{padding:0 15px 0 15px;}
.trendList dl.head dd .title{text-decoration:none; font-size:22px; height:52px; overflow:hidden; line-height:26px; text-align:center; padding:0; margin:0 auto; width:80%}
.trendList dl.head dd .text{text-align:center; font-size:14px;}

.bbsFinTrendList .btn_lstMore{clear:both}


/* 금융상품 트렌드 상세 카드형 */
.trendCardVisual{position:relative; display:block; overflow:hidden;}
.bbsViewCont > .trendCardVisual{ padding-bottom:30px;}
.trendCardVisual .swipe{position:relative; width:100%; overflow:hidden;}
.trendSwipeWrap {position:relative; overflow:hidden;}
.trendSwipeWrap > article {position:relative; width:100%; float:left; }
.trendSwipeWrap > article img{margin:0}

#swipeCard .trendSwipeWrap > article {height:100%;}

.trendCardSwipePage {position:absolute; width:100%; left:0; bottom:0; text-align:center; overflow:hidden; z-index:28;}
.trendCardSwipePage.swipe1 {}
.trendCardSwipePage li {display:inline-block; width:8px; height:8px; margin-left:8px;}
.trendCardSwipePage li:first-child {margin-left:0}
.trendCardSwipePage li.on {}
.trendCardSwipePage li a {display:block; height:100%; text-indent:100%; white-space:nowrap; overflow:hidden; background:#ccc; border-radius:4px;}
.trendCardSwipePage li.on a {background:#666;}

.trendCardSwipeCtrl {}
.trendCardSwipeCtrl a {background:url(/mbw/images/finance/icon_Arrow.png) 0 0 no-repeat; background-size:20.75px 41.5px;}
.trendCardSwipeCtrl .btnPrev,
.trendCardSwipeCtrl .btnNext {position:absolute; top:50%; z-index:100; margin-top:-10.25px; width:20.75px; height:20.75px; text-indent:100%;}
.trendCardSwipeCtrl .btnPrev {left:6px;}
.trendCardSwipeCtrl .btnNext {right:6px; background-position:0 -20.75px;}



/* 금융상품 주요서비스 */
.trendIssueService, .trendalarmService{margin:50px 15px 0;}
.trendIssueService:after, .IssueServiceList:after, .IssueServiceList ul:after, trendalarmService:after, .alarmServiceList:after
{content:"";display:block;clear:both;visibility:hidden}
.trendIssueService .title, .trendalarmService .title{display:block; font-size:16px; color:#0078c8; margin:0 0 20px;}
.trendalarmService{margin-bottom:50px}
.trendalarmService .title{margin-bottom:8px;}
.trendalarmService .desc_text{display:block; font-size:12px; color:#666; margin:0 0 15px;}

.IssueServiceList{}
.IssueServiceList ul{margin:0 -15px 0;}
.IssueServiceList ul li{ float:left; display:block; width:25%; height:103px; margin:0 0 20px 0; overflow:hidden}
.IssueServiceList ul li > a {display:block;}
.IssueServiceList ul li p{background:url(/mbw/images/finance/img_trend_service.jpg) center 0 no-repeat; background-size:65px 925px; position:relative; letter-spacing:-1px; display:block; width:65px; padding:73px 0 0; font-size:12px; line-height:14px; text-align:center; margin:0 auto;}
.IssueServiceList ul li .mpop:before {position:absolute; top:0; right:-3px; width:15.75px; height:15.75px}
.IssueServiceList ul li:nth-child(1) p, .IssueServiceList ul li:nth-child(5) p{}
.IssueServiceList ul li:nth-child(4) p, .IssueServiceList ul li:nth-child(8) p{}
.IssueServiceList ul li:nth-child(1) p{background-position:center 0;}
.IssueServiceList ul li:nth-child(2) p{background-position:center -121.75px;}
.IssueServiceList ul li:nth-child(3) p{background-position:center -243.5px;}
.IssueServiceList ul li:nth-child(4) p{background-position:center -365.25px;}
.IssueServiceList ul li:nth-child(5) p{background-position:center -487px;}
.IssueServiceList ul li:nth-child(6) p{background-position:center -608.75px;}
.IssueServiceList ul li:nth-child(7) p{background-position:center -730.5px;}
.IssueServiceList ul li:nth-child(8) p{background-position:center -852.25px;}

/* 금융상품 수익률 알람서비스 */
.alarmServiceList li{float:left; width:49%; position:relative; border-left:1px solid #e4ecf2}
.alarmServiceList li:first-child{border-left:0}
.alarmServiceList li:first-child a{padding-left:0}
.alarmServiceList li a:before{opacity:1; background:url(/mbw/images/finance/ico_alarmArrow.png)0 0 no-repeat; background-size:7.5px 13.5px; position:absolute; top:50%; margin-top:-7px; right:15px; width:7.5px; height:13.5px}
.alarmServiceList li a{padding-left:16px; display:block; font-size:20px; color:#333; line-height:22px}
.alarmServiceList li a span{display:block;font-size:12px; color:#333;}


/*
.btnArrow{}
.btnArrow a{z-index:31; display:block; position:fixed; top:50%;  margin-top:-40px; width:40px; height:40px; overflow:hidden;  background:url(/mbw/images/finance/icon_Arrow.png) 0 0 no-repeat; background-size:40px 80px;}
.btnArrow a.btn_prev{background-position:0 0; left:0;}
.btnArrow a.btn_next{background-position:0 -40px; right:0;}
*/

.bbsReporter{display:block; border-top:1px solid #cdcdcd; padding:15px 0 15px 0 !important; margin:0 15px; }
.bbsReporter > strong, .bbsReporter > p{display:block; font-size:11px; color:#777; line-height:14px;}
.bbsReporter > p{padding:3px 0 0}

.lawAbiding{display:block; font-size:11px; color:#777; padding:30px 0 3% 15px; text-align:left; letter-spacing:-1px;}

.recommendArea{display:block; background:#4c4faa; padding:0 0 30px}
.recommendArea:after{content:"";display:block;clear:both;visibility:hidden}
.recommendArea .head{display:block; padding:30px 0 0; margin:0 0 15px}
.recommendArea .head > .title{background:url(/mbw/images/finance/bg_recommend_title.gif) 0 50% repeat-x; background-size:1px 2px; display:block;  text-align:center; margin:0 15px;}
.recommendArea .head > .title > span{display:inline-block; color:#fff; background:#4c4faa; text-align:center; padding:0 20px;}
.recommendArea .text{display:block; color:#fff; font-size:12px; margin:15px 15px 25px;}

.recommSlideArea { overflow:hidden;}
.recommSlideArea:after, .slideRecommWrap:after{content:"";display:block;clear:both;visibility:hidden}
.slideRecommWrap { height:100%; }
.slideRecommWrap > li { display:inline-block; float:left; height:100%; width:190px; box-sizing:border-box; }
.slideRecommWrap > li:first-child .linkWrap{margin:0 0 0 15px}
.prdRecomfin {margin:0 0 0 8px; padding:10px; position:relative; background:#fff; width:162px}
.prdRecomfin .hTitle {font-size:11px; color:#0078c8}
.prdRecomfin .prdLstWrap{background:#fff; padding:0}
.prdRecomfin .prdLstWrap .danger_graph, .prdRecomfin .prdLstWrap .grayTxt, .prdRecomfin .detailDefin.bond dt{display:block; font-size:11px; line-height:11px; padding:0; text-align:center}
.prdRecomfin .prdLstWrap .ranking{margin-top:5px}
.prdRecomfin .prdLstWrap .yearTxt{display:block; font-size:11px; margin-top:15px; letter-spacing:-1px; line-height:14px}
.prdRecomfin .prdLstWrap .yearTxt > strong{font-size:14px;}
.prdRecomfin .prdLstWrap .icon_m {background-position:-28px -15px;}
.prdRecomfin .prdLstWrap .icon_m + span.txt{line-height:11px; text-align:center}
.prdRecomfin .prdDefin > dt{margin-top:5px; height:38px; overflow:hidden; color:#333}
.prdRecomfin .prdDefin > dd{margin-top:16px;}
.prdRecomfin .prdDefin .split_cols.col2 ul > li{width:49%; border-width:0 0 0 1px; min-height:55px}
.prdRecomfin .prdDefin .split_cols.col2 ul > li:first-child{border-width:0 0 0 0;}
.prdRecomfin .detailDefin dt{padding:0 !important; margin-top:0 !important; line-height:11px !important;}
.prdRecomfin .detailDefin dd{display:block; clear:both; font-size:11px !important; margin-bottom:0 !important; line-height:13px; padding:6px 0 0}
.prdRecomfin .detailDefin dd strong{display:block; font-size:16px; line-height:13px}
.prdRecomfin .detailDefin.bond dt{float:initial}
.prdRecomfin .detailDefin.bond dd{text-align:center; padding:17px 0 0}
.prdRecomfin .detailDefin.bond dd strong{display:inline-block;}
.prdRecomfin .btnWrap{margin:14px 0 0;}
.prdRecomfin .btnWrap a{margin:0 0 0 1.5%; letter-spacing:-1px; width:47% !important; font-size:11px !important;}
.prdRecomfin .btnWrap a:first-child{margin:0}
.prdRecomfin .btnWrap.newType a.blue{border:1px solid #0078c8}
.prdRecomfin .btnWrap.newType a.whole{width:99% !important}
/*  버튼 여백 */
.recommendArea+.btnWrap{margin-top:25px}

/* 펀드 상세 */
.finscroll{height:450px; overflow-y:auto; -webkit-overflow-scrolling:touch}
.finDetail{}
.finDetail > h2{padding:0 0 14px;font-size:17px; color:#000; display:block; line-height:21px; letter-spacing:-1px}
.finDetail .sname + h2{padding:4px 0}
.finDetail .sname, .finDetail .descText{display:block; font-size:12px; color:#666}
.finDetail .descText{line-height:16px; padding-bottom:15px}
.finDetail:after,.finDetailSummary:after,.finDetailSummary > dl:after, .finDetailSummary > .totalScore:after{content:"";display:block;clear:both;visibility:hidden}
.finDetailSummary{display:table; width:100%; border:1px solid #e4e4e4;}
.finDetailSummary > dl{position:relative; display:table-cell; float:left; width:46%; margin-left:-1px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; padding:2%; height:79px; color:#666}
.finDetailSummary > dl.rise{background:#ed5757; color:#fff}
.finDetailSummary > dl.low{background:#5a96c8; color:#fff}
.finDetailSummary > dl > dt, .finDetailSummary > .totalScore > dl > dt{font-size:12px; letter-spacing:-1px; }
.finDetailSummary > dl > dt > span{display:block; font-size:11px;}
.finDetailSummary > .totalScore > dl > dt span.txts{padding-left:8px;font-size:10px;}
.finDetailSummary > dl > dd, .finDetailSummary > .totalScore dl dd{position:relative; display:block; padding:0; min-height:55px;}
.finDetailSummary > dl > dd .summary, .finDetailSummary .totalScore > dl dd .summary{position:absolute; bottom:0px; right:0px; text-align:right; padding:0}
.finDetailSummary > dl > dd > p, .finDetailSummary > dl > dd .summary > p{padding:0; margin:0}
.finDetailSummary > dl > dd .summary strong, .finDetailSummary .totalScore dl dd .summary strong{color:#333; font-size:14px;}
.finDetailSummary > dl > dd .summary small{color:#333; font-size:11px;}
.finDetailSummary > dl.low .standard_price, .finDetailSummary > dl.rise .standard_price{font-size:11px; color:#fff}
.finDetailSummary > dl.low .standard_price > strong, .finDetailSummary > dl.rise .standard_price > strong{font-size:20px; line-height:21px;}
.finDetailSummary > dl.low .standard_price > span, .finDetailSummary > dl.rise .standard_price > span{display:block; margin:4px 0 0; font-size:12px; line-height:13px;}
.finDetailSummary > dl.rise > dd, .finDetailSummary > dl.low > dd, .finDetailSummary > dl.total_scale > dd{min-height:40px}
.finDetailSummary > dl.rise > dd .summary, .finDetailSummary > dl.low > dd .summary{top:10px}
.finDetailSummary > dl.rise .rate3_month > strong, .finDetailSummary > dl.low .rate3_month > strong, .finDetailSummary > dl.low .standard_price > strong, .finDetailSummary > dl.rise .standard_price > strong{color:#fff}

.finDetailSummary > dl.rating > dd .star_rating{min-height:25px}
.finDetailSummary > dl.rating > dd .star_rating, .finDetailSummary > dl.rating > dd .ranking, .finDetailSummary > dl > dd .icon_m{display:block; width:40px; margin:40px auto 0;}
.finDetailSummary > dl > dd .icon_m{background-position:-28px -15px}
.finDetailSummary > dl > dd .icon_m.on{background-position:-144px -15px}
.finDetailSummary > dl.rating > dd .star_rating > span{position:absolute;display:block; height: 0; width: 0; font-size: 2px; line-height: 0; margin: 0; padding: 0; overflow:hidden;}
.finDetailSummary > dl.rating > dd .ranking, .finDetailSummary > dl > dd .icon_m{margin:18px auto 0;}
.finDetailSummary > dl > dd .icon_m + span.txt{text-align:center; padding-top:2px;}

.finDetailSummary > dl.last dt{border-top:1px solid #e4e4e4; padding-top:2%}
.finDetailSummary > dl.last, .finDetailSummary > dl.last2{clear:both; width:96%; background-color:#fafafa; height:auto; border-bottom:0}
.finDetailSummary > dl.last .toolTipCont {padding:10px 0;}

.finDetailSummary > dl.hwanhedge dt{border-top:1px solid #e4e4e4; padding-top:2%}
.finDetailSummary > dl.hwanhedge{clear:both; width:96%; background-color:#fafafa; height:auto; border-bottom:0}
.finDetailSummary > dl.hwanhedge .toolTipCont {padding:10px 0;}
.finDetailSummary > dl.hwanhedge dd .summary{bottom:8px}



.finDetailSummary > .totalScore{clear:both; width:100%; background-color:#fafafa; /*border-bottom:1px solid #e4e4e4;*/}
.finDetailSummary > .totalScore.full, .finDetailSummary > .totalScore.one dl{width:96%}
.finDetailSummary > .totalScore dl{position:relative; display:table-cell; float:left; width:45.7%; border-left:1px solid #e4e4e4; padding:0 2%; margin:3% 0 2%; height:100px; color:#666}
.finDetailSummary > .totalScore dl:first-child{border-left:0}
.finDetailSummary > .totalScore dl dd{min-height:85px}
.finDetailSummary > .totalScore.portfolio dl{height:230px}
.finDetailSummary > .totalScore.portfolio dl dd{min-height:200px}
.finDetailSummary > .totalScore.portfolio dl dd .chart{position:relative; display:block;}
.finDetailSummary > .totalScore.portfolio dl dd .chart p.txt{display:block; margin:10px 0 0; text-align:left; font-size:12px; color:#333; line-height:16px;}
.finDetailSummary > .totalScore.portfolio dl dd .chart .chartBox{display:block; margin:20px 0 0; text-align:center; padding:0}
.finDetailSummary > .totalScore.portfolio dl dd .chart .chartBox img{width:123px; height:123px}

.finDetailSummary > .totalScore p.txt {font-size:11px; margin:5px 0 0; text-align:right; color:#333; }

.finDetailSummary > dl > dd.rise .summary small, .finDetailSummary > dl > dd.rise .summary strong{color:#d60000}
.finDetailSummary > dl > dd.drop .summary small, .finDetailSummary > dl > dd.drop .summary strong{color:#0078c8}
.finDetailSummary > dl > dd.rise .summary strong, .finDetailSummary > dl > dd.drop .summary strong{font-size:18px}

.finDetail .btn_addTxt{display:block; margin:8px 0 0;}
.desc_finDetail{display:block; font-size:11px; color:#666; line-height:12px;}

.finDetail.modelPortfolioDetail {}
.finDetail.modelPortfolioDetail .btnWrap{text-align:center; width:100%}
/* .finDetail.modelPortfolio .btnWrap a{float:none; display:block; margin:0 auto; width:45%;} */
.finDetail.modelPortfolioDetail .finDetailSummary+.btnWrap{margin-top:15px}
.finDetail.modelPortfolioDetail dl.nbr{border-bottom:0}
.finDetail.modelPortfolioDetail dl .txt_email{word-break:break-all;word-wrap:break-word;font-size:13px}
/* 03-20 */
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList.type2 .btnWrap a{display:block; float:left; margin:0 0 0 2%; width:48%}
.investAdvice .prdLstWrap .prdLst > li.modelPortfolioList.type2 .btnWrap a:first-child{margin-left:0}}
/* ELS/DLS 상세 */
.finDetailSummary > dl.full{clear:both; width:96%; min-height:79px; height:auto;}
.finDetailSummary > dl.full dd{overflow:hidden}
.finDetailSummary > dl > dd .ico_asset{}
.finDetailSummary > dl > dd em{font-size:12px;}
.finDetailSummary > dl > dd .block{display:block;}
.finDetailSummary > dl > dd .line{font-size:14px; color:#e4e4e4}
.finDetailSummary > dl > dd .num{font-size:18px !important;}
.finDetailSummary > dl > dd .text{font-size:11px !important; color:#333; margin-top:10px}

/* 기초자산 아이콘 */
.ico_asset{display:block; float:right;}
.ico_asset li{display:block; font-size:12px; color:#333; line-height:20px; text-align:right;}
.ico_asset li img{width:20px; height:20px;}


/* 여백 */
.finDetailSummary + .desc_finDetail{margin:18px 0 0 !important;}
.btn_addTxt + .btnWrap{margin:20px 0 0 !important;}

.charge{display:block; clear:both; margin:8px 0 0}
.charge li{display:block; font-size:11px; line-height:14px; padding:0 0 4px; text-indent:-3px; margin-left:6px}
.charge li > span{display:inline-block; padding:0 2px 0 0;}
.charge li:before{content:counter(item, disc)""; display:inline-block; color:#666; margin-right:5px;}
.charge li.txtIndent{margin-left:34px; text-indent:-17px}
		
/* 수익률 아이콘 */
.rate3_month{background:url(/mbw/images/finance/ico_rate3_month.png) 0 0 no-repeat; background-size:25px 250px; min-height:25px}
.rate3_month.grade01{background-position:0 0;}/* 매우우수  */
.rate3_month.grade02{background-position:0 -37.5px;}/* 우수  */
.rate3_month.grade03{background-position:0 -75px;}/* 평균  */
.rate3_month.grade04{background-position:0 -112.5px;}/* 부진  */
.rate3_month.grade05{background-position:0 -150px;}/* 매우부진  */
.rate3_month > strong{display:inline-block; font-size:20px !important; line-height:25px; padding:0 0 0 33px;}

/* 기준가 유형 아이콘 */
.standard {display:inline-block; background:url(/mbw/images/finance/ico_standard_arrow.png) 0 0 no-repeat; background-size:8px 20px; vertical-align:middle; width:8px; height:7px; text-indent:-9999px; font-size:0}
.standard.low{background-position:0 -13px;}/* 하락  */
.standard.up{background-position:0 0;}/* 상승  */

/* 펀드등급 유형 아이콘 */
.star_rating {display:inline-block; background:url(/mbw/images/common/ico_star_rating.png) 0 0 no-repeat; background-size:42.5px auto; vertical-align:middle; min-height:35px;}
.star_rating > span{display:block; font-size:11px; line-height:11px; color:#333; padding:19px 0 0;}
.star_rating.rating00{background-position:0 -175px;}/* 별0 */
.star_rating.rating01{background-position:0 -140px;}/* 별1 매우부진  */
.star_rating.rating02{background-position:0 -105px;}/* 별2 부진  */
.star_rating.rating03{background-position:0 -70px;}/* 별3 보통  */
.star_rating.rating04{background-position:0 -35px;}/* 별4 높음  */
.star_rating.rating05{background-position:0 0;}/* 별5 매우높음  */

/* 위험등급 유형 아이콘 */
.ranking {display:inline-block; width:40px; height:20px; margin:0; background:#fff url(/mbw/images/search/icon_risk_new.png) no-repeat 0 0px; background-size:40px 210px;  text-indent:-9999px; font-size:0; overflow:hidden; white-space:nowrap;}
.ranking + span.txt {display:block; margin:4px 0 0; font-weight:bold; font-size:11px; line-height:11px; color:#333; letter-spacing:-1px; text-align:center}
.ranking.graph01 {background-position:0px 0px;}
.ranking.graph02 {background-position:0px -30px;}
.ranking.graph03 {background-position:0px -60px;}
.ranking.graph04 {background-position:0px -90px;}
.ranking.graph05 {background-position:0px -120px;}
.ranking.graph06 {background-position:0px -150px;}

/* 원금지급 아이콘 */
.icon_m {display:inline-block; width:50px; height:25px; margin-top:0px; background:url(/mbw/images/search/bg_els_pay.png) no-repeat -25px -15px; background-size:223px 151px;  overflow: hidden; white-space: nowrap; text-indent: 100%; }
.icon_m.default {}/* 원금보장  */
.icon_m.on {background:url(/mbw/images/search/bg_els_pay.png) no-repeat -134px -15px; background-size:223px 151px;} /* 원금비보장  */
.icon_m + span.txt {display:block; color:#333; font-weight:bold; font-size:11px}


/*-- 고객센터 --*/
.customer{}
.customer:after{content:"";display:block;clear:both;visibility:hidden}

/* honorsclub */
.honorsclubWarp{display:block; overflow:hidden}
.honorsclubWarp:after{content:"";display:block;clear:both;visibility:hidden}
.honorsclubWarp .honorsclubHead{display:block; position:relative;}
.honorsclubWarp .honorsclubHead .head{display:block; text-align:center}
.honorsclubWarp .honorsclubHead.thumb {width:100%; height:100%;}
.honorsclubWarp .honorsclubHead.thumb img{}
.honorsclubWarp .honorsclubHead.thumb .head{position:absolute; left:0; top:50%; width:100%; margin-top:-37.5px;}
.honorsclubWarp .honorsclubHead .head .title{display:block; font-size:24px; color:#c8ab75; font-weight:normal}
.honorsclubWarp .honorsclubHead .head .desc{display:block; margin:17px 0 0; line-height:14px; font-size:11px; color:#c8ab75;}

.honorsclubWarp .honorsclubSlider{margin-top:45px; width:100%; height:100%; min-height:300px; position:relative; overflow:hidden}
.honorsclubWarp .honorsclubSlider #clubSlider {width:100%; height:100%; overflow:hidden}
.honorsclubWarp .honorsclubSlider #clubSlider ul{width:100%; height:100%;}
.honorsclubWarp .honorsclubSlider #clubSlider ul li{float:left; width:100%; height:100%;}
.honorsclubWarp .honorsclubSlider .paging{position:absolute; bottom:0px; left:0; width:100%; line-height:0; height:8px; text-align:center;display:none}
.honorsclubWarp .honorsclubSlider .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;}
.honorsclubWarp .honorsclubSlider .paging .btn_page.on{background:#0078c8;}

.honorsclubWarp .honorsclubCont{margin-top:45px;}
.honorsclubWarp .honorsclubCont img{}
.honorsclubWarp .honorsclubCont.notice{background-color:#1b2024; padding:15px}
.honorsclubWarp .honorsclubCont .head{display:block; padding:30px 0 15px; text-align:center}
.honorsclubWarp .honorsclubCont .head .title{background:url(/mbw/images/customer/bg_honorsclub_title.gif) repeat-x 0 50%; background-size:1px 1px;}
.honorsclubWarp .honorsclubCont .head .title span{display:inline-block; color:#cda06e; font-size:15px; background:#1b2024; text-align:center; padding:0 20px;}
.honorsclubWarp .honorsclubCont .notiList{display:block;}
.honorsclubWarp .honorsclubCont .notiList li{text-indent:-10px; margin:0 0 0 5px; font-size:11px;}
.honorsclubWarp .honorsclubCont .notiList li:before{content:counter(item, disc)""; color:#8b96a0; margin-right:5px;}
	
.honorsclubWarp .honorsclubCont .notiCall{margin-top:25px; display:block; background:#282d31; padding:20px; color:#b4babf}
.honorsclubWarp .honorsclubCont .notiCall > strong,
.honorsclubWarp .honorsclubCont .notiCall > a[href^="tel"] > strong {display:block; font-size:25px; margin:0 0 10px; color:#b4babf}
.honorsclubWarp .honorsclubCont .notiCall > p{font-size:12px; line-height:16px}

.honorsclubWarp .honorsclubBox{display:block; padding:0 15px;}
.honorsclubWarp .honorsclubBox:after{content:"";display:block;clear:both;visibility:hidden}
.honorsclubWarp .honorsclubBox .stitle{display:block; font-size:15px; color:#3f382b;}

/* 아너스 로그인 리뉴얼 */
.honorsclubWarp .honorsclubCont.login{display:block;margin:30px 15px}
.honorsclubWarp .honorsclubCont .loginType{display:table;width:100%;}
.honorsclubWarp .honorsclubCont .loginType>li{display:table-cell;width:30%;}
.honorsclubWarp .honorsclubCont .loginType>li:first-child a{margin-left:0}
.honorsclubWarp .honorsclubCont .loginType>li.smsPhone{}
.honorsclubWarp .honorsclubCont .loginType>li>a{display:block;font-size:16px;color:#555;line-height:20px;text-align:center;border:1px solid #a58346;margin-left:5%;min-height:140px;box-sizing:border-box;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.12);}
.honorsclubWarp .honorsclubCont .loginType>li>a strong{display:block;padding-top:25px}
.honorsclubWarp .honorsclubCont .loginType>li>a strong:before{content:""; display:block; opacity:1; background:url(/mbw/images/customer/img_honors_login.jpg) no-repeat 0 0; background-size:219px 33px; height:33px; margin:0 auto 25px;}
.honorsclubWarp .honorsclubCont .loginType>li.smsPhone>a strong:before{width:20px}
.honorsclubWarp .honorsclubCont .loginType>li.mPop>a strong:before{background-position-x:-95px;width:22px}
.honorsclubWarp .honorsclubCont .loginType>li.id>a strong:before{background-position-x:-187px;width:32px}

.honorsclubWarp .honorsclubCont.noticeInfo{display:block;margin-top:40px;background-color:#f8f8f8}
.honorsclubWarp .honorsclubCont.noticeInfo .textView{padding:20px 20px;font-size:13px;color:#888;text-align:center;}
.honorsclubWarp .honorsclubCont.noticeInfo .textView:after{position:relative; content:""; display:block; opacity:1;background:url(/mbw/images/customer/img_honors_logo.png) no-repeat 0 0; background-size:110px 20px; width:110px; height:20px; margin:20px auto 0;}
.honorsclubWarp .honorsclubCont.noticeInfo .textView span{color:#666}

/* honorsclub step style */
.stepClubArea{display:block;}
.stepClubArea:after, .stepClubArea ul:after{content:"";display:block;clear:both;visibility:hidden}
.stepClubArea ul{display:table; width:100%; height:25px; background:url(/mbw/images/customer/bg_step.gif) repeat-x 0 50%; background-size:1px 2px; padding:0 15px 0 0;}
.stepClubArea ul li{display:table-cell; position:relative; -webkit-box-sizing:border-box;box-sizing:border-box; float:left; width:50%; display:inline-block;  height:25px; line-height:25px; vertical-align:middle;}
.stepClubArea.step3 ul li.on {width:60%; background:url(/mbw/images/customer/bg_step_on.gif) repeat-x 0 50%; background-size:1px 2px;}
.stepClubArea.step3 ul li{width:20%;}
.stepClubArea.step3 ul li:first-child{padding-left:15px}
.stepClubArea.step3 ul li.on:nth-child(1){width:65%;}
.stepClubArea.step3 ul li.on:nth-child(2){width:60%;}
.stepClubArea.step3 ul li.on:nth-child(3){width:45%;  max-width:inherit;}
.stepClubArea.step3 ul li:nth-child(1){width:30%;}
.stepClubArea.step3 ul li:nth-child(2){width:25%;}
.stepClubArea.step3 ul li:nth-child(3){width:auto; max-width:40px;}
.stepClubArea.step3 ul li:before{content:""; display:block; opacity:1; position:absolute; background:url(/mbw/images/customer/bg_step_arrow.gif) no-repeat 0 -12px; background-size:7.25px 24px; right:0; top:6.5px; width:7.25px; height:12px;}
.stepClubArea.step3 ul li.on:before{background-position:0 0;}
.stepClubArea.step3 ul li:last-child:before{background:none;}
.stepClubArea.step3 ul li > strong{display:inline-block; text-align:center; width:25px; height:25px; line-height:25px; font-size:11px; color:#3f382b; background:#c8ab75; border-radius:12px; font-weight:normal}
.stepClubArea.step3 ul li > span{display:inline-block; font-size:0; color:#3f382b; padding:0; background:#fff}
.stepClubArea.step3 ul li.on > strong{background:#3f382b; color:#fff;}
.stepClubArea.step3 ul li.on > span{display:inline-block; font-size:11px; color:#3f382b; padding:0 15px 0 8px; background:#fff}

.honorsclubHead+.stepClubArea, .h4TabWrap~.tabCont, .memberWrap+.btnWrap{margin-top:30px}
.stepClubArea+.honorsclubText{margin:20px 0 0;}
.honorsclubText+.honorsclubBox,.honorsclubBox+.honorsclubText.last{margin-top:40px}
.stitle+.h4TabWrap,.honorsclubBox+.honorsclubText{margin-top:25px}

.honorsclubWarp .honorsclubText{display:block; color:#766d5c; font-size:11px; margin-left:15px; margin-right:15px; padding:0 0 17px; line-height:16px; border-bottom:1px solid #3f382b}
.honorsclubWarp .honorsclubText p, .honorsclubWarp .honorsclubText.last p{ font-size:12px; line-height:18px;}
.honorsclubWarp .honorsclubText.last{border-bottom:0; padding:0}

.honorsclubWarp .honorsclubText .descText{display:block; margin:30px 0;}
.honorsclubWarp .honorsclubText .descText dt{font-size:20px; color:#87734e; line-height:22px; padding:0 0 10px}
.honorsclubWarp .honorsclubText .descText dt, .honorsclubWarp .honorsclubText .descText dd{display:block; text-align:center}
.honorsclubWarp .honorsclubText .descText dd{margin:12px 0 0;font-size:12px; color:#87734e}
.honorsclubWarp .honorsclubText .btnWrap.alone a{width:100%;} 
		
.memberWrap > dt {margin:20px 0 15px; font-size:14px; font-weight:bold; color:#333; line-height:15px;}
.memberWrap > dt:first-child {margin-top:0;}
.memberWrap > dt > label{margin:0}
.memberWrap > dd > select + input[type=text], .memberWrap > dd .selfCertifi button+input {margin-left:2%;}
.memberWrap > dd.cellPhone select{width:28%}
.memberWrap > dd.cellPhone input{width:20%}
.memberWrap input[type=text], .memberWrap input[type=password] {height:32px; line-height:32px;}
.memberWrap input[type=text], .memberWrap select, .winnerCheck input[type=date] {font-size:11px; color:#000;}
.memberWrap > dd .selfCertifi {display:block; margin:15px 0 0;}
.memberWrap > dd .selfCertifi button{width:28%;}
.memberWrap > dd .selfCertifi .send{background:#5f5b55; font-size:11px; color:#fff; height:34px; border:0}
.memberWrap > dd .selfCertifi input{width:68%}
	
.btnWrap a.gold{border:0; background:#87734e}

/* 투자상담안내 */
.customer .headPage:after{content:"";display:block;clear:both;visibility:hidden}
.customer .headPage{display:block; padding:30px 0; text-align:center}
.customer .headPage .title{display:block; font-size:26px; color:#0078c8; padding:0 0 10px; font-weight:normal}
.customer .headPage .descText{display:block; font-size:15px; color:#333; letter-spacing:-1px}
.customer .headPage .descText > small{font-size:14px; color:#666}

.customer .title+.descText, .customer .title+.descText~.descText{margin:10px 0 0;}
.customer .imgPage~.imgPage, .customer .imgPage .textArea>a+.icoList{padding-top:30px}
	
.customer .imgPage{display:block; position:relative;}
.customer .imgPage.family .textArea{margin-top:-105px;}
.customer .imgPage.family2{margin-top:30px}
.customer .imgPage.family2 .textArea{margin-top:-70px;}
.customer .imgPage .textArea{position:absolute; top:50%; width:100%; display:block; color:#fff; text-align:center; margin-top:-55px}
.customer .imgPage .textArea .btnWrap{margin:15px 18% 0}
.customer .imgPage .textArea > a, .customer .imgPage .textArea > a[href^="tel"]{display:block; color:#fff}
.customer .imgPage .textArea .stitle{ display:block;font-size:16px; line-height:16px;}
.customer .imgPage .textArea .descText{ display:block;font-size:14px;}
.customer .imgPage .textArea .descText > small{font-size:12px}
.customer .imgPage .textArea .number{ display:block;font-size:30px;line-height:30px; color:#fff}
.customer .imgPage .textArea .number tel{color:#fff}
.customer .imgPage .textArea .descText > small > span{color:#a4a09b}

.customer .imgPage .textArea .stitle+.descText{margin-top:8px}
.customer .imgPage .textArea .descText+.number,.customer .imgPage .textArea .number+.descText,.customer .imgPage .textArea .stitle+.number{padding-top:15px}

.customer .imgPage .textArea .icoList{display:block;}
.customer .imgPage .textArea .icoList:after{content:"";display:block;clear:both;visibility:hidden}
.customer .imgPage .textArea .icoList ul{display:block; margin:0 auto; width:210px}
.customer .imgPage .textArea .icoList ul:after, .customer .imgPage .textArea .icoList ul li:after{content:"";display:block;clear:both;visibility:hidden}
.customer .imgPage .textArea .icoList ul li{position:relative; display:block; width:80px; float:left; margin-left:50px; background:url(/mbw/images/customer/ico_invst_counsel.png) no-repeat 0 0; background-size:auto 65px;}
.customer .imgPage .textArea .icoList ul li:first-child{margin-left:0}
.customer .imgPage .textArea .icoList ul li .mpop:before {position:absolute; top:0; right:0; width:15.75px; height:15.75px}
.customer .imgPage .textArea .icoList ul li > a{display:block;width:100%;font-size:14px;line-height:14px;padding:72px 0 0; text-align:center;color:#fff}
.customer .imgPage .textArea .icoList ul li > a > strong{display:block; letter-spacing:-1px;font-size:12px;padding-bottom:4px}
.customer .imgPage .textArea .icoList ul li:nth-child(1){background-position:7px 0}
.customer .imgPage .textArea .icoList ul li:nth-child(2){background-position:-78px 0}
.customer .imgPage.invstCounsel .textArea{margin-top:-105px;}
.customer .imgPage.invstCounsel .textArea .icoList ul li{background:url(/mbw/images/customer/ico_invst_counsel_center.png) no-repeat 0 0; background-size:auto 65px;}
.customer .imgPage.invstCounsel .textArea .icoList ul li:nth-child(1){background-position:7px 0}
.customer .imgPage.invstCounsel .textArea .icoList ul li:nth-child(2){background-position:-78px 0}

.customer .headPage.mpopLife{position:relative; display:block; padding:0; text-align:center}
.customer .headPage.mpopLife .textArea{position:absolute; top:50%; width:100%; display:block; color:#fff; text-align:center; margin-top:-20px}
.customer .headPage.mpopLife .title{display:block; font-size:25px; color:#fff; line-height:26px; padding-bottom:5px; font-weight:normal}
.customer .headPage.mpopLife .descText{display:block; font-size:20px; color:#fff; line-height:20px;}

.mpopLifeMain:after{content:"";display:block;clear:both;visibility:hidden}
.mpopLifeMain dl{position:relative; display:block; margin-top:30px}
.mpopLifeMain dl dt{display:block; margin:0 15px}
.mpopLifeMain dl dt > strong{display:block; font-size:17px; color:#0078c8; line-height:17px; padding:15px 0 0}
.mpopLifeMain dl dt > strong:before{content:""; position:absolute; top:0; left:15px; display:block; opacity:1; border-top:2px solid #0078c8; width:32px;}
.mpopLifeMain dl dt > span{display:block; font-size:12px; color:#333; line-height:14px; padding:5px 0 0}
.mpopLifeMain dl dd{display:block; position:relative; margin:20px 0 0}
.mpopLifeMain dl dd .imgPage .textArea{margin-top:-85px; padding:20px 0 0;}
.mpopLifeMain dl dd .imgPage .textArea.introDesc:before {position:absolute; top:0; background-position:50% -50px; width:100%; height:11px; margin:0;}
.mpopLifeMain dl dd .imgPage .textArea .stitle {line-height:26px; font-size:20px; font-weight:normal}
.mpopLifeMain dl dd .imgPage .textArea .stitle+.descText, .mpopLifeMain dl dd .imgPage .textArea .descText+.btnWrap{margin-top:20px}

.mpopLifeList{padding:10px 15px;}
.mpopLifeList:after{content:"";display:block;clear:both;visibility:hidden; }
.customer.view{}
.mpopLifeList dl{position:relative; display:block; margin-bottom:20px; padding:20px 0 0; overflow:hidden; border-top:1px solid #e4e4e4}
.mpopLifeList dl:first-child{border-top:0}
.mpopLifeList dl .thumbArea{display:block; width:90px; float:left}
.mpopLifeList dl .thumbArea img{width:90px; height:auto;}
.mpopLifeList dl .thumbArea .btnWrap a{width:98%; margin:0; min-width:auto; padding:0}
.mpopLifeList dl .thumbArea, .mpopLifeList dl .contArea{box-sizing:border-box; -webkit-box-sizing:border-box}
.mpopLifeList dl .contArea{display:block; position:relative; padding:0 0 0 15px; width:auto; overflow:hidden}
.mpopLifeList dl .thumbArea img+.btnWrap{margin-top:9px}
	
.mpopLifeList.inLabel .label .evIng {background:#6570c0;}
.mpopLifeList.inLabel .label .evClose {background:#0F2F4B;}

.mpopLifeList dl .contArea .title{display:block; font-size:14px; color:#3f382b; line-height:16px; padding:7px 0 7px}
.mpopLifeList dl .contArea .info{display:block;}
.mpopLifeList dl .contArea .info li:first-child{padding:0}
.mpopLifeList dl .contArea .info li{display:block; padding:3px 0 0; font-size:11px; color:#777}
.mpopLifeList dl .contArea .btnWrap{display:block; margin:9px 0 0;} 
.mpopLifeList dl > .btnWrap{clear:both; display:block; padding:20px 0 0;}
.customer .viewArea{clear:both; display:block; border-top:2px solid #333; padding:15px 0 30px; margin:0 15px; font-size:12px; color:#666; line-height:16px;}
.customer .viewArea .btnArea{clear:both; display:block; padding:18px 0 0;}
.customer .viewArea .btnArea a{color:#0078c8}
.customer .viewArea .endText, .lpopWrap .viewArea .endText{display:block; font-size:20px; color:#0078c8; text-align:center; line-height:30px; padding:50px 0;}
.lpopWrap .viewArea{padding-bottom:10px}
.lpopWrap .viewArea .descText{display:block; padding:20px 0 0; font-size:16px; color:#333;text-align:center; line-height:30px;}
.lpopWrap .viewArea .descText .answer{display:block; font-weight:bold; color:#0078c8;}
.lpopWrap .viewArea .endText{padding:20px 0 0;}
.customer.view .viewArea+.btnWrap{padding:15px 0 50px;  border-top:2px solid #666;}
.customer.view .mpopLifeList+.h5TabWrap{margin-top:-2px; }
.customer.view .h5TabWrap+.viewArea{border-top:0}

.customer.view .introDesc, .lpopWrap .viewArea .introDesc {padding:15px; text-align:center; font-size:12px; color:#333; line-height:1.5;}
.customer.view .introDesc:before,  .lpopWrap .viewArea .introDesc:before {background-position:50% -25px; width:100%; height:11px; margin:0 0 10px;}
.customer.view .introDesc > strong, .lpopWrap .viewArea .introDesc > strong {color:#000;}

/* 응모하기 */
.goEntryscroll{height:450px; overflow-y:auto; -webkit-overflow-scrolling:touch}
.goEntry{}

.lpopWrap .dotList{display:block; clear:both; margin:5px 0 0}
.lpopWrap .dotList li{display:block; font-size:12px; color:#666; line-height:18px; padding:0 0 4px; text-indent:-5px; margin-left:5px}
.lpopWrap .dotList li:before{content:counter(item, disc)""; color:#666; margin-right:5px; }

.lpopWrap .descPoint{display:block; clear:both; margin:5px 0 0; font-size:11px;}
.lpopWrap .descPoint > span.txtRed{color:#e13200}

.lpopWrap .evAgreeWrap .stitle{font-size:12px; color:#2e2e2e}
.lpopWrap .evAgreeWrap .stitle+.evAgreeBox{margin-top:15px; height:160px}

.lpopWrap .evAgreeWrap+.btnWrap{margin-top:40px}

.lpopWrap .btnText{display:block; clear:both; margin:5px 0 0;}
.lpopWrap .btnText > a{font-size:11px; color:#333; display:inline-block}
.lpopWrap .btnText > a.mpop:before{float:right; margin-left:5px;}

/*-- 자산관리 --*/
.contListWrap.myPortfolio .contHead.contImg{height:auto;}
.contListWrap h1.tit > small{display:block; font-size:12px}	
.assetProcessWrap.col2 > li{width:calc(100% / 2);}
.asset.myPortfolio .assetProcessWrap > li:after {background-position:-80px -160px;}
.asset.myPortfolio .assetProcessWrap > li img{width:75px;}
.asset.myPortfolio .assetProcessWrap.col2 > li img{width:129px;}
.asset.myPortfolio .assetProcessWrap.col2 > li:after {top:35px}
.asset.myPortfolio .assetProcessWrap > li >p{display:block; margin:8px 0 0; font-size:12px; color:#333;}
.asset.myPortfolio .contBox{}
.asset.myPortfolio .txtInfo+.subTit {padding-top:30px}
.asset.myPortfolio .txtInfo+.contBox{margin-top:10px}
.asset.myPortfolio .txtInfo+.assetProcessWrap, .asset.myPortfolio .contBox+.subTit{padding-top:10px}
.asset.myPortfolio .assetProcessWrap+.subTit {padding-top:20px}
.asset.myPortfolio .assetProcessWrap.plan > li:after {background-position:-80px -420px;}
.asset.myPortfolio .assetProcessWrap.plan > li > span.step01:before {background-position:0 -420px;}
.asset.myPortfolio .assetProcessWrap.plan > li > span.step02:before {background-position:-108px -420px;}
.asset.myPortfolio .assetProcessWrap.plan > li > span.step03:before {background-position:-216px -420px;}
.asset.myPortfolio h2.subTit.slim+.contDefine.col2{margin-top:0}
	
.asset.myPortfolio .descText.introDesc{background-color:#f4f5f8; padding:30px 0; margin:0}
.asset.myPortfolio .descText.introDesc:before {background-position:50% -25px; width:100%; height:11px; margin:10px 0;}
.asset.myPortfolio .descText > strong{display:block; font-size:13px; color:#000}
.asset.myPortfolio .descText > p{display:block; font-size:11px; color:#333; padding:12px 0 0;}

.asset.myPortfolio .myportfolioGuide{background:url(/mbw/images/asset/img_myportfolio_guide.jpg) no-repeat 0 0; background-size:100% auto; width:100%; height:240px; margin:0}
.asset.myPortfolio .myportfolioGuide.asset{background:url(/mbw/images/asset/img_myportfolio_guide02.jpg) no-repeat 0 0; background-size:100% auto; width:100%; height:286.5px; margin:0}
.asset.myPortfolio .myportfolioGuide .head{display:block; color:#fff; padding-top:20px;}
.asset.myPortfolio .myportfolioGuide .head .stitle{display:inline-block; font-size:12px; border-bottom:1px solid #fff;}
.asset.myPortfolio .myportfolioGuide .head > strong{display:block; font-size:18px; padding-top:10px;}
.asset.myPortfolio .myportfolioGuide .descText{display:block; color:#fff; padding:15px 0 0}
.asset.myPortfolio .myportfolioGuide .descText > p{color:#fff; padding:8px 0 0; font-size:14px}
.asset.myPortfolio .myportfolioGuide.asset .descText > p{font-size:16px; font-weight:bold}
.asset.myPortfolio .myportfolioGuide .btnWrap{margin:18px 0 0;}
.asset.myPortfolio .myportfolioGuide .btnWrap a{width:35%}
.asset.myPortfolio .myportfolioGuide.asset .btnWrap a{width:50%}

/*-- 뱅킹대출 --*/
.contHead.contImg.creditLoanImg02{background-image:url(/mbw/images/banking/bg_creditLoanImg02.jpg);}
.contDefine dd > small{font-size:12px; color:#666; margin-top:5px;}
.contHeadCopy.introDesc+.txtInfo{padding:18px 0 0;}

/*-- 시작하기 --*/
.contListWrap h2.stit{display:block; font-size:15px; color:#333}
.contHead.contImg.startAccountImg02{height:auto}
/*.contHead.contImg.startAccountImg02{background-image:url(/mbw/images/start/img_account_visual02.jpg); background-size:100% auto;}*/
.contHead.contImg.startAccountImg02 img{}
.contHead.contImg .headText{position:absolute; display:block; width:100%}
.contHead.contImg .headText h2.stit + p {padding:0}

.contHead.contImg.startAccountImg02 .btnImg{display:block;margin-top:30px;}
.contHead.contImg.startAccountImg02 .btnImg li{float:left;width:33%;}
.contHead.contImg.startAccountImg02 .btnImg li a{display:inline-block;width:80px;height:110px;}
.contHead.contImg.startAccountImg02 .btnImg li a.otodayApp{background:url(/mbw/images/start/btn_startAccount01.jpg) no-repeat; background-size:80px 110px;}
.contHead.contImg.startAccountImg02 .btnImg li a.mpopAccount{background:url(/mbw/images/start/btn_startAccount02.jpg) no-repeat; background-size:80px 110px;}
.contHead.contImg.startAccountImg02 .btnImg li a.mobileAccount{background:url(/mbw/images/start/btn_startAccount03.jpg) no-repeat; background-size:80px 110px;}

.contDefine.appDown{margin:20px 15px 0; }
.contDefine.appDown+.contDefine.appDown{border-top:1px solid #e6e6e6; padding-top:20px;padding-bottom:20px;}
.contDefine.appDown dt{display:block; float:left; width:65px; margin:0 0 0 16px}
.contDefine.appDown dt img{width:45px; height:45px;}
.contDefine.appDown dt,.contDefine.appDown dd {box-sizing:border-box; -webkit-box-sizing:border-box}
.contDefine.appDown dd{display:block; position:relative; padding:0 0 0 15px; width:auto; overflow:hidden; text-align:left; margin:0}
.contDefine.appDown dd p{font-size:16px; color:#000; letter-spacing:-1px;font-weight:normal;line-height:22px}
.contDefine.appDown dd p strong{font-weight:bold}


.contDefine.col2{margin:20px 15px 0; padding:0}
.contDefine.col2.line{border-bottom:2px solid #e6e6e6; padding-bottom:25px;}
.contDefine.col2.line2{border-bottom:2px solid #e6e6e6; border-top:2px solid #e6e6e6; padding:25px 0; margin-top:40px;}
.contDefine.col2 dt{display:block; float:left; width:74px; margin-top:22px}
.contDefine.col2 dt img{width:44px; height:auto;}
.contDefine.col2 dt, .contListWrap .contTab .contDefine.col2 dd{box-sizing:border-box; -webkit-box-sizing:border-box}
.contDefine.col2 dd{display:block; position:relative; padding:0 0 0 15px; width:auto; overflow:hidden; text-align:left; margin:0}
.contDefine.col2 dd:before{margin-top:0; background-position:0 -25px}
.contDefine.col2 dd strong{font-size:20px; color:#000; letter-spacing:-1px}
.contDefine.col2 dd.fwn{font-weight:normal}
	
.startAccountSlider{margin-top:20px; width:100%; height:100%; position:relative; overflow:hidden; padding-bottom:30px;}
/* 플리킹 리사이즈 높이값 체크 오류 수정
.startAccountSlider #registSlider {width:100%; height:100%; overflow:hidden}
.startAccountSlider #registSlider ul{width:100%; height:100%;}
.startAccountSlider #registSlider ul li{float:left; width:100%; height:100%;}*/
.startAccountSlider div ul li h3 {font-size:13px;}
.startAccountSlider div ul li h3 > b {font-size:14px;}
.startAccountSlider div ul li h3.subTitH3{min-height:31px; margin:0 0 9px; font-weight:normal}
.startAccountSlider ul li h3.subTitH3 b > span {display:block; margin:5px 0 15px; font-size:11px; color:#666; font-weight:normal;}
.startAccountSlider .paging{position:absolute; bottom:0px; left:0; width:100%; line-height:0; height:8px; text-align:center; display:none}
.startAccountSlider .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;}
.startAccountSlider .paging .btn_page.on{background:#0078c8;}

.contListWrap.startAccount+.familyCenter{margin-top:40px}

.lstDot2 > li{margin-top:7px; color:#666; font-size:13px; line-height:1.6; text-indent:-10px; margin-left:8px}
.lstDot2 > li:before{content:counter(item, disc)""; color:#666; margin-right:5px;}

.lstNum{margin:0 15px}
.lstNum > li{margin-top:10px; color:#333; font-size:14px; line-height:1.6; text-indent:-20px; margin-left:18px;  text-align:left}
.lstNum.s > li {font-size:12px;}
.lstNum > li:first-child{margin-top:0}
.lstNum > li:before{content:" "; color:#666; font-size:14px; font-weight:bold; margin-right:4px; min-width:29px}
.lstNum > li:nth-child(1):before{content:"01";}
.lstNum > li:nth-child(2):before{content:"02";}
.lstNum > li:nth-child(3):before{content:"03";}
.lstNum > li:nth-child(4):before{content:"04";}
.lstNum > li:nth-child(5):before{content:"05";}
.lstNum > li:nth-child(6):before{content:"06";}
.lstNum > li:nth-child(7):before{content:"07";}
.lstNum > li:nth-child(8):before{content:"08";}
.lstNum > li:nth-child(9):before{content:"09";}
.lstNum > li:nth-child(10):before{content:"10";}
	
.btn_text {display:block; margin-top:15px}
.btn_text a{color:#0078c8; font-size:13px; text-decoration:underline; font-weight:bold;}

/* 보탬통장 */
.botem{}
.mat20{margin-top:20px !important}
.botemProcessWrap {margin:15px 0 20px;}
.botemProcessWrap:after {content:'　'; display:block; height:0px; clear:both; visibility:hidden;}
.botemProcessWrap > li {position:relative; float:left; width:calc(100% / 3); text-align:center; color:#333;}
.botemProcessWrap > li:after,
.botemProcessWrap > li > span:before {content:''; background:url(/mbw/images/customer/bg_botem_icon.png) no-repeat; background-size:320px auto;}
.botemProcessWrap > li:after {background-position:-82px -22px;position:absolute;top:22px;right:-4px;display:inline-block;width:8px;height:17px;}
.botemProcessWrap > li:last-child:after {display:none;}
.botemProcessWrap > li > strong{position:absolute; top:0px; right:-20px; width:50px; display:block; text-align:center; letter-spacing:-1px;font-size:10px;color:#666;font-weight:normal}
.botemProcessWrap > li > span:before{display:block; height:65px; width:65px; margin:0 auto 5px;}
.botemProcessWrap > li > span{color:#333;font-size:12px;}
.botemProcessWrap > li.step01 strong{top:-5px;}
.botemProcessWrap > li.step02 strong{top:-15px;}
.botemProcessWrap > li.step02 > span:before{background-position:-107.5px 0;}
.botemProcessWrap > li.step03 > span:before{background-position:-215px 0;}

.botemProcessWrap.invest > li.step01:after{display:none;}
.botemProcessWrap.invest > li.step02 strong{top:-5px;}
.botemProcessWrap.invest > li.step01 > span:before{background-position:0 -108px;}
.botemProcessWrap.invest > li.step02 > span:before{background-position:-107.5px -108px;}
.botemProcessWrap.invest > li.step03 > span:before{background-position:-215px -108px;}

.botem .lstDot li{font-size:12px}

/* DC고객 퇴직연금 */
.dcpensionGuideImg{ display:block; margin:20px 15px 40px}
.dcpensionGuide{background:url(/mbw/images/finance/img_dcpension_guide.jpg) no-repeat 0 0; background-size:100% auto; width:100%; height:182px;}
.dcpensionGuide{display:block; color:#fff; padding-top:20px;}
.dcpensionGuide .head .stitle{display:inline-block; font-size:12px; color:#fff;}
.dcpensionGuide .head .stitle.introDesc:before {background-position:50% -25px; width:100%; height:11px; margin:5px 0;}
.dcpensionGuide .descText{display:block; color:#fff; padding:15px 0 0; font-size:18px;}
.dcpensionGuide .btnWrap{margin:18px 0 0;}
.dcpensionGuide .btnWrap a{width:35%}
.dcpensionGuide .btnWrap a.white{border:1px solid #fff; color:#fff; background:none}
.lineT15{border-top:15px solid #e6e6e6}
.dcpension .stepWrap .stepProcess > dd.next{margin-top:0}
.dcpension .stepWrap .stepProcess > dd.next .ico_arrow{display:inline-block;background:url(/mbw/images/finance/ico_dc_arrow.png) no-repeat;background-size:7.5px auto;background-position:0 0;width:7.5px;height:5px;vertical-align:middle}

.dcpensionGuideWarp {text-align:left;}
.dcpensionGuideWarp .guideWrap > dt,
.dcpensionGuideWarp .guideWrap > dd.txtTit {margin:0 15px;}
.dcpensionGuideWarp .guideWrap {margin:40px 0 0; font-size:12px;}
.dcpensionGuideWarp .guideWrap > dt {color:#0078c8; font-weight:bold; font-size:15px;}
.dcpensionGuideWarp .guideWrap > dt > em {display:inline-block; font-size:34px; margin-right:10px;}
.dcpensionGuideWarp .guideWrap > dd.txtTit {margin-top:10px; font-size:20px; color:#000; letter-spacing:-1px;}
.dcpensionGuideWarp .moreContOpen {margin-top:20px; padding-bottom:40px}
.dcpensionGuideWarp .moreContOpen .mpopTabWrap {margin:25px 0;}

.dcpensionGuideWarp .moreContOpen > ul, .dcpensionGuideWarp .moreContOpen > p, .dcpensionGuideWarp .moreContOpen > div,
.dcpensionGuideWarp .moreContOpen > .processWrap, .dcpensionGuideWarp .groupTabWrap {margin-left:15px; margin-right:15px;}
.dcpensionGuideWarp .moreContOpen > .tblWrap{margin-left:0; margin-right:0;}
.dcpensionGuideWarp .groupTabWrap{margin-top:40px}

.lst_split.dcpension{margin:20px 0}
.lst_split.dcpension > li > div > strong{display:block;padding:5px 0 0 0;color:#333}
.lst_split.dcpension > li > div > span{padding:5px 0 0 0;color:#666}
.lst_split.dcpension > li > div:before {background:url(/mbw/images/finance/bg_dcGuide_split.png) no-repeat; background-size:65px auto; }
.lst_split.dcpension > li > div.item01:before {background-position:0 0;}
.lst_split.dcpension > li > div.item02:before {background-position:0 -98px}
.lst_split.dcpension > li > div.item03:before {background-position:0 -196px}
.lst_split.dcpension > li > div.item04:before {background-position:0 -294px}

.lst_split.dcpension2{margin:20px 0}
.lst_split.dcpension2 > li > div > strong{display:block;padding:5px 0 0 0;color:#333}
.lst_split.dcpension2 > li > div > span{padding:5px 0 0 0;color:#666}
.lst_split.dcpension2 > li > div:before {background:url(/mbw/images/finance/bg_dcGuide_split.png) no-repeat; background-size:65px auto; }
.lst_split.dcpension2 > li > div.item01:before {background-position:0 0;}
.lst_split.dcpension2 > li > div.item01 strong,
.contTab.additionalSVC{margin-top:30px;}
.contTab.additionalSVC .contDefine{margin-bottom:30px}
.contTab.additionalSVC .contDefine dt.cont01 strong{color:#d6565f}
.lst_split.dcpension2 > li > div.item02 strong,
.contTab.additionalSVC .contDefine dt.cont02 strong{color:#8d5594}
.lst_split.dcpension2 > li > div.item03 strong,
.contTab.additionalSVC .contDefine dt.cont03 strong{color:#0ca7d3}
.lst_split.dcpension2 > li > div.item01:before {background-position:0 -392px}
.lst_split.dcpension2 > li > div.item02:before {background-position:0 -490px}
.lst_split.dcpension2 > li > div.item03:before {background-position:0 -588px}
.lst_split.dcpension2 > li > div.item03:before {position:absolute; top:0px; left:-85px; margin-top:0;}
.lst_split.dcpension2 > li > div .btnWrap{margin-top:20px}
.lst_split.dcpension2 > li > div .tpoint,
.contTab.additionalSVC .contDefine dd .tpoint{color:#ff826c}

.additionalSVCPop .contArea{border-bottom:2px solid #d6d6d6}
.additionalSVCPop .lstDot.type2 li{color:#333}
.additionalSVCPop .lstDot.type2 li p{padding-left:38px}

.lst_split.additionalSVCMall{margin:20px 0}
.lst_split.additionalSVCMall > li {padding:12px 0}
.lst_split.additionalSVCMall > li > div > strong{display:block;padding:5px 0 0 0;color:#333}
.lst_split.additionalSVCMall > li > div > span{padding:5px 0 0 0;color:#666}
.lst_split.additionalSVCMall > li > div:before {background:url(/mbw/images/finance/bg_additionalSVC_mall_split.png) no-repeat; background-size:52px auto; width:52px; height:52px; margin-top:0;top:0;left:-65px;}
.lst_split.additionalSVCMall > li > div.item01:before {background-position:0 0;}
.lst_split.additionalSVCMall > li > div.item02:before {background-position:0 -77px}
.lst_split.additionalSVCMall > li > div.item03:before {background-position:0 -154px}
.lst_split.additionalSVCMall > li > div.item04:before {background-position:0 -245px}


/* 고객만족프로그램 */
.assetProcessWrap.sfService {margin-top:15px;}
.assetProcessWrap.sfService > li {float:inherit; width:100%; height:92px; padding-bottom:20px;}
.assetProcessWrap.sfService > li strong{margin-top:0 !important;font-size:16px;padding-top:5px}
.assetProcessWrap.sfService > li strong em {font-weight:normal;}
.assetProcessWrap.sfService > li strong, .assetProcessWrap.sfService > li span{text-align:left; margin:10px 0 0 75px;}
.assetProcessWrap.sfService > li span{ font-size:14px;}
.assetProcessWrap.sfService > li:nth-child(5) {padding-bottom:0;}
.assetProcessWrap.sfService > li > span:before{content:''; background:url(/mbw/images/customer/img_sfService.png) no-repeat; background-size:65px auto;}
.assetProcessWrap.sfService > li:after{position:absolute; background-position:0 -365px; top:80px; left:23px; width:17px; height:8px;}
.assetProcessWrap.sfService > li > span:before{margin:0; position:absolute; top:-4px; left:0}
.assetProcessWrap.sfService > li > span.step01:before {background-position:0 0;}
.assetProcessWrap.sfService > li > span.step02:before {background-position:0 -112px;}
.assetProcessWrap.sfService > li > span.step03:before {background-position:0 -225px;}
.assetProcessWrap.sfService > li > span.step04:before {background-position:0 -337.5px;}
.assetProcessWrap.sfService > li > span.step05:before {background-position:0 -450px;}
 
 
 /* 해외투자2.0 */
 .foreignInvestInfo{}

/* 비상장주식가이드 */
.unstockGuide.contListWrap .contHead.contImg .btns{position:absolute;top:78.5%;left:5%;width:90%;height:10%;z-index:10}
.unstockGuide.contListWrap h2.subTit{font-size:24px;line-height:28px;}
.unstockGuide .bgBox.firsr{margin-top:0px;}
.unstockGuide .bgBox{background-color:#f4f5f9;margin-top:40px;padding-bottom:40px}
.unstockGuide .bgBox.type{margin-top:0px;font-size:13px;padding:20px}
.unstockGuide .borBox{border-bottom:15px solid #e6e6e6;padding-bottom:40px}
.unstockGuide .borBox:after {display:block; clear:both; content:""} 
.unstockGuide .imageArea{margin-top:20px}
.unstockGuide .imageArea.toolArea{position:relative; }
.unstockGuide .imageArea.toolArea .toolTipWrap{position:absolute;bottom:11%;left:50%;margin-left:-7px;}


.unstockGuide a.textLink{background:none;border:none;color:#0078c8;text-decoration:underline;font-size:12px}

/* ISA안내 */

.isaGuideArea.contListWrap .contHead.contImg .btns{position:absolute;top:74.5%;left:5%;width:90%;height:12%;z-index:10}
.isaGuideArea.contListWrap .contHead.contImg .btns.type2{top:72%;height:13%}
.isaGuideArea.contListWrap h2.subTit{font-size:24px;line-height:28px;}
.isaGuideArea.contListWrap .contList{padding-bottom:0 !important}
.isaGuideArea .bgBox.firsr{margin-top:0px;}
.isaGuideArea .bgBox{background-color:#f4f5f9;margin-top:40px;padding-bottom:40px}
.isaGuideArea .bgBox.type{margin-top:0px;font-size:13px;padding:20px}
.isaGuideArea .isaStep.loanGuidestep{margin-right:0;padding-bottom:40px}
.isaGuideArea .borTline{display:block;border-top:15px solid #e6e6e6;}
#isaGuideSlider01, #isaGuideSlider02, #isaGuideSlider03, #isaGuideSlider04, #isaGuideSlider05, #isaGuideSlider06, #isaGuideSlider07, #isaGuideSlider08, #isaGuideSlider09{min-height:630px;}
.assetProcessWrap.isaGuideStep > li{width:100%}
.assetProcessWrap.isaGuideStep > li:after{background-position:0 -365px;top:inherit;bottom:5px;left:50%;margin-left:-8px;width:17px;height:8px}

.isaStep.isaSevice{position:relative}
.isaStep.isaSevice dt {position:absolute;display:inline-block}
.isaStep.isaSevice dt>strong{margin-top:25px}
.isaStep.isaSevice dt:before{}
.isaStep.isaSevice dt:nth-child(1):before{background-position:0 -1610px;}
.isaStep.isaSevice dt:nth-child(3):before{background-position:0 -505px;}
.isaStep.isaSevice dt:nth-child(5):before{background-position:-70px -505px;}
.isaStep.isaSevice dt:nth-child(7):before{background-position:-140px -505px;}
.isaStep.isaSevice dt:nth-child(9):before{background-position:-210px -505px;}
.isaStep.isaSevice dt:nth-child(11):before{background-position:0 -590px;}
.isaStep.isaSevice dt:nth-child(9):after {display:block}
.isaStep.isaSevice dt:nth-child(11):after {display:none}
.isaStep.isaSevice dt, .isaStep.isaSevice dd{font-size:14px}
.isaStep.isaSevice dd{padding-bottom:0;min-height:110px;margin-left:20px;color:#333}
.isaStep.isaSevice dd>span{display:block;padding:23px 0 0}
.isaStep.isaSevice dd .btnWrap{margin-top:10px;padding:0}
.isaStep.isaSevice dt.btn>strong{margin-top:10px}
.isaStep.isaSevice dd.btn>span{padding:8px 0 0}

/* 자산관리 일임형 */
.contListWrap.isaAdvisor .contHead.contImg, .contListWrap.isaGuideArea .contHead.contImg{min-height:auto}

/* 로그인 */
.login{}
.login:after{content:"";display:block;clear:both;visibility:hidden}
.login .loginForm{background:#0078c8 url(/mbw/images/login/bg_loginBox.jpg) no-repeat 96% 0; background-size:34.5px 34.5px; margin:0; padding:70px 15px;}
.login .loginForm:after{content:"";display:block;clear:both;visibility:hidden}
.login .loginForm fieldset{position:relative; color:#fff}
.login .loginForm .loginBox{display:block}
.login .loginForm .loginBox:after{content:"";display:block;clear:both;visibility:hidden}
.login .loginForm .idSave{position:absolute; top:12px; right:9px}
.login .loginForm .idSave input:checked[type="checkbox"]{background-position:0 -300px}
.login .loginForm .idSave input[type="checkbox"]{background-position:0 -375px}
.login .loginForm .idSave label{color:#fff}
.login .loginForm .loginBox li{display:block; margin:10px 0 0; border-bottom:1px solid #52a5e5;}
.login .loginForm .loginBox li:first-child{margin-top:0}
.login .loginForm .loginBox li input[type="text"], .login .loginForm .loginBox li input[type="password"], .login .loginForm .loginBox li input[placeholder]{border:none; background:none; color:#ffffff !important; height:40px; line-height:40px; text-indent:9px; width:70%; font-size:18px}
.login .loginForm .loginBox li input[placeholder]{color:#ffffff !important;}
.login .loginForm .btnWrap{display:block; margin-top:15px}
.login .loginForm .btnWrap .login{display:block; width:100%; border:none; height:37.75px; background:#fff; color:#0078c8}

.login .loginForm .loginText{margin:30px auto; width:100%; display:table}
.login .loginForm .loginText:after{content:"";display:block;clear:both;visibility:hidden}
.login .loginForm .loginText li{display:table-cell}
.login .loginForm .loginText li:first-child{text-align:right;}
.login .loginForm .loginText li:first-child a{padding:0 15px 0 0; color:#fff; font-size:13px; line-height:20px; border-right:1px solid #fff;}
.login .loginForm .loginText li a{color:#fff; font-size:13px; line-height:20px; padding:0 0 0 15px}
.login .loginForm .loginMsg{display:block; margin-top:10px}
.login .loginForm .loginMsg .warnning{color:#fff; font-size:12px}

.login .promBanner{display:block; font-size:0}
.login .promBanner:after{content:"";display:block;clear:both;visibility:hidden}
.login .promBanner img{width:100%;}

.snsArea{display:block;margin:0 auto;}
.snsArea>a{display:inline-block; font-size:14px; color:#666}
.snsArea>a:before{position:relative;display:inline-block; content:""; opacity:1; width:18px;height:18px; background:url(/mbw/images/customer/ico_sns_set.png) no-repeat; background-size:18px auto;margin-right:5px}
.snsArea>a:after{display:inline-block; content:"|"; opacity:1;color:#dcdcdc;margin-left:15px;margin-right:15px}
.snsArea>a:last-child:after{display:none}

/* mpop 안내 레이어 팝업 */
.lpopWrap .lpopContainer .mpopGoArea {min-height:275px; background:url(/mbw/images/common/bg_mpopGo.jpg) no-repeat right 70%; background-size:158px 218px;}
.lpopWrap .lpopContainer .mpopGoArea:after{content:"";display:block;clear:both;visibility:hidden}
.lpopWrap .lpopContainer .mpopGoArea .stit{display:block; font-size:22px; color:#000; line-height:22px; padding:15px 0 0;}
.lpopWrap .lpopContainer .mpopGoArea .text{display:block; font-size:14px; color:#333; line-height:20px; padding:15px 0 0;}
.lpopWrap .lpopContainer .mpopGoArea .text strong{color:#0078c8}
.lpopWrap .lpopContainer .mpopGoArea .descText{display:block; font-size:11px; color:#666; line-height:14px; padding:15px 0 0;}
.lpopWrap .lpopContainer .mpopGoArea .descText:before {display:inline-block; content:""; opacity:1; background:url(/mbw/images/common/ico_set.png) no-repeat; background-size:150px auto; background-position:-107px 0; width:10px; height:10px; margin-right:2px; vertical-align:middle}

/* 마케팅서비스 고객 홍보용 맞춤 팝업*/
/* .lpopWrap .lpopContainer .mkService{margin:0 0 10px; color:#333; letter-spacing:-1px; overflow-y:auto; -webkit-overflow-scrolling:touch; max-height:210px;}*/
.lpopWrap .lpopContainer .mkService {margin:18px 0 0; color:#333; letter-spacing:-1px; overflow-y:auto; -webkit-overflow-scrolling:touch; max-height:410px;}
.lpopWrap .lpopContainer .mkService .introDesc{display:block;text-align:center;color:#333; font-size:18px; margin:10px 0 0}
.lpopWrap .lpopContainer .mkService .introDesc span{color:#0078c8;}
.lpopWrap .lpopContainer .mkService .introDesc:before{background-position:50% -25px; width:15px; height:11px; margin:0 auto 5px;}
.lpopWrap .lpopContainer .mkService .introDesc .descText{font-size:14px; padding:5px 0 0}
.lpopWrap .lpopContainer .mkService .imgArea{display:block;}
.lpopWrap .lpopContainer .mkService .text{display:block; padding:10px 0 0;}
.lpopWrap .lpopContainer .mkService .introDesc+.imgArea{padding:10px 0 0;}
.lpopWrap .lpopContainer .mkService .text{font-size:16px; color:#333;}
.lpopWrap .lpopContainer .mkService .txtClose{position:relative; display:block; font-size:12px; padding:20px 0 0px; overflow:hidden}
.lpopWrap .lpopContainer .mkService .txtClose span{line-height:13px;}
.lpopWrap .lpopContainer .mkService .txtClose .l{float:left}
.lpopWrap .lpopContainer .mkService .txtClose .r{float:right}
.lpopWrap .lpopContainer .mkService .txtClose .r label{font-size:12px}
.lpopWrap .lpopContainer .mkService > last-child {margin-bottom:0;}

/* 일반 팝업 일 경우 */
.lpopContainer .mkService {}
#normalPop .lpopContainer .mkService .imgArea {padding:0;}
#normalPop .lpopContainer .mkService .imgArea > img {display:block;}



/*법인영업포털 개인정보수집이용 수신 */
.corpAgree{}
.corpAgree #headerWrap{background:#fff !important;border-bottom:2px solid #e4e4e4 !important}
.corpAgree #headerWrap .logoImg{display:block;margin:15px 0 0 20px;width:148px;height:20px;background:url(/mbw/images/common/logo_corp.png) no-repeat; background-size:148px 20px;}

.corpAgree .seviceQrBox{display:block;position:relative;margin:0 15px 0;padding-top:20px;}
.corpAgree .seviceQrBox .htext{display:block;font-size:16px;width:82%;font-weight:bold;color:#111}
.corpAgree .seviceQrBox .imgQr{position:absolute;top:23px;right:0px;width:41px;height:41px;}

.corpAgree .seviceQrBox .gradeBar{display:table;width:100%;margin-top:40px}
.corpAgree .seviceQrBox .gradeBar.wtype{width:70%;margin-top:30px}
.corpAgree .seviceQrBox .gradeBar li{display:table-cell;position:relative;width:20%;text-align:center;height:10px; }
.corpAgree .seviceQrBox .gradeBar li>p{display:block;position:relative;top:-20px;font-size:8px;color:#545454}
.corpAgree .seviceQrBox .gradeBar li:nth-child(1){background-color:#23a6d2;border-radius:8px 0 0 8px}
.corpAgree .seviceQrBox .gradeBar li:nth-child(2){background-color:#64bc54}
.corpAgree .seviceQrBox .gradeBar li:nth-child(3){background-color:#efce1c}
.corpAgree .seviceQrBox .gradeBar li:nth-child(4){background-color:#f5933e}
.corpAgree .seviceQrBox .gradeBar li:nth-child(5){background-color:#ed3f24;border-radius:0px 8px 8px 0}
.corpAgree .seviceQrBox .gradeBar li.curr p{font-weight:bold; }
.corpAgree .seviceQrBox .gradeBar li.curr p:before{display:block; content:""; opacity:1;  width:11px; height:10px; position:absolute; left:50%; top:17px; margin-left:-5px; background:url(/mbw/images/common/img_agree_corp_icon.png) no-repeat; background-size:11px 10px;}
.corpAgree .grade_item{display:inline-block;border-radius:10px;padding:0 10px;height:18px;line-height:20px;font-size:8px;color:#fff;vertical-align:middle}
.corpAgree .grade_item.step1{background-color:#23a6d2;}
.corpAgree .grade_item.step2{background-color:#64bc54}
.corpAgree .grade_item.step3{background-color:#efce1c}
.corpAgree .grade_item.step4{background-color:#f5933e}
.corpAgree .grade_item.step5{background-color:#ed3f24;}

.corpAgree .corpAgreeBox{display:block;margin-top:25px}
.corpAgree .corpAgreeBox .agreeChoice{display:block;border-top:1px solid #e4e4e4;padding-top:25px}
.corpAgree .corpAgreeBox .agreeChoice>li{display:block;margin-bottom:20px}
.corpAgree .corpAgreeBox .agreeChoice>li.curr{position:relative}
.corpAgree .corpAgreeBox .agreeChoice>li.curr:after{}
.corpAgree .corpAgreeBox .agreeChoice>li .agreeGo{display:block; content:""; opacity:1; position:absolute; top:0px;right:0; width:16px; height:16px; background:url(/mbw/images/common/ico_arrow.png) no-repeat; background-size:150px 375px; background-position:0 -233px}
.corpAgree .checkBox input[type="checkbox"]{display:inline-block; background:url(/mbw/images/common/ico_corp_check.png) no-repeat; background-size:16px 16px; width:16px; height:16px; vertical-align:middle; -webkit-appearance:none; -webkit-box-sizing:border-box; -webkit-border-radius:0; border:none; vertical-align:middle;}
.corpAgree .checkBox input[type="checkbox"]+label{font-size:12px;color:#888}
.corpAgree .checkBox input[type="checkbox"]:checked {background:url(/mbw/images/common/ico_corp_check_on.png) no-repeat; background-size:16px 16px;}
.corpAgree .checkBox input[type="checkbox"]:checked+label{color:#222}
.corpAgree .checkBox .choice_list{padding:10px 0 0 25px;}
.corpAgree .checkBox .choice_list input[type="checkbox"]+label{margin-right:15px}

.corpLayer > .btn_close{display:none}

.corpLayer .corp_text{color:#333;padding:20px 0}
.corpLayer .corp_text>strong{font-size:16px;}
.corpLayer .corp_text+.corp_text{border-top:1px solid #e4e4e4;padding-bottom:0}
.corpLayer .corp_text_lst{display:block;width:80%;margin:0 auto}
.corpLayer .corp_text_lst>li{display:block;font-size:13px;padding-bottom:6px}
.corpLayer .corp_text_lst>li span{display:inline-block;width:70%;text-align:left}

.corpAgree #header.newPage:before{display:none}
.corpAgree #headerWrap h1.tit.h2depth{color:#111;left:5%}

.corpAgree #header.newPage .paging_close{background-position:20px -20px}

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

@media only screen and (min-device-width:340px) and (max-device-width:380px) {
	.chartForm .chartRight{width:32%}
	.chartForm .checkList > li{min-width:42px;}
	.memberWrap > dd.cellPhone select{width:27%}
	.memberWrap > dd .selfCertifi button{width:27%}
	.memberWrap > dd .selfCertifi input{width:69%}
	.finDetailSummary > .totalScore.portfolio dl dd .chart .chartBox #highchart_container_outcome{width:280px !important}
}

@media only screen and (min-device-width:320px) and (max-device-width:360px) {
	.stockHeader .srchWrap .inpSrchSet .inpSrch{width:79%;}
	.stockInfo .optionInfo .gubun{padding:0 5px}
	.stockInfo.exchange .name{width:35%}
	.stockInfo.exchange .optionInfo{width:65%}
	.stockInfo .priceInfo .price > span{font-size:26px}
	/*.chartForm .checkList > li .boxSelect .btnArrow, .chartForm .checkList > li .boxSelect .select{min-width:48px;}*/
	.chartForm .checkList{width:66%;}
	.chartForm .chartRight{width:34%}
	.chartForm .checkList > li .boxSelect .btnArrow{padding:0 5px}
	.lpopContainer.company .item_company .company_info{height:200px}
	.finscroll, .goEntryscroll{height:380px;}
	.newList dl.head dd .title{width:90%}
	.memberWrap > dd.cellPhone select{width:25%}
	.memberWrap > dd .selfCertifi button{width:28%}
	.memberWrap > dd .selfCertifi input{width:66%}
	.stepClubArea.step3 ul li.on:nth-child(1){width:63%}
	.stepClubArea.step3 ul li.on:nth-child(2){width:58%}
	.stepClubArea.step3 ul li.on:nth-child(3){width:45%}
	.honorsclubWarp .honorsclubSlider{min-height:280px;}
	/*.stockHeader .srchWrap .inpSrchWrap, .srchFormWrap .inpSrchWrap .boxSelect .btnArrow, .srchFormWrap .inpSrchWrap .boxSelect .select{width:130px;}*/
	.customer .imgPage .textArea{margin-top:-60px}
	.customer .imgPage.family .textArea{margin-top:-110px}
	/* .startAccountSlider{min-height:440px;}*/
	.chartForm .chartZoom{margin-right:2px}
	
	
}

@media only screen and (min-device-width:320px) and (max-device-width:340px) {
	.interestOptWrap .folder{width:37%}
	.chartForm .checkList > li{min-width:34px;}
	.lpopContainer.company .item_split_wrap .col4{padding:4px}
	.lpopContainer.company .item_split_wrap .col4 li > p{padding:0}
	.interGroupSel dt > span{width:60%}
	.interestOptWrap .interestUtil .boxSelect .btnArrow, .interestOptWrap .interestUtil .boxSelect .select{max-width:120px; min-width:120px}	
	.login .loginForm .loginText li:first-child a{padding:0 10px 0 0;}
	.login .loginForm .loginText li a{padding:0 0 0 10px}
	.interestOptWrap .interestUtil.wishBox .boxSelect .btnArrow, .interestOptWrap .interestUtil.wishBox .boxSelect .select{max-width:80px; min-width:80px;}
	.finDetailSummary > .totalScore.portfolio dl dd .chart .chartBox #highchart_container_outcome{width:220px !important}
}

/* 갤럭시 폴드 */
@media only screen and (min-device-width:420px) and (max-device-width:600px) {	
	.honorsclubWarp .honorsclubSlider{min-height:500px}
	.stockHeader.type2 .srchWrap .inpSrchWrap{width:82%}
	.stockHeader .srchWrap .btnWrap2{width:16%}
	.stockInfo .optionInfo li p.fw span.up_arr{background-position:48% 60%}
	.stockInfo .optionInfo li p.fw span.low_arr{background-position:48% 60%}
	.stockInfo .optionInfo li p.fw span.lower_arr{background-position:48% 60%}
	.stockInfo .optionInfo li p.fw span.upper_arr{background-position:48% 60%}
}